/* Dr.Med — Sepet.html page styles (verbatim from the design; do not edit). */
/* ═══ adım göstergesi ═══ */
.steps{border-bottom:.5px solid var(--c-line);background:var(--c-cream)}
.steps-in{max-width:var(--maxw);margin:0 auto;padding:18px var(--gutter);display:flex;align-items:center;gap:0}
.step{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.step .n{width:26px;height:26px;border-radius:999px;border:.5px solid var(--c-line);display:grid;place-items:center;
font-size:10.5px;color:var(--c-mute);flex:0 0 auto;transition:.3s}
.step .t{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-mute);white-space:nowrap}
.step.on .n{background:var(--c-ink);border-color:var(--c-ink);color:var(--c-paper)}
.step.on .t{color:var(--c-ink)}
.step.done .n{background:var(--c-gold);border-color:var(--c-gold);color:var(--c-paper)}
.steps .conn{flex:1;height:1px;background:var(--c-line);margin:0 16px;min-width:20px}
/* ═══ başlık ═══ */
.chead{max-width:var(--maxw);margin:0 auto;padding:clamp(32px,4vw,56px) var(--gutter) clamp(22px,3vw,34px);
display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.chead h1{font-family:var(--serif);font-weight:300;font-size:clamp(34px,4.6vw,58px);line-height:1;
letter-spacing:-.015em;margin:0}
.chead h1 em{font-style:normal;font-size:.42em;color:var(--c-mute);margin-left:14px;letter-spacing:.02em}
.chead a.cont{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-ink-2);
border-bottom:.5px solid var(--c-gold);padding-bottom:5px}
/* ═══ kargo barajı ═══ */
.freebar{max-width:var(--maxw);margin:0 auto clamp(26px,3vw,38px);padding:0 var(--gutter)}
.freebar .box{border:.5px solid var(--c-line);background:var(--c-cream);padding:16px 20px}
.freebar .row{display:flex;align-items:center;justify-content:space-between;gap:16px;
font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-mute);margin-bottom:11px;flex-wrap:wrap}
.freebar .row b{color:var(--c-ink)}
.freebar .row .win{color:var(--c-gold)}
.freebar .bar{height:3px;background:var(--c-cream-2);overflow:hidden}
.freebar .bar i{display:block;height:100%;background:var(--c-gold);width:0;transition:width .5s cubic-bezier(.2,.7,.2,1)}
/* ═══ yerleşim ═══ */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter) clamp(60px,7vw,100px);
display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(28px,4vw,60px);align-items:start}
/* ── satırlar ── */
.lines{border-top:.5px solid var(--c-line)}
.line{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:22px;padding:24px 0;
border-bottom:.5px solid var(--c-line);align-items:start}
.line.gone{opacity:.45}
.line .shot{position:relative;aspect-ratio:3/4;overflow:hidden}
.line .shot .ph{position:absolute;inset:0}
.line .shot .tag{position:absolute;top:8px;left:8px;z-index:4;font-size:8px;letter-spacing:.18em;
text-transform:uppercase;background:var(--c-gold);color:var(--c-paper);padding:4px 7px}
.line .cat{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-gold);margin-bottom:7px}
.line h3{font-family:var(--serif);font-weight:400;font-size:21px;line-height:1.2;margin:0 0 7px;color:var(--c-ink)}
.line h3 a:hover{color:var(--c-gold)}
.line .var{font-size:12px;color:var(--c-mute);line-height:1.5;margin-bottom:12px}
.line .var span{display:inline-block;margin-right:14px}
.line .stock{display:inline-flex;align-items:center;gap:7px;font-size:9.5px;letter-spacing:.16em;
text-transform:uppercase;color:var(--c-mute);margin-bottom:14px}
.line .stock i{width:6px;height:6px;border-radius:999px;background:#4b9d6e}
.line .stock.low i{background:var(--c-gold)}
.line .stock.out i{background:var(--c-mute)}
.line .acts{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cqty{display:flex;border:.5px solid var(--c-line)}
.cqty button{width:36px;height:38px;background:transparent;border:0;cursor:pointer;font-size:15px;
color:var(--c-ink-2);transition:.2s}
.cqty button:hover{background:var(--c-cream);color:var(--c-ink)}
.cqty span{width:38px;display:grid;place-items:center;font-family:var(--serif);font-size:16px}
.lnk{background:transparent;border:0;padding:0;cursor:pointer;font-size:9.5px;letter-spacing:.16em;
text-transform:uppercase;color:var(--c-mute);transition:color .25s;min-height:38px}
.lnk:hover{color:var(--c-gold)}
.line .money{text-align:right;min-width:112px}
.line .money b{display:block;font-family:var(--serif);font-weight:400;font-size:20px;color:var(--c-ink)}
.line .money s{display:block;font-family:var(--serif);font-size:14px;color:var(--c-mute);margin-top:3px}
.line .money .each{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-mute);margin-top:6px}
.line .sublabel{display:inline-flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.16em;
text-transform:uppercase;color:var(--c-gold);border:.5px solid var(--c-gold);padding:4px 8px;margin-top:10px}
/* geri al şeridi */
.undo{display:none;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;
border-bottom:.5px solid var(--c-line);background:var(--c-cream);
font-family:var(--serif);font-size:16px;color:var(--c-ink-2)}
.undo.on{display:flex}
.undo button{background:transparent;border:0;cursor:pointer;font-family:var(--sans);font-size:9.5px;
letter-spacing:.18em;text-transform:uppercase;color:var(--c-ink);border-bottom:.5px solid var(--c-gold);padding-bottom:3px}
/* hediye + not */
.extras{display:grid;gap:12px;margin-top:26px}
.xrow{border:.5px solid var(--c-line);background:var(--c-paper)}
.xrow>label{display:flex;gap:13px;align-items:flex-start;padding:16px 18px;cursor:pointer;transition:background .25s}
.xrow>label:hover{background:var(--c-cream)}
.xrow input[type=checkbox]{accent-color:var(--c-gold);width:16px;height:16px;margin-top:2px;flex:0 0 auto}
.xrow .t{font-family:var(--serif);font-size:16.5px;color:var(--c-ink);line-height:1.35}
.xrow .d{font-size:11.5px;line-height:1.55;color:var(--c-mute);margin-top:5px}
.xrow .d b{color:var(--c-gold)}
.xrow .fold{display:none;padding:0 18px 18px 47px}
.xrow .fold.on{display:block}
.xrow textarea{width:100%;background:transparent;border:.5px solid var(--c-line);outline:0;resize:vertical;
font-family:var(--serif);font-size:15px;line-height:1.55;color:var(--c-ink);padding:12px 14px;min-height:86px}
.xrow textarea:focus{border-color:var(--c-gold)}
.xrow .count{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-mute);margin-top:8px;text-align:right}
/* ═══ özet ═══ */
.summary{position:sticky;top:96px}
.sbox{border:.5px solid var(--c-line);background:var(--c-cream);padding:26px}
.sbox h4{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--c-ink);margin:0 0 20px;font-weight:500}
.srow{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:12px;
font-size:12.5px;color:var(--c-ink-2)}
.srow span:first-child{color:var(--c-mute)}
.srow .val{font-family:var(--serif);font-size:16px;color:var(--c-ink);white-space:nowrap}
.srow.disc .val{color:var(--c-gold)}
.srow.free .val{color:var(--c-gold);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--sans)}
.stotal{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
padding-top:18px;margin-top:18px;border-top:.5px solid var(--c-line)}
.stotal span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-ink)}
.stotal b{font-family:var(--serif);font-weight:400;font-size:32px;color:var(--c-ink);line-height:1}
.svat{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-mute);text-align:right;margin-top:6px}
/* kupon */
.coupon{margin:20px 0 0}
.coupon .cin{display:flex;gap:8px}
.coupon input{flex:1;min-width:0;background:var(--c-paper);border:.5px solid var(--c-line);outline:0;
font-family:var(--serif);font-size:15px;color:var(--c-ink);padding:0 14px;height:44px;transition:border-color .3s}
.coupon input:focus{border-color:var(--c-gold)}
.coupon input::placeholder{color:color-mix(in srgb,var(--c-mute) 60%,transparent)}
.coupon button{background:transparent;border:.5px solid var(--c-ink);cursor:pointer;padding:0 18px;height:44px;
font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-ink);transition:.28s}
.coupon button:hover{background:var(--c-ink);color:var(--c-paper)}
.coupon .msg{font-size:11.5px;line-height:1.5;margin-top:10px;display:none}
.coupon .msg.ok{display:block;color:var(--c-gold)}
.coupon .msg.no{display:block;color:var(--c-mute)}
.coupon .applied{display:none;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;
border:.5px solid var(--c-gold);background:color-mix(in srgb,var(--c-gold) 10%,transparent);padding:11px 14px}
.coupon .applied.on{display:flex}
.coupon .applied .code{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-ink)}
.coupon .applied button{border:0;padding:0;height:auto;background:transparent;color:var(--c-mute);font-size:9.5px}
.coupon .applied button:hover{background:transparent;color:var(--c-gold)}
.sbox .btn{width:100%;justify-content:center;min-height:54px;margin-top:22px;font-size:11px}
.paylist{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:16px}
.paylist span{font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-mute);
border:.5px solid var(--c-line);padding:6px 9px}
.trustlist{display:grid;gap:11px;margin-top:20px;padding-top:18px;border-top:.5px solid var(--c-line)}
.trustlist div{display:flex;align-items:center;gap:11px;font-size:11.5px;color:var(--c-ink-2)}
.trustlist svg{width:15px;height:15px;color:var(--c-gold);flex:0 0 auto}
.help{margin-top:16px;border:.5px solid var(--c-line);padding:20px}
.help h5{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--c-gold);margin:0 0 10px}
.help p{font-family:var(--serif);font-size:15px;line-height:1.55;color:var(--c-ink-2);margin:0 0 14px}
.help .btn{margin-top:0;min-height:46px;font-size:10px}
/* ═══ boş sepet ═══ */
.empty{max-width:var(--maxw);margin:0 auto;padding:clamp(50px,7vw,90px) var(--gutter) clamp(60px,8vw,110px);text-align:center;display:none}
.empty.on{display:block}
.empty .mk{font-family:var(--display);font-size:30px;letter-spacing:.3em;color:var(--c-ink);margin-bottom:20px}
.empty .mk .dot{color:var(--c-gold)}
.empty h2{font-family:var(--serif);font-weight:300;font-size:clamp(30px,4vw,48px);line-height:1.1;margin:0 0 16px}
.empty p{font-family:var(--serif);font-size:18px;line-height:1.6;color:var(--c-ink-2);max-width:44ch;margin:0 auto 32px}
.empty .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
/* ═══ önerilenler ═══ */
.sugg{background:var(--c-cream);border-top:.5px solid var(--c-line);padding:clamp(50px,6vw,84px) var(--gutter)}
.sugg-in{max-width:var(--maxw);margin:0 auto}
.sugg h3{font-family:var(--serif);font-weight:300;font-size:clamp(26px,3.2vw,40px);margin:0 0 30px;letter-spacing:-.01em}
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,26px)}
.scard{background:var(--c-paper);border:.5px solid var(--c-line);display:flex;flex-direction:column}
.scard .shot{position:relative;aspect-ratio:3/4;overflow:hidden}
.scard .shot .ph{position:absolute;inset:0;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.scard:hover .shot .ph{transform:scale(1.04)}
.scard .b{padding:16px 16px 18px;display:flex;flex-direction:column;flex:1}
.scard .cat{font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-gold);margin-bottom:7px}
.scard h4{font-family:var(--serif);font-weight:400;font-size:17px;line-height:1.2;margin:0 0 10px;color:var(--c-ink);text-transform:none;letter-spacing:0}
.scard .f{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.scard .pz{font-family:var(--serif);font-size:16px;color:var(--c-ink)}
.scard .plus{width:36px;height:36px;border:.5px solid var(--c-ink);background:transparent;cursor:pointer;
display:grid;place-items:center;color:var(--c-ink);transition:.26s;font-size:16px;line-height:1}
.scard .plus:hover{background:var(--c-ink);color:var(--c-paper)}
/* ═══ mobil sabit ödeme çubuğu ═══ */
.stickypay{position:fixed;left:0;right:0;bottom:0;z-index:120;display:none;
background:color-mix(in srgb,var(--c-paper) 96%,transparent);
-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);
border-top:.5px solid var(--c-line);box-shadow:0 -10px 34px -16px rgba(26,20,14,.4);
padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom))}
.stickypay .in{display:flex;align-items:center;gap:14px;max-width:var(--maxw);margin:0 auto}
.stickypay .tot{flex:1;min-width:0}
.stickypay .tot .l{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-mute)}
.stickypay .tot .v{font-family:var(--serif);font-size:24px;color:var(--c-ink);line-height:1.1;margin-top:2px}
.stickypay .tot .n{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-mute);margin-top:2px}
.stickypay .go{flex:0 0 auto;border:0;background:var(--c-ink);color:var(--c-paper);cursor:pointer;
padding:0 26px;min-height:52px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;transition:.28s}
.stickypay .go:active,.stickypay .go:hover{background:var(--c-gold)}
.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%,16px);z-index:200;
background:var(--c-ink);color:var(--c-paper);padding:14px 22px;display:flex;align-items:center;gap:12px;
font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;opacity:0;pointer-events:none;transition:.4s cubic-bezier(.2,.7,.2,1)}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast svg{width:15px;height:15px;color:var(--c-gold)}
/* ═══ responsive ═══ */
@media (max-width:1100px){
.wrap{grid-template-columns:1fr;gap:34px}
.summary{position:static}
.sgrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1000px){
.nav-r>.nav-link{display:none}
.nav-r{gap:0}
.steps .step .t{display:none}
.steps .conn{margin:0 10px}
.steps-in{justify-content:center;gap:0}
.step.on .t{display:block}
}
@media (max-width:720px){
.chead{padding-top:24px}
.chead h1{font-size:30px}
.chead h1 em{display:block;margin:8px 0 0;font-size:13px;letter-spacing:.18em;text-transform:uppercase}
.line{grid-template-columns:82px minmax(0,1fr);gap:16px;padding:20px 0}
.line h3{font-size:17px}
.line .money{grid-column:2;text-align:left;min-width:0;display:flex;align-items:baseline;gap:10px;margin-top:12px}
.line .money b{font-size:18px}
.line .money s{margin-top:0}
.line .money .each{margin-top:0}
.line .acts{gap:12px}
.sbox{padding:20px}
.stotal b{font-size:27px}
.sbox .btn{display:none}
.paylist{margin-top:4px}
.stickypay{display:block}
body{padding-bottom:88px}
.sgrid{grid-template-columns:1fr 1fr;gap:12px}
.scard h4{font-size:15px}
.toast{bottom:104px;left:16px;right:16px;transform:translateY(16px);justify-content:center}
.toast.on{transform:none}
}
@media (max-width:380px){.sgrid{grid-template-columns:1fr}}