/* =====================================================================================
   RİZE53D Mağaza — premium, güven veren sade tasarım
   ===================================================================================== */
:root{
  --navy:#06232B;--navy2:#0B3440;--teal:#0B7A63;--teal2:#1CC3A0;--tealsoft:#E8F5F1;
  --bg:#F6F7F5;--card:#FFFFFF;--ink:#0B1A1F;--ink2:#4A5A60;--ink3:#8B979B;--line:#E7EAE8;--line2:#F0F2F1;
  --due:#C8372D;--ok:#0F8A5B;--gold:#B8892E;
  --r:18px;--r-sm:12px;--sh:0 1px 2px rgba(11,26,31,.04),0 8px 24px -12px rgba(11,26,31,.12);--sh-h:0 2px 4px rgba(11,26,31,.05),0 22px 44px -18px rgba(11,26,31,.28);
  --font:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
a{color:var(--teal);text-underline-offset:3px}
img{max-width:100%;display:block}
.i{width:20px;height:20px;flex:none}
.m-wrap{max-width:1240px;margin:0 auto;padding:0 22px}
.m-main{padding-top:22px;padding-bottom:64px;min-height:62vh}
/* duyuru şeridi */
.m-ann{background:var(--navy);color:#DDEBE8;font-size:13.5px;font-weight:600;letter-spacing:.01em}
.m-ann .m-wrap{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;text-align:center}
.m-ann .i{width:17px;height:17px;color:var(--teal2)}
/* başlık */
.m-head{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.8) blur(14px);-webkit-backdrop-filter:saturate(1.8) blur(14px);border-bottom:1px solid var(--line)}
.m-head-row{display:flex;align-items:center;gap:22px;min-height:72px}
.m-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.m-logo span{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--teal);border:1.5px solid currentColor;border-radius:6px;padding:2px 6px}
.m-search{position:relative;flex:1;max-width:560px;margin:0 auto}
.m-search .i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--ink3)}
.m-search input{width:100%;height:48px;border:1px solid var(--line);border-radius:999px;background:var(--bg);padding:0 18px 0 46px;font:inherit;font-size:15px;color:var(--ink);transition:border-color .15s,box-shadow .15s,background .15s}
.m-search input:focus{outline:none;border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px rgba(11,122,99,.12)}
.m-nav{display:flex;align-items:center;gap:10px;flex:none}
.m-help{display:flex;align-items:center;gap:7px;text-decoration:none;color:var(--ink2);font-weight:700;font-size:14px;padding:10px 14px;border-radius:999px}
.m-help:hover{background:var(--bg);color:var(--ink)}
.m-cart{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--navy);color:#fff!important;transition:transform .15s}
.m-cart:hover{transform:translateY(-1px)}
.m-cart b{position:absolute;top:-3px;right:-3px;min-width:21px;height:21px;padding:0 6px;border-radius:11px;background:var(--teal2);color:var(--navy);font-size:12px;font-weight:800;display:grid;place-items:center;border:2px solid #fff}
.m-secure{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--ok)}
.m-secure .i{width:18px;height:18px}
.m-checkout-steps{display:flex;gap:6px;list-style:none;margin:0 auto;padding:0;counter-reset:cs}
.m-checkout-steps li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--ink3);padding:0 6px}
.m-checkout-steps li::before{counter-increment:cs;content:counter(cs);width:24px;height:24px;border-radius:50%;background:var(--line);color:var(--ink2);display:grid;place-items:center;font-size:12px}
.m-checkout-steps li.on{color:var(--ink)}
.m-checkout-steps li.on::before{background:var(--teal);color:#fff}
.m-checkout-steps li+li::after{content:"";order:-1;width:26px;height:1.5px;background:var(--line);margin-right:4px}
.m-flash{display:flex;align-items:center;gap:8px;margin-top:16px;background:var(--tealsoft);color:#0A6A52;border-radius:var(--r-sm);padding:12px 16px;font-weight:700;font-size:14.5px}
.m-err{margin:0 0 18px;background:#FCEDEB;color:#9E2A21;border-radius:var(--r-sm);padding:13px 16px;font-weight:600}
.m-err.small{font-size:13.5px;margin:10px 0}
/* hero */
.m-hero{position:relative;border-radius:28px;overflow:hidden;background:radial-gradient(120% 140% at 0% 0%,#0F4A57 0%,var(--navy) 55%,#041A20 100%);color:#fff;padding:clamp(34px,6vw,72px) clamp(24px,5vw,64px);margin-bottom:22px;isolation:isolate}
.m-hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 12px);z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%)}
.m-hero.has-img{background:linear-gradient(90deg,rgba(4,26,32,.92) 0%,rgba(4,26,32,.72) 45%,rgba(4,26,32,.15) 100%),var(--hero) center/cover no-repeat}
.m-hero-in{max-width:620px}
.m-kicker{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal2);background:rgba(28,195,160,.1);border:1px solid rgba(28,195,160,.25);padding:6px 12px;border-radius:999px}
.m-kicker .i{width:15px;height:15px}
.m-hero h1{font-size:clamp(30px,4.6vw,52px);line-height:1.08;letter-spacing:-.03em;margin:18px 0 14px;font-weight:800}
.m-hero p{font-size:clamp(15.5px,1.6vw,18px);color:#C9DBD8;margin:0 0 26px;max-width:540px}
/* güven rozetleri */
.m-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 34px}
.m-trust>div{display:flex;align-items:center;gap:13px;background:var(--card);border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh)}
.m-trust .i{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--tealsoft);color:var(--teal)}
.m-trust b{display:block;font-size:14.5px;line-height:1.3}
.m-trust small{display:block;font-size:12.5px;color:var(--ink2);line-height:1.35;margin-top:2px}
.m-trust.compact{grid-template-columns:1fr 1fr;margin:14px 0 0}
.m-trust.compact>div{box-shadow:none;border:1px solid var(--line);padding:12px 14px}
.m-trust.dark{margin:0 0 34px}
.m-trust.dark>div{background:rgba(255,255,255,.04);box-shadow:none;border:1px solid rgba(255,255,255,.08)}
.m-trust.dark .i{background:rgba(28,195,160,.12);color:var(--teal2)}
.m-trust.dark b{color:#fff} .m-trust.dark small{color:#9FB5B3}
/* bölümler */
.m-sec{margin-bottom:40px;scroll-margin-top:96px}
.m-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 14px}
.m-sec-h h2,.m-sec>h2{font-size:clamp(21px,2.4vw,26px);letter-spacing:-.02em;margin:0;font-weight:800}
.m-h1{font-size:clamp(26px,3.4vw,34px);letter-spacing:-.025em;margin:6px 0 20px;font-weight:800}
.m-cats{display:flex;gap:8px;overflow-x:auto;padding:2px 0 18px;scrollbar-width:none}
.m-cats::-webkit-scrollbar{display:none}
.m-cats a{flex:none;text-decoration:none;color:var(--ink2);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:9px 17px;font-size:14px;font-weight:700;white-space:nowrap;transition:all .15s}
.m-cats a:hover{border-color:var(--ink3);color:var(--ink)}
.m-cats a.on{background:var(--navy);border-color:var(--navy);color:#fff}
/* ürün kartları */
.m-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:20px}
.m-prod{position:relative;display:flex;flex-direction:column;background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.m-prod:hover{transform:translateY(-4px);box-shadow:var(--sh-h)}
.m-prod-link{display:flex;flex-direction:column;flex:1;text-decoration:none;color:var(--ink)}
.m-prod-img{position:relative;aspect-ratio:1/1;background:linear-gradient(180deg,#F3F5F4,#EAEEEC);display:flex;align-items:center;justify-content:center;overflow:hidden}
.m-prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.m-prod:hover .m-prod-img img{transform:scale(1.05)}
.m-noimg{color:#C3CCC9}.m-noimg .i{width:52px;height:52px;stroke-width:1.2}
.m-noimg.big .i{width:90px;height:90px}
.m-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.m-badges em,.m-pd-img>em{font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.02em;padding:5px 10px;border-radius:999px;background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.b-sale{background:var(--due)!important;color:#fff!important}
.b-ship{background:var(--teal)!important;color:#fff!important}
.b-low{background:#FFF4E2!important;color:#8A5A10!important}
.b-out{background:var(--navy)!important;color:#fff!important}
.m-prod.out .m-prod-img img{filter:grayscale(.6) opacity(.75)}
.m-prod-body{display:flex;flex-direction:column;gap:3px;padding:16px 18px 18px;flex:1}
.m-prod-c{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.m-prod-n{font-weight:700;font-size:15.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m-prod-p{margin-top:auto;padding-top:8px;display:flex;align-items:baseline;gap:8px}
.m-prod-p b{font-size:18px;font-weight:800;letter-spacing:-.01em}
.m-prod-p s,.m-pd-price s{color:var(--ink3);font-weight:600;font-size:.82em}
.m-quick{position:absolute;right:12px;top:12px;opacity:0;transform:translateY(-4px);transition:all .2s}
.m-prod:hover .m-quick,.m-quick:focus-within{opacity:1;transform:none}
.m-quick button{display:flex;align-items:center;gap:6px;height:38px;padding:0 13px;border:0;border-radius:999px;background:var(--navy);color:#fff;font:inherit;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 6px 16px -6px rgba(6,35,43,.6)}
.m-quick .i{width:17px;height:17px}
/* ürün detayı */
.m-crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--ink3);margin:2px 0 18px}
.m-crumb a{color:var(--ink2);text-decoration:none;font-weight:600}
.m-crumb b{color:var(--ink);font-weight:700}
.m-pd{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(22px,4vw,56px);margin-bottom:46px}
.m-pd-img{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#F1F4F3,#E7ECEA);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh);position:sticky;top:96px;align-self:start}
.m-pd-img img{width:100%;height:100%;object-fit:cover}
.m-pd-img>em{position:absolute;top:16px;left:16px}
.m-pd-cat{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);text-decoration:none;margin-bottom:6px}
.m-pd-info h1{font-size:clamp(26px,3.2vw,38px);line-height:1.12;letter-spacing:-.03em;margin:0 0 16px;font-weight:800}
.m-pd-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.m-pd-price b{font-size:clamp(28px,3vw,36px);font-weight:800;letter-spacing:-.02em}
.m-pd-price small{font-size:13px;color:var(--ink3);font-weight:600}
.m-stock{display:flex;align-items:center;gap:7px;font-weight:700;font-size:14.5px;margin:0 0 22px}
.m-stock .i{width:18px;height:18px}
.m-stock.ok{color:var(--ok)} .m-stock.no{color:var(--due)}
.m-buy{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;margin-bottom:22px}
.m-stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;height:56px;overflow:hidden}
.m-stepper button{width:46px;height:100%;border:0;background:none;font-size:22px;color:var(--ink2);cursor:pointer}
.m-stepper button:hover{background:var(--bg)}
.m-stepper input{width:46px;border:0;text-align:center;font:inherit;font-weight:800;font-size:17px;-moz-appearance:textfield}
.m-stepper input::-webkit-inner-spin-button{display:none}
.m-ship-info{list-style:none;padding:18px;margin:0 0 16px;display:grid;gap:14px;background:var(--card);border-radius:var(--r);box-shadow:var(--sh)}
.m-ship-info li{display:flex;gap:12px;align-items:flex-start}
.m-ship-info .i{width:22px;height:22px;color:var(--teal);margin-top:1px}
.m-ship-info b{display:block;font-size:14.5px}
.m-ship-info small{display:block;color:var(--ink2);font-size:13px}
.m-acc{margin-top:18px;border-top:1px solid var(--line)}
.m-acc details{border-bottom:1px solid var(--line)}
.m-acc summary{list-style:none;cursor:pointer;padding:16px 0;font-weight:800;font-size:15.5px;display:flex;justify-content:space-between}
.m-acc summary::-webkit-details-marker{display:none}
.m-acc summary::after{content:"+";font-size:22px;line-height:1;color:var(--ink3);font-weight:400}
.m-acc details[open] summary::after{content:"−"}
.m-acc details>div{padding:0 0 16px;color:var(--ink2);font-size:15px}
.m-acc details>div p{margin:0 0 8px}
.m-sticky-buy{display:none}
/* butonlar */
.m-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:56px;padding:0 26px;border:0;border-radius:14px;background:var(--teal);color:#fff;font:inherit;font-weight:800;font-size:16px;letter-spacing:.005em;text-decoration:none;cursor:pointer;transition:transform .12s,filter .15s,box-shadow .15s;box-shadow:0 10px 22px -12px rgba(11,122,99,.75)}
.m-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.m-btn:active{transform:none}
.m-btn .i{width:19px;height:19px}
.m-btn.dark{background:var(--navy);box-shadow:0 10px 22px -12px rgba(6,35,43,.8)}
.m-btn.alt{background:var(--tealsoft);color:var(--teal);box-shadow:none}
.m-btn.big{height:58px;padding:0 30px;font-size:16.5px}
.m-hero .m-btn{background:#fff;color:var(--navy);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
.m-btn.block{width:100%;margin-top:14px}
.m-btn:disabled{opacity:.6;cursor:wait;transform:none}
.m-buy .m-btn{flex:1;min-width:150px}
.m-link{display:block;text-align:center;margin-top:14px;font-size:14px;font-weight:700;text-decoration:none}
/* ödeme rozetleri */
.m-paybadges{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pb{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:6px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:800;color:var(--ink2);font-style:normal;letter-spacing:.02em}
.pb.visa{color:#1A1F71;font-style:italic;letter-spacing:.04em}
.pb.mc{color:#EB001B}
.pb.troy{color:#00A0B0}
/* sepet ve ödeme */
.m-cartgrid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start}
.m-card{background:var(--card);border-radius:var(--r);padding:22px;margin-bottom:18px;box-shadow:var(--sh)}
.m-card h2{display:flex;align-items:center;gap:10px;font-size:18px;margin:0 0 16px;letter-spacing:-.01em;font-weight:800}
.m-card h2 .n{width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;display:grid;place-items:center}
.m-freebar{margin-bottom:8px}
.m-freebar p{margin:0 0 8px;font-size:14.5px;display:flex;align-items:center;gap:6px}
.m-freebar p .i{color:var(--ok);width:18px;height:18px}
.m-freebar span{display:block;height:7px;border-radius:999px;background:var(--line2);overflow:hidden}
.m-freebar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--teal2));border-radius:999px}
.m-line{display:grid;grid-template-columns:72px minmax(0,1fr) 78px 104px 30px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line2)}
.m-line:last-of-type{border-bottom:0}
.m-line img,.m-ph{width:72px;height:72px;border-radius:14px;object-fit:cover;background:var(--bg);display:flex;align-items:center;justify-content:center;color:#C3CCC9}
.m-ph.sm{width:44px;height:44px;border-radius:10px}
.m-ph .i{width:26px;height:26px}
.m-line-n a{color:var(--ink);font-weight:700;text-decoration:none;line-height:1.35}
.m-line-n small{display:block;color:var(--ink3);font-size:13px}
.m-line input{width:78px;height:44px;border:1px solid var(--line);border-radius:12px;text-align:center;font:inherit;font-weight:700}
.m-line b{text-align:right;font-weight:800}
.m-x{background:none;border:0;font-size:24px;color:var(--ink3);cursor:pointer;line-height:1;border-radius:50%;width:30px;height:30px}
.m-x:hover{background:var(--bg);color:var(--due)}
.m-sum{position:sticky;top:96px}
.m-sum > div,.m-mini{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:15px}
.m-mini img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none}
.m-mini span{flex:1;color:var(--ink2)}
.m-mini small{color:var(--ink3)}
.m-total{border-top:1px solid var(--line);margin-top:10px;padding-top:14px!important;font-size:19px!important;font-weight:800}
.m-total b{font-size:22px;letter-spacing:-.01em}
.m-hint{font-size:13px;color:var(--ink2);margin:10px 0}
.m-muted{color:var(--ink3);font-size:14px;font-weight:600}
.m-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.m-span2{grid-column:1/-1}
.m-grid2 label{display:flex;flex-direction:column;font-size:13.5px;font-weight:700;color:var(--ink2);gap:6px}
.m-grid2 input,.m-grid2 select,.m-grid2 textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:13px 15px;font:inherit;font-size:16px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.m-grid2 input:focus,.m-grid2 select:focus,.m-grid2 textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(11,122,99,.12)}
.m-grid2 small{font-weight:500;color:var(--ink3)}
.m-seg{display:flex;gap:8px;margin-bottom:12px}
.m-seg label{flex:1;display:flex;gap:8px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;padding:12px;font-weight:700;cursor:pointer}
.m-seg label:has(input:checked){border-color:var(--teal);background:var(--tealsoft);color:var(--teal)}
.m-seg input{accent-color:var(--teal)}
.m-kurum{display:none}
form.kurumsal .m-kurum{display:grid}
.m-pay{display:grid;gap:10px}
.m-payopt{display:flex;gap:13px;align-items:center;border:1.5px solid var(--line);border-radius:14px;padding:15px 16px;cursor:pointer;transition:border-color .15s,background .15s}
.m-payopt:hover{border-color:var(--ink3)}
.m-payopt:has(input:checked){border-color:var(--teal);background:#F4FBF8}
.m-payopt input{accent-color:var(--teal);width:19px;height:19px;flex:none}
.m-payopt span{flex:1}
.m-payopt small{display:block;color:var(--ink2);font-size:13.5px;margin-top:1px}
.m-payopt em{font-style:normal;font-weight:800;white-space:nowrap}
.m-payopt em.cards{display:flex;gap:4px}
.m-payopt em.cards .pb{height:22px;font-size:10px;padding:0 6px}
.m-secure-note{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink2);margin:14px 0 0}
.m-secure-note .i{color:var(--ok);width:18px;height:18px}
.m-check{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-weight:600;font-size:13.5px;color:var(--ink2)}
.m-check input{margin-top:2px;accent-color:var(--teal);width:19px;height:19px;flex:none}
/* sipariş sonrası */
.m-ok{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#E9F7F1,#F5FBF8);border:1px solid #CBEBDD;border-radius:var(--r);padding:24px;margin-bottom:18px}
.m-ok>.i{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--ok);color:#fff;stroke-width:2.4}
.m-ok h1{margin:0 0 6px;font-size:24px;color:#085C3D;letter-spacing:-.02em}
.m-ok p{margin:0;color:#25543F}
.m-bank pre{white-space:pre-wrap;font:inherit;font-weight:700;background:var(--bg);border-radius:12px;padding:14px 16px;margin:0 0 12px;font-size:15.5px}
.m-status{margin-left:auto;font-size:12.5px;font-weight:800;background:var(--tealsoft);color:var(--teal);padding:5px 11px;border-radius:999px}
.m-steps{display:flex;list-style:none;padding:0;margin:6px 0 20px;counter-reset:s}
.m-steps li{flex:1;text-align:center;font-size:13px;font-weight:700;color:var(--ink3);padding-top:36px;position:relative}
.m-steps li::before{counter-increment:s;content:counter(s);position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;background:var(--line);display:grid;place-items:center;font-size:12.5px;z-index:1}
.m-steps li+li::after{content:"";position:absolute;top:13px;right:50%;width:100%;height:2px;background:var(--line)}
.m-steps li.on{color:var(--teal)} .m-steps li.on::before{background:var(--teal);color:#fff}
.m-steps li.on+li.on::after{background:var(--teal)}
.m-track{display:flex;gap:10px;align-items:center;background:var(--bg);border-radius:12px;padding:12px 14px}
.m-track .i{color:var(--teal)}
.m-empty{background:var(--card);border-radius:var(--r);padding:56px 22px;text-align:center;box-shadow:var(--sh)}
.m-empty>.i{width:46px;height:46px;color:var(--ink3);margin:0 auto 8px}
.m-empty h1,.m-empty h2{letter-spacing:-.02em}
.m-legal{max-width:860px;margin:0 auto;line-height:1.75;color:var(--ink2);padding:clamp(22px,4vw,44px)}
.m-legal h1{color:var(--ink);font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;margin-top:0}
.m-legal b{color:var(--ink)}
/* alt bilgi */
.m-foot{background:var(--navy);color:#A9BDBB;padding:44px 0 calc(24px + env(safe-area-inset-bottom));font-size:14px}
.m-foot-logo{opacity:.95}
.m-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:30px}
.m-foot-grid b{display:block;color:#fff;margin-bottom:10px;font-size:14.5px}
.m-foot-grid a{display:block;color:#A9BDBB;text-decoration:none;padding:4px 0}
.m-foot-grid a:hover{color:#fff}
.m-foot-grid p{margin:12px 0 0;font-size:13.5px;line-height:1.6}
.m-foot .pb{background:rgba(255,255,255,.95);border-color:transparent}
.m-copy{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px;color:#7F9694}
.m-copy span{display:flex;align-items:center;gap:7px}
.m-copy .i{width:16px;height:16px;color:var(--teal2)}
/* duyarlı */
@media (max-width:1020px){
  .m-trust{grid-template-columns:1fr 1fr}
  .m-foot-grid{grid-template-columns:1fr 1fr}
  .m-cartgrid{grid-template-columns:minmax(0,1fr) 340px}
}
@media (max-width:860px){
  .m-wrap{padding:0 16px}
  .m-head-row{flex-wrap:wrap;gap:10px;padding:10px 0;min-height:0}
  .m-search{order:3;flex:1 1 100%;max-width:none}
  .m-search input{height:44px}
  .m-nav{margin-left:auto}
  .m-hide-sm{display:none}
  .m-checkout-steps{order:3;flex:1 1 100%;justify-content:center}
  .m-checkout-steps li{font-size:12px;padding:0 2px}
  .m-checkout-steps li+li::after{width:12px}
  .m-hero{border-radius:22px}
  .m-trust{gap:8px;margin-bottom:26px}
  .m-trust>div{padding:12px;gap:10px;flex-direction:column;align-items:flex-start}
  .m-trust .i{width:34px;height:34px;padding:7px}
  .m-pd{grid-template-columns:1fr;gap:18px}
  .m-pd-img{position:relative;top:0}
  .m-cartgrid{grid-template-columns:1fr}
  .m-sum{position:static}
  .m-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .m-prod-body{padding:12px 12px 14px}
  .m-prod-n{font-size:14px}
  .m-prod-p b{font-size:16px}
  .m-quick{opacity:1;transform:none;top:auto;bottom:10px;right:10px}
  .m-quick button span{display:none}
  .m-quick button{width:38px;padding:0;justify-content:center}
  .m-badges em{font-size:10.5px;padding:4px 8px}
  .m-line{grid-template-columns:60px minmax(0,1fr) 30px;grid-template-areas:"img name x" "img qty tot"}
  .m-line img,.m-line .m-ph{grid-area:img;width:60px;height:60px}
  .m-line-n{grid-area:name} .m-line input{grid-area:qty;width:70px;height:40px} .m-line b{grid-area:tot} .m-line .m-x{grid-area:x;align-self:start}
  .m-grid2{grid-template-columns:1fr}
  .m-foot-grid{grid-template-columns:1fr}
  .m-sticky-buy{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;align-items:center;gap:12px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .m-sticky-buy span{flex:1;min-width:0}
  .m-sticky-buy small{display:block;font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .m-sticky-buy b{font-size:18px}
  .m-sticky-buy .m-btn{height:48px;padding:0 20px}
  body:has(.m-sticky-buy) .m-foot{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media (max-width:860px){ .m-prod-p{padding-right:44px} }
.m-legal h2{color:var(--ink);font-size:18px;margin:24px 0 8px;letter-spacing:-.01em}
.m-legal ul{padding-left:20px} .m-legal li{margin:4px 0}
.m-check small{color:var(--ink3)}
/* kampanya slaytı */
.m-slider{position:relative;border-radius:28px;overflow:hidden;margin-bottom:22px;box-shadow:var(--sh);background:var(--navy)}
.m-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.m-slides::-webkit-scrollbar{display:none}
.m-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;aspect-ratio:8/3;display:block;color:#fff;text-decoration:none}
.m-slide picture,.m-slide img{width:100%;height:100%;display:block;object-fit:cover}
.m-slide-cap{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:clamp(22px,5vw,64px);background:linear-gradient(90deg,rgba(4,26,32,.78) 0%,rgba(4,26,32,.35) 50%,transparent 75%)}
.m-slide-cap h2{margin:0;font-size:clamp(24px,3.8vw,46px);line-height:1.08;letter-spacing:-.03em;font-weight:800;max-width:620px}
.m-slide-cap p{margin:0;font-size:clamp(14px,1.5vw,18px);color:#D7E6E3;max-width:520px}
.m-slide-cap .m-btn{margin-top:8px;background:#fff;color:var(--navy);height:50px}
.m-sl-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--navy);font-size:28px;line-height:1;cursor:pointer;box-shadow:0 6px 18px -6px rgba(0,0,0,.4);opacity:0;transition:opacity .2s}
.m-slider:hover .m-sl-nav,.m-sl-nav:focus-visible{opacity:1}
.m-sl-nav.prev{left:16px} .m-sl-nav.next{right:16px}
.m-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:7px}
.m-dots button{width:8px;height:8px;border-radius:999px;border:0;background:rgba(255,255,255,.55);padding:0;cursor:pointer;transition:width .25s,background .25s}
.m-dots button.on{width:26px;background:#fff}
@media (max-width:700px){
  .m-slider{border-radius:20px}
  .m-slide{aspect-ratio:1/1}
  .m-slide-cap{justify-content:flex-end;background:linear-gradient(0deg,rgba(4,26,32,.85) 0%,rgba(4,26,32,.25) 55%,transparent 80%);padding:20px 20px 40px}
  .m-sl-nav{display:none}
}

/* =====================================================================================
   Trendyol mantığı: yoğun ürün listesi, filtreler, raylar, mobil alt menü, WhatsApp
   ===================================================================================== */
.m-help i,.m-bnav i{font-style:normal}
.m-head-fav{position:relative}
.m-head-fav i{position:absolute;top:2px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--due);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center}
/* kategori yuvarlakları */
.m-catcircles{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 18px;scrollbar-width:none}
.m-catcircles::-webkit-scrollbar{display:none}
.m-catcircles a{flex:none;display:flex;flex-direction:column;align-items:center;gap:7px;width:78px;text-align:center;text-decoration:none;color:var(--ink);font-size:12.5px;font-weight:700;line-height:1.25}
.m-catcircles span{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--tealsoft),#fff);border:2px solid #fff;box-shadow:0 0 0 2px var(--teal2),var(--sh);display:grid;place-items:center;font-size:22px;font-weight:800;color:var(--teal)}
.m-trust.slim{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:26px}
.m-trust.slim>div{padding:11px 13px;gap:10px;box-shadow:none;border:1px solid var(--line)}
.m-trust.slim .i{width:32px;height:32px;padding:7px;border-radius:9px}
.m-trust.slim b{font-size:13px} .m-trust.slim small{font-size:11.5px}
/* yatay ürün rayı */
.m-sec-h a{font-size:14px;font-weight:700;text-decoration:none}
.m-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,200px);gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin}
.m-rail>.m-prod{scroll-snap-align:start}
/* liste başlığı ve araçlar */
.m-listhead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.m-listhead h2{font-size:clamp(20px,2.3vw,24px);letter-spacing:-.02em;margin:0;font-weight:800}
.m-listtools{display:flex;gap:8px;align-items:center}
.m-filterbtn{display:none;align-items:center;gap:6px;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-weight:700;font-size:14px;cursor:pointer;color:var(--ink)}
.m-filterbtn b{color:var(--due)}
.m-sortf select{height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 12px;font:inherit;font-weight:600;font-size:14px;color:var(--ink)}
.m-listgrid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}
.m-filters{position:sticky;top:96px;background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:16px}
.m-f-head{display:none}
.m-f-sec{border-bottom:1px solid var(--line2);padding:0 0 12px;margin:0 0 12px}
.m-f-sec>b{display:block;font-size:14px;margin-bottom:8px}
.m-f-sec label{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink2);padding:5px 0;cursor:pointer}
.m-f-sec label span{margin-left:auto;font-size:12px;color:var(--ink3)}
.m-f-sec input[type=radio],.m-f-sec input[type=checkbox]{accent-color:var(--teal);width:16px;height:16px}
.m-f-price{display:flex;align-items:center;gap:6px}
.m-f-price input{width:100%;height:38px;border:1px solid var(--line);border-radius:9px;padding:0 9px;font:inherit;font-size:14px}
.m-f-act{display:flex;gap:8px}
.m-f-act .m-btn{flex:1;height:42px;font-size:14px;padding:0 10px;box-shadow:none}
/* yoğun ızgara: 100-200 ürün için */
.m-grid.dense{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px}
.m-grid.dense .m-prod,.m-rail .m-prod{border-radius:14px}
.m-grid.dense .m-prod-body,.m-rail .m-prod-body{padding:10px 12px 12px;gap:2px}
.m-grid.dense .m-prod-n,.m-rail .m-prod-n{font-size:13.5px;font-weight:600}
.m-grid.dense .m-prod-c,.m-rail .m-prod-c{font-size:10.5px}
.m-grid.dense .m-prod-p b,.m-rail .m-prod-p b{font-size:16px}
.m-grid.dense .m-badges em,.m-rail .m-badges em{font-size:10.5px;padding:3px 8px}
.m-grid.dense .m-badges,.m-rail .m-badges{top:8px;left:8px;gap:4px}
/* favori kalbi */
.m-fav{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.95);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);color:var(--ink3);z-index:2}
.m-fav .i{width:18px;height:18px}
.m-fav.on{color:#E0245E}.m-fav.on .i{fill:currentColor}
.m-quick{top:auto!important;bottom:12px;right:10px}
.m-grid.dense .m-quick button,.m-rail .m-quick button{height:34px;padding:0 11px;font-size:12px}
/* sayfalama */
.m-pager{display:flex;justify-content:center;gap:6px;margin:22px 0 4px;flex-wrap:wrap}
.m-pager a,.m-pager b{min-width:40px;height:40px;padding:0 12px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:14px;text-decoration:none}
.m-pager a{background:#fff;color:var(--ink);border:1px solid var(--line)}
.m-pager b{background:var(--navy);color:#fff}
/* kategoriler sayfası, takip */
.m-catlist{display:grid;gap:8px}
.m-catlist a{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:14px;padding:16px 18px;text-decoration:none;color:var(--ink);box-shadow:var(--sh);font-size:16px}
.m-catlist span{color:var(--ink3);font-weight:700;font-size:14px}
.m-narrow{max-width:520px;margin:0 auto}
/* WhatsApp ve mobil alt menü */
.m-wa{position:fixed;right:18px;bottom:22px;z-index:45;display:flex;align-items:center;gap:8px;height:54px;padding:0 18px 0 14px;border-radius:999px;background:#25D366;color:#fff;text-decoration:none;font-weight:800;font-size:14.5px;box-shadow:0 12px 26px -10px rgba(37,211,102,.75)}
.m-wa svg{width:26px;height:26px}
.m-bnav{display:none}
.m-f-back{display:none}
@media (max-width:1020px){
  .m-listgrid{grid-template-columns:1fr}
  .m-filterbtn{display:inline-flex}
  .m-filters{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:80;max-height:82vh;overflow:auto;border-radius:22px 22px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .25s ease;box-shadow:0 -20px 50px -10px rgba(0,0,0,.35)}
  body.f-open .m-filters{transform:none}
  .m-f-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:17px}
  .m-f-head button{width:36px;height:36px;border-radius:50%;border:0;background:var(--bg);font-size:22px;cursor:pointer}
  body.f-open .m-f-back{display:block;position:fixed;inset:0;background:rgba(6,35,43,.45);z-index:79}
}
@media (max-width:860px){
  .m-main{padding-top:12px;padding-bottom:110px}
  .m-ann{font-size:12px}
  .m-ann .m-wrap{min-height:32px}
  .m-catcircles a{width:68px;font-size:11.5px}
  .m-catcircles span{width:56px;height:56px;font-size:19px}
  .m-trust.slim{grid-template-columns:1fr 1fr;gap:8px}
  .m-trust.slim>div{flex-direction:row;align-items:center}
  .m-rail{grid-auto-columns:150px;gap:10px}
  .m-grid.dense{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .m-grid.dense .m-prod-body,.m-rail .m-prod-body{padding:8px 10px 10px}
  .m-grid.dense .m-prod-n,.m-rail .m-prod-n{font-size:13px}
  .m-grid.dense .m-prod-p b,.m-rail .m-prod-p b{font-size:15px}
  .m-fav{width:30px;height:30px;top:6px;right:6px}
  .m-quick{bottom:8px!important;right:8px!important}
  .m-quick button{width:34px!important;height:34px!important;padding:0!important}
  .m-listhead{align-items:center}
  .m-listhead h2{font-size:19px}
  .m-bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 2px calc(6px + env(safe-area-inset-bottom))}
  .m-bnav a{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--ink2);font-size:10.5px;font-weight:700;padding:4px 0}
  .m-bnav .i{width:22px;height:22px}
  .m-bnav i{position:absolute;top:0;left:calc(50% + 4px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--due);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center}
  .m-wa{bottom:calc(76px + env(safe-area-inset-bottom));right:14px;width:52px;height:52px;padding:0;justify-content:center}
  .m-wa span{display:none}
  .m-foot{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  .m-sticky-buy{bottom:calc(62px + env(safe-area-inset-bottom))!important}
  body:has(.m-sticky-buy) .m-wa{bottom:calc(140px + env(safe-area-inset-bottom))}
}
@media (max-width:860px){ .m-grid.dense .m-quick,.m-rail .m-quick{display:none} .m-prod-p{padding-right:0} }
@media (max-width:860px){ .m-head-row{padding:10px 16px!important;margin:0 auto} }

/* =====================================================================================
   Üyelik, hesap sayfaları ve mobil ince ayar
   ===================================================================================== */
.m-auth{max-width:460px;margin:8px auto 0}
.m-h2{font-size:22px;letter-spacing:-.02em;margin:0 0 6px}
.m-form{display:grid;gap:14px}
.m-form label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:700;color:var(--ink2)}
.m-form input,.m-form textarea,.m-form select{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:13px 15px;font:inherit;font-size:16px;color:var(--ink)}
.m-form input:focus,.m-form textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(11,122,99,.12)}
.m-form input:disabled{background:var(--bg);color:var(--ink3)}
.m-form small{font-weight:500;color:var(--ink3)}
.m-form .m-check{flex-direction:row;font-weight:600}
.m-pass{position:relative;display:block}
.m-pass input{padding-right:78px}
.m-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:36px;padding:0 12px;border:0;border-radius:9px;background:var(--bg);font:inherit;font-size:13px;font-weight:700;color:var(--ink2);cursor:pointer}
.m-seg2{display:grid;grid-template-columns:1fr 1fr;background:#E9EDEB;border-radius:14px;padding:4px;margin-bottom:14px}
.m-seg2 button{height:46px;border:0;border-radius:11px;background:transparent;font:inherit;font-weight:800;font-size:15px;color:var(--ink2);cursor:pointer}
.m-seg2 button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.m-right{text-align:right;margin:-6px 0 0;font-size:14px}
.m-center{text-align:center;font-size:14px}
.m-perksbox{background:linear-gradient(135deg,#EAF6F2,#F6FAF9);border-radius:var(--r);padding:16px 18px;margin:4px 0 14px}
.m-perksbox ul{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:9px;font-size:14px;color:var(--ink2)}
.m-perksbox li{display:flex;gap:10px;align-items:center}
.m-perksbox .i{color:var(--teal);width:19px;height:19px}
.m-acc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}
.m-acc-head>div{display:flex;align-items:center;gap:12px}
.m-acc-head small{display:block;color:var(--ink3);font-size:13px}
.m-avatar{width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:19px}
.m-link-out{font-weight:700;font-size:14px;color:var(--due);text-decoration:none}
.m-acc-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 16px;scrollbar-width:none}
.m-acc-tabs a{flex:none;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink2);font-weight:700;font-size:14px}
.m-acc-tabs a.on{background:var(--navy);border-color:var(--navy);color:#fff}
.m-ord{display:block;text-decoration:none;color:var(--ink);padding:16px 18px}
.m-ord-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.m-ord-top small{display:block;color:var(--ink3);font-size:13px}
.m-ord-top em{font-style:normal;font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;background:var(--tealsoft);color:var(--teal);white-space:nowrap}
.m-ord-top em.st-iptal{background:#FCEDEB;color:var(--due)} .m-ord-top em.st-kargoda{background:#E8F0FB;color:#1F6FB2} .m-ord-top em.st-teslim{background:#E9F7F1;color:var(--ok)}
.m-ord-imgs{display:flex;gap:8px;margin:12px 0}
.m-ord-imgs img,.m-ord-imgs .m-ph{width:54px;height:54px;border-radius:10px;object-fit:cover;background:var(--bg)}
.m-ord-bot{display:flex;justify-content:space-between;align-items:center;font-size:15px}
.m-ord-bot span{color:var(--teal);font-weight:700;font-size:14px}
.m-addr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.m-addr p{margin:6px 0 10px;color:var(--ink2);font-size:14px;line-height:1.5}
.m-linkbtn{background:none;border:0;color:var(--due);font:inherit;font-weight:700;font-size:14px;cursor:pointer;padding:6px 0}
.m-addnew summary,.m-danger summary{cursor:pointer;font-weight:800;list-style:none}
.m-addnew[open] summary,.m-danger[open] summary{margin-bottom:14px}
.m-danger summary{color:var(--due)}
.m-btn.danger{background:var(--due);box-shadow:none}
.m-guestbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#EAF6F2,#fff)}
.m-guestbar span{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px}
.m-guestbar .i{color:var(--teal)}
.m-guestbar .m-btn{height:42px;padding:0 16px;font-size:14px;flex:none}
.m-addr-pick{display:flex;gap:8px;overflow-x:auto;margin:0 0 14px;padding-bottom:2px;scrollbar-width:none}
.m-addr-pick button{flex:none;min-width:140px;text-align:left;border:1.5px solid var(--line);border-radius:12px;background:#fff;padding:10px 12px;font:inherit;cursor:pointer}
.m-addr-pick button b{display:block;font-size:14px}
.m-addr-pick button small{color:var(--ink3);font-size:12.5px}
.m-addr-pick button.on{border-color:var(--teal);background:#F4FBF8}
.m-uyepass{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:700;color:var(--ink2);margin-top:10px}
.m-uyepass input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 78px 13px 15px;font:inherit;font-size:16px}
.m-cartbar{display:none}
/* ---- telefon ince ayarları ---- */
@media (max-width:860px){
  html{-webkit-tap-highlight-color:transparent}
  .m-logo img{width:126px;height:auto}
  .m-logo span{font-size:9.5px;padding:1px 5px}
  .m-ann .m-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:32px}
  .m-ann .i{display:none}
  .m-cart{width:44px;height:44px}
  .m-h1{font-size:23px;margin:4px 0 14px}
  .m-card{padding:16px;border-radius:16px;margin-bottom:12px}
  .m-card h2{font-size:16.5px;margin-bottom:12px}
  .m-btn{height:52px;font-size:15.5px}
  /* ürün sayfası: kenardan kenara görsel */
  .m-crumb{font-size:12.5px;margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .m-crumb span,.m-crumb a{display:inline}
  .m-pd-img{margin:0 -16px;border-radius:0;box-shadow:none}
  .m-pd-info h1{font-size:21px;margin-bottom:10px}
  .m-pd-price b{font-size:26px}
  .m-buy{display:none}
  .m-ship-info{padding:14px;gap:12px}
  .m-sticky-buy .m-btn{min-width:150px}
  /* sepet: sabit onay çubuğu */
  .m-cartbar{display:flex;position:fixed;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));z-index:55;align-items:center;gap:12px;background:#fff;border-top:1px solid var(--line);padding:10px 16px;box-shadow:0 -10px 24px -16px rgba(0,0,0,.25)}
  .m-cartbar span{flex:1}
  .m-cartbar small{display:block;font-size:11.5px;color:var(--ink3)}
  .m-cartbar b{font-size:19px}
  .m-cartbar .m-btn{height:48px;padding:0 22px}
  body:has(.m-cartbar) .m-wa{bottom:calc(140px + env(safe-area-inset-bottom))}
  body:has(.m-cartbar) .m-main{padding-bottom:170px}
  .m-cartgrid:not(#coForm) .m-sum .m-btn.block{display:none}
  .m-cartgrid:not(#coForm) .m-sum .m-paybadges,.m-sum .m-link{display:none}
  /* ödeme adımında: alt menü yok, onay butonu belirgin */
  .m-checkout-steps li{font-size:11.5px}
  .m-payopt{padding:13px 14px}
  .m-payopt em.cards{display:none}
  #coForm .m-sum{order:2}
  #coForm .m-btn.big{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));z-index:5}
  .m-guestbar{flex-direction:column;align-items:stretch;text-align:left}
  .m-guestbar .m-btn{width:100%}
  .m-acc-head b{font-size:16px}
  .m-auth{margin-top:0}
}
@media (max-width:380px){
  .m-wrap{padding:0 12px}
  .m-grid.dense{gap:6px}
  .m-bnav a{font-size:9.5px}
  .m-pd-img{margin:0 -12px}
}
@media (max-width:860px){
  .m-line{grid-template-columns:60px minmax(0,1fr) auto!important;grid-template-areas:"img name x" "img qty tot"!important;row-gap:8px}
  .m-line b{white-space:nowrap;font-size:15px;align-self:center}
  .m-line input{justify-self:start}
  .m-crumb span{margin:0 5px;color:var(--ink3)}
  .m-wa{width:48px!important;height:48px!important}
  .m-wa svg{width:24px;height:24px}
}
@media (max-width:860px){ body:has(.m-cartbar) .m-wa{display:none} }
/* özel üretim bilgilendirmesi */
.m-custom-note{display:flex;gap:11px;align-items:flex-start;background:#FFF6E6;border:1px solid #F3D9A6;color:#6B4A0E;border-radius:12px;padding:12px 14px;margin:0 0 14px;font-size:13.5px;line-height:1.5}
.m-custom-note .i{width:20px;height:20px;flex:none;color:#B07A16;margin-top:1px}
.m-custom-note b{display:block;color:#4E360A;font-size:14px;margin-bottom:2px}
.b-custom{background:#FFF1D6!important;color:#7A5208!important}
.m-check-warn{background:#FFF6E6;border-radius:10px;padding:10px 12px;color:#4E360A!important}
/* indirim kodu */
.m-disc span,.m-disc b{color:var(--ok)!important}
.m-code{margin-top:12px;border:1px dashed var(--line);border-radius:12px;padding:10px 12px;font-size:14px}
.m-code summary{cursor:pointer;font-weight:700;color:var(--teal);list-style:none}
.m-code summary::-webkit-details-marker{display:none}
.m-code-f{display:flex;gap:8px;margin-top:10px}
.m-code-f input{flex:1;min-width:0;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;font-size:16px;text-transform:uppercase}
.m-code-f .m-btn{height:44px;padding:0 16px;font-size:14px;box-shadow:none}
.m-code.on{display:flex;justify-content:space-between;align-items:center;gap:10px;border-style:solid;border-color:#BFE6D6;background:#EFFAF5}
.m-code.on span{display:flex;align-items:center;gap:6px;color:#0A6A52}
.m-code.on .i{width:16px;height:16px}

/* =====================================================================================
   Mağaza temaları (panelden seçilir) ve koyu mod
   ===================================================================================== */
:root[data-pal="okyanus"]{--teal:#1F6FB2;--teal2:#4FA3E8;--tealsoft:#E8F1FB}
:root[data-pal="lavanta"]{--teal:#6D4FD8;--teal2:#A48CF5;--tealsoft:#F0ECFD}
:root[data-pal="atolye"]{--teal:#D9601F;--teal2:#F59A55;--tealsoft:#FDF0E7}
:root[data-pal="grafit"]{--teal:#3D4A52;--teal2:#8FA1AA;--tealsoft:#ECEFF1}
:root[data-pal="sade"]{--teal:#007AFF;--teal2:#5AC8FA;--tealsoft:#E8F2FF;--navy:#1C1C1E;--navy2:#2C2C2E;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif}
.m-btn{box-shadow:0 10px 22px -12px color-mix(in srgb,var(--teal) 75%,transparent)}
.m-mode{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink2);display:grid;place-items:center;cursor:pointer}
.m-mode .i{width:20px;height:20px}
.m-mode .i-sun{display:none}
/* ---- koyu mod ---- */
:root[data-mode="dark"]{--bg:#0B1316;--card:#121D21;--ink:#E8EFEE;--ink2:#A9B9BA;--ink3:#73878A;--line:#22323A;--line2:#1A272D;--tealsoft:color-mix(in srgb,var(--teal) 18%,#121D21);--sh:0 1px 2px rgba(0,0,0,.3),0 10px 26px -14px rgba(0,0,0,.6);--sh-h:0 4px 10px rgba(0,0,0,.35),0 24px 44px -18px rgba(0,0,0,.7);color-scheme:dark}
:root[data-mode="dark"][data-pal="sade"]{--bg:#000;--card:#1C1C1E;--line:#2C2C2E;--line2:#232325}
:root[data-mode="dark"] .m-mode .i-moon{display:none}
:root[data-mode="dark"] .m-mode .i-sun{display:block}
:root[data-mode="dark"] .m-head{background:color-mix(in srgb,var(--bg) 88%,transparent)}
:root[data-mode="dark"] .m-search input{background:var(--card);border-color:var(--line);color:var(--ink)}
:root[data-mode="dark"] .m-search input:focus{background:var(--card)}

:root[data-mode="dark"] .m-cart{background:var(--teal)}
:root[data-mode="dark"] .m-cart b{border-color:var(--bg)}
:root[data-mode="dark"] .m-help:hover{background:var(--card)}
:root[data-mode="dark"] .m-cats a,:root[data-mode="dark"] .m-acc-tabs a,:root[data-mode="dark"] .m-pager a,:root[data-mode="dark"] .m-filterbtn,:root[data-mode="dark"] .m-sortf select{background:var(--card);border-color:var(--line);color:var(--ink2)}
:root[data-mode="dark"] .m-cats a.on,:root[data-mode="dark"] .m-acc-tabs a.on,:root[data-mode="dark"] .m-pager b{background:var(--teal);border-color:var(--teal);color:#fff}
:root[data-mode="dark"] .m-prod-img,:root[data-mode="dark"] .m-pd-img{background:linear-gradient(180deg,#18252A,#131E22)}
:root[data-mode="dark"] .m-noimg{color:#33464D}
:root[data-mode="dark"] .m-badges em,:root[data-mode="dark"] .m-pd-img>em{background:var(--card);color:var(--ink)}
:root[data-mode="dark"] .m-fav{background:rgba(18,29,33,.92);color:var(--ink3)}
:root[data-mode="dark"] .m-catcircles a{color:var(--ink)}
:root[data-mode="dark"] .m-catcircles span{background:linear-gradient(135deg,var(--tealsoft),var(--card));border-color:var(--bg)}
:root[data-mode="dark"] .m-filters,:root[data-mode="dark"] .m-catlist a{background:var(--card)}
:root[data-mode="dark"] .m-f-price input,:root[data-mode="dark"] .m-grid2 input,:root[data-mode="dark"] .m-grid2 select,:root[data-mode="dark"] .m-grid2 textarea,:root[data-mode="dark"] .m-form input,:root[data-mode="dark"] .m-form textarea,:root[data-mode="dark"] .m-form select,:root[data-mode="dark"] .m-code-f input,:root[data-mode="dark"] .m-uyepass input,:root[data-mode="dark"] .m-line input{background:var(--bg);border-color:var(--line);color:var(--ink)}
:root[data-mode="dark"] .m-form input:disabled{background:var(--line2)}
:root[data-mode="dark"] .m-eye,:root[data-mode="dark"] .m-f-head button,:root[data-mode="dark"] .m-x:hover,:root[data-mode="dark"] .m-stepper button:hover{background:var(--line)}
:root[data-mode="dark"] .m-stepper,:root[data-mode="dark"] .m-addr-pick button,:root[data-mode="dark"] .m-seg label,:root[data-mode="dark"] .m-payopt{background:var(--card);border-color:var(--line)}
:root[data-mode="dark"] .m-stepper input{background:transparent;color:var(--ink)}
:root[data-mode="dark"] .m-payopt:has(input:checked),:root[data-mode="dark"] .m-addr-pick button.on,:root[data-mode="dark"] .m-seg label:has(input:checked){background:var(--tealsoft);border-color:var(--teal)}
:root[data-mode="dark"] .m-seg2{background:var(--line2)}
:root[data-mode="dark"] .m-seg2 button.on{background:var(--card);color:var(--ink)}
:root[data-mode="dark"] .m-bnav,:root[data-mode="dark"] .m-sticky-buy{background:color-mix(in srgb,var(--card) 96%,transparent);border-color:var(--line)}
:root[data-mode="dark"] .m-bnav a{color:var(--ink3)}
:root[data-mode="dark"] .m-cartbar{background:var(--card);border-color:var(--line)}
:root[data-mode="dark"] .m-bank pre,:root[data-mode="dark"] .m-track,:root[data-mode="dark"] .m-line img,:root[data-mode="dark"] .m-ph{background:var(--bg)}
:root[data-mode="dark"] .m-freebar span{background:var(--line)}
:root[data-mode="dark"] .m-flash{background:var(--tealsoft);color:var(--teal2)}
:root[data-mode="dark"] .m-err{background:#3A1714;color:#F3A59D}
:root[data-mode="dark"] .m-ok{background:linear-gradient(135deg,#0E2A22,#122019);border-color:#1E4A39}
:root[data-mode="dark"] .m-ok h1{color:#7BE0B5} :root[data-mode="dark"] .m-ok p{color:#A9CDBE}
:root[data-mode="dark"] .m-perksbox,:root[data-mode="dark"] .m-guestbar{background:var(--tealsoft)}
:root[data-mode="dark"] .m-custom-note,:root[data-mode="dark"] .m-check-warn{background:#2E2410;border-color:#5A4518;color:#E9CE95!important}
:root[data-mode="dark"] .m-custom-note b{color:#F5DDA6}
:root[data-mode="dark"] .m-code{border-color:var(--line)}
:root[data-mode="dark"] .m-code.on{background:#0F2A22;border-color:#1E4A39}
:root[data-mode="dark"] .m-code.on span{color:#7BE0B5}
:root[data-mode="dark"] .m-ord-top em.st-iptal{background:#3A1714;color:#F3A59D}
:root[data-mode="dark"] .m-ord-top em.st-kargoda{background:#12263A;color:#8EC1F2}
:root[data-mode="dark"] .m-ord-top em.st-teslim{background:#0F2A22;color:#7BE0B5}
:root[data-mode="dark"] .m-steps li::before,:root[data-mode="dark"] .m-steps li+li::after{background:var(--line)}
:root[data-mode="dark"] .m-steps li.on::before{background:var(--teal)}
:root[data-mode="dark"] .m-checkout-steps li::before{background:var(--line);color:var(--ink2)}
:root[data-mode="dark"] .m-checkout-steps li.on::before{background:var(--teal);color:#fff}
:root[data-mode="dark"] .m-hero:not(.has-img){background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--teal) 35%,#0B1316) 0%,#08161A 55%,#030B0D 100%)}
:root[data-mode="dark"] .m-foot{background:#050C0E}
:root[data-mode="dark"] .pb{background:#E9EEEE}
:root[data-mode="dark"] .m-legal b{color:var(--ink)}
/* tema rengine bağlı açık mod renkleri */
.m-hero:not(.has-img){background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--teal) 55%,#06232B) 0%,var(--navy) 55%,#041A20 100%)}
:root[data-pal="sade"] .m-hero:not(.has-img){background:radial-gradient(120% 140% at 0% 0%,#2C6FD6 0%,#1C1C1E 60%,#000 100%)}
.m-kicker{color:var(--teal2);background:color-mix(in srgb,var(--teal2) 12%,transparent);border-color:color-mix(in srgb,var(--teal2) 30%,transparent)}
.m-freebar i{background:linear-gradient(90deg,var(--teal),var(--teal2))}
.m-ann .i{color:var(--teal2)}

.m-logo .lg-d{display:none}:root[data-mode="dark"] .m-logo .lg-l{display:none}:root[data-mode="dark"] .m-logo .lg-d{display:block}