*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#e8effa,#fafcff 52%,#e2ebf8);font-family:Inter,system-ui,Arial;color:#102039}main{max-width:1260px;margin:auto;padding:18px 16px 45px}header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 5px 22px}.brand{text-decoration:none;color:#102039;display:flex;flex-direction:column;font-size:32px;font-weight:950}.brand small{font-size:11px;letter-spacing:1.5px;color:#66758b}.brand img{max-width:240px;max-height:72px;object-fit:contain}nav,.actions{display:flex;gap:9px;flex-wrap:wrap}nav a,.actions a{padding:13px 18px;border-radius:14px;background:#1d2c48;color:#fff;text-decoration:none;font-weight:800}.wa{background:linear-gradient(135deg,#00d979,#009c59)!important}.list{display:grid;gap:24px}.campaign{--a:#ff7a00;--b:#ffb000;--p:#111b29;position:relative;overflow:hidden;isolation:isolate;min-height:500px;border-radius:28px;padding:clamp(30px,5vw,70px);display:grid;grid-template-columns:52% 48%;background:radial-gradient(circle at 80% 20%,rgba(255,122,0,.32),transparent 37%),linear-gradient(130deg,var(--p),#080d15);box-shadow:0 22px 55px #122b4d38;color:#fff}.campaign:before{content:"";position:absolute;inset:0;background:var(--bg);background-size:cover;opacity:.14;z-index:-2}.campaign:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 75%);z-index:-1}.blue{--a:#168cff;--b:#67c1ff;--p:#11345b}.red{--a:#e52335;--b:#ff756c;--p:#621723}.gold{--a:#d9a52a;--b:#ffe080;--p:#091b37}.green{--a:#11a464;--b:#65dea5;--p:#07382c}.copy{align-self:center}.copy>span{display:inline-flex;padding:9px 14px;border-radius:99px;background:var(--a);font-weight:900}.copy h2{font-size:clamp(34px,5vw,67px);line-height:.98;letter-spacing:-2.7px;margin:18px 0 12px}.copy h3{font-size:clamp(20px,3vw,37px);margin:0 0 12px;color:var(--b)}.copy>p{font-size:17px;line-height:1.6;color:#e8edf4}.visual{position:relative;display:flex;align-items:center;justify-content:center}.product{width:95%;height:390px;object-fit:contain;filter:drop-shadow(0 26px 22px #0008)}.gift{position:absolute;right:0;bottom:0;width:42%;aspect-ratio:1;border:2px solid #ffffff55;border-radius:50%;background:#ffffff18;display:grid;place-items:center}.gift strong{position:absolute;top:-10px;background:var(--a);padding:8px 13px;border-radius:99px;font-size:12px}.gift img{width:82%;height:82%;object-fit:contain}.timer{display:flex;gap:7px;margin:23px 0 18px}.timer i{font-style:normal;min-width:70px;padding:10px 7px;border-radius:13px;background:#ffffff17;text-align:center}.timer b,.timer small{display:block}.timer b{font-size:28px}.timer small{font-size:11px;color:#cdd6e3}.gone{opacity:0;transition:.5s}.empty{padding:80px 25px;text-align:center;border-radius:28px;background:#0e1a2e;color:#fff}.empty em{color:#ffad2f;font-weight:900}.empty h1{font-size:clamp(30px,5vw,60px)}footer{text-align:center;color:#62738a;font-size:12px;margin-top:23px}@media(max-width:760px){main{padding:10px 8px 30px}header{align-items:flex-start}.brand{font-size:21px}.brand img{max-width:145px}nav{justify-content:flex-end;gap:5px}nav a{padding:9px;font-size:10px}.campaign{min-height:650px;grid-template-columns:1fr;grid-template-rows:auto 230px;padding:29px 22px;border-radius:18px}.copy h2{font-size:40px}.copy>p{font-size:14px}.visual{grid-row:2}.product{height:250px}.gift{width:35%}.timer i{min-width:0;flex:1;padding:8px 3px}.timer b{font-size:22px}.actions a{padding:10px;font-size:11px}}.campaign-banner{position:absolute;inset:0;z-index:-3}.campaign-banner img{width:100%;height:100%;object-fit:cover;display:block}.has-banner:before{background:linear-gradient(90deg,#050a12cc,#050a1240);opacity:1}.has-banner:after{background:linear-gradient(90deg,#050a12b8,transparent 72%)}@media(max-width:760px){.campaign-banner img{object-position:center}.has-banner:before{background:linear-gradient(180deg,#050a12c9 0,#050a1266 58%,#050a12b8)}}.campaign-banner{z-index:0}.campaign:before,.campaign:after{z-index:1;pointer-events:none}.campaign .copy,.campaign .visual{position:relative;z-index:2}
.wa{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}.wa-icon{width:19px;height:19px;display:block;flex:0 0 auto}.contact .wa-icon{width:18px;height:18px}@media(max-width:760px){.wa-icon{width:15px;height:15px}}.wa{position:relative;isolation:isolate;overflow:hidden;display:inline-flex!important;align-items:center;justify-content:center;gap:10px!important;background:linear-gradient(90deg,#25d366,#128c7e,#25d366)!important;background-size:220% 100%!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 7px 20px rgba(18,140,126,.28),inset 0 1px 0 rgba(255,255,255,.2)!important;transition:background-position .55s cubic-bezier(.4,0,.2,1),transform .2s ease,box-shadow .2s ease!important}.wa:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.22) 45%,transparent 65%);transform:translateX(-120%);transition:transform .6s ease}.wa:hover{background-position:100% 0!important;transform:translateY(-2px);box-shadow:0 11px 26px rgba(18,140,126,.38),inset 0 1px 0 rgba(255,255,255,.28)!important}.wa:hover:before{transform:translateX(120%)}.wa:active{transform:translateY(0) scale(.98)}.wa-icon{width:24px!important;height:27px!important;display:block;flex:0 0 auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}header nav .wa{padding-left:16px;padding-right:18px}.actions .wa{padding-left:20px;padding-right:22px}@media(max-width:760px){.wa{gap:6px!important}.wa-icon{width:18px!important;height:20px!important}header nav .wa{padding-left:10px;padding-right:11px}.actions .wa{padding-left:12px;padding-right:13px}}@media(prefers-reduced-motion:reduce){.wa,.wa:before{transition:none!important}}
/* Atlas Barkod ile aynı yerel Inter ailesi; Türkçe karakterleri kapsar. */
@font-face{font-family:Inter;src:url("fonts/inter-latin-ext.woff2") format("woff2");font-style:normal;font-weight:400 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;src:url("fonts/inter-latin.woff2") format("woff2");font-style:normal;font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-weight:400}
.brand{font-weight:700}.brand small{font-weight:500}nav a,.actions a{font-weight:600}.copy>span{font-weight:700}.copy h2{font-weight:700}.copy h3{font-weight:600}.copy>p{font-weight:400}.timer b{font-weight:700}.timer small{font-weight:400}.gift strong,.empty em{font-weight:600}.wa{font-weight:600;letter-spacing:-.01em}