{"product_id":"samsung-galaxy-a17-5g-256gb-gray","title":"Samsung Galaxy A17 5G - 256GB - Grijs","description":"\u003cstyle\u003e\n\/* =========================================================\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\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-serie\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        Een stijlvolle en krachtige smartphone, ontworpen met een\n        meeslepend display, betrouwbare dagelijkse prestaties en\n        veelzijdige fotografie.\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        Nu kopen\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          Ontworpen voor elke dag\n        \u003c\/p\u003e\n\n        \u003ch2\u003e\n          Meer scherm.\u003cbr\u003e\n          Meer momenten.\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cp class=\"cz-intro-copy\"\u003e\n          De Galaxy A17 5G combineert een groot display, een\n          betrouwbaar camerasysteem, dagelijkse prestaties en een\n          batterij die lang meegaat in een verfijnde smartphone,\n          ontworpen om mee te bewegen met jouw dag.\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-display\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cz-stat\"\u003e\n            \u003cstrong\u003e90Hz\u003c\/strong\u003e\n            \u003cspan\u003eVloeiende verversingssnelheid\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cz-stat\"\u003e\n            \u003cstrong\u003e50MP\u003c\/strong\u003e\n            \u003cspan\u003eHoofdcamera met OIS\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        Display\n      \u003c\/p\u003e\n\n      \u003ch2\u003e\n        Een groter beeld.\u003cbr\u003e\n        Een soepelere ervaring.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        De Galaxy A17 5G beschikt over een groot 6,7-inch Super AMOLED-display,\n        ontworpen om dagelijkse content levendig en meeslepend weer te geven.\n        De Full HD+-resolutie en vloeiende verversingssnelheid van 90Hz maken\n        scrollen, sociale media, video's bekijken en navigeren soepel en responsief.\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-display\"\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          Camerasysteem\n        \u003c\/p\u003e\n\n        \u003ch2\u003e\n          Zie de details.\u003cbr\u003e\n          Bewaar de momenten.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Het camerasysteem van de Galaxy A17 5G combineert een\n          50MP-hoofdcamera, een 5MP-ultragroothoekcamera en een\n          2MP-macrocamera. Optische beeldstabilisatie op de hoofdcamera\n          helpt ongewenste camerabewegingen te verminderen en ondersteunt\n          scherpere resultaten in dagelijkse situaties.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"cz-camera-tags\"\u003e\n\n          \u003cspan\u003e50MP OIS\u003c\/span\u003e\n          \u003cspan\u003e5MP ultragroothoek\u003c\/span\u003e\n          \u003cspan\u003e2MP macro\u003c\/span\u003e\n          \u003cspan\u003e13MP selfiecamera\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 camera en design\"\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          Ontworpen voor jouw dag\n        \u003c\/p\u003e\n\n        \u003ch2\u003e\n          Ontworpen om\u003cbr\u003e\n          bij jouw dag te passen.\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cz-feature-copy\"\u003e\n\n        \u003cp\u003e\n          Van ochtendgesprekken en afspeellijsten onderweg naar je werk\n          tot berichten, kaarten, shoppen en streaming — de Galaxy A17 5G\n          is ontworpen met praktische functies die dagelijkse taken\n          eenvoudig en soepel maken.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"cz-feature-points\"\u003e\n\n          \u003cdiv class=\"cz-feature-point\"\u003e\n            \u003cstrong\u003eMeeslepende weergave\u003c\/strong\u003e\n            \u003cspan\u003e\n              Het grote Super AMOLED-display geeft je content meer ruimte om te schitteren.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cz-feature-point\"\u003e\n            \u003cstrong\u003eBetrouwbaar dagelijks gebruik\u003c\/strong\u003e\n            \u003cspan\u003e\n              Gebalanceerde prestaties voor de apps en activiteiten die je het meest gebruikt.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cz-feature-point\"\u003e\n            \u003cstrong\u003eEenvoudig delen\u003c\/strong\u003e\n            \u003cspan\u003e\n              Maak foto's, bewaar herinneringen en deel belangrijke momenten.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cz-feature-point\"\u003e\n            \u003cstrong\u003eComfortabel design\u003c\/strong\u003e\n            \u003cspan\u003e\n              Een stijlvol Galaxy-design dat natuurlijk past bij het dagelijks leven.\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-gebruikservaring\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"cz-heading\"\u003e\n          Ontworpen om\u003cbr\u003e\n          actueel te blijven.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          De Galaxy A17 5G is ontworpen voor een moderne smartphone-ervaring\n          met Android en Samsung One UI. De beschikbaarheid van software,\n          updates en functies kan variëren afhankelijk van markt, provider\n          en apparaatconfiguratie.\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 software-ervaring\"\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          Batterij\n        \u003c\/p\u003e\n\n        \u003ch2\u003e\n          Energie\u003cbr\u003e\n          voor elke dag.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          De batterij met een typische capaciteit van 5000 mAh geeft\n          de Galaxy A17 5G voldoende energie om dagelijkse activiteiten\n          zoals browsen, streamen, communiceren en fotograferen gedurende\n          de dag te ondersteunen.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"cz-battery-number\"\u003e\n          5000mAh\n          \u003csmall\u003eTypische batterijcapaciteit\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 batterijprestaties\"\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      Technische specificaties\n    \u003c\/p\u003e\n\n    \u003ch2\u003e\n      Galaxy A17 5G\u003cbr\u003e\n      Technische specificaties\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          Display\n        \u003c\/h3\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eDisplay\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            6,7-inch Super AMOLED\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eResolutie\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            Full HD+ · 1080 × 2340 pixels\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eVerversingssnelheid\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            Tot 90Hz\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eDisplaydesign\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            Meeslepende kijkervaring met een groot display\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          Prestaties en opslag\n        \u003c\/h3\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eProcessor\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            Exynos 1330 · octa-core\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003e5G-netwerk\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\"\u003eUitbreidbare opslag\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            microSD tot 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          Camerasysteem\n        \u003c\/h3\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eHoofdcamera\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            50MP met optische beeldstabilisatie\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eUltragroothoek\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            5MP ultragroothoekcamera\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eMacro\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            2MP-macrocamera\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eFrontcamera\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            13MP selfiecamera\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          Batterij en software\n        \u003c\/h3\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eBatterij\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            5000 mAh typische capaciteit\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eOpladen\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\"\u003eBesturingssysteem\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            Android met Samsung One UI\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eConnectiviteit\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      Veelgestelde vragen\n    \u003c\/p\u003e\n\n    \u003ch2\u003e\n      Handige antwoorden.\n    \u003c\/h2\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Is de Samsung Galaxy A17 5G volledig nieuw?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Ja, 100%. Wij verkopen uitsluitend volledig nieuwe, fabrieksverzegelde\n        en originele Samsung-smartphones. Je toestel wordt geleverd in de\n        ongeopende originele retailverpakking.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Wat zit er in de doos?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        In de doos vind je de Samsung Galaxy A17 5G-telefoon, een\n        USB Type-C naar Type-C-datakabel, een SIM-kaartverwijdertool\n        en een snelstartgids. Let op: Samsung levert geen oplader meer\n        mee in de verpakking van de telefoon.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Heeft de Galaxy A17 5G een 90Hz-display?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        De Galaxy A17 5G heeft een 6,7-inch Super AMOLED-display\n        met een verversingssnelheid tot 90Hz.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Ondersteunt de Galaxy A17 5G 5G?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Ja. De Galaxy A17 5G ondersteunt 5G-connectiviteit.\n        Beschikbaarheid, ondersteunde frequentiebanden en prestaties\n        zijn afhankelijk van regio, provider en mobiel abonnement.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Heeft de Galaxy A17 5G OIS?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Ja. De 50MP-hoofdcamera beschikt over optische beeldstabilisatie.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Welke batterij heeft de Galaxy A17 5G?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Het toestel heeft een batterij met een typische capaciteit van 5000 mAh.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Heeft de telefoon fabrieksgarantie?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Je telefoon wordt geleverd met een\n        \u003cstrong\u003eofficiële fabrieksgarantie\u003c\/strong\u003e.\n        Bij hardwareproblemen kun je gebruikmaken van de\n        garantieservice bij een door Samsung geautoriseerd servicecentrum.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails open\u003e\n\n      \u003csummary\u003e\n        Kan ik de Galaxy A17 5G binnen 30 dagen retourneren?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Als je niet volledig tevreden bent met je aankoop of als er sprake\n        is van een fabricagefout, kun je de telefoon binnen 30 dagen na\n        levering retourneren of omruilen.\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      Klaar voor jouw\u003cbr\u003e\n      volgende Galaxy?\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Kies je gewenste kleur en opslagconfiguratie en geniet van je\n      Samsung Galaxy A17 5G, gekocht bij CellZilla — met een veilige\n      winkelervaring, gratis verzending bij geschikte bestellingen,\n      een retourmogelijkheid van 30 dagen en geldige fabrieksgarantie.\n    \u003c\/p\u003e\n\n    \u003cbutton class=\"cz-button cz-buy-now\" type=\"button\"\u003e\n      Nu kopen\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 \"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\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":"Gray \/ 256 GB (8 GB RAM)","offer_id":49041471144090,"sku":null,"price":287.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-256gb-gray","provider":"CellZilla","version":"1.0","type":"link"}