/* V3.10 Odeme/kargo/taksit deneyimi. Tema degiskenlerinden (--c-*) turetilen gradyanlar; sabit renk yok.
   Hareket: html[data-sg-fx=full|lite|off] + prefers-reduced-motion; yalniz transform/opacity; JS'siz de calisir. */
:root{--sg-a:var(--c-secondary);--sg-on-a:var(--c-on-secondary);--sg-b:var(--c-buy,var(--c-secondary));--sg-bt:var(--c-on-buy,var(--c-buy-text));--sg-r:var(--radius,14px);
--e-out:cubic-bezier(.2,.8,.2,1);--e-spr:cubic-bezier(.34,1.56,.64,1);
--sg-grad-cta:linear-gradient(135deg,color-mix(in srgb,var(--sg-b) 93%,white),var(--sg-b) 48%,color-mix(in srgb,var(--sg-b) 84%,var(--c-primary)));
--sg-grad-line:linear-gradient(90deg,var(--sg-a),color-mix(in srgb,var(--sg-a) 80%,var(--c-primary)));
--sg-grad-soft:linear-gradient(135deg,color-mix(in srgb,var(--sg-a) 12%,var(--c-bg)),color-mix(in srgb,var(--sg-a) 3%,var(--c-bg)));
--sg-grad-head:linear-gradient(120deg,color-mix(in srgb,var(--sg-a) 17%,var(--c-bg)),color-mix(in srgb,var(--sg-b) 7%,var(--c-bg)) 62%,var(--c-bg));
--sg-grad-ok:linear-gradient(90deg,var(--co-ok),color-mix(in srgb,var(--co-ok) 80%,var(--c-text)));
--sg-glow:color-mix(in srgb,var(--sg-b) 40%,transparent);--sg-line:color-mix(in srgb,var(--c-text) 11%,transparent);--sg-ring:color-mix(in srgb,var(--sg-a) 14%,transparent);
--sg-okbg:color-mix(in srgb,var(--co-ok) 12%,var(--c-bg));--sg-okbd:color-mix(in srgb,var(--co-ok) 30%,transparent);
--an-in:sg310-in .36s var(--e-out) both;--an-rise:sg310-rise .42s var(--e-out) both;--an-pop:sg310-pop .5s var(--e-spr) both;
--an-drive:sg310-drive 1s .15s var(--e-out) both;--an-wheel:sg310-wheel .8s linear 2;--an-pulse:sg310-pulse 2.4s ease-out infinite}
html[data-sg-fx=lite]{--an-pop:none;--an-drive:none;--an-wheel:none;--an-pulse:none}
html[data-sg-fx=off]{--an-in:none;--an-rise:none;--an-pop:none;--an-drive:none;--an-wheel:none;--an-pulse:none}
@media (prefers-reduced-motion:reduce){:root{--an-in:none;--an-rise:none;--an-pop:none;--an-drive:none;--an-wheel:none;--an-pulse:none}}
body.theme-glass{--sg-b:var(--c-primary);--sg-bt:var(--c-on-primary)}
body.theme-lux{--sg-b:var(--c-secondary);--sg-bt:var(--c-on-secondary)}
body.theme-stealth{--sg-b:var(--c-primary);--sg-bt:var(--c-on-primary)}
body.theme-brutal{--sg-b:var(--c-sale);--sg-bt:var(--c-on-sale);--sg-grad-cta:var(--c-sale);--sg-grad-line:var(--c-text);--sg-grad-soft:var(--c-surface);--sg-grad-head:var(--c-surface)}
html[data-sg-cta=flat]{--sg-grad-cta:var(--sg-b)}
/* onay isareti */
.sg-tk{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sg-tk path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .38s .08s ease}
.sg-tk.is-on path,.is-done .sg-tk path,.is-free .sg-tk path,.sg-it__best .sg-tk path,.sg-inst__tag .sg-tk path{stroke-dashoffset:0}
.sg-checkout-page,.sg-cartpage{overflow-x:clip}
/* dugmeler */
body :is(.sg-checkout-page,.sg-cartpage,.sg-result,.sg-it,.sg-processing,.sg-checkout-bar) .sg-btn--buy{background:var(--sg-grad-cta) 0 0/150% 100%;color:var(--sg-bt);border:0;font-weight:700;box-shadow:0 1px 0 color-mix(in srgb,white 30%,transparent) inset,0 10px 22px -12px var(--sg-glow);transition:background-position .5s,box-shadow .25s,transform .18s}
body :is(.sg-checkout-page,.sg-cartpage,.sg-result,.sg-checkout-bar) .sg-btn--buy:hover{background-position:100% 0;box-shadow:0 1px 0 color-mix(in srgb,white 30%,transparent) inset,0 16px 28px -12px var(--sg-glow);transform:translateY(-1px)}
body :is(.sg-checkout-page,.sg-cartpage,.sg-result,.sg-checkout-bar) .sg-btn--buy:active{transform:translateY(1px) scale(.985);box-shadow:0 2px 8px -4px var(--sg-glow)}
body :is(.sg-checkout-page,.sg-cartpage,.sg-result) :is(a,button):focus-visible{outline:2px solid var(--sg-a);outline-offset:3px}
body .sg-btn.is-loading{opacity:1;filter:saturate(.8);cursor:progress}
body .sg-btn.is-loading::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:2;background:linear-gradient(90deg,transparent,var(--sg-bt) 50%,transparent);transform:translateX(-100%);animation:sg310-bar 1.05s ease-in-out infinite}
/* secilebilir kartlar */
body .sg-checkout-page{
:is(.sg-choice,.sg-pay-card__body,.sg-inst){position:relative;transition:border-color .2s,background .25s,box-shadow .3s,transform .25s var(--e-out)}
:is(.sg-choice,.sg-pay-card__body,.sg-inst)::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;transform:scale(.985);background:var(--sg-grad-line) 0 0/220% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);transition:opacity .22s,transform .3s var(--e-out)}
.sg-choice:has(input:checked)::before,.sg-pay-card:has(input:checked) .sg-pay-card__body::before,.sg-inst:has(input:checked)::before{opacity:1;transform:none;animation:sg310-frame .9s var(--e-out) both}
.sg-choice:has(input:checked),.sg-pay-card:has(input:checked) .sg-pay-card__body,.sg-inst:has(input:checked){border-color:transparent;background:var(--sg-grad-soft);transform:translateY(-1px);box-shadow:0 14px 26px -18px var(--sg-glow),0 0 0 4px var(--sg-ring)}
.sg-choice:hover:not(:has(input:checked)),.sg-pay-card:hover .sg-pay-card__body{transform:translateY(-1px)}
:is(.sg-choice,.sg-inst):has(input:focus-visible){outline:2px solid var(--sg-a);outline-offset:3px}
:is(.sg-choice__dot,.sg-pay-card__check,.sg-inst__ck){width:22px;height:22px;flex:none;border-radius:50%;border:2px solid color-mix(in srgb,var(--c-text) 24%,transparent);background:var(--c-bg);color:var(--sg-on-a);display:grid;place-items:center;box-shadow:none;transition:background .2s,border-color .2s,transform .3s var(--e-spr)}
:is(.sg-choice__dot,.sg-pay-card__check,.sg-inst__ck) .sg-tk{width:12px;height:12px;stroke-width:3.4}
.sg-choice:has(input:checked) .sg-choice__dot,.sg-pay-card:has(input:checked) .sg-pay-card__check,.sg-inst:has(input:checked) .sg-inst__ck{background:var(--sg-grad-line);border-color:transparent;transform:scale(1.06)}
:is(.sg-choice,.sg-pay-card,.sg-inst):has(input:checked) .sg-tk path{stroke-dashoffset:0}
.sg-choice:has(input:checked) .sg-choice__ico,.sg-pay-card:has(input:checked) .sg-pay-card__icon{background:var(--sg-grad-line);color:var(--sg-on-a)}
.sg-choice:has(input:checked) .sg-choice__ico .sg-ico{color:var(--sg-on-a)}
}
body.theme-brutal .sg-checkout-page :is(.sg-choice,.sg-pay-card__body,.sg-inst)::before{display:none}
body.theme-brutal .sg-checkout-page :is(.sg-choice,.sg-inst):has(input:checked),body.theme-brutal .sg-checkout-page .sg-pay-card:has(input:checked) .sg-pay-card__body{border-color:var(--c-text);box-shadow:4px 4px 0 var(--c-text);transform:translate(-1px,-1px)}
/* adim gostergesi */
body .sg-checkout-page{
.sg-step__dot{position:relative;overflow:hidden;transition:background .3s,border-color .3s,box-shadow .3s,color .3s}
.sg-step__dot b{font:inherit;display:grid;place-items:center;transition:opacity .2s,transform .3s}
.sg-step__dot .sg-tk{position:absolute;inset:0;margin:auto;width:14px;height:14px;stroke-width:3.2}
.sg-step.is-done .sg-step__dot b{opacity:0;transform:scale(.4)}
.sg-step.is-done .sg-step__dot,.sg-step.is-active .sg-step__dot{background:var(--sg-grad-line);border-color:transparent;color:var(--sg-on-a)}
.sg-step.is-active .sg-step__dot{box-shadow:0 0 0 4px var(--sg-ring);animation:var(--an-pulse)}
.sg-step.is-active .sg-step__label{color:var(--c-text)}
.sg-panel__num{background:var(--sg-grad-line);color:var(--sg-on-a)}
.sg-checkout__section.is-complete .sg-panel__num{background:var(--sg-grad-ok);color:var(--c-bg)}
}
@media (max-width:1080px){
body .sg-checkout-page{
.sg-steps{position:relative;padding-bottom:14px}
.sg-steps::before,.sg-steps::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px}
.sg-steps::before{background:var(--sg-line)}
.sg-steps::after{background:var(--sg-grad-line);transform:scaleX(var(--sg-prog,.25));transform-origin:left;transition:transform .55s var(--e-out)}
}
}
.sg-checkout-head{scroll-margin-top:84px}body.theme-lux .sg-checkout-head{scroll-margin-top:132px}
html.js .sg-checkout-page.is-wizard .sg-checkout__section{animation:var(--an-in)}
html.js .sg-checkout-page.is-wizard[data-dir=back]{--dx:-16px}
@media (max-width:720px){html.js .sg-checkout-page.is-wizard{--dx:28px}html.js .sg-checkout-page.is-wizard[data-dir=back]{--dx:-28px}}
/* ozet */
.sg-checkout-page .sg-sum-head,.sg-cartpage .sg-cart__sumhead{background:var(--sg-grad-head)}
.sg-cartpage .sg-cart__sumhead{margin:-22px -22px 16px;padding:16px 22px;border-radius:var(--radius) var(--radius) 0 0;border-bottom:1px solid var(--sg-line);font-size:17px}
.sg-checkout-page .sg-summary-row,.sg-cartpage .sg-summary-row{border-radius:8px;transition:background .4s}
.sg-summary-row.is-flash{animation:sg310-flash 1.2s ease-out}
.sg-summary-row--total b,[data-total-live]{font-variant-numeric:tabular-nums}
[data-grand-total].is-bump{animation:none}
body .sg-checkout-page{
}
/* odeme yontemi */
body .sg-checkout-page{
.sg-pay-card__glyphs{display:flex;gap:7px;margin-top:7px;color:var(--c-muted)}
.sg-pay-card__glyphs svg{width:26px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:color .25s}
.sg-pay-card:has(input:checked) .sg-pay-card__glyphs{color:var(--sg-a)}
.sg-pay-card:has(input:checked) .sg-pay-card__glyphs svg{animation:var(--an-pop)}
.sg-pay-card__save:not([hidden]){animation:var(--an-pop);background:var(--sg-okbg)}
.sg-pay-card__warn{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s var(--e-out),opacity .25s}
.sg-pay-card__warn>span{overflow:hidden;min-height:0;font-size:12.5px;line-height:1.45;color:var(--c-text)}
.sg-pay-card__warn .sg-ico{color:var(--co-warn);vertical-align:-2px}
.sg-pay-card:has(input:checked) .sg-pay-card__warn{grid-template-rows:1fr;opacity:1;margin-top:8px}
:is(.sg-gwinfo,.sg-bank-info,.sg-installments,.sg-co-hint):not(.is-hidden){animation:var(--an-rise)}
.sg-trust-row li{animation:var(--an-rise);animation-delay:calc(var(--i,0)*80ms);background:var(--sg-grad-soft)}
}
/* kargo */
.sg-ship-free,.sg-it__tag,.sg-it__best,.sg-inst__tag,.sg-inst__best,.sg-fail-alt__badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-style:normal;font-size:11.5px;font-weight:700;white-space:nowrap}
.sg-ship-free{vertical-align:2px;margin-left:6px;color:var(--co-ok);background:var(--sg-okbg);border:1px solid var(--sg-okbd);animation:var(--an-pop)}
.sg-ship-free[hidden]{display:none}
.sg-choice--ship [data-ship-price]{font-variant-numeric:tabular-nums}
.sg-truck{display:block;overflow:visible}
.sg-truck__w{stroke-dasharray:2.6 2.6;transform-box:fill-box;transform-origin:center}
body .sg-checkout-page{
.sg-choice--ship:has(input:checked) .sg-truck{animation:sg310-roll .7s var(--e-out) both}
.sg-choice--ship:has(input:checked) .sg-truck__w{animation:var(--an-wheel)}
}
.sg-ship-note{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;font-size:12.5px;line-height:1.5;color:var(--c-muted)}
.sg-journey{list-style:none;margin:20px 0 0;padding:22px 4px 0;position:relative;display:flex;justify-content:space-between;container-type:inline-size;--p:1}
.sg-journey::before,.sg-journey::after{content:"";position:absolute;left:10px;right:10px;top:29px;height:2px;border-radius:2px;background:var(--sg-line)}
.sg-journey::after{background:var(--sg-grad-line);transform-origin:left;animation:sg310-fill 1s .15s var(--e-out) both}
.sg-journey li{position:relative;display:grid;gap:1px;width:33%;text-align:center;font-size:12.5px;line-height:1.35}
.sg-journey li:first-child{text-align:left}.sg-journey li:last-child{text-align:right}
.sg-journey li:first-child i{margin-left:3px}.sg-journey li:last-child i{margin-right:3px}
.sg-journey li i{position:relative;z-index:1;width:14px;height:14px;margin:0 auto 6px;border-radius:50%;background:var(--c-bg);border:3px solid var(--sg-a)}
.sg-journey li span{font-weight:700}.sg-journey li small{color:var(--c-muted);font-size:12px}
.sg-journey__truck{position:absolute;left:0;top:0;color:var(--sg-a);transform:translateX(calc(100cqw - 36px));animation:var(--an-drive);z-index:2}
body .sg-checkout-page{
.sg-freebar{overflow:visible}
}
.sg-freebar__rail{position:relative;container-type:inline-size;padding-top:14px}
.sg-freebar .sg-progress{height:8px}
.sg-freebar .sg-progress i{background:var(--sg-grad-line);width:100%!important;transform-origin:left;transform:scaleX(var(--p));transition:none;animation:sg310-fill .9s .1s var(--e-out) both}
.sg-freebar.is-reached .sg-progress i{background:var(--sg-grad-ok)}
.sg-fb-truck{position:absolute;left:0;top:-3px;color:var(--sg-a);line-height:0;transform:translateX(max(0px,calc(var(--p)*100cqw - 30px)));animation:sg310-fbdrive .9s .1s var(--e-out) both}
.sg-fb-truck__body{fill:currentColor;stroke:none}.sg-fb-truck__w{fill:var(--c-bg);stroke:currentColor;stroke-width:1.6}
.sg-freebar.is-reached .sg-fb-truck{color:var(--co-ok)}
.sg-freebar.is-reached .sg-freebar__text b{color:var(--co-ok)}
/* taksit tablosu (.sg-it) */
.sg-it{container-type:inline-size;margin:0}
.sg-it__scroll{overflow-x:auto;border:1px solid var(--sg-line);border-radius:var(--sg-r);background:var(--c-bg);-webkit-overflow-scrolling:touch}
.sg-it .sg-it__table{width:100%;min-width:470px;border-collapse:separate;border-spacing:0;font-size:14px}
.sg-it .sg-it__table :is(th,td){padding:14px 16px;text-align:left;border-bottom:1px solid var(--sg-line);vertical-align:middle;font-weight:500;text-transform:none;letter-spacing:0;color:var(--c-text)}
.sg-it .sg-it__table thead th{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted);background:var(--sg-grad-head)}
.sg-it .sg-it__table tbody tr:last-child :is(th,td){border-bottom:0}
.sg-it__row{animation:var(--an-rise);animation-delay:calc(var(--i,0)*55ms)}
.sg-product-tabs__panel:not(.is-active) .sg-it__row{animation:none}
.sg-it__row.is-single{background:var(--sg-grad-soft)}
.sg-it__n{font-weight:700;display:block}
.sg-it__m b{font-size:19px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.sg-it__m i{font-style:normal;font-size:13px;color:var(--c-muted);font-weight:600}
.sg-it__t{font-variant-numeric:tabular-nums}
.sg-it__best,.sg-inst__best{background:var(--sg-grad-line);color:var(--sg-on-a);animation:var(--an-pop);animation-delay:calc(var(--i,0)*55ms + .2s)}.sg-it__best{margin-top:5px;padding-left:6px}
.sg-it__tag,.sg-inst__tag{padding:4px 10px;font-size:12.5px;background:color-mix(in srgb,var(--c-text) 7%,var(--c-bg))}
.sg-it__tag small{font-size:11.5px;font-weight:600;color:var(--c-muted)}
.sg-it__tag.is-free,.sg-inst__tag.is-free{color:var(--co-ok);background:var(--sg-okbg);border:1px solid var(--sg-okbd)}
.sg-it__empty{margin:0 0 14px;padding:14px 16px;border-radius:12px;background:var(--sg-grad-soft);font-size:14px;line-height:1.55}
.sg-it__calc{margin-top:16px;padding:16px;border-radius:var(--sg-r);border:1px solid var(--sg-line);background:var(--sg-grad-soft);display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.sg-it__calcrow{display:flex;gap:8px}.sg-it__calcrow .sg-btn{flex:none;min-height:44px}
.sg-it__calcrow input{flex:1 1 0;min-width:0;max-width:280px;min-height:44px;padding:0 14px;border-radius:10px;border:1.5px solid var(--sg-line);background:var(--c-bg);color:var(--c-text);font:inherit;font-size:16px;letter-spacing:.08em}
.sg-it__calcrow input:focus{outline:none;border-color:var(--sg-a);box-shadow:0 0 0 4px var(--sg-ring)}
.sg-it__out:empty{display:none}
.sg-it__out.is-error p{color:var(--co-danger);font-weight:600;margin:0}
.sg-it__out>.sg-it{animation:var(--an-rise)}.sg-it__bank{margin:0 0 10px;font-size:13.5px}
.sg-inst-note{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;line-height:1.55}
.sg-inst-note .sg-ico{flex:none;margin-top:3px;color:var(--sg-a)}
@container (max-width:540px){
.sg-it__scroll{overflow:visible;border:0;background:none;border-radius:0}
.sg-it .sg-it__table{min-width:0;display:block}.sg-it .sg-it__table thead{display:none}
.sg-it .sg-it__table tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.sg-it .sg-it__table tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 16px;border:1px solid var(--sg-line);border-radius:var(--sg-r);background:var(--c-bg)}
.sg-it .sg-it__table tr.is-single{background:var(--sg-grad-soft);border-color:color-mix(in srgb,var(--sg-a) 40%,transparent)}
.sg-it .sg-it__table tr.is-best{border-color:var(--sg-a);box-shadow:0 10px 22px -16px var(--sg-glow)}
.sg-it .sg-it__table :is(th,td){display:block;padding:0;border:0;box-shadow:none!important;background:none}
.sg-it .sg-it__table th[scope=row]{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px}
.sg-it__best{margin:0}.sg-it .sg-it__m{grid-column:1/-1}.sg-it__m b{font-size:22px}
.sg-it .sg-it__t::before{content:"Toplam ";color:var(--c-muted);font-size:12.5px}
.sg-it .sg-it__table td:last-child{justify-self:end;align-self:center}}
@container (max-width:360px){.sg-it .sg-it__table td:last-child{grid-column:1/-1;justify-self:start}.sg-it__t{white-space:nowrap}}
/* magaza taksit secici */
body .sg-checkout-page{
.sg-installments__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.sg-inst{padding:13px 14px 12px;gap:3px;border-radius:var(--sg-r)}
.sg-inst__m{font-size:19px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.sg-inst__m i{font-size:12.5px}
}
.sg-inst__ck{position:absolute;top:10px;right:10px;width:20px!important;height:20px!important}
.sg-inst__tag{align-self:flex-start;margin-top:4px;padding:2px 8px}
.sg-inst__tag .sg-tk{width:11px;height:11px}
.sg-inst__best{position:absolute;top:-9px;left:10px;padding:1px 8px;font-size:10.5px}
.sg-inst.is-best{margin-top:5px}
/* mobil */
@media (max-width:1080px){
.sg-checkout-bar{animation:sg310-bar-in .45s var(--e-out) both}
.sg-checkout-bar__prog{position:absolute;left:0;right:0;top:-1px;height:3px;background:var(--sg-grad-line);transform:scaleX(var(--sg-prog,.25));transform-origin:left;transition:transform .55s var(--e-out)}
.sg-checkout-bar .sg-btn,.sg-checkout-bar__toggle{min-height:48px}
}
body .sg-checkout-page{
:is(.sg-step__btn,.sg-co-back){min-height:44px;min-width:44px;justify-content:center}
}
/* sepet */
.sg-cartpage .sg-cart-item{animation:var(--an-rise);animation-delay:calc(var(--i,0)*60ms)}
.sg-cartpage :is(.sg-qty button,.sg-qty input,.sg-cart-item__remove){min-width:44px;min-height:44px}
.sg-cartpage :is(.sg-cart-item__info>a,.sg-cart__continue,.sg-coupon>*,summary){display:flex;align-items:center;min-height:44px}
@media (max-width:560px){.sg-cartpage{.sg-cart-item{position:relative}.sg-cart-item__remove{position:absolute;top:2px;right:2px}.sg-cart-item__info{padding-right:36px}}}
.sg-qty.is-pop input{animation:sg310-pop .35s var(--e-spr)}
.sg-cart-item__total.is-bump,.sg-summary-row--total b.is-bump{animation:sg310-flash .9s ease-out;border-radius:6px}
.sg-coupon.is-bad input{border-color:var(--co-danger)}.sg-coupon.is-ok input{border-color:var(--co-ok)}
.sg-coupon__msg{min-height:0;margin:0;font-size:12.5px;font-weight:600}
.sg-coupon__msg:not(:empty){margin:2px 0 8px;animation:var(--an-rise)}
.sg-coupon__msg.is-bad{color:var(--co-danger)}.sg-coupon__msg.is-ok{color:var(--co-ok)}
.sg-cartpage .sg-coupon button{background:var(--c-text);color:var(--c-bg)}
.sg-cart-inst{margin-top:14px;border:1px solid var(--sg-line);border-radius:var(--sg-r);background:var(--c-bg);overflow:hidden}
.sg-cart-inst>summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 14px;cursor:pointer;list-style:none;font-size:13.5px;font-weight:700;background:var(--sg-grad-soft)}
.sg-cart-inst>summary::-webkit-details-marker{display:none}
.sg-cart-inst .sg-it{padding:12px}.sg-cart-inst .sg-inst-note{padding:0 14px 14px;margin:0;font-size:12px}
/* yonlendirme perdesi */
.sg-processing__box{position:relative;overflow:hidden}
.sg-processing__box::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--sg-grad-line);transform-origin:left;animation:sg310-prog 8s cubic-bezier(.2,.6,.2,1) forwards}
.sg-processing__lock{background:var(--sg-grad-soft)}
.sg-redirect__tips{position:relative;height:3em;margin-top:16px;text-align:center;font-size:12.5px;line-height:1.45;color:var(--c-muted)}
.sg-redirect__tips p{position:absolute;inset:0;margin:0;opacity:0;animation:sg310-tip 9s infinite}
.sg-redirect__tips p:nth-child(2){animation-delay:3s}.sg-redirect__tips p:nth-child(3){animation-delay:6s}
.sg-redirect__tips p:first-child{opacity:1}
/* siparis sonucu */
.sg-result :is(h1,.sg-oc-eta,.sg-oc-code,.sg-oc-grid,.sg-oc-timeline,.sg-oc-h,.sg-oc-steps,.sg-oc-sum,.sg-fail-tips,.sg-result__reason){animation:var(--an-rise);animation-delay:.6s}
.sg-result :is(.sg-oc-grid,.sg-oc-timeline,.sg-fail-tips){animation-delay:.8s}.sg-result :is(.sg-oc-h,.sg-oc-steps,.sg-oc-sum){animation-delay:1s}
.sg-result__icon--ok{color:var(--co-ok)}.sg-result__icon--fail{color:var(--co-danger)}
.sg-result__icon--ok,.sg-result__icon--fail{position:relative;width:96px;height:96px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center}
.sg-okmark{width:96px;height:96px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.sg-okmark__c{stroke-dasharray:1;transform:rotate(-90deg);transform-origin:40px 40px;animation:sg310-draw .8s .1s var(--e-out) both}
.sg-okmark__t{stroke-dasharray:1;animation:sg310-draw .5s .7s ease-out both}
.sg-oc-h{margin:22px 0 0;text-align:left;font-size:16px}
.sg-oc-steps{position:relative;gap:0}
.sg-oc-steps li{padding:4px 0 18px 46px;min-height:40px}
.sg-oc-steps li::before{width:30px;height:30px;background:var(--sg-grad-line);color:var(--sg-on-a);box-shadow:0 0 0 4px var(--sg-ring)}
.sg-oc-sum td:first-child{text-align:left}.sg-result .sg-oc-sum{border-collapse:separate;border-spacing:0;padding:4px 18px;border:1px solid var(--sg-line);border-radius:var(--sg-r);background:var(--sg-grad-soft)}
.sg-result__reason{max-width:520px;margin:14px auto 0!important;padding:12px 16px;border-radius:12px;text-align:left;color:var(--c-text);background:color-mix(in srgb,var(--co-danger) 8%,var(--c-bg));border:1px solid color-mix(in srgb,var(--co-danger) 34%,transparent)}
.sg-fail-tips{list-style:none;margin:18px auto 0;padding:0;max-width:620px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;text-align:left}
.sg-fail-tips li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--sg-grad-soft);border:1px solid var(--sg-line);font-size:13px;line-height:1.45}
.sg-fail-tips .sg-ico{flex:none;color:var(--sg-a);margin-top:1px}
.sg-fail-alt{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:8px;padding-top:18px;border-top:1px dashed var(--sg-line)}
.sg-fail-alt>small{flex-basis:100%;color:var(--c-muted);font-size:12.5px}
.sg-fail-alt__badge{margin-left:4px;color:var(--co-ok);background:var(--sg-okbg)}
@keyframes sg310-in{from{opacity:0;transform:translate3d(var(--dx,16px),0,0)}}
@keyframes sg310-rise{from{opacity:0;transform:translate3d(0,10px,0)}}
@keyframes sg310-pop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes sg310-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes sg310-fill{from{transform:scaleX(calc(var(--from,0)/max(var(--p),.001)))}}
@keyframes sg310-fbdrive{from{transform:translateX(max(0px,calc(var(--from,0)*100cqw - 30px)))}}
@keyframes sg310-drive{from{transform:translateX(0)}}
@keyframes sg310-frame{from{background-position:100% 0}to{background-position:0 0}}
@keyframes sg310-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--sg-a) 36%,transparent)}70%,100%{box-shadow:0 0 0 9px transparent}}
@keyframes sg310-flash{0%{background:color-mix(in srgb,var(--sg-a) 22%,transparent)}100%{background:transparent}}
@keyframes sg310-bar{to{transform:translateX(100%)}}
@keyframes sg310-bar-in{from{transform:translateY(100%)}}
@keyframes sg310-roll{from{transform:translateX(-9px);opacity:.4}}
@keyframes sg310-wheel{to{transform:rotate(360deg)}}
@keyframes sg310-prog{from{transform:scaleX(.04)}to{transform:scaleX(.94)}}
@keyframes sg310-tip{0%{opacity:0;transform:translateY(6px)}6%,30%{opacity:1;transform:none}36%,100%{opacity:0}}
/* hareket kapali / azaltilmis */
html[data-sg-fx=off] :is(.sg-checkout-page,.sg-cartpage,.sg-result,.sg-it,.sg-processing,.sg-checkout-bar) :is(*,*::before,*::after){transition:none!important;animation:none!important}
@media (prefers-reduced-motion:reduce){:is(.sg-checkout-page,.sg-cartpage,.sg-result,.sg-it,.sg-processing,.sg-checkout-bar) :is(*,*::before,*::after){transition:none!important;animation:none!important}}