{"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\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\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 【GOLDEN WEEK OFFER】\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\n\u003cp class=\"cp-details\"\u003eFrom \u003cstrong\u003e30 Sep – 7 Oct 2026\u003c\/strong\u003e, buy any 2 pcs of SOCIO Potato Chips can get 20% off! (The offer will be applied automatically.)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cp-remarks\"\u003e*Terms and conditions apply. Photo for reference only.\u003c\/p\u003e\n\u003c\/section\u003e","products":[{"product_id":"socio-potato-chips-seaweed-salt-flavor-170g","title":"SOCIO Potato Chips - Seaweed Salt Flavor  (148g)","description":"\u003cp\u003eCombined the simplicity of salt and the rich aroma of seaweed to create this flavourful potato chips! Made with potato produced in Japan, full of the natural flavour of potatoes, this Potato chip is a delicious snack for work and school!\u003c\/p\u003e\u003cp\u003e\u003c\/p\u003e\u003cp\u003eStore in cool dry place\u003c\/p\u003e\u003cp\u003e\u003cem\u003e*Photo for reference only.\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 Potato Chips - Smoky Barbecue Flavor  (143g)","description":"\u003cp\u003eThis is a potato chip that exudes the BBQ flavour that's so popular in Hawaii! The aroma of the charcoal grill and the umami of the grilled meat are intertwined, the crispy texture and delicious taste is so irresistible!\u003c\/p\u003e\u003cp\u003e\u003c\/p\u003e\u003cp\u003eStore in cool dry place\u003c\/p\u003e\u003cp\u003e\u003cem\u003e*Photo for reference only.\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":"SOCIO Potato Chips - Light Salt Flavor  (148g)","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\r\n\u003cp\u003eHula’s Potato Chips – Light Salt Flavour\u003c\/p\u003e\r\n\u003cul\u003e\r\n\u003cli\u003eMade from Japanese potatoes\u003c\/li\u003e\r\n\u003cli\u003eSimply seasoned with a pinch of salt to enhance the natural flavour of the potatoes\u003c\/li\u003e\r\n\u003cli\u003eCrispy and delicious\u003cbr\u003e\n\u003c\/li\u003e\r\n\u003c\/ul\u003e\r\n\u003cp\u003eMade from potatoes produced in Japan, simply seasoned with a pinch of salt to enhance the natural flavour of the potatoes, crispy and delicious, both adults and children will fall in love with it!\u003c\/p\u003e\u003cp\u003eStore in cool dry place\u003c\/p\u003e\u003cp\u003e\u003cem\u003e*Photo for reference only.\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\/collections\/socio.oembed","provider":"city'super E-Shop","version":"1.0","type":"link"}