/* SorfPanel V27 — Aşama 9A canlı kullanıcı deneyimi */
:root{--sp-ux-orange:#ff6000;--sp-ux-text:#202124;--sp-ux-ok:#168a54;--sp-ux-danger:#c43838;--sp-ux-shadow:0 14px 38px rgba(17,24,39,.16)}
#spUxProgress{position:fixed;left:0;top:0;height:3px;width:0;z-index:2147483000;background:var(--sp-ux-orange);opacity:0;transition:width .18s ease,opacity .2s ease;pointer-events:none}
#spUxProgress.is-active{opacity:1}.sp-ux-toast-stack{position:fixed;right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));z-index:2147482000;display:grid;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}
.sp-ux-toast{pointer-events:auto;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:12px 12px 12px 13px;border:1px solid #eceef1;border-radius:13px;background:rgba(255,255,255,.98);box-shadow:var(--sp-ux-shadow);color:var(--sp-ux-text);animation:spUxToastIn .24s ease both;backdrop-filter:blur(12px)}
.sp-ux-toast.is-leaving{animation:spUxToastOut .2s ease both}.sp-ux-toast__icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef8f3;color:var(--sp-ux-ok);font-weight:900}.sp-ux-toast--error .sp-ux-toast__icon{background:#fff0f0;color:var(--sp-ux-danger)}.sp-ux-toast__copy{font-size:13px;line-height:1.35;font-weight:650}.sp-ux-toast__close{border:0;background:transparent;color:#8a8f98;font-size:18px;cursor:pointer}
@keyframes spUxToastIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}@keyframes spUxToastOut{to{opacity:0;transform:translateY(-5px) scale(.985)}}
.sp-ux-img{opacity:0;transition:opacity .28s ease}.sp-ux-img.is-loaded{opacity:1}.sp-ux-img-wrap{position:relative;background:#f4f5f7;overflow:hidden}.sp-ux-img-wrap:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#f1f2f4 25%,#fafafa 38%,#f1f2f4 55%);background-size:200% 100%;animation:spUxShimmer 1.2s linear infinite}.sp-ux-img-wrap.is-loaded:before{display:none}@keyframes spUxShimmer{to{background-position:-200% 0}}
.sp-ux-busy{position:relative;pointer-events:none;opacity:.82}.sp-ux-busy:after{content:"";display:inline-block;width:14px;height:14px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:spUxSpin .65s linear infinite}@keyframes spUxSpin{to{transform:rotate(360deg)}}
.product-card.sp-ux-added{animation:spUxAdded .42s ease}@keyframes spUxAdded{50%{transform:translateY(-3px) scale(1.01);box-shadow:0 12px 32px rgba(255,96,0,.18)}}
.sp-product-card__favorite.is-active{color:#e34b4b}.sp-product-card__favorite.is-active svg{fill:currentColor}
body.sp-ux-ready main{animation:spUxPageIn .22s ease both}@keyframes spUxPageIn{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:700px){.sp-ux-toast-stack{top:auto;bottom:calc(78px + env(safe-area-inset-bottom));right:12px;width:calc(100vw - 24px)}.sp-ux-toast{border-radius:12px}}
@media(prefers-reduced-motion:reduce){#spUxProgress,.sp-ux-toast,.sp-ux-img,body.sp-ux-ready main,.product-card.sp-ux-added{animation:none!important;transition:none!important}}


/* V27.0.2 favorite interaction hotfix: no page reload, stable button geometry, filled red state. */
.sp-product-card__favorite,.favorite-float,.mp-v1-favorite button,.favorite-detail,.mh-fav-form button{touch-action:manipulation;transform:none!important;}
.sp-product-card__favorite.is-active svg,.favorite-float.is-active svg,.mp-v1-favorite button.is-active svg,.favorite-detail.is-active svg,.mh-fav-form button.is-active svg{fill:#e11d48!important;color:#e11d48!important;stroke:#e11d48!important;}
.sp-product-card__favorite.is-active,.favorite-float.is-active,.mp-v1-favorite button.is-active,.favorite-detail.is-active,.mh-fav-form button.is-active{color:#e11d48!important;}

/* V122 stability: no entrance transforms/layout jumping on initial render */
.section,.page,.product-card,.account-card,.content-card,body.sp-ux-ready main{animation:none!important;transform:none!important;}