{"product_id":"snaiv2","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\/ed24fdae-946c-48e6-af3c-701ee6e4eafa.png?v=1786084621\" 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\n\u003cstyle\u003e\n\/* =====================================================\n   SNAINYBOX — BLOCK 5: MULTI-USE GRID\n   2 × 2 cố định trên mọi thiết bị\n===================================================== *\/\n\n.snx5 {\n  --snx5-cream: #f8f7f3;\n  --snx5-cream-2: #f0eee8;\n  --snx5-white: #ffffff;\n\n  --snx5-dark: #222222;\n  --snx5-text: #666761;\n  --snx5-line: #deddd7;\n\n  --snx5-green: #1e7a4d;\n  --snx5-green-soft: #eaf5ee;\n\n  --snx5-orange: #f28c28;\n  --snx5-orange-soft: #fff1e3;\n\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n\n  margin: 0 auto 40px;\n  padding: 0;\n\n  color: var(--snx5-dark);\n\n  font-family:\n    Inter,\n    \"Segoe UI\",\n    Roboto,\n    Arial,\n    sans-serif;\n\n  box-sizing: border-box;\n\n  container-type: inline-size;\n  container-name: snx5Block;\n}\n\n.snx5 *,\n.snx5 *::before,\n.snx5 *::after {\n  box-sizing: border-box;\n}\n\n\/* =========================================\n   KHUNG NGOÀI\n========================================= *\/\n\n.snx5__shell {\n  position: relative;\n\n  width: 100%;\n\n  padding: 24px 14px 18px;\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 92% 0%,\n      rgba(242, 140, 40, 0.08),\n      transparent 25%\n    ),\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      var(--snx5-cream) 100%\n    );\n\n  box-shadow:\n    0 20px 55px rgba(34, 34, 34, 0.06),\n    0 3px 12px rgba(34, 34, 34, 0.035);\n}\n\n\/* =========================================\n   HEADING\n========================================= *\/\n\n.snx5__head {\n  margin: 0 0 17px;\n  text-align: left;\n}\n\n.snx5__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:\n    1px solid rgba(30, 122, 77, 0.18);\n\n  border-radius: 999px;\n\n  background:\n    rgba(234, 245, 238, 0.86);\n\n  color: var(--snx5-green);\n\n  font-size: 11px;\n  font-weight: 800;\n\n  line-height: 1;\n\n  letter-spacing: 0.075em;\n  text-transform: uppercase;\n}\n\n.snx5__eyebrow::before {\n  content: \"\";\n\n  width: 7px;\n  height: 7px;\n\n  flex: 0 0 7px;\n\n  border-radius: 50%;\n\n  background: var(--snx5-orange);\n\n  box-shadow:\n    0 0 0 4px rgba(242, 140, 40, 0.12);\n}\n\n.snx5__head h2 {\n  max-width: 720px;\n\n  margin: 0;\n\n  color: var(--snx5-dark);\n\n  font-size: clamp(28px, 7vw, 44px);\n  font-weight: 850;\n\n  line-height: 1.07;\n\n  letter-spacing: -0.045em;\n}\n\n.snx5__head h2 span {\n  position: relative;\n  z-index: 1;\n}\n\n.snx5__head h2 span::after {\n  content: \"\";\n\n  position: absolute;\n  z-index: -1;\n\n  left: -2px;\n  right: -2px;\n\n  bottom: 2px;\n\n  height: 27%;\n\n  border-radius: 4px;\n\n  background:\n    rgba(242, 140, 40, 0.18);\n}\n\n\/* =========================================\n   GRID 2 × 2\n========================================= *\/\n\n.snx5__grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  gap: 10px;\n\n  width: 100%;\n  min-width: 0;\n}\n\n\/* =========================================\n   CARD\n========================================= *\/\n\n.snx5__card {\n  position: relative;\n\n  min-width: 0;\n\n  aspect-ratio: 1 \/ 1;\n\n  margin: 0;\n\n  overflow: hidden;\n\n  border:\n    1px solid rgba(34, 34, 34, 0.08);\n\n  border-radius: 19px;\n\n  background: var(--snx5-cream-2);\n\n  box-shadow:\n    0 9px 24px rgba(34, 34, 34, 0.08);\n\n  isolation: isolate;\n}\n\n.snx5__card img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center;\n\n  transition:\n    transform 0.45s ease;\n}\n\n\/* Gradient rất nhẹ để label rõ *\/\n\n.snx5__card::after {\n  content: \"\";\n\n  position: absolute;\n  z-index: 1;\n\n  inset: auto 0 0;\n\n  height: 38%;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent 0%,\n      rgba(20, 23, 21, 0.52) 100%\n    );\n}\n\n\/* =========================================\n   LABEL\n========================================= *\/\n\n.snx5__label {\n  position: absolute;\n  z-index: 2;\n\n  left: 10px;\n  bottom: 10px;\n\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n\n  max-width: calc(100% - 20px);\n\n  padding: 8px 10px;\n\n  border:\n    1px solid rgba(255, 255, 255, 0.52);\n\n  border-radius: 999px;\n\n  background:\n    rgba(255, 255, 255, 0.90);\n\n  color: var(--snx5-dark);\n\n  font-size: 11.5px;\n  font-weight: 800;\n\n  line-height: 1.05;\n\n  white-space: nowrap;\n\n  box-shadow:\n    0 5px 14px rgba(0, 0, 0, 0.10);\n\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n}\n\n\/* Điểm nhận diện nhỏ *\/\n\n.snx5__label::before {\n  content: \"\";\n\n  flex: 0 0 7px;\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--snx5-orange);\n}\n\n\/* =========================================\n   DÒNG CHỐT CUỐI\n========================================= *\/\n\n.snx5__closing {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n\n  margin-top: 15px;\n\n  padding: 13px 14px;\n\n  border:\n    1px solid rgba(30, 122, 77, 0.14);\n\n  border-radius: 15px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(234, 245, 238, 0.86),\n      rgba(255, 255, 255, 0.92)\n    );\n\n  color: var(--snx5-dark);\n\n  font-size: 14px;\n  font-weight: 750;\n\n  text-align: center;\n}\n\n.snx5__closing-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 0 26px;\n\n  width: 26px;\n  height: 26px;\n\n  border-radius: 50%;\n\n  background: var(--snx5-green);\n\n  color: #fff;\n\n  font-size: 15px;\n  font-weight: 900;\n}\n\n\/* =========================================\n   HOVER DESKTOP\n========================================= *\/\n\n@media (hover: hover) {\n  .snx5__card:hover img {\n    transform: scale(1.035);\n  }\n}\n\n\/* =========================================\n   BLOCK HẸP \/ MOBILE\n   VẪN GIỮ 2 × 2\n========================================= *\/\n\n@container snx5Block (max-width: 430px) {\n\n  .snx5__shell {\n    padding: 19px 10px 14px;\n\n    border-radius: 21px;\n  }\n\n  .snx5__head {\n    margin-bottom: 14px;\n  }\n\n  .snx5__head h2 {\n    font-size: 28px;\n  }\n\n  .snx5__grid {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n\n    gap: 7px;\n  }\n\n  .snx5__card {\n    border-radius: 15px;\n  }\n\n  .snx5__label {\n    left: 7px;\n    bottom: 7px;\n\n    max-width: calc(100% - 14px);\n\n    padding: 7px 8px;\n\n    gap: 5px;\n\n    font-size: 10px;\n  }\n\n  .snx5__label::before {\n    flex-basis: 6px;\n\n    width: 6px;\n    height: 6px;\n  }\n\n  .snx5__closing {\n    margin-top: 11px;\n\n    padding: 11px 9px;\n\n    font-size: 12.5px;\n  }\n\n  .snx5__closing-icon {\n    flex-basis: 23px;\n\n    width: 23px;\n    height: 23px;\n\n    font-size: 13px;\n  }\n}\n\n\/* =========================================\n   MÀN HÌNH RẤT HẸP\n   VẪN KHÔNG CHUYỂN SANG 1 CỘT\n========================================= *\/\n\n@container snx5Block (max-width: 330px) {\n\n  .snx5__shell {\n    padding:\n      16px 7px 11px;\n  }\n\n  .snx5__head h2 {\n    font-size: 25px;\n  }\n\n  .snx5__grid {\n    gap: 5px;\n  }\n\n  .snx5__card {\n    border-radius: 13px;\n  }\n\n  .snx5__label {\n    left: 5px;\n    bottom: 5px;\n\n    max-width: calc(100% - 10px);\n\n    padding: 6px 6px;\n\n    font-size: 8.7px;\n  }\n\n  .snx5__label::before {\n    display: none;\n  }\n\n  .snx5__closing {\n    font-size: 11.5px;\n  }\n}\n\n\/* =========================================\n   BLOCK RỘNG \/ DESKTOP\n========================================= *\/\n\n@container snx5Block (min-width: 760px) {\n\n  .snx5 {\n    margin-bottom: 64px;\n  }\n\n  .snx5__shell {\n    padding: 32px;\n\n    border-radius: 30px;\n  }\n\n  .snx5__head {\n    max-width: 780px;\n\n    margin-bottom: 22px;\n  }\n\n  .snx5__head h2 {\n    font-size: 42px;\n  }\n\n  .snx5__grid {\n    gap: 16px;\n  }\n\n  .snx5__card {\n    border-radius: 23px;\n  }\n\n  .snx5__label {\n    left: 15px;\n    bottom: 15px;\n\n    padding: 10px 13px;\n\n    font-size: 13px;\n  }\n\n  .snx5__closing {\n    margin-top: 18px;\n\n    padding: 15px;\n\n    font-size: 15px;\n  }\n}\n\n\u003c\/style\u003e\n\u003csection class=\"snx5\"\u003e\n\u003cdiv class=\"snx5__shell\"\u003e\n\u003c!-- =========================\n         HEADING\n    ========================== --\u003e\u003cheader class=\"snx5__head\"\u003e\u003cspan class=\"snx5__eyebrow\"\u003e Sokoldalú használat \u003c\/span\u003e\n\u003ch2\u003eEgy dobozkészlet, \u003cspan\u003eaz egész konyhára\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/header\u003e\u003c!-- =========================\n         GRID 2 × 2\n    ========================== --\u003e\n\u003cdiv class=\"snx5__grid\" style=\"text-align: start;\"\u003e\n\u003c!-- 01 — TỦ LẠNH --\u003e\n\u003cfigure class=\"snx5__card\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" alt=\"Snainy rozsdamentes ételtároló hűtőben\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/9065\/3699\/files\/5.1.png?v=1786097953\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003cfigcaption class=\"snx5__label\"\u003eTárolás\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c!-- 02 — LÒ NƯỚNG --\u003e\n\u003cfigure class=\"snx5__card\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" alt=\"Snainy rozsdamentes ételtároló sütőben\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/9065\/3699\/files\/5.2.png?v=1786097953\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003cfigcaption class=\"snx5__label\"\u003eSütőben\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c!-- 03 — BẾP --\u003e\n\u003cfigure class=\"snx5__card\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" alt=\"Snainy rozsdamentes edény főzés közben\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/9065\/3699\/files\/5.3.png?v=1786097953\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003cfigcaption class=\"snx5__label\"\u003eFőzés a tűzhelyen\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c!-- 04 — MANG THEO --\u003e\n\u003cfigure class=\"snx5__card\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" alt=\"Snainy ételtároló munkába vagy piknikre\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/9065\/3699\/files\/5.4.png?v=1786097953\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003cfigcaption class=\"snx5__label\"\u003eVidd magaddal\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\n         CLOSING\n    ========================== --\u003e\n\u003cdiv class=\"snx5__closing\"\u003e\n\u003cspan class=\"snx5__closing-icon\"\u003e ✓ \u003c\/span\u003e \u003cspan\u003e Egy doboz – sokféle felhasználás \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =====================================================\n   SNAINYBOX — BLOCK 6 COMPACT FIXED\n===================================================== *\/\n\n.snx6 {\n  --snx6-bg: #f8f7f3;\n  --snx6-white: #ffffff;\n  --snx6-dark: #222222;\n  --snx6-text: #686963;\n  --snx6-line: #deddd7;\n\n  --snx6-green: #1e7a4d;\n  --snx6-green-soft: #eaf5ee;\n\n  --snx6-orange: #f28c28;\n  --snx6-orange-soft: #fff0df;\n\n  width: 100%;\n  margin: 0 auto 40px;\n  color: var(--snx6-dark);\n  font-family: Inter, \"Segoe UI\", Roboto, Arial, sans-serif;\n  box-sizing: border-box;\n\n  container-type: inline-size;\n  container-name: snx6Compact;\n}\n\n.snx6 *,\n.snx6 *::before,\n.snx6 *::after {\n  box-sizing: border-box;\n}\n\n\/* SHELL *\/\n.snx6__shell {\n  width: 100%;\n  padding: 22px 14px 15px;\n  overflow: hidden;\n  border: 1px solid rgba(34, 34, 34, 0.07);\n  border-radius: 26px;\n  background:\n    radial-gradient(circle at 92% 2%, rgba(242, 140, 40, 0.09), transparent 26%),\n    linear-gradient(180deg, #ffffff 0%, var(--snx6-bg) 100%);\n  box-shadow:\n    0 18px 50px rgba(34,34,34,0.055),\n    0 3px 12px rgba(34,34,34,0.03);\n}\n\n\/* HEAD *\/\n.snx6__head {\n  margin-bottom: 15px;\n}\n\n.snx6__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  margin-bottom: 10px;\n  padding: 7px 11px;\n  border: 1px solid rgba(242, 140, 40, 0.20);\n  border-radius: 999px;\n  background: var(--snx6-orange-soft);\n  color: #b96519;\n  font-size: 10.5px;\n  font-weight: 850;\n  line-height: 1;\n  letter-spacing: 0.07em;\n  text-transform: uppercase;\n}\n\n.snx6__eyebrow::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--snx6-orange);\n  box-shadow: 0 0 0 4px rgba(242,140,40,.12);\n}\n\n.snx6__head h2 {\n  max-width: 760px;\n  margin: 0;\n  color: var(--snx6-dark);\n  font-size: clamp(27px, 7vw, 43px);\n  font-weight: 850;\n  line-height: 1.07;\n  letter-spacing: -0.045em;\n}\n\n.snx6__head h2 span {\n  position: relative;\n  z-index: 1;\n}\n\n.snx6__head h2 span::after {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  left: -2px;\n  right: -2px;\n  bottom: 2px;\n  height: 27%;\n  border-radius: 4px;\n  background: rgba(242,140,40,.19);\n}\n\n.snx6__flow {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 11px;\n  color: var(--snx6-text);\n  font-size: 11.5px;\n  font-weight: 700;\n  line-height: 1.3;\n  flex-wrap: wrap;\n}\n\n.snx6__flow strong {\n  color: var(--snx6-dark);\n  font-weight: 800;\n}\n\n.snx6__flow-arrow {\n  color: var(--snx6-orange);\n  font-weight: 900;\n}\n\n\/* VISUAL GRID *\/\n.snx6__visuals {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  grid-template-areas:\n    \"hero hero\"\n    \"step1 step3\";\n  gap: 10px;\n  width: 100%;\n}\n\n\/* CARD COMMON *\/\n.snx6__card {\n  position: relative;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--snx6-line);\n  border-radius: 18px;\n  background: #eceae4;\n  box-shadow: 0 8px 22px rgba(34,34,34,.07);\n  isolation: isolate;\n}\n\n.snx6__card img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n.snx6__card::after {\n  content: \"\";\n  position: absolute;\n  z-index: 1;\n  inset: auto 0 0;\n  height: 36%;\n  pointer-events: none;\n  background: linear-gradient(\n    180deg,\n    transparent 0%,\n    rgba(20,23,21,.50) 100%\n  );\n}\n\n\/* HERO *\/\n.snx6__hero {\n  grid-area: hero;\n  aspect-ratio: 16 \/ 10;\n  border-color: rgba(242,140,40,.30);\n  box-shadow:\n    0 10px 26px rgba(242,140,40,.08),\n    0 5px 15px rgba(34,34,34,.05);\n}\n\n\/* MINI STEPS *\/\n.snx6__step1 {\n  grid-area: step1;\n  aspect-ratio: 1 \/ 1;\n}\n\n.snx6__step3 {\n  grid-area: step3;\n  aspect-ratio: 1 \/ 1;\n}\n\n\/* STEP NUMBER *\/\n.snx6__number {\n  position: absolute;\n  z-index: 4;\n  top: 9px;\n  left: 9px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border-radius: 11px;\n  background: rgba(255,255,255,.94);\n  color: var(--snx6-dark);\n  font-size: 11.5px;\n  font-weight: 900;\n  box-shadow: 0 5px 14px rgba(0,0,0,.09);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n}\n\n.snx6__hero .snx6__number {\n  background: var(--snx6-orange);\n  color: #ffffff;\n}\n\n\/* LABEL *\/\n.snx6__label {\n  position: absolute;\n  z-index: 4;\n  left: 10px;\n  right: 10px;\n  bottom: 10px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  min-height: 36px;\n  max-width: calc(100% - 20px);\n\n  padding: 8px 10px;\n  border: 1px solid rgba(255,255,255,.48);\n  border-radius: 999px;\n  background: rgba(255,255,255,.92);\n  color: var(--snx6-dark);\n  font-size: 11px;\n  font-weight: 850;\n  line-height: 1.2;\n  text-align: center;\n\n  white-space: normal;\n  word-break: break-word;\n  overflow-wrap: anywhere;\n\n  box-shadow: 0 5px 14px rgba(0,0,0,.08);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n}\n\n\/* clamp text for mini cards *\/\n.snx6__step1 .snx6__label,\n.snx6__step3 .snx6__label {\n  border-radius: 14px;\n  padding: 8px 10px;\n  font-size: 10.5px;\n  min-height: 42px;\n\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n\/* hero label *\/\n.snx6__hero .snx6__label {\n  background: rgba(242,140,40,.94);\n  color: #ffffff;\n  border-color: rgba(255,255,255,.45);\n  border-radius: 999px;\n  display: inline-flex;\n}\n\n\/* TOP CHIP *\/\n.snx6__vacuum {\n  position: absolute;\n  z-index: 4;\n  right: 10px;\n  top: 10px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 7px 9px;\n  border-radius: 999px;\n  background: rgba(255,255,255,.92);\n  color: var(--snx6-orange);\n  font-size: 9.5px;\n  font-weight: 850;\n  box-shadow: 0 5px 14px rgba(0,0,0,.07);\n}\n\n.snx6__vacuum::before {\n  content: \"\";\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--snx6-orange);\n  box-shadow: 0 0 0 3px rgba(242,140,40,.15);\n}\n\n\/* CLAIM *\/\n.snx6__claim {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 12px;\n  padding: 11px 12px;\n  border: 1px solid rgba(30,122,77,.14);\n  border-radius: 15px;\n  background: linear-gradient(\n    135deg,\n    rgba(234,245,238,.93),\n    rgba(255,255,255,.94)\n  );\n  color: var(--snx6-dark);\n  text-align: center;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.35;\n}\n\n.snx6__claim-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 24px;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: var(--snx6-green);\n  color: #ffffff;\n  font-size: 12px;\n  font-weight: 900;\n}\n\n.snx6__claim strong {\n  color: var(--snx6-green);\n  font-weight: 850;\n}\n\n\/* MOBILE *\/\n@container snx6Compact (max-width: 430px) {\n  .snx6__shell {\n    padding: 18px 10px 12px;\n    border-radius: 21px;\n  }\n\n  .snx6__head {\n    margin-bottom: 13px;\n  }\n\n  .snx6__head h2 {\n    font-size: 28px;\n  }\n\n  .snx6__flow {\n    gap: 4px;\n    font-size: 10px;\n  }\n\n  .snx6__visuals {\n    gap: 8px;\n  }\n\n  .snx6__card {\n    border-radius: 14px;\n  }\n\n  .snx6__hero {\n    aspect-ratio: 16 \/ 10;\n  }\n\n  .snx6__step1,\n  .snx6__step3 {\n    aspect-ratio: 1 \/ 1;\n  }\n\n  .snx6__number {\n    top: 7px;\n    left: 7px;\n    width: 31px;\n    height: 31px;\n    border-radius: 9px;\n    font-size: 10px;\n  }\n\n  .snx6__label {\n    left: 7px;\n    right: 7px;\n    bottom: 7px;\n    max-width: calc(100% - 14px);\n    padding: 7px 8px;\n    font-size: 9px;\n  }\n\n  .snx6__step1 .snx6__label,\n  .snx6__step3 .snx6__label {\n    font-size: 9px;\n    min-height: 40px;\n  }\n\n  .snx6__vacuum {\n    top: 7px;\n    right: 7px;\n    padding: 6px 7px;\n    font-size: 8.5px;\n  }\n\n  .snx6__claim {\n    margin-top: 10px;\n    padding: 10px 8px;\n    font-size: 10.8px;\n  }\n}\n\n\/* VERY NARROW *\/\n@container snx6Compact (max-width: 330px) {\n  .snx6__head h2 {\n    font-size: 25px;\n  }\n\n  .snx6__flow {\n    font-size: 9px;\n  }\n\n  .snx6__step1 .snx6__label,\n  .snx6__step3 .snx6__label {\n    font-size: 8.4px;\n    min-height: 38px;\n  }\n}\n\n\/* DESKTOP *\/\n@container snx6Compact (min-width: 760px) {\n  .snx6 {\n    margin-bottom: 64px;\n  }\n\n  .snx6__shell {\n    padding: 30px;\n    border-radius: 30px;\n  }\n\n  .snx6__head {\n    max-width: 760px;\n    margin-bottom: 22px;\n  }\n\n  .snx6__head h2 {\n    font-size: 42px;\n  }\n\n  .snx6__visuals {\n    grid-template-columns: minmax(240px, .82fr) minmax(0, 1.5fr);\n    grid-template-areas:\n      \"step1 hero\"\n      \"step3 hero\";\n    gap: 12px;\n  }\n\n  .snx6__hero {\n    aspect-ratio: auto;\n    min-height: 100%;\n  }\n\n  .snx6__step1,\n  .snx6__step3 {\n    aspect-ratio: 16 \/ 10;\n  }\n\n  .snx6__card {\n    border-radius: 20px;\n  }\n\n  .snx6__label {\n    font-size: 12px;\n    padding: 8px 11px;\n  }\n\n  .snx6__step1 .snx6__label,\n  .snx6__step3 .snx6__label {\n    font-size: 11px;\n    min-height: 42px;\n  }\n\n  .snx6__number {\n    width: 40px;\n    height: 40px;\n    font-size: 13px;\n  }\n\n  .snx6__claim {\n    margin-top: 14px;\n    padding: 13px;\n    font-size: 13px;\n  }\n}\n\u003c\/style\u003e\n\u003csection class=\"snx6\"\u003e\n\u003cdiv class=\"snx6__shell\"\u003e\n\u003cheader class=\"snx6__head\"\u003e\u003cspan class=\"snx6__eyebrow\"\u003eVákuumos zárás\u003c\/span\u003e\n\u003ch2\u003eEgyetlen nyomás, \u003cspan\u003eakár 3 hét frissesség\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"snx6__flow\"\u003e\n\u003cstrong\u003e01 Lezárás\u003c\/strong\u003e \u003cspan class=\"snx6__flow-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e02 Szelep\u003c\/strong\u003e \u003cspan class=\"snx6__flow-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e03 Szivárgásmentes\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"snx6__visuals\" style=\"text-align: start;\"\u003e\n\u003c!-- HERO STEP 02 --\u003e\n\u003cfigure class=\"snx6__card snx6__hero\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" alt=\"A narancssárga vákuumszelep megnyomása\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/9065\/3699\/files\/6.2.png?v=1786097953\" style=\"margin-bottom: 16px; float: none;\"\u003e \u003cspan class=\"snx6__number\"\u003e02\u003c\/span\u003e \u003cspan class=\"snx6__vacuum\"\u003eVákuumszelep\u003c\/span\u003e\n\u003cfigcaption class=\"snx6__label\"\u003eNyomd meg a szelepet\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c!-- STEP 01 --\u003e\n\u003cfigure class=\"snx6__card snx6__step1\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" alt=\"A fedél pontos lezárása\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/9065\/3699\/files\/6.1.png?v=1786097953\" style=\"margin-bottom: 16px; float: none;\"\u003e \u003cspan class=\"snx6__number\"\u003e01\u003c\/span\u003e\n\u003cfigcaption class=\"snx6__label\"\u003eZárd le a fedelet\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c!-- STEP 03 --\u003e\n\u003cfigure class=\"snx6__card snx6__step3\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" alt=\"A lezárt doboz fejjel lefelé fordítva sem szivárog\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/9065\/3699\/files\/6.3.png?v=1786097953\" style=\"margin-bottom: 16px; float: none;\"\u003e \u003cspan class=\"snx6__number\"\u003e03\u003c\/span\u003e\n\u003cfigcaption class=\"snx6__label\"\u003eFordítsd meg – nem folyik ki\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snx6__claim\"\u003e\n\u003cspan class=\"snx6__claim-icon\"\u003e✓\u003c\/span\u003e \u003cspan\u003e Kevesebb levegő · Szorosabb zárás · \u003cstrong\u003eHosszabb frissesség\u003c\/strong\u003e \u003c\/span\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\/snaiv2","provider":"KlikkBolt","version":"1.0","type":"link"}