{"product_id":"samsung-galaxy-a17-5g-256gb-black","title":"Samsung Galaxy A17 5G - 256GB - Must","description":"\u003cstyle\u003e\n\/* =========================================================\n   CELLZILLA — SAMSUNG GALAXY A17 5G\n   PREMIUM PRODUCT STORY\n   ESTONIAN — SHOPIFY RESPONSIVE VERSION\n   ========================================================= *\/\n\n#cz-a17-story{\n  --cz-purple:#5147b8;\n  --cz-purple-dark:#30288f;\n  --cz-pink:#d38bdd;\n  --cz-cyan:#79dadd;\n  --cz-blue:#5f91df;\n  --cz-ink:#111323;\n  --cz-text:#303649;\n  --cz-muted:#687087;\n  --cz-line:rgba(17,19,35,.11);\n  --cz-shell:min(1320px,calc(100% - 48px));\n\n  width:100%;\n  margin:0;\n  padding:0;\n  overflow:hidden;\n  isolation:isolate;\n\n  color:#111323!important;\n  background:#fff!important;\n\n  font-family:Arial,Helvetica,sans-serif;\n}\n\n#cz-a17-story *,\n#cz-a17-story *::before,\n#cz-a17-story *::after{\n  box-sizing:border-box;\n}\n\n#cz-a17-story section{\n  position:relative;\n  width:100%;\n  margin:0;\n}\n\n#cz-a17-story img{\n  display:block;\n  max-width:100%;\n}\n\n#cz-a17-story h1,\n#cz-a17-story h2,\n#cz-a17-story h3,\n#cz-a17-story p{\n  margin-top:0;\n}\n\n#cz-a17-story h1,\n#cz-a17-story h2,\n#cz-a17-story h3{\n  word-break:normal!important;\n  overflow-wrap:normal!important;\n  hyphens:none!important;\n  white-space:normal!important;\n}\n\n#cz-a17-story .cz-shell{\n  width:var(--cz-shell);\n  max-width:1320px;\n  margin-left:auto;\n  margin-right:auto;\n}\n\n\/* =========================================================\n   TEXT\n   ========================================================= *\/\n\n#cz-a17-story h1,\n#cz-a17-story h2,\n#cz-a17-story h3,\n#cz-a17-story p,\n#cz-a17-story span,\n#cz-a17-story strong,\n#cz-a17-story small,\n#cz-a17-story summary{\n  color:#111323!important;\n}\n\n\/* =========================================================\n   KICKER\n   ========================================================= *\/\n\n#cz-a17-story .cz-kicker{\n  display:flex;\n  align-items:center;\n  gap:10px;\n\n  margin:0 0 18px;\n\n  color:#111323!important;\n\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:1.5px;\n  line-height:1.35;\n  text-transform:uppercase;\n\n  white-space:normal!important;\n}\n\n#cz-a17-story .cz-kicker::before{\n  content:\"\";\n\n  width:29px;\n  height:2px;\n\n  flex:0 0 29px;\n\n  border-radius:50px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--cz-purple),\n      var(--cz-pink),\n      var(--cz-cyan)\n    );\n}\n\n\/* =========================================================\n   BRAND GRADIENT\n   ========================================================= *\/\n\n#cz-a17-story .cz-brand-gradient{\n  position:relative;\n  overflow:hidden;\n  isolation:isolate;\n\n  color:#111323!important;\n\n  background:\n    radial-gradient(\n      circle at 10% 20%,\n      rgba(121,218,221,.30),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 88% 75%,\n      rgba(211,139,221,.25),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 65% 20%,\n      rgba(95,145,223,.20),\n      transparent 27%\n    ),\n    linear-gradient(\n      125deg,\n      #dcdcff 0%,\n      #e7e5ff 20%,\n      #f4ddf5 42%,\n      #e1efff 68%,\n      #dceaff 84%,\n      #e8e4ff 100%\n    );\n\n  background-size:\n    180% 180%,\n    190% 190%,\n    170% 170%,\n    330% 330%;\n\n  animation:czBrandGradientMove 20s ease-in-out infinite;\n\n  border-radius:0 0 34px 34px;\n}\n\n#cz-a17-story .cz-brand-gradient::before{\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n  z-index:0;\n\n  pointer-events:none;\n\n  background:\n    radial-gradient(\n      circle at 72% 18%,\n      rgba(255,255,255,.58),\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 18% 80%,\n      rgba(255,255,255,.46),\n      transparent 28%\n    ),\n    linear-gradient(\n      110deg,\n      rgba(255,255,255,.20),\n      transparent 48%,\n      rgba(255,255,255,.16)\n    );\n}\n\n#cz-a17-story .cz-brand-gradient::after{\n  content:\"\";\n\n  position:absolute;\n\n  z-index:5;\n\n  top:-80%;\n  left:-55%;\n\n  width:16%;\n  height:260%;\n\n  pointer-events:none;\n\n  opacity:0;\n\n  transform:rotate(18deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent 0%,\n      rgba(255,255,255,.08) 15%,\n      rgba(255,255,255,.95) 48%,\n      rgba(255,255,255,.16) 58%,\n      transparent 100%\n    );\n\n  filter:blur(4px);\n\n  box-shadow:0 0 35px rgba(255,255,255,.35);\n\n  animation:czShineSweep 7.5s ease-in-out infinite;\n}\n\n#cz-a17-story .cz-brand-gradient \u003e *{\n  position:relative;\n  z-index:10;\n}\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n\n#cz-a17-story .cz-button{\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:10px;\n\n  margin-top:30px;\n\n  padding:14px 23px;\n\n  border:1px solid rgba(48,40,143,.18);\n  border-radius:100px;\n\n  color:#111323!important;\n\n  background:#fff!important;\n\n  box-shadow:0 12px 30px rgba(48,40,143,.12);\n\n  cursor:pointer;\n\n  font-family:inherit;\n  font-size:11px;\n  font-weight:850;\n  letter-spacing:1px;\n  line-height:1.25;\n\n  text-transform:uppercase;\n\n  white-space:nowrap!important;\n\n  text-decoration:none!important;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n#cz-a17-story .cz-button::after{\n  content:\"→\";\n\n  color:var(--cz-purple)!important;\n\n  font-size:18px;\n  line-height:1;\n}\n\n#cz-a17-story .cz-button:hover{\n  transform:translateY(-3px);\n\n  box-shadow:\n    0 18px 40px rgba(48,40,143,.19);\n}\n\n#cz-a17-story .cz-buy-now{\n  position:relative!important;\n  top:auto!important;\n  right:auto!important;\n  bottom:auto!important;\n  left:auto!important;\n\n  float:none!important;\n\n  display:inline-flex!important;\n\n  width:max-content!important;\n  max-width:100%!important;\n\n  flex:none!important;\n  align-self:flex-start!important;\n\n  margin-left:0!important;\n  margin-right:0!important;\n\n  transform:none!important;\n\n  cursor:pointer!important;\n\n  -webkit-tap-highlight-color:transparent;\n}\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n#cz-a17-story .cz-hero{\n  min-height:680px;\n\n  display:flex;\n  align-items:center;\n\n  padding:70px 0;\n\n  border-radius:34px;\n  overflow:hidden;\n}\n\n#cz-a17-story .cz-hero-grid{\n  width:var(--cz-shell);\n  max-width:1320px;\n\n  margin:0 auto;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,.88fr)\n    minmax(0,1.12fr);\n\n  align-items:center;\n\n  gap:clamp(35px,5vw,80px);\n}\n\n#cz-a17-story .cz-hero-copy{\n  position:relative!important;\n\n  width:100%;\n  max-width:650px;\n  min-width:0;\n\n  margin-left:0!important;\n  margin-right:auto!important;\n\n  align-self:center!important;\n\n  text-align:left!important;\n\n  justify-self:start!important;\n\n  transform:none!important;\n}\n\n#cz-a17-story .cz-hero-copy .cz-kicker,\n#cz-a17-story .cz-hero-copy h1,\n#cz-a17-story .cz-hero-copy .cz-hero-description,\n#cz-a17-story .cz-hero-copy .cz-hero-feature{\n  text-align:left!important;\n  margin-left:0;\n  margin-right:auto;\n}\n\n#cz-a17-story .cz-hero h1{\n  display:block!important;\n\n  width:100%!important;\n  max-width:650px!important;\n\n  margin:0 0 28px!important;\n\n  color:#111323!important;\n\n  font-size:clamp(50px,6vw,84px);\n\n  font-weight:800;\n  line-height:1.02;\n  letter-spacing:-3px;\n  word-spacing:.08em;\n\n  text-align:left!important;\n\n  position:relative;\n\n  left:0!important;\n  right:auto!important;\n\n  transform:none!important;\n\n  white-space:normal!important;\n}\n\n#cz-a17-story .cz-hero-copy h1 br{\n  display:block!important;\n}\n\n#cz-a17-story .cz-hero-description{\n  max-width:510px;\n\n  margin:0;\n\n  color:#111323!important;\n\n  font-size:17px;\n  line-height:1.7;\n}\n\n#cz-a17-story .cz-hero-feature{\n  display:inline-flex;\n\n  align-items:center;\n\n  margin-top:27px;\n\n  padding:10px 15px;\n\n  border:1px solid rgba(48,40,143,.20);\n  border-radius:100px;\n\n  color:#111323!important;\n\n  background:rgba(255,255,255,.48);\n\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:.8px;\n  line-height:1.35;\n\n  white-space:nowrap!important;\n}\n\n#cz-a17-story .cz-hero-image-wrap{\n  min-height:520px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  overflow:visible;\n\n  background:transparent!important;\n  border:0!important;\n  box-shadow:none!important;\n}\n\n#cz-a17-story .cz-hero-image{\n  width:100%;\n  max-width:670px;\n\n  height:550px;\n\n  object-fit:contain;\n  object-position:center;\n\n  background:transparent!important;\n\n  filter:\n    drop-shadow(\n      0 28px 35px rgba(45,35,125,.18)\n    );\n\n  animation:czFloat 8s ease-in-out infinite;\n}\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n#cz-a17-story .cz-intro{\n  padding:clamp(85px,10vw,145px) 0;\n\n  background:#fff;\n}\n\n#cz-a17-story .cz-intro-grid{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,.88fr)\n    minmax(0,1.12fr);\n\n  gap:clamp(40px,7vw,120px);\n\n  align-items:start;\n}\n\n#cz-a17-story .cz-intro h2,\n#cz-a17-story .cz-heading{\n  margin:0;\n\n  color:#111323!important;\n\n  font-size:clamp(43px,5vw,72px);\n\n  font-weight:800;\n  line-height:1.04;\n  letter-spacing:-3px;\n}\n\n#cz-a17-story .cz-intro-copy{\n  max-width:650px;\n\n  margin:0;\n\n  color:#111323!important;\n\n  font-size:17px;\n  line-height:1.72;\n\n  text-align:justify;\n}\n\n#cz-a17-story .cz-stats{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:18px;\n\n  margin-top:48px;\n\n  padding-top:24px;\n\n  border-top:1px solid var(--cz-line);\n}\n\n#cz-a17-story .cz-stat strong{\n  display:block;\n\n  margin-bottom:8px;\n\n  font-size:clamp(30px,3.5vw,50px);\n\n  line-height:1;\n  letter-spacing:-2px;\n}\n\n#cz-a17-story .cz-stat span{\n  font-size:11px;\n  font-weight:700;\n  line-height:1.45;\n}\n\n\/* =========================================================\n   DISPLAY\n   ========================================================= *\/\n\n#cz-a17-story .cz-display{\n  min-height:650px;\n\n  display:flex;\n  align-items:stretch;\n\n  padding:0;\n\n  background:\n    linear-gradient(\n      110deg,\n      #edf3ff 0%,\n      #f2f5ff 45%,\n      #eaf0ff 100%\n    );\n\n  border-radius:34px;\n  overflow:hidden;\n}\n\n#cz-a17-story .cz-display-inner{\n  width:var(--cz-shell);\n  max-width:1320px;\n\n  margin:0 auto;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,.88fr)\n    minmax(0,1.12fr);\n\n  align-items:stretch;\n}\n\n#cz-a17-story .cz-display-copy{\n  min-width:0;\n\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n\n  padding:\n    90px\n    clamp(30px,4vw,65px)\n    90px\n    0;\n\n  position:relative;\n  z-index:3;\n}\n\n#cz-a17-story .cz-display-copy h2{\n  max-width:560px;\n\n  margin:0 0 28px;\n\n  font-size:clamp(43px,5.1vw,74px);\n\n  font-weight:800;\n  line-height:1.04;\n  letter-spacing:-3px;\n}\n\n#cz-a17-story .cz-display-copy p:last-child{\n  max-width:600px;\n\n  margin:0;\n\n  font-size:16px;\n  line-height:1.72;\n\n  text-align:justify;\n}\n\n#cz-a17-story .cz-display-image-wrap{\n  position:relative;\n\n  min-height:650px;\n\n  width:100%;\n\n  overflow:hidden;\n\n  display:flex;\n\n  align-items:stretch;\n  justify-content:stretch;\n\n  background:transparent!important;\n}\n\n#cz-a17-story .cz-display-image{\n  width:100%;\n  height:100%;\n  min-height:650px;\n\n  object-fit:cover;\n  object-position:center;\n\n  transform:scale(1.015);\n\n  animation:\n    czSlowZoom 18s ease-in-out infinite alternate;\n}\n\n#cz-a17-story .cz-display-image-wrap::before{\n  content:\"\";\n\n  position:absolute;\n\n  z-index:2;\n\n  left:0;\n  top:0;\n  bottom:0;\n\n  width:20%;\n\n  pointer-events:none;\n\n  background:\n    linear-gradient(\n      90deg,\n      #edf3ff 0%,\n      rgba(237,243,255,.82) 22%,\n      rgba(237,243,255,.35) 55%,\n      transparent 100%\n    );\n}\n\n\/* =========================================================\n   CAMERA\n   ========================================================= *\/\n\n#cz-a17-story .cz-camera{\n  padding:clamp(85px,10vw,140px) 0;\n\n  background:#fff;\n}\n\n#cz-a17-story .cz-camera-grid{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,.95fr)\n    minmax(0,1.05fr);\n\n  align-items:center;\n\n  gap:clamp(30px,6vw,90px);\n}\n\n#cz-a17-story .cz-camera-copy{\n  min-width:0;\n}\n\n#cz-a17-story .cz-camera h2{\n  max-width:560px;\n\n  margin:0 0 28px;\n\n  font-size:clamp(39px,4.5vw,66px);\n\n  font-weight:800;\n  line-height:1.06;\n  letter-spacing:-2.5px;\n}\n\n#cz-a17-story .cz-camera-copy\u003ep{\n  max-width:580px;\n\n  margin:0;\n\n  font-size:17px;\n  line-height:1.72;\n\n  text-align:justify;\n}\n\n#cz-a17-story .cz-camera-tags{\n  display:flex;\n  flex-wrap:wrap;\n\n  gap:9px;\n\n  margin-top:30px;\n}\n\n#cz-a17-story .cz-camera-tags span{\n  padding:9px 13px;\n\n  border:1px solid rgba(81,71,184,.17);\n  border-radius:100px;\n\n  background:#f5f3ff;\n\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:.5px;\n  line-height:1.35;\n}\n\n#cz-a17-story .cz-camera-phone{\n  min-height:480px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  overflow:hidden;\n\n  background:transparent!important;\n  border:0!important;\n  box-shadow:none!important;\n}\n\n#cz-a17-story .cz-camera-phone img{\n  width:100%;\n  max-width:650px;\n\n  height:480px;\n\n  object-fit:contain;\n\n  background:transparent!important;\n\n  filter:\n    drop-shadow(\n      0 22px 28px rgba(35,30,110,.14)\n    );\n\n  animation:czFloat 8.5s ease-in-out infinite;\n}\n\n\/* =========================================================\n   FEATURE\n   ========================================================= *\/\n\n#cz-a17-story .cz-feature{\n  padding:clamp(85px,10vw,135px) 0;\n\n  border-radius:34px 34px 0 0;\n  overflow:hidden;\n}\n\n#cz-a17-story .cz-feature-grid{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,.90fr)\n    minmax(0,1.10fr);\n\n  align-items:center;\n\n  gap:clamp(35px,7vw,120px);\n}\n\n#cz-a17-story .cz-feature h2{\n  max-width:580px;\n\n  margin:0;\n\n  font-size:clamp(43px,5.2vw,76px);\n\n  font-weight:800;\n  line-height:1.04;\n  letter-spacing:-3px;\n}\n\n#cz-a17-story .cz-feature-copy\u003ep{\n  margin:0;\n\n  font-size:17px;\n  line-height:1.72;\n\n  text-align:justify;\n}\n\n#cz-a17-story .cz-feature-points{\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:13px;\n\n  margin-top:30px;\n}\n\n#cz-a17-story .cz-feature-point{\n  min-height:115px;\n\n  padding:19px;\n\n  border:1px solid rgba(48,40,143,.13);\n  border-radius:18px;\n\n  background:rgba(255,255,255,.44);\n\n  backdrop-filter:blur(9px);\n}\n\n#cz-a17-story .cz-feature-point strong{\n  display:block;\n\n  margin-bottom:7px;\n\n  font-size:12px;\n  line-height:1.4;\n}\n\n#cz-a17-story .cz-feature-point span{\n  font-size:12px;\n  line-height:1.5;\n}\n\n\/* =========================================================\n   SOFTWARE\n   ========================================================= *\/\n\n#cz-a17-story .cz-software{\n  padding:clamp(85px,10vw,135px) 0;\n\n  background:#fff;\n}\n\n#cz-a17-story .cz-software-grid{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(0,1fr);\n\n  align-items:center;\n\n  gap:clamp(35px,6vw,90px);\n}\n\n#cz-a17-story .cz-software-copy{\n  min-width:0;\n}\n\n#cz-a17-story .cz-software-copy p{\n  max-width:580px;\n\n  margin:28px 0 0;\n\n  font-size:17px;\n  line-height:1.72;\n\n  text-align:justify;\n}\n\n#cz-a17-story .cz-software-media{\n  min-height:430px;\n\n  overflow:hidden;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:26px;\n\n  background:#f2f0ff;\n\n  box-shadow:\n    0 20px 48px rgba(40,35,125,.10);\n}\n\n#cz-a17-story .cz-software-media img{\n  width:100%;\n  height:430px;\n\n  object-fit:cover;\n  object-position:center;\n}\n\n\/* =========================================================\n   BATTERY\n   ========================================================= *\/\n\n#cz-a17-story .cz-battery{\n  padding:clamp(85px,9vw,125px) 0;\n\n  border-radius:34px;\n  overflow:hidden;\n}\n\n#cz-a17-story .cz-battery-grid{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,.90fr)\n    minmax(0,1.10fr);\n\n  align-items:center;\n\n  gap:clamp(35px,6vw,90px);\n}\n\n#cz-a17-story .cz-battery-copy{\n  min-width:0;\n}\n\n#cz-a17-story .cz-battery h2{\n  max-width:600px;\n\n  margin:0 0 28px;\n\n  font-size:clamp(43px,5.2vw,78px);\n\n  font-weight:800;\n  line-height:1.04;\n  letter-spacing:-3px;\n}\n\n#cz-a17-story .cz-battery-copy\u003ep{\n  max-width:550px;\n\n  margin:0;\n\n  font-size:17px;\n  line-height:1.72;\n\n  text-align:justify;\n}\n\n#cz-a17-story .cz-battery-number{\n  margin-top:32px;\n\n  font-size:clamp(55px,7vw,100px);\n\n  font-weight:900;\n  line-height:.95;\n  letter-spacing:-4px;\n\n  white-space:nowrap;\n}\n\n#cz-a17-story .cz-battery-number small{\n  display:block;\n\n  margin-top:12px;\n\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:1.4px;\n  line-height:1.3;\n\n  text-transform:uppercase;\n  white-space:normal;\n}\n\n#cz-a17-story .cz-battery-media{\n  min-height:430px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  overflow:hidden;\n\n  border:1px solid rgba(48,40,143,.14);\n  border-radius:26px;\n\n  background:rgba(255,255,255,.42);\n\n  backdrop-filter:blur(8px);\n}\n\n#cz-a17-story .cz-battery-media img{\n  width:100%;\n  height:430px;\n\n  object-fit:cover;\n  object-position:center;\n}\n\n\/* =========================================================\n   SPECIFICATIONS\n   ========================================================= *\/\n\n#cz-a17-story .cz-specs{\n  padding:clamp(85px,10vw,140px) 0;\n\n  background:#fff;\n}\n\n#cz-a17-story .cz-specs h2{\n  max-width:760px;\n\n  margin:0 0 48px;\n\n  font-size:clamp(42px,5vw,70px);\n\n  font-weight:800;\n  line-height:1.05;\n  letter-spacing:-3px;\n}\n\n#cz-a17-story .cz-spec-cards{\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  gap:16px;\n}\n\n#cz-a17-story .cz-spec-card{\n  min-height:390px;\n\n  padding:27px 24px;\n\n  border:1px solid rgba(81,71,184,.12);\n  border-radius:23px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #fff,\n      #faf9ff\n    );\n\n  box-shadow:\n    0 15px 35px rgba(55,48,145,.08);\n\n  overflow:hidden;\n}\n\n#cz-a17-story .cz-spec-card h3{\n  margin:0 0 20px;\n\n  padding-bottom:16px;\n\n  border-bottom:1px solid var(--cz-line);\n\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:.9px;\n  line-height:1.4;\n\n  text-transform:uppercase;\n}\n\n#cz-a17-story .cz-spec-item{\n  margin-bottom:18px;\n\n  min-width:0;\n}\n\n#cz-a17-story .cz-spec-name{\n  display:block;\n\n  margin-bottom:5px;\n\n  font-size:9px;\n  font-weight:900;\n  letter-spacing:.7px;\n  line-height:1.35;\n\n  text-transform:uppercase;\n}\n\n#cz-a17-story .cz-spec-value{\n  display:block;\n\n  font-size:13px;\n  font-weight:700;\n  line-height:1.5;\n\n  overflow-wrap:anywhere!important;\n  white-space:normal!important;\n}\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n#cz-a17-story .cz-faq{\n  padding:clamp(85px,10vw,135px) 0;\n\n  background:#f3f5ff;\n\n  border-radius:34px 34px 0 0;\n  overflow:hidden;\n}\n\n#cz-a17-story .cz-faq-wrap{\n  width:min(920px,calc(100% - 48px));\n\n  margin:0 auto;\n}\n\n#cz-a17-story .cz-faq h2{\n  margin:0 0 42px;\n\n  font-size:clamp(43px,5.4vw,76px);\n\n  font-weight:800;\n  line-height:1.04;\n  letter-spacing:-3px;\n}\n\n#cz-a17-story .cz-faq details{\n  border-top:1px solid var(--cz-line);\n}\n\n#cz-a17-story .cz-faq details:last-child{\n  border-bottom:1px solid var(--cz-line);\n}\n\n#cz-a17-story .cz-faq summary{\n  position:relative;\n\n  display:block;\n\n  padding:22px 45px 22px 0;\n\n  cursor:pointer;\n\n  list-style:none;\n\n  font-size:16px;\n  font-weight:750;\n  line-height:1.45;\n}\n\n#cz-a17-story .cz-faq summary::-webkit-details-marker{\n  display:none;\n}\n\n#cz-a17-story .cz-faq summary::after{\n  content:\"+\";\n\n  position:absolute;\n\n  top:13px;\n  right:4px;\n\n  color:var(--cz-purple)!important;\n\n  font-size:28px;\n  font-weight:300;\n\n  transition:transform .25s ease;\n}\n\n#cz-a17-story .cz-faq details[open] summary::after{\n  transform:rotate(45deg);\n}\n\n#cz-a17-story .cz-faq details p{\n  max-width:720px;\n\n  margin:0;\n\n  padding:0 0 23px;\n\n  font-size:14px;\n  line-height:1.68;\n\n  text-align:justify;\n}\n\n#cz-a17-story .cz-faq a{\n  color:var(--cz-purple)!important;\n  font-weight:800;\n}\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n#cz-a17-story .cz-final-cta{\n  position:relative;\n\n  padding:clamp(90px,10vw,145px) 20px;\n\n  text-align:center;\n\n  border-radius:0 0 34px 34px;\n\n  overflow:hidden;\n  isolation:isolate;\n\n  background:\n    radial-gradient(\n      circle at 12% 18%,\n      rgba(121,218,221,.36),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 88% 72%,\n      rgba(211,139,221,.31),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 62% 18%,\n      rgba(95,145,223,.25),\n      transparent 28%\n    ),\n    linear-gradient(\n      125deg,\n      #d8d8ff 0%,\n      #e5e2ff 20%,\n      #f6d9f5 42%,\n      #deedff 68%,\n      #d8e7ff 84%,\n      #e5e0ff 100%\n    );\n\n  background-size:\n    180% 180%,\n    190% 190%,\n    170% 170%,\n    330% 330%;\n\n  animation:czFinalBombGradient 10s ease-in-out infinite;\n}\n\n#cz-a17-story .cz-final-cta::before{\n  content:\"\";\n\n  position:absolute;\n  inset:-25%;\n\n  z-index:0;\n\n  pointer-events:none;\n\n  background:\n    radial-gradient(\n      circle at 20% 40%,\n      rgba(255,255,255,.60),\n      transparent 24%\n    ),\n    radial-gradient(\n      circle at 78% 30%,\n      rgba(255,255,255,.50),\n      transparent 22%\n    ),\n    radial-gradient(\n      circle at 55% 80%,\n      rgba(255,255,255,.42),\n      transparent 25%\n    );\n\n  filter:blur(16px);\n\n  animation:czFinalEnergyMove 7s ease-in-out infinite;\n}\n\n#cz-a17-story .cz-final-cta::after{\n  content:\"\";\n\n  position:absolute;\n\n  z-index:3;\n\n  top:-100%;\n  left:-60%;\n\n  width:18%;\n  height:300%;\n\n  pointer-events:none;\n\n  opacity:0;\n\n  transform:rotate(18deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent 0%,\n      rgba(255,255,255,.04) 12%,\n      rgba(255,255,255,.42) 30%,\n      rgba(255,255,255,1) 48%,\n      rgba(255,255,255,.38) 61%,\n      rgba(255,255,255,.05) 78%,\n      transparent 100%\n    );\n\n  filter:blur(3px);\n\n  box-shadow:\n    0 0 45px rgba(255,255,255,.45),\n    0 0 90px rgba(255,255,255,.20);\n\n  animation:czFinalShine 5.8s ease-in-out infinite;\n}\n\n#cz-a17-story .cz-final-cta\u003e*{\n  position:relative;\n  z-index:10;\n}\n\n#cz-a17-story .cz-final-cta .cz-shell{\n  max-width:850px;\n\n  margin:0 auto;\n}\n\n#cz-a17-story .cz-final-cta .cz-kicker{\n  justify-content:center;\n}\n\n#cz-a17-story .cz-final-cta h2{\n  max-width:800px;\n\n  margin:0 auto 28px;\n\n  font-size:clamp(44px,6vw,82px);\n\n  font-weight:800;\n  line-height:1.04;\n  letter-spacing:-3px;\n}\n\n#cz-a17-story .cz-final-cta p{\n  max-width:690px;\n\n  margin:0 auto;\n\n  font-size:16px;\n  line-height:1.7;\n\n  text-align:center;\n}\n\n#cz-a17-story .cz-final-cta .cz-button{\n  margin-top:32px;\n\n  min-width:150px;\n\n  padding:15px 25px;\n\n  line-height:1;\n\n  vertical-align:middle;\n}\n\n\/* =========================================================\n   ANIMATIONS\n   ========================================================= *\/\n\n@keyframes czBrandGradientMove{\n\n  0%{\n    background-position:\n      0% 50%,\n      100% 50%,\n      50% 0%,\n      0% 50%;\n  }\n\n  25%{\n    background-position:\n      35% 20%,\n      65% 70%,\n      80% 30%,\n      40% 20%;\n  }\n\n  50%{\n    background-position:\n      100% 50%,\n      0% 100%,\n      30% 80%,\n      100% 50%;\n  }\n\n  75%{\n    background-position:\n      55% 85%,\n      35% 12%,\n      65% 15%,\n      55% 80%;\n  }\n\n  100%{\n    background-position:\n      0% 50%,\n      100% 50%,\n      50% 0%,\n      0% 50%;\n  }\n}\n\n@keyframes czFinalBombGradient{\n\n  0%{\n    background-position:\n      0% 50%,\n      100% 50%,\n      50% 0%,\n      0% 50%;\n  }\n\n  15%{\n    background-position:\n      28% 15%,\n      78% 82%,\n      88% 22%,\n      30% 25%;\n  }\n\n  30%{\n    background-position:\n      75% 30%,\n      20% 70%,\n      42% 90%,\n      75% 20%;\n  }\n\n  45%{\n    background-position:\n      100% 75%,\n      0% 20%,\n      78% 45%,\n      100% 65%;\n  }\n\n  60%{\n    background-position:\n      62% 100%,\n      40% 0%,\n      20% 65%,\n      55% 90%;\n  }\n\n  75%{\n    background-position:\n      15% 65%,\n      88% 35%,\n      60% 10%,\n      15% 55%;\n  }\n\n  90%{\n    background-position:\n      45% 20%,\n      55% 80%,\n      95% 70%,\n      45% 15%;\n  }\n\n  100%{\n    background-position:\n      0% 50%,\n      100% 50%,\n      50% 0%,\n      0% 50%;\n  }\n}\n\n@keyframes czFinalEnergyMove{\n\n  0%,100%{\n    transform:\n      translate3d(-5%,0,0)\n      scale(1);\n\n    opacity:.65;\n  }\n\n  25%{\n    transform:\n      translate3d(10%,-5%,0)\n      scale(1.08);\n\n    opacity:.85;\n  }\n\n  50%{\n    transform:\n      translate3d(3%,8%,0)\n      scale(1.15);\n\n    opacity:.72;\n  }\n\n  75%{\n    transform:\n      translate3d(-10%,3%,0)\n      scale(1.06);\n\n    opacity:.88;\n  }\n}\n\n@keyframes czFinalShine{\n\n  0%{\n    left:-60%;\n    opacity:0;\n  }\n\n  7%{\n    opacity:.85;\n  }\n\n  22%{\n    opacity:.75;\n  }\n\n  38%{\n    opacity:.28;\n  }\n\n  52%{\n    left:145%;\n    opacity:0;\n  }\n\n  100%{\n    left:145%;\n    opacity:0;\n  }\n}\n\n@keyframes czShineSweep{\n\n  0%{\n    left:-55%;\n    opacity:0;\n  }\n\n  8%{\n    opacity:.9;\n  }\n\n  30%{\n    opacity:.65;\n  }\n\n  55%{\n    opacity:.18;\n  }\n\n  100%{\n    left:145%;\n    opacity:0;\n  }\n}\n\n@keyframes czFloat{\n\n  0%,100%{\n    transform:translateY(0);\n  }\n\n  50%{\n    transform:translateY(-10px);\n  }\n}\n\n@keyframes czSlowZoom{\n\n  from{\n    transform:scale(1.015);\n  }\n\n  to{\n    transform:scale(1.055);\n  }\n}\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media(max-width:1100px){\n\n  #cz-a17-story{\n    --cz-shell:min(100% - 40px,1320px);\n  }\n\n  #cz-a17-story .cz-spec-cards{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n  #cz-a17-story .cz-display-copy{\n    padding-right:35px;\n  }\n}\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:820px){\n\n  #cz-a17-story{\n    --cz-shell:min(100% - 32px,1320px);\n  }\n\n  #cz-a17-story .cz-hero-grid,\n  #cz-a17-story .cz-intro-grid,\n  #cz-a17-story .cz-camera-grid,\n  #cz-a17-story .cz-feature-grid,\n  #cz-a17-story .cz-software-grid,\n  #cz-a17-story .cz-battery-grid{\n    grid-template-columns:1fr;\n    gap:40px;\n  }\n\n  #cz-a17-story .cz-hero{\n    border-radius:26px;\n    min-height:auto;\n    padding:58px 0 45px;\n  }\n\n  #cz-a17-story .cz-feature{\n    border-radius:26px;\n  }\n\n  #cz-a17-story .cz-battery{\n    border-radius:26px;\n  }\n\n  #cz-a17-story .cz-faq{\n    border-radius:26px 26px 0 0;\n  }\n\n  #cz-a17-story .cz-final-cta{\n    border-radius:0 0 26px 26px;\n  }\n\n  #cz-a17-story .cz-hero-copy{\n    width:100%;\n    max-width:100%;\n    margin-left:0!important;\n    margin-right:0!important;\n    text-align:left!important;\n  }\n\n  #cz-a17-story .cz-hero-copy h1{\n    width:100%!important;\n    max-width:100%!important;\n    text-align:left!important;\n  }\n\n  #cz-a17-story .cz-hero-image-wrap{\n    min-height:400px;\n  }\n\n  #cz-a17-story .cz-hero-image{\n    height:400px;\n  }\n\n  #cz-a17-story .cz-hero h1{\n    font-size:clamp(48px,12vw,70px);\n    line-height:1.02;\n    letter-spacing:-2.5px;\n  }\n\n  #cz-a17-story .cz-display{\n    display:block;\n    min-height:auto;\n    border-radius:26px;\n  }\n\n  #cz-a17-story .cz-display-inner{\n    width:100%;\n    display:flex;\n    flex-direction:column;\n  }\n\n  #cz-a17-story .cz-display-copy{\n    width:100%;\n    padding:70px max(16px,calc((100vw - 720px)\/2)) 65px;\n  }\n\n  #cz-a17-story .cz-display-copy h2{\n    font-size:clamp(43px,10vw,65px);\n    line-height:1.04;\n    letter-spacing:-2.5px;\n  }\n\n  #cz-a17-story .cz-display-image-wrap{\n    width:100%;\n    min-height:470px;\n    height:470px;\n    display:block;\n  }\n\n  #cz-a17-story .cz-display-image{\n    width:100%;\n    height:470px;\n    min-height:470px;\n    object-fit:cover;\n    object-position:center;\n  }\n\n  #cz-a17-story .cz-display-image-wrap::before{\n    display:block;\n    width:100%;\n    height:22%;\n    top:0;\n    left:0;\n    right:0;\n    bottom:auto;\n\n    background:\n      linear-gradient(\n        180deg,\n        #edf3ff 0%,\n        rgba(237,243,255,.55) 38%,\n        transparent 100%\n      );\n  }\n\n  #cz-a17-story .cz-camera h2{\n    font-size:clamp(39px,9vw,58px);\n    letter-spacing:-2px;\n  }\n\n  #cz-a17-story .cz-camera-phone{\n    min-height:390px;\n  }\n\n  #cz-a17-story .cz-camera-phone img{\n    height:390px;\n  }\n\n  #cz-a17-story .cz-feature-points{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n  #cz-a17-story .cz-software-media{\n    min-height:370px;\n    border-radius:22px;\n  }\n\n  #cz-a17-story .cz-software-media img{\n    height:370px;\n  }\n\n  #cz-a17-story .cz-battery-media{\n    min-height:370px;\n    border-radius:22px;\n  }\n\n  #cz-a17-story .cz-battery-media img{\n    height:370px;\n  }\n\n  #cz-a17-story .cz-final-cta{\n    padding-left:20px;\n    padding-right:20px;\n  }\n}\n\n\/* =========================================================\n   SMALL PHONES\n   ========================================================= *\/\n\n@media(max-width:560px){\n\n  #cz-a17-story{\n    --cz-shell:calc(100% - 28px);\n  }\n\n  #cz-a17-story .cz-hero{\n    padding-top:42px;\n    border-radius:22px 22px 0 0;\n  }\n\n  #cz-a17-story .cz-feature{\n    border-radius:22px 22px 0 0;\n  }\n\n  #cz-a17-story .cz-battery{\n    border-radius:22px;\n  }\n\n  #cz-a17-story .cz-faq{\n    border-radius:22px 22px 0 0;\n  }\n\n  #cz-a17-story .cz-final-cta{\n    border-radius:0 0 22px 22px;\n  }\n\n  #cz-a17-story .cz-hero-grid{\n    gap:22px;\n  }\n\n  #cz-a17-story .cz-hero-image-wrap{\n    min-height:320px;\n  }\n\n  #cz-a17-story .cz-hero-image{\n    height:320px;\n  }\n\n  #cz-a17-story .cz-hero-description,\n  #cz-a17-story .cz-intro-copy,\n  #cz-a17-story .cz-camera-copy\u003ep,\n  #cz-a17-story .cz-feature-copy\u003ep,\n  #cz-a17-story .cz-software-copy p,\n  #cz-a17-story .cz-battery-copy\u003ep{\n    font-size:15px;\n    line-height:1.7;\n  }\n\n  #cz-a17-story .cz-intro h2,\n  #cz-a17-story .cz-feature h2,\n  #cz-a17-story .cz-battery h2,\n  #cz-a17-story .cz-heading{\n    font-size:42px;\n    line-height:1.05;\n    letter-spacing:-2px;\n  }\n\n  #cz-a17-story .cz-camera h2{\n    font-size:40px;\n    line-height:1.06;\n    letter-spacing:-1.8px;\n  }\n\n  #cz-a17-story .cz-stats{\n    grid-template-columns:1fr;\n    gap:22px;\n    margin-top:38px;\n  }\n\n  #cz-a17-story .cz-stat strong{\n    font-size:38px;\n  }\n\n  #cz-a17-story .cz-display-copy{\n    padding:60px 14px 55px;\n  }\n\n  #cz-a17-story .cz-display-copy h2{\n    font-size:43px;\n    line-height:1.05;\n    letter-spacing:-2px;\n  }\n\n  #cz-a17-story .cz-display-image-wrap{\n    min-height:390px;\n    height:390px;\n  }\n\n  #cz-a17-story .cz-display-image{\n    height:390px;\n    min-height:390px;\n  }\n\n  #cz-a17-story .cz-feature-points{\n    grid-template-columns:1fr;\n  }\n\n  #cz-a17-story .cz-spec-cards{\n    grid-template-columns:1fr;\n  }\n\n  #cz-a17-story .cz-spec-card{\n    min-height:0;\n    padding:23px 20px;\n  }\n\n  #cz-a17-story .cz-specs h2,\n  #cz-a17-story .cz-faq h2{\n    font-size:40px;\n    line-height:1.05;\n    letter-spacing:-2px;\n  }\n\n  #cz-a17-story .cz-battery-number{\n    font-size:56px;\n    letter-spacing:-3px;\n  }\n\n  #cz-a17-story .cz-faq-wrap{\n    width:calc(100% - 28px);\n  }\n\n  #cz-a17-story .cz-final-cta{\n    padding-left:14px;\n    padding-right:14px;\n  }\n\n  #cz-a17-story .cz-final-cta h2{\n    font-size:43px;\n    line-height:1.04;\n    letter-spacing:-2px;\n  }\n\n  #cz-a17-story .cz-final-cta p{\n    font-size:15px;\n  }\n\n  #cz-a17-story .cz-final-cta .cz-button{\n    margin-top:28px;\n    min-width:145px;\n  }\n}\n\n\/* =========================================================\n   VERY SMALL PHONES\n   ========================================================= *\/\n\n@media(max-width:380px){\n\n  #cz-a17-story .cz-hero h1{\n    font-size:45px;\n  }\n\n  #cz-a17-story .cz-display-copy h2{\n    font-size:39px;\n  }\n\n  #cz-a17-story .cz-camera h2{\n    font-size:38px;\n  }\n\n  #cz-a17-story .cz-battery-number{\n    font-size:49px;\n  }\n\n  #cz-a17-story .cz-feature-point{\n    padding:16px;\n  }\n}\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  #cz-a17-story *,\n  #cz-a17-story *::before,\n  #cz-a17-story *::after{\n    animation-duration:.01ms!important;\n    animation-iteration-count:1!important;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv id=\"cz-a17-story\"\u003e\n\n\u003c!-- =====================================================\n     HERO\n     ===================================================== --\u003e\n\n\u003csection class=\"cz-hero cz-brand-gradient\"\u003e\n\n  \u003cdiv class=\"cz-hero-grid\"\u003e\n\n    \u003cdiv class=\"cz-hero-copy\"\u003e\n\n      \u003cp class=\"cz-kicker\"\u003e\n        Galaxy A-seeria\n      \u003c\/p\u003e\n\n      \u003ch1\u003e\n        Galaxy\u003cbr\u003e\n        A17 5G\n      \u003c\/h1\u003e\n\n      \u003cp class=\"cz-hero-description\"\u003e\n        Stiilne ja võimekas nutitelefon, mis on loodud kaasahaarava\n        ekraani, usaldusväärse igapäevase jõudluse ja mitmekülgse\n        fotograafia jaoks.\n      \u003c\/p\u003e\n\n      \u003cspan class=\"cz-hero-feature\"\u003e\n        5G · Super AMOLED · 90Hz · 50MP OIS\n      \u003c\/span\u003e\n\n      \u003cbutton class=\"cz-button cz-buy-now\" type=\"button\"\u003e\n        Osta kohe\n      \u003c\/button\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"cz-hero-image-wrap\"\u003e\n\n      \u003cimg\n        class=\"cz-hero-image\"\n        src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0756\/3863\/6698\/files\/Brand_new_Buy_Samsung_A17.webp?v=1787150464\"\n        alt=\"Samsung Galaxy A17 5G\"\n      \u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     INTRO\n     ===================================================== --\u003e\n\n\u003csection class=\"cz-intro\"\u003e\n\n  \u003cdiv class=\"cz-shell\"\u003e\n\n    \u003cdiv class=\"cz-intro-grid\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003cp class=\"cz-kicker\"\u003e\n          Loodud igapäevaks\n        \u003c\/p\u003e\n\n        \u003ch2\u003e\n          Rohkem ekraani.\u003cbr\u003e\n          Rohkem hetki.\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cp class=\"cz-intro-copy\"\u003e\n          Galaxy A17 5G ühendab suure ekraani, töökindla\n          kaamerasüsteemi, igapäevase jõudluse ja pika aku kestvuse\n          viimistletud nutitelefonis, mis on loodud sinu päevaga\n          samas rütmis liikuma.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"cz-stats\"\u003e\n\n          \u003cdiv class=\"cz-stat\"\u003e\n            \u003cstrong\u003e6.7\"\u003c\/strong\u003e\n            \u003cspan\u003eSuper AMOLED ekraan\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cz-stat\"\u003e\n            \u003cstrong\u003e90Hz\u003c\/strong\u003e\n            \u003cspan\u003eSujuv värskendussagedus\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cz-stat\"\u003e\n            \u003cstrong\u003e50MP\u003c\/strong\u003e\n            \u003cspan\u003eOIS-iga põhikaamera\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     DISPLAY\n     ===================================================== --\u003e\n\n\u003csection class=\"cz-display\"\u003e\n\n  \u003cdiv class=\"cz-display-inner\"\u003e\n\n    \u003cdiv class=\"cz-display-copy\"\u003e\n\n      \u003cp class=\"cz-kicker\"\u003e\n        Ekraan\n      \u003c\/p\u003e\n\n      \u003ch2\u003e\n        Suurem vaade.\u003cbr\u003e\n        Sujuvam kogemus.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Galaxy A17 5G-l on suur 6,7-tolline Super AMOLED ekraan,\n        mis on loodud igapäevase sisu elavaks ja kaasahaaravaks\n        muutmiseks. Full HD+ eraldusvõime ja sujuv 90Hz\n        värskendussagedus muudavad kerimise, sotsiaalmeedia,\n        videote vaatamise ja navigeerimise sujuvaks ning\n        reageerivaks.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"cz-display-image-wrap\"\u003e\n\n      \u003cimg\n        class=\"cz-display-image\"\n        src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0756\/3863\/6698\/files\/Cellzilla_Samsung_Galaxy_A_17_5G.webp?v=1787140234\"\n        alt=\"Galaxy A17 5G Super AMOLED ekraan\"\n      \u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     CAMERA\n     ===================================================== --\u003e\n\n\u003csection class=\"cz-camera\"\u003e\n\n  \u003cdiv class=\"cz-shell\"\u003e\n\n    \u003cdiv class=\"cz-camera-grid\"\u003e\n\n      \u003cdiv class=\"cz-camera-copy\"\u003e\n\n        \u003cp class=\"cz-kicker\"\u003e\n          Kaamerasüsteem\n        \u003c\/p\u003e\n\n        \u003ch2\u003e\n          Näe detaile.\u003cbr\u003e\n          Säilita hetked.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Galaxy A17 5G kaamerasüsteem ühendab 50MP põhikaamera,\n          5MP ülilainurkkaamera ja 2MP makrokaamera. Põhikaamera\n          optiline pildistabilisaator aitab vähendada soovimatut\n          kaameravärinat ja toetab selgemaid tulemusi igapäevastes\n          olukordades.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"cz-camera-tags\"\u003e\n\n          \u003cspan\u003e50MP OIS\u003c\/span\u003e\n          \u003cspan\u003e5MP ülilainurk\u003c\/span\u003e\n          \u003cspan\u003e2MP makro\u003c\/span\u003e\n          \u003cspan\u003e13MP esikaamera\u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cz-camera-phone\"\u003e\n\n        \u003cimg\n          src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0756\/3863\/6698\/files\/Buy_A17_Camera.webp?v=1787150664\"\n          alt=\"Samsung Galaxy A17 5G kaamera ja disain\"\n        \u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     FEATURE\n     ===================================================== --\u003e\n\n\u003csection class=\"cz-feature cz-brand-gradient\"\u003e\n\n  \u003cdiv class=\"cz-shell\"\u003e\n\n    \u003cdiv class=\"cz-feature-grid\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003cp class=\"cz-kicker\"\u003e\n          Loodud sinu päevaks\n        \u003c\/p\u003e\n\n        \u003ch2\u003e\n          Disainitud sobima\u003cbr\u003e\n          sinu päevaga.\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cz-feature-copy\"\u003e\n\n        \u003cp\u003e\n          Alates hommikustest kõnedest ja töölesõidu esitusloenditest\n          kuni sõnumite, kaartide, ostlemise ja voogedastuseni —\n          Galaxy A17 5G on loodud praktiliste funktsioonidega,\n          mis muudavad igapäevased ülesanded lihtsaks ja sujuvaks.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"cz-feature-points\"\u003e\n\n          \u003cdiv class=\"cz-feature-point\"\u003e\n            \u003cstrong\u003eKaasahaarav vaatamine\u003c\/strong\u003e\n            \u003cspan\u003e\n              Suur Super AMOLED ekraan annab sisule rohkem ruumi särada.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cz-feature-point\"\u003e\n            \u003cstrong\u003eKindel igapäevane kasutus\u003c\/strong\u003e\n            \u003cspan\u003e\n              Tasakaalustatud jõudlus rakenduste ja tegevuste jaoks, mida enim kasutad.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cz-feature-point\"\u003e\n            \u003cstrong\u003eLihtne jagamine\u003c\/strong\u003e\n            \u003cspan\u003e\n              Jäädvusta fotosid, säilita mälestusi ja jaga olulisi hetki.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cz-feature-point\"\u003e\n            \u003cstrong\u003eMugav disain\u003c\/strong\u003e\n            \u003cspan\u003e\n              Stiilne Galaxy disain, mis sobib loomulikult igapäevase eluga.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     SOFTWARE\n     ===================================================== --\u003e\n\n\u003csection class=\"cz-software\"\u003e\n\n  \u003cdiv class=\"cz-shell\"\u003e\n\n    \u003cdiv class=\"cz-software-grid\"\u003e\n\n      \u003cdiv class=\"cz-software-copy\"\u003e\n\n        \u003cp class=\"cz-kicker\"\u003e\n          Galaxy kasutuskogemus\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"cz-heading\"\u003e\n          Loodud püsima\u003cbr\u003e\n          ajakohasena.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Galaxy A17 5G on loodud pakkuma kaasaegset nutitelefoni\n          kasutuskogemust Androidi ja Samsung One UI abil.\n          Tarkvara saadavus, uuendused ja funktsioonid võivad\n          erineda sõltuvalt turust, operaatorist ja seadme konfiguratsioonist.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cz-software-media\"\u003e\n\n        \u003cimg\n          src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0756\/3863\/6698\/files\/Software_section.webp?v=1787142815\"\n          alt=\"Galaxy A17 5G tarkvara kasutuskogemus\"\n        \u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     BATTERY\n     ===================================================== --\u003e\n\n\u003csection class=\"cz-battery cz-brand-gradient\"\u003e\n\n  \u003cdiv class=\"cz-shell\"\u003e\n\n    \u003cdiv class=\"cz-battery-grid\"\u003e\n\n      \u003cdiv class=\"cz-battery-copy\"\u003e\n\n        \u003cp class=\"cz-kicker\"\u003e\n          Aku\n        \u003c\/p\u003e\n\n        \u003ch2\u003e\n          Energia\u003cbr\u003e\n          igaks päevaks.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          5000 mAh tüüpilise mahutavusega aku annab Galaxy A17 5G-le\n          piisavalt energiat, et tulla toime sirvimise, voogedastuse,\n          suhtluse ja fotograafiaga kogu igapäevase kasutuse vältel.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"cz-battery-number\"\u003e\n          5000mAh\n          \u003csmall\u003eTüüpiline aku mahutavus\u003c\/small\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cz-battery-media\"\u003e\n\n        \u003cimg\n          src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0756\/3863\/6698\/files\/A15_power.webp?v=1787150949\"\n          alt=\"Galaxy A17 5G aku jõudlus\"\n        \u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     SPECIFICATIONS\n     ===================================================== --\u003e\n\n\u003csection class=\"cz-specs\"\u003e\n\n  \u003cdiv class=\"cz-shell\"\u003e\n\n    \u003cp class=\"cz-kicker\"\u003e\n      Tehnilised andmed\n    \u003c\/p\u003e\n\n    \u003ch2\u003e\n      Galaxy A17 5G\u003cbr\u003e\n      Tehnilised andmed\n    \u003c\/h2\u003e\n\n\n    \u003cdiv class=\"cz-spec-cards\"\u003e\n\n      \u003cdiv class=\"cz-spec-card\"\u003e\n\n        \u003ch3\u003e\n          Ekraan\n        \u003c\/h3\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eEkraan\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            6,7-tolline Super AMOLED\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eEraldusvõime\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            Full HD+ · 1080 × 2340 pikslit\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eVärskendussagedus\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            Kuni 90Hz\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eEkraani disain\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            Kaasahaarav suure ekraaniga vaatamiskogemus\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cz-spec-card\"\u003e\n\n        \u003ch3\u003e\n          Jõudlus ja salvestusruum\n        \u003c\/h3\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eProtsessor\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            Exynos 1330 · kaheksatuumaline\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003e5G võrk\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            5G Sub6 · 4G LTE\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eRAM \/ ROM\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            4GB RAM + 128GB ROM\u003cbr\u003e\n            8GB RAM + 256GB ROM\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eSalvestusruumi laiendamine\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            microSD kuni 2TB\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cz-spec-card\"\u003e\n\n        \u003ch3\u003e\n          Kaamerasüsteem\n        \u003c\/h3\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003ePõhikaamera\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            50MP optilise pildistabilisaatoriga\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eÜlilainurk\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            5MP ülilainurkkaamera\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eMakro\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            2MP makrokaamera\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eEsikaamera\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            13MP selfiekaamera\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cz-spec-card\"\u003e\n\n        \u003ch3\u003e\n          Aku ja tarkvara\n        \u003c\/h3\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eAku\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            5000 mAh tüüpiline mahutavus\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eLaadimine\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            25W Super Fast Charging\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eOperatsioonisüsteem\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            Android koos Samsung One UI-ga\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eÜhenduvus\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            Wi-Fi · Bluetooth · GPS · NFC\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     FAQ\n     ===================================================== --\u003e\n\n\u003csection class=\"cz-faq\"\u003e\n\n  \u003cdiv class=\"cz-faq-wrap\"\u003e\n\n    \u003cp class=\"cz-kicker\"\u003e\n      KKK\n    \u003c\/p\u003e\n\n    \u003ch2\u003e\n      Kasulikud vastused.\n    \u003c\/h2\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Kas Samsung Galaxy A17 5G on täiesti uus?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Jah, 100%. Müüme ainult täiesti uusi, tehase poolt suletud\n        ja originaalseid Samsungi nutitelefone. Sinu seade saabub\n        avamata originaalses jaemüügipakendis.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Mida karp sisaldab?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Karbis on Samsung Galaxy A17 5G telefon, Type-C kuni Type-C\n        USB-andmesidekaabel, SIM-kaardi väljutustööriist ja\n        kiirjuhend. Pane tähele: Samsung ei lisa enam laadimisadapterit\n        telefoni karpi.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Kas Galaxy A17 5G-l on 90Hz ekraan?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Galaxy A17 5G-l on 6,7-tolline Super AMOLED ekraan\n        värskendussagedusega kuni 90Hz.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Kas Galaxy A17 5G toetab 5G-d?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Jah. Galaxy A17 5G toetab 5G-ühendust.\n        Saadavus, toetatud sagedusalad ja jõudlus sõltuvad\n        piirkonnast, operaatorist ja mobiilipaketist.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Kas Galaxy A17 5G-l on OIS?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Jah. Selle 50MP põhikaamera sisaldab optilist pildistabilisaatorit.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Milline aku on Galaxy A17 5G-l?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Sellel on 5000 mAh tüüpilise mahutavusega aku.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Kas telefonil on tootja garantii?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Sinu telefonile kehtib\n        \u003cstrong\u003eametlik tootja garantii\u003c\/strong\u003e.\n        Riistvaraprobleemide korral saad garantiiteenindust\n        kasutada Samsungi volitatud teeninduskeskuses.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails open\u003e\n\n      \u003csummary\u003e\n        Kas saan Galaxy A17 5G 30 päeva jooksul tagastada?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Kui sa ei ole oma ostuga täielikult rahul või esineb\n        tootmisdefekt, saad telefoni tagastada või ümber vahetada\n        30 päeva jooksul alates kohaletoimetamisest.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     FINAL CTA\n     ===================================================== --\u003e\n\n\u003csection class=\"cz-final-cta\"\u003e\n\n  \u003cdiv class=\"cz-shell\"\u003e\n\n    \u003cp class=\"cz-kicker\"\u003e\n      Galaxy A17 5G\n    \u003c\/p\u003e\n\n    \u003ch2\u003e\n      Valmis oma\u003cbr\u003e\n      järgmiseks Galaxyks?\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Vali oma eelistatud värv ja salvestusruumi konfiguratsioon\n      ning naudi CellZillast ostetud Samsung Galaxy A17 5G-d —\n      turvalise ostukogemuse, tasuta kohaletoimetamise sobilike\n      tellimuste korral, 30-päevase tagastusvõimaluse ja kehtiva\n      tootjagarantiiga.\n    \u003c\/p\u003e\n\n    \u003cbutton class=\"cz-button cz-buy-now\" type=\"button\"\u003e\n      Osta kohe\n    \u003c\/button\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n\/* =========================================================\n   CELLZILLA — GALAXY A17 5G\n   BUY NOW → SAME PAGE PRODUCT VARIATIONS\n   SHOPIFY SAFE VERSION\n   ========================================================= *\/\n\n(function(){\n\n  'use strict';\n\n\n  \/* =========================================================\n     GET HEADER HEIGHT\n     ========================================================= *\/\n\n  function getHeaderHeight(){\n\n    var height = 0;\n\n    var selectors = [\n      'sticky-header',\n      'header',\n      '.header-wrapper',\n      '.shopify-section-header',\n      '#shopify-section-header'\n    ];\n\n    for(var i = 0; i \u003c selectors.length; i++){\n\n      var elements =\n        document.querySelectorAll(\n          selectors[i]\n        );\n\n      for(var j = 0; j \u003c elements.length; j++){\n\n        var element = elements[j];\n\n        if(\n          element.closest('#cz-a17-story')\n        ){\n          continue;\n        }\n\n        var style =\n          window.getComputedStyle(element);\n\n        var rect =\n          element.getBoundingClientRect();\n\n        if(\n          rect.height \u003e 0 \u0026\u0026\n          (\n            style.position === 'fixed' ||\n            style.position === 'sticky'\n          )\n        ){\n\n          height =\n            Math.max(\n              height,\n              rect.height\n            );\n\n        }\n\n      }\n\n    }\n\n    return height + 25;\n\n  }\n\n\n  \/* =========================================================\n     SCROLL TO ELEMENT\n     ========================================================= *\/\n\n  function scrollToElement(element){\n\n    if(!element){\n      return false;\n    }\n\n    var header =\n      getHeaderHeight();\n\n    var rect =\n      element.getBoundingClientRect();\n\n    var target =\n      window.pageYOffset +\n      rect.top -\n      header;\n\n    window.scrollTo({\n\n      top:Math.max(0,target),\n\n      behavior:'smooth'\n\n    });\n\n    return true;\n\n  }\n\n\n  \/* =========================================================\n     FIND REAL SHOPIFY PRODUCT FORM\n     ========================================================= *\/\n\n  function findProductForm(){\n\n    var forms =\n      document.querySelectorAll(\n        'form[action*=\"\/cart\/add\"]'\n      );\n\n    var bestForm = null;\n\n    for(var i = 0; i \u003c forms.length; i++){\n\n      var form = forms[i];\n\n      \/*\n       * Never use our description section.\n       *\/\n\n      if(\n        form.closest('#cz-a17-story')\n      ){\n        continue;\n      }\n\n\n      \/*\n       * Shopify variant ID\n       *\/\n\n      var variantId =\n        form.querySelector(\n          'input[name=\"id\"], select[name=\"id\"]'\n        );\n\n\n      \/*\n       * Product options\n       *\/\n\n      var options =\n        form.querySelector(\n          'variant-selects,' +\n          'variant-radios,' +\n          '.product-form__input,' +\n          '[data-option-selector],' +\n          'select[name^=\"options[\"],' +\n          'input[type=\"radio\"]'\n        );\n\n\n      if(\n        variantId \u0026\u0026\n        options\n      ){\n\n        return form;\n\n      }\n\n\n      \/*\n       * Keep form as fallback.\n       *\/\n\n      if(\n        variantId \u0026\u0026\n        !bestForm\n      ){\n\n        bestForm = form;\n\n      }\n\n    }\n\n    return bestForm;\n\n  }\n\n\n  \/* =========================================================\n     FIND VARIATION AREA\n     ========================================================= *\/\n\n  function findVariationArea(form){\n\n    if(!form){\n      return null;\n    }\n\n\n    \/*\n     * Most reliable Shopify selectors first.\n     *\/\n\n    var selectors = [\n\n      'variant-selects',\n\n      'variant-radios',\n\n      '.product-form__input',\n\n      '.product-form__input--dropdown',\n\n      '[data-option-selector]',\n\n      '[data-product-option]',\n\n      'select[name^=\"options[\"]',\n\n      'input[type=\"radio\"][name^=\"options[\"]'\n\n    ];\n\n\n    for(var i = 0; i \u003c selectors.length; i++){\n\n      var element =\n        form.querySelector(\n          selectors[i]\n        );\n\n      if(!element){\n        continue;\n      }\n\n\n      \/*\n       * Radio input itself → use its fieldset.\n       *\/\n\n      if(\n        element.tagName \u0026\u0026\n        element.tagName.toLowerCase() === 'input'\n      ){\n\n        var parent =\n          element.closest(\n            'fieldset,' +\n            '.product-form__input,' +\n            '.variant-input'\n          );\n\n        if(parent){\n          return parent;\n        }\n\n      }\n\n\n      return element;\n\n    }\n\n\n    return null;\n\n  }\n\n\n  \/* =========================================================\n     FIND PRODUCT INFO\n     FALLBACK\n     ========================================================= *\/\n\n  function findProductInfo(){\n\n    var selectors = [\n\n      '[id^=\"ProductInfo-\"]',\n\n      '.product__info-wrapper',\n\n      '.product__info-container',\n\n      '.product-information',\n\n      '.product-info',\n\n      '.product__info'\n\n    ];\n\n\n    for(var i = 0; i \u003c selectors.length; i++){\n\n      var element =\n        document.querySelector(\n          selectors[i]\n        );\n\n      if(\n        element \u0026\u0026\n        !element.closest('#cz-a17-story')\n      ){\n\n        return element;\n\n      }\n\n    }\n\n\n    return null;\n\n  }\n\n\n  \/* =========================================================\n     FIND PRODUCT TITLE\n     ========================================================= *\/\n\n  function findProductTitle(){\n\n    var selectors = [\n\n      '.product__title',\n\n      '.product__title h1',\n\n      '.product-title',\n\n      '.product-title h1',\n\n      'h1[id*=\"ProductTitle\"]',\n\n      'h1[class*=\"product\"]'\n\n    ];\n\n\n    for(var i = 0; i \u003c selectors.length; i++){\n\n      var title =\n        document.querySelector(\n          selectors[i]\n        );\n\n      if(\n        title \u0026\u0026\n        !title.closest('#cz-a17-story')\n      ){\n\n        return title;\n\n      }\n\n    }\n\n\n    return null;\n\n  }\n\n\n  \/* =========================================================\n     HIGHLIGHT\n     ========================================================= *\/\n\n  function highlight(element){\n\n    if(!element){\n      return;\n    }\n\n\n    var oldTransition =\n      element.style.transition;\n\n    var oldShadow =\n      element.style.boxShadow;\n\n\n    element.style.transition =\n      'box-shadow .3s ease';\n\n\n    element.style.boxShadow =\n      '0 0 0 4px rgba(81,71,184,.18)';\n\n\n    setTimeout(function(){\n\n      element.style.boxShadow =\n        oldShadow;\n\n      element.style.transition =\n        oldTransition;\n\n    },1400);\n\n  }\n\n\n  \/* =========================================================\n     MAIN FUNCTION\n     ========================================================= *\/\n\n  function goToShopifyOptions(){\n\n    \/*\n     * STEP 1\n     * Find real Shopify form.\n     *\/\n\n    var form =\n      findProductForm();\n\n\n    if(form){\n\n      \/*\n       * STEP 2\n       * Find variation selector.\n       *\/\n\n      var variation =\n        findVariationArea(form);\n\n\n      if(variation){\n\n        scrollToElement(\n          variation\n        );\n\n\n        setTimeout(function(){\n\n          highlight(\n            variation\n          );\n\n        },600);\n\n\n        return;\n\n      }\n\n\n      \/*\n       * STEP 3\n       * No options detected.\n       * Go to product form.\n       *\/\n\n      scrollToElement(\n        form\n      );\n\n      return;\n\n    }\n\n\n    \/*\n     * STEP 4\n     * Fallback to product info.\n     *\/\n\n    var productInfo =\n      findProductInfo();\n\n\n    if(productInfo){\n\n      scrollToElement(\n        productInfo\n      );\n\n      return;\n\n    }\n\n\n    \/*\n     * STEP 5\n     * Fallback to product title.\n     *\/\n\n    var title =\n      findProductTitle();\n\n\n    if(title){\n\n      scrollToElement(\n        title\n      );\n\n      return;\n\n    }\n\n\n    \/*\n     * STEP 6\n     * Last possible fallback.\n     *\/\n\n    var variant =\n      document.querySelector(\n        'input[name=\"id\"], select[name=\"id\"]'\n      );\n\n\n    if(\n      variant \u0026\u0026\n      !variant.closest('#cz-a17-story')\n    ){\n\n      scrollToElement(\n        variant.closest('form') || variant\n      );\n\n    }\n\n  }\n\n\n  \/* =========================================================\n     BUTTON CLICK\n     ========================================================= *\/\n\n  document.addEventListener(\n    'click',\n    function(event){\n\n      var button =\n        event.target.closest(\n          '#cz-a17-story .cz-buy-now'\n        );\n\n\n      if(!button){\n        return;\n      }\n\n\n      \/*\n       * IMPORTANT:\n       *\n       * We do NOT submit the Shopify form.\n       * We do NOT add anything to cart.\n       * We do NOT change the selected variant.\n       * We only scroll.\n       *\/\n\n      event.preventDefault();\n\n      event.stopPropagation();\n\n\n      goToShopifyOptions();\n\n    },\n    true\n  );\n\n\n})();\n\u003c\/script\u003e\n\n\u003cscript\u003e\n(function () {\n  function scrollToShopifyProductOptions() {\n    \/*\n      Find the REAL Shopify product purchase area.\n      The story section itself is excluded so we don't\n      accidentally scroll to another button inside the story.\n    *\/\n\n    const story = document.querySelector('#cz-a17-story');\n\n    const selectors = [\n      'form[action*=\"\/cart\/add\"]',\n      'product-form',\n      'variant-selects',\n      'variant-radios',\n      '.product-form',\n      '.product__info-container',\n      '.product-info',\n      '[name=\"id\"]'\n    ];\n\n    let target = null;\n\n    for (const selector of selectors) {\n      const elements = document.querySelectorAll(selector);\n\n      for (const el of elements) {\n        if (!story || !story.contains(el)) {\n          target = el;\n          break;\n        }\n      }\n\n      if (target) break;\n    }\n\n    \/*\n      Extra fallback:\n      Find the Shopify product information area\n      without touching the custom CellZilla story.\n    *\/\n    if (!target) {\n      const fallbackSelectors = [\n        '#ProductInfo-template--',\n        '[id^=\"ProductInfo-\"]',\n        '.product__info-wrapper',\n        '.product-info-wrapper',\n        'main .product'\n      ];\n\n      for (const selector of fallbackSelectors) {\n        const el = document.querySelector(selector);\n\n        if (el \u0026\u0026 (!story || !story.contains(el))) {\n          target = el;\n          break;\n        }\n      }\n    }\n\n    if (!target) return;\n\n    \/*\n      Scroll slightly above the target so the customer\n      can clearly see Color + Storage.\n    *\/\n    const rect = target.getBoundingClientRect();\n    const offset = 100;\n\n    const scrollTop =\n      window.pageYOffset +\n      rect.top -\n      offset;\n\n    window.scrollTo({\n      top: Math.max(0, scrollTop),\n      behavior: 'smooth'\n    });\n\n    \/*\n      Small visual highlight after scrolling.\n    *\/\n    setTimeout(function () {\n      const productArea =\n        target.closest('.product__info-wrapper') ||\n        target.closest('.product__info-container') ||\n        target.closest('.product') ||\n        target;\n\n      if (!productArea) return;\n\n      productArea.classList.add('cz-shopify-highlight');\n\n      setTimeout(function () {\n        productArea.classList.remove('cz-shopify-highlight');\n      }, 1200);\n\n    }, 500);\n  }\n\n\n  \/*\n    Delegated click:\n    Works for BOTH the hero \"Osta kohe\" button\n    and the final CTA button.\n  *\/\n  document.addEventListener('click', function (event) {\n\n    const button = event.target.closest(\n      '#cz-a17-story .cz-buy-now'\n    );\n\n    if (!button) return;\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    scrollToShopifyProductOptions();\n\n  }, true);\n\n})();\n\u003c\/script\u003e\n\n\n\u003cstyle\u003e\n\/* Temporary highlight when Shopify purchase area is reached *\/\n\n.cz-shopify-highlight {\n  animation: czShopifyHighlight 1.2s ease;\n}\n\n@keyframes czShopifyHighlight {\n  0% {\n    box-shadow: 0 0 0 0 rgba(81, 71, 184, 0);\n  }\n\n  35% {\n    box-shadow: 0 0 0 6px rgba(81, 71, 184, 0.18);\n  }\n\n  100% {\n    box-shadow: 0 0 0 0 rgba(81, 71, 184, 0);\n  }\n}\n\u003c\/style\u003e","brand":"Samsung","offers":[{"title":"Black \/ 256 GB (8 GB RAM)","offer_id":49042493178010,"sku":null,"price":240.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0756\/3863\/6698\/files\/KaufenSmasunggalaxyA175gSchwarz.webp?v=1787236863","url":"https:\/\/cellzilla.eu\/products\/samsung-galaxy-a17-5g-256gb-black","provider":"CellZilla","version":"1.0","type":"link"}