/* mağaza / paket / ödeme sayfaları */
body.inner{background:#f6f7fb;color:#1a1a2e}
.inner-nav{position:sticky;top:0;z-index:40;color:#fff;background:linear-gradient(90deg,#2b19a3,#4f2bd6 50%,#2775ff)}
.inner-nav .mainnav{position:relative}
.inner-nav .mainnav.stuck{position:relative}
.inner-head{background:linear-gradient(90deg,#2b19a3,#4f2bd6 50%,#2775ff);color:#fff;padding-bottom:44px;position:relative}
.inner-title{padding-top:18px;display:flex;flex-direction:column;gap:8px}
.inner-title h1,.inner-title .h1{margin:0;font-size:38px;font-weight:800;letter-spacing:-.02em;line-height:1.15;opacity:1;max-width:none}
.inner-title p{margin:0;font-size:16px;opacity:.9;max-width:680px;line-height:1.5}
.inner-main{padding-top:32px;padding-bottom:80px;display:flex;flex-direction:column;gap:28px}
.shop-group h2{margin:0 0 14px;font-size:22px}
.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pkg-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}
.pkg-box{background:#fff;border:1px solid #e8e9f2;border-radius:22px;padding:28px;box-shadow:0 10px 40px rgba(26,26,46,.06)}
:where(.dark) .pkg-box{background-color:#161a3d;border:1px solid rgba(255,255,255,0.08)}
.pkg-box h3{margin:0 0 10px;font-size:16px;letter-spacing:.06em;color:#6b7280;font-weight:800}
:where(.dark) .pkg-box h3{color:#aeb3d1}
.pkg-text{font-size:15px;line-height:1.7;color:#3b3f55;white-space:pre-line}
:where(.dark) .pkg-text{color:#d5d8ee}
.buy{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px}
.price-big{font-size:38px;font-weight:800;line-height:1}
.price-old{font-size:14px;color:#9aa0b4;text-decoration:line-through}
:where(.dark) .price-old{color:#7d83a8}
.price-tr{font-size:13px;color:#6b7280}
:where(.dark) .price-tr{color:#aeb3d1}
.incl{display:flex;flex-direction:column;gap:8px;font-size:14px}
.incl span{display:flex;gap:8px;align-items:center}
.incl i{width:8px;height:8px;border-radius:50%;background:#22c55e;flex:none}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form .full{grid-column:1/-1}
.fld{display:flex;flex-direction:column;gap:6px}
.fld label{font-size:12px;font-weight:800;color:#6b7280;letter-spacing:.04em}
:where(.dark) .fld label{color:#aeb3d1}
.inp{height:46px;border-radius:12px;border:1px solid #e2e4ee;background:#fff;padding:0 14px;font:inherit;font-size:14px;color:#1a1a2e}
:where(.dark) .inp{border:1px solid rgba(255,255,255,0.08);background-color:#161a3d;color:#eef0fa}
.inp:focus{outline:2px solid rgba(39,117,255,.35);border-color:#2775ff}.inp.err{border-color:#ef4444}
textarea.inp{height:auto;padding:12px 14px}
.ferr{font-size:12px;color:#dc2626;font-weight:700}
:where(.dark) .ferr{color:#ee9494}
.pay-opts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pay-opt{border:2px solid #e2e4ee;border-radius:16px;padding:16px;cursor:pointer;display:flex;gap:12px;align-items:flex-start;background:#fff}
:where(.dark) .pay-opt{border:2px solid rgba(255,255,255,0.08);background-color:#161a3d}
.pay-opt input{margin-top:4px}
.pay-opt b{display:block;font-size:15px}.pay-opt span{font-size:13px;color:#6b7280}
:where(.dark) .pay-opt span{color:#aeb3d1}
.pay-opt:has(input:checked){border-color:#2775ff;background:#eef3ff}
:where(.dark) .pay-opt:has(input:checked){background-color:rgba(77,122,230,0.16)}
.summary{display:flex;justify-content:space-between;font-size:14px;padding:8px 0;border-bottom:1px solid #eef0f6}
:where(.dark) .summary{border-bottom:1px solid rgba(255,255,255,0.08)}
.summary.total{font-size:18px;font-weight:800;border:0}
.bank{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid #e8e9f2;border-radius:14px;background:#fff}
:where(.dark) .bank{border:1px solid rgba(255,255,255,0.08);background-color:#161a3d}
.bank b{font-size:15px}.bank code{font-size:14px;background:#f3f4fa;padding:4px 8px;border-radius:8px;user-select:all}
:where(.dark) .bank code{background-color:#1b2048}
.paytr-frame{width:100%;min-height:720px;border:0;border-radius:16px;background:#fff}
:where(.dark) .paytr-frame{background-color:#161a3d}
.result{max-width:640px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}
.result .big{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;background:linear-gradient(135deg,#22c55e,#0ea5e9)}
.result .big.bad{background:linear-gradient(135deg,#ef4444,#f97316)}
.steps-mini{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:800;color:#6b7280;letter-spacing:.06em}
:where(.dark) .steps-mini{color:#aeb3d1}
.steps-mini b{color:#2775ff}
:where(.dark) .steps-mini b{color:#7fabf8}
@media (max-width:900px){.shop-grid,.pkg-hero,.form,.pay-opts{grid-template-columns:1fr}.inner-title h1{font-size:28px}.buy{position:static}}

/* ── sepet / tek sayfa sipariş / paket detay ekleri ── */
.crumbs{display:flex;gap:8px;align-items:center;font-size:13px;opacity:.9;flex-wrap:wrap}.crumbs a{color:#fff}.crumbs b{font-weight:700}.crumbs span{opacity:.6}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.tags span{font-size:11.5px;font-weight:800;letter-spacing:.06em;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3)}
.steps-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:-6px 0 4px;position:relative}
.steps-bar div{text-align:center;font-size:12px;font-weight:700;color:#9aa0b4;position:relative;padding-top:38px}
:where(.dark) .steps-bar div{color:#7d83a8}
.steps-bar div::before{content:'';position:absolute;top:15px;left:50%;right:-50%;height:3px;background:#e2e4ee}
:where(.dark) .steps-bar div::before{background-color:#252a5a}.steps-bar div:last-child::before{display:none}
.steps-bar b{position:absolute;top:0;left:50%;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #e2e4ee;color:#9aa0b4;display:flex;align-items:center;justify-content:center;font-size:13px;z-index:1}
:where(.dark) .steps-bar b{background-color:#161a3d;border:2px solid rgba(255,255,255,0.08);color:#7d83a8}
.steps-bar .on{color:#1a1a2e}
:where(.dark) .steps-bar .on{color:#eef0fa}.steps-bar .on b{background:linear-gradient(135deg,#2775ff,#4f2bd6);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(39,117,255,.35)}
.steps-bar .done{color:#15803d}
:where(.dark) .steps-bar .done{color:#21c65e}.steps-bar .done b{background:#22c55e;border-color:#22c55e;color:#fff}.steps-bar .done::before{background:#22c55e}
.tick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.ptabs{display:flex;gap:6px;border-bottom:1px solid #eef0f6;margin-bottom:16px;overflow-x:auto}
:where(.dark) .ptabs{border-bottom:1px solid rgba(255,255,255,0.08)}
.ptab{border:0;background:none;font:inherit;font-weight:700;font-size:14px;color:#6b7280;padding:10px 14px;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap}
:where(.dark) .ptab{color:#aeb3d1}.ptab.on{color:#2775ff;border-color:#2775ff}
:where(.dark) .ptab.on{color:#7fabf8}
.comp-strip{display:flex;gap:10px;overflow-x:auto;padding:14px 0 6px;scrollbar-width:thin}
.comp-mini{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none;width:76px;font-size:11px;font-weight:700;color:#3b3f55;text-align:center}
:where(.dark) .comp-mini{color:#d5d8ee}
.mini-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-steps div{font-size:13px;font-weight:600;color:#3b3f55;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
:where(.dark) .mini-steps div{color:#d5d8ee}.mini-steps b{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#2775ff,#4f2bd6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}
.price-old .disc{display:inline-block;margin-left:6px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;text-decoration:none}
.trust-mini{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#6b7280}
:where(.dark) .trust-mini{color:#aeb3d1}
.cart-row{display:grid;grid-template-columns:56px 1fr auto auto 32px;gap:14px;align-items:center;background:#fff;border:1px solid #e8e9f2;border-radius:18px;padding:14px 16px}
:where(.dark) .cart-row{background-color:#161a3d;border:1px solid rgba(255,255,255,0.08)}
.cart-ic{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#2775ff,#4f2bd6);color:#fff;font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center}
.cart-info{min-width:0;display:flex;flex-direction:column;gap:3px}.cart-info b{font-size:15px}.cart-info span{font-size:12.5px;color:#6b7280}
:where(.dark) .cart-info span{color:#aeb3d1}
.qty{display:inline-flex;align-items:center;border:1px solid #e2e4ee;border-radius:10px;overflow:hidden}
:where(.dark) .qty{border:1px solid rgba(255,255,255,0.08)}.qty button{width:32px;height:34px;border:0;background:#f6f7fb;font:inherit;font-weight:800;cursor:pointer}
:where(.dark) .qty button{background-color:#1b2048}.qty span{width:34px;text-align:center;font-weight:700}.qty.one{border:0;font-size:12px;color:#6b7280;padding:0 6px}
:where(.dark) .qty.one{color:#aeb3d1}
.cart-price{text-align:right;display:flex;flex-direction:column}.cart-price s{font-size:12px;color:#9aa0b4}
:where(.dark) .cart-price s{color:#7d83a8}.cart-price b{font-size:17px}
.cart-del{width:32px;height:32px;border-radius:50%;border:1px solid #e2e4ee;background:#fff;color:#6b7280;cursor:pointer;font-size:14px}
:where(.dark) .cart-del{border:1px solid rgba(255,255,255,0.08);background-color:#161a3d;color:#aeb3d1}.cart-del:hover{color:#ef4444;border-color:#ef4444}
:where(.dark) .cart-del:hover{color:#f58f8f}
.coupon{display:flex;gap:8px}.coupon .inp{flex:1;height:42px}.coupon .btn.sm{height:42px;padding:0 14px;font-size:13px}
.coupon-on{flex:1;display:flex;justify-content:space-between;align-items:center;background:#ecfdf3;color:#15803d;border-radius:12px;padding:10px 14px;font-size:13px}
:where(.dark) .coupon-on{background-color:rgba(77,230,140,0.16);color:#21c65e}.coupon-on button{border:0;background:none;color:#15803d;font:inherit;font-weight:800;cursor:pointer;text-decoration:underline}
:where(.dark) .coupon-on button{color:#21c65e}
.seg{display:inline-flex;background:#f3f4fa;border-radius:12px;padding:4px;gap:4px}
:where(.dark) .seg{background-color:#1b2048}.seg-i input{position:absolute;opacity:0;pointer-events:none}.seg-i span{display:inline-flex;padding:8px 16px;border-radius:9px;font-size:13px;font-weight:700;color:#6b7280;cursor:pointer}
:where(.dark) .seg-i span{color:#aeb3d1}.seg-i:has(input:checked) span{background:#fff;color:#1a1a2e;box-shadow:0 4px 12px rgba(26,26,46,.08)}
:where(.dark) .seg-i:has(input:checked) span{background-color:#161a3d;color:#eef0fa}
.fld label small{font-weight:600;letter-spacing:0;text-transform:none;color:#9aa0b4}
:where(.dark) .fld label small{color:#7d83a8}
.pay-opt em{display:block;font-style:normal;font-weight:800;font-size:16px;margin-top:6px;color:#1a1a2e}
:where(.dark) .pay-opt em{color:#eef0fa}
.agree{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:13px;color:#3b3f55}
:where(.dark) .agree{color:#d5d8ee}
.note-box{margin-top:12px;background:#fff4e5;color:#b45309;border-radius:12px;padding:10px 14px;font-size:13px}
:where(.dark) .note-box{background-color:rgba(230,165,77,0.16);color:#f59347}
.btn[disabled]{opacity:.6;cursor:wait}
@media (max-width:900px){.tick-grid,.mini-steps{grid-template-columns:1fr}.cart-row{grid-template-columns:48px 1fr auto;grid-template-areas:'ic info del' 'ic qty price'}.cart-ic{grid-area:ic}.cart-info{grid-area:info}.qty{grid-area:qty;justify-self:start}.cart-price{grid-area:price}.cart-del{grid-area:del}.steps-bar div{font-size:11px}}

/* paket detay: üst bantta animasyonlu afiş + başlık */
.hero-pack{display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:center;margin-top:10px}
.hero-afis{position:relative;filter:drop-shadow(0 30px 60px rgba(0,0,0,.35))}
.hero-afis .poster{pointer-events:auto}
.ust-baslik{font-size:22px;font-weight:500;opacity:.9;margin-bottom:2px}
.hero-txt h1{font-size:40px;line-height:1.15}
.pkg-text .hl{background:rgba(39,117,255,.08);color:#1d4fd8;font-weight:700;border-radius:10px;padding:8px 12px;margin:0 0 8px}
:where(.dark) .pkg-text .hl{color:#93acf1}
.pkg-text .li{padding:4px 0;color:#3b3f55}
:where(.dark) .pkg-text .li{color:#d5d8ee}
.pkg-text .sub{font-weight:800;color:#2a1b7a;margin:12px 0 4px;font-size:14px;letter-spacing:.04em}
:where(.dark) .pkg-text .sub{color:#afa4eb}
@media (max-width:900px){.hero-pack{grid-template-columns:1fr;justify-items:center;text-align:center}.hero-txt h1{font-size:28px}}

/* paket üst bandı — eski sitedeki düzen, geliştirilmiş */
.inner-head:has(.hero-pack){padding-bottom:56px}
.hero-pack{grid-template-columns:320px 1fr;gap:40px;align-items:start}
.hero-foto{width:100%;border-radius:20px;display:block;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.hero-txt{display:flex;flex-direction:column;gap:12px}
.hero-txt .ust-baslik{font-size:30px;font-weight:300;line-height:1.1;margin:0}
.hero-txt h1{font-size:42px;font-weight:800;line-height:1.1;margin:0}
.hero-txt .tags{margin:4px 0 0}.tags .new{background:#22c55e;border-color:#22c55e}.tags .ok{background:rgba(255,255,255,.16)}.tags .out{background:#ef4444;border-color:#ef4444}
.hero-price{display:flex;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-top:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2)}
.hp-big{font-size:46px;font-weight:800;line-height:1;letter-spacing:-.02em}
.hp-old{font-size:14px;opacity:.9;margin-top:6px}.hp-old b{background:#ef4444;padding:2px 8px;border-radius:999px;font-size:11px;margin-left:6px}
.hp-tr{display:flex;flex-direction:column;gap:2px;font-size:12px;opacity:.9;padding-bottom:6px}.hp-tr b{font-size:17px;opacity:1}
.hero-meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:6px}.hero-meta div{display:flex;flex-direction:column;gap:2px}.hero-meta span{font-size:10.5px;font-weight:800;letter-spacing:.12em;opacity:.75}.hero-meta b{font-size:15px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.hb-main{height:50px;padding:0 28px;background:#fff;color:#2a1b7a;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.hb-ghost{height:50px;padding:0 24px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media (max-width:900px){.hero-pack{grid-template-columns:1fr;justify-items:stretch;text-align:left}.hero-afis{justify-self:center}.hero-txt h1{font-size:30px}.hero-txt .ust-baslik{font-size:22px}.hp-big{font-size:38px}}

/* iç sayfa üst bandı: dalga + kavisli şekil + süzülen bloblar (ana sayfayla aynı dil) */
.inner-head{overflow:hidden;padding-bottom:84px}
.inner-head:has(.hero-pack){padding-bottom:96px}
.ih-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ih-curve{position:absolute;right:0;top:0;height:100%;width:60%;max-width:900px}
.inner-head .mainnav,.inner-head .inner-title{position:relative;z-index:3}
.inner-head .hdr-wave{bottom:-1px}

/* ── mağaza: arama + altıgen filtreler + ürün kartları ── */
.shop-search{display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:6px 8px 6px 18px;max-width:640px;margin-top:18px;box-shadow:0 20px 50px rgba(0,0,0,.25);color:#6b7280}
.shop-search input{flex:1;border:0;outline:0;font:inherit;font-size:15px;height:42px;color:#1a1a2e;background:transparent}
.shop-search{margin:22px auto 0;max-width:640px}
.inner-title:has(.shop-search){align-items:center;text-align:center}
.inner-title:has(.shop-search) .crumbs{justify-content:center}
.hexes{display:flex;gap:0;flex-wrap:wrap;justify-content:center;align-items:flex-start;margin:30px 0 0;padding-bottom:62px}
.hex+.hex{margin-left:-16px}
.hex:nth-child(even){margin-top:64px}
/* eski sitedeki petek: ince beyaz çizgili, içi şeffaf altıgen; sağ üstte beyaz sayaç */
.hex{position:relative;width:140px;height:122px;border:0;background:transparent;font:inherit;font-weight:500;font-size:15.5px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;padding:0;overflow:visible}
.hex{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 122' preserveAspectRatio='none'%3E%3Cpolygon points='35,1.5 105,1.5 138.5,61 105,120.5 35,120.5 1.5,61' fill='rgba(255,255,255,0.06)' stroke='rgba(255,255,255,0.75)' stroke-width='1.2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") no-repeat center/100% 100%;transition:transform .2s,background .2s}
.hex:hover{transform:translateY(-2px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 122' preserveAspectRatio='none'%3E%3Cpolygon points='35,1.5 105,1.5 138.5,61 105,120.5 35,120.5 1.5,61' fill='rgba(255,255,255,0.16)' stroke='white' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.hex.on{font-weight:700;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 122' preserveAspectRatio='none'%3E%3Cpolygon points='35,1.5 105,1.5 138.5,61 105,120.5 35,120.5 1.5,61' fill='rgba(255,255,255,0.22)' stroke='white' stroke-width='2.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.hex.empty{opacity:.35;cursor:default}.hex.empty:hover{transform:none}
.hex-t{position:relative;z-index:1;line-height:1.25;padding:0 16px;text-align:center}
.hex-n{position:absolute;right:10px;top:12px;z-index:2;width:24px;height:24px;border-radius:50%;background:#fff;color:#2775ff;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.mc{display:flex;flex-direction:column;background:#fff;border:1px solid #e8e9f2;border-radius:22px;overflow:hidden;box-shadow:0 10px 40px rgba(26,26,46,.06);transition:transform .25s,box-shadow .25s}
:where(.dark) .mc{background-color:#161a3d;border:1px solid rgba(255,255,255,0.08)}
.mc:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(26,26,46,.14)}
.mc-media{position:relative;display:block;height:380px;background:linear-gradient(160deg,#1b2150,#2775ff);overflow:hidden}
.mc-media img{width:100%;height:100%;object-fit:cover;display:block}
.mc-afis{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.94);transform-origin:center}

.mc-stock,.mc-out{position:absolute;left:12px;bottom:12px;font-size:11px;font-weight:800;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:#b45309}
:where(.dark) .mc-stock,:where(.dark) .mc-out{background-color:rgba(22,26,61,0.92);color:#f59347}.mc-out{background:#ef4444;color:#fff}
.mc-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.mc-kind{font-size:11px;font-weight:800;letter-spacing:.1em;color:#6b7280}
:where(.dark) .mc-kind{color:#aeb3d1}
.mc-title{font-size:16px;font-weight:800;line-height:1.3;color:#1a1a2e}
:where(.dark) .mc-title{color:#eef0fa}.mc-title:hover{color:#2775ff}
:where(.dark) .mc-title:hover{color:#7fabf8}
.mc-desc{font-size:13px;color:#5b6075;line-height:1.5}
:where(.dark) .mc-desc{color:#aeb3d1}
.mc-price{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:8px}
.mc-price b{font-size:22px;font-weight:800}.mc-price s{font-size:12px;color:#9aa0b4;margin-left:8px}
:where(.dark) .mc-price s{color:#7d83a8}.mc-price span{font-size:12px;color:#6b7280;font-weight:700}
:where(.dark) .mc-price span{color:#aeb3d1}
.mc-btns{display:flex;gap:8px}.mc-btns form{flex:1;display:flex}.mc-btns .btn{height:40px;font-size:13px;flex:1;padding:0 12px}
.empty-note{text-align:center;color:#6b7280;padding:30px}
:where(.dark) .empty-note{color:#aeb3d1}.empty-note .link{border:0;background:none;color:#2775ff;font:inherit;font-weight:800;cursor:pointer}
:where(.dark) .empty-note .link{color:#7fabf8}
@media (max-width:900px){.hex{width:108px;height:96px;font-size:12.5px}.hex-n{right:8px;top:8px;width:20px;height:20px;font-size:11px}.hexes{margin-top:22px;padding-bottom:50px}.hex+.hex{margin-left:-20px}.hex:nth-child(even){margin-top:48px}.shop-grid{grid-template-columns:1fr 1fr}.mc-media{height:300px}.mc-afis{transform:translate(-50%,-50%) scale(.74)}}
@media (max-width:600px){.shop-grid{grid-template-columns:1fr}}
/* köşe kurdeleleri: Yeni + Kampanyalı üst üste (eski sitedeki gibi) */
.mc-disc{position:absolute;left:12px;top:12px;background:#ef4444;color:#fff;font-size:12px;font-weight:800;padding:5px 9px;border-radius:999px;box-shadow:0 6px 14px rgba(239,68,68,.35)}
.tags .kamp{background:linear-gradient(135deg,#2775ff,#4f2bd6);border-color:transparent}
.inner-nav:has(.mainnav.stuck){background:transparent}
.inner-top{background:linear-gradient(90deg,#2b19a3,#4f2bd6 50%,#2775ff);color:#fff}
.shop-search{max-width:780px;width:100%;box-sizing:border-box}
@media (max-width:900px){.shop-search{max-width:none;width:100%;box-sizing:border-box}}

/* ===== Köşe kurdeleleri (eski sitedeki "stick" düzeni, daha parlak) ===== */
.stick-box{position:absolute;top:-5px;right:-5px;width:112px;height:112px;overflow:hidden;z-index:9;pointer-events:none}
.stick{position:absolute;top:0;right:0;overflow:hidden}
.stick i,.stick b{position:absolute;z-index:1;width:5px;height:5px}        /* katlanma gölgesi (köşeler) */
.stick i{top:0;left:0}.stick b{right:0;bottom:0}
.stick span{display:block;position:absolute;z-index:2;height:27px;line-height:27px;text-align:center;font-size:13px;font-weight:800;letter-spacing:.04em;color:#fff;transform:rotate(45deg);transform-origin:0 100%;top:-27px;left:0;text-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 3px 10px rgba(0,0,0,.25)}
.stick span::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:stick-shine 4s ease-in-out infinite}
.stick.kamp span::after{animation-delay:1.3s}
.stick.yeni{width:72px;height:72px}
.stick.yeni i,.stick.yeni b{background:#0781c9}
.stick.yeni span{width:100px;background-image:linear-gradient(to left,#0b98f6,#00e0f0)}
.stick.kamp{width:100%;height:100%}
.stick.kamp i,.stick.kamp b{background:#3d0b78}
.stick.kamp span{width:158px;background-image:linear-gradient(to right,#0f5ae0,#7400ba)}
.stick.kamp.tek{width:84px;height:84px}.stick.kamp.tek span{width:118px}
@keyframes stick-shine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

/* ===== Üzerine gelince: renk perdesi + büyüteç + dalga dalga ışık (eski site, geliştirilmiş) ===== */
.mc-go{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-decoration:none;color:#2775ff;background:linear-gradient(160deg,rgba(39,117,255,.9),rgba(79,43,214,.88));opacity:0;transition:opacity .3s ease-in-out}
.mc-media:hover .mc-go,.mc-media:focus-within .mc-go{opacity:1}
.mc-lens{position:relative;width:66px;height:66px;border-radius:50%;background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.3);display:grid;place-items:center;transform:translateY(80px);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mc-media:hover .mc-lens,.mc-media:focus-within .mc-lens{transform:translateY(0)}
.mc-lens svg{position:relative;z-index:2;transition:transform .3s}
.mc-media:hover .mc-lens svg{transform:scale(1.1)}
.mc-lens i{position:absolute;inset:0;border-radius:50%;z-index:0;background:rgba(255,255,255,.28)}
.mc-lens .w2{background:rgba(255,255,255,.16)}.mc-lens .w3{background:rgba(255,255,255,.08)}
.mc-media:hover .mc-lens .w1{animation:lens-wave 1.6s ease-out infinite}
.mc-media:hover .mc-lens .w2{animation:lens-wave 1.6s ease-out .35s infinite}
.mc-media:hover .mc-lens .w3{animation:lens-wave 1.6s ease-out .7s infinite}
@keyframes lens-wave{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.mc-go-txt{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:0;transform:translateY(8px);transition:.3s .12s}
.mc-media:hover .mc-go-txt{opacity:1;transform:translateY(0)}
.mc-media .mc-disc,.mc-media .mc-stock,.mc-media .mc-out{z-index:6}
@media (hover:none){.mc-go{display:none}}

.trust-mini .ssl{display:inline-flex;align-items:center;gap:5px;color:#15803d;font-weight:700}
:where(.dark) .trust-mini .ssl{color:#21c65e}

/* ── İl / ilçe arama kutusu (combobox) ───────────────────────────────── */
.cmb{position:relative;min-width:0;display:block}
.cmb .cmb-in{width:100%;box-sizing:border-box;padding-right:40px;display:block}
.cmb-fld{min-width:0}
.form>.fld{min-width:0}
.cmb.err .cmb-in{border-color:#ef4444}
.cmb.secili .cmb-in{border-color:#22c55e;background:#f7fef9}
:where(.dark) .cmb.secili .cmb-in{background-color:#1b2048}
.cmb.pasif .cmb-in{background:#f3f4fa;color:#9aa0b4;cursor:not-allowed}
:where(.dark) .cmb.pasif .cmb-in{background-color:#1b2048;color:#7d83a8}
.cmb-ok{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#8a90a8;cursor:pointer;display:grid;place-items:center;transition:.2s}
:where(.dark) .cmb-ok{color:#7d83a8}
.cmb.acik .cmb-ok{transform:translateY(-50%) rotate(180deg);color:#2775ff}
:where(.dark) .cmb.acik .cmb-ok{color:#7fabf8}
.cmb.pasif .cmb-ok{opacity:.4;cursor:not-allowed}
.cmb-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;margin:0;padding:6px;list-style:none;max-height:260px;overflow:auto;background:#fff;border:1px solid #e2e4ee;border-radius:14px;box-shadow:0 18px 50px rgba(26,26,46,.16);animation:cmb-in .16s ease}
:where(.dark) .cmb-list{background-color:#161a3d;border:1px solid rgba(255,255,255,0.08)}
@keyframes cmb-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.cmb-list li{padding:9px 12px;border-radius:9px;font-size:14px;cursor:pointer;color:#1a1a2e;display:flex;align-items:center;gap:8px}
:where(.dark) .cmb-list li{color:#eef0fa}
.cmb-list li mark{background:#fff3bf;color:inherit;border-radius:3px;padding:0 1px}
:where(.dark) .cmb-list li mark{background-color:rgba(230,201,77,0.16)}
.cmb-list li:hover,.cmb-list li.act{background:#eef3ff;color:#1d4ed8}
:where(.dark) .cmb-list li:hover,:where(.dark) .cmb-list li.act{background-color:rgba(77,122,230,0.16);color:#93acf1}
.cmb-list li[aria-selected=true]::after{content:'✓';margin-left:auto;color:#16a34a;font-weight:800}
:where(.dark) .cmb-list li[aria-selected=true]::after{color:#1cd05e}
.cmb-list .cmb-bos{color:#6b7280;cursor:default;font-size:13px}
:where(.dark) .cmb-list .cmb-bos{color:#aeb3d1}
.cmb-list::-webkit-scrollbar{width:8px}.cmb-list::-webkit-scrollbar-thumb{background:#e2e4ee;border-radius:8px}

/* ── Sözleşme modalı + sayfası ─────────────────────────────────────── */
.sz-modal{border:0;border-radius:22px;padding:0;width:min(820px,calc(100vw - 32px));max-height:min(86vh,900px);box-shadow:0 40px 100px rgba(10,12,30,.4);overflow:hidden;display:none;flex-direction:column;background:#fff;color:#1a1a2e}
:where(.dark) .sz-modal{background-color:#161a3d;color:#eef0fa}
.sz-modal[open]{display:flex}
.sz-modal::backdrop{background:rgba(10,12,30,.6);backdrop-filter:blur(6px)}
.sz-modal-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #eceef5}
:where(.dark) .sz-modal-h{border-bottom:1px solid rgba(255,255,255,0.08)}
.sz-modal-h b{font-size:16px;font-weight:800}.sz-modal-h div{display:flex;gap:8px}
.sz-modal-b{flex:1;overflow:auto;padding:20px 24px;font-size:14px;line-height:1.65;color:#2b2f45}
:where(.dark) .sz-modal-b{color:#eef0fa}
.sz-modal-f{padding:14px 20px;border-top:1px solid #eceef5;display:flex;justify-content:flex-end;background:#f8f9fc}
:where(.dark) .sz-modal-f{border-top:1px solid rgba(255,255,255,0.08);background-color:#1b2048}
.sz-yukleniyor{padding:40px;text-align:center;color:#8a90a8}
:where(.dark) .sz-yukleniyor{color:#7d83a8}
.sz-metin h3{font-size:13px;letter-spacing:.08em;color:#2775ff;margin:22px 0 8px;font-weight:800}
:where(.dark) .sz-metin h3{color:#7fabf8}
.sz-metin h3:first-child{margin-top:0}
.sz-metin p{margin:0 0 10px}
.sz-tablo{width:100%;border-collapse:collapse;margin:8px 0 12px;font-size:13.5px}
.sz-tablo th,.sz-tablo td{padding:8px 10px;border:1px solid #e8e9f2;text-align:left}
:where(.dark) .sz-tablo th,:where(.dark) .sz-tablo td{border:1px solid rgba(255,255,255,0.08)}
.sz-tablo th{background:#f3f4fa;font-size:12px;letter-spacing:.04em;color:#6b7280}
:where(.dark) .sz-tablo th{background-color:#1b2048;color:#aeb3d1}
.sz-sayfa{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
.sz-sekme{display:flex;flex-direction:column;gap:6px;position:sticky;top:90px}
.sz-sekme a{padding:12px 16px;border-radius:14px;background:#fff;border:1px solid #e8e9f2;font-weight:700;font-size:14px;color:#3b3f55;text-decoration:none;transition:.2s}
:where(.dark) .sz-sekme a{background-color:#161a3d;border:1px solid rgba(255,255,255,0.08);color:#d5d8ee}
.sz-sekme a:hover{border-color:#2775ff;color:#2775ff}
:where(.dark) .sz-sekme a:hover{color:#7fabf8}
.sz-sekme a.on{background:linear-gradient(120deg,#2775ff,#4f2bd6);color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(79,43,214,.25)}
.sz-metin.pkg-box{font-size:14.5px;line-height:1.7;color:#2b2f45}
:where(.dark) .sz-metin.pkg-box{color:#eef0fa}
.sz-dip{margin-top:24px;padding-top:14px;border-top:1px dashed #e2e4ee;font-size:12.5px;color:#8a90a8}
:where(.dark) .sz-dip{border-top:1px dashed rgba(255,255,255,0.08);color:#7d83a8}
@media (max-width:860px){.sz-sayfa{grid-template-columns:1fr}.sz-sekme{position:static;flex-direction:row;flex-wrap:wrap}}

/* ── Havale: proforma başlığı + banka listesi ───────────────────────── */
.prof{background:linear-gradient(135deg,#0f1b4d,#2b19a3 55%,#4f2bd6);color:#fff;border:0}
.prof-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.prof-et{display:block;font-size:11px;letter-spacing:.14em;font-weight:800;opacity:.75;margin-bottom:4px}
.prof-h b{font-size:22px;font-weight:800;letter-spacing:-.01em}
.prof-tutar{text-align:right}.prof-tutar small{display:block;font-size:11px;letter-spacing:.1em;opacity:.75;font-weight:700}.prof-tutar b{font-size:26px}
.prof-dl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.18)}
.prof-dl dt{font-size:11px;letter-spacing:.1em;opacity:.7;font-weight:700}.prof-dl dd{margin:3px 0 0;font-weight:700;font-size:14px}
.pill-bekle{display:inline-block;padding:3px 10px;border-radius:999px;background:#ffd166;color:#4a2a00;font-size:12px;font-weight:800}
.bank-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bank-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.bank-tur{font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:#eef3ff;color:#1d4ed8}
:where(.dark) .bank-tur{background-color:rgba(77,122,230,0.16);color:#93acf1}
.bank code{cursor:copy;transition:.2s}.bank code:hover{background:#e6edff;color:#1d4ed8}
:where(.dark) .bank code:hover{background-color:rgba(77,119,230,0.16);color:#93acf1}
.bild-ac{margin:-2px 0 14px;font-size:13.5px;color:#6b7280;line-height:1.55}
:where(.dark) .bild-ac{color:#aeb3d1}
.inp-file{padding:9px 14px;line-height:1.6}
@media (max-width:760px){.bank-list{grid-template-columns:1fr}.prof-dl{grid-template-columns:1fr 1fr}}

/* ===== Mağaza araması: yazarken öneri listesi (magaza.js; gövdeye taşınır, arama kutusunun altına sabitlenir) ===== */
.shop-oneri{position:fixed;z-index:1200;top:0;left:0;background:#fff;color:#1a1a2e;border-radius:18px;box-shadow:0 24px 60px rgba(8,20,60,.28),0 0 0 1px rgba(26,26,46,.06);overflow:hidden auto;text-align:left;overscroll-behavior:contain;padding:6px 0}
.shop-oneri .so-o{display:flex;align-items:center;gap:12px;padding:10px 14px;color:#1a1a2e;text-decoration:none;border-bottom:1px solid #f0f2f8}
.shop-oneri .so-o:last-of-type{border-bottom:0}
.shop-oneri .so-o.on,.shop-oneri .so-o:hover{background:#f4f6fd}
.shop-oneri img,.shop-oneri .so-o>i{width:46px;height:46px;border-radius:10px;object-fit:cover;flex:none;background:#eef1f8}
:where(.dark) .shop-oneri img,:where(.dark) .shop-oneri .so-o>i{background-color:#1b2048}
.shop-oneri .so-o>i{display:grid;place-items:center;background:var(--r,#4361ee);color:#fff}
.shop-oneri .so-o>i svg{width:22px;height:22px}
.shop-oneri .so-o>i.so-k{background:#eef2ff;color:#4361ee}
:where(.dark) .shop-oneri .so-o>i.so-k{background-color:rgba(77,113,230,0.16);color:#9cacf6}
.shop-oneri .so-o span{flex:1;min-width:0}
.shop-oneri .so-o b{display:block;font-size:14px;line-height:1.35;font-weight:700;overflow-wrap:anywhere}
.shop-oneri .so-o small{display:block;font-size:12px;color:#6b7280;margin-top:2px}
:where(.dark) .shop-oneri .so-o small{color:#aeb3d1}
.shop-oneri .so-o em{font-style:normal;font-weight:800;font-size:13.5px;color:#2a1b7a;white-space:nowrap;flex:none}
.shop-oneri .so-kat em{color:#4361ee;font-size:12.5px}
:where(.dark) .shop-oneri .so-kat em{color:#9cacf6}
.shop-oneri mark{background:#fff3c4;color:inherit;border-radius:3px;padding:0 1px}
:where(.dark) .shop-oneri mark{background-color:rgba(230,198,77,0.16)}
.shop-oneri .so-bas{padding:10px 16px 4px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9aa0b4}
:where(.dark) .shop-oneri .so-bas{color:#7d83a8}
.shop-oneri .so-cipler{display:flex;flex-wrap:wrap;gap:8px;padding:6px 14px 12px}
.shop-oneri .so-cip{height:34px;padding:0 14px;border-radius:999px;border:1px solid #e2e4ee;background:#fff;font:inherit;font-size:13px;font-weight:700;color:#3b3f55;cursor:pointer}
.shop-oneri .so-cip:hover{border-color:#2775ff;color:#2775ff}
:where(.dark) .shop-oneri .so-cip:hover{color:#7fabf8}
.shop-oneri .so-tum{display:block;width:100%;padding:12px 16px;border:0;border-top:1px solid #f0f2f8;background:#fafbff;font:inherit;font-size:13px;font-weight:800;color:#2775ff;text-align:left;cursor:pointer}
:where(.dark) .shop-oneri .so-tum{color:#7fabf8}
.shop-oneri .so-yok{padding:14px 16px 4px;font-size:14px;color:#3b3f55}
:where(.dark) .shop-oneri .so-yok{color:#d5d8ee}
html.dark .shop-oneri{background:#171a2e;color:#e8e9f2;box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08)}
html.dark .shop-oneri .so-o{color:#e8e9f2;border-color:rgba(255,255,255,.06)}html.dark .shop-oneri .so-o.on,html.dark .shop-oneri .so-o:hover{background:rgba(255,255,255,.06)}
html.dark .shop-oneri .so-o em{color:#c7cbe0}html.dark .shop-oneri .so-cip{background:transparent;border-color:rgba(255,255,255,.14);color:#c7cbe0}html.dark .shop-oneri .so-tum{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}
@media (max-width:860px){body.so-acik .wa-float,body.so-acik #lpw-root,body.so-acik #lpw-fab,body.so-acik .lpw-fab,body.so-acik .to-top{display:none !important}}   /* öneri listesi açıkken köşe düğmeleri listeyi örtmesin */
/* Afiş artık içeriğe göre uzayabildiği için kart görsel alanı biraz büyüdü; telefonda tek sütunda afiş daha büyük gösterilir */
.mc-media{height:404px}
@media (max-width:900px){.mc-media{height:318px}}
@media (max-width:600px){.mc-media{height:372px}.mc-afis{transform:translate(-50%,-50%) scale(.88)}}
@media (max-width:420px){.mc-media{height:348px}.mc-afis{transform:translate(-50%,-50%) scale(.82)}}
@media (max-width:350px){.mc-media{height:318px}.mc-afis{transform:translate(-50%,-50%) scale(.74)}}

/* Telefonda petek: 3 sütunlu gerçek bal peteği (orta sütun yarım altıgen aşağıda), kutular birbirinin üzerine binmez.
   Son kutu orta sütuna düşerse sağ alta (5 kutu: 2+1+2), sol sütunda tek kalırsa ortanın altına oturur. */
@media (max-width:600px){
  .hexes{--hw:min(124px,calc((100vw - 44px) / 2.5));--hh:calc(var(--hw) * .8714);width:calc(var(--hw) * 2.5 + 2px);margin:22px auto 0;padding-bottom:30px;justify-content:flex-start}
  .hex{width:var(--hw);height:var(--hh);font-size:13px}
  .hex+.hex{margin-left:0}
  .hex:nth-child(even){margin-top:0}
  .hex:nth-child(3n+2),.hex:nth-child(3n){margin-left:calc(var(--hw) * -.25)}
  .hex:nth-child(3n+2){margin-top:calc(var(--hh) / 2)}
  .hex:nth-child(n+4){margin-top:calc(var(--hh) / -2)}
  .hex:nth-child(3n+5){margin-top:0}
  .hex:nth-child(3n+5):last-child{margin-left:calc(var(--hw) * .5);margin-top:calc(var(--hh) / -2)}
  .hex:nth-child(3n+4):last-child{margin-left:calc(var(--hw) * .75);margin-top:0}
  .hex-t{padding:12px 14px 0}
  .hex-n{right:auto;left:50%;top:9px;transform:translateX(-50%)}  /* sayaç altıgenin içinde, üst kenarın ortasında: komşu altıgene taşmaz */
}
/* İndirimli kayıt: grup seçimi (046) */
.hg-not{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:#6b7280}.hg-not b{color:#1a1a2e}
.hg-liste{display:flex;flex-direction:column;gap:10px}
.hg-i{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid #e2e4ee;border-radius:16px;cursor:pointer;transition:border-color .2s,background .2s}
.hg-i:hover{border-color:#b9c6ff}
:where(.dark) .hg-i:hover{border-color:rgba(71,102,235,0.35)}.hg-i input{width:20px;height:20px;flex:none;accent-color:#2775ff;margin:0}
.hg-i:has(input:checked){border-color:#2775ff;background:#f3f6ff;box-shadow:0 0 0 3px rgba(39,117,255,.12)}
.hg-k b{display:block;font-size:15px;color:#1a1a2e}.hg-k span{display:block;margin-top:2px;font-size:12.5px;color:#6b7280}
.hg-kutu.err .hg-liste{outline:2px solid rgba(239,68,68,.35);outline-offset:6px;border-radius:16px}
html.dark .hg-not{color:#a3a8c7}html.dark .hg-not b,html.dark .hg-k b{color:#eef0fa}html.dark .hg-i{border-color:rgba(255,255,255,.12)}html.dark .hg-i:has(input:checked){background:rgba(39,117,255,.12);border-color:#5b8cff}html.dark .hg-k span{color:#a3a8c7}

/* ── KARANLIK TEMA (elle) — site.css'teki belirteçler; bileşenler sondaki otomatik blokta ── */
html.dark body.inner{background:var(--zh-bg);color:var(--zh-yazi)}