{"product_id":"antibakterialis-vakuumos-elelmiszertarolo-rozsdamentes-acelbol-nagy-meret-1000ml","title":"Antibakteriális vákuumos élelmiszertároló rozsdamentes acélból, nagy méret – 1000ML","description":"\u003cstyle\u003e\n\/* =====================================================\n   SNAINYBOX — BLOCK 4: BEFORE \/ AFTER\n   Hai block so sánh luôn hiển thị cạnh nhau\n===================================================== *\/\n\n.snx4 {\n  --snx4-cream: #f8f7f3;\n  --snx4-cream-2: #f1efe9;\n  --snx4-dark: #222222;\n  --snx4-line: #deddd7;\n\n  --snx4-green: #1e7a4d;\n  --snx4-green-soft: #eaf5ee;\n\n  --snx4-orange: #f28c28;\n\n  --snx4-red: #a94a40;\n  --snx4-red-soft: #f8ece9;\n\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n\n  margin: 0 auto 38px;\n  padding: 0;\n\n  color: var(--snx4-dark);\n\n  font-family:\n    Inter,\n    \"Segoe UI\",\n    Roboto,\n    Arial,\n    sans-serif;\n\n  line-height: 1.5;\n  box-sizing: border-box;\n\n  container-type: inline-size;\n  container-name: snx4Block;\n}\n\n.snx4 *,\n.snx4 *::before,\n.snx4 *::after {\n  box-sizing: border-box;\n}\n\n\/* =========================\n   KHUNG CHÍNH\n========================= *\/\n\n.snx4__shell {\n  display: grid;\n\n  grid-template-areas:\n    \"heading\"\n    \"visual\"\n    \"compare\";\n\n  grid-template-columns: minmax(0, 1fr);\n  gap: 16px;\n\n  width: 100%;\n  min-width: 0;\n\n  padding: 22px 14px 16px;\n\n  overflow: hidden;\n\n  border: 1px solid rgba(34, 34, 34, 0.07);\n  border-radius: 26px;\n\n  background:\n    radial-gradient(\n      circle at 88% 2%,\n      rgba(242, 140, 40, 0.09),\n      transparent 28%\n    ),\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      var(--snx4-cream) 100%\n    );\n\n  box-shadow:\n    0 20px 55px rgba(34, 34, 34, 0.07),\n    0 3px 12px rgba(34, 34, 34, 0.04);\n}\n\n\/* =========================\n   HEADING\n========================= *\/\n\n.snx4__heading {\n  grid-area: heading;\n  min-width: 0;\n  text-align: left;\n}\n\n.snx4__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n\n  margin: 0 0 11px;\n  padding: 7px 11px;\n\n  border: 1px solid rgba(30, 122, 77, 0.18);\n  border-radius: 999px;\n\n  background: rgba(234, 245, 238, 0.84);\n  color: var(--snx4-green);\n\n  font-size: 11px;\n  font-weight: 800;\n  line-height: 1;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.snx4__eyebrow::before {\n  content: \"\";\n\n  flex: 0 0 7px;\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--snx4-orange);\n\n  box-shadow:\n    0 0 0 4px rgba(242, 140, 40, 0.13);\n}\n\n.snx4__heading h2 {\n  max-width: 760px;\n\n  margin: 0;\n\n  color: var(--snx4-dark);\n\n  font-size: clamp(28px, 7vw, 44px);\n  font-weight: 850;\n  line-height: 1.07;\n  letter-spacing: -0.045em;\n\n  overflow-wrap: normal;\n  word-break: normal;\n}\n\n.snx4__heading h2 span {\n  position: relative;\n  z-index: 1;\n  display: inline;\n}\n\n.snx4__heading h2 span::after {\n  content: \"\";\n\n  position: absolute;\n  z-index: -1;\n\n  left: -2px;\n  right: -2px;\n  bottom: 2px;\n\n  height: 27%;\n\n  border-radius: 4px;\n\n  background: rgba(242, 140, 40, 0.2);\n}\n\n\/* =========================\n   ẢNH BEFORE \/ AFTER\n========================= *\/\n\n.snx4__visual {\n  grid-area: visual;\n\n  position: relative;\n\n  width: 100%;\n  min-width: 0;\n  aspect-ratio: 1 \/ 1;\n\n  margin: 0;\n\n  overflow: hidden;\n\n  border: 1px solid rgba(34, 34, 34, 0.09);\n  border-radius: 22px;\n\n  background: var(--snx4-cream-2);\n\n  box-shadow:\n    0 12px 30px rgba(34, 34, 34, 0.1),\n    0 2px 8px rgba(34, 34, 34, 0.04);\n}\n\n.snx4__visual img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center;\n\n  border: 0;\n}\n\n\/* Gradient nhẹ phía dưới ảnh *\/\n\n.snx4__visual::before {\n  content: \"\";\n\n  position: absolute;\n  z-index: 1;\n\n  inset: auto 0 0;\n\n  height: 27%;\n\n  pointer-events: none;\n\n  background: linear-gradient(\n    180deg,\n    transparent 0%,\n    rgba(20, 23, 21, 0.3) 100%\n  );\n}\n\n\/* Đường phân cách chính giữa *\/\n\n.snx4__visual::after {\n  content: \"\";\n\n  position: absolute;\n  z-index: 2;\n\n  top: 0;\n  bottom: 0;\n  left: 50%;\n\n  width: 2px;\n\n  transform: translateX(-50%);\n\n  background: rgba(255, 255, 255, 0.9);\n\n  box-shadow:\n    0 0 14px rgba(0, 0, 0, 0.12);\n}\n\n\/* Label trên ảnh *\/\n\n.snx4__photo-label {\n  position: absolute;\n  z-index: 3;\n\n  bottom: 14px;\n\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n\n  max-width: calc(50% - 26px);\n\n  padding: 9px 12px;\n\n  border: 1px solid rgba(255, 255, 255, 0.55);\n  border-radius: 999px;\n\n  color: #ffffff;\n\n  font-size: 12px;\n  font-weight: 850;\n  line-height: 1;\n  letter-spacing: 0.035em;\n  text-transform: uppercase;\n  white-space: nowrap;\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n\n  box-shadow:\n    0 6px 16px rgba(0, 0, 0, 0.1);\n}\n\n.snx4__photo-label::before {\n  content: \"\";\n\n  flex: 0 0 7px;\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n}\n\n.snx4__photo-label--bad {\n  left: 12px;\n\n  background: rgba(96, 49, 43, 0.76);\n}\n\n.snx4__photo-label--bad::before {\n  background: #ffb1a5;\n}\n\n.snx4__photo-label--good {\n  right: 12px;\n\n  background: rgba(19, 101, 61, 0.8);\n}\n\n.snx4__photo-label--good::before {\n  background: #9ef0bd;\n}\n\n\/* =========================\n   KHỐI SO SÁNH\n   LUÔN GIỮ 2 CỘT\n========================= *\/\n\n.snx4__compare {\n  grid-area: compare;\n\n  display: grid;\n\n  \/* Luôn luôn hai block cạnh nhau *\/\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  gap: 8px;\n\n  width: 100%;\n  min-width: 0;\n}\n\n.snx4__column {\n  min-width: 0;\n\n  padding: 13px 10px 11px;\n\n  border: 1px solid var(--snx4-line);\n  border-radius: 18px;\n\n  overflow: hidden;\n}\n\n.snx4__column--bad {\n  background: linear-gradient(\n    180deg,\n    rgba(248, 236, 233, 0.82),\n    rgba(255, 255, 255, 0.94)\n  );\n}\n\n.snx4__column--good {\n  background: linear-gradient(\n    180deg,\n    rgba(234, 245, 238, 0.94),\n    rgba(255, 255, 255, 0.94)\n  );\n}\n\n.snx4__column-title {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n\n  min-width: 0;\n\n  margin: 0 0 10px;\n\n  color: var(--snx4-dark);\n\n  font-size: 13px;\n  font-weight: 850;\n  line-height: 1.25;\n}\n\n.snx4__column-title::before {\n  content: \"\";\n\n  flex: 0 0 8px;\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n}\n\n.snx4__column--bad\n.snx4__column-title::before {\n  background: var(--snx4-red);\n\n  box-shadow:\n    0 0 0 4px rgba(169, 74, 64, 0.1);\n}\n\n.snx4__column--good\n.snx4__column-title::before {\n  background: var(--snx4-green);\n\n  box-shadow:\n    0 0 0 4px rgba(30, 122, 77, 0.1);\n}\n\n\/* Danh sách luôn xếp dọc *\/\n\n.snx4__list {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr);\n\n  gap: 7px;\n\n  min-width: 0;\n}\n\n.snx4__item {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n\n  min-width: 0;\n\n  padding: 8px;\n\n  border:\n    1px solid rgba(34, 34, 34, 0.035);\n\n  border-radius: 11px;\n\n  background:\n    rgba(255, 255, 255, 0.78);\n\n  color: var(--snx4-dark);\n\n  font-size: 12.5px;\n  font-weight: 680;\n  line-height: 1.25;\n\n  overflow-wrap: anywhere;\n  word-break: normal;\n}\n\n.snx4__item::before {\n  flex: 0 0 20px;\n\n  width: 20px;\n  height: 20px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  color: #ffffff;\n\n  font-size: 12px;\n  font-weight: 900;\n  line-height: 1;\n}\n\n.snx4__column--bad\n.snx4__item::before {\n  content: \"×\";\n\n  background: var(--snx4-red);\n}\n\n.snx4__column--good\n.snx4__item::before {\n  content: \"✓\";\n\n  background: var(--snx4-green);\n}\n\n\/* =====================================================\n   BLOCK HẸP\n   Hai block vẫn luôn nằm cạnh nhau\n===================================================== *\/\n\n@container snx4Block (max-width: 430px) {\n  .snx4__shell {\n    gap: 14px;\n\n    padding: 18px 10px 12px;\n\n    border-radius: 21px;\n  }\n\n  .snx4__heading h2 {\n    font-size: 28px;\n    line-height: 1.05;\n  }\n\n  .snx4__visual {\n    border-radius: 18px;\n  }\n\n  .snx4__photo-label {\n    bottom: 9px;\n\n    gap: 5px;\n\n    max-width: calc(50% - 18px);\n\n    padding: 8px 9px;\n\n    font-size: 10px;\n  }\n\n  .snx4__photo-label--bad {\n    left: 8px;\n  }\n\n  .snx4__photo-label--good {\n    right: 8px;\n  }\n\n  .snx4__compare {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n\n    gap: 7px;\n  }\n\n  .snx4__column {\n    min-width: 0;\n\n    padding: 11px 7px 9px;\n\n    border-radius: 14px;\n  }\n\n  .snx4__column-title {\n    gap: 5px;\n\n    margin-bottom: 8px;\n\n    font-size: 11px;\n    line-height: 1.2;\n  }\n\n  .snx4__column-title::before {\n    flex-basis: 7px;\n\n    width: 7px;\n    height: 7px;\n  }\n\n  .snx4__list {\n    grid-template-columns:\n      minmax(0, 1fr);\n\n    gap: 6px;\n  }\n\n  .snx4__item {\n    gap: 5px;\n\n    padding: 7px 5px;\n\n    font-size: 10.5px;\n    line-height: 1.2;\n  }\n\n  .snx4__item::before {\n    flex: 0 0 17px;\n\n    width: 17px;\n    height: 17px;\n\n    font-size: 10px;\n  }\n}\n\n\/* =====================================================\n   MÀN HÌNH RẤT HẸP\n   VẪN GIỮ 2 BLOCK CẠNH NHAU\n===================================================== *\/\n\n@container snx4Block (max-width: 330px) {\n  .snx4__shell {\n    padding:\n      16px 7px 10px;\n  }\n\n  .snx4__heading h2 {\n    font-size: 25px;\n  }\n\n  .snx4__compare {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n\n    gap: 5px;\n  }\n\n  .snx4__column {\n    padding: 9px 5px 7px;\n    border-radius: 12px;\n  }\n\n  .snx4__column-title {\n    gap: 4px;\n\n    font-size: 10px;\n  }\n\n  .snx4__column-title::before {\n    flex-basis: 6px;\n\n    width: 6px;\n    height: 6px;\n  }\n\n  .snx4__item {\n    gap: 4px;\n\n    padding: 6px 4px;\n\n    font-size: 9.5px;\n  }\n\n  .snx4__item::before {\n    flex-basis: 15px;\n\n    width: 15px;\n    height: 15px;\n\n    font-size: 9px;\n  }\n\n  .snx4__photo-label {\n    padding: 7px 8px;\n\n    font-size: 9px;\n  }\n}\n\n\/* =====================================================\n   KHI BLOCK THỰC SỰ RỘNG\n===================================================== *\/\n\n@container snx4Block (min-width: 760px) {\n  .snx4 {\n    margin-bottom: 64px;\n  }\n\n  .snx4__shell {\n    grid-template-columns:\n      minmax(0, 1.08fr)\n      minmax(340px, 0.92fr);\n\n    grid-template-areas:\n      \"visual heading\"\n      \"visual compare\";\n\n    gap: 24px 32px;\n\n    align-items: start;\n\n    padding: 30px;\n  }\n\n  .snx4__heading {\n    padding-top: 10px;\n  }\n\n  .snx4__heading h2 {\n    font-size: 42px;\n  }\n\n  .snx4__visual {\n    min-height: 100%;\n  }\n\n  .snx4__compare {\n    align-self: end;\n\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n  }\n\n  .snx4__column {\n    padding: 15px 12px 13px;\n  }\n\n  .snx4__item {\n    font-size: 13px;\n  }\n}\n\u003c\/style\u003e\n\u003csection class=\"snx4\"\u003e\n\u003cdiv class=\"snx4__shell\" style=\"text-align: start;\"\u003e\n\u003c!-- HEADING --\u003e\u003cheader class=\"snx4__heading\"\u003e\u003cspan class=\"snx4__eyebrow\"\u003e Előtte \/ Utána \u003c\/span\u003e\n\u003ch2\u003eMég mindig \u003cspan\u003eszagos és rendetlen\u003c\/span\u003e a hűtőd?\u003c\/h2\u003e\n\u003c\/header\u003e\u003c!--\n      THAY URL ẢNH TẠI src\n\n      Ảnh yêu cầu:\n      - Kích thước 2000 × 2000 px\n      - Không có chữ\n      - Nửa trái: hộp nhựa lộn xộn\n      - Nửa phải: hộp inox đồng nhất\n      - Tất cả hộp inox cùng kích thước\n      - Nút cam nằm chính giữa nắp\n      - Không hộp nào thiếu nút cam\n    --\u003e\n\u003cfigure class=\"snx4__visual\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/9065\/3699\/files\/1_c4305c51-6233-45d9-9519-cdabe73696e3.png?v=1785895366\" alt=\"Rendetlen műanyag dobozok és rendezett Inox 316 ételtárolók összehasonlítása\" style=\"margin-bottom: 16px; float: none;\"\u003e \u003cspan class=\"snx4__photo-label snx4__photo-label--bad\"\u003e Műanyag doboz \u003c\/span\u003e \u003cspan class=\"snx4__photo-label snx4__photo-label--good\"\u003e Inox 316 \u003c\/span\u003e\u003c\/figure\u003e\n\u003c!-- SO SÁNH — LUÔN CẠNH NHAU --\u003e\n\u003cdiv class=\"snx4__compare\"\u003e\n\u003c!-- HỘP NHỰA --\u003e\n\u003cdiv class=\"snx4__column snx4__column--bad\"\u003e\n\u003cdiv class=\"snx4__column-title\"\u003eA régi megoldás\u003c\/div\u003e\n\u003cdiv class=\"snx4__list\"\u003e\n\u003cdiv class=\"snx4__item\"\u003eÁtveszi a szagokat\u003c\/div\u003e\n\u003cdiv class=\"snx4__item\"\u003eRendetlen\u003c\/div\u003e\n\u003cdiv class=\"snx4__item\"\u003eGyorsabban romlik\u003c\/div\u003e\n\u003cdiv class=\"snx4__item\"\u003eKevésbé higiénikus\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SNAINYBOX --\u003e\n\u003cdiv class=\"snx4__column snx4__column--good\"\u003e\n\u003cdiv class=\"snx4__column-title\"\u003eSNAINYBOX 316\u003c\/div\u003e\n\u003cdiv class=\"snx4__list\"\u003e\n\u003cdiv class=\"snx4__item\"\u003eTisztább\u003c\/div\u003e\n\u003cdiv class=\"snx4__item\"\u003eRendezettebb\u003c\/div\u003e\n\u003cdiv class=\"snx4__item\"\u003eTovább friss\u003c\/div\u003e\n\u003cdiv class=\"snx4__item\"\u003eBiztonságosabb\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"MCHAU","offers":[{"title":"Default Title","offer_id":49379592634627,"sku":"SNAINY1000","price":4900.0,"currency_code":"HUF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/9065\/3699\/files\/Hu_4a6288cd-074c-42f1-88c0-9b9322496b34.png?v=1785829183","url":"https:\/\/klikkbolt.com\/products\/antibakterialis-vakuumos-elelmiszertarolo-rozsdamentes-acelbol-nagy-meret-1000ml","provider":"KlikkBolt","version":"1.0","type":"link"}