/* SorfPanel v1.0.2 Desktop Quality Pass
   Purpose: desktop proportion, empty-state, account pages, footer and catalog filter polish.
*/
:root{--sp102-orange:#ff6500;--sp102-ink:#101828;--sp102-muted:#667085;--sp102-line:#e4e7ec;--sp102-soft:#f6f8fb;--sp102-card:#fff;--sp102-radius:14px;--sp102-shadow:0 8px 24px rgba(16,24,40,.055)}

@media(min-width:901px){
  /* Product filters: actions must remain reachable at 100% browser zoom. */
  body.page-products .search-filter-panel{max-height:calc(100vh - 104px)!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
  body.page-products .search-filter-panel form{padding-bottom:12px!important}
  body.page-products .filter-actions{position:sticky!important;bottom:0!important;z-index:5!important;margin:8px -15px -12px!important;padding:10px 15px 12px!important;background:linear-gradient(180deg,rgba(255,255,255,.92),#fff 24%)!important;border-top:1px solid #eceef1!important;grid-template-columns:minmax(0,1fr) auto!important}
  body.page-products .filter-actions .btn{min-width:0!important;width:100%!important}
  body.page-products .clear-filter{white-space:nowrap!important;padding:0 2px!important}

  /* Account sub-pages share one desktop rhythm. */
  body.page-coupons .account-mobile-page,
  body.page-wallet .account-mobile-page{max-width:1180px!important;padding:26px 24px 64px!important}
  body.page-coupons .amp-head,
  body.page-wallet .amp-head{min-height:64px;margin:0 0 18px!important;padding:0 18px;border:1px solid var(--sp102-line);border-radius:14px;background:#fff;box-shadow:none}
  body.page-coupons .amp-head h1,
  body.page-wallet .amp-head h1{font-size:24px!important;letter-spacing:-.45px;color:var(--sp102-ink)!important}
  body.page-coupons .amp-head>a,
  body.page-wallet .amp-head>a{display:flex!important;width:32px;height:32px;align-items:center;justify-content:center;border-radius:9px;text-decoration:none;color:var(--sp102-ink)!important;font-size:22px}

  /* Coupons: use the desktop canvas instead of a narrow mobile rail. */
  body.page-coupons .coupon-tabs{width:min(560px,100%)!important;max-width:none!important;margin:0 auto 18px!important;padding:5px!important;border-radius:13px!important;background:#edf1f5!important}
  body.page-coupons .coupon-tabs a{min-height:39px;display:flex;align-items:center;justify-content:center;border:0!important;border-radius:10px!important;font-size:12px!important;color:#344054!important;background:transparent!important;box-shadow:none!important}
  body.page-coupons .coupon-tabs a.active{background:#0f2236!important;color:#fff!important}
  body.page-coupons .coupon-code{width:min(620px,100%)!important;max-width:none!important;margin:0 0 18px!important;padding:12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;border-radius:13px!important;box-shadow:none!important;background:#fff!important}
  body.page-coupons .coupon-code input{height:42px!important;font-size:12px!important}
  body.page-coupons .coupon-code .amp-btn{min-width:132px;height:42px!important}
  body.page-coupons .coupon-list{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
  body.page-coupons .coupon-card{min-width:0!important;min-height:154px!important;margin:0!important;padding:16px!important;display:grid!important;grid-template-columns:98px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;border:1px solid var(--sp102-line)!important;border-radius:14px!important;box-shadow:var(--sp102-shadow)!important;background:#fff!important;position:relative;overflow:hidden!important}
  body.page-coupons .coupon-card:before{content:"";position:absolute;left:-7px;top:50%;width:14px;height:14px;border-radius:50%;background:var(--sp102-soft);border:1px solid var(--sp102-line);transform:translateY(-50%)}
  body.page-coupons .coupon-card:after{content:"";position:absolute;right:-7px;top:50%;width:14px;height:14px;border-radius:50%;background:var(--sp102-soft);border:1px solid var(--sp102-line);transform:translateY(-50%)}
  body.page-coupons .coupon-value{height:86px!important;min-height:86px!important;border-radius:12px!important;background:#fff2e8!important;color:var(--sp102-orange)!important;font-size:21px!important}
  body.page-coupons .coupon-card h3{font-size:14px!important;color:var(--sp102-ink)!important;letter-spacing:.01em}
  body.page-coupons .coupon-card p{font-size:10.5px!important;line-height:1.45!important;color:var(--sp102-muted)!important}
  body.page-coupons .coupon-card footer{margin-top:10px!important;padding-top:9px;border-top:1px dashed #eaecf0;align-items:center!important}
  body.page-coupons .coupon-card footer span{font-size:9.5px!important}
  body.page-coupons .coupon-list>.amp-empty{grid-column:1/-1!important;min-height:210px!important;margin:0!important;display:grid;place-items:center;padding:28px!important;color:var(--sp102-muted)!important;border-style:dashed!important;box-shadow:none!important}

  /* Wallet: avoid one oversized dark slab; create a balanced desktop composition. */
  body.page-wallet .wallet-main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;gap:14px!important;align-items:start!important}
  body.page-wallet .wallet-balance-card{grid-column:1!important;min-height:196px!important;padding:24px 26px!important;border-radius:16px!important;background:linear-gradient(135deg,#0e2740 0%,#174e7b 100%)!important;box-shadow:0 14px 34px rgba(17,55,89,.17)!important;display:flex;flex-direction:column;justify-content:center}
  body.page-wallet .wallet-balance-card small{font-size:11px!important;color:#bfd4e6!important}
  body.page-wallet .wallet-balance-card h2{font-size:38px!important;line-height:1!important;margin:10px 0 12px!important;color:#fff!important}
  body.page-wallet .wallet-balance-card p{font-size:12px!important;line-height:1.6!important;color:#dce8f1!important;max-width:480px!important}
  body.page-wallet .wallet-redeem-form{grid-column:2!important;min-height:196px!important;margin:0!important;padding:20px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:11px!important;border-radius:16px!important;box-shadow:var(--sp102-shadow)!important}
  body.page-wallet .wallet-redeem-form:before{content:"Hediye kartı yükle";font-size:16px;font-weight:850;color:var(--sp102-ink)}
  body.page-wallet .wallet-redeem-form:after{content:"Kodunuzu girerek bakiyenizi güvenle hesabınıza aktarabilirsiniz.";order:1;font-size:10.5px;line-height:1.45;color:var(--sp102-muted)}
  body.page-wallet .wallet-redeem-form input{order:2;width:100%!important;min-height:44px!important;font-size:12px!important}
  body.page-wallet .wallet-redeem-form button{order:3;width:100%!important;min-width:0!important;min-height:44px!important}
  body.page-wallet .wallet-transactions{grid-column:1/-1!important;min-height:154px!important;padding:18px!important;border-radius:16px!important;box-shadow:var(--sp102-shadow)!important}
  body.page-wallet .wallet-transactions h2{font-size:16px!important;margin:0 0 12px!important}
  body.page-wallet .wallet-transactions>p{margin:0;padding:24px 0;color:var(--sp102-muted)!important;font-size:11px!important;text-align:center;border-top:1px solid #f0f2f5}

  /* Orders: one coherent workspace instead of four oversized horizontal strips. */
  body.page-orders .sp-orders-page{padding:26px 24px 64px!important;background:var(--sp102-soft)!important}
  body.page-orders .sp-orders-shell{max-width:1180px!important;margin:0 auto!important}
  body.page-orders .sp-orders-head{min-height:72px;margin:0!important;padding:14px 18px!important;border:1px solid var(--sp102-line);border-radius:14px 14px 0 0;background:#fff}
  body.page-orders .sp-orders-head h1{font-size:24px!important;letter-spacing:-.45px}
  body.page-orders .sp-orders-status-tabs{margin:0!important;padding:10px 14px 0!important;gap:4px!important;border-left:1px solid var(--sp102-line);border-right:1px solid var(--sp102-line);background:#fff}
  body.page-orders .sp-orders-status-tabs a{border:0!important;border-radius:0!important;padding:10px 12px!important;background:transparent!important;color:#475467!important;position:relative}
  body.page-orders .sp-orders-status-tabs a.active{color:var(--sp102-orange)!important;background:transparent!important}
  body.page-orders .sp-orders-status-tabs a.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:4px;background:var(--sp102-orange)}
  body.page-orders .sp-orders-search{margin:0 0 16px!important;padding:12px 14px 14px!important;border:1px solid var(--sp102-line);border-top:0;border-radius:0 0 14px 14px;background:#fff}
  body.page-orders .sp-orders-search label{max-width:560px!important;border-radius:10px!important;background:#f9fafb!important}
  body.page-orders .sp-orders-search button{min-width:76px;background:var(--sp102-orange)!important;border-radius:10px!important}
  body.page-orders .sp23-empty{min-height:250px!important;padding:40px 20px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px!important;background:#fff!important}
  body.page-orders .sp23-empty:before{content:"⌑";display:grid;place-items:center;width:54px;height:54px;margin-bottom:12px;border-radius:16px;background:#fff3e9;color:var(--sp102-orange);font-size:27px}

  /* Homepage proportions: strengthen hierarchy without changing data sources. */
  body.page-index .sp-home-desktop{padding-top:20px!important;padding-bottom:24px!important}
  body.page-index .sp-home-hero-shell{grid-template-columns:180px minmax(0,1fr) 178px!important;gap:14px!important}
  body.page-index .sp-home-category-panel{min-height:318px!important;border-radius:10px!important;padding-top:15px!important}
  body.page-index .sp-home-category-panel nav a{height:25px!important}
  body.page-index .sp-home-campaign-hero{height:300px!important;border-radius:11px!important}
  body.page-index .sp-home-campaign-copy{width:58%!important;padding:30px!important}
  body.page-index .sp-home-campaign-copy strong{font-size:31px!important;line-height:1.04!important}
  body.page-index .sp-home-campaign-copy em{font-size:11.5px!important;max-width:470px}
  body.page-index .sp-home-campaign-copy b{font-size:10px!important;padding:10px 15px!important}
  body.page-index .sp-home-hero-side>a{min-height:144px!important;padding:18px!important;border-radius:10px!important;box-shadow:0 6px 18px rgba(16,24,40,.035)}
  body.page-index .sp-home-hero-side strong{font-size:16px!important}
  body.page-index .sp-home-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:720px;margin-left:194px;padding-top:14px!important;gap:10px!important}
  body.page-index .sp-home-shortcuts>a{min-height:68px!important;border-radius:10px!important}
  body.page-index main{min-height:auto!important}

  /* Footer: visible brand, useful support, no unfinished credit box, tighter spacing. */
  .site-footer{margin-top:24px!important;background:#101828!important;color:#cbd5e1!important;border-top:0!important;padding-top:0!important}
  .site-footer .footer-grid{padding-top:34px!important;padding-bottom:28px!important;grid-template-columns:minmax(250px,1.5fr) repeat(4,minmax(135px,1fr))!important;gap:30px!important}
  .site-footer .footer-logo img{max-height:38px!important;max-width:170px!important;object-fit:contain!important}
  .site-footer .footer-grid h3{color:#fff!important;font-size:12px!important}
  .site-footer .footer-grid p,.site-footer .footer-grid a{color:#aeb8c7!important}
  .site-footer .footer-grid a:hover{color:#fff!important}
  .site-footer .footer-brand p{max-width:340px!important;color:#c7d0dd!important}
  .site-footer .footer-trust span{border-color:#344054!important;background:rgba(255,255,255,.025)!important;color:#d0d5dd!important}
  .site-footer .footer-bottom{min-height:62px!important;margin-top:0!important;padding:16px 0!important;border-top:1px solid #344054!important;color:#98a2b3!important}
  .site-footer .developer-credit{background:#172235!important;border:1px solid #344054!important;color:#fff!important;min-width:210px;justify-content:flex-start!important;text-decoration:none!important}
  .site-footer .developer-credit small{color:#98a2b3!important}.site-footer .developer-credit b{color:#fff!important}
}

@media(min-width:901px) and (max-width:1180px){
  body.page-coupons .coupon-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.page-wallet .wallet-main{grid-template-columns:1fr!important}
  body.page-wallet .wallet-balance-card,body.page-wallet .wallet-redeem-form{grid-column:1!important;min-height:auto!important}
  body.page-index .sp-home-shortcuts{margin-left:0!important;max-width:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
}