{"title":"SOCIO","description":"\u003cstyle\u003e\n  .cp-offer-block {\n    max-width: 1280px;\n    margin: -24px auto 0;\n    padding: 24px 40px;\n    border-radius: 16px;\n    box-sizing: border-box;\n    position: relative;\n    background-color: rgba(255, 255, 255, 0.85);\n    background-image: repeating-linear-gradient(\n      45deg,\n      rgba(165, 136, 60, 0.06) 0px,\n      rgba(165, 136, 60, 0.06) 1px,\n      transparent 1px,\n      transparent 14px\n    );\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n    -webkit-backdrop-filter: blur(8px);\n    backdrop-filter: blur(8px);\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    overflow: hidden;\n  }\n\n  .cp-offer-block .cp-tag-row {\n    display: block;\n    width: 100%;\n    margin: 0 0 8px 0;\n  }\n\n  .cp-offer-block .cp-main-row {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n    gap: 32px;\n    column-gap: 32px;\n    position: relative;\n    z-index: 1;\n  }\n\n  .cp-offer-block .cp-main-row.cp-main-row--text-only {\n    grid-template-columns: 1fr;\n  }\n\n  .cp-offer-block .cp-content {\n    min-width: 0;\n  }\n\n  .cp-offer-block .cp-image-wrap {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    min-width: 0;\n    padding-left: 0;\n    margin-left: 0;\n  }\n\n  .cp-offer-block .cp-image {\n    width: 100%;\n    max-width: 140px;\n    height: auto;\n    display: block;\n    border-radius: 8px;\n  }\n\n  .cp-offer-block .cp-tag {\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.4;\n    color: #ffffff;\n    background: linear-gradient(\n      90deg,\n      #8a6f2c 0%,\n      #a5883c 25%,\n      #dcbf6a 50%,\n      #a5883c 75%,\n      #8a6f2c 100%\n    );\n    background-size: 200% 100%;\n    animation: cpGoldShine 6s linear infinite;\n    border-radius: 4px;\n    padding: 6px 10px;\n    width: fit-content;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    margin: 0;\n    letter-spacing: 0.5px;\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);\n  }\n\n  .cp-offer-block .cp-tag-icon-img {\n    width: 14px;\n    height: 14px;\n    object-fit: contain;\n    display: block;\n    flex-shrink: 0;\n  }\n\n  @keyframes cpGoldShine {\n    0% { background-position: 200% 50%; }\n    100% { background-position: -200% 50%; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .cp-offer-block .cp-tag {\n      animation: none;\n    }\n  }\n\n  .cp-offer-block .cp-tag svg {\n    flex-shrink: 0;\n    display: block;\n  }\n\n  .cp-offer-block .cp-details {\n    font-size: 13px;\n    line-height: 1.5;\n    color: #000;\n    margin: 0;\n  }\n\n  .cp-offer-block .cp-list {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n    margin-top: 12px;\n  }\n\n  .cp-offer-block .cp-list-item {\n    background: #f9eed0;\n    color: #80611e;\n    font-size: 12px;\n    line-height: 1.4;\n    font-weight: 600;\n    padding: 8px 10px;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 0.4em;\n    text-align: center;\n    border: 1.25px solid rgba(165, 136, 60, 0.3);\n    min-height: 36px;\n  }\n\n  .cp-offer-block .cp-remarks {\n    font-size: 10px;\n    color: #666;\n    line-height: 1.4;\n    margin: 8px 0 0;\n  }\n\n  .cp-offer-block a {\n    color: #89702e;\n    text-decoration: underline;\n    text-underline-offset: 3px;\n    font-weight: 700;\n  }\n\n  .cp-offer-block a:hover {\n    color: #be9e55;\n  }\n\n  .cp-offer-block .happenings-city-bold {\n    font-weight: 700;\n  }\n\n  .cp-offer-block .happenings-super-normal {\n    font-weight: 400 !important;\n  }\n\n  @media (max-width: 1024px) {\n    .cp-offer-block {\n      padding: 24px 40px;\n    }\n\n    .cp-offer-block .cp-main-row {\n      grid-template-columns: 1fr auto;\n      gap: 24px;\n      column-gap: 24px;\n    }\n\n    .cp-offer-block .cp-main-row.cp-main-row--text-only {\n      grid-template-columns: 1fr;\n    }\n\n    .cp-offer-block .cp-image {\n      max-width: 140px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .cp-offer-block {\n      padding: 20px;\n      margin-top: -16px;\n    }\n\n    .cp-offer-block .cp-main-row {\n      grid-template-columns: minmax(0, 7fr) minmax(56px, 3fr);\n      gap: 16px;\n      column-gap: 16px;\n      align-items: center;\n    }\n\n    .cp-offer-block .cp-main-row.cp-main-row--text-only {\n      grid-template-columns: 1fr;\n    }\n\n    .cp-offer-block .cp-image-wrap {\n      justify-content: flex-end;\n      padding-left: 0 !important;\n      margin-left: 0 !important;\n    }\n\n    .cp-offer-block .cp-image {\n      max-width: 100%;\n    }\n\n    .cp-offer-block .cp-list {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .cp-offer-block .cp-list.cp-list--single {\n      grid-template-columns: 1fr;\n    }\n\n    .cp-offer-block .cp-list-item {\n      font-size: 12px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .cp-offer-block {\n      padding: 16px;\n      margin: -12px 0 16px;\n    }\n\n    .cp-offer-block .cp-main-row {\n      grid-template-columns: minmax(0, 7fr) minmax(52px, 3fr);\n      gap: 16px;\n      column-gap: 16px;\n    }\n\n    .cp-offer-block .cp-main-row.cp-main-row--text-only {\n      grid-template-columns: 1fr;\n    }\n\n    .cp-offer-block .cp-image-wrap {\n      padding-left: 0 !important;\n      margin-left: 0 !important;\n    }\n\n    .cp-offer-block .cp-tag {\n      font-size: 12px;\n      padding: 5px 8px;\n    }\n\n    .cp-offer-block .cp-details {\n      font-size: 12px;\n    }\n\n    .cp-offer-block .cp-image {\n      max-width: 100%;\n    }\n\n    .cp-offer-block .cp-list {\n      gap: 6px;\n    }\n\n    .cp-offer-block .cp-list-item {\n      font-size: 12px;\n      padding: 7px 8px;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"cp-offer-block\"\u003e\n\u003cdiv class=\"cp-tag-row\"\u003e\n\u003cdiv class=\"cp-tag\"\u003e\u003csvg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" height=\"14\" width=\"14\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M21.41 11.58l-9-9A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 .59 1.42l9 9a2 2 0 0 0 2.83 0l7-7a2 2 0 0 0 0-2.84zM7 8a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u0026nbsp;【黄金周優惠】\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cp-main-row cp-main-row--text-only\"\u003e\n\u003cdiv class=\"cp-content\"\u003e由 \u003cstrong\u003e2026年9月30日 至 10月7日\u003c\/strong\u003e，凡購買任何2件 SOCIO 薯片即享8折優惠！（系統將自動計算折扣。）\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cp-remarks\"\u003e*受條款及細則約束。圖片只供參考。\u003c\/p\u003e\n\u003c\/section\u003e","products":[{"product_id":"socio-potato-chips-seaweed-salt-flavor-170g","title":"SOCIO 薯片 - 紫菜鹽味  (148g)","description":"\u003cp\u003e將簡單的鹽和紫菜的濃郁香氣組合起來，打造出這款充滿鮮味的薯片。採用日本國產薯仔製成，充滿薯仔的天然風味，是上班、上學的滋味小食！\u003c\/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e請存放在陰涼處\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e*照片僅供參考。\u003c\/em\u003e\u003c\/p\u003e","brand":"Warehouse","offers":[{"title":"Default Title","offer_id":12615218200619,"sku":"301381317","price":29.0,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2597\/8324\/products\/301381317-1-socio-potato-chips-seaweed-salt-flavor-160g.jpg?v=1652328560"},{"product_id":"socio-potato-chips-smoky-barbecue-flavor-170g","title":"SOCIO 薯片 - 煙燻燒烤味  (155g)","description":"\u003cp\u003e這是一款散發著夏威夷非常流行的燒烤風味的薯片！炭燒的香氣和烤肉的鮮味交織在一起，酥脆可口，令人一試難忘，回味無窮！\u003c\/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e請存放在陰涼處\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e*照片僅供參考。\u003c\/em\u003e\u003c\/p\u003e","brand":"Warehouse","offers":[{"title":"Default Title","offer_id":12615218233387,"sku":"301381318","price":29.0,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2597\/8324\/products\/301381318-1-socio-potato-chips-smoky-barbecue-flavor-160g.jpg?v=1652328565"},{"product_id":"socio-potato-chips-light-salt-flavor-170g","title":"HULA'S 薯片- 輕鹽 (160g)","description":"\u003cp\u003e\u003cimg style=\"width: 100%;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2597\/8324\/files\/301381316.png?v=1727685652\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003eHula’s薯片 - 輕鹽味\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e嚴選日本產薯仔製成\u003c\/li\u003e\n\u003cli\u003e以少許鹽簡單調味\u003c\/li\u003e\n\u003cli\u003e充滿天然香脆風味\u003cbr\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e採用日本國產薯仔製成，以少許鹽簡單調味，增強薯仔的天然風味，酥脆可口，無論是大朋友或是小朋友都會愛上呢！\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e請存放在陰涼處\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e*照片僅供參考。\u003c\/em\u003e\u003c\/p\u003e","brand":"Warehouse","offers":[{"title":"Default Title","offer_id":12615218364459,"sku":"301381316","price":29.0,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2597\/8324\/products\/301381316-1-socio-potato-chips-light-salt-flavor-170g.jpg?v=1652328560"}],"url":"https:\/\/online.citysuper.com.hk\/zh\/collections\/socio.oembed","provider":"city'super E-Shop","version":"1.0","type":"link"}