/* sepet rozeti + toast (tüm sayfalar) */
.cartb{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--ink);text-decoration:none}
.cartb:hover{background:var(--mist)}
.cartb svg{width:21px;height:21px}
.cartb i{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--blue);color:#fff;font:700 11px/18px var(--body);font-style:normal;text-align:center;display:none;box-sizing:border-box}
.cartb.has i{display:block}
.ctoast{position:fixed;left:50%;bottom:24px;z-index:9990;display:flex;align-items:center;gap:16px;padding:12px 12px 12px 20px;background:var(--ink);color:#fff;border-radius:18px;box-shadow:0 24px 50px -16px rgba(11,13,18,.55);transform:translate(-50%,140%);transition:transform .35s cubic-bezier(.2,.8,.2,1);max-width:calc(100vw - 32px)}
.ctoast.on{transform:translate(-50%,0)}
.ctoast b{display:block;font-size:15px}.ctoast small{display:block;color:#A9B1C1;font-size:13px}
.ctoast .btn{padding:10px 16px;font-size:14.5px;white-space:nowrap}
.ctoast button{background:none;border:0;color:#A9B1C1;font-size:22px;cursor:pointer;padding:0 6px}
[data-add-to-cart].added{background:var(--ok)!important;color:#fff!important;border-color:var(--ok)!important}
/* ödeme sayfası */
.od{padding:36px 0 96px;min-height:70vh}
.od [hidden]{display:none!important}
.od-steps{display:flex;align-items:center;gap:12px;margin:22px 0 26px;font:600 13.5px var(--body);color:var(--faint);flex-wrap:wrap}
.od-steps span.on{color:var(--ink)}
.od-steps i{width:28px;height:1px;background:var(--line)}
.od-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:36px;align-items:start}
.od-left h1{font:850 clamp(32px,4vw,48px)/1.05 var(--disp);letter-spacing:-.035em;margin:0 0 22px}
.od-card{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;margin-bottom:18px}
.od-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.od-h h2{font:800 20px var(--disp);letter-spacing:-.02em;margin:0}
.od-h a{color:var(--blue);font-weight:600;font-size:14px;text-decoration:none}
.od-h>span{font-size:14px;color:var(--soft)}
.od-in{color:#0E7A43;font-weight:600}
.od-it{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.od-it:first-child{border-top:0;padding-top:0}
.od-it b{display:block;font-size:15.5px}.od-it small{display:block;color:var(--faint);font-size:13px;margin-top:3px}
.od-q{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px}
.od-q button{width:34px;height:34px;border:0;background:none;font-size:18px;cursor:pointer;color:var(--ink)}
.od-q span{min-width:24px;text-align:center;font-weight:600}
.od-rm{background:none;border:0;color:var(--faint);font:500 13.5px var(--body);cursor:pointer}
.od-rm:hover{color:#B42318}
.od-form{display:flex;flex-direction:column;gap:14px}
.od-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}
.od-form input:not([type=checkbox]):not([type=radio]),.od-form textarea,.od-coupon input{font:16px var(--body);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;outline:none;width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.od-form input:focus,.od-form textarea:focus,.od-coupon input:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--wash)}
.od-form .bad{border-color:#E5484D!important;box-shadow:0 0 0 4px #FDECEC!important}
.od-form .g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.od-form .chk{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;color:var(--soft);font-size:14px;line-height:1.5}
.od-form .chk input{width:auto!important;flex:none;margin-top:3px;accent-color:var(--blue)}
.od-form .chk a{color:var(--blue)}
.od-form .chk b{color:var(--ink)}
.od-seg{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--mist);align-self:flex-start}
.od-seg label{flex-direction:row!important;align-items:center;gap:6px!important;padding:8px 14px;border-radius:9px;cursor:pointer}
.od-seg label:has(input:checked){background:#fff;box-shadow:0 2px 8px -2px rgba(11,13,18,.15)}
.od-accnew{padding:14px 16px;border-radius:14px;background:var(--mist);display:flex;flex-direction:column;gap:12px}
.od-legal{display:flex;flex-direction:column;gap:10px;padding-top:6px;border-top:1px solid var(--line)}
.od-msg{padding:12px 14px;border-radius:12px;background:#FDECEC;color:#B42318;font-size:14px}
.od-lock{font-size:13.5px;color:#0E7A43;font-weight:600}
.od-right{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px}
.od-sum{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;box-shadow:0 30px 60px -44px rgba(11,13,18,.4)}
.od-sum h2{font:800 20px var(--disp);margin:0 0 16px}
.od-si{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;padding:6px 0;color:var(--soft)}
.od-si b{color:var(--ink);white-space:nowrap}
.od-coupon{display:flex;gap:8px;margin:16px 0 0}
.od-coupon input{padding:11px 13px;font-size:15px;text-transform:uppercase}
.od-coupon button{border:1px solid var(--ink);background:#fff;color:var(--ink);font:600 14px var(--body);padding:0 16px;border-radius:12px;cursor:pointer}
.od-cmsg{margin-top:8px;font-size:13.5px}.od-cmsg.ok{color:#0E7A43}.od-cmsg.err{color:#B42318}
.od-rows{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.od-rows div{display:flex;justify-content:space-between;font-size:14.5px;color:var(--soft)}
.od-rows b{color:var(--ink)}.od-rows b.ok{color:#0E7A43}
.od-rows .tot{margin-top:6px;padding-top:12px;border-top:1px solid var(--line);font-size:17px;color:var(--ink)}
.od-rows .tot b{font:850 24px var(--disp)}
.od-pay{width:100%;justify-content:center;margin-top:18px;padding:15px}
.od-pay:disabled{opacity:.6}
.od-trust{display:flex;flex-direction:column;gap:6px;margin-top:16px;font-size:12.5px;color:var(--faint)}
.od-trust span{display:flex;align-items:center;gap:6px}
.od-trust img{height:14px;width:auto;opacity:.8}
.od-help{padding:16px 18px;border-radius:16px;background:var(--mist);display:flex;flex-direction:column;gap:3px;font-size:14px;color:var(--soft)}
.od-help b{color:var(--ink)}.od-help a{color:#0E7A43;font-weight:600;text-decoration:none;margin-top:4px}
.od-empty{max-width:620px;padding:40px 0}
.od-empty h1{font:850 clamp(32px,4vw,52px)/1.05 var(--disp);letter-spacing:-.035em;margin:0 0 14px}
.od-empty p{color:var(--soft);font-size:18px;line-height:1.55}
.od-empty-a{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.od-res{max-width:640px;padding:40px 0}
.od-res .ic{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:30px;margin-bottom:20px}
.od-res .ic.ok{background:var(--okw);color:#0E7A43}.od-res .ic.no{background:#FDECEC;color:#B42318}
.od-res h1{font:850 clamp(32px,4vw,52px)/1.05 var(--disp);letter-spacing:-.035em;margin:0 0 14px}
.od-res p{color:var(--soft);font-size:18px;line-height:1.55}
.od-res .ref{display:inline-block;margin-top:6px;padding:8px 12px;border-radius:10px;background:var(--mist);font-size:14px;color:var(--ink)}
@media (max-width:1020px){.od-grid{grid-template-columns:1fr}.od-right{position:static}}
@media (max-width:640px){.od-form .g2{grid-template-columns:1fr}.od-card,.od-sum{padding:18px}.od-it{grid-template-columns:1fr auto;}.od-rm{grid-column:1/-1;justify-self:start;padding:0}.ctoast{left:16px;right:16px;transform:translateY(140%)}.ctoast.on{transform:none}.ctoast small{display:none}}

/* sepet simgesi v2 */
.cartb{width:auto;height:42px;padding:0 12px 0 10px;gap:7px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;font:500 14.5px var(--body);color:var(--ink)}
.cartb:hover{background:var(--mist);border-color:#C9CFDA}
.cartb svg{width:20px;height:20px}
.cartb i{position:static;min-width:20px;height:20px;line-height:20px;font-size:11.5px}
@media (max-width:1180px){.cartb .cartl{display:none}.cartb{padding:0 10px}}

nav.top ul a,.lgn-b{white-space:nowrap}
@media (max-width:1400px){.cartb .cartl{display:none}.cartb{padding:0 10px}nav.top ul{gap:20px}nav.top .w{gap:26px}}
@media (max-width:1180px){nav.top ul{gap:14px;font-size:14px}nav.top .r .btn-g{display:none}}

@media (max-width:640px){.adv{grid-template-columns:1fr 1fr!important;gap:10px!important}.adv .ad{padding:16px!important}.adv .ad h3{font-size:17px!important;margin:10px 0 6px!important}.adv .ad p{font-size:13.5px!important;line-height:1.45!important;margin:0}.adv .ad svg{width:22px;height:22px}}

/* üst şerit: hızlı erişim (2026-11-01) */
.ann{position:relative;z-index:45;padding-block:0;text-align:left}
.ann .w{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}
.ann-t{padding-block:9px}
.ann-r{display:flex;align-items:center;gap:4px;margin-left:auto}
.ann .ann-r a,.ann .lgn-b{margin:0;color:#E6E9EF;font:500 13.5px var(--body);text-decoration:none;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:8px;background:none;border:0;cursor:pointer;height:auto;width:auto}
.ann .ann-r a:hover,.ann .lgn-b:hover,.ann .lgn.open .lgn-b{background:rgba(255,255,255,.1);color:#fff}
.ann .ann-r svg{width:16px;height:16px}
.ann .ann-r>a+a,.ann .ann-r>a+.lgn{position:relative}
.ann .ann-r>a+a::before,.ann .ann-r>a+.lgn::before{content:"";position:absolute;left:-3px;top:50%;width:1px;height:14px;margin-top:-7px;background:rgba(255,255,255,.2)}
.ann .cartb{border:0;padding:6px 10px}
.ann .cartb .cartl{display:inline!important}
.ann .cartb i{position:static;min-width:18px;height:18px;line-height:18px;font-size:11px;background:#2F5BFF}
.ann .lgn .car{font-size:10px}
.ann .lgn-m{top:calc(100% + 6px);right:0;color:var(--ink);text-align:left}
.ann .lgn-m a{color:var(--ink)!important;display:block!important;padding:12px 14px!important;border-radius:12px!important;font-weight:400!important}
.ann .lgn-m a:hover{background:var(--mist)!important}
.ann .lgn-m .lgn-f a{display:inline!important;padding:0!important;color:#1846F5!important;font-weight:600!important}
.ann .lgn{display:block!important}
@media (max-width:860px){.ann-t{display:none}.ann .w{justify-content:center}.ann-r{margin:0 auto}}
@media (max-width:420px){.ann .ann-r a,.ann .lgn-b{padding:6px 8px;font-size:13px}.ann .ann-r>a:first-child span{display:none}}

/* Armut yorumları */
.yrm{padding-block:84px;overflow:hidden}
.yh{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:34px}
.yh h2{font:850 clamp(32px,4.2vw,52px)/1.04 var(--disp);letter-spacing:-.035em;margin:10px 0 0}
.yscore{display:flex;align-items:center;gap:14px;padding:14px 20px;border:1px solid var(--line);border-radius:18px;background:#fff}
.yscore>b{font-size:42px;line-height:1;letter-spacing:-.03em}
.yscore small{display:block;font-size:13px;color:var(--soft);margin-top:3px}
.ys{color:#F5A524;letter-spacing:2px;font-size:16px}
.yc{margin:0;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:22px;background:var(--mist);border:1px solid transparent;transition:border-color .2s,background .2s}
.yc:hover{background:#fff;border-color:var(--line)}
.yc blockquote{margin:0;font-size:16px;line-height:1.6;color:var(--ink);flex:1}
.yc figcaption{display:flex;align-items:center;gap:12px}
.ya{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:800 16px var(--disp);flex:none}
.yc b{display:block;font-size:14.5px}.yc small{display:block;font-size:12.5px;color:var(--faint);margin-top:2px}
.ytrack{margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%);overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.yrow{display:flex;gap:16px;width:max-content;animation:yk 80s linear infinite}
.ytrack:hover .yrow{animation-play-state:paused}
.yrow .yc{width:380px;flex:none}
@keyframes yk{to{transform:translateX(calc(-50% - 8px))}}
@media (prefers-reduced-motion:reduce){.yrow{animation:none;overflow-x:auto}}
.ymore{margin-top:26px}.ymore a{font-weight:600;color:var(--blue);text-decoration:none}
.ygrid{columns:3 320px;column-gap:16px}
.ygrid .yc{break-inside:avoid;margin-bottom:16px}
.ynote{margin:10px 0 0;font-size:14px;color:var(--faint)}
@media (max-width:640px){.yrm{padding-block:60px}.yrow .yc{width:300px}.yc{padding:20px}.yc blockquote{font-size:15px}.yscore{width:100%}}

/* menü düzeni v3: WhatsApp üstte, Sepet + Giriş ana menüde */
.ann .ann-r .ann-wa{background:#22C55E;color:#04260F!important;font-weight:600!important;margin-left:6px!important}
.ann .ann-r .ann-wa:hover{background:#2FD86B!important;color:#04260F!important}
.ann .ann-r .ann-wa::before{display:none}
nav.top .r{gap:8px}
nav.top .cartb{display:inline-flex!important;height:42px;padding:0 14px 0 12px;gap:8px;border:1px solid var(--line);border-radius:12px;color:var(--ink);font:500 15px var(--body)}
nav.top .cartb .cartl{display:inline}
nav.top .cartb i{position:static;min-width:20px;height:20px;line-height:20px;font-size:11.5px}
nav.top .lgn{display:block}
nav.top .lgn-b{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px;border-radius:12px;background:var(--ink);color:#fff;font:600 15px var(--body);border:0;cursor:pointer}
nav.top .lgn-b:hover,nav.top .lgn.open .lgn-b{background:#23283A;color:#fff}
nav.top .lgn-b svg{width:17px;height:17px}
@media (max-width:1180px){nav.top .cartb .cartl{display:none}nav.top .cartb{padding:0 11px}}
@media (max-width:1020px){nav.top .lgn{display:block!important}nav.top .lgn-b span{display:none}nav.top .lgn-b{padding:0 12px}nav.top .lgn-b .car{display:none}nav.top .lgn-m{right:-50px}}
@media (max-width:420px){.ann .ann-r .ann-wa span{display:inline}}

/* bülten + çerez + iyzico bandı */
.bulten-s{padding:0 0 96px}
.bulten{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;padding:40px 44px;border-radius:28px;background:var(--mist)}
.bulten h2{font:850 clamp(26px,3vw,36px)/1.08 var(--disp);letter-spacing:-.03em;margin:10px 0 8px}
.bulten p{margin:0;color:var(--soft)}
.bulten-f{display:flex;flex-direction:column;gap:12px}
.bf-row{display:flex;gap:8px;flex-wrap:wrap}
.bf-row input{flex:1 1 180px;font:16px var(--body);border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#fff;outline:none;min-width:0}
.bf-row input:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--wash)}
.bf-ok{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--soft);line-height:1.5}
.bf-ok input{margin-top:3px;accent-color:var(--blue)}
.bf-ok a{color:var(--blue)}
.bf-msg{font-size:14px;color:#B42318}.bf-msg.ok{color:#0E7A43;font-weight:600;font-size:16px}
.bulten [hidden]{display:none!important}
.ckb{position:fixed;left:20px;bottom:20px;z-index:9995;max-width:440px;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 50px -18px rgba(11,13,18,.35);display:flex;flex-direction:column;gap:12px;transform:translateY(20px);opacity:0;transition:.3s}
.ckb.on{transform:none;opacity:1}
.ckb p{margin:0;font-size:14px;line-height:1.5;color:var(--soft)}.ckb a{color:var(--blue)}
.ckb div{display:flex;gap:8px;justify-content:flex-end}
.ckb .btn{padding:9px 16px;font-size:14px}
.ft-pay img{height:16px!important;width:auto!important;filter:none!important;opacity:.85!important;margin:0!important}
@media (max-width:760px){.bulten{grid-template-columns:1fr;padding:28px 22px}.ckb{left:12px;right:12px;bottom:12px;max-width:none}}

.bf-ok{flex-direction:row!important;display:flex!important}.bf-ok input{width:auto!important;flex:none!important;height:auto!important}
/* mobil anons bari masaustu gibi (2026-11-03) */
@media (max-width:860px){.ann .w{flex-wrap:wrap;justify-content:center;gap:0;min-height:0;padding-block:6px}.ann-t{display:block;width:100%;text-align:center;padding-block:2px 4px;font-size:12px;line-height:1.35}.ann-t a{margin-left:6px;white-space:nowrap}}
@media (max-width:420px){.ann .ann-r>a:first-child span{display:inline}}
