{"product_id":"samsung-galaxy-a17-5g-128gb-silver","title":"Samsung Galaxy A17 5G - 128GB - Grijs","description":"\u003cstyle\u003e \/* =========================================================\n   CELLZILLA — SAMSUNG GALAXY A17 5G\n   PREMIUM PRODUCT STORY\n   DUTCH — 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\u003cdiv id=\"cz-a17-story\"\u003e\u003c!-- =====================================================\n     HERO\n     ===================================================== --\u003e\n\u003csection class=\"cz-hero cz-brand-gradient\"\u003e\n\u003cdiv class=\"cz-hero-grid\"\u003e\n\u003cdiv class=\"cz-hero-copy\"\u003e\n\u003cp class=\"cz-kicker\"\u003eGalaxy A-serie\u003c\/p\u003e\n\u003ch1\u003eGalaxy\u003cbr\u003eA17 5G\u003c\/h1\u003e\n\u003cp class=\"cz-hero-description\"\u003eEen stijlvolle en krachtige smartphone, ontworpen met een meeslepend display, betrouwbare dagelijkse prestaties en veelzijdige fotografie.\u003c\/p\u003e\n\u003cspan class=\"cz-hero-feature\"\u003e 5G · Super AMOLED · 90Hz · 50MP OIS \u003c\/span\u003e \u003cbutton class=\"cz-button cz-buy-now\" type=\"button\"\u003e Nu kopen \u003c\/button\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-hero-image-wrap\"\u003e\u003cimg class=\"cz-hero-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0756\/3863\/6698\/files\/Brand_new_Buy_Samsung_A17.webp?v=1787150464\" alt=\"Samsung Galaxy A17 5G\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     INTRO\n     ===================================================== --\u003e\n\u003csection class=\"cz-intro\"\u003e\n\u003cdiv class=\"cz-shell\"\u003e\n\u003cdiv class=\"cz-intro-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"cz-kicker\"\u003eOntworpen voor elke dag\u003c\/p\u003e\n\u003ch2\u003eMeer scherm.\u003cbr\u003eMeer momenten.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp class=\"cz-intro-copy\"\u003eDe Galaxy A17 5G combineert een groot display, een betrouwbaar camerasysteem, dagelijkse prestaties en een batterij die lang meegaat in een verfijnde smartphone, ontworpen om mee te bewegen met jouw dag.\u003c\/p\u003e\n\u003cdiv class=\"cz-stats\"\u003e\n\u003cdiv class=\"cz-stat\"\u003e\u003cstrong\u003e6.7\"\u003c\/strong\u003e \u003cspan\u003eSuper AMOLED-display\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-stat\"\u003e\u003cstrong\u003e90Hz\u003c\/strong\u003e \u003cspan\u003eVloeiende verversingssnelheid\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-stat\"\u003e\u003cstrong\u003e50MP\u003c\/strong\u003e \u003cspan\u003eHoofdcamera met OIS\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     DISPLAY\n     ===================================================== --\u003e\n\u003csection class=\"cz-display\"\u003e\n\u003cdiv class=\"cz-display-inner\"\u003e\n\u003cdiv class=\"cz-display-copy\"\u003e\n\u003cp class=\"cz-kicker\"\u003eDisplay\u003c\/p\u003e\n\u003ch2\u003eEen groter beeld.\u003cbr\u003eEen soepelere ervaring.\u003c\/h2\u003e\n\u003cp\u003eDe Galaxy A17 5G beschikt over een groot 6,7-inch Super AMOLED-display, ontworpen om dagelijkse content levendig en meeslepend weer te geven. De Full HD+-resolutie en vloeiende verversingssnelheid van 90Hz maken scrollen, sociale media, video's bekijken en navigeren soepel en responsief.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cz-display-image-wrap\"\u003e\u003cimg class=\"cz-display-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0756\/3863\/6698\/files\/Cellzilla_Samsung_Galaxy_A_17_5G.webp?v=1787140234\" alt=\"Galaxy A17 5G Super AMOLED-display\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     CAMERA\n     ===================================================== --\u003e\n\u003csection class=\"cz-camera\"\u003e\n\u003cdiv class=\"cz-shell\"\u003e\n\u003cdiv class=\"cz-camera-grid\"\u003e\n\u003cdiv class=\"cz-camera-copy\"\u003e\n\u003cp class=\"cz-kicker\"\u003eCamerasysteem\u003c\/p\u003e\n\u003ch2\u003eZie de details.\u003cbr\u003eBewaar de momenten.\u003c\/h2\u003e\n\u003cp\u003eHet camerasysteem van de Galaxy A17 5G combineert een 50MP-hoofdcamera, een 5MP-ultragroothoekcamera en een 2MP-macrocamera. Optische beeldstabilisatie op de hoofdcamera helpt ongewenste camerabewegingen te verminderen en ondersteunt scherpere resultaten in dagelijkse situaties.\u003c\/p\u003e\n\u003cdiv class=\"cz-camera-tags\"\u003e\u003cspan\u003e50MP OIS\u003c\/span\u003e \u003cspan\u003e5MP ultragroothoek\u003c\/span\u003e \u003cspan\u003e2MP macro\u003c\/span\u003e \u003cspan\u003e13MP selfiecamera\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cz-camera-phone\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0756\/3863\/6698\/files\/Buy_A17_Camera.webp?v=1787150664\" alt=\"Samsung Galaxy A17 5G camera en design\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     FEATURE\n     ===================================================== --\u003e\n\u003csection class=\"cz-feature cz-brand-gradient\"\u003e\n\u003cdiv class=\"cz-shell\"\u003e\n\u003cdiv class=\"cz-feature-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"cz-kicker\"\u003eOntworpen voor jouw dag\u003c\/p\u003e\n\u003ch2\u003eOntworpen om\u003cbr\u003ebij jouw dag te passen.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cz-feature-copy\"\u003e\n\u003cp\u003eVan ochtendgesprekken en afspeellijsten onderweg naar je werk tot berichten, kaarten, shoppen en streaming — de Galaxy A17 5G is ontworpen met praktische functies die dagelijkse taken eenvoudig en soepel maken.\u003c\/p\u003e\n\u003cdiv class=\"cz-feature-points\"\u003e\n\u003cdiv class=\"cz-feature-point\"\u003e\u003cstrong\u003eMeeslepende weergave\u003c\/strong\u003e \u003cspan\u003e Het grote Super AMOLED-display geeft je content meer ruimte om te schitteren. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-feature-point\"\u003e\u003cstrong\u003eBetrouwbaar dagelijks gebruik\u003c\/strong\u003e \u003cspan\u003e Gebalanceerde prestaties voor de apps en activiteiten die je het meest gebruikt. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-feature-point\"\u003e\u003cstrong\u003eEenvoudig delen\u003c\/strong\u003e \u003cspan\u003e Maak foto's, bewaar herinneringen en deel belangrijke momenten. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-feature-point\"\u003e\u003cstrong\u003eComfortabel design\u003c\/strong\u003e \u003cspan\u003e Een stijlvol Galaxy-design dat natuurlijk past bij het dagelijks leven. \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     SOFTWARE\n     ===================================================== --\u003e\n\u003csection class=\"cz-software\"\u003e\n\u003cdiv class=\"cz-shell\"\u003e\n\u003cdiv class=\"cz-software-grid\"\u003e\n\u003cdiv class=\"cz-software-copy\"\u003e\n\u003cp class=\"cz-kicker\"\u003eGalaxy-gebruikservaring\u003c\/p\u003e\n\u003ch2 class=\"cz-heading\"\u003eOntworpen om\u003cbr\u003eactueel te blijven.\u003c\/h2\u003e\n\u003cp\u003eDe Galaxy A17 5G is ontworpen voor een moderne smartphone-ervaring met Android en Samsung One UI. De beschikbaarheid van software, updates en functies kan variëren afhankelijk van markt, provider en apparaatconfiguratie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cz-software-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0756\/3863\/6698\/files\/Software_section.webp?v=1787142815\" alt=\"Galaxy A17 5G software-ervaring\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     BATTERY\n     ===================================================== --\u003e\n\u003csection class=\"cz-battery cz-brand-gradient\"\u003e\n\u003cdiv class=\"cz-shell\"\u003e\n\u003cdiv class=\"cz-battery-grid\"\u003e\n\u003cdiv class=\"cz-battery-copy\"\u003e\n\u003cp class=\"cz-kicker\"\u003eBatterij\u003c\/p\u003e\n\u003ch2\u003eEnergie\u003cbr\u003evoor elke dag.\u003c\/h2\u003e\n\u003cp\u003eDe batterij met een typische capaciteit van 5000 mAh geeft de Galaxy A17 5G voldoende energie om dagelijkse activiteiten zoals browsen, streamen, communiceren en fotograferen gedurende de dag te ondersteunen.\u003c\/p\u003e\n\u003cdiv class=\"cz-battery-number\"\u003e5000mAh \u003csmall\u003eTypische batterijcapaciteit\u003c\/small\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cz-battery-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0756\/3863\/6698\/files\/A15_power.webp?v=1787150949\" alt=\"Galaxy A17 5G batterijprestaties\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     SPECIFICATIONS\n     ===================================================== --\u003e\n\u003csection class=\"cz-specs\"\u003e\n\u003cdiv class=\"cz-shell\"\u003e\n\u003cp class=\"cz-kicker\"\u003eTechnische specificaties\u003c\/p\u003e\n\u003ch2\u003eGalaxy A17 5G\u003cbr\u003eTechnische specificaties\u003c\/h2\u003e\n\u003cdiv class=\"cz-spec-cards\"\u003e\n\u003cdiv class=\"cz-spec-card\"\u003e\n\u003ch3\u003eDisplay\u003c\/h3\u003e\n\u003cdiv class=\"cz-spec-item\"\u003e\u003cspan class=\"cz-spec-name\"\u003eDisplay\u003c\/span\u003e \u003cspan class=\"cz-spec-value\"\u003e 6,7-inch Super AMOLED \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-spec-item\"\u003e\u003cspan class=\"cz-spec-name\"\u003eResolutie\u003c\/span\u003e \u003cspan class=\"cz-spec-value\"\u003e Full HD+ · 1080 × 2340 pixels \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-spec-item\"\u003e\u003cspan class=\"cz-spec-name\"\u003eVerversingssnelheid\u003c\/span\u003e \u003cspan class=\"cz-spec-value\"\u003e Tot 90Hz \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-spec-item\"\u003e\u003cspan class=\"cz-spec-name\"\u003eDisplaydesign\u003c\/span\u003e \u003cspan class=\"cz-spec-value\"\u003e Meeslepende kijkervaring met een groot display \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cz-spec-card\"\u003e\n\u003ch3\u003ePrestaties en opslag\u003c\/h3\u003e\n\u003cdiv class=\"cz-spec-item\"\u003e\u003cspan class=\"cz-spec-name\"\u003eProcessor\u003c\/span\u003e \u003cspan class=\"cz-spec-value\"\u003e Exynos 1330 · octa-core \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-spec-item\"\u003e\u003cspan class=\"cz-spec-name\"\u003e5G-netwerk\u003c\/span\u003e \u003cspan class=\"cz-spec-value\"\u003e 5G Sub6 · 4G LTE \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-spec-item\"\u003e\u003cspan class=\"cz-spec-name\"\u003eRAM \/ ROM\u003c\/span\u003e \u003cspan class=\"cz-spec-value\"\u003e 4GB RAM + 128GB ROM\u003cbr\u003e8GB RAM + 256GB ROM \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-spec-item\"\u003e\u003cspan class=\"cz-spec-name\"\u003eUitbreidbare opslag\u003c\/span\u003e \u003cspan class=\"cz-spec-value\"\u003e microSD tot 2TB \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cz-spec-card\"\u003e\n\u003ch3\u003eCamerasysteem\u003c\/h3\u003e\n\u003cdiv class=\"cz-spec-item\"\u003e\u003cspan class=\"cz-spec-name\"\u003eHoofdcamera\u003c\/span\u003e \u003cspan class=\"cz-spec-value\"\u003e 50MP met optische beeldstabilisatie \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-spec-item\"\u003e\u003cspan class=\"cz-spec-name\"\u003eUltragroothoek\u003c\/span\u003e \u003cspan class=\"cz-spec-value\"\u003e 5MP ultragroothoekcamera \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-spec-item\"\u003e\u003cspan class=\"cz-spec-name\"\u003eMacro\u003c\/span\u003e \u003cspan class=\"cz-spec-value\"\u003e 2MP-macrocamera \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-spec-item\"\u003e\u003cspan class=\"cz-spec-name\"\u003eFrontcamera\u003c\/span\u003e \u003cspan class=\"cz-spec-value\"\u003e 13MP selfiecamera \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cz-spec-card\"\u003e\n\u003ch3\u003eBatterij en software\u003c\/h3\u003e\n\u003cdiv class=\"cz-spec-item\"\u003e\u003cspan class=\"cz-spec-name\"\u003eBatterij\u003c\/span\u003e \u003cspan class=\"cz-spec-value\"\u003e 5000 mAh typische capaciteit \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-spec-item\"\u003e\u003cspan class=\"cz-spec-name\"\u003eOpladen\u003c\/span\u003e \u003cspan class=\"cz-spec-value\"\u003e 25W Super Fast Charging \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-spec-item\"\u003e\u003cspan class=\"cz-spec-name\"\u003eBesturingssysteem\u003c\/span\u003e \u003cspan class=\"cz-spec-value\"\u003e Android met Samsung One UI \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cz-spec-item\"\u003e\u003cspan class=\"cz-spec-name\"\u003eConnectiviteit\u003c\/span\u003e \u003cspan class=\"cz-spec-value\"\u003e Wi-Fi · Bluetooth · GPS · NFC \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     FAQ\n     ===================================================== --\u003e\n\u003csection class=\"cz-faq\"\u003e\n\u003cdiv class=\"cz-faq-wrap\"\u003e\n\u003cp class=\"cz-kicker\"\u003eVeelgestelde vragen\u003c\/p\u003e\n\u003ch2\u003eHandige antwoorden.\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eIs de Samsung Galaxy A17 5G volledig nieuw?\u003c\/summary\u003e\n\u003cp\u003eJa, 100%. Wij verkopen uitsluitend volledig nieuwe, fabrieksverzegelde en originele Samsung-smartphones. Je toestel wordt geleverd in de ongeopende originele retailverpakking.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWat zit er in de doos?\u003c\/summary\u003e\n\u003cp\u003eIn de doos vind je de Samsung Galaxy A17 5G-telefoon, een USB Type-C naar Type-C-datakabel, een SIM-kaartverwijdertool en een snelstartgids. Let op: Samsung levert geen oplader meer mee in de verpakking van de telefoon.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHeeft de Galaxy A17 5G een 90Hz-display?\u003c\/summary\u003e\n\u003cp\u003eDe Galaxy A17 5G heeft een 6,7-inch Super AMOLED-display met een verversingssnelheid tot 90Hz.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eOndersteunt de Galaxy A17 5G 5G?\u003c\/summary\u003e\n\u003cp\u003eJa. De Galaxy A17 5G ondersteunt 5G-connectiviteit. Beschikbaarheid, ondersteunde frequentiebanden en prestaties zijn afhankelijk van regio, provider en mobiel abonnement.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHeeft de Galaxy A17 5G OIS?\u003c\/summary\u003e\n\u003cp\u003eJa. De 50MP-hoofdcamera beschikt over optische beeldstabilisatie.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWelke batterij heeft de Galaxy A17 5G?\u003c\/summary\u003e\n\u003cp\u003eHet toestel heeft een batterij met een typische capaciteit van 5000 mAh.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHeeft de telefoon fabrieksgarantie?\u003c\/summary\u003e\n\u003cp\u003eJe telefoon wordt geleverd met een \u003cstrong\u003eofficiële fabrieksgarantie\u003c\/strong\u003e. Bij hardwareproblemen kun je gebruikmaken van de garantieservice bij een door Samsung geautoriseerd servicecentrum.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003eKan ik de Galaxy A17 5G binnen 30 dagen retourneren?\u003c\/summary\u003e\n\u003cp\u003eAls je niet volledig tevreden bent met je aankoop of als er sprake is van een fabricagefout, kun je de telefoon binnen 30 dagen na levering retourneren of omruilen.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     FINAL CTA\n     ===================================================== --\u003e\n\u003csection class=\"cz-final-cta\"\u003e\n\u003cdiv class=\"cz-shell\"\u003e\n\u003cp class=\"cz-kicker\"\u003eGalaxy A17 5G\u003c\/p\u003e\n\u003ch2\u003eKlaar voor jouw\u003cbr\u003evolgende Galaxy?\u003c\/h2\u003e\n\u003cp\u003eKies je gewenste kleur en opslagconfiguratie en geniet van je Samsung Galaxy A17 5G, gekocht bij CellZilla — met een veilige winkelervaring, gratis verzending bij geschikte bestellingen, een retourmogelijkheid van 30 dagen en geldige fabrieksgarantie.\u003c\/p\u003e\n\u003cbutton class=\"cz-button cz-buy-now\" type=\"button\"\u003e Nu kopen \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cp\u003e\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 \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 \"Nu kopen\" 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\u003c\/p\u003e\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":"Gray \/ 128 GB (4 GB RAM)","offer_id":49036087951514,"sku":null,"price":179.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0756\/3863\/6698\/files\/samsung_a17_silver_1_999d046c-4ae9-4ead-af34-3f24c0e2a72c.webp?v=1786720003","url":"https:\/\/cellzilla.eu\/nl\/products\/samsung-galaxy-a17-5g-128gb-silver","provider":"CellZilla","version":"1.0","type":"link"}