{"product_id":"samsung-galaxy-a17-5g-128gb-silver","title":"Samsung Galaxy A17 5G - 128GB - Gray","description":"\u003cstyle\u003e\n\/* =========================================================\n   CELLZILLA — SAMSUNG GALAXY A17 5G\n   PREMIUM PRODUCT STORY\n   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\n  --cz-ink:#111323;\n  --cz-text:#303649;\n  --cz-muted:#687087;\n  --cz-line:rgba(17,19,35,.11);\n\n  --cz-shell:min(1320px,calc(100% - 48px));\n\n  width:100%;\n  margin:0;\n  padding:0;\n\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\/* =========================================================\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\/* =========================================================\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\/* =========================================================\n   STANDARD CELLZILLA GRADIENT SECTIONS\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#cz-a17-story .cz-brand-gradient h1,\n#cz-a17-story .cz-brand-gradient h2,\n#cz-a17-story .cz-brand-gradient h3,\n#cz-a17-story .cz-brand-gradient p,\n#cz-a17-story .cz-brand-gradient span,\n#cz-a17-story .cz-brand-gradient strong,\n#cz-a17-story .cz-brand-gradient small{\n  color:#111323!important;\n}\n\n\n\/* =========================================================\n   HERO CURVE\n   ========================================================= *\/\n\n#cz-a17-story .cz-hero{\n  border-radius:34px 34px 0 0;\n}\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\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\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  min-width:0;\n  color:#111323!important;\n}\n\n#cz-a17-story .cz-hero h1{\n  max-width:650px;\n\n  margin:0 0 28px;\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  white-space:normal!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\n\/* HERO IMAGE *\/\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\/* =========================================================\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\/* =========================================================\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\/* =========================================================\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  word-spacing:.03em;\n}\n\n#cz-a17-story .cz-camera-copy \u003e p{\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\/* =========================================================\n   FEATURE\n   ========================================================= *\/\n\n#cz-a17-story .cz-feature{\n  padding:clamp(85px,10vw,135px) 0;\n\n  \/* TOP CURVE *\/\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 \u003e p{\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\/* =========================================================\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\/* =========================================================\n   BATTERY\n   ========================================================= *\/\n\n#cz-a17-story .cz-battery{\n  padding:clamp(85px,9vw,125px) 0;\n\n  \/* TOP + BOTTOM CURVE *\/\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 \u003e p{\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\/* =========================================================\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\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n#cz-a17-story .cz-faq{\n  padding:clamp(85px,10vw,135px) 0;\n\n  background:#f3f5ff;\n\n  \/* TOP CURVE — CONNECTS INTO CTA *\/\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\/* =========================================================\n   FINAL CTA\n   ONLY THIS SECTION GETS STRONGER GRADIENT\n   APPROX. 15% MORE INTENSE\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  \/*\n     Stronger final-only gradient.\n     Other gradient sections remain untouched.\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\n\/* FINAL CTA LIGHT \/ ENERGY LAYER *\/\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\n\/* FINAL CTA PREMIUM SHINE *\/\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\n\/* FINAL CTA CONTENT ABOVE EFFECTS *\/\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\/* =========================================================\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\n\/* FINAL CTA — FASTER, DEEPER, SMOOTH BOMB-LIKE MOTION *\/\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\n@keyframes czFinalEnergyMove{\n\n  0%,100%{\n    transform:\n      translate3d(-5%,0,0)\n      scale(1);\n    opacity:.65;\n  }\n\n  25%{\n    transform:\n      translate3d(10%,-5%,0)\n      scale(1.08);\n    opacity:.85;\n  }\n\n  50%{\n    transform:\n      translate3d(3%,8%,0)\n      scale(1.15);\n    opacity:.72;\n  }\n\n  75%{\n    transform:\n      translate3d(-10%,3%,0)\n      scale(1.06);\n    opacity:.88;\n  }\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\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\n@keyframes czFloat{\n\n  0%,100%{\n    transform:translateY(0);\n  }\n\n  50%{\n    transform:translateY(-10px);\n  }\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\/* =========================================================\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\/* =========================================================\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\n  \/* MOBILE CURVES *\/\n\n  #cz-a17-story .cz-hero{\n    border-radius:26px 26px 0 0;\n  }\n\n  #cz-a17-story .cz-feature{\n    border-radius:26px 26px 0 0;\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\n  \/* HERO *\/\n\n  #cz-a17-story .cz-hero{\n    min-height:auto;\n    padding:58px 0 45px;\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\n  \/* DISPLAY *\/\n\n  #cz-a17-story .cz-display{\n    display:block;\n    min-height:auto;\n\n    border-radius:26px;\n  }\n\n  #cz-a17-story .cz-display-inner{\n    width:100%;\n\n    display:flex;\n    flex-direction:column;\n  }\n\n  #cz-a17-story .cz-display-copy{\n    width:100%;\n\n    padding:\n      70px\n      max(16px,calc((100vw - 720px)\/2))\n      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\n    min-height:470px;\n    height:470px;\n\n    display:block;\n  }\n\n  #cz-a17-story .cz-display-image{\n    width:100%;\n    height:470px;\n    min-height:470px;\n\n    object-fit:cover;\n    object-position:center;\n  }\n\n  #cz-a17-story .cz-display-image-wrap::before{\n    display:block;\n\n    width:100%;\n    height:22%;\n\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\n  \/* CAMERA *\/\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\n  \/* FEATURE *\/\n\n  #cz-a17-story .cz-feature-points{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n\n  \/* SOFTWARE *\/\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\n  \/* BATTERY *\/\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\n  \/* FINAL CTA *\/\n\n  #cz-a17-story .cz-final-cta{\n    padding-left:20px;\n    padding-right:20px;\n  }\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 \u003e p,\n  #cz-a17-story .cz-feature-copy \u003e p,\n  #cz-a17-story .cz-software-copy p,\n  #cz-a17-story .cz-battery-copy \u003e p{\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\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\/* =========================================================\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\/* =========================================================\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\n\/* =========================================================\n   FINAL FIX — CELLZILLA GALAXY A17 5G\n   ONLY REQUESTED CHANGES\n   ========================================================= *\/\n\n\n\/* =========================================================\n   1. TOP HERO — 4 SIDE CURVE\n   Galaxy A Series + Galaxy A17 5G\n   ========================================================= *\/\n\n#cz-a17-story .cz-hero{\n  border-radius:34px;\n  overflow:hidden;\n}\n\n\n\/* =========================================================\n   2. HERO CONTENT — STRICT LEFT LOCK\n   Prevent Shopify\/theme CSS from centering Galaxy A17 5G\n   ========================================================= *\/\n\n#cz-a17-story .cz-hero-grid{\n  position:relative;\n}\n\n#cz-a17-story .cz-hero-copy{\n  position:relative;\n\n  width:100%;\n  max-width:650px;\n\n  min-width:0;\n\n  margin-left:0;\n  margin-right:auto;\n\n  align-self:center;\n\n  text-align:left!important;\n\n  justify-self:start!important;\n\n  transform:none!important;\n}\n\n\n\/* Force all hero text to remain left *\/\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\n  margin-left:0;\n  margin-right:auto;\n}\n\n\n\/* Galaxy A17 5G heading specifically locked *\/\n\n#cz-a17-story .cz-hero-copy h1{\n  display:block!important;\n\n  width:100%!important;\n  max-width:650px!important;\n\n  margin-top:0!important;\n  margin-left:0!important;\n  margin-right:auto!important;\n\n  text-align:left!important;\n\n  justify-self:start!important;\n  align-self:flex-start!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\n\/* Prevent Shopify theme h1 rules from changing alignment *\/\n\n#cz-a17-story .cz-hero-copy h1 br{\n  display:block!important;\n}\n\n\n\/* Hero kicker stays directly above heading *\/\n\n#cz-a17-story .cz-hero-copy .cz-kicker{\n  width:max-content;\n  max-width:100%;\n\n  justify-content:flex-start!important;\n\n  text-align:left!important;\n}\n\n\n\/* Feature badge remains left aligned *\/\n\n#cz-a17-story .cz-hero-copy .cz-hero-feature{\n  display:flex;\n\n  width:max-content;\n  max-width:100%;\n\n  margin-left:0!important;\n  margin-right:auto!important;\n}\n\n\n\/* Buy button stays on left *\/\n\n#cz-a17-story .cz-hero-copy .cz-button{\n  margin-left:0!important;\n  margin-right:auto!important;\n}\n\n\n\/* =========================================================\n   3. MADE FOR YOUR ROUTINE SECTION — 4 SIDE CURVE\n   ========================================================= *\/\n\n#cz-a17-story .cz-feature{\n  border-radius:34px;\n  overflow:hidden;\n}\n\n\n\/* Keep content safely inside curved section *\/\n\n#cz-a17-story .cz-feature .cz-shell{\n  position:relative;\n  z-index:10;\n}\n\n\n\/* =========================================================\n   4. EXTRA SHOPIFY PROTECTION\n   Prevent theme-wide rules from affecting this section\n   ========================================================= *\/\n\n#cz-a17-story .cz-hero h1,\n#cz-a17-story .cz-feature h2{\n  float:none!important;\n\n  clear:none!important;\n\n  position:relative;\n\n  writing-mode:horizontal-tb!important;\n\n  direction:ltr!important;\n}\n\n\n\/* =========================================================\n   MOBILE — KEEP SAME 4-SIDE CURVES\n   ========================================================= *\/\n\n@media(max-width:820px){\n\n  #cz-a17-story .cz-hero{\n    border-radius:26px;\n  }\n\n  #cz-a17-story .cz-feature{\n    border-radius:26px;\n  }\n\n  #cz-a17-story .cz-hero-copy{\n    width:100%;\n    max-width:100%;\n\n    margin-left:0!important;\n    margin-right:0!important;\n\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\n    margin-left:0!important;\n    margin-right:auto!important;\n\n    text-align:left!important;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL PHONES\n   ========================================================= *\/\n\n@media(max-width:560px){\n\n  #cz-a17-story .cz-hero{\n    border-radius:22px;\n  }\n\n  #cz-a17-story .cz-feature{\n    border-radius:22px;\n  }\n\n  #cz-a17-story .cz-hero-copy h1{\n    text-align:left!important;\n\n    transform:none!important;\n    left:0!important;\n  }\n\n}\n\n\/* =========================================================\n   CELLZILLA — FINAL BUY NOW POSITION FIX\n   Keeps Buy Now buttons locked inside their sections\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\n  align-self:flex-start!important;\n\n  margin-top:30px!important;\n  margin-bottom:0!important;\n\n  transform:none;\n}\n\n\/* HERO — keep Buy Now directly under feature pill *\/\n#cz-a17-story .cz-hero-copy{\n  position:relative!important;\n\n  display:block!important;\n\n  height:auto!important;\n  min-height:0!important;\n\n  align-self:center!important;\n}\n\n#cz-a17-story .cz-hero-copy .cz-buy-now{\n  position:relative!important;\n\n  display:inline-flex!important;\n\n  margin-top:30px!important;\n\n  clear:both!important;\n\n  vertical-align:top!important;\n}\n\n\/* Prevent Shopify\/theme global button rules from\n   pushing the hero button to the bottom *\/\n#cz-a17-story .cz-hero-copy button.cz-buy-now{\n  inset:auto!important;\n\n  position:relative!important;\n\n  top:auto!important;\n  bottom:auto!important;\n\n  margin-left:0!important;\n  margin-right:0!important;\n\n  transform:none!important;\n}\n\n\/* FINAL CTA button *\/\n#cz-a17-story .cz-final-cta .cz-buy-now{\n  display:inline-flex!important;\n\n  position:relative!important;\n\n  top:auto!important;\n  bottom:auto!important;\n  left:auto!important;\n  right:auto!important;\n\n  margin-top:32px!important;\n}\n\n\n\/* =========================================================\n   MOBILE BUY NOW FIX\n   ========================================================= *\/\n\n@media(max-width:820px){\n\n  #cz-a17-story .cz-hero-copy .cz-buy-now{\n    display:inline-flex!important;\n\n    width:max-content!important;\n\n    margin-top:28px!important;\n\n    position:relative!important;\n\n    top:auto!important;\n    bottom:auto!important;\n  }\n\n}\n\n@media(max-width:560px){\n\n  #cz-a17-story .cz-hero-copy .cz-buy-now{\n    margin-top:27px!important;\n  }\n\n}\n\n\n\/* =========================================================\n   SHOPIFY PRODUCT AREA\n   Make sure the complete product information area\n   is the scroll destination.\n   ========================================================= *\/\n\n#cz-a17-story .cz-buy-now{\n  cursor:pointer!important;\n  -webkit-tap-highlight-color:transparent;\n}\n\n\u003c\/style\u003e\n\n\n\u003cdiv id=\"cz-a17-story\"\u003e\n\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\"\u003eGalaxy A Series\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        A sleek and capable smartphone designed for an immersive\n        display, reliable everyday performance and versatile photography.\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        Buy Now\n      \u003c\/button\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"cz-hero-image-wrap\"\u003e\n\n      \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\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          Designed for everyday\n        \u003c\/p\u003e\n\n        \u003ch2\u003e\n          More screen.\u003cbr\u003e\n          More moments.\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cp class=\"cz-intro-copy\"\u003e\n          Galaxy A17 5G brings together a spacious display,\n          reliable camera system, everyday performance and\n          long-lasting battery capacity in a refined smartphone\n          designed to move with your day.\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\u003eSmooth refresh rate\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cz-stat\"\u003e\n            \u003cstrong\u003e50MP\u003c\/strong\u003e\n            \u003cspan\u003eMain camera with 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        A bigger view.\u003cbr\u003e\n        A smoother flow.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Galaxy A17 5G features a large 6.7-inch Super AMOLED\n        display designed to make everyday content look vivid\n        and immersive. Full HD+ resolution and a smooth 90Hz\n        refresh rate help scrolling, social media, video and\n        navigation feel fluid and responsive.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"cz-display-image-wrap\"\u003e\n\n      \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\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          Camera system\n        \u003c\/p\u003e\n\n        \u003ch2\u003e\n          See the detail.\u003cbr\u003e\n          Keep the feeling.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          The Galaxy A17 5G camera system combines a 50MP\n          main camera, a 5MP ultra-wide camera and a 2MP\n          macro camera. Optical Image Stabilisation on the\n          main camera helps reduce unwanted camera shake\n          and supports clearer everyday results.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"cz-camera-tags\"\u003e\n\n          \u003cspan\u003e50MP OIS\u003c\/span\u003e\n          \u003cspan\u003e5MP Ultra Wide\u003c\/span\u003e\n          \u003cspan\u003e2MP Macro\u003c\/span\u003e\n          \u003cspan\u003e13MP Front Camera\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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0756\/3863\/6698\/files\/Buy_A17_Camera.webp?v=1787150664\" alt=\"Samsung Galaxy A17 5G camera and design\"\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 — TOP CURVE\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          Made for your routine\n        \u003c\/p\u003e\n\n        \u003ch2\u003e\n          Designed to fit\u003cbr\u003e\n          your day.\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cz-feature-copy\"\u003e\n\n        \u003cp\u003e\n          From early calls and commute playlists to messages,\n          maps, shopping and streaming, Galaxy A17 5G is built\n          around practical features that help everyday tasks\n          feel simple and smooth.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"cz-feature-points\"\u003e\n\n          \u003cdiv class=\"cz-feature-point\"\u003e\n            \u003cstrong\u003eImmersive viewing\u003c\/strong\u003e\n            \u003cspan\u003e\n              A large Super AMOLED screen gives content more room to shine.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cz-feature-point\"\u003e\n            \u003cstrong\u003eEveryday confidence\u003c\/strong\u003e\n            \u003cspan\u003e\n              Balanced performance for the apps and moments you use most.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cz-feature-point\"\u003e\n            \u003cstrong\u003eEasy sharing\u003c\/strong\u003e\n            \u003cspan\u003e\n              Capture photos, keep memories and share important moments.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cz-feature-point\"\u003e\n            \u003cstrong\u003eComfortable design\u003c\/strong\u003e\n            \u003cspan\u003e\n              A sleek Galaxy design that fits naturally into daily life.\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 experience\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"cz-heading\"\u003e\n          Built to stay\u003cbr\u003e\n          current.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Galaxy A17 5G is designed to support a modern\n          smartphone experience with Android and Samsung One UI.\n          Software availability, updates and features can vary\n          by market, carrier and device configuration.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cz-software-media\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0756\/3863\/6698\/files\/Software_section.webp?v=1787142815\" alt=\"Galaxy A17 5G software experience\"\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 — TOP + BOTTOM CURVE\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          Battery\n        \u003c\/p\u003e\n\n        \u003ch2\u003e\n          Energy for\u003cbr\u003e\n          the everyday.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          A 5,000mAh typical battery gives Galaxy A17 5G\n          the capacity to keep up with browsing, streaming,\n          communication and photography throughout everyday use.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"cz-battery-number\"\u003e\n          5000mAh\n          \u003csmall\u003eTypical battery capacity\u003c\/small\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"cz-battery-media\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0756\/3863\/6698\/files\/A15_power.webp?v=1787150949\" alt=\"Galaxy A17 5G battery performance\"\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      Technical details\n    \u003c\/p\u003e\n\n    \u003ch2\u003e\n      Galaxy A17 5G\u003cbr\u003e\n      Specifications\n    \u003c\/h2\u003e\n\n\n    \u003cdiv class=\"cz-spec-cards\"\u003e\n\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\"\u003eScreen\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\"\u003eResolution\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\"\u003eRefresh Rate\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            Up to 90Hz\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eDisplay Design\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            Immersive large-screen viewing\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          Performance \u0026amp; Storage\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 Network\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\"\u003eStorage Expansion\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            microSD up to 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          Camera System\n        \u003c\/h3\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eMain Camera\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            50MP with Optical Image Stabilisation\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eUltra-Wide\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            5MP ultra-wide camera\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 macro camera\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eFront Camera\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            13MP selfie camera\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          Battery \u0026amp; Software\n        \u003c\/h3\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eBattery\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            5,000mAh typical capacity\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cz-spec-item\"\u003e\n          \u003cspan class=\"cz-spec-name\"\u003eCharging\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\"\u003eOperating System\u003c\/span\u003e\n          \u003cspan class=\"cz-spec-value\"\u003e\n            Android with 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\"\u003eConnectivity\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 — TOP CURVE\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      FAQ\n    \u003c\/p\u003e\n\n    \u003ch2\u003e\n      Useful answers.\n    \u003c\/h2\u003e\n\n\n    \u003cdetails\u003e\n      \u003csummary\u003e\n        Is the Samsung Galaxy A17 5G brand new?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Yes, 100%. We only sell brand-new, factory-sealed,\n        and original Samsung smartphones. Your device will\n        arrive in its unopened original retail packaging.\n      \u003c\/p\u003e\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n      \u003csummary\u003e\n        What comes inside the box?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        The box includes the Samsung Galaxy A17 5G handset,\n        a Type-C to Type-C USB data cable, a SIM ejector tool,\n        and a Quick Start Guide. Please note: Samsung no longer\n        includes a charging adapter in the box.\n      \u003c\/p\u003e\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n      \u003csummary\u003e\n        Does Galaxy A17 5G have a 90Hz display?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Galaxy A17 5G has a 6.7-inch Super AMOLED display\n        with a refresh rate of up to 90Hz.\n      \u003c\/p\u003e\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n      \u003csummary\u003e\n        Does Galaxy A17 5G support 5G?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Yes. Galaxy A17 5G supports 5G connectivity.\n        Availability, supported bands and performance depend\n        on your region, carrier and mobile plan.\n      \u003c\/p\u003e\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n      \u003csummary\u003e\n        Does the Galaxy A17 5G have OIS?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Yes. Its 50MP main camera includes Optical Image Stabilisation.\n      \u003c\/p\u003e\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n      \u003csummary\u003e\n        What battery does Galaxy A17 5G have?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        It has a 5,000mAh typical-capacity battery.\n      \u003c\/p\u003e\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n      \u003csummary\u003e\n        Does it come with manufacturer warranty?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Your phone is covered by a\n        \u003cstrong\u003eOfficial Manufacturer Warranty\u003c\/strong\u003e.\n        If you experience any hardware issues, you can claim\n        warranty support directly through any authorized Samsung\n        service center.\n      \u003c\/p\u003e\n    \u003c\/details\u003e\n\n\n    \u003cdetails open\u003e\n\n      \u003csummary\u003e\n        Can I return my Galaxy A17 5G within 30 days?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        If you are not completely satisfied with your purchase\n        or encounter any manufacturing defect, you can return\n        or exchange the phone within 30 days of delivery.\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     STRONGER MOVING GRADIENT + SHINE\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      Ready for your\u003cbr\u003e\n      next Galaxy?\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Choose your preferred colour and storage configuration\n      and enjoy a Samsung Galaxy A17 5G from CellZilla —\n      with secure shopping, free shipping on eligible orders,\n      a 30-day return option and applicable manufacturer\n      warranty coverage.\n    \u003c\/p\u003e\n\n    \u003cbutton class=\"cz-button cz-buy-now\" type=\"button\"\u003e\n      Buy Now\n    \u003c\/button\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n\/* =========================================================\n   CELLZILLA — GALAXY A17 5G\n   PREMIUM BUY NOW SCROLL FIX\n   Shopify Product Title + Variations\n   ========================================================= *\/\n\n(function(){\n\n  'use strict';\n\n\n  \/* =======================================================\n     FIND THE MAIN SHOPIFY PRODUCT INFORMATION AREA\n     ======================================================= *\/\n\n  function findProductArea(){\n\n    var selectors = [\n\n      \/* Shopify Dawn \/ modern themes *\/\n      '[id^=\"ProductInfo-\"]',\n\n      \/* Product information wrapper *\/\n      '.product__info-wrapper',\n\n      '.product__info-container',\n\n      '.product-info',\n\n      '.product-information',\n\n      '.product__info',\n\n      \/* Product form area *\/\n      '.product-form',\n\n      'product-form',\n\n      \/* Variant selectors *\/\n      'variant-selects',\n\n      'variant-radios',\n\n      \/* Product section fallback *\/\n      '[data-section-type=\"product\"]',\n\n      '[data-product-section]'\n\n    ];\n\n\n    for(var i = 0; i \u003c selectors.length; i++){\n\n      var elements =\n        document.querySelectorAll(selectors[i]);\n\n\n      if(!elements.length){\n        continue;\n      }\n\n\n      for(var j = 0; j \u003c elements.length; j++){\n\n        var element = elements[j];\n\n\n        \/*\n         * Don't accidentally select the CellZilla\n         * description itself.\n         *\/\n        if(\n          element.closest('#cz-a17-story')\n        ){\n          continue;\n        }\n\n\n        \/*\n         * Prefer an element which actually contains\n         * product title \/ variants \/ product form.\n         *\/\n\n        var hasTitle =\n          element.querySelector(\n            '.product__title, h1, [class*=\"product-title\"], [class*=\"product__title\"]'\n          );\n\n\n        var hasVariant =\n          element.querySelector(\n            'variant-selects, variant-radios, select[name*=\"option\"], input[type=\"radio\"], [data-option]'\n          );\n\n\n        var hasForm =\n          element.querySelector(\n            'form[action*=\"\/cart\/add\"], .product-form, product-form'\n          );\n\n\n        if(\n          hasTitle ||\n          hasVariant ||\n          hasForm\n        ){\n          return element;\n        }\n\n      }\n\n    }\n\n\n    return null;\n\n  }\n\n\n  \/* =======================================================\n     FIND PRODUCT TITLE\n     ======================================================= *\/\n\n  function findProductTitle(productArea){\n\n    if(!productArea){\n      return null;\n    }\n\n\n    var titleSelectors = [\n\n      '.product__title',\n\n      '.product__title h1',\n\n      '.product-title',\n\n      '.product-title h1',\n\n      'h1[class*=\"product\"]',\n\n      'h1[id*=\"ProductTitle\"]',\n\n      'h1'\n\n    ];\n\n\n    for(var i = 0; i \u003c titleSelectors.length; i++){\n\n      var title =\n        productArea.querySelector(\n          titleSelectors[i]\n        );\n\n\n      if(title){\n        return title;\n      }\n\n    }\n\n\n    return productArea;\n\n  }\n\n\n  \/* =======================================================\n     FIND VARIATION AREA\n     ======================================================= *\/\n\n  function findVariationArea(productArea){\n\n    if(!productArea){\n      return null;\n    }\n\n\n    var variationSelectors = [\n\n      'variant-selects',\n\n      'variant-radios',\n\n      '.product-form__input',\n\n      '.product-form__input--dropdown',\n\n      '.product-form__input input[type=\"radio\"]',\n\n      'select[name=\"options[Color]\"]',\n\n      'select[name*=\"Color\"]',\n\n      'select[name*=\"Storage\"]',\n\n      'select[name*=\"RAM\"]',\n\n      '[data-option-selector]',\n\n      '[data-product-option]'\n\n    ];\n\n\n    for(var i = 0; i \u003c variationSelectors.length; i++){\n\n      var variation =\n        productArea.querySelector(\n          variationSelectors[i]\n        );\n\n\n      if(variation){\n\n        \/*\n         * If radio input was found, use its parent\n         * product option block instead.\n         *\/\n\n        if(\n          variation.tagName \u0026\u0026\n          variation.tagName.toLowerCase() === 'input'\n        ){\n\n          var parent =\n            variation.closest(\n              '.product-form__input, fieldset, .variant-input'\n            );\n\n          if(parent){\n            return parent;\n          }\n\n        }\n\n\n        return variation;\n\n      }\n\n    }\n\n\n    return null;\n\n  }\n\n\n  \/* =======================================================\n     CALCULATE STICKY HEADER OFFSET\n     ======================================================= *\/\n\n  function getHeaderOffset(){\n\n    var headerSelectors = [\n\n      'sticky-header',\n\n      'header',\n\n      '.header-wrapper',\n\n      '.shopify-section-header',\n\n      '#shopify-section-header',\n\n      '[id*=\"shopify-section-header\"]'\n\n    ];\n\n\n    var maxHeight = 0;\n\n\n    for(var i = 0; i \u003c headerSelectors.length; i++){\n\n      var headers =\n        document.querySelectorAll(\n          headerSelectors[i]\n        );\n\n\n      for(var j = 0; j \u003c headers.length; j++){\n\n        var header = headers[j];\n\n        var style =\n          window.getComputedStyle(header);\n\n\n        var rect =\n          header.getBoundingClientRect();\n\n\n        \/*\n         * Only count visible fixed\/sticky headers.\n         *\/\n\n        if(\n          rect.height \u003e 0 \u0026\u0026\n          (\n            style.position === 'fixed' ||\n            style.position === 'sticky'\n          )\n        ){\n\n          maxHeight =\n            Math.max(\n              maxHeight,\n              rect.height\n            );\n\n        }\n\n      }\n\n    }\n\n\n    \/*\n     * Extra breathing room below header.\n     *\/\n\n    return maxHeight + 25;\n\n  }\n\n\n  \/* =======================================================\n     SCROLL ELEMENT WITH STICKY HEADER SUPPORT\n     ======================================================= *\/\n\n  function scrollToElement(element){\n\n    if(!element){\n      return false;\n    }\n\n\n    var offset =\n      getHeaderOffset();\n\n\n    var rect =\n      element.getBoundingClientRect();\n\n\n    var targetY =\n      window.pageYOffset +\n      rect.top -\n      offset;\n\n\n    window.scrollTo({\n\n      top:Math.max(0,targetY),\n\n      behavior:'smooth'\n\n    });\n\n\n    return true;\n\n  }\n\n\n  \/* =======================================================\n     HIGHLIGHT VARIATIONS\n     ======================================================= *\/\n\n  function gentlyHighlight(element){\n\n    if(!element){\n      return;\n    }\n\n\n    var originalTransition =\n      element.style.transition;\n\n\n    var originalBoxShadow =\n      element.style.boxShadow;\n\n\n    element.style.transition =\n      'box-shadow .35s ease';\n\n\n    element.style.boxShadow =\n      '0 0 0 3px rgba(81,71,184,.16)';\n\n\n    setTimeout(function(){\n\n      element.style.boxShadow =\n        originalBoxShadow;\n\n      element.style.transition =\n        originalTransition;\n\n    },1200);\n\n  }\n\n\n  \/* =======================================================\n     MAIN BUY NOW ACTION\n     ======================================================= *\/\n\n  function goToShopifyProductOptions(){\n\n    var productArea =\n      findProductArea();\n\n\n    \/*\n     * If product information was not immediately found,\n     * wait briefly because Shopify sections can load\n     * dynamically.\n     *\/\n\n    if(!productArea){\n\n      setTimeout(function(){\n\n        productArea =\n          findProductArea();\n\n\n        if(productArea){\n\n          performScroll(productArea);\n\n        }else{\n\n          \/*\n           * Final fallback:\n           * scroll to the first normal product form.\n           *\/\n\n          var fallback =\n            document.querySelector(\n              'form[action*=\"\/cart\/add\"], .product-form'\n            );\n\n\n          if(fallback){\n\n            performScroll(fallback);\n\n          }\n\n        }\n\n      },300);\n\n\n      return;\n\n    }\n\n\n    performScroll(productArea);\n\n  }\n\n\n  \/* =======================================================\n     PERFORM ACTUAL SCROLL\n     ======================================================= *\/\n\n  function performScroll(productArea){\n\n    \/*\n     * FIRST PRIORITY:\n     * Product Title\n     *\n     * This gives the customer a clean view of:\n     *\n     * Samsung Galaxy A17 5G\n     * Price\n     * Color\n     * Storage\n     * etc.\n     *\/\n\n    var productTitle =\n      findProductTitle(productArea);\n\n\n    if(productTitle){\n\n      scrollToElement(productTitle);\n\n\n      \/*\n       * After scrolling to title, gently highlight\n       * variation area.\n       *\/\n\n      setTimeout(function(){\n\n        var variation =\n          findVariationArea(productArea);\n\n\n        if(variation){\n\n          gentlyHighlight(variation);\n\n        }\n\n      },700);\n\n\n      \/*\n       * Focus first variation control without\n       * causing another unwanted scroll.\n       *\/\n\n      setTimeout(function(){\n\n        var variation =\n          findVariationArea(productArea);\n\n\n        if(!variation){\n          return;\n        }\n\n\n        var control =\n          variation.querySelector(\n            'select, input[type=\"radio\"], button, [role=\"button\"]'\n          );\n\n\n        if(control){\n\n          try{\n\n            control.focus({\n              preventScroll:true\n            });\n\n          }catch(e){}\n\n        }\n\n      },850);\n\n\n      return;\n\n    }\n\n\n    \/*\n     * If Product Title wasn't found,\n     * scroll to the complete product area.\n     *\/\n\n    scrollToElement(productArea);\n\n  }\n\n\n  \/* =======================================================\n     CLICK HANDLER\n     ======================================================= *\/\n\n  document.addEventListener(\n    'click',\n    function(e){\n\n      var button =\n        e.target.closest(\n          '#cz-a17-story .cz-buy-now'\n        );\n\n\n      if(!button){\n        return;\n      }\n\n\n      e.preventDefault();\n\n      e.stopPropagation();\n\n\n      goToShopifyProductOptions();\n\n    },\n    true\n  );\n\n\n})();\n\u003c\/script\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\/en\/products\/samsung-galaxy-a17-5g-128gb-silver","provider":"CellZilla","version":"1.0","type":"link"}