/* SorfPazar UI V2 — scoped migration layer. Only active under .sp-ui-v2-active. */
.sp-ui-v2-active{
  --sp-navy:#0d1b2a;--sp-navy-2:#1b263b;--sp-orange:#ff6a00;--sp-green:#16a34a;
  --sp-bg:#f5f7fa;--sp-card:#fff;--sp-text:#243041;--sp-muted:#6b7280;--sp-line:#e5e7eb;
  --sp-ui-radius:16px;--sp-shadow:0 8px 28px rgba(13,27,42,.08);
  background:var(--sp-bg);color:var(--sp-text)
}
.sp-ui-v2-active *{box-sizing:border-box}
.sp-ui-v2-active main{min-height:60vh}
.sp-ui-v2-active .container{max-width:1320px}
.sp-ui-v2-active .header{background:#fff;border-bottom:1px solid var(--sp-line);box-shadow:0 4px 18px rgba(13,27,42,.04)}
.sp-ui-v2-active .header-main{min-height:76px;gap:22px}
.sp-ui-v2-active .search{border:1px solid #d9dee7;background:#f7f8fa;border-radius:14px;overflow:hidden}
.sp-ui-v2-active .search input{background:transparent;font-size:14px}
.sp-ui-v2-active .search button{color:var(--sp-orange)}
.sp-ui-v2-active .head-actions a{border-radius:12px;padding:8px 10px;transition:.18s ease}
.sp-ui-v2-active .head-actions a:hover{background:#f6f7f9;color:var(--sp-orange)}
.sp-ui-v2-active .category-nav{gap:6px;min-height:44px}
.sp-ui-v2-active .category-nav>a,.sp-ui-v2-active .category-nav button{border-radius:10px}
.sp-ui-v2-active .topbar{background:var(--sp-navy);color:#fff}
.sp-ui-v2-active .btn,.sp-ui-v2-active button[type=submit],.sp-ui-v2-active .primary-btn{border-radius:12px}
.sp-ui-v2-active .btn-primary,.sp-ui-v2-active button[type=submit]:not(.link-button){background:var(--sp-orange);border-color:var(--sp-orange);color:#fff}
.sp-ui-v2-active .card,.sp-ui-v2-active .panel-card,.sp-ui-v2-active .account-card,.sp-ui-v2-active .product-card,.sp-ui-v2-active .order-card{background:var(--sp-card);border:1px solid var(--sp-line);border-radius:var(--sp-ui-radius);box-shadow:var(--sp-shadow)}
.sp-ui-v2-active input,.sp-ui-v2-active select,.sp-ui-v2-active textarea{border-radius:11px;border-color:#d9dee7}
.sp-ui-v2-active .badge,.sp-ui-v2-active .pill,.sp-ui-v2-active .tag{border-radius:999px}
.sp-ui-v2-active .site-footer{background:var(--sp-navy);color:#e5edf7}
.sp-ui-v2-active .site-footer a{color:#fff}

/* Customer page-specific upgrades */
.sp-ui-v2-active.sp-ui-v2-page-home .hero,.sp-ui-v2-active.sp-ui-v2-page-home .home-hero{border-radius:20px;overflow:hidden;box-shadow:var(--sp-shadow)}
.sp-ui-v2-active.sp-ui-v2-page-home section{scroll-margin-top:90px}
.sp-ui-v2-active.sp-ui-v2-page-search .product-grid,.sp-ui-v2-active.sp-ui-v2-page-categories .product-grid{gap:18px}
.sp-ui-v2-active.sp-ui-v2-page-search .filters,.sp-ui-v2-active.sp-ui-v2-page-categories .filters{background:#fff;border:1px solid var(--sp-line);border-radius:16px;box-shadow:var(--sp-shadow)}
.sp-ui-v2-active.sp-ui-v2-page-product .product-detail,.sp-ui-v2-active.sp-ui-v2-page-product .product-shell{background:#fff;border-radius:20px;box-shadow:var(--sp-shadow);border:1px solid var(--sp-line)}
.sp-ui-v2-active.sp-ui-v2-page-product .product-price{color:var(--sp-orange)}
.sp-ui-v2-active.sp-ui-v2-page-cart .cart-page,.sp-ui-v2-active.sp-ui-v2-page-orders .orders-page,.sp-ui-v2-active.sp-ui-v2-page-account .account-page{padding-top:18px}
.sp-ui-v2-active.sp-ui-v2-page-cart .cart-summary{border-radius:16px;box-shadow:var(--sp-shadow);border:1px solid var(--sp-line)}
.sp-ui-v2-active.sp-ui-v2-page-orders .status,.sp-ui-v2-active.sp-ui-v2-page-orders .order-status{font-weight:700}

/* Panel surfaces */
.sp-ui-v2-active.sp-ui-v2-admin,.sp-ui-v2-active.sp-ui-v2-seller{--sp-bg:#f3f6fa;background:var(--sp-bg)}
.sp-ui-v2-active .panel-shell{background:var(--sp-bg)}
.sp-ui-v2-active .panel-nav{background:linear-gradient(180deg,var(--sp-navy),#101c2d);color:#fff}
.sp-ui-v2-active .panel-brand{border-bottom:1px solid rgba(255,255,255,.09)}
.sp-ui-v2-active .panel-menu-heading{color:#8fa1b7;letter-spacing:.05em}
.sp-ui-v2-active .panel-menu a{border-radius:10px;margin:2px 8px;color:#d9e3ef}
.sp-ui-v2-active .panel-menu a:hover,.sp-ui-v2-active .panel-menu a.active{background:rgba(255,106,0,.16);color:#fff}
.sp-ui-v2-active .panel-menu a.active{box-shadow:inset 3px 0 0 var(--sp-orange)}
.sp-ui-v2-active .panel-content{padding:22px 28px}
.sp-ui-v2-active .panel-top{background:#fff;border:1px solid var(--sp-line);border-radius:16px;box-shadow:var(--sp-shadow);padding:16px 20px;margin-bottom:18px}
.sp-ui-v2-active .panel-content table{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--sp-line)}
.sp-ui-v2-active .panel-content th{background:#f7f9fc;color:var(--sp-navy)}
.sp-ui-v2-active .panel-content .btn-primary{background:var(--sp-orange)}

/* Mobile */
@media(max-width:760px){
  .sp-ui-v2-active{--sp-ui-radius:14px;padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .sp-ui-v2-active .header{position:sticky;top:0;z-index:80}
  .sp-ui-v2-active .header-main{min-height:62px;padding:8px 12px;gap:8px}
  .sp-ui-v2-active .logo{font-size:18px}
  .sp-ui-v2-active .search{height:44px;border-radius:13px}
  .sp-ui-v2-active .category-nav,.sp-ui-v2-active .topbar{display:none!important}
  .sp-ui-v2-active .mobile-nav{background:#fff;border-top:1px solid var(--sp-line);box-shadow:0 -8px 24px rgba(13,27,42,.08);padding-bottom:env(safe-area-inset-bottom)}
  .sp-ui-v2-active .mobile-nav a{font-size:11px}
  .sp-ui-v2-active .mobile-nav a.active,.sp-ui-v2-active .mobile-nav a[aria-current=page]{color:var(--sp-orange)}
  .sp-ui-v2-active .container{padding-left:12px;padding-right:12px}
  .sp-ui-v2-active .panel-content{padding:12px}
  .sp-ui-v2-active .panel-top{border-radius:14px;padding:12px 14px}
  .sp-ui-v2-active .panel-menu-toggle{background:var(--sp-navy);color:#fff;border-radius:0 0 12px 0}
}
.sp-ui-v2-active .sp-table-scroll{width:100%;overflow:auto;border-radius:14px}
.sp-ui-v2-active .sp-image-error{object-fit:contain;background:#f3f4f6;padding:12px}
.sp-ui-v2-active.sp-ui-density-comfortable .card,.sp-ui-v2-active.sp-ui-density-comfortable .panel-card{padding:22px}