/* Royan consolidated stylesheet — 0.122.0-beta. Generated; edit resources/assets/royan-src. */

/* === admin-ui.css === */
:root{
  --bg:#040d22;
  --bg2:#081737;
  --surface:#0a1833;
  --surface-2:#0e2043;
  --surface-3:#101f3d;
  --line:rgba(125,157,229,.16);
  --line-strong:rgba(153,182,255,.28);
  --text:#f8fbff;
  --muted:#98a9d5;
  --purple:#8a5dff;
  --cyan:#3dd8ff;
  --green:#44d68a;
  --orange:#ffb34d;
  --red:#ff6d75;
  --shadow:0 24px 70px rgba(0,0,0,.34);
  --glow:0 0 0 1px rgba(129,154,255,.16),0 18px 40px rgba(11,19,44,.34),inset 0 0 0 1px rgba(255,255,255,.02);
  --sidebar-width:228px;
  --sidebar-collapsed:82px;
}
*{box-sizing:border-box}
html,body{margin:0;background:radial-gradient(circle at 18% -10%,#17387f 0%,#081a3f 24%,#06122d 56%,#040918 100%);color:var(--text);overflow-x:hidden;font-size:14px}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.admin-shell{display:flex;min-height:100vh;padding:12px;gap:12px}
.drawer-overlay{display:none}
/* sidebar */
.admin-sidebar{position:sticky;top:12px;align-self:flex-start;width:var(--sidebar-width);height:calc(100vh - 24px);height:calc(100dvh - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:0;background:linear-gradient(180deg,rgba(8,21,49,.98),rgba(6,18,41,.98));border:1px solid rgba(160,188,255,.14);border-radius:24px;box-shadow:var(--glow);backdrop-filter:blur(14px);overflow:hidden;transition:width .22s ease,transform .22s ease}
.sidebar-inner{display:flex;flex-direction:column;height:100%;min-height:0;padding:18px 14px 14px;overflow:hidden}
.sidebar-brand{display:flex;align-items:flex-start;gap:10px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid rgba(160,188,255,.12)}
.sidebar-brand-logo{width:50px;height:50px;border-radius:15px;padding:5px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 10px 26px rgba(0,0,0,.22)}
.sidebar-brand-title{display:block;font-size:24px;line-height:1;font-weight:950;color:#fff}
.sidebar-brand-sub{margin-top:6px;font-size:9px;line-height:1.8;color:#c2cff6;max-width:128px}
.sidebar-nav{display:flex;flex:1;min-height:0;flex-direction:column;gap:8px;padding:6px 3px 14px 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(112,137,190,.55) transparent}.sidebar-nav::-webkit-scrollbar{display:block;width:5px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(112,137,190,.42);border-radius:99px}
.sidebar-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border-radius:14px;color:#d9e4ff;transition:.15s ease;font-size:13px;font-weight:700}.sidebar-link .nav-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#e8eeff}.sidebar-link:hover{background:rgba(255,255,255,.04)}.sidebar-link.active{background:linear-gradient(90deg,rgba(139,95,255,.3),rgba(123,72,222,.18));box-shadow:inset 0 0 0 1px rgba(182,159,255,.28)}
.sidebar-business{margin-top:auto}.sidebar-version-card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:18px;background:linear-gradient(180deg,rgba(85,61,185,.22),rgba(15,23,46,.52));border:1px solid rgba(176,151,255,.18);box-shadow:0 18px 30px rgba(0,0,0,.25)}.sidebar-version-card img{width:100%;height:92px;object-fit:contain;border-radius:16px;background:radial-gradient(circle at center,rgba(119,78,255,.18),rgba(0,0,0,0) 70%)}.sidebar-version-card strong{display:block;font-size:15px}.sidebar-version-card small{display:block;margin-top:2px;font-size:9px;line-height:1.8;color:#b9c7ea}
/* collapse */
body.sidebar-collapsed{--sidebar-width:var(--sidebar-collapsed)}
body.sidebar-collapsed .sidebar-brand-copy,body.sidebar-collapsed .sidebar-link-label,body.sidebar-collapsed .sidebar-version-card strong,body.sidebar-collapsed .sidebar-version-card small{display:none}
body.sidebar-collapsed .sidebar-brand,body.sidebar-collapsed .sidebar-link{justify-content:center}
body.sidebar-collapsed .sidebar-version-card{padding:10px}body.sidebar-collapsed .sidebar-version-card img{height:64px}
/* main */
.admin-main{flex:1;min-width:0;padding:0;background:linear-gradient(180deg,rgba(6,18,44,.92),rgba(5,15,37,.96));border:1px solid rgba(160,188,255,.14);border-radius:24px;box-shadow:var(--glow);overflow:hidden}
.admin-topbar{display:grid;grid-template-columns:auto minmax(260px,1fr) auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(160,188,255,.10);background:linear-gradient(180deg,rgba(7,20,47,.96),rgba(7,18,41,.9))}
.topbar-cluster,.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-user{display:flex;align-items:center;gap:10px}.topbar-user-full{padding-left:14px;border-left:1px solid rgba(160,188,255,.10)}
.topbar-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(180deg,#1a325f,#0f2145);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);font-weight:900}.topbar-user b{display:block;font-size:14px}.topbar-user small{display:block;margin-top:4px;font-size:9px;color:#b1c0e2}
.topbar-search{display:flex;align-items:center;height:50px;padding:0 8px 0 16px;border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.035));border:1px solid rgba(160,188,255,.12);max-width:500px;width:100%;justify-self:center}.topbar-search input{flex:1;background:transparent;border:0;outline:none;color:#fff;font-size:13px}.topbar-search input::placeholder{color:#95a7d7}.topbar-search button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:11px;background:transparent;color:#fff;cursor:pointer}
.icon-btn{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid rgba(160,188,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));color:#fff;cursor:pointer}
.notify-btn span{position:absolute;top:-5px;left:-5px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ff4d4f;color:#fff;font-size:10px;font-weight:900;box-shadow:0 4px 10px rgba(255,77,79,.4)}
.mobile-menu-btn,.mobile-brand{display:none}
.admin-content{padding:14px;background:radial-gradient(circle at 80% 120%,rgba(104,61,240,.16),rgba(0,0,0,0) 28%),radial-gradient(circle at 10% 0%,rgba(0,117,255,.10),rgba(0,0,0,0) 24%)}
.mobile-bottom-nav{display:none}
/* generic elements */
.admin-content .bg-white,.admin-content .clean-surface{background:linear-gradient(180deg,rgba(9,23,52,.94),rgba(10,24,54,.9))!important;border:1px solid rgba(160,188,255,.12)!important;color:#fff;box-shadow:var(--glow)!important}
.admin-content .border-slate-200{border-color:rgba(160,188,255,.12)!important}
.admin-content .bg-slate-50,.admin-content .bg-slate-100{background:rgba(255,255,255,.04)!important}
.admin-content input,.admin-content select,.admin-content textarea{background:rgba(255,255,255,.04);border:1px solid rgba(160,188,255,.12)!important;color:#fff}.admin-content input::placeholder,.admin-content textarea::placeholder{color:#95a7d7}
.admin-content .text-slate-500,.admin-content .text-slate-400{color:#b2c0df!important}.admin-content table th{color:#a8b8dc}.admin-content table td{color:#e5eeff}.admin-content .rounded-2xl,.admin-content .rounded-3xl,.admin-content .rounded-\[18px\],.admin-content .rounded-\[20px\],.admin-content .rounded-\[22px\],.admin-content .rounded-\[24px\],.admin-content .rounded-\[26px\],.admin-content .rounded-\[28px\],.admin-content .rounded-\[30px\],.admin-content .rounded-\[32px\]{border-radius:22px!important;overflow:hidden}
/* dashboard */
.ops-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:14px;padding:16px 20px;border-radius:22px;background:linear-gradient(120deg,rgba(47,25,113,.94),rgba(10,29,77,.96) 54%,rgba(5,17,44,.97));border:1px solid rgba(162,152,255,.18);box-shadow:0 18px 38px rgba(0,0,0,.24);overflow:hidden;position:relative;min-height:250px}
.ops-hero:before{content:"";position:absolute;inset:auto auto -36px -56px;width:280px;height:120px;background:radial-gradient(circle at center,rgba(46,220,255,.32),rgba(0,0,0,0) 70%)}
.ops-hero-copy{position:relative;z-index:2}.ops-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:800;color:#e6e7ff}.ops-hero h2{margin:12px 0 0;font-size:24px;line-height:1.5;font-weight:950;color:#fff}.ops-hero p{max-width:420px;margin:8px 0 0;font-size:12px;line-height:1.9;color:#c5d0f0}.ops-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ops-primary-btn,.ops-soft-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:12px;font-size:11px;font-weight:900;transition:.15s}.ops-primary-btn{background:linear-gradient(90deg,rgba(124,84,255,.95),rgba(157,99,255,.95));box-shadow:0 12px 24px rgba(124,84,255,.3)}.ops-soft-btn{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#eef3ff}.ops-signal-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;color:#d2dcff;font-size:10px}.ops-signal-row span{display:inline-flex;align-items:center;gap:6px}.ops-signal-row i{width:8px;height:8px;border-radius:50%}.is-green{background:var(--green);box-shadow:0 0 12px rgba(68,214,138,.8)}.is-amber{background:var(--orange);box-shadow:0 0 12px rgba(255,179,77,.8)}.is-violet{background:#9b6dff;box-shadow:0 0 12px rgba(155,109,255,.8)}
.ops-hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:210px}.ops-art-halo{position:absolute;inset:auto;width:88%;height:88%;border-radius:999px;background:radial-gradient(circle at center,rgba(123,94,255,.52),rgba(69,219,255,.14) 38%,rgba(0,0,0,0) 72%);filter:blur(1px)}.ops-hero-visual>img{position:relative;z-index:2;width:92%;max-height:232px;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(0,0,0,.32))}.ops-art-note{position:absolute;left:6px;bottom:8px;z-index:3;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:14px;background:rgba(20,34,70,.88);border:1px solid rgba(169,190,255,.16);box-shadow:0 12px 26px rgba(0,0,0,.22)}.ops-art-note b{display:block;font-size:16px}.ops-art-note small{display:block;font-size:9px;color:#a9b8df}.ops-mini-badge{position:absolute;top:12px;right:6px;z-index:3;padding:9px 11px;border-radius:14px;background:rgba(9,22,51,.84);border:1px solid rgba(255,179,77,.18);text-align:center;box-shadow:0 12px 24px rgba(0,0,0,.22)}.ops-mini-badge b{display:block;font-size:15px;color:#ffd692}.ops-mini-badge small{display:block;margin-top:2px;font-size:8px;color:#c8d4f2}

.ops-shortcuts-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.ribbon-card{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:16px;border:1px solid rgba(160,188,255,.10);background:linear-gradient(180deg,rgba(10,24,54,.95),rgba(8,20,47,.95));box-shadow:var(--glow)}.ribbon-card span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;flex:0 0 auto}.ribbon-card b{display:block;font-size:13px}.ribbon-card small{display:block;margin-top:3px;font-size:9px;color:#a7b8de}.ribbon-purple span{background:linear-gradient(180deg,rgba(138,93,255,.35),rgba(138,93,255,.12));color:#d5c7ff}.ribbon-green span{background:linear-gradient(180deg,rgba(68,214,138,.35),rgba(68,214,138,.12));color:#9ef1bf}.ribbon-orange span{background:linear-gradient(180deg,rgba(255,179,77,.35),rgba(255,179,77,.12));color:#ffd9a3}.ribbon-cyan span{background:linear-gradient(180deg,rgba(61,216,255,.35),rgba(61,216,255,.12));color:#89ecff}
.ops-donut-wrap{padding:6px 12px 12px}.ops-donut{position:relative;display:grid;place-items:center;width:144px;height:144px;margin:2px auto 10px;border-radius:50%;background:conic-gradient(#8a5dff 0deg var(--ops-1), #44d68a var(--ops-1) var(--ops-2), #3dd8ff var(--ops-2) var(--ops-3), #ffb34d var(--ops-3) 360deg);box-shadow:0 0 0 8px rgba(255,255,255,.02),0 14px 28px rgba(0,0,0,.22)}.ops-donut:before{content:"";position:absolute;inset:16px;border-radius:50%;background:#0a1833;box-shadow:inset 0 0 0 1px rgba(160,188,255,.1)}.ops-donut>div{position:relative;z-index:2;text-align:center}.ops-donut b{display:block;font-size:30px;font-weight:950;color:#fff}.ops-donut small{font-size:10px;color:#a7b8de}.ops-donut-legend{display:grid;gap:7px}.ops-donut-legend span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04);font-size:9px;color:#dbe6ff}.ops-donut-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:6px}.ops-donut-legend b{font-size:10px;color:#fff}.legend-purple{background:#8a5dff}.legend-green{background:#44d68a}.legend-cyan{background:#3dd8ff}.legend-orange{background:#ffb34d}

.ops-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.ops-kpi{padding:13px 14px;border-radius:16px;border:1px solid rgba(160,188,255,.10);background:linear-gradient(180deg,rgba(10,24,54,.95),rgba(8,20,47,.95));box-shadow:var(--glow)}.ops-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ops-kpi-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;box-shadow:inset 0 0 18px rgba(255,255,255,.04)}.ops-kpi-top small{font-size:10px;color:#b6c4e7}.ops-kpi>b{display:block;margin-top:10px;font-size:28px;font-weight:950;color:#fff;line-height:1.15}.ops-kpi>span{display:block;margin-top:4px;font-size:9px;color:#9fb0d6}.is-sales .ops-kpi-icon{background:linear-gradient(180deg,rgba(124,84,255,.35),rgba(124,84,255,.1));color:#c9b8ff}.is-money .ops-kpi-icon{background:linear-gradient(180deg,rgba(61,216,255,.28),rgba(61,216,255,.08));color:#89ecff}.is-stock .ops-kpi-icon{background:linear-gradient(180deg,rgba(68,214,138,.28),rgba(68,214,138,.08));color:#9ef1bf}.is-risk .ops-kpi-icon{background:linear-gradient(180deg,rgba(255,179,77,.28),rgba(255,179,77,.08));color:#ffd9a3}
.ops-main-grid{display:grid;grid-template-columns:minmax(0,1.66fr) 312px;gap:12px;margin-top:12px}.ops-bottom-grid{display:grid;grid-template-columns:minmax(0,1.12fr) 300px;gap:12px;margin-top:12px}
.ops-panel{border-radius:18px;background:linear-gradient(180deg,rgba(10,24,54,.96),rgba(9,20,47,.96));border:1px solid rgba(160,188,255,.10);box-shadow:var(--glow)}
.ops-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 14px 11px;border-bottom:1px solid rgba(160,188,255,.08)}.ops-panel-head.compact{padding-bottom:10px}.ops-section-label{display:block;margin-bottom:4px;font-size:9px;color:#8ea6dc}.ops-panel-head h3{margin:0;font-size:18px;font-weight:900}.ops-panel-head p{margin:4px 0 0;font-size:9px;line-height:1.8;color:#94a7d7}.ops-panel-head>a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.05);font-size:9px;color:#c7d5f8}
.ops-order-list{padding:4px 10px 10px}.ops-order-row{display:grid;grid-template-columns:minmax(0,1.4fr) .72fr .6fr 14px;gap:8px;align-items:center;min-height:58px;padding:8px 6px;border-bottom:1px solid rgba(160,188,255,.08)}.ops-order-row:last-child{border-bottom:0}.ops-order-row:hover{background:rgba(255,255,255,.03);border-radius:16px}.ops-order-id{display:flex;align-items:center;gap:10px;min-width:0}.ops-order-mark,.ops-action-icon,.flow-dot{display:grid;place-items:center}.ops-order-mark{width:34px;height:34px;border-radius:12px}.ops-order-id b{display:block;font-size:11px}.ops-order-id small,.ops-order-money small,.ops-order-status small{display:block;margin-top:3px;font-size:8px;color:#94a7d7}.ops-order-money b{font-size:11px}.status-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900}.ops-row-arrow{font-size:14px;color:#90a5d5}.tone-amber{background:rgba(255,179,77,.15)!important;color:#ffcb7d!important;box-shadow:inset 0 0 0 1px rgba(255,179,77,.14)}.tone-green{background:rgba(68,214,138,.14)!important;color:#7ff0ac!important;box-shadow:inset 0 0 0 1px rgba(68,214,138,.14)}.tone-mint{background:rgba(68,214,138,.14)!important;color:#7ff0ac!important;box-shadow:inset 0 0 0 1px rgba(68,214,138,.14)}.tone-blue{background:rgba(61,216,255,.14)!important;color:#80ebff!important;box-shadow:inset 0 0 0 1px rgba(61,216,255,.14)}.tone-violet{background:rgba(138,93,255,.14)!important;color:#cbb7ff!important;box-shadow:inset 0 0 0 1px rgba(138,93,255,.14)}.tone-red{background:rgba(255,109,117,.14)!important;color:#ffb0b4!important;box-shadow:inset 0 0 0 1px rgba(255,109,117,.14)}.tone-slate{background:rgba(255,255,255,.06)!important;color:#d0daf1!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ops-action-stack{display:grid;gap:12px}.ops-action-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(160,188,255,.08)}.ops-action-item:last-child{border-bottom:0}.ops-action-item:hover{background:rgba(255,255,255,.03)}.ops-action-icon{width:34px;height:34px;border-radius:12px}.ops-action-item b{display:block;font-size:11px}.ops-action-item small{display:block;margin-top:3px;font-size:8px;line-height:1.8;color:#91a5d7}.ops-action-item strong{font-size:22px;color:#fff}
.ops-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.ops-shortcuts a{display:flex;align-items:center;gap:10px;min-height:56px;padding:12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(160,188,255,.1);font-size:12px;font-weight:800}.ops-shortcuts a span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(124,84,255,.18);color:#d5c7ff}
.ops-stock-list{padding:4px 10px 10px}.ops-stock-row{display:grid;grid-template-columns:minmax(0,1.35fr) .42fr .7fr;gap:8px;align-items:center;min-height:60px;padding:8px 6px;border-bottom:1px solid rgba(160,188,255,.08)}.ops-stock-row:last-child{border-bottom:0}.ops-stock-product{display:flex;min-width:0;align-items:center;gap:10px}.ops-stock-product img,.ops-shoe-placeholder{display:grid;place-items:center;width:48px;height:38px;border-radius:10px;background:rgba(255,255,255,.06);object-fit:contain;padding:3px}.ops-stock-product b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.ops-stock-product small,.ops-stock-count small,.ops-stock-threshold small{display:block;margin-top:3px;font-size:8px;color:#92a6d7}.ops-stock-count b{font-size:15px}.ops-stock-threshold>span{display:block;width:100%;height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.ops-stock-threshold>span i{display:block;width:var(--stock-level);height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8469,#ffbe58)}
.ops-flow-panel{padding-bottom:14px}.ops-flow-art{display:flex;justify-content:center;align-items:center;height:96px;margin:6px 12px 0;border-radius:14px;background:linear-gradient(120deg,rgba(58,30,137,.44),rgba(12,35,87,.44))}.ops-flow-art img{width:78%;max-height:82px;object-fit:contain}.ops-flow-steps{display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr;gap:6px;align-items:center;padding:12px}.ops-flow-steps>i{height:1px;background:linear-gradient(90deg,rgba(124,84,255,.45),rgba(61,216,255,.45))}.ops-flow-steps a{text-align:center}.flow-dot{width:34px;height:34px;margin:0 auto 6px;border-radius:12px}.ops-flow-steps b{display:block;font-size:20px}.ops-flow-steps small{font-size:8px;color:#97abd8}.ops-shipment-mini{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin:0 12px 12px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);font-size:8px;color:#9fb0d6}.ops-shipment-mini b{font-size:11px;color:#fff}
.ops-empty{padding:36px 18px;text-align:center;font-size:11px;color:#9fb0d6}.ops-empty.success{color:#81efb0}
/* mobile */
@media(max-width:1200px){.ops-main-grid{grid-template-columns:minmax(0,1fr) 286px}.ops-bottom-grid{grid-template-columns:minmax(0,1fr) 280px}.ops-hero h2{font-size:22px}}
@media(max-width:1023px){
  .ops-shortcuts-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-shell{display:block;padding:10px}.admin-sidebar{position:fixed;top:10px;right:10px;bottom:auto;z-index:60;width:min(82vw,310px);height:calc(100vh - 20px);height:calc(100dvh - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);transform:translateX(110%)}body.drawer-open .admin-sidebar{transform:translateX(0)}
  .drawer-overlay{position:fixed;inset:0;display:block;visibility:hidden;opacity:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);z-index:55;transition:.18s ease}body.drawer-open .drawer-overlay{visibility:visible;opacity:1}
  .admin-main{border-radius:22px}.admin-topbar{grid-template-columns:auto 1fr auto;padding:10px 10px 12px}.topbar-user-full{padding-left:0;border-left:0}.topbar-user small{display:none}.topbar-user b{font-size:13px}.topbar-avatar{width:36px;height:36px;border-radius:11px}.mobile-menu-btn{display:grid}.topbar-search{height:42px;min-width:0}.topbar-search input{font-size:11px}.topbar-search button{width:32px;height:32px}.mobile-brand{display:flex;align-items:center;gap:6px}.mobile-brand img{width:26px;height:26px}.mobile-brand b{font-size:13px}.admin-content{padding:10px 10px 82px}.ops-hero{grid-template-columns:1fr;min-height:unset}.ops-hero-visual{min-height:148px}.ops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-main-grid,.ops-bottom-grid{grid-template-columns:1fr}.ops-action-stack{grid-template-columns:1fr 1fr}.mobile-bottom-nav{position:fixed;right:10px;left:10px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:5px;border-radius:18px;background:rgba(7,18,41,.96);border:1px solid rgba(160,188,255,.14);box-shadow:0 14px 30px rgba(0,0,0,.3);z-index:45}.mobile-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:50px;border-radius:13px;font-size:8px;color:#c3d0f0}.mobile-nav-link.active{background:linear-gradient(180deg,rgba(124,84,255,.22),rgba(58,31,146,.18));color:#fff}.mobile-nav-link .ui-icon{width:18px;height:18px}
}
@media(max-width:767px){
  .admin-shell{padding:8px}.admin-main{border-radius:18px}.admin-topbar{gap:8px;padding:10px}.topbar-user-full{gap:8px}.topbar-user-full .ui-icon{display:none}.topbar-actions{gap:8px}.icon-btn{width:34px;height:34px;border-radius:10px}.notify-btn span{width:16px;height:16px;font-size:8px}.topbar-user b{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-search{grid-column:1 / -1;order:3;height:38px}.admin-topbar{grid-template-columns:auto auto;justify-content:space-between}.ops-hero{padding:14px 14px 10px;border-radius:18px}.ops-kicker{font-size:8px;padding:5px 8px}.ops-hero h2{font-size:16px;margin-top:8px}.ops-hero p{display:none}.ops-hero-actions{margin-top:10px}.ops-primary-btn,.ops-soft-btn{min-height:34px;padding:0 10px;font-size:9px;border-radius:11px}.ops-signal-row{gap:8px;margin-top:10px;font-size:8px}.ops-hero-visual{min-height:120px}.ops-hero-visual>img{max-height:124px}.ops-art-note{left:8px;bottom:8px;padding:7px 9px;border-radius:11px}.ops-art-note b{font-size:12px}.ops-art-note small,.ops-mini-badge small{font-size:7px}.ops-mini-badge{top:8px;right:2px;padding:7px 9px;border-radius:11px}.ops-mini-badge b{font-size:12px}.ops-shortcuts-ribbon{grid-template-columns:1fr;gap:8px;margin-top:10px}.ribbon-card{padding:11px 12px;border-radius:14px}.ribbon-card b{font-size:12px}.ribbon-card small{font-size:8px}.ribbon-card span{width:32px;height:32px}.ops-kpi-grid{gap:8px;margin-top:10px}.ops-kpi{padding:11px 11px;border-radius:14px}.ops-kpi-icon{width:34px;height:34px;border-radius:11px}.ops-kpi-top small{font-size:8px}.ops-kpi>b{font-size:20px}.ops-kpi>span{font-size:8px}.ops-main-grid,.ops-bottom-grid{gap:10px;margin-top:10px}.ops-panel{border-radius:16px}.ops-panel-head{padding:11px 11px 9px}.ops-panel-head h3{font-size:15px}.ops-panel-head p{display:none}.ops-panel-head>a{padding:6px 8px;font-size:8px}.ops-order-list,.ops-stock-list{padding:4px 8px 8px}.ops-order-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:58px;padding:8px 4px}.ops-order-money{display:none}.ops-order-status{grid-column:1/2;padding-right:42px}.ops-order-id b{font-size:10px}.ops-order-id small,.ops-order-status small{font-size:7px}.status-pill{font-size:7px;padding:4px 7px}.ops-action-stack{grid-template-columns:1fr}.ops-action-item{padding:9px 10px}.ops-action-item b{font-size:10px}.ops-action-item small{font-size:7px}.ops-action-item strong{font-size:18px}.ops-donut{width:122px;height:122px}.ops-donut:before{inset:14px}.ops-donut b{font-size:22px}.ops-donut small{font-size:8px}.ops-donut-legend span{padding:8px 10px;font-size:8px}.ops-stock-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:56px;padding:8px 4px}.ops-stock-count b{font-size:13px}.ops-stock-threshold{grid-column:1 / span 2;padding-right:56px}.ops-stock-product img,.ops-shoe-placeholder{width:44px;height:34px}.ops-flow-art{height:74px;margin:6px 10px 0}.ops-flow-steps{padding:10px 10px 6px;grid-template-columns:1fr 8px 1fr 8px 1fr}.flow-dot{width:30px;height:30px;border-radius:10px}.ops-flow-steps b{font-size:14px}.ops-flow-steps small,.ops-shipment-mini{font-size:7px}.ops-shipment-mini{grid-template-columns:auto 1fr;margin:0 10px 10px;padding:8px 10px}
}

/* ===== Royan Product Workspace ===== */
.product-alert{margin-bottom:12px;padding:11px 14px;border-radius:14px;font-size:11px;font-weight:800}.product-alert.is-success{background:rgba(68,214,138,.12);border:1px solid rgba(68,214,138,.2);color:#9bf1bf}.product-alert.is-error{background:rgba(255,109,117,.12);border:1px solid rgba(255,109,117,.2);color:#ffb4b8}
.product-page-hero,.product-create-hero,.product-editor-hero,.inventory-hero{position:relative;overflow:hidden;border:1px solid rgba(160,188,255,.12);background:linear-gradient(120deg,rgba(20,32,79,.96),rgba(12,30,70,.97) 54%,rgba(7,20,49,.98));box-shadow:var(--glow)}
.product-page-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:214px;padding:20px 22px;border-radius:20px;align-items:center}.product-page-copy{position:relative;z-index:2}.product-page-kicker{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(138,93,255,.12);border:1px solid rgba(169,145,255,.18);color:#d5c7ff;font-size:9px;font-weight:900}.product-page-kicker .ui-icon{width:14px;height:14px}.product-page-copy h2,.product-create-hero h2,.inventory-hero h2{max-width:720px;margin:11px 0 0;font-size:22px;line-height:1.55;font-weight:950}.product-page-copy p,.product-create-hero p,.inventory-hero p{max-width:700px;margin:7px 0 0;font-size:10px;line-height:1.9;color:#aebde1}.product-hero-actions{display:flex;gap:8px;margin-top:14px}.product-primary,.product-secondary{display:inline-flex;align-items:center;gap:7px;min-height:37px;padding:0 13px;border-radius:12px;font-size:10px;font-weight:900}.product-primary{background:linear-gradient(90deg,#7755ff,#9c66ff);box-shadow:0 10px 24px rgba(119,85,255,.25)}.product-secondary{background:rgba(255,255,255,.055);border:1px solid rgba(160,188,255,.12);color:#dbe6ff}.product-page-art{position:relative;display:flex;align-items:center;justify-content:center;height:180px}.product-page-art img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.3))}.product-art-glow{position:absolute;width:75%;height:66%;border-radius:50%;background:radial-gradient(circle,rgba(111,78,255,.38),rgba(54,208,255,.12) 42%,transparent 72%)}
.product-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:10px}.product-stat{display:flex;align-items:center;gap:10px;min-height:76px;padding:12px 13px;border-radius:15px;background:linear-gradient(180deg,rgba(10,24,54,.96),rgba(8,20,47,.96));border:1px solid rgba(160,188,255,.09);box-shadow:var(--glow)}.product-stat>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px}.pstat-icon.violet{background:rgba(138,93,255,.16);color:#c8b7ff}.pstat-icon.cyan{background:rgba(61,216,255,.14);color:#86ebff}.pstat-icon.green{background:rgba(68,214,138,.14);color:#8eeeb5}.pstat-icon.orange{background:rgba(255,179,77,.14);color:#ffd49a}.pstat-icon.red{background:rgba(255,109,117,.14);color:#ffacb2}.product-stat small{display:block;font-size:8px;color:#9eb0d5}.product-stat b{display:block;margin-top:4px;font-size:21px}.product-stat.is-warning{border-color:rgba(255,109,117,.12)}
.product-filterbar,.inventory-filterbar{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px;border-radius:15px;background:rgba(9,23,52,.88);border:1px solid rgba(160,188,255,.09);box-shadow:var(--glow)}.product-searchbox,.inventory-filterbar label{display:flex;align-items:center;gap:7px;min-width:260px;flex:1;height:40px;padding:0 11px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(160,188,255,.09)}.product-searchbox input,.inventory-filterbar label input{width:100%;height:100%;border:0!important;background:transparent!important;box-shadow:none!important;font-size:10px}.product-filterbar select,.inventory-filterbar select{height:40px;min-width:135px;padding:0 10px;border-radius:11px!important;font-size:9px}.product-filterbar button,.inventory-filterbar button{height:40px;padding:0 14px;border:0;border-radius:11px;background:#7955ff;color:#fff;font-size:9px;font-weight:900}.product-filterbar>a,.inventory-filterbar>a{font-size:9px;color:#aab9dc;padding:0 7px}.product-result-count{margin-right:auto;font-size:8px;color:#8ea1ca}
.product-catalog-list{display:grid;gap:9px;margin-top:10px}.product-catalog-card{display:grid;grid-template-columns:150px minmax(0,1.5fr) minmax(300px,.75fr) 160px;align-items:center;min-height:128px;border-radius:18px;background:linear-gradient(180deg,rgba(10,24,54,.96),rgba(8,20,47,.96));border:1px solid rgba(160,188,255,.09);box-shadow:var(--glow);overflow:hidden}.product-thumb{position:relative;display:flex;align-items:center;justify-content:center;height:100%;min-height:128px;background:linear-gradient(135deg,rgba(124,84,255,.1),rgba(61,216,255,.04))}.product-thumb img{position:relative;z-index:2;width:92%;height:112px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.24))}.product-thumb-orbit{position:absolute;width:90px;height:90px;border:1px solid rgba(110,89,255,.25);border-radius:50%;box-shadow:0 0 24px rgba(84,70,255,.12),inset 0 0 20px rgba(61,216,255,.04)}.product-card-main{min-width:0;padding:13px 15px}.product-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.product-card-title small{font-size:8px;color:#967dff;font-weight:900}.product-card-title h3{margin:3px 0 0;font-size:16px;font-weight:950}.product-state{padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}.product-state.is-ok{background:rgba(68,214,138,.12);color:#86efb0}.product-state.is-low{background:rgba(255,109,117,.12);color:#ffacb2}.product-state.is-out{background:rgba(255,255,255,.06);color:#aebbd8}.product-state.is-pattern{background:rgba(255,179,77,.12);color:#ffd18d}.product-card-desc{max-width:550px;margin:7px 0 0;font-size:9px;line-height:1.7;color:#92a5d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-color-row{display:flex;align-items:center;gap:5px;margin-top:10px;min-width:0}.product-color-row i{width:14px;height:14px;flex:0 0 auto;border-radius:50%;border:2px solid rgba(255,255,255,.75);box-shadow:0 0 0 1px rgba(160,188,255,.12)}.product-color-row em{font-size:8px;color:#9eacd0}.product-color-row span{margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:#8498c6}.product-card-data{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 12px}.product-card-data>div{padding:10px 8px;border-radius:12px;background:rgba(255,255,255,.035);text-align:center}.product-card-data small{display:block;font-size:7px;color:#91a3cd}.product-card-data b{display:block;margin-top:4px;font-size:13px}.product-card-data em{font-size:7px;font-style:normal;color:#91a3cd}.product-card-actions{display:flex;flex-direction:column;gap:6px;padding:0 12px}.product-card-actions a{display:flex;align-items:center;justify-content:center;gap:5px;min-height:34px;border-radius:11px;font-size:8px;font-weight:900}.stock-link{background:rgba(68,214,138,.09);border:1px solid rgba(68,214,138,.14);color:#8eeeb5}.manage-link{background:linear-gradient(90deg,rgba(119,85,255,.75),rgba(156,102,255,.75));color:#fff}.product-empty,.editor-empty,.inventory-empty{padding:34px;text-align:center;border:1px dashed rgba(160,188,255,.16);border-radius:18px;color:#92a5d0}.product-empty .ui-icon{width:34px;height:34px}.product-empty b{display:block;margin-top:8px;font-size:13px}.product-empty p{font-size:9px}.product-empty a{display:inline-flex;margin-top:10px;padding:8px 11px;border-radius:10px;background:#7955ff;font-size:9px;font-weight:900;color:#fff}
/* create */
.product-create-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;min-height:180px;padding:18px 22px;border-radius:20px}.product-create-hero img{width:100%;height:150px;object-fit:contain}.product-create-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:10px;margin-top:10px}.product-form-card,.product-create-side>div{border:1px solid rgba(160,188,255,.09);background:linear-gradient(180deg,rgba(10,24,54,.96),rgba(8,20,47,.96));border-radius:18px;box-shadow:var(--glow)}.product-form-card{padding:16px}.product-form-card>header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(160,188,255,.08)}.product-form-card>header>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(138,93,255,.14);color:#cbb9ff;font-size:11px;font-weight:950}.product-form-card h3{margin:0;font-size:15px}.product-form-card header p{margin:3px 0 0;font-size:8px;color:#92a5d0}.product-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px}.product-form-grid label>span{display:block;margin-bottom:6px;font-size:9px;font-weight:800;color:#dbe6ff}.product-form-grid label>span i{color:#ff7b82}.product-form-grid input,.product-form-grid textarea{width:100%;border-radius:11px!important;padding:10px 11px;font-size:10px}.product-form-grid label.wide{grid-column:1/-1}.product-form-grid label small{display:block;margin-top:5px;font-size:7px;color:#8195c2}.ltr{text-align:left;direction:ltr}.product-switch{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid rgba(160,188,255,.08);border-radius:12px;background:rgba(255,255,255,.03)}.product-switch span{margin:0!important}.product-switch span small{display:block}.product-switch input{width:18px;height:18px}.product-create-side{display:grid;gap:10px}.create-visual-card{position:relative;overflow:hidden;padding:14px;text-align:center}.create-visual-card img{position:relative;z-index:2;width:100%;height:142px;object-fit:contain}.visual-orbit{position:absolute;left:15%;right:15%;top:25px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(118,80,255,.24),transparent 70%)}.create-visual-card>span{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(68,214,138,.1);color:#88eeb1;font-size:7px;font-weight:900}.create-visual-card h3{margin:7px 0 0;font-size:13px}.create-visual-card p{font-size:8px;line-height:1.7;color:#91a4cf}.create-checklist{padding:14px}.create-checklist b{display:block;margin-bottom:8px;font-size:10px}.create-checklist span{display:block;padding:5px 0;border-bottom:1px solid rgba(160,188,255,.06);font-size:8px;color:#aab9da}.create-checklist span:last-child{border:0}.product-create-submit{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.product-create-submit a,.product-create-submit button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border-radius:11px;font-size:9px;font-weight:900}.product-create-submit a{border:1px solid rgba(160,188,255,.1);color:#a8b8db}.product-create-submit button{border:0;background:linear-gradient(90deg,#7755ff,#9c66ff);color:#fff}
/* editor */
.product-editor-hero{display:grid;grid-template-columns:180px minmax(0,1fr) 180px;gap:14px;align-items:center;min-height:154px;padding:14px 16px;border-radius:18px}.editor-cover{position:relative;height:125px;display:flex;align-items:center;justify-content:center}.editor-cover img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.28))}.editor-orbit{position:absolute;width:100px;height:100px;border:1px solid rgba(124,84,255,.25);border-radius:50%;box-shadow:0 0 28px rgba(124,84,255,.1)}.editor-title h2{margin:7px 0 0;font-size:24px}.editor-title p{margin:6px 0 0;font-size:9px;line-height:1.8;color:#96a8d2}.editor-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.editor-tags span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.045);font-size:7px;color:#c9d4ef}.editor-status{display:flex;flex-direction:column;gap:7px;align-items:stretch}.editor-status>span,.editor-status>a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:35px;border-radius:11px;font-size:8px;font-weight:900}.editor-status .is-on{background:rgba(68,214,138,.1);color:#8feeb6}.editor-status .is-off{background:rgba(255,109,117,.1);color:#ffb0b5}.editor-status>a{background:rgba(138,93,255,.1);color:#cbb9ff;border:1px solid rgba(138,93,255,.14)}.product-editor-nav{position:sticky;top:12px;z-index:25;display:flex;gap:6px;overflow:auto;margin-top:9px;padding:5px;border-radius:14px;background:rgba(7,19,44,.94);border:1px solid rgba(160,188,255,.09);box-shadow:var(--glow);scrollbar-width:none}.product-editor-nav::-webkit-scrollbar{display:none}.product-editor-nav a{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:10px;white-space:nowrap;font-size:8px;font-weight:900;color:#9eb0d7}.product-editor-nav a:hover{background:rgba(138,93,255,.11);color:#d6c8ff}.product-editor-nav b{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:rgba(138,93,255,.14);color:#c8b7ff}.product-editor-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:10px;margin-top:10px}.product-editor-side{display:grid;align-content:start;gap:10px}.editor-side-card,.editor-section{border-radius:17px;background:linear-gradient(180deg,rgba(10,24,54,.96),rgba(8,20,47,.96));border:1px solid rgba(160,188,255,.09);box-shadow:var(--glow)}.editor-side-card{padding:13px}.editor-side-card summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:10px;font-weight:900}.editor-side-card summary span{display:flex;align-items:center;gap:6px}.editor-side-form{display:grid;gap:8px;margin-top:12px}.editor-side-form label{font-size:8px;color:#aebde0}.editor-side-form input,.editor-side-form textarea{width:100%;margin-top:5px;padding:8px 9px;border-radius:10px!important;font-size:9px}.side-switch{display:flex;align-items:center;justify-content:space-between;padding:8px;border:1px solid rgba(160,188,255,.07);border-radius:10px}.side-switch input{width:16px!important}.editor-side-form button{min-height:34px;border:0;border-radius:10px;background:#7955ff;color:#fff;font-size:9px;font-weight:900}.editor-help{position:relative;padding-top:15px}.help-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(61,216,255,.1);color:#8beeff}.editor-help>b{display:block;margin-top:8px;font-size:10px}.editor-help p{margin:5px 0;font-size:8px;line-height:1.8;color:#9eb0d5}.editor-help small{font-size:7px;color:#7f93bf}.product-editor-main{display:grid;gap:10px;min-width:0}.editor-section{scroll-margin-top:82px;overflow:hidden}.editor-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid rgba(160,188,255,.08)}.editor-section-head span{font-size:7px;font-weight:950;color:#9378ff}.editor-section-head h3{margin:3px 0 0;font-size:15px}.editor-section-head p{margin:4px 0 0;font-size:8px;line-height:1.7;color:#92a4cf}.editor-section-head em{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.045);font-size:7px;font-style:normal;color:#9fb1d8}.editor-details>summary{cursor:pointer;list-style:none}.editor-details>summary::-webkit-details-marker{display:none}.carton-pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.carton-pattern-card{padding:11px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(160,188,255,.08)}.carton-pattern-card.is-ready{box-shadow:inset 0 0 0 1px rgba(68,214,138,.05)}.carton-pattern-card.is-pending{box-shadow:inset 0 0 0 1px rgba(255,179,77,.05)}.pattern-head{display:flex;justify-content:space-between;gap:8px}.pattern-head b{display:block;font-size:10px}.pattern-head small{display:block;margin-top:3px;font-size:7px;color:#8ea1cc}.pattern-head span{font-size:7px;color:#a9badc}.is-ready .pattern-head span{color:#82edac}.is-pending .pattern-head span{color:#ffd18c}.pattern-fields{display:grid;grid-template-columns:1fr 100px;gap:6px;margin-top:8px}.carton-pattern-card input{width:100%;padding:8px 9px;border-radius:9px!important;font-size:8px}.pattern-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:8px}.pattern-foot small{font-size:7px;color:#8ea1c9}.pattern-foot button{flex:0 0 auto;border:0;border-radius:9px;background:#7955ff;color:#fff;padding:7px 9px;font-size:7px;font-weight:900}.variant-create-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:10px}.variant-create-grid input,.variant-create-grid select,.bulk-price-grid input,.bulk-price-grid select{width:100%;min-width:0;padding:8px 9px;border-radius:9px!important;font-size:8px}.variant-create-grid button,.bulk-price-grid button{border:0;border-radius:9px;background:linear-gradient(90deg,#7755ff,#9c66ff);color:#fff;font-size:8px;font-weight:900}.variant-management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.variant-management-card{padding:11px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(160,188,255,.08)}.variant-management-card>header{display:flex;align-items:flex-start;gap:9px}.variant-color{width:34px;height:34px;flex:0 0 auto;border-radius:11px;border:3px solid rgba(255,255,255,.75);box-shadow:0 0 0 1px rgba(160,188,255,.13)}.variant-title{min-width:0;flex:1}.variant-title b{display:block;font-size:10px}.variant-title small{display:block;margin-top:2px;font-size:7px;color:#8fa3cf}.variant-title em{display:block;margin-top:3px;font-size:7px;font-style:normal;color:#7fe8ff}.variant-title em.danger{color:#ff9ca3}.variant-stock-badge{padding:5px 7px;border-radius:9px;font-size:7px;font-weight:900;white-space:nowrap}.variant-stock-badge.has-stock{background:rgba(68,214,138,.1);color:#83edac}.variant-stock-badge.no-stock{background:rgba(255,109,117,.1);color:#ffabb0}.variant-number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:9px}.variant-number-grid>div{padding:7px 6px;border-radius:9px;background:rgba(255,255,255,.03);text-align:center}.variant-number-grid small{display:block;font-size:6px;color:#8499c6}.variant-number-grid b{display:block;margin-top:3px;font-size:12px}.variant-number-grid em{font-size:6px;font-style:normal;color:#8499c6}.stock-adjust-form{display:grid;grid-template-columns:90px minmax(0,1fr) 70px 70px;gap:6px;margin-top:9px;padding:9px;border-radius:11px;background:linear-gradient(90deg,rgba(68,214,138,.045),rgba(255,109,117,.035));border:1px solid rgba(160,188,255,.07)}.stock-adjust-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px}.stock-adjust-title span{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:900}.stock-adjust-title small{font-size:6px;color:#8296c2}.stock-adjust-form input{padding:7px 8px;border-radius:8px!important;font-size:7px}.stock-adjust-form button{border:0;border-radius:8px;color:#fff;font-size:7px;font-weight:900}.stock-plus{background:rgba(37,166,105,.9)}.stock-minus{background:rgba(211,67,79,.9)}.variant-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.variant-secondary-actions>form,.variant-secondary-actions details{padding:8px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(160,188,255,.06)}.variant-secondary-actions>form{display:flex;gap:5px}.variant-secondary-actions input,.variant-secondary-actions select{min-width:0;width:100%;padding:6px 7px;border-radius:8px!important;font-size:7px}.variant-secondary-actions button{border:0;border-radius:8px;background:rgba(138,93,255,.65);color:#fff;padding:0 8px;font-size:7px;font-weight:900}.variant-secondary-actions summary{cursor:pointer;font-size:8px;font-weight:900}.variant-secondary-actions details form{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:7px}.variant-secondary-actions details form button{min-height:29px}.colorway-list{display:grid;gap:8px;padding:10px}.colorway-card{border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(160,188,255,.07);overflow:hidden}.colorway-card>header{display:flex;align-items:center;gap:8px;padding:10px 11px;border-bottom:1px solid rgba(160,188,255,.06)}.colorway-card>header div{flex:1}.colorway-card>header b{display:block;font-size:9px}.colorway-card>header small{display:block;margin-top:2px;font-size:7px;color:#879bc7}.colorway-card>header em{font-size:7px;font-style:normal;color:#aabbda}.media-upload-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.7fr) 70px;gap:6px;padding:9px}.media-upload-row input{padding:7px;border-radius:8px!important;font-size:7px}.media-upload-row button{border:0;border-radius:8px;background:#7955ff;color:#fff;font-size:7px;font-weight:900}.media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:0 9px 9px}.media-card{overflow:hidden;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(160,188,255,.07)}.media-card.is-primary{box-shadow:inset 0 0 0 1px rgba(68,214,138,.3)}.media-preview{position:relative;aspect-ratio:1;background:#06132f}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover}.media-preview>span{position:absolute;right:5px;top:5px;padding:3px 5px;border-radius:6px;background:#2ba66b;font-size:6px;font-weight:900}.media-card>small{display:block;padding:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:6px;color:#94a6ce}.media-actions{display:flex;gap:3px;padding:0 5px 6px}.media-actions button{min-width:24px;border:0;border-radius:6px;background:rgba(255,255,255,.06);color:#dbe5ff;padding:4px;font-size:6px}.media-actions button.danger{color:#ff9ca2}.media-empty{padding:16px;text-align:center;font-size:7px;color:#8498c6}.bulk-price-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:10px}
/* inventory */
.inventory-hero{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:center;min-height:170px;padding:18px 20px;border-radius:19px}.inventory-hero-art{display:flex;align-items:center;justify-content:center;height:135px}.inventory-hero-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.3))}.inventory-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.inventory-kpi-grid>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:11px 12px;border-radius:15px;background:linear-gradient(180deg,rgba(10,24,54,.96),rgba(8,20,47,.96));border:1px solid rgba(160,188,255,.09);box-shadow:var(--glow)}.inventory-kpi-grid>div>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(138,93,255,.13);color:#c9b8ff}.inventory-kpi-grid>div>span.amber{background:rgba(255,179,77,.12);color:#ffd18e}.inventory-kpi-grid>div>span.green{background:rgba(68,214,138,.12);color:#8deeb5}.inventory-kpi-grid>div>span.cyan{background:rgba(61,216,255,.12);color:#83eaff}.inventory-kpi-grid small{font-size:7px;color:#91a4ce}.inventory-kpi-grid b{font-size:19px}.inventory-kpi-grid em{font-size:7px;font-style:normal;color:#91a4ce}.inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10px;margin-top:10px}.inventory-list-panel,.movement-panel{border-radius:17px;background:linear-gradient(180deg,rgba(10,24,54,.96),rgba(8,20,47,.96));border:1px solid rgba(160,188,255,.09);box-shadow:var(--glow);overflow:hidden}.inventory-list-panel>header,.movement-panel>header{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-bottom:1px solid rgba(160,188,255,.07)}.inventory-list-panel>header span,.movement-panel>header span{display:block;font-size:7px;color:#9179ff}.inventory-list-panel>header h3,.movement-panel>header h3{margin:3px 0 0;font-size:14px}.inventory-list-panel>header small,.movement-panel>header small{font-size:7px;color:#8fa2cb}.inventory-row-list{padding:5px 9px 9px}.inventory-row-card{display:grid;grid-template-columns:minmax(240px,1.15fr) minmax(250px,.9fr) minmax(270px,1fr) 84px;gap:8px;align-items:center;padding:9px 5px;border-bottom:1px solid rgba(160,188,255,.07)}.inventory-row-card:last-child{border-bottom:0}.inventory-product{display:flex;align-items:center;gap:9px;min-width:0}.inventory-thumb{display:flex;align-items:center;justify-content:center;width:56px;height:44px;flex:0 0 auto;border-radius:11px;background:rgba(255,255,255,.04)}.inventory-thumb img{width:100%;height:100%;object-fit:contain;padding:3px}.inventory-product div:last-child{min-width:0}.inventory-product small{font-size:6px;color:#8397c4}.inventory-product b{display:block;margin-top:2px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-product span{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:7px;color:#94a6cf}.inventory-product span i{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.7)}.inventory-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.inventory-numbers>div{padding:6px 4px;border-radius:8px;background:rgba(255,255,255,.025);text-align:center}.inventory-numbers small{display:block;font-size:5px;color:#8195c2}.inventory-numbers b{display:block;margin-top:2px;font-size:10px}.inventory-numbers .available{background:rgba(68,214,138,.06)}.inventory-numbers .available b{color:#82edaa}.inventory-adjust{display:grid;grid-template-columns:64px minmax(0,1fr) 30px 30px;gap:4px}.inventory-adjust input{min-width:0;padding:6px 7px;border-radius:7px!important;font-size:6px}.inventory-adjust button{border:0;border-radius:7px;color:#fff;font-weight:950;font-size:11px}.inventory-adjust .plus{background:#279e66}.inventory-adjust .minus{background:#c84150}.inventory-edit-link{display:flex;align-items:center;justify-content:center;height:30px;border-radius:9px;background:rgba(138,93,255,.1);color:#c9b8ff;font-size:6px;font-weight:900}.movement-list{padding:5px 9px 9px}.movement-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 4px;border-bottom:1px solid rgba(160,188,255,.06)}.movement-item:last-child{border-bottom:0}.movement-sign{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;font-size:13px;font-weight:950}.movement-sign.in{background:rgba(68,214,138,.1);color:#81eda9}.movement-sign.out{background:rgba(255,109,117,.1);color:#ffaab0}.movement-item b{display:block;font-size:8px}.movement-item small{display:block;margin-top:2px;font-size:6px;color:#8ca0cb}.movement-item em{display:block;margin-top:2px;font-size:5px;font-style:normal;color:#6f83b0}.movement-item strong{font-size:11px}
@media(max-width:1200px){.product-page-hero{grid-template-columns:minmax(0,1fr) 270px}.product-catalog-card{grid-template-columns:130px minmax(0,1.3fr) minmax(260px,.7fr) 140px}.product-editor-layout{grid-template-columns:220px minmax(0,1fr)}.variant-create-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.inventory-layout{grid-template-columns:1fr}.movement-panel{order:2}.inventory-row-card{grid-template-columns:minmax(220px,1fr) minmax(220px,.8fr) minmax(240px,1fr) 80px}}
@media(max-width:1023px){.product-page-hero{grid-template-columns:1fr 220px}.product-stat-grid{grid-template-columns:repeat(3,1fr)}.product-catalog-card{grid-template-columns:120px minmax(0,1fr) 130px}.product-card-data{display:none}.product-editor-layout{grid-template-columns:1fr}.product-editor-side{grid-template-columns:1fr 1fr}.variant-management-grid{grid-template-columns:1fr}.product-create-layout{grid-template-columns:1fr}.product-create-side{grid-template-columns:1fr 1fr}.product-create-submit{grid-column:1}.inventory-row-card{grid-template-columns:minmax(200px,1fr) minmax(210px,.8fr);padding:9px 5px}.inventory-adjust{grid-column:1/2}.inventory-edit-link{grid-column:2/3}.bulk-price-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.product-page-hero,.product-create-hero,.inventory-hero{grid-template-columns:1fr;padding:13px;border-radius:17px;min-height:0}.product-page-copy h2,.product-create-hero h2,.inventory-hero h2{font-size:16px}.product-page-copy p,.product-create-hero p,.inventory-hero p{font-size:8px}.product-page-art,.product-create-hero>img,.inventory-hero-art{height:112px;margin-top:4px}.product-hero-actions{margin-top:10px}.product-primary,.product-secondary{min-height:33px;padding:0 10px;font-size:8px}.product-stat-grid{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}.product-stat{min-height:60px;padding:9px}.product-stat>span{width:30px;height:30px}.product-stat small{font-size:6px}.product-stat b{font-size:16px}.product-filterbar,.inventory-filterbar{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px}.product-searchbox,.inventory-filterbar label{grid-column:1/-1;min-width:0;height:36px}.product-filterbar select,.inventory-filterbar select{min-width:0;height:36px}.product-filterbar button,.inventory-filterbar button{height:36px}.product-result-count{grid-column:1/-1;margin:0}.product-catalog-list{gap:7px}.product-catalog-card{grid-template-columns:92px minmax(0,1fr);min-height:106px;border-radius:15px}.product-thumb{min-height:106px}.product-thumb img{height:92px}.product-card-main{padding:10px}.product-card-title h3{font-size:12px}.product-card-desc{display:none}.product-color-row{margin-top:7px}.product-color-row span{max-width:130px}.product-card-data{display:none}.product-card-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;padding:6px 8px 8px}.product-card-actions a{min-height:30px}.product-create-layout{gap:8px}.product-form-card{padding:12px}.product-form-grid{grid-template-columns:1fr;gap:8px}.product-form-grid label.wide{grid-column:auto}.product-create-side{grid-template-columns:1fr}.create-visual-card img{height:110px}.product-editor-hero{grid-template-columns:92px minmax(0,1fr);padding:10px}.editor-cover{height:88px}.editor-title h2{font-size:17px}.editor-title p{display:none}.editor-status{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.product-editor-nav{top:8px}.product-editor-nav a{padding:6px 7px;font-size:7px}.product-editor-side{grid-template-columns:1fr}.carton-pattern-grid{grid-template-columns:1fr;padding:8px}.variant-create-grid{grid-template-columns:repeat(2,1fr);padding:8px}.variant-create-grid button{min-height:32px}.editor-section-head{padding:11px}.editor-section-head h3{font-size:13px}.editor-section-head p{display:none}.variant-management-grid{padding:8px}.variant-number-grid{grid-template-columns:repeat(2,1fr)}.stock-adjust-form{grid-template-columns:1fr 1fr;gap:5px}.stock-adjust-title{grid-column:1/-1;display:block}.stock-adjust-title small{display:block;margin-top:3px}.stock-adjust-form input{grid-column:1/-1}.variant-secondary-actions{grid-template-columns:1fr}.media-upload-row{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr);padding:0 8px 8px}.bulk-price-grid{grid-template-columns:1fr 1fr;padding:8px}.inventory-kpi-grid{grid-template-columns:repeat(2,1fr);gap:6px}.inventory-kpi-grid>div{grid-template-columns:30px 1fr auto;padding:9px}.inventory-kpi-grid>div>span{width:30px;height:30px}.inventory-kpi-grid b{font-size:15px}.inventory-row-card{grid-template-columns:1fr;padding:9px 3px}.inventory-numbers{margin-top:4px}.inventory-adjust{grid-column:auto;grid-template-columns:62px minmax(0,1fr) 32px 32px}.inventory-edit-link{grid-column:auto;width:100%;margin-top:2px}.movement-panel{margin-bottom:70px}}

/* ===== UX Readability Pass — keep compact geometry, restore readable typography ===== */
:root{
  --ux-body:14px;
  --ux-control:13px;
  --ux-label:12px;
  --ux-caption:11px;
  --ux-muted:#adbcdf;
  --ux-muted-strong:#c0ccea;
}
body.admin-body{font-size:var(--ux-body);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.admin-content{font-size:var(--ux-body);line-height:1.65}
.admin-content small{font-size:var(--ux-caption);line-height:1.65}
.admin-content .text-xs{font-size:12px!important;line-height:1.65!important}
.admin-content .text-sm{font-size:13px!important;line-height:1.7!important}
.admin-content [class*="text-[5px]"],
.admin-content [class*="text-[6px]"],
.admin-content [class*="text-[7px]"],
.admin-content [class*="text-[8px]"],
.admin-content [class*="text-[9px]"],
.admin-content [class*="text-[10px]"]{font-size:11px!important;line-height:1.65!important}
.admin-content input,.admin-content select,.admin-content textarea{font-size:var(--ux-control)!important;line-height:1.6;color:#f7f9ff}
.admin-content input::placeholder,.admin-content textarea::placeholder{color:#98a9d1;opacity:1}

/* Shell readability */
.sidebar-brand-sub{font-size:11px;line-height:1.7;color:#b8c6e7}
.sidebar-link{font-size:14px;line-height:1.55}
.sidebar-version-card small{font-size:11px;line-height:1.65;color:#b7c5e5}
.topbar-user b{font-size:14px}.topbar-user small{font-size:11px;color:#b7c5e5}
.topbar-search input{font-size:14px}
.mobile-nav-link{font-size:10px;line-height:1.35}

/* Dashboard typography: compact cards, readable text */
.ops-kicker{font-size:11px}
.ops-hero h2{font-size:25px;line-height:1.55}
.ops-hero p{font-size:13px;line-height:1.9;color:#c9d5f3}
.ops-primary-btn,.ops-soft-btn{font-size:12px}
.ops-signal-row{font-size:11px;color:#d6e0f7}
.ops-art-note small,.ops-mini-badge small{font-size:10px;color:#b6c5e6}
.ribbon-card b{font-size:14px;line-height:1.45}.ribbon-card small{font-size:11px;line-height:1.55;color:#b2c1e1}
.ops-kpi-top small{font-size:11px;color:#c0ccec}.ops-kpi>span{font-size:10px;line-height:1.55;color:#adbcdf}
.ops-section-label{font-size:10px;color:#9cb1df}.ops-panel-head h3{font-size:19px}.ops-panel-head p{font-size:11px;line-height:1.75;color:#aebddf}.ops-panel-head>a{font-size:10px}
.ops-order-id b,.ops-order-money b{font-size:12px}.ops-order-id small,.ops-order-money small,.ops-order-status small{font-size:10px;line-height:1.5;color:#aab9dc}.status-pill{font-size:10px}
.ops-action-item b{font-size:12px}.ops-action-item small{font-size:10px;line-height:1.6;color:#a8b9dd}
.ops-donut small{font-size:10px}.ops-donut-legend span{font-size:10px}.ops-donut-legend b{font-size:11px}
.ops-stock-product b{font-size:12px}.ops-stock-product small,.ops-stock-count small,.ops-stock-threshold small{font-size:10px;color:#a9b9dc}.ops-flow-steps small,.ops-shipment-mini{font-size:10px;line-height:1.55}

/* Product list */
.product-alert{font-size:12px;line-height:1.7}
.product-page-kicker{font-size:11px}.product-page-copy h2,.product-create-hero h2,.inventory-hero h2{font-size:23px}.product-page-copy p,.product-create-hero p,.inventory-hero p{font-size:12px;line-height:1.85;color:#bdcae8}
.product-primary,.product-secondary{font-size:12px}
.product-stat small{font-size:11px;color:#adbcdf}.product-stat b{font-size:21px}
.product-searchbox input,.inventory-filterbar label input{font-size:13px!important}.product-filterbar select,.inventory-filterbar select,.product-filterbar button,.inventory-filterbar button{font-size:12px!important}.product-filterbar>a,.inventory-filterbar>a,.product-result-count{font-size:11px;color:#aebddd}
.product-card-title small{font-size:10px}.product-card-title h3{font-size:15px;line-height:1.55}.product-state{font-size:10px}.product-card-desc{font-size:11px;line-height:1.7;color:#acbcde}.product-color-row em,.product-color-row span{font-size:10px}.product-card-data small,.product-card-data em{font-size:10px;color:#aab9da}.product-card-data b{font-size:13px}.product-card-actions a{font-size:11px}.product-empty b{font-size:14px}.product-empty p,.product-empty a{font-size:11px}

/* Create / edit product */
.product-form-card>header>span{font-size:12px}.product-form-card h3{font-size:16px}.product-form-card header p{font-size:11px;line-height:1.7;color:#aebddd}
.product-form-grid label>span{font-size:12px}.product-form-grid input,.product-form-grid textarea{font-size:13px!important}.product-form-grid label small{font-size:10px;line-height:1.6;color:#a2b2d5}
.create-visual-card>span{font-size:10px}.create-visual-card h3{font-size:14px}.create-visual-card p{font-size:11px;line-height:1.7}.create-checklist b{font-size:12px}.create-checklist span{font-size:11px;line-height:1.6}.product-create-submit a,.product-create-submit button{font-size:12px}
.editor-title h2{font-size:24px}.editor-title p{font-size:11px;line-height:1.7;color:#b0bfdf}.editor-tags span{font-size:10px}.editor-status>span,.editor-status>a{font-size:11px}.product-editor-nav a{font-size:11px}
.editor-side-card summary{font-size:12px}.editor-side-form label{font-size:11px}.editor-side-form input,.editor-side-form textarea{font-size:12px!important}.editor-side-form button{font-size:11px}.editor-help>b{font-size:12px}.editor-help p,.editor-help small{font-size:10px;line-height:1.65}
.editor-section-head span,.editor-section-head em{font-size:10px}.editor-section-head h3{font-size:16px}.editor-section-head p{font-size:11px;line-height:1.7;color:#aebddd}
.pattern-head b{font-size:12px}.pattern-head small,.pattern-head span,.pattern-foot small{font-size:10px;line-height:1.6}.carton-pattern-card input{font-size:12px!important}.pattern-foot button{font-size:11px}
.variant-create-grid input,.variant-create-grid select,.bulk-price-grid input,.bulk-price-grid select{font-size:12px!important}.variant-create-grid button,.bulk-price-grid button{font-size:11px}
.variant-title b{font-size:12px}.variant-title small,.variant-title em{font-size:10px;line-height:1.5}.variant-stock-badge{font-size:10px}.variant-number-grid small,.variant-number-grid em{font-size:9.5px}.variant-number-grid b{font-size:13px}
.stock-adjust-title span{font-size:11px}.stock-adjust-title small{font-size:10px;line-height:1.5}.stock-adjust-form input{font-size:12px!important}.stock-adjust-form button{font-size:11px}.variant-secondary-actions input,.variant-secondary-actions select{font-size:11px!important}.variant-secondary-actions button,.variant-secondary-actions summary{font-size:10px}
.colorway-card>header b{font-size:12px}.colorway-card>header small,.colorway-card>header em{font-size:10px}.media-upload-row input{font-size:11px!important}.media-upload-row button{font-size:11px}.media-preview>span{font-size:9px}.media-card>small{font-size:10px}.media-actions button{font-size:9px}.media-empty{font-size:11px}

/* Inventory */
.inventory-kpi-grid small,.inventory-kpi-grid em{font-size:10px;color:#aebddd}.inventory-kpi-grid b{font-size:19px}
.inventory-list-panel>header span,.movement-panel>header span{font-size:10px}.inventory-list-panel>header h3,.movement-panel>header h3{font-size:15px}.inventory-list-panel>header small,.movement-panel>header small{font-size:10px;color:#aebddd}
.inventory-product small{font-size:10px;color:#9fb2da}.inventory-product b{font-size:12px;line-height:1.5}.inventory-product span{font-size:10px;color:#adbcdf}
.inventory-numbers small{font-size:9.5px;color:#a2b4d8}.inventory-numbers b{font-size:13px}.inventory-adjust input{font-size:12px!important}.inventory-adjust button{font-size:13px}.inventory-edit-link{font-size:10px}
.movement-item b{font-size:11px}.movement-item small{font-size:9.5px;line-height:1.55;color:#a4b5d8}.movement-item em{font-size:9px;color:#879ac4}.movement-item strong{font-size:13px}

/* Better contrast for secondary copy on dark surfaces */
.product-page-copy p,.product-create-hero p,.inventory-hero p,.product-card-desc,.editor-title p,.editor-section-head p,.editor-help p,.ops-panel-head p,.ops-action-item small{color:var(--ux-muted-strong)}

@media(max-width:1023px){
  .topbar-search input{font-size:13px}
  .mobile-nav-link{font-size:10px}
  .ops-hero h2{font-size:21px}
}

@media(max-width:767px){
  body.admin-body{font-size:13px}
  .admin-content{font-size:13px;line-height:1.65}
  .admin-content small{font-size:11px}
  /* 16px form controls prevent mobile browser auto-zoom and improve tap readability. */
  .admin-content input,.admin-content select,.admin-content textarea,
  .product-searchbox input,.inventory-filterbar label input,
  .product-form-grid input,.product-form-grid textarea,
  .editor-side-form input,.editor-side-form textarea,
  .carton-pattern-card input,.variant-create-grid input,.variant-create-grid select,
  .bulk-price-grid input,.bulk-price-grid select,.stock-adjust-form input,
  .variant-secondary-actions input,.variant-secondary-actions select,
  .media-upload-row input,.inventory-adjust input{font-size:16px!important}
  .admin-content button,.admin-content select{min-height:42px}
  .sidebar-link{font-size:14px;min-height:46px}
  .sidebar-brand-sub,.sidebar-version-card small{font-size:11px}
  .topbar-user b{font-size:13px}.topbar-search input{font-size:14px!important}
  .mobile-nav-link{font-size:10px;min-height:52px}

  .ops-kicker{font-size:10px}.ops-hero h2{font-size:19px}.ops-primary-btn,.ops-soft-btn{font-size:11px;min-height:40px}.ops-signal-row{font-size:10px}
  .ops-art-note small,.ops-mini-badge small{font-size:9px}.ribbon-card b{font-size:13px}.ribbon-card small{font-size:10px}
  .ops-kpi-top small{font-size:10px}.ops-kpi>span{font-size:9.5px}.ops-panel-head h3{font-size:16px}.ops-panel-head>a{font-size:10px}.ops-order-id b{font-size:11px}.ops-order-id small,.ops-order-status small,.status-pill{font-size:9.5px}.ops-action-item b{font-size:11px}.ops-action-item small{font-size:9.5px}.ops-donut-legend span{font-size:9.5px}.ops-flow-steps small,.ops-shipment-mini{font-size:9px}

  .product-page-copy h2,.product-create-hero h2,.inventory-hero h2{font-size:19px}.product-page-copy p,.product-create-hero p,.inventory-hero p{font-size:11px}.product-primary,.product-secondary{font-size:11px;min-height:42px}.product-stat small{font-size:10px}.product-card-title h3{font-size:14px}.product-editor-nav a{font-size:10px;min-height:38px}.editor-section-head h3{font-size:15px}.editor-section-head p{font-size:10px}.inventory-kpi-grid small,.inventory-kpi-grid em{font-size:9.5px}.inventory-product b{font-size:12px}.inventory-product small,.inventory-product span{font-size:9.5px}.inventory-numbers small{font-size:9px}.movement-item b{font-size:11px}.movement-item small,.movement-item em{font-size:9px}
}

body.theme-light{--bg:#f4f7fc;--panel:#ffffff;--panel-2:#f7faff;--stroke:rgba(35,52,93,.12);--text:#1b2742;--muted:#617292;--glow:0 18px 35px rgba(21,39,84,.08);background:linear-gradient(180deg,#eef4ff 0%,#f8fbff 100%);color:var(--text)}
body.theme-light .admin-shell{background:transparent}
body.theme-light .admin-sidebar,body.theme-light .admin-topbar,body.theme-light .admin-main,body.theme-light .mobile-bottom-nav{background:rgba(255,255,255,.94)!important;border-color:rgba(35,52,93,.1)!important;box-shadow:0 12px 32px rgba(16,33,73,.08)!important}
body.theme-light .menu-link,body.theme-light .side-head-copy p,body.theme-light .topbar-user small,body.theme-light .topbar-search input::placeholder,body.theme-light .nav-section-title{color:#627292!important}
body.theme-light .side-head-copy h1,body.theme-light .topbar-user b,body.theme-light .menu-link.active,body.theme-light .admin-main{color:#1c2842!important}
body.theme-light .topbar-search{background:#f6f9ff;border-color:#dce7fb}
body.theme-light .topbar-search input{color:#1b2742}
body.theme-light .icon-btn,body.theme-light .mobile-nav-link{background:#f4f8ff;color:#2f436d}
body.theme-light .notify-btn span{background:#e65263}
body.theme-light .admin-content input,body.theme-light .admin-content select,body.theme-light .admin-content textarea{background:#fff!important;border:1px solid #d5e2fb!important;color:#1b2742!important}
body.theme-light .admin-content input::placeholder,body.theme-light .admin-content textarea::placeholder{color:#8a9bbc!important}
body.theme-light .admin-content select option{background:#fff;color:#1b2742}
body.theme-light .product-alert.is-success{background:rgba(68,214,138,.12);color:#128749}body.theme-light .product-alert.is-error{background:rgba(255,109,117,.12);color:#c1384d}

body.theme-dark .admin-content select{color-scheme:dark;background-color:#0c1934!important;color:#f5f8ff!important}
body.theme-dark .admin-content select option{background:#0c1934;color:#f5f8ff}
.confirm-stock-summary{display:grid;gap:8px;padding:12px;border-radius:14px;background:rgba(75,96,170,.07);font-size:12px;line-height:1.8}.confirm-stock-summary>b{font-size:14px}.confirm-stock-summary span{display:flex;justify-content:space-between;gap:12px}.confirm-stock-summary strong{font-weight:900}.swal2-popup-lite.is-dark .confirm-stock-summary{background:rgba(255,255,255,.05)}
.breakdown-empty{grid-column:1/-1;padding:12px;border-radius:12px;background:rgba(255,255,255,.03);font-size:10px;color:#9fb2da;text-align:center}

/* Royan V2 complete light-theme overrides */
body.theme-light{background:linear-gradient(180deg,#edf3ff 0%,#f7faff 52%,#fbfcff 100%)!important;color:#18243e!important}
body.theme-light .admin-main{background:#f8fbff!important;border-color:#dbe5f6!important;color:#18243e!important}
body.theme-light .admin-sidebar{background:rgba(255,255,255,.97)!important;border-color:#dce6f7!important}
body.theme-light .sidebar-brand{border-color:#e4ebf7!important}
body.theme-light .sidebar-brand-logo{background:#f2f6ff!important}
body.theme-light .sidebar-brand-title{color:#15223f!important}
body.theme-light .sidebar-brand-sub{color:#68799a!important}
body.theme-light .sidebar-link{color:#354766!important}
body.theme-light .sidebar-link:hover{background:#f3f7ff!important}
body.theme-light .sidebar-link.active{background:linear-gradient(90deg,#edf0ff,#f4efff)!important;color:#563ed2!important;box-shadow:inset 0 0 0 1px #dcd4ff!important}
body.theme-light .sidebar-link .nav-icon{color:#536786!important}
body.theme-light .sidebar-link.active .nav-icon{color:#674ee4!important}
body.theme-light .sidebar-version-card{background:linear-gradient(180deg,#f5f2ff,#f7faff)!important;border-color:#e2dcff!important;color:#18243e!important}
body.theme-light .sidebar-version-card small{color:#697a99!important}
body.theme-light .admin-topbar{background:rgba(255,255,255,.94)!important;border-color:#e0e8f6!important}
body.theme-light .topbar-avatar{background:linear-gradient(180deg,#edf3ff,#dde9ff)!important;color:#27416d!important}
body.theme-light .topbar-user b{color:#18243e!important}
body.theme-light .topbar-user small{color:#6e7f9d!important}
body.theme-light .topbar-search{background:#f5f8fe!important;border-color:#dce6f7!important}
body.theme-light .topbar-search input{color:#18243e!important}
body.theme-light .topbar-search input::placeholder{color:#8998b2!important}
body.theme-light .icon-btn{background:#f4f7fd!important;border-color:#dce6f7!important;color:#354a72!important}
body.theme-light .admin-content{background:radial-gradient(circle at 85% 0%,rgba(98,77,232,.07),transparent 25%),#f8fbff!important;color:#18243e!important}
body.theme-light .admin-content .bg-white,body.theme-light .admin-content .clean-surface{background:#fff!important;border-color:#dce6f7!important;color:#18243e!important;box-shadow:0 14px 34px rgba(27,49,92,.07)!important}
body.theme-light .admin-content .bg-slate-50,body.theme-light .admin-content .bg-slate-100{background:#f5f8fd!important}
body.theme-light .admin-content .border-slate-200{border-color:#dce6f7!important}
body.theme-light .admin-content .text-slate-500,body.theme-light .admin-content .text-slate-400{color:#667895!important}
body.theme-light .admin-content table th{color:#667895!important}
body.theme-light .admin-content table td{color:#21304d!important}
body.theme-light .admin-content input,body.theme-light .admin-content select,body.theme-light .admin-content textarea{background:#fff!important;border-color:#d8e3f6!important;color:#18243e!important;box-shadow:none!important}
body.theme-light .admin-content input::placeholder,body.theme-light .admin-content textarea::placeholder{color:#92a0b9!important}
body.theme-light .admin-content select{color-scheme:light!important}
body.theme-light .admin-content select option{background:#fff!important;color:#18243e!important}
body.theme-light .mobile-bottom-nav{background:rgba(255,255,255,.96)!important;border-color:#dce6f7!important}
body.theme-light .mobile-nav-link{color:#647695!important}
body.theme-light .mobile-nav-link.active{background:#eef0ff!important;color:#583fd7!important}
body.theme-light .drawer-overlay{background:rgba(22,34,58,.28)!important}

/* ===== Royan product-list UX pass / compact contextual topbar ===== */
.topbar-page-context{display:flex;align-items:center;gap:10px;justify-self:center;width:min(100%,560px);min-height:42px;padding:4px 12px;border-radius:14px;color:#eef4ff}
.topbar-page-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.055);border:1px solid rgba(160,188,255,.11);color:#cbd8ff}
.topbar-page-context b{display:block;font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-page-context small{display:block;margin-top:2px;font-size:9px;color:#91a4d1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.theme-light .topbar-page-context{color:#18243e}.theme-light .topbar-page-icon{background:#f4f7fd;border-color:#dce6f7;color:#4f648d}.theme-light .topbar-page-context small{color:#7383a1}
@media(max-width:767px){.topbar-page-context{justify-self:stretch;padding:2px 0;background:transparent;min-height:36px}.topbar-page-icon{display:none}.topbar-page-context small{display:none}.topbar-page-context b{font-size:13px}.admin-topbar{grid-template-columns:auto minmax(0,1fr) auto!important}.mobile-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}}

/* ===== Phase 69 — Dashboard light-first compact operations home ===== */
.dash69-hero{display:flex;direction:rtl;align-items:center;justify-content:space-between;gap:18px;min-height:178px;padding:16px 20px;border:1px solid rgba(122,146,194,.18);border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(135deg,#102754 0%,#17366f 62%,#234d91 100%);box-shadow:0 16px 36px rgba(30,54,106,.13)}
.dash69-hero:before{content:"";position:absolute;inset:auto -90px -120px auto;width:330px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(67,220,255,.18),transparent 70%);pointer-events:none}
.dash69-hero-copy{position:relative;z-index:2;flex:1;min-width:0}.dash69-kicker{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);color:#edf5ff;font-size:10px;font-weight:900}.dash69-kicker .ui-icon{width:15px;height:15px}.dash69-hero h1{margin:9px 0 0;font-size:23px;line-height:1.55;font-weight:950;color:#fff}.dash69-signals{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.dash69-signals span{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.11);color:#dbe7ff;font-size:10px;font-weight:800}.dash69-signals b{font-size:12px;color:#fff}.dash69-signals i{width:7px;height:7px;border-radius:99px;box-shadow:none}
.dash69-hero-art{position:relative;z-index:2;flex:0 0 330px;height:148px;display:flex;align-items:center;justify-content:center;direction:ltr}.dash69-hero-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(3,12,36,.28))}

.dash69-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px}
.dash69-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dash69-kpi{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:9px;align-items:center;min-height:86px;padding:10px 11px;border-radius:17px;border:1px solid rgba(119,142,187,.16);background:#fff;box-shadow:0 8px 22px rgba(30,54,106,.07);transition:transform .14s ease,border-color .14s ease}.dash69-kpi:hover{transform:translateY(-1px);border-color:#c7d7f4}.dash69-kpi-icon{grid-row:1/4;display:grid;place-items:center;width:38px;height:38px;border-radius:12px}.dash69-kpi-icon .ui-icon{width:19px;height:19px}.dash69-kpi small{font-size:10px;font-weight:900;color:#526683;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash69-kpi>b{font-size:19px;line-height:1.15;color:#172a49;font-weight:950}.dash69-kpi>b.is-money{font-size:15px}.dash69-kpi em{font-size:8.5px;font-style:normal;color:#8291a9}.dash69-kpi.is-order .dash69-kpi-icon{background:#efedff;color:#6747d9}.dash69-kpi.is-waiting .dash69-kpi-icon{background:#fff3dd;color:#b47517}.dash69-kpi.is-sales .dash69-kpi-icon{background:#e7f8f0;color:#21865c}

.dash69-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;border:1px solid rgba(119,142,187,.16);border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(30,54,106,.07)}.dash69-shortcuts a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:70px;padding:7px 5px;border-radius:13px;background:#f7f9fe;border:1px solid #e7edf8;color:#2c4367;transition:.14s ease}.dash69-shortcuts a:hover{background:#f0f5ff;border-color:#cfdbf2}.dash69-shortcuts span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#edf3ff;color:#3f63a5}.dash69-shortcuts .ui-icon{width:17px;height:17px}.dash69-shortcuts b{font-size:9.5px;line-height:1.4;text-align:center;white-space:nowrap}

.dash69-panel{margin-top:10px;border:1px solid rgba(119,142,187,.16);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(30,54,106,.07);overflow:hidden}.dash69-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:9px 13px;border-bottom:1px solid #e8edf6}.dash69-panel-head.compact{min-height:46px;padding-block:8px}.dash69-panel-head span{display:block;color:#6c7f9d;font-size:8.5px;font-weight:850}.dash69-panel-head h2{margin:2px 0 0;color:#1d3151;font-size:14px;font-weight:950}.dash69-panel-head>a{display:inline-flex;align-items:center;min-height:29px;padding:0 9px;border-radius:9px;background:#f2f6fc;color:#3d5d91;font-size:8.5px;font-weight:900}
.dash69-table-scroll{overflow:auto;scrollbar-width:thin}.dash69-orders-table{width:100%;border-collapse:collapse;table-layout:fixed}.dash69-orders-table th{padding:7px 9px;background:#f8fafe;border-bottom:1px solid #e7edf7;color:#7586a1!important;font-size:8px;font-weight:900;text-align:right;white-space:nowrap}.dash69-orders-table td{height:43px;padding:6px 9px;border-bottom:1px solid #eef2f8;color:#2b3d59!important;font-size:9px;vertical-align:middle}.dash69-orders-table tbody tr:last-child td{border-bottom:0}.dash69-orders-table tbody tr:hover{background:#fbfdff}.dash69-orders-table td b{display:block;color:#1d3150;font-size:9.5px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash69-orders-table td strong{color:#1e416d;font-size:9.5px}.dash69-orders-table td small{display:block;margin-top:2px;color:#8b99ad;font-size:7.5px;white-space:nowrap}.dash69-orders-table th:nth-child(1){width:18%}.dash69-orders-table th:nth-child(2){width:18%}.dash69-orders-table th:nth-child(3){width:14%}.dash69-orders-table th:nth-child(4){width:14%}.dash69-orders-table th:nth-child(5){width:14%}.dash69-orders-table th:nth-child(6){width:17%}.dash69-orders-table th:nth-child(7){width:5%}.dash69-status{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:7.5px;font-weight:900;white-space:nowrap}.dash69-status.tone-amber{background:#fff4dc;color:#946616}.dash69-status.tone-mint{background:#e7f8ef;color:#267b56}.dash69-status.tone-blue{background:#eaf1ff;color:#345da6}.dash69-status.tone-red{background:#fdecee;color:#b24655}.dash69-status.tone-slate{background:#edf1f6;color:#687789}.dash69-muted{color:#98a5b7;font-size:8px}.dash69-row-link{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#f2f6fc;color:#496897}.dash69-row-link .ui-icon{width:14px;height:14px}.dash69-empty{height:70px!important;text-align:center;color:#8695aa!important}

.dash69-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:10px}.dash69-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px}.dash69-action-grid>a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:7px 9px;border:1px solid #e8edf6;border-radius:12px;background:#fbfcff}.dash69-action-grid>a>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px}.dash69-action-grid .ui-icon{width:16px;height:16px}.dash69-action-grid b{display:block;color:#2a3e5e;font-size:9.5px}.dash69-action-grid small{display:block;margin-top:2px;color:#8896aa;font-size:7.5px}.dash69-action-grid strong{color:#1e3557;font-size:16px}.tone-purple{background:#f0edff;color:#6744da}.tone-green{background:#e8f8ef;color:#258059}.tone-cyan{background:#e7f8fc;color:#2481a3}.tone-orange{background:#fff3df;color:#ad7016}
.dash69-flow-steps{display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr;align-items:center;gap:4px;padding:10px 11px 6px}.dash69-flow-steps>a{display:grid;grid-template-columns:31px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;justify-content:center;min-height:47px}.dash69-flow-steps>a>span{grid-row:1/3;display:grid;place-items:center;width:31px;height:31px;border-radius:10px}.dash69-flow-steps .ui-icon{width:16px;height:16px}.dash69-flow-steps b{font-size:14px;color:#203555;line-height:1.1}.dash69-flow-steps small{font-size:8px;color:#8291a7}.dash69-flow-steps>i{height:1px;background:#d8e1ef}.dash69-last-shipment{display:flex;align-items:center;gap:7px;margin:0 10px 9px;padding:7px 9px;border-radius:10px;background:#f7f9fd;color:#71829c;font-size:7.5px}.dash69-last-shipment b{color:#29415f;font-size:8.5px}.dash69-last-shipment small{margin-right:auto;color:#8796aa;font-size:7.5px}

/* Dark theme keeps the same geometry but receives real dark surfaces. */
body.theme-dark .dash69-hero{background:linear-gradient(135deg,#101e40,#172e5d 62%,#1d427c);border-color:rgba(142,168,225,.15);box-shadow:0 16px 34px rgba(0,0,0,.25)}
body.theme-dark .dash69-kpi,body.theme-dark .dash69-shortcuts,body.theme-dark .dash69-panel{background:linear-gradient(180deg,#0d1c3b,#0a1833);border-color:rgba(150,177,236,.13);box-shadow:0 10px 24px rgba(0,0,0,.22)}
body.theme-dark .dash69-kpi small,body.theme-dark .dash69-panel-head span{color:#9eb0d5}.theme-dark .dash69-kpi>b,.theme-dark .dash69-panel-head h2,.theme-dark .dash69-orders-table td b,.theme-dark .dash69-orders-table td strong,.theme-dark .dash69-flow-steps b,.theme-dark .dash69-action-grid b,.theme-dark .dash69-action-grid strong{color:#f1f6ff}.theme-dark .dash69-kpi em,.theme-dark .dash69-orders-table td small,.theme-dark .dash69-action-grid small,.theme-dark .dash69-flow-steps small{color:#9aadd2}.theme-dark .dash69-shortcuts a,.theme-dark .dash69-action-grid>a,.theme-dark .dash69-last-shipment{background:#0f2143;border-color:rgba(150,177,236,.11);color:#dce8ff}.theme-dark .dash69-shortcuts span,.theme-dark .dash69-row-link{background:#132950;color:#b9cdf7}.theme-dark .dash69-panel-head{border-color:rgba(150,177,236,.10)}.theme-dark .dash69-panel-head>a{background:#14284b;color:#bfd0f1}.theme-dark .dash69-orders-table th{background:#0f2041;border-color:rgba(150,177,236,.09);color:#95a9d1!important}.theme-dark .dash69-orders-table td{border-color:rgba(150,177,236,.07);color:#dce7fb!important}.theme-dark .dash69-orders-table tbody tr:hover{background:#0f2140}.theme-dark .dash69-flow-steps>i{background:#294064}.theme-dark .dash69-last-shipment b{color:#eaf2ff}

@media(max-width:1023px){.dash69-hero-art{flex-basis:260px}.dash69-overview-grid{grid-template-columns:1fr}.dash69-bottom-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){
 .dash69-hero{min-height:126px;padding:10px 11px;border-radius:17px;gap:7px}.dash69-hero-copy{min-width:0}.dash69-kicker{min-height:25px;padding:0 8px;font-size:8px}.dash69-kicker .ui-icon{width:12px;height:12px}.dash69-hero h1{margin-top:6px;font-size:14px;line-height:1.55}.dash69-signals{gap:5px;margin-top:8px}.dash69-signals span{min-height:24px;padding:0 7px;font-size:7.5px}.dash69-signals b{font-size:9px}.dash69-signals i{width:5px;height:5px}.dash69-hero-art{flex:0 0 116px;height:103px}.dash69-hero-art img{filter:drop-shadow(0 8px 12px rgba(4,18,50,.22))}
 .dash69-overview-grid{gap:7px;margin-top:7px}.dash69-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.dash69-kpi{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:76px;padding:7px;border-radius:13px}.dash69-kpi-icon{width:28px;height:28px;border-radius:9px}.dash69-kpi-icon .ui-icon{width:14px;height:14px}.dash69-kpi small{width:100%;font-size:7.5px;white-space:normal;line-height:1.35}.dash69-kpi>b{font-size:16px}.dash69-kpi>b.is-money{font-size:11px}.dash69-kpi em{font-size:6.5px}
 .dash69-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;border-radius:13px}.dash69-shortcuts a{gap:4px;min-height:60px;padding:5px 2px;border-radius:10px}.dash69-shortcuts span{width:27px;height:27px;border-radius:8px}.dash69-shortcuts .ui-icon{width:14px;height:14px}.dash69-shortcuts b{font-size:7.5px;white-space:normal;line-height:1.35}
 .dash69-panel{margin-top:7px;border-radius:14px}.dash69-panel-head{min-height:43px;padding:7px 9px}.dash69-panel-head.compact{min-height:40px}.dash69-panel-head span{font-size:7px}.dash69-panel-head h2{font-size:12px}.dash69-panel-head>a{min-height:26px;padding:0 7px;font-size:7px}
 .dash69-orders-table{table-layout:auto;min-width:0}.dash69-orders-table th{padding:6px;font-size:7px}.dash69-orders-table td{height:40px;padding:5px 6px;font-size:8px}.dash69-orders-table td b,.dash69-orders-table td strong{font-size:8.5px}.dash69-orders-table td small{font-size:6.5px}.dash69-orders-table th:nth-child(3),.dash69-orders-table td:nth-child(3),.dash69-orders-table th:nth-child(6),.dash69-orders-table td:nth-child(6){display:none}.dash69-orders-table th:nth-child(1){width:27%}.dash69-orders-table th:nth-child(2){width:23%}.dash69-orders-table th:nth-child(4){width:20%}.dash69-orders-table th:nth-child(5){width:23%}.dash69-orders-table th:nth-child(7){width:7%}.dash69-status{min-height:21px;padding:0 6px;font-size:6.5px}.dash69-row-link{width:24px;height:24px}.dash69-row-link .ui-icon{width:12px;height:12px}
 .dash69-bottom-grid{grid-template-columns:1fr;gap:7px}.dash69-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:7px}.dash69-action-grid>a{grid-template-columns:27px minmax(0,1fr) auto;min-height:42px;padding:6px 7px}.dash69-action-grid>a>span{width:27px;height:27px}.dash69-action-grid .ui-icon{width:14px;height:14px}.dash69-action-grid b{font-size:8px}.dash69-action-grid small{font-size:6.5px}.dash69-action-grid strong{font-size:13px}
 .dash69-flow-steps{grid-template-columns:1fr 10px 1fr 10px 1fr;padding:7px 8px 4px}.dash69-flow-steps>a{grid-template-columns:26px auto;min-height:39px;column-gap:5px}.dash69-flow-steps>a>span{width:26px;height:26px}.dash69-flow-steps .ui-icon{width:13px;height:13px}.dash69-flow-steps b{font-size:11px}.dash69-flow-steps small{font-size:6.5px}.dash69-last-shipment{margin:0 7px 7px;padding:6px 7px;font-size:6.5px}.dash69-last-shipment b{font-size:7.5px}.dash69-last-shipment small{font-size:6.5px}
}
@media(max-width:390px){.dash69-hero-art{flex-basis:98px;height:90px}.dash69-hero h1{font-size:13px}.dash69-signals span{font-size:7px;padding-inline:6px}.dash69-kpi{min-height:72px}.dash69-shortcuts b{font-size:7px}.dash69-orders-table th,.dash69-orders-table td{padding-inline:4px}}
/* Light dashboard gets genuinely light surfaces, including the hero. */
body.theme-light .dash69-hero{background:linear-gradient(135deg,#ffffff 0%,#f0f5ff 58%,#e9f6ff 100%);border-color:#dbe7f8;box-shadow:0 14px 32px rgba(40,73,126,.09)}
body.theme-light .dash69-hero:before{background:radial-gradient(circle,rgba(64,190,255,.15),transparent 70%)}
body.theme-light .dash69-kicker{background:#eef4ff;border-color:#d9e6fb;color:#3a5f99}
body.theme-light .dash69-hero h1{color:#162b4a}
body.theme-light .dash69-signals span{background:#fff;border-color:#dfe9f7;color:#526983;box-shadow:0 5px 12px rgba(46,76,126,.05)}
body.theme-light .dash69-signals b{color:#193553}
body.theme-light .dash69-hero-art img{filter:drop-shadow(0 12px 20px rgba(34,72,133,.16))}

/* ===== Phase 70 — loader polish + dashboard density tuning ===== */
.dash69-kpi{display:flex;align-items:center;gap:11px;min-height:74px;padding:11px 12px;border-radius:18px}
.dash69-kpi-icon{flex:0 0 40px;width:40px;height:40px;border-radius:12px}
.dash69-kpi-icon .ui-icon{width:19px;height:19px}
.dash69-kpi-copy{display:grid;gap:4px;flex:1;min-width:0}
.dash69-kpi-copy small{display:block;font-size:11px;font-weight:900;color:#4f6482;line-height:1.45;white-space:normal;overflow:visible}
.dash69-kpi-metric{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-width:0}
.dash69-kpi-metric b{font-size:22px;line-height:1;color:#172a49;font-weight:950;white-space:nowrap}
.dash69-kpi-metric b.is-money{font-size:17px}
.dash69-kpi-metric em{font-style:normal;font-size:9px;font-weight:900;color:#7f8ea6;white-space:nowrap}

.dash69-shortcuts{gap:9px;padding:9px;border-radius:18px}
.dash69-shortcuts a{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 10px;border-radius:14px;background:linear-gradient(180deg,#f9fbff,#f1f6ff);border:1px solid #dfe8f7;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)}
.dash69-shortcuts a:hover{background:linear-gradient(180deg,#f2f7ff,#eaf2ff);border-color:#cbdaf2}
.dash69-shortcuts span{flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#e7efff;color:#355ea3}
.dash69-shortcuts .ui-icon{width:17px;height:17px}
.dash69-shortcuts b{font-size:11px;font-weight:900;line-height:1.45;text-align:right;white-space:normal}

.dash69-panel-head span{font-size:9px}
.dash69-panel-head h2{font-size:15px}
.dash69-panel-head>a{font-size:9px}
.dash69-orders-table th{font-size:8.5px}
.dash69-orders-table td{height:45px;font-size:9.5px}
.dash69-orders-table td b,.dash69-orders-table td strong{font-size:10px}
.dash69-orders-table td small{font-size:8px}
.dash69-status{font-size:8px}
.dash69-muted{font-size:8.5px}

.dash69-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px}
.dash69-action-grid>a{min-height:58px;padding:8px 10px;border-radius:14px;gap:9px}
.dash69-action-grid>a>span{width:34px;height:34px;border-radius:11px}
.dash69-action-grid .ui-icon{width:17px;height:17px}
.dash69-action-grid b{font-size:10.5px;line-height:1.4}
.dash69-action-grid small{font-size:8px;line-height:1.45}
.dash69-action-grid strong{font-size:17px}

.dash69-flow-steps{padding:12px 12px 8px}
.dash69-flow-steps>a{min-height:50px;column-gap:8px}
.dash69-flow-steps>a>span{width:33px;height:33px}
.dash69-flow-steps .ui-icon{width:16px;height:16px}
.dash69-flow-steps b{font-size:15px}
.dash69-flow-steps small{font-size:8.5px}
.dash69-last-shipment{font-size:8px}
.dash69-last-shipment b{font-size:9px}
.dash69-last-shipment small{font-size:8px}

body.theme-light .dash69-kpi-copy small{color:#516682}
body.theme-light .dash69-kpi-metric b{color:#182a49}
body.theme-light .dash69-kpi-metric em{color:#7d8da5}
body.theme-dark .dash69-kpi-copy small{color:#9eb0d5}
body.theme-dark .dash69-kpi-metric b{color:#f1f6ff}
body.theme-dark .dash69-kpi-metric em{color:#9aadd2}
body.theme-dark .dash69-shortcuts a{background:linear-gradient(180deg,#102347,#0f2143);border-color:rgba(150,177,236,.11);box-shadow:none}
body.theme-dark .dash69-shortcuts a:hover{background:#14284c}
body.theme-dark .dash69-shortcuts b{color:#edf4ff}
body.theme-dark .dash69-shortcuts span{background:#132950;color:#b9cdf7}

@media(max-width:1023px){
 .dash69-bottom-grid{grid-template-columns:1fr}
 .dash69-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
 .dash69-hero{min-height:118px;padding:10px 11px;gap:8px}
 .dash69-hero h1{font-size:15px}
 .dash69-signals span{font-size:8px}.dash69-signals b{font-size:10px}
 .dash69-overview-grid{gap:8px}
 .dash69-kpis{gap:6px}
 .dash69-kpi{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;row-gap:4px;align-items:center;min-height:68px;padding:8px 7px;border-radius:14px}
 .dash69-kpi-icon{grid-column:1;grid-row:1;flex-basis:28px;width:28px;height:28px;border-radius:9px}
 .dash69-kpi-icon .ui-icon{width:14px;height:14px}
 .dash69-kpi-copy{display:contents}
 .dash69-kpi-copy small{grid-column:2;grid-row:1;font-size:8.5px;line-height:1.35}
 .dash69-kpi-metric{grid-column:1 / -1;grid-row:2;display:flex;align-items:baseline;justify-content:flex-start;gap:4px;min-width:0}
 .dash69-kpi-metric b{font-size:17px}
 .dash69-kpi-metric b.is-money{font-size:12px}
 .dash69-kpi-metric em{font-size:0}
 .dash69-kpi-metric em::after{content:attr(data-mobile-unit);font-size:7px}
 .dash69-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:6px;border-radius:14px}
 .dash69-shortcuts a{gap:5px;min-height:48px;padding:0 3px;border-radius:11px}
 .dash69-shortcuts span{flex-basis:24px;width:24px;height:24px;border-radius:8px}
 .dash69-shortcuts .ui-icon{width:13px;height:13px}
 .dash69-shortcuts b{font-size:8.4px;line-height:1.3;text-align:center}
 .dash69-panel-head span{font-size:7.8px}
 .dash69-panel-head h2{font-size:13px}
 .dash69-panel-head>a{font-size:7.5px}
 .dash69-orders-table th{font-size:7.4px}.dash69-orders-table td{font-size:8.2px;height:41px}.dash69-orders-table td b,.dash69-orders-table td strong{font-size:8.8px}.dash69-orders-table td small{font-size:6.8px}.dash69-status{font-size:6.8px}
 .dash69-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}
 .dash69-action-grid>a{min-height:48px;padding:7px 8px;gap:7px}
 .dash69-action-grid>a>span{width:28px;height:28px;border-radius:9px}
 .dash69-action-grid .ui-icon{width:14px;height:14px}
 .dash69-action-grid b{font-size:8.7px}
 .dash69-action-grid small{font-size:7px}
 .dash69-action-grid strong{font-size:14px}
 .dash69-flow-steps{padding:8px 8px 5px}
 .dash69-flow-steps>a{min-height:41px;column-gap:5px}
 .dash69-flow-steps>a>span{width:27px;height:27px}.dash69-flow-steps .ui-icon{width:13px;height:13px}.dash69-flow-steps b{font-size:12px}.dash69-flow-steps small{font-size:7px}
 .dash69-last-shipment{font-size:7px}.dash69-last-shipment b{font-size:8px}.dash69-last-shipment small{font-size:7px}
}
@media(max-width:390px){
 .dash69-kpi{min-height:66px;padding:7px 6px}
 .dash69-kpi-copy small{font-size:8px}
 .dash69-kpi-metric b{font-size:16px}
 .dash69-kpi-metric b.is-money{font-size:11px}
 .dash69-shortcuts b{font-size:7.8px}
}

@media(max-width:1023px){body.drawer-open{overflow:hidden}.admin-sidebar{overscroll-behavior:contain}.admin-sidebar .sidebar-inner{height:100%;min-height:0;overflow:hidden}.admin-sidebar .sidebar-brand{flex:0 0 auto}.admin-sidebar .sidebar-nav{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}}


/* === admin-phase75.css === */
/* Royan Phase 75 - compact order review UX */
.p75-inline-alert{margin:0 0 10px;padding:10px 12px;border-radius:13px;font-size:12px;font-weight:800}.p75-inline-alert.is-error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.p75-inline-alert.is-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}
.p75-order-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;margin-bottom:10px;padding:14px 16px;border:1px solid #dde6f3;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(28,51,91,.04)}.p75-order-hero-main{min-width:0}.p75-order-hero-top{display:flex;align-items:center;gap:8px}.p75-back-link{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:900;color:#2563eb}.p75-back-link svg{width:13px;height:13px}.p75-status,.p75-payment-state{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;white-space:nowrap}.p75-status.is-wait,.p75-payment-state.is-wait{background:#fff7ed;color:#c2410c}.p75-status.is-info{background:#eff6ff;color:#1d4ed8}.p75-status.is-ok,.p75-payment-state.is-ok{background:#ecfdf5;color:#047857}.p75-status.is-no,.p75-payment-state.is-no{background:#fff1f2;color:#be123c}.p75-status.is-muted{background:#f1f5f9;color:#64748b}.p75-order-number{margin-top:6px;font-size:11px;color:#64748b}.p75-order-number b{font-size:18px;color:#0f172a;margin-right:4px}.p75-order-facts{display:flex;flex-wrap:wrap;gap:7px 16px;margin-top:8px}.p75-order-facts>span{display:grid;grid-template-columns:16px auto;column-gap:5px;align-items:center}.p75-order-facts svg{grid-row:1/3;width:15px;height:15px;color:#64748b}.p75-order-facts b{font-size:10px;color:#334155}.p75-order-facts small{font-size:8px;color:#94a3b8}.p75-order-total{min-width:170px;display:grid;grid-template-columns:auto auto;align-content:center;justify-content:end;text-align:left;border-radius:16px;background:#071936;padding:11px 14px;color:#fff}.p75-order-total small{grid-column:1/3;font-size:9px;color:#aebed8}.p75-order-total b{font-size:23px;color:#b9f557;line-height:1.2}.p75-order-total span{align-self:end;padding:0 4px 2px;font-size:9px;color:#dce6f5}
.p75-decision-bar,.p75-converted-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:11px 13px;border-radius:17px}.p75-decision-bar{background:#071936;color:#fff}.p75-decision-bar>div:first-child,.p75-converted-banner>div{min-width:0}.p75-decision-bar b,.p75-converted-banner b{display:block;font-size:12px;font-weight:900}.p75-decision-bar span,.p75-converted-banner span{display:block;margin-top:2px;font-size:9px;line-height:1.6;color:#b9c7da}.p75-decision-actions{display:flex;gap:6px;flex-shrink:0}.p75-converted-banner{border:1px solid #a7f3d0;background:#ecfdf5}.p75-converted-banner small{display:block;font-size:9px;color:#059669}.p75-converted-banner b{color:#064e3b}.p75-converted-banner span{color:#047857}
.p75-btn{min-height:35px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:11px;padding:0 12px;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}.p75-btn svg{width:14px;height:14px}.p75-btn.is-primary{background:#b9f557;color:#071936}.p75-btn.is-secondary{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.p75-btn.is-danger-soft{background:#321c35;color:#fecdd3;border:1px solid #6b3356}.p75-btn.is-success{background:#059669;color:#fff}.p75-btn.is-danger{background:#e11d48;color:#fff}
.p75-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:10px}.p75-order-main,.p75-order-side{display:grid;align-content:start;gap:10px}.p75-order-side{position:sticky;top:82px}.p75-panel,.p75-summary-card,.p75-link-card,.p75-customer-card{border:1px solid #dde6f3;border-radius:18px;background:#fff}.p75-panel{padding:12px}.p75-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.p75-panel-head h3{font-size:12px;font-weight:900;color:#0f172a}.p75-panel-head p{margin-top:1px;font-size:9px;color:#94a3b8}.p75-panel-head>span{flex-shrink:0;border-radius:8px;background:#f8fafc;padding:4px 7px;font-size:8px;font-weight:800;color:#64748b}
.p75-items-list{display:grid;gap:5px}.p75-item-row{display:grid;grid-template-columns:minmax(190px,1.7fr) 58px 68px minmax(150px,.8fr) minmax(120px,.7fr);align-items:center;gap:5px;min-height:51px;padding:5px 6px;border:1px solid #edf2f7;border-radius:12px;background:#fbfdff}.p75-item-name{min-width:0}.p75-item-name b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#0f172a}.p75-item-name span{display:block;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:#94a3b8}.p75-item-mini{display:flex;align-items:baseline;justify-content:center;gap:3px}.p75-item-mini small{font-size:8px;color:#94a3b8}.p75-item-mini b{font-size:11px;color:#334155}.p75-price-field{display:grid;grid-template-columns:auto minmax(80px,1fr);align-items:center;gap:4px}.p75-price-field>span{font-size:8px;font-weight:800;color:#64748b}.p75-price-field em{font-style:normal;color:#94a3b8}.p75-price-field input{width:100%;height:31px;border:1px solid #dbe4ef;border-radius:9px;background:#fff;padding:0 8px;font-size:11px;font-weight:900;color:#0f172a;direction:ltr;text-align:left;outline:none}.p75-price-field input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #dbeafe}.p75-price-field input[readonly]{background:#f8fafc;color:#64748b}.p75-line-total{text-align:left}.p75-line-total small{display:block;font-size:7px;color:#94a3b8}.p75-line-total b{font-size:11px;color:#071936}.p75-line-total span{font-size:7px;color:#94a3b8}.p75-price-footer{display:grid;grid-template-columns:minmax(210px,290px) minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed #e2e8f0}.p75-price-field.is-shipping{grid-template-columns:1fr}.p75-dirty-note{align-self:center;border-radius:9px;background:#fff7ed;padding:7px 9px;font-size:9px;font-weight:800;color:#c2410c}
.p75-payment-list{display:grid;gap:6px}.p75-payment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:7px;border:1px solid #edf2f7;border-radius:12px;background:#fbfdff}.p75-payment-row.is-pending{border-color:#fed7aa;background:#fffbeb}.p75-payment-title{display:flex;align-items:center;gap:6px}.p75-payment-title b{font-size:10px}.p75-payment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px;margin-top:3px}.p75-payment-meta strong{font-size:12px;color:#071936}.p75-payment-meta span{font-size:8px;color:#64748b}.p75-receipts{display:flex;gap:3px}.p75-receipts a{position:relative;width:50px;height:40px;border-radius:8px;overflow:hidden;border:1px solid #dbe4ef;background:#fff}.p75-receipts img{width:100%;height:100%;object-fit:cover}.p75-receipts span{position:absolute;left:2px;bottom:2px;width:13px;height:13px;display:grid;place-items:center;border-radius:50%;background:rgba(7,25,54,.78);font-size:7px;color:#fff}.p75-payment-review{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-top:6px;border-top:1px dashed #fed7aa}.p75-payment-review form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}.p75-payment-review input{min-width:0;height:34px;border:1px solid #dbe4ef;border-radius:9px;background:#fff;padding:0 8px;font-size:9px;outline:none}
.p75-summary-card,.p75-link-card,.p75-customer-card{padding:11px}.p75-summary-card h3,.p75-customer-card h3{margin-bottom:7px;font-size:11px;font-weight:900}.p75-summary-card>div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #f1f5f9;font-size:9px}.p75-summary-card>div b{font-size:10px}.p75-summary-card .is-discount{color:#059669}.p75-summary-card .is-total{border:0;padding-bottom:0}.p75-summary-card .is-total span{font-weight:900;color:#0f172a}.p75-summary-card .is-total b{font-size:13px;color:#071936}.p75-link-card>div:first-child b{display:block;font-size:10px}.p75-link-card>div:first-child span{display:block;margin-top:2px;font-size:8px;line-height:1.6;color:#64748b}.p75-copy-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;margin-top:7px}.p75-copy-line input{min-width:0;height:32px;border:1px solid #dbe4ef;border-radius:9px;padding:0 7px;text-align:left;font-size:8px}.p75-copy-line button,.p75-link-card>a{border:0;border-radius:9px;background:#eff6ff;color:#1d4ed8;font-size:9px;font-weight:900}.p75-copy-line button{padding:0 9px}.p75-link-card>a{display:block;margin-top:5px;padding:8px;text-align:center}.p75-customer-card>b{display:block;font-size:11px}.p75-customer-card>a{display:block;margin-top:2px;text-align:right;font-size:10px;font-weight:800;color:#2563eb}.p75-customer-card>span{display:block;margin-top:5px;font-size:8px;line-height:1.7;color:#64748b}
.p75-price-dirty .p75-items-panel{border-color:#fdba74;box-shadow:0 0 0 2px #ffedd5}.p75-price-dirty [data-price-save]{animation:p75pulse 1.3s infinite}@keyframes p75pulse{50%{box-shadow:0 0 0 5px rgba(59,130,246,.08)}}
@media(max-width:1023px){.p75-order-layout{grid-template-columns:1fr}.p75-order-side{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.p75-item-row{grid-template-columns:minmax(180px,1.7fr) 55px 62px minmax(145px,.9fr) minmax(110px,.8fr)}}
@media(max-width:767px){.p75-inline-alert{margin-bottom:7px;padding:8px 9px;border-radius:10px;font-size:10px}.p75-order-hero{grid-template-columns:minmax(0,1fr) 112px;gap:6px;margin-bottom:7px;padding:8px;border-radius:14px}.p75-order-number{margin-top:3px}.p75-order-number b{font-size:14px}.p75-order-facts{gap:3px 8px;margin-top:4px}.p75-order-facts>span{grid-template-columns:12px auto;column-gap:3px}.p75-order-facts svg{width:11px;height:11px}.p75-order-facts b{font-size:8px}.p75-order-facts small{font-size:7px}.p75-order-total{min-width:0;padding:7px 8px;border-radius:11px}.p75-order-total small{font-size:7px}.p75-order-total b{font-size:15px}.p75-order-total span{font-size:7px}.p75-status{padding:3px 6px;font-size:7px}.p75-back-link{font-size:8px}.p75-decision-bar,.p75-converted-banner{align-items:stretch;margin-bottom:7px;padding:8px;border-radius:13px}.p75-decision-bar b,.p75-converted-banner b{font-size:10px}.p75-decision-bar span,.p75-converted-banner span{font-size:7px;line-height:1.45}.p75-decision-actions{align-items:center}.p75-btn{min-height:32px;padding:0 8px;border-radius:9px;font-size:8px}.p75-btn svg{width:11px;height:11px}.p75-order-layout,.p75-order-main,.p75-order-side{gap:7px}.p75-order-side{grid-template-columns:1fr 1fr}.p75-order-side>*:last-child:nth-child(odd){grid-column:1/3}.p75-panel{padding:7px;border-radius:13px}.p75-panel-head{margin-bottom:5px}.p75-panel-head h3{font-size:10px}.p75-panel-head p{font-size:7px}.p75-panel-head>span{padding:3px 5px;font-size:7px}.p75-items-list{gap:3px}.p75-item-row{grid-template-columns:minmax(0,1fr) 34px 40px minmax(105px,.9fr);grid-template-areas:'name carton pairs price' 'name total total total';gap:2px 4px;min-height:0;padding:4px 5px;border-radius:9px}.p75-item-name{grid-area:name}.p75-item-name b{font-size:8px}.p75-item-name span{font-size:7px}.p75-item-mini:nth-of-type(2){grid-area:carton}.p75-item-mini:nth-of-type(3){grid-area:pairs}.p75-item-mini{display:grid;gap:0;text-align:center}.p75-item-mini small{font-size:6px}.p75-item-mini b{font-size:9px}.p75-price-field{grid-area:price;grid-template-columns:1fr}.p75-price-field>span{font-size:6px;line-height:1}.p75-price-field input{height:26px;padding:0 5px;border-radius:7px;font-size:9px}.p75-line-total{grid-area:total;display:flex;align-items:baseline;justify-content:flex-end;gap:3px;padding-top:1px;border-top:1px dashed #edf2f7}.p75-line-total small,.p75-line-total span{font-size:6px}.p75-line-total b{font-size:9px}.p75-price-footer{grid-template-columns:1fr auto;gap:4px;margin-top:5px;padding-top:5px}.p75-price-field.is-shipping{grid-area:auto}.p75-dirty-note{grid-column:1/3;grid-row:2;padding:5px 6px;font-size:7px}.p75-payment-list{gap:4px}.p75-payment-row{gap:4px;padding:5px;border-radius:9px}.p75-payment-title b{font-size:8px}.p75-payment-state{padding:2px 5px;font-size:6px}.p75-payment-meta{gap:2px 5px;margin-top:2px}.p75-payment-meta strong{font-size:9px}.p75-payment-meta span{font-size:6px}.p75-receipts a{width:38px;height:31px;border-radius:6px}.p75-payment-review{gap:4px;padding-top:4px}.p75-payment-review form{grid-template-columns:1fr;gap:3px}.p75-payment-review input{height:28px;font-size:7px}.p75-payment-review .p75-btn{width:100%}.p75-summary-card,.p75-link-card,.p75-customer-card{padding:7px;border-radius:12px}.p75-summary-card h3,.p75-customer-card h3{margin-bottom:4px;font-size:9px}.p75-summary-card>div{padding:3px 0;font-size:7px}.p75-summary-card>div b{font-size:8px}.p75-summary-card .is-total b{font-size:10px}.p75-link-card>div:first-child b,.p75-customer-card>b{font-size:8px}.p75-link-card>div:first-child span,.p75-customer-card>span{font-size:6px}.p75-copy-line{margin-top:4px}.p75-copy-line input{height:27px;font-size:6px}.p75-link-card>a{margin-top:3px;padding:6px;font-size:7px}.p75-customer-card>a{font-size:8px}.p75-converted-banner{display:grid;grid-template-columns:1fr auto}.p75-converted-banner .p75-btn{align-self:center}}
@media(max-width:430px){.p75-order-side{grid-template-columns:1fr 1fr}.p75-decision-bar{display:grid;grid-template-columns:1fr}.p75-decision-actions{display:grid;grid-template-columns:1fr 1fr}.p75-decision-actions form,.p75-decision-actions .p75-btn{width:100%}.p75-order-hero{grid-template-columns:minmax(0,1fr) 104px}.p75-order-facts>span:nth-child(3){display:none}}
/* Mobile readability pass: compact spacing, never microscopic type. */
@media(max-width:767px){
 .p75-order-facts b{font-size:9px}.p75-order-facts small{font-size:8px}.p75-order-total small{font-size:8px}.p75-order-total span{font-size:8px}.p75-status{font-size:8px}.p75-back-link{font-size:9px}
 .p75-decision-bar b,.p75-converted-banner b{font-size:11px}.p75-decision-bar span,.p75-converted-banner span{font-size:8px}.p75-btn{font-size:9px}
 .p75-panel-head h3{font-size:11px}.p75-panel-head p{font-size:8px}.p75-panel-head>span{font-size:8px}
 .p75-item-name b{font-size:10px}.p75-item-name span{font-size:8px}.p75-item-mini small{font-size:7px}.p75-item-mini b{font-size:10px}.p75-price-field>span{font-size:7px}.p75-price-field input{font-size:11px}.p75-line-total small,.p75-line-total span{font-size:7px}.p75-line-total b{font-size:10px}.p75-dirty-note{font-size:8px}
 .p75-payment-title b{font-size:9px}.p75-payment-state{font-size:7px}.p75-payment-meta strong{font-size:11px}.p75-payment-meta span{font-size:7px}.p75-payment-review input{font-size:8px}
 .p75-summary-card h3,.p75-customer-card h3{font-size:10px}.p75-summary-card>div{font-size:8px}.p75-summary-card>div b{font-size:9px}.p75-summary-card .is-total b{font-size:11px}.p75-link-card>div:first-child b,.p75-customer-card>b{font-size:9px}.p75-link-card>div:first-child span,.p75-customer-card>span{font-size:7px}.p75-copy-line input{font-size:7px}.p75-link-card>a{font-size:8px}.p75-customer-card>a{font-size:9px}
}


/* Phase 80 - order detail readability normalization */
.p75-back-link{font-size:11.5px}.p75-status,.p75-payment-state{font-size:10.5px}.p75-order-number{font-size:12px}.p75-order-facts b{font-size:11.5px}.p75-order-facts small{font-size:10px}.p75-order-total small,.p75-order-total span{font-size:10.5px}.p75-decision-bar b,.p75-converted-banner b{font-size:13px}.p75-decision-bar span,.p75-converted-banner span,.p75-converted-banner small{font-size:10.5px}.p75-btn{font-size:11.5px}.p75-panel-head h3{font-size:13.5px}.p75-panel-head p{font-size:10.5px}.p75-panel-head>span{font-size:10px}.p75-item-name b{font-size:12px}.p75-item-name span{font-size:10px}.p75-item-mini small{font-size:9.5px}.p75-item-mini b{font-size:12px}.p75-price-field>span{font-size:10px}.p75-price-field input{font-size:12.5px}.p75-line-total small,.p75-line-total span{font-size:9px}.p75-line-total b{font-size:12px}.p75-dirty-note{font-size:10.5px}.p75-payment-title b{font-size:11.5px}.p75-payment-meta strong{font-size:13px}.p75-payment-meta span{font-size:10px}.p75-payment-review input{font-size:11px}.p75-summary-card h3,.p75-customer-card h3{font-size:12.5px}.p75-summary-card>div{font-size:10.5px}.p75-summary-card>div b{font-size:11.5px}.p75-summary-card .is-total b{font-size:14px}.p75-link-card>div:first-child b,.p75-customer-card>b{font-size:11.5px}.p75-link-card>div:first-child span,.p75-customer-card>span{font-size:10px}.p75-copy-line input{font-size:10px}.p75-copy-line button,.p75-link-card>a{font-size:10.5px}.p75-customer-card>a{font-size:11px}
@media(max-width:767px){
 .p75-inline-alert{font-size:11px}.p75-back-link{font-size:10.5px}.p75-status{font-size:9.5px}.p75-order-number{font-size:10.5px}.p75-order-number b{font-size:15px}.p75-order-facts b{font-size:10px}.p75-order-facts small{font-size:9px}.p75-order-total small,.p75-order-total span{font-size:9px}.p75-order-total b{font-size:16px}.p75-decision-bar b,.p75-converted-banner b{font-size:11.5px}.p75-decision-bar span,.p75-converted-banner span{font-size:9.5px;line-height:1.5}.p75-btn{min-height:34px;font-size:10.5px}.p75-btn svg{width:13px;height:13px}.p75-panel-head h3{font-size:12px}.p75-panel-head p{font-size:9.5px;line-height:1.45}.p75-panel-head>span{font-size:9.5px}.p75-item-row{gap:3px 5px;padding:5px 6px}.p75-item-name b{font-size:11px}.p75-item-name span{font-size:9.5px}.p75-item-mini small{font-size:8.5px}.p75-item-mini b{font-size:11px}.p75-price-field>span{font-size:9px;line-height:1.2}.p75-price-field input{height:29px;font-size:12px}.p75-line-total small,.p75-line-total span{font-size:8.5px}.p75-line-total b{font-size:11px}.p75-dirty-note{font-size:9.5px;line-height:1.45}.p75-payment-title b{font-size:10.5px}.p75-payment-state{font-size:9px}.p75-payment-meta strong{font-size:12px}.p75-payment-meta span{font-size:9px}.p75-payment-review input{height:31px;font-size:10px}.p75-summary-card h3,.p75-customer-card h3{font-size:11px}.p75-summary-card>div{font-size:9.5px}.p75-summary-card>div b{font-size:10.5px}.p75-summary-card .is-total b{font-size:12px}.p75-link-card>div:first-child b,.p75-customer-card>b{font-size:10.5px}.p75-link-card>div:first-child span,.p75-customer-card>span{font-size:9px;line-height:1.5}.p75-copy-line input{font-size:9px}.p75-link-card>a{font-size:9.5px}.p75-customer-card>a{font-size:10px}
}


/* === admin-phase76.css === */
.inv76-root{display:grid;gap:9px}.inv76-alert{padding:9px 12px;border-radius:11px;font-size:12px;font-weight:900}.inv76-alert.ok{background:#ecfdf3;color:#137a45}.inv76-alert.err{background:#fff1f2;color:#be3144}.inv76-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.inv76-summary>div{display:grid;grid-template-columns:1fr auto;gap:1px 8px;align-items:center;min-height:58px;padding:8px 11px;border:1px solid #e3e9f3;border-radius:13px;background:#fff}.inv76-summary small{font-size:10px;color:#76869f;font-weight:800}.inv76-summary b{grid-row:1/3;grid-column:2;font-size:19px;line-height:1}.inv76-summary em{font-size:8px;color:#98a4b5;font-style:normal}.inv76-summary .reserved b{color:#d97706}.inv76-summary .available b{color:#15803d}.inv76-command{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid #e2e8f2;border-radius:15px;background:#fff}.inv76-filter{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.inv76-search{display:flex;align-items:center;gap:7px;width:min(470px,46vw);height:40px;padding:0 10px;border:1px solid #dce4ef;border-radius:11px;background:#f8fafc}.inv76-search .ui-icon{width:16px;height:16px;color:#8796ad}.inv76-search input{width:100%;border:0!important;background:transparent!important;outline:0;font-size:12px!important}.inv76-filter select{height:40px;padding:0 10px;border:1px solid #dce4ef;border-radius:11px;background:#fff;font-size:11px}.inv76-search-btn,.inv76-clear{height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:0;border-radius:11px;font-size:10px;font-weight:950}.inv76-search-btn{background:#315efb;color:#fff}.inv76-clear{background:#f1f5f9;color:#68788f}.inv76-command-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}.inv76-command-actions>*{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid #dfe6f0;border-radius:11px;background:#fff;color:#31445f;font-size:9.5px;font-weight:950;white-space:nowrap}.inv76-command-actions .ui-icon{width:15px;height:15px}.inv76-quick{border:0!important;background:#0c2346!important;color:#fff!important;cursor:pointer}.inv76-model-link.secondary{background:#f5f7fb}.inv76-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.inv76-meta span{padding:5px 8px;border-radius:999px;background:#eef2f7;color:#65758c;font-size:9px;font-weight:850}.inv76-meta .query{background:#eef2ff;color:#4d5fca}.inv76-meta .danger{background:#fff1f2;color:#cf3f50}.inv76-meta .warn{background:#fff6e9;color:#b86416}.inv76-desktop{display:grid;gap:5px}.inv76-grid{display:grid;grid-template-columns:minmax(330px,1.95fr) 82px 82px 100px 82px 230px;gap:8px;align-items:center}.inv76-table-head{padding:0 10px 3px;color:#687992;font-size:11px;font-weight:950}.inv76-table-head span:not(:first-child){text-align:center}.inv76-row{min-height:65px;padding:7px 9px;border:1px solid #e5ebf3;border-radius:13px;background:#fff}.inv76-row.is-out{border-right:3px solid #ef5350}.inv76-row.is-low{border-right:3px solid #f59e0b}.inv76-product{display:flex;align-items:center;gap:9px;min-width:0}.inv76-thumb{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:11px;background:#f3f6fa;overflow:hidden}.inv76-thumb img{width:100%;height:100%;object-fit:cover}.inv76-thumb .ui-icon{width:21px;height:21px;color:#8493aa}.inv76-identity{min-width:0}.inv76-identity>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.35;color:#16243a}.inv76-variant-line{display:flex;align-items:center;gap:6px;margin-top:3px;min-width:0;white-space:nowrap;overflow:hidden}.inv76-variant-line strong{font-size:10.5px;color:#41536d;overflow:hidden;text-overflow:ellipsis}.inv76-variant-line i{width:3px;height:3px;border-radius:50%;background:#a4afc0;flex:0 0 auto}.inv76-identity em{display:block;margin-top:2px;font-size:8.5px;font-style:normal;color:#8a98ad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv76-num{text-align:center}.inv76-num b{display:block;font-size:15px;line-height:1.2;color:#17253b}.inv76-num small{display:block;margin-top:2px;font-size:8.5px;color:#8593a8}.inv76-num.reserved b{color:#d97706}.inv76-num.available b{color:#168343}.inv76-row.is-out .inv76-num.available b{color:#dc3545}.inv76-actions{display:grid;grid-template-columns:1.1fr 1fr;gap:5px}.inv76-actions>*{min-height:34px;display:flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:#f1f5f9;color:#3f5069;font-size:9.5px;font-weight:950;cursor:pointer}.inv76-actions button{background:#0c2346;color:#fff}.inv76-mobile{display:none}.inv76-empty{padding:28px;border:1px dashed #d8e0eb;border-radius:13px;background:#fff;text-align:center;color:#8794a7;font-size:11px}.inv76-card{padding:8px;border:1px solid #e3e9f2;border-radius:13px;background:#fff}.inv76-card.is-out{border-right:3px solid #ef5350}.inv76-card.is-low{border-right:3px solid #f59e0b}.inv76-cardtop{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.inv76-availability{flex:0 0 auto;padding:5px 7px;border-radius:8px;background:#eaf8ef;color:#137946;font-size:8.5px;font-weight:950}.inv76-availability.warn{background:#fff4e3;color:#b9600d}.inv76-availability.danger{background:#fff0f1;color:#c93547}.inv76-cardnums{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.inv76-cardnums span{padding:5px 6px;border-radius:8px;background:#f7f9fc}.inv76-cardnums small{display:block;font-size:7.5px;color:#8390a4}.inv76-cardnums b{display:block;margin-top:1px;font-size:11px}.inv76-cardactions{display:grid;grid-template-columns:1.15fr 1fr;gap:4px;margin-top:6px}.inv76-cardactions>*{min-height:31px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:#eef3f8;color:#40516a;font-size:8.5px;font-weight:950}.inv76-cardactions button{background:#0c2346;color:#fff}.inv76-adjust-selected{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:9px 10px;margin-bottom:8px;border:1px solid #dfe6f0;border-radius:11px;background:#f7f9fc;text-align:right}.inv76-adjust-selected b{font-size:12px}.inv76-adjust-selected span{font-size:9px;color:#697a92}.inv76-adjust-selected em{grid-row:1/3;grid-column:2;align-self:center;padding:5px 7px;border-radius:8px;background:#eaf8ef;color:#137946;font-size:9px;font-style:normal;font-weight:950}.inv76-adjust-note{margin-top:5px;font-size:8.5px;color:#73839a;text-align:right}.inv76-confirm-card{display:grid;gap:8px;text-align:right}.inv76-confirm-identity{padding:9px;border-radius:10px;background:#f6f8fb}.inv76-confirm-identity b{display:block;font-size:12px}.inv76-confirm-identity span{display:block;margin-top:2px;font-size:9px;color:#718198}.inv76-change-math{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:5px;align-items:center}.inv76-change-math>span{padding:8px 4px;border-radius:9px;background:#f2f5f9;text-align:center}.inv76-change-math small{display:block;font-size:7px;color:#8795a8}.inv76-change-math b{display:block;margin-top:2px;font-size:14px}.inv76-change-math i{font-style:normal;color:#8c99ab;font-weight:900}.inv76-confirm-reason{padding:8px;border-radius:9px;background:#fff8e8;font-size:9px;color:#755a22}.inv76-quick-search-wrap{display:grid;gap:7px;text-align:right}.inv76-quick-search{width:100%;height:42px;padding:0 11px;border:1px solid #d9e2ee!important;border-radius:11px!important;background:#f8fafc!important;font-size:13px!important}.inv76-search-help{font-size:8.5px;color:#718199}.inv76-quick-results{display:grid;gap:5px;max-height:390px;overflow:auto;padding-left:2px}.inv76-quick-result{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px;border:1px solid #e1e7ef;border-radius:10px;background:#fff;text-align:right;cursor:pointer}.inv76-quick-result img{width:42px;height:42px;border-radius:8px;object-fit:cover;background:#f3f6fa}.inv76-quick-result b{display:block;font-size:10.5px}.inv76-quick-result small{display:block;margin-top:2px;font-size:8px;color:#7c8ba1}.inv76-quick-result em{font-size:8.5px;font-style:normal;color:#167b49;font-weight:950}.inv76-quick-empty{padding:20px;border:1px dashed #dce3ed;border-radius:10px;text-align:center;color:#7f8da1;font-size:9px}.inv76-series-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.inv76-series-head button{border:0;border-radius:8px;background:#eef2f7;padding:6px 8px;color:#4e607a;font-size:8.5px;font-weight:900}.inv76-series-list{display:grid;gap:5px;max-height:390px;overflow:auto}.inv76-series-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px;border:1px solid #dfe6f0;border-radius:10px;background:#fff;text-align:right;cursor:pointer}.inv76-series-item b{display:block;font-size:10.5px}.inv76-series-item small{display:block;margin-top:2px;font-size:8px;color:#7b8a9f}.inv76-series-item span{text-align:left}.inv76-series-item span strong{display:block;font-size:11px;color:#167b49}.inv76-series-item span em{display:block;font-size:7.5px;color:#8b98aa;font-style:normal}.inv76-kardex{display:grid;gap:8px}.inv76-kardex-head{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border:1px solid #e2e8f1;border-radius:14px;background:#fff}.inv76-kardex-head img{width:52px;height:52px;border-radius:11px;object-fit:cover;background:#f4f6fa}.inv76-kardex-head h1{margin:0;font-size:16px}.inv76-kardex-head p{margin:2px 0 0;font-size:9px;color:#77869c}.inv76-kardex-actions{display:flex;gap:5px}.inv76-kardex-actions a{min-height:34px;display:flex;align-items:center;padding:0 9px;border-radius:9px;background:#f0f4f8;color:#40526b;font-size:8.5px;font-weight:900}.inv76-kardex-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.inv76-kardex-stats>div{padding:7px 9px;border:1px solid #e4eaf2;border-radius:10px;background:#fff}.inv76-kardex-stats small{display:block;font-size:8px;color:#7d8ba0}.inv76-kardex-stats b{display:block;margin-top:2px;font-size:14px}.inv76-kardex-table{overflow:auto;border:1px solid #e2e8f1;border-radius:12px;background:#fff}.inv76-kardex-table table{width:100%;border-collapse:collapse;min-width:720px}.inv76-kardex-table th,.inv76-kardex-table td{padding:8px 9px;border-bottom:1px solid #edf1f6;text-align:right;font-size:9px}.inv76-kardex-table th{font-size:9.5px;color:#6f7f96;background:#f8fafc}.inv76-kardex-table strong.plus{color:#168343}.inv76-kardex-table strong.minus{color:#d33d50}.theme-dark .inv76-summary>div,.theme-dark .inv76-command,.theme-dark .inv76-row,.theme-dark .inv76-card,.theme-dark .inv76-empty,.theme-dark .inv76-kardex-head,.theme-dark .inv76-kardex-stats>div,.theme-dark .inv76-kardex-table{background:#0b1d3f;border-color:rgba(160,188,255,.13);color:#e8efff}.theme-dark .inv76-identity>b,.theme-dark .inv76-num b{color:#e8efff}.theme-dark .inv76-search,.theme-dark .inv76-filter select,.theme-dark .inv76-command-actions>*{background:#10264c;border-color:rgba(160,188,255,.12);color:#dce6ff}.theme-dark .inv76-search input{color:#fff}
@media(max-width:1100px){.inv76-command{align-items:stretch;flex-direction:column}.inv76-command-actions{justify-content:flex-start;flex-wrap:wrap}.inv76-grid{grid-template-columns:minmax(280px,1.8fr) 72px 72px 90px 72px 200px}}
@media(max-width:900px){.inv76-summary{grid-template-columns:repeat(2,1fr)}.inv76-desktop{display:none}.inv76-mobile{display:grid;gap:6px}.inv76-filter{display:grid;grid-template-columns:1fr 105px auto}.inv76-search{grid-column:1/-1;width:auto}.inv76-command-actions{display:grid;grid-template-columns:1fr 1fr}.inv76-quick{grid-column:1/-1}.inv76-kardex-head{grid-template-columns:46px minmax(0,1fr)}.inv76-kardex-head img{width:46px;height:46px}.inv76-kardex-actions{grid-column:1/-1}.inv76-kardex-actions a{flex:1;justify-content:center}}
@media(max-width:560px){.inv76-root{gap:7px}.inv76-summary{gap:4px}.inv76-summary>div{min-height:50px;padding:6px 8px;border-radius:10px}.inv76-summary small{font-size:8px}.inv76-summary b{font-size:15px}.inv76-summary em{font-size:7px}.inv76-command{padding:6px;border-radius:12px}.inv76-filter{grid-template-columns:1fr 100px}.inv76-search{height:37px}.inv76-filter select,.inv76-search-btn,.inv76-clear{height:34px}.inv76-search-btn{grid-column:1}.inv76-clear{grid-column:2}.inv76-command-actions>*{height:35px;padding:0 7px;font-size:8.5px}.inv76-meta span{font-size:8px;padding:4px 6px}.inv76-thumb{width:40px;height:40px}.inv76-identity>b{font-size:11.5px}.inv76-variant-line{gap:4px;margin-top:2px}.inv76-variant-line strong{font-size:8.5px}.inv76-identity em{font-size:7.5px}.inv76-card{padding:7px}.inv76-cardnums{margin-top:5px}.inv76-cardactions{margin-top:5px}.inv76-kardex-stats{grid-template-columns:repeat(2,1fr)}.inv76-kardex-table{border:0;background:transparent!important;overflow:visible}.inv76-kardex-table table,.inv76-kardex-table tbody{display:block;min-width:0}.inv76-kardex-table thead{display:none}.inv76-kardex-table tr{display:grid;grid-template-columns:1fr auto;gap:3px 8px;margin-bottom:5px;padding:7px;border:1px solid #e3e9f1;border-radius:10px;background:#fff}.inv76-kardex-table td{display:block;padding:0;border:0}.inv76-kardex-table td:nth-child(1),.inv76-kardex-table td:nth-child(4),.inv76-kardex-table td:nth-child(5){grid-column:1/-1}.inv76-kardex-table td:before{content:attr(data-label)' ';font-size:7px;color:#718198}.theme-dark .inv76-kardex-table tr{background:#0b1d3f;border-color:rgba(160,188,255,.13)}}
.inv76-kardex .kardex-pagination{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;border:1px solid #e2e8f1;border-radius:11px;background:#fff}.inv76-kardex .kardex-pagination>div{display:flex;gap:5px;font-size:8px;color:#7b8a9f}.inv76-kardex .kardex-pagination section{display:flex;gap:4px}.inv76-kardex .kardex-pagination a{min-width:29px;height:29px;padding:0 7px;display:grid;place-items:center;border-radius:8px;background:#f3f6fa;color:#50627e;font-size:8px}.inv76-kardex .kardex-pagination a.active{background:#eef0ff;color:#4d3dd1}.theme-dark .inv76-kardex .kardex-pagination{background:#0b1d3f;border-color:rgba(160,188,255,.13)}.theme-dark .inv76-kardex .kardex-pagination a{background:rgba(255,255,255,.05);color:#dce6ff}@media(max-width:560px){.inv76-kardex .kardex-pagination>div span{display:none}}

/* Phase 91: inventory color-first workflow + readable mobile */
.inv91-color-workspace{overflow:hidden;border:1.5px solid #d8e3f1;border-radius:15px;background:#fff}.inv91-color-workspace>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #e7edf4;background:#f8fafc}.inv91-color-workspace>header span{font-size:11px;font-weight:950;color:#315efb}.inv91-color-workspace>header h2{margin:1px 0;font-size:15px}.inv91-color-workspace>header p{margin:2px 0 0;font-size:11.5px;line-height:1.6;color:#738198}.inv91-color-workspace>header>b{padding:5px 8px;border-radius:8px;background:#eef3ff;color:#315efb;font-size:11px}.inv91-color-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px}.inv91-color-card{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-areas:'img identity' 'numbers numbers';gap:6px 8px;padding:7px;border:1.5px solid #e2e8f1;border-radius:12px;background:#fff;text-align:right;cursor:pointer}.inv91-color-card:hover{border-color:#9bb1ff;box-shadow:0 5px 18px rgba(49,94,251,.08)}.inv91-color-card img{grid-area:img;width:54px;height:54px;border-radius:10px;object-fit:cover;background:#f4f6fa}.inv91-color-card .identity{grid-area:identity;align-self:center;min-width:0}.inv91-color-card .identity b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#17253b}.inv91-color-card .identity small{display:block;margin-top:2px;font-size:10.5px;color:#7e8c9f}.inv91-color-card .numbers{grid-area:numbers;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.inv91-color-card .numbers span{padding:4px 5px;border-radius:8px;background:#f7f9fc}.inv91-color-card .numbers small{display:block;font-size:9.5px;color:#8190a2}.inv91-color-card .numbers b{display:block;margin-top:1px;font-size:12px}.inv91-color-card .numbers .free b{color:#15805b}.inv91-color-card .numbers .reserved b{color:#c9730d}.inv91-production-badge{margin-top:5px;padding:4px 7px;border-radius:7px;background:#eef3ff;color:#5267c8;font-size:10.5px;font-weight:900;width:max-content;max-width:100%}.inv91-color-sheet{text-align:right}.inv91-color-sheet-head{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:center;margin-bottom:8px}.inv91-color-sheet-head img{width:58px;height:58px;border-radius:11px;object-fit:cover}.inv91-color-sheet-head b{display:block;font-size:14px}.inv91-color-sheet-head small{display:block;margin-top:3px;font-size:11px;color:#7b899b}.inv91-color-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:8px}.inv91-color-totals span{padding:6px 7px;border:1px solid #e3e9f2;border-radius:9px;background:#f8fafc}.inv91-color-totals small{display:block;font-size:10px;color:#8290a2}.inv91-color-totals b{display:block;margin-top:2px;font-size:13px}.inv91-series-cards{display:grid;gap:6px;max-height:52vh;overflow:auto;padding-left:1px}.inv91-series-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;padding:8px;border:1.5px solid #e0e7f1;border-radius:11px;background:#fff}.inv91-series-card .info b{display:block;font-size:12.5px}.inv91-series-card .info small{display:block;margin-top:2px;font-size:10.5px;color:#7d8b9e}.inv91-series-card .stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.inv91-series-card .stats span{padding:5px 6px;border-radius:8px;background:#f7f9fc}.inv91-series-card .stats small{display:block;font-size:9.5px;color:#8390a4}.inv91-series-card .stats b{display:block;margin-top:1px;font-size:12px}.inv91-series-card .stats .free b{color:#15805b}.inv91-series-card .stats .reserved b{color:#c9730d}.inv91-series-card .counter-actions{grid-row:1;grid-column:2;display:grid;grid-template-columns:42px 42px;gap:5px}.inv91-series-card .counter-actions button{width:42px;height:42px;border:0;border-radius:10px;font-size:23px;font-weight:950;cursor:pointer}.inv91-series-card .counter-actions .plus{background:#e9fbf2;color:#118255}.inv91-series-card .counter-actions .minus{background:#fff0f2;color:#c83b4e}.inv91-counter{text-align:right}.inv91-counter .selected{display:grid;grid-template-columns:1fr auto;gap:3px 8px;margin:0 0 8px;padding:8px 9px}.inv91-counter .selected b{font-size:13px}.inv91-counter .selected span{font-size:10.8px;color:#728097}.inv91-counter .selected em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-size:11px;font-weight:950;color:#315efb}.inv91-counter-control{display:grid;grid-template-columns:54px 1fr 54px;gap:6px;align-items:center;margin:8px 0}.inv91-counter-control button{height:50px;border:0;border-radius:11px;font-size:25px;font-weight:950}.inv91-counter-control button.plus{background:#e8fbf1;color:#118255}.inv91-counter-control button.minus{background:#fff0f2;color:#c83b4e}.inv91-counter-control input{height:50px!important;text-align:center!important;direction:ltr;font-size:20px!important;font-weight:950!important}.inv91-counter-note{width:100%;min-height:76px;border:1.5px solid #dce4ef;border-radius:10px;padding:8px 9px;font-size:13px;resize:vertical}
.theme-dark .inv91-color-workspace,.theme-dark .inv91-color-card,.theme-dark .inv91-series-card{background:#0b1d3f;border-color:rgba(160,188,255,.15);color:#e8efff}.theme-dark .inv91-color-workspace>header{background:#10264c;border-color:rgba(160,188,255,.12)}.theme-dark .inv91-color-card .identity b{color:#e8efff}.theme-dark .inv91-color-card .numbers span,.theme-dark .inv91-color-totals span,.theme-dark .inv91-series-card .stats span{background:#10264c;border-color:rgba(160,188,255,.12)}
@media(max-width:900px){.inv91-color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.inv76-summary small{font-size:10.5px}.inv76-summary b{font-size:17px}.inv76-summary em{font-size:9.5px}.inv76-meta span{font-size:10.5px}.inv76-command-actions>*{font-size:11px}.inv76-search input{font-size:16px!important}.inv76-filter select{font-size:13px}.inv76-card{padding:8px}.inv76-identity>b{font-size:13px}.inv76-variant-line strong{font-size:11px}.inv76-identity em{font-size:10px}.inv76-availability{font-size:10.5px}.inv76-cardnums small{font-size:10px}.inv76-cardnums b{font-size:13px}.inv76-cardactions>*{min-height:35px;font-size:11px}.inv91-color-workspace>header{align-items:flex-start;padding:9px}.inv91-color-workspace>header h2{font-size:14px}.inv91-color-workspace>header p{font-size:11.5px}.inv91-color-grid{grid-template-columns:1fr 1fr;gap:5px;padding:6px}.inv91-color-card{grid-template-columns:48px minmax(0,1fr);padding:6px}.inv91-color-card img{width:48px;height:48px}.inv91-color-card .identity b{font-size:12.5px}.inv91-color-card .identity small{font-size:10px}.inv91-color-card .numbers small{font-size:9px}.inv91-color-card .numbers b{font-size:11.5px}.inv91-series-card{padding:7px}.inv91-series-card .counter-actions{grid-template-columns:46px 46px}.inv91-series-card .counter-actions button{width:46px;height:46px;font-size:25px}.inv91-series-card .info b{font-size:12.5px}.inv91-series-card .info small{font-size:10.5px}}

/* Phase 93: physical warehouse location inside the color-first inventory flow */
.inv93-location-tag,.inv93-location-inline{display:block;margin-top:3px;color:#9a6507;font-size:10.5px;font-weight:900;line-height:1.45}.inv93-location-inline{color:#8b6b2d}.inv91-series-card .counter-actions{grid-template-columns:42px 42px auto}.inv91-series-card .counter-actions .location{width:auto;min-width:48px;padding:0 8px;border:1px solid #d6e0ec;background:#f8fafc;color:#415b78;font-size:10px;font-weight:900}.inv93-location-dialog{display:grid;gap:7px;text-align:right}.inv93-location-dialog>b{font-size:14px}.inv93-location-dialog>span{font-size:11.5px;color:#718096}.inv93-location-dialog label{display:grid;gap:5px}.inv93-location-dialog label small{font-size:11px;color:#6d7b8e}.inv93-location-dialog input{width:100%;height:44px;border:1.5px solid #d8e2ee;border-radius:11px;padding:0 10px;font-size:14px;outline:0}.inv93-location-dialog p{margin:0;padding:8px 9px;border-radius:9px;background:#f7f9fc;color:#68788e;font-size:11px;line-height:1.65}.inv76-cardactions{grid-template-columns:repeat(3,minmax(0,1fr))}.inv76-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-dark .inv93-location-tag,.theme-dark .inv93-location-inline{color:#f1cb76}.theme-dark .inv91-series-card .counter-actions .location{border-color:rgba(160,188,255,.18);background:#10264c;color:#dce6ff}
@media(max-width:560px){.inv91-series-card{grid-template-columns:minmax(0,1fr) auto}.inv91-series-card .counter-actions{grid-template-columns:46px 46px;grid-template-areas:'minus plus' 'location location';gap:4px}.inv91-series-card .counter-actions .minus{grid-area:minus}.inv91-series-card .counter-actions .plus{grid-area:plus}.inv91-series-card .counter-actions .location{grid-area:location;width:96px;min-height:32px;font-size:11px}.inv93-location-tag,.inv93-location-inline{font-size:10.5px}.inv93-location-dialog input{font-size:16px}.inv76-cardactions>*{font-size:10.5px!important}.inv76-actions>*{font-size:10.5px!important}}


/* === admin-phase94.css === */
/* Royan Phase 94 - workshop smart operations */
.p94-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:12px;margin:12px 0}
.p94-card{background:#fff;border:1px solid #e7eaf0;border-radius:18px;padding:16px;box-shadow:0 6px 22px rgba(18,34,59,.05)}
.p94-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.p94-head h2{font-size:17px;margin:2px 0 0}.p94-head p{font-size:12px;color:#6b7280;margin:4px 0 0;line-height:1.8}.p94-badge{font-size:11px;padding:5px 8px;border-radius:999px;background:#eef6ff;color:#1d4ed8;white-space:nowrap}
.p94-price-row{display:grid;grid-template-columns:1fr 170px;gap:8px}.p94-field{display:flex;flex-direction:column;gap:5px}.p94-field>span{font-size:11px;color:#667085;font-weight:700}.p94-input,.p94-select{height:42px;border:1px solid #d8dee8;border-radius:11px;background:#fff;padding:0 11px;font:inherit;outline:0;width:100%}.p94-input:focus,.p94-select:focus{border-color:#8ab4ff;box-shadow:0 0 0 3px rgba(59,130,246,.09)}
.p94-product-results{display:none;position:absolute;z-index:12;top:100%;right:0;left:0;background:#fff;border:1px solid #dfe4ec;border-radius:12px;box-shadow:0 14px 30px rgba(15,23,42,.12);max-height:220px;overflow:auto}.p94-product-wrap{position:relative}.p94-product-results button{width:100%;border:0;background:#fff;padding:9px 11px;text-align:right;border-bottom:1px solid #f0f2f5;font:inherit}.p94-product-results button:hover{background:#f7faff}.p94-product-results small{display:block;color:#7a8190;margin-top:2px}
.p94-scope{display:flex;gap:5px;background:#f4f6f8;padding:4px;border-radius:11px}.p94-scope label{flex:1;cursor:pointer}.p94-scope input{display:none}.p94-scope span{display:block;text-align:center;padding:8px;border-radius:8px;font-size:12px;font-weight:700}.p94-scope input:checked+span{background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.08);color:#155eef}
.p94-series{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.p94-series label{cursor:pointer}.p94-series input{display:none}.p94-series span{display:block;border:1px solid #dbe1ea;border-radius:999px;padding:6px 10px;font-size:11px}.p94-series input:checked+span{background:#eff8ff;border-color:#84caff;color:#175cd3}
.p94-actions{display:flex;gap:8px;align-items:center}.p94-btn{border:0;border-radius:11px;min-height:40px;padding:0 14px;font:inherit;font-weight:800;cursor:pointer}.p94-btn.primary{background:#155eef;color:#fff}.p94-btn.soft{background:#f1f5f9;color:#334155}.p94-btn:disabled{opacity:.5;cursor:not-allowed}.p94-preview{display:none;margin-top:10px;border:1px solid #cfe2ff;background:#f5f9ff;border-radius:12px;padding:11px}.p94-preview strong{font-size:14px}.p94-preview p{margin:5px 0 0;font-size:12px;color:#475467;line-height:1.8}.p94-preview .p94-apply{margin-top:9px;width:100%;background:#0f766e;color:#fff}
.p94-churn-list{display:grid;gap:7px}.p94-churn{border:1px solid #f0e2c2;background:#fffbf2;border-radius:12px;padding:10px}.p94-churn-top{display:flex;justify-content:space-between;gap:8px}.p94-churn b{font-size:13px}.p94-churn small{font-size:10px;color:#8a6a22}.p94-churn p{margin:5px 0 7px;font-size:11px;color:#5e6470;line-height:1.7}.p94-churn form{margin:0}.p94-churn button{width:100%;height:34px;border:1px solid #e8c76d;border-radius:9px;background:#fff7d6;font:inherit;font-size:11px;font-weight:800;color:#72520b;cursor:pointer}.p94-empty{font-size:12px;color:#667085;background:#f8fafc;border-radius:11px;padding:12px;text-align:center}
@media(max-width:900px){.p94-grid{grid-template-columns:1fr}.p94-card{padding:12px;border-radius:15px}.p94-price-row{grid-template-columns:1fr}.p94-actions{align-items:stretch}.p94-actions .p94-btn{flex:1}.p94-head h2{font-size:15px}}
/* Freight clarity + invoice image */
.p94-freight-wrap{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0}.p94-freight-box{border:1px solid;border-radius:13px;padding:10px;display:grid;gap:7px}.p94-freight-box.is-local{background:#eff6ff;border-color:#bfdbfe}.p94-freight-box.is-intercity{background:#fff7ed;border-color:#fed7aa}.p94-freight-box>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.p94-freight-box>header b{font-size:12px}.p94-freight-box>header small{display:block;margin-top:2px;font-size:10px;line-height:1.55;color:#64748b}.p94-freight-fields{display:grid;grid-template-columns:1.15fr .85fr;gap:6px}.p94-freight-fields label{display:grid;gap:3px}.p94-freight-fields label>span{font-size:10px;font-weight:800;color:#64748b}.p94-freight-fields input,.p94-freight-fields select{width:100%;height:36px;border:1px solid rgba(100,116,139,.25);border-radius:9px;background:#fff;padding:0 8px;font:inherit;font-size:11px}.p94-freight-fields .wide{grid-column:1/-1}.p94-freight-read{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}.p94-freight-read>div{padding:9px 10px;border:1px solid;border-radius:12px}.p94-freight-read .local{background:#eff6ff;border-color:#bfdbfe}.p94-freight-read .intercity{background:#fff7ed;border-color:#fed7aa}.p94-freight-read small{display:block;font-size:10px;color:#64748b}.p94-freight-read b{display:block;margin-top:3px;font-size:11px}.p94-freight-read span{display:block;margin-top:2px;font-size:10px;color:#64748b}.p94-image-btn{min-height:36px;border:1px solid #d8e2ee;border-radius:10px;background:#fff;color:#334155;padding:0 11px;font:inherit;font-size:10.5px;font-weight:900;cursor:pointer}.p94-image-btn:disabled{opacity:.55}.p94-patch-note{margin:8px 0;padding:8px 10px;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:10.5px;font-weight:800}
body:not(.theme-light) .p94-freight-box.is-local,body:not(.theme-light) .p94-freight-read .local{background:#102a4d;border-color:#25588e}body:not(.theme-light) .p94-freight-box.is-intercity,body:not(.theme-light) .p94-freight-read .intercity{background:#342315;border-color:#72512e}body:not(.theme-light) .p94-freight-fields input,body:not(.theme-light) .p94-freight-fields select,body:not(.theme-light) .p94-image-btn{background:#0b1d3f;border-color:#304a73;color:#eef4ff}
@media(max-width:760px){.p94-freight-wrap,.p94-freight-read{grid-template-columns:1fr}.p94-freight-fields{grid-template-columns:1fr 1fr}.p94-freight-fields input,.p94-freight-fields select{height:42px;font-size:12px}.p94-image-btn{min-height:40px;font-size:11px}}


/* === sweetalert-lite.css === */
.swal2-container-lite{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(8,15,34,.56);backdrop-filter:blur(6px);z-index:99999}
.swal2-popup-lite{width:min(520px,100%);background:#fff;color:#18233d;border-radius:24px;box-shadow:0 30px 80px rgba(7,16,39,.28);border:1px solid rgba(25,48,91,.08);padding:22px 22px 18px;direction:rtl;font-family:Yekan,Tahoma,sans-serif}
.swal2-popup-lite.is-dark{background:#0c1730;color:#f5f8ff;border-color:rgba(180,202,255,.12)}
.swal2-header-lite{display:flex;gap:14px;align-items:flex-start}.swal2-icon-lite{flex:0 0 52px;width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;background:#eef4ff;color:#2553c7}.swal2-popup-lite.is-dark .swal2-icon-lite{background:rgba(255,255,255,.08);color:#fff}
.swal2-icon-lite.is-success{background:#e8fbef;color:#1c9f55}.swal2-icon-lite.is-error{background:#ffedef;color:#d63d53}.swal2-icon-lite.is-warning{background:#fff6df;color:#c58813}
.swal2-title-lite{margin:2px 0 4px;font-size:21px;font-weight:900;line-height:1.5}.swal2-text-lite{font-size:14px;line-height:1.95;color:#455776}.swal2-popup-lite.is-dark .swal2-text-lite{color:#c5d2f4}
.swal2-html-lite{margin-top:14px}.swal2-html-lite .swal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.swal2-html-lite label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#42506d}.swal2-popup-lite.is-dark .swal2-html-lite label{color:#cad8f8}
.swal2-html-lite input,.swal2-html-lite textarea,.swal2-html-lite select{width:100%;border:1px solid rgba(38,65,121,.16);border-radius:14px;padding:12px 14px;background:#f7f9fd;color:#1a2640;font:inherit}.swal2-popup-lite.is-dark .swal2-html-lite input,.swal2-popup-lite.is-dark .swal2-html-lite textarea,.swal2-popup-lite.is-dark .swal2-html-lite select{background:rgba(255,255,255,.05);border-color:rgba(180,202,255,.12);color:#fff}
.swal2-actions-lite{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.swal2-actions-lite button{border:0;border-radius:14px;min-height:44px;padding:0 18px;cursor:pointer;font:inherit;font-weight:800}.swal2-confirm-lite{background:linear-gradient(90deg,#395de9,#6a4dff);color:#fff;box-shadow:0 14px 30px rgba(63,89,232,.24)}.swal2-cancel-lite{background:#eef2fa;color:#30405f}.swal2-popup-lite.is-dark .swal2-cancel-lite{background:rgba(255,255,255,.08);color:#eef4ff}
.swal2-loader-lite{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 0 6px}.swal2-loader-lite img{width:64px;height:64px;object-fit:contain;animation:swalPulse 1.2s ease-in-out infinite}.swal2-loader-lite .ring{width:44px;height:44px;border-radius:50%;border:4px solid rgba(63,89,232,.16);border-top-color:#4e67f2;animation:swalSpin .9s linear infinite}.swal2-popup-lite.is-dark .swal2-loader-lite .ring{border-color:rgba(255,255,255,.1);border-top-color:#aebfff}
.swal2-note-lite{margin-top:8px;font-size:12px;line-height:1.7;color:#5f6f92;text-align:center}.swal2-popup-lite.is-dark .swal2-note-lite{color:#b7c6e5}
@keyframes swalSpin{to{transform:rotate(360deg)}}
@keyframes swalPulse{0%,100%{transform:scale(.96)}50%{transform:scale(1.03)}}
@media(max-width:640px){.swal2-popup-lite{padding:18px 16px 16px;border-radius:20px}.swal2-title-lite{font-size:18px}.swal2-text-lite{font-size:13px}.swal2-html-lite .swal-grid{grid-template-columns:1fr}.swal2-actions-lite{flex-direction:column-reverse}.swal2-actions-lite button{width:100%}}
.swal2-validation-lite{margin-top:10px;padding:9px 11px;border-radius:11px;background:rgba(224,63,83,.1);color:#d63d53;font-size:11px;line-height:1.7}.swal2-popup-lite.is-dark .swal2-validation-lite{background:rgba(255,109,117,.12);color:#ffadb3}


/* === admin-phase96.css === */
/* Phase 96 admin mobile operations */
.p96-camera-cta{display:flex;align-items:center;justify-content:center;min-height:48px;margin-bottom:7px;border:1.5px dashed #69a8db;border-radius:12px;background:#eff8ff;color:#155b91;font-size:12px;font-weight:950}.p96-waybill-upload input{font-size:16px!important}.p96-rem-buttons{display:flex;gap:5px;flex-wrap:wrap}.p96-rem-buttons button{min-height:36px;padding:0 8px;border:1px solid #cad9e8;border-radius:9px;background:#fff;color:#224d77;font-size:10px;font-weight:900}.p96-rem-buttons button:disabled{cursor:not-allowed}
@media(max-width:767px){.mobile-bottom-nav{height:64px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.mobile-nav-link{min-height:58px!important;font-size:10.5px!important}.mobile-nav-link .ui-icon{width:20px!important;height:20px!important}.qs71-desktop-table,.qs71-card table{display:none!important}.qs71-mobile-lines{display:grid!important}.qs71-mobile-line{padding:9px!important;border-radius:13px!important}.qs71-mobile-line input,.qs71-mobile-line select,#paymentRows input,#paymentRows select{min-height:44px!important;font-size:16px!important}.p96-rem-buttons{display:grid;grid-template-columns:1fr 1fr}.p96-rem-buttons button{min-height:44px;font-size:11px}.shd-upload.p96-waybill-upload{padding:8px!important}}
.p96-qs-line-thumb{width:48px;height:48px;flex:0 0 48px;border-radius:10px;object-fit:cover;border:1px solid #dce5ef;background:#f1f5f9}.p96-qs-line-thumb.is-empty{display:block}.qs71-mobile-line-top{align-items:center!important}.qs71-mobile-line-title{min-width:0;flex:1}
@media(max-width:767px){.p75-payment-review{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.p75-payment-review form,.p75-payment-review button{width:100%!important}.p75-payment-review .p75-btn.is-success{min-height:50px!important;font-size:13px!important}.p75-payment-review .p75-btn.is-danger{min-height:44px!important}.p75-decision-actions{display:grid!important;grid-template-columns:1fr!important}.p75-decision-actions form,.p75-decision-actions .p75-btn{width:100%!important}.p75-decision-actions .p75-btn.is-primary{min-height:48px!important;font-size:13px!important}}

.p96-proforma-cancel-bottom{display:none;margin-top:18px;padding:12px;border:1px dashed #e4a1a1;border-radius:12px;background:#fff8f8}.p96-proforma-cancel-bottom span{display:block;margin-bottom:8px;font-size:12px;color:#785555}.p96-proforma-cancel-bottom button{width:100%;min-height:46px}
@media(max-width:760px){.p75-decision-actions>button.is-danger-soft[data-p75-cancel]{display:none!important}.p96-proforma-cancel-bottom{display:block}.p96-proforma-cancel-bottom button{min-height:50px;font-size:14px}}


/* === admin-phase97.css === */
/* Royan Phase 97 - industrial, readable admin layer */
:root{--p97-admin-border:#cbd5e1;--p97-admin-text:#0f172a;--p97-admin-muted:#475569}
body.theme-light .admin-main,body.theme-light main{color:var(--p97-admin-text)}
body.theme-light .panel,body.theme-light .card,body.theme-light .rounded-2xl{border-color:#cbd5e1}
.p97-risk-banner,.p97-finance-alert{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:2px solid #cbd5e1;border-radius:14px;background:#fff;color:#0f172a}.p97-risk-banner>div,.p97-finance-alert{min-width:0}.p97-risk-banner strong,.p97-finance-alert strong{display:block;font-size:13px;font-weight:950}.p97-risk-banner span,.p97-finance-alert span{display:block;margin-top:2px;font-size:11px;line-height:1.6}.p97-risk-banner.is-diamond,.p97-finance-alert.is-diamond{border-color:#86efac;background:#f0fdf4;color:#14532d}.p97-risk-banner.is-cash_only,.p97-finance-alert.is-cash_only{border-color:#fca5a5;background:#fff1f2;color:#991b1b}.p97-finance-alert{margin:0 0 10px;flex-direction:column;align-items:flex-start}
.p97-quality-timeline{margin:10px 0;border:1.5px solid #cbd5e1;border-radius:14px;background:#fff;overflow:hidden}.p97-quality-timeline>header{display:flex;justify-content:space-between;padding:9px 11px;border-bottom:1px solid #e2e8f0}.p97-quality-timeline>header b{font-size:12px}.p97-quality-timeline>header span{font-size:10px;color:#475569}.p97-quality-timeline article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 9px;padding:8px 11px;border-bottom:1px solid #e2e8f0}.p97-quality-timeline article:last-child{border-bottom:0}.p97-quality-timeline article span,.p97-quality-timeline article b{font-size:11px}.p97-quality-timeline article small{grid-column:1/-1;font-size:9.5px;color:#475569}.p97-quality-timeline article.is-mark_incomplete{border-right:5px solid #f59e0b}.p97-quality-timeline article.is-complete_incomplete{border-right:5px solid #10b981}.p97-quality-timeline article.is-bale{border-right:5px solid #0ea5e9}.p97-quality-timeline article.is-unbale{border-right:5px solid #64748b}.p97-qc-stat{border-color:#fbbf24!important;background:#fffbeb!important}.p97-bale-stat{border-color:#7dd3fc!important;background:#f0f9ff!important}
.product-compact-actions button.quick-reply,.td-actions button.quick-reply{display:flex;align-items:center;justify-content:center;gap:4px;min-height:31px;border:0;border-radius:9px;background:rgba(34,197,94,.12);color:#16a34a;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.product-compact-actions button.quick-reply .ui-icon,.td-actions button.quick-reply .ui-icon{width:13px;height:13px}.p97-bank-detect{display:flex;align-items:center;gap:6px;margin-top:5px;color:#64748b;font-size:10px;font-weight:800}.p97-bank-detect i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e2e8f0;color:#334155;font-style:normal;font-size:8px}.p97-bank-detect.is-known{color:#047857}.p97-bank-detect.is-known i{background:#dcfce7;color:#166534}
/* Industrial contrast for workshop phones */
body.theme-light .text-slate-400{color:#64748b!important}body.theme-light .text-slate-500{color:#475569!important}body.theme-light .text-slate-600{color:#334155!important}body.theme-light .border-slate-200{border-color:#cbd5e1!important}body.theme-light .bg-slate-50{background:#f8fafc!important}.p97-stock-state b,.p97-shipping-metrics b,.p97-capacity-head b{color:#020617}
@media(max-width:767px){.product-compact-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.td-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.product-compact-actions button.quick-reply,.td-actions button.quick-reply{min-height:34px;font-size:10px}.p97-risk-banner{align-items:flex-start;flex-direction:column}.inv76-kardex-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.inv76-kardex-stats>div{border:1.5px solid #cbd5e1!important}.p97-quality-timeline article{padding:10px 11px}.p97-finance-alert strong{font-size:14px}.p97-finance-alert span{font-size:12px}}


/* === admin-phase98.css === */
.p98-voice-open{position:relative}.p98-voice-open:after{content:'';position:absolute;width:7px;height:7px;right:4px;top:4px;border-radius:50%;background:#22c55e}.p98-voice-modal[hidden]{display:none}.p98-voice-modal{position:fixed;inset:0;z-index:10030;background:rgba(2,6,23,.55);display:grid;place-items:center;padding:14px}.p98-voice-card{width:min(520px,100%);position:relative;border:1.5px solid #cbd5e1;border-radius:20px;background:#fff;color:#0f172a;padding:18px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.p98-voice-close{position:absolute;left:10px;top:10px;width:38px;height:38px;border-radius:11px;background:#f1f5f9;font-size:22px}.p98-voice-mic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fee2e2;color:#ef4444;box-shadow:0 0 0 7px #fef2f2}.p98-voice-card h3{font-size:18px;font-weight:950;margin:10px 0 3px}.p98-voice-card p{font-size:11px;color:#475569;line-height:1.8}.p98-voice-card textarea{width:100%;margin-top:10px;border:1.5px solid #cbd5e1;border-radius:13px;padding:10px;font-size:16px;min-height:86px}.p98-voice-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.p98-voice-actions button{min-height:46px;border-radius:12px;font-size:12px;font-weight:950}.p98-voice-actions button:first-child{background:#0f172a;color:#fff}.p98-voice-actions button:last-child{background:#16a34a;color:#fff}.p98-voice-actions button.is-listening{background:#dc2626;animation:p98Listen 1s infinite}@keyframes p98Listen{50%{box-shadow:0 0 0 8px rgba(220,38,38,.13)}}.p98-voice-result{margin-top:10px;padding:10px;border:1px solid #cbd5e1;border-radius:13px;background:#f8fafc;font-size:11px}.p98-voice-result b{font-size:13px}.p98-voice-result .ok{color:#166534}.p98-voice-result .warn{color:#b45309}.p98-voice-result a{margin-top:9px;display:flex;min-height:44px;align-items:center;justify-content:center;border-radius:11px;background:#2563eb;color:#fff;font-weight:950}.p98-manifest-banner{margin:0 0 10px;border:2px solid var(--manifest-color,#334155);border-radius:14px;background:#fff;overflow:hidden}.p98-manifest-stripe{height:12px;background:var(--manifest-color,#334155)}.p98-manifest-body{padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.p98-manifest-body b{display:block;color:#0f172a;font-size:14px}.p98-manifest-body small{color:#475569;font-size:10.5px}.p98-manifest-body a{min-height:40px;padding:0 12px;border-radius:10px;background:var(--manifest-color,#334155);color:#fff;display:flex;align-items:center;font-size:11px;font-weight:950}.theme-light .p98-manifest-banner{background:#fff}.theme-dark .p98-voice-card{background:#071936;color:#fff;border-color:#355783}.theme-dark .p98-voice-card p{color:#a9b9d2}.theme-dark .p98-voice-card textarea,.theme-dark .p98-voice-result{background:#0b2044;color:#fff;border-color:#355783}@media(max-width:700px){.p98-voice-card{align-self:end;border-radius:22px 22px 0 0;margin-bottom:-14px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.p98-voice-actions{grid-template-columns:1fr}.p98-manifest-body{align-items:stretch;flex-direction:column}.p98-manifest-body a{width:100%}}
body.workshop-mode .admin-main{background:#111827!important;transition:background .28s ease}body.workshop-mode .admin-topbar{background:rgba(15,23,42,.96)!important;transition:background .28s ease}body.workshop-mode .admin-content{transition:filter .25s ease,opacity .25s ease}
.p98-success-wave{position:fixed;inset:0;z-index:10000;pointer-events:none;background:radial-gradient(circle at 50% 55%,rgba(34,197,94,.20),transparent 12%);animation:p98AdminWave .65s ease-out forwards}@keyframes p98AdminWave{from{background-size:15% 15%;opacity:1}to{background-size:220% 220%;opacity:0}}


/* === admin-phase99.css === */
.p99-hotspot-admin{margin-top:12px;padding:12px;border:1.5px solid #334155;border-radius:16px;background:#0b1427}.p99-hotspot-admin>header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.p99-hotspot-admin>header div{display:grid;gap:2px}.p99-hotspot-admin>header b{font-size:12px}.p99-hotspot-admin>header small{font-size:9px;color:#94a3b8}.p99-hotspot-admin>header>span{font-size:10px;color:#86efac}.p99-hotspot-editor{position:relative;max-width:520px;aspect-ratio:1/1;background:#fff;border-radius:14px;overflow:hidden;cursor:crosshair}.p99-hotspot-editor>img{width:100%;height:100%;object-fit:contain}.p99-admin-pin,.p99-hotspot-editor>i{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid #fff;background:#16a34a;color:#fff;font-style:normal;font-weight:900;box-shadow:0 0 0 5px rgba(34,197,94,.2)}.p99-hotspot-editor>i{background:#2563eb;opacity:.62}.p99-hotspot-editor>i.is-set{opacity:1}.p99-hotspot-form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px;margin-top:9px}.p99-hotspot-form label{display:grid;gap:4px}.p99-hotspot-form span{font-size:9px;color:#94a3b8}.p99-hotspot-form input{min-height:42px;border:1px solid #334155;border-radius:10px;background:#111c31;color:#fff;padding:0 9px}.p99-hotspot-list{display:grid;gap:6px;margin-top:8px}.p99-hotspot-list article{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;border:1px solid #26364d;border-radius:10px}.p99-hotspot-list article div{display:grid}.p99-hotspot-list small{font-size:9px;color:#94a3b8}.p99-hotspot-list .danger{min-height:36px;color:#fecaca;border:1px solid #7f1d1d;background:#450a0a;border-radius:8px}.p99-schema-note{margin-top:8px;padding:9px;border-radius:10px;background:#422006;color:#fde68a;font-size:10px}
.p99-volume-admin{padding:15px;margin:14px 0;border:1.5px solid #334155;border-radius:18px;background:#0c1629}.p99-volume-admin>header h2{margin:2px 0;font-size:17px}.p99-volume-admin>header span{font-size:10px;color:#86efac}.p99-volume-admin>header p{font-size:10px;color:#94a3b8}.p99-volume-form{display:grid;grid-template-columns:1.3fr .7fr .7fr .9fr auto;gap:8px;margin-top:12px}.p99-volume-form label{display:grid;gap:4px}.p99-volume-form label span{font-size:9px;color:#94a3b8}.p99-volume-form input,.p99-volume-form select{height:42px;border:1px solid #334155;border-radius:10px;background:#111c31;color:#fff;padding:0 9px}.p99-volume-rules{display:grid;gap:6px;margin-top:10px}.p99-volume-rules article{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid #27364d;border-radius:12px}.p99-volume-rules article div{display:grid}.p99-volume-rules small{font-size:9px;color:#94a3b8}.p99-volume-rules strong{color:#86efac;font-size:16px}.p99-volume-rules article.is-off{opacity:.5}
.p99-financial-pulse{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.p99-financial-pulse article{position:relative;overflow:hidden;padding:14px;border:1.5px solid #334155;border-radius:16px;background:linear-gradient(125deg,#0b1427,#15233d);box-shadow:0 10px 26px rgba(2,6,23,.14)}.p99-financial-pulse article:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(59,130,246,.1),transparent);animation:p99PulseBg 4s linear infinite}.p99-financial-pulse small,.p99-financial-pulse span,.p99-financial-pulse b{position:relative;z-index:1}.p99-financial-pulse small{display:block;color:#94a3b8;font-size:9px}.p99-financial-pulse b{display:block;font-size:20px;margin-top:4px}.p99-financial-pulse span{font-size:9px;color:#cbd5e1}.p99-financial-pulse b.is-pulsed{animation:p99Num .45s ease}@keyframes p99PulseBg{to{transform:translateX(100%)}}@keyframes p99Num{45%{transform:translateY(-3px);color:#86efac}}
.qs94-camera{position:relative}.qs94-camera:after{content:"";position:absolute;z-index:9;left:8%;right:8%;height:2px;top:14%;background:linear-gradient(90deg,transparent,#ef4444,transparent);box-shadow:0 0 12px #ef4444;animation:p99Laser 1.5s ease-in-out infinite;pointer-events:none}@keyframes p99Laser{50%{top:83%}}.qs94-camera.p99-scan-hit{box-shadow:inset 0 0 0 4px #22c55e,0 0 0 5px rgba(34,197,94,.2);animation:p99ScanHit .65s ease}@keyframes p99ScanHit{50%{transform:scale(.992)}}
body.workshop-mode{transition:background .25s ease,color .25s ease}body.workshop-mode .admin-content{transition:filter .25s ease,opacity .25s ease}
@media(max-width:800px){.p99-volume-form{grid-template-columns:1fr 1fr}.p99-volume-form label:first-child{grid-column:1/-1}.p99-volume-form button{grid-column:1/-1;min-height:50px}.p99-hotspot-form{grid-template-columns:1fr}.p99-financial-pulse{grid-template-columns:1fr}button,input,select,textarea{min-height:48px}input,select,textarea{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.p99-financial-pulse article:before,.qs94-camera:after{animation:none!important}}


/* === admin-phase100.css === */
/* Phase 100 - one-hand admin hardening */
.p100-fast-link,[data-p100-copy-link]{min-height:42px}.p100-stock-delta{min-width:48px;min-height:48px;border:0;border-radius:13px;font-weight:900;font-size:16px;cursor:pointer}.p100-stock-delta.is-plus{background:#dcfce7;color:#166534}.p100-stock-delta.is-minus{background:#fee2e2;color:#991b1b}.p100-stock-delta.is-loading{opacity:.5;pointer-events:none}
@media(max-width:760px){.admin-content input,.admin-content select,.admin-content textarea{font-size:max(16px,1em)}.admin-content button,.admin-content a[role=button],.inv76-cardactions>a,.inv76-cardactions>button{min-height:48px}.inv76-cardactions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.p100-stock-delta{font-size:18px}.admin-content table{max-width:100%}.modal-actions,.sheet-actions{padding-bottom:max(8px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.p100-stock-delta{transition:none}}


/* === admin-phase101.css === */
/* Royan Phase 101 — tactile admin affordances. Continuous scanner removed in v0.105.0. */
.p101-admin-tactile:active{transform:scale(.96)}
.p101-product-fit-admin{display:grid;grid-template-columns:1fr 1.4fr;gap:7px}
.p101-product-fit-admin select,.p101-product-fit-admin input{min-height:44px!important;font-size:16px!important}


/* === admin-final.css === */
/* Royan Final UI/UX Hardening — frozen pilot surface */
.sidebar-menu-section{display:grid;gap:3px;margin:0 0 9px}.sidebar-section-label{padding:6px 12px 3px;color:#7f91b4;font-size:10px;font-weight:900;letter-spacing:.01em}.sidebar-collapsed .sidebar-section-label{display:none}.mobile-nav-more{border:0;background:transparent;font-family:inherit;cursor:pointer}
.dash104-priority{display:grid;gap:8px;margin:0 0 10px}.dash104-priority>header{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:0 2px}.dash104-priority>header span{display:block;color:#6845dd;font-size:10px;font-weight:950}.dash104-priority>header h2{margin:1px 0 0;font-size:17px;font-weight:950}.dash104-priority>header small{font-size:10px;color:#78869a}.dash104-priority .dash69-action-panel{width:100%}.dash104-priority .dash69-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dash104-priority .dash69-action-grid>a{min-height:72px;border-width:1px;box-shadow:0 8px 24px rgba(26,48,86,.06)}
.inv104-primary-actions{display:flex;align-items:center;gap:6px}.inv104-primary-actions .p100-stock-delta{min-width:48px!important;min-height:44px!important;font-size:15px!important}.inv104-more-actions{position:relative}.inv104-more-actions>summary{list-style:none;cursor:pointer;display:grid;place-items:center;min-height:40px;padding:0 10px;border:1px solid #dce5f0;border-radius:10px;background:#f7f9fc;color:#53647d;font-size:11px;font-weight:900}.inv104-more-actions>summary::-webkit-details-marker{display:none}.inv104-more-actions>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;padding:7px;border:1px solid #dce5f0;border-radius:11px;background:#fff}.p97-quality-note{display:grid;gap:5px;margin:9px 0}.p97-quality-note span{font-size:11px;font-weight:900;color:#617188}.p97-quality-note input{width:100%;min-height:44px;border:1px solid #dce5f0;border-radius:10px;padding:0 10px;background:#fff;font-size:14px;outline:none}.p97-quality-note input:focus{border-color:#769ff3;box-shadow:0 0 0 3px rgba(49,94,251,.08)}
/* Make list and finance screens scan in the same order: status/amount first, secondary metadata second. */
.route-admin-proformas .order-command-surface,.route-admin-invoices .invoice-command-surface,.route-admin-finance .fin85-head{box-shadow:0 10px 28px rgba(25,47,84,.07)}.route-admin-proformas .order-mobile-amount,.route-admin-invoices .invoice-mobile-amount,.route-admin-finance .fin85-kpis b{font-weight:950}.route-admin-proformas .order-detail-btn,.route-admin-invoices .invoice-detail-btn,.route-admin-finance .fin85-row .go{min-height:36px}
@media(max-width:767px){
 .mobile-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}.mobile-nav-link{min-height:58px!important;font-size:11px!important;line-height:1.35!important}.mobile-nav-link .ui-icon{width:21px!important;height:21px!important}
 .sidebar-section-label{font-size:11px;padding-top:9px}.sidebar-link{min-height:44px}.sidebar-link-label{font-size:12px!important}
 .admin-content input:not([type=checkbox]):not([type=radio]),.admin-content select,.admin-content textarea{font-size:16px!important}.admin-content button,.admin-content a{touch-action:manipulation}
 .admin-pager-summary,.admin-page-size label,.admin-pager-links a{font-size:11px!important}.admin-page-size select{font-size:16px!important;min-height:40px}.admin-pager-links a{min-width:40px;height:40px}
 .dash104-priority>header{align-items:start;display:grid}.dash104-priority>header h2{font-size:16px}.dash104-priority>header small{font-size:11px;line-height:1.5}.dash104-priority .dash69-action-grid{grid-template-columns:1fr 1fr}.dash104-priority .dash69-action-grid>a{min-height:78px}.dash104-priority .dash69-action-grid b{font-size:12px!important}.dash104-priority .dash69-action-grid small{font-size:10.5px!important}.dash104-priority .dash69-action-grid strong{font-size:16px!important}
 .p97-health-group>header b,.p97-health-list article b{font-size:12px!important}.p97-health-group>header small,.p97-health-list article small{font-size:11px!important;line-height:1.6!important}.p97-health-list button{min-height:40px!important;font-size:11px!important}
 .route-admin-quick-sale .qs71-head-note,.route-admin-quick-sale .qs71-reserve-note,.route-admin-quick-sale .qs71-search-limit,.route-admin-quick-sale .qs71-result-copy small,.route-admin-quick-sale .qs71-result-pick,.route-admin-quick-sale .qs71-result-price small,.route-admin-quick-sale .qs71-row-main small,.route-admin-quick-sale .qs71-series-copy small,.route-admin-quick-sale .qs71-series-error,.route-admin-quick-sale .qs71-thumb-empty,.route-admin-quick-sale .qs71-noresult,.route-admin-quick-sale .qs71-spinner,.route-admin-quick-sale .qs71-hint{font-size:11px!important;line-height:1.55!important}.route-admin-quick-sale .qs71-result-copy b,.route-admin-quick-sale .qs71-result-price b,.route-admin-quick-sale .qs71-series-copy b{font-size:12px!important}.route-admin-quick-sale .qs71-add-series,.route-admin-quick-sale .qs71-row-action,.route-admin-quick-sale .qs71-loadmore,.route-admin-quick-sale .qs71-back{font-size:11px!important;min-height:44px}.route-admin-quick-sale .qs71-search,.route-admin-quick-sale .qs71-series-qty,.route-admin-quick-sale .qs71-new-grid select{font-size:16px!important;min-height:44px!important}
 .inv76-actions,.inv76-cardactions{align-items:center!important}.inv104-primary-actions{flex:1}.inv104-primary-actions .p100-stock-delta{flex:1}.inv104-more-actions>summary{min-height:44px;font-size:11px}.inv104-more-actions>div>*{min-height:42px!important;font-size:11px!important}.p97-quality-note input{font-size:16px}
 .route-admin-proformas .order-commandbar input,.route-admin-proformas .order-filter-menu input,.route-admin-proformas .order-filter-menu select,.route-admin-invoices input,.route-admin-invoices select,.route-admin-finance input,.route-admin-finance select{font-size:16px!important}.route-admin-proformas .order-mobile-customer b,.route-admin-invoices .invoice-mobile-customer b{font-size:13px!important}.route-admin-proformas .order-mobile-customer span,.route-admin-proformas .order-mobile-date,.route-admin-invoices .invoice-mobile-customer span{font-size:11px!important}
}
body.theme-dark .sidebar-section-label{color:#8195bc}body.theme-dark .inv104-more-actions>summary,body.theme-dark .inv104-more-actions>div,body.theme-dark .p97-quality-note input{background:#10264c;border-color:rgba(160,188,255,.16);color:#e8efff}


/* === admin-mobile-header-v1049.css === */
/* Royan 0.104.9-beta — isolated mobile admin header hotfix.
   Loaded after all historical admin styles to prevent media-query collisions. */
@media (max-width:767px){
  .admin-topbar{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:7px!important;
    min-height:56px!important;
    padding:7px 8px!important;
    overflow:visible!important;
  }

  .admin-topbar>.topbar-usercluster{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    min-width:0!important;
    width:auto!important;
  }

  .admin-topbar .mobile-menu-btn{
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    padding:0!important;
    margin:0!important;
    border-radius:11px!important;
  }

  .admin-topbar .topbar-user-full{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    gap:0!important;
    background:transparent!important;
  }
  .admin-topbar .topbar-user-full>span:not(.topbar-avatar),
  .admin-topbar .topbar-user-full>svg{
    display:none!important;
  }
  .admin-topbar .topbar-avatar{
    display:grid!important;
    place-items:center!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    margin:0!important;
    border-radius:10px!important;
    font-size:12px!important;
    line-height:1!important;
  }

  .admin-topbar>.topbar-page-context{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    padding:0 4px!important;
    margin:0!important;
    text-align:center!important;
    background:transparent!important;
  }
  .admin-topbar .topbar-page-icon,
  .admin-topbar .topbar-page-context small{
    display:none!important;
  }
  .admin-topbar .topbar-page-context>span:last-child{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .admin-topbar .topbar-page-context b{
    display:block!important;
    max-width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:950!important;
  }

  .admin-topbar>.topbar-actions{
    grid-column:3!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
  }

  /* Secondary desktop actions made the 360–430px header unusable. */
  .admin-topbar .mobile-brand{
    display:none!important;
  }

  .admin-topbar .p98-voice-open,
  .admin-topbar .workshop-toggle,
  .admin-topbar #themeToggle{
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    padding:0!important;
    margin:0!important;
    border-radius:11px!important;
    flex:0 0 36px!important;
  }
  .admin-topbar .workshop-toggle span{
    display:none!important;
  }
  .admin-topbar .p98-voice-open .ui-icon,
  .admin-topbar .workshop-toggle .ui-icon,
  .admin-topbar #themeToggle .ui-icon,
  .admin-topbar .mobile-menu-btn .ui-icon{
    width:18px!important;
    height:18px!important;
  }
}

@media (max-width:360px){
  .admin-topbar{gap:5px!important;padding-inline:6px!important}
  .admin-topbar .topbar-user-full{display:none!important}
  .admin-topbar .mobile-menu-btn,
  .admin-topbar .p98-voice-open,
  .admin-topbar .workshop-toggle,
  .admin-topbar #themeToggle{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;flex-basis:34px!important
  }
  .admin-topbar .topbar-page-context b{font-size:12px!important}
}


/* === admin-ux-v1050.css === */
/* Royan v0.105.0 — focused admin UX stabilization
   Scope: orders/proforma detail, quick-sale mobile, inventory quick adjustments. */

/* ---------- Orders list: desktop action column ---------- */
@media(min-width:768px){
 body.route-admin-proformas .order-table-head,
 body.route-admin-proformas .order-table-row{grid-template-columns:1.05fr 1.55fr 1.1fr 1fr 1.15fr 120px 154px!important;gap:10px!important}
 body.route-admin-proformas .order-detail-btn{width:100%!important;min-width:0!important;min-height:40px!important;height:40px!important;padding:0 12px!important;border-radius:11px!important;box-sizing:border-box!important;transform:none!important;font-size:12px!important}
 body.route-admin-proformas .order-detail-btn:hover{transform:none!important}
 body.route-admin-proformas .order-detail-btn .ui-icon{width:15px!important;height:15px!important;flex:0 0 15px}
}

/* ---------- Proforma detail: clean hierarchy ---------- */
body[class*="route-admin-proformas-"] .p75-order-hero{border:1px solid #dce5f2!important;box-shadow:0 10px 28px rgba(20,43,79,.06)!important}
body[class*="route-admin-proformas-"] .p75-order-number b{font-weight:950!important}
body[class*="route-admin-proformas-"] .p75-panel,
body[class*="route-admin-proformas-"] .p75-summary-card,
body[class*="route-admin-proformas-"] .p75-link-card,
body[class*="route-admin-proformas-"] .p75-customer-card,
body[class*="route-admin-proformas-"] .p94-freight-read{border:1px solid #dce5f2!important;box-shadow:0 7px 20px rgba(20,43,79,.035)!important}
body[class*="route-admin-proformas-"] .p75-btn{min-height:42px!important;padding-inline:14px!important;font-size:12px!important}
body[class*="route-admin-proformas-"] .p75-item-row{border-color:#dfe7f1!important}
body[class*="route-admin-proformas-"] .p75-item-name b{font-weight:950!important}

@media(max-width:767px){
 body[class*="route-admin-proformas-"] .admin-content{padding-bottom:94px!important}
 body[class*="route-admin-proformas-"] .p75-inline-alert{padding:10px 11px!important;border-radius:12px!important;font-size:11.5px!important;line-height:1.75!important}
 body[class*="route-admin-proformas-"] .p75-order-hero{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:10px!important;padding:12px!important;border-radius:17px!important;background:#fff!important}
 body[class*="route-admin-proformas-"] .p75-order-hero-top{align-items:center!important;gap:8px!important}
 body[class*="route-admin-proformas-"] .p75-back-link{min-height:36px!important;display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:11px!important}
 body[class*="route-admin-proformas-"] .p75-status{min-height:30px!important;display:inline-flex!important;align-items:center!important;padding:0 9px!important;border-radius:9px!important;font-size:10.5px!important;line-height:1.3!important}
 body[class*="route-admin-proformas-"] .p75-order-number{margin-top:6px!important;font-size:12px!important;color:#64748b!important}
 body[class*="route-admin-proformas-"] .p75-order-number b{display:block!important;margin-top:2px!important;font-size:18px!important;line-height:1.45!important;color:#0f2747!important}
 body[class*="route-admin-proformas-"] .p75-order-facts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:9px!important}
 body[class*="route-admin-proformas-"] .p75-order-facts>span{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;gap:1px 5px!important;align-items:center!important;min-width:0!important;padding:7px!important;border:1px solid #edf1f6!important;border-radius:10px!important;background:#f8fafc!important}
 body[class*="route-admin-proformas-"] .p75-order-facts>span:nth-child(3){display:grid!important;grid-column:1/-1!important}
 body[class*="route-admin-proformas-"] .p75-order-facts svg{grid-row:1/3!important;width:15px!important;height:15px!important}
 body[class*="route-admin-proformas-"] .p75-order-facts b{font-size:11px!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere}
 body[class*="route-admin-proformas-"] .p75-order-facts small{font-size:9.5px!important;line-height:1.45!important}
 body[class*="route-admin-proformas-"] .p75-order-total{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:7px!important;width:100%!important;min-width:0!important;padding:10px 12px!important;border-radius:13px!important;background:#0f2747!important;color:#fff!important}
 body[class*="route-admin-proformas-"] .p75-order-total small{font-size:10px!important;color:#c7d5e9!important}
 body[class*="route-admin-proformas-"] .p75-order-total b{margin-right:auto!important;font-size:18px!important;line-height:1!important;color:#fff!important}
 body[class*="route-admin-proformas-"] .p75-order-total span{font-size:10px!important;color:#d8e3f2!important}

 body[class*="route-admin-proformas-"] .p93-sharebar{margin:8px 0 10px!important;padding:10px!important;border-radius:15px!important}
 body[class*="route-admin-proformas-"] .p93-sharebar b{font-size:12.5px!important}
 body[class*="route-admin-proformas-"] .p93-sharebar span{font-size:10.5px!important;line-height:1.65!important}
 body[class*="route-admin-proformas-"] .p93-sharebar>div:last-child{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
 body[class*="route-admin-proformas-"] .p93-sharebar button{width:100%!important;min-height:42px!important;height:auto!important;padding:7px 6px!important;font-size:10.5px!important;white-space:normal!important}

 body[class*="route-admin-proformas-"] .p75-decision-bar,
 body[class*="route-admin-proformas-"] .p75-converted-banner{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:stretch!important;padding:11px!important;margin-bottom:10px!important;border-radius:15px!important}
 body[class*="route-admin-proformas-"] .p75-decision-bar b,
 body[class*="route-admin-proformas-"] .p75-converted-banner b{font-size:13px!important;line-height:1.5!important}
 body[class*="route-admin-proformas-"] .p75-decision-bar span,
 body[class*="route-admin-proformas-"] .p75-converted-banner span{font-size:10.5px!important;line-height:1.75!important}
 body[class*="route-admin-proformas-"] .p75-decision-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important}
 body[class*="route-admin-proformas-"] .p75-decision-actions form,
 body[class*="route-admin-proformas-"] .p75-decision-actions .p75-btn,
 body[class*="route-admin-proformas-"] .p75-converted-banner .p75-btn{width:100%!important}
 body[class*="route-admin-proformas-"] .p75-btn{min-height:46px!important;border-radius:11px!important;font-size:11.5px!important;padding-inline:9px!important;white-space:normal!important;line-height:1.5!important;text-align:center!important}

 body[class*="route-admin-proformas-"] .p75-order-layout{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 body[class*="route-admin-proformas-"] .p75-order-main,
 body[class*="route-admin-proformas-"] .p75-order-side{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;min-width:0!important}
 body[class*="route-admin-proformas-"] .p75-order-side>*{grid-column:auto!important;min-width:0!important}
 body[class*="route-admin-proformas-"] .p75-panel{padding:10px!important;border-radius:15px!important;overflow:hidden!important}
 body[class*="route-admin-proformas-"] .p75-panel-head{display:flex!important;align-items:flex-start!important;gap:8px!important;margin-bottom:9px!important}
 body[class*="route-admin-proformas-"] .p75-panel-head h3{font-size:13px!important;line-height:1.5!important}
 body[class*="route-admin-proformas-"] .p75-panel-head p{font-size:10.5px!important;line-height:1.65!important}
 body[class*="route-admin-proformas-"] .p75-panel-head>span{flex:0 0 auto!important;font-size:10px!important;padding:5px 7px!important}

 body[class*="route-admin-proformas-"] .p75-items-list{display:grid!important;gap:7px!important}
 body[class*="route-admin-proformas-"] .p75-item-row{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-areas:'name name' 'carton pairs' 'price price' 'total total'!important;gap:7px!important;padding:10px!important;border:1px solid #dce5ef!important;border-radius:13px!important;background:#fff!important}
 body[class*="route-admin-proformas-"] .p75-item-name{grid-area:name!important;padding-bottom:7px!important;border-bottom:1px dashed #e2e8f0!important}
 body[class*="route-admin-proformas-"] .p75-item-name b{font-size:12.5px!important;line-height:1.65!important;white-space:normal!important}
 body[class*="route-admin-proformas-"] .p75-item-name span{font-size:10px!important;line-height:1.6!important}
 body[class*="route-admin-proformas-"] .p75-item-mini:nth-of-type(2){grid-area:carton!important}
 body[class*="route-admin-proformas-"] .p75-item-mini:nth-of-type(3){grid-area:pairs!important}
 body[class*="route-admin-proformas-"] .p75-item-mini{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:7px 9px!important;border-radius:9px!important;background:#f6f8fb!important;text-align:right!important}
 body[class*="route-admin-proformas-"] .p75-item-mini small{font-size:10px!important}
 body[class*="route-admin-proformas-"] .p75-item-mini b{font-size:12px!important}
 body[class*="route-admin-proformas-"] .p75-price-field{grid-area:price!important;display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
 body[class*="route-admin-proformas-"] .p75-price-field>span{font-size:10.5px!important;line-height:1.5!important}
 body[class*="route-admin-proformas-"] .p75-price-field input{width:100%!important;height:44px!important;border-radius:10px!important;font-size:16px!important;padding:0 10px!important}
 body[class*="route-admin-proformas-"] .p75-line-total{grid-area:total!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;padding:8px 0 0!important;border-top:1px dashed #e2e8f0!important}
 body[class*="route-admin-proformas-"] .p75-line-total small,
 body[class*="route-admin-proformas-"] .p75-line-total span{font-size:10px!important}
 body[class*="route-admin-proformas-"] .p75-line-total b{margin-right:auto!important;font-size:13px!important}
 body[class*="route-admin-proformas-"] .p75-price-footer{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:9px!important;padding-top:9px!important}
 body[class*="route-admin-proformas-"] .p75-price-footer>*{grid-column:auto!important;grid-row:auto!important;min-width:0!important}
 body[class*="route-admin-proformas-"] .p75-price-footer .p75-btn{width:100%!important}
 body[class*="route-admin-proformas-"] .p75-dirty-note{font-size:10.5px!important;line-height:1.6!important}

 body[class*="route-admin-proformas-"] .p75-payment-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;border-radius:12px!important}
 body[class*="route-admin-proformas-"] .p75-payment-title b{font-size:12px!important}
 body[class*="route-admin-proformas-"] .p75-payment-state{font-size:10px!important}
 body[class*="route-admin-proformas-"] .p75-payment-meta{gap:5px 8px!important}
 body[class*="route-admin-proformas-"] .p75-payment-meta strong{font-size:13px!important}
 body[class*="route-admin-proformas-"] .p75-payment-meta span{font-size:10px!important}
 body[class*="route-admin-proformas-"] .p75-receipts{justify-content:flex-start!important}
 body[class*="route-admin-proformas-"] .p75-receipts a{width:58px!important;height:48px!important}
 body[class*="route-admin-proformas-"] .p75-payment-review{grid-column:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
 body[class*="route-admin-proformas-"] .p75-payment-review form{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
 body[class*="route-admin-proformas-"] .p75-payment-review input{height:42px!important;font-size:13px!important}

 body[class*="route-admin-proformas-"] .p75-summary-card,
 body[class*="route-admin-proformas-"] .p75-link-card,
 body[class*="route-admin-proformas-"] .p75-customer-card,
 body[class*="route-admin-proformas-"] .p94-freight-read{padding:11px!important;border-radius:14px!important}
 body[class*="route-admin-proformas-"] .p75-summary-card h3,
 body[class*="route-admin-proformas-"] .p75-customer-card h3{font-size:12.5px!important;margin-bottom:7px!important}
 body[class*="route-admin-proformas-"] .p75-summary-card>div{padding:6px 0!important;font-size:10.5px!important}
 body[class*="route-admin-proformas-"] .p75-summary-card>div b{font-size:11.5px!important}
 body[class*="route-admin-proformas-"] .p75-summary-card .is-total{margin-top:4px!important;padding-top:9px!important}
 body[class*="route-admin-proformas-"] .p75-summary-card .is-total b{font-size:14px!important}
 body[class*="route-admin-proformas-"] .p75-link-card>div:first-child b,
 body[class*="route-admin-proformas-"] .p75-customer-card>b{font-size:12px!important;line-height:1.6!important}
 body[class*="route-admin-proformas-"] .p75-link-card>div:first-child span,
 body[class*="route-admin-proformas-"] .p75-customer-card>span{font-size:10.5px!important;line-height:1.7!important}
 body[class*="route-admin-proformas-"] .p75-customer-card>a{font-size:12px!important;margin-top:4px!important}
 body[class*="route-admin-proformas-"] .p75-copy-line{display:grid!important;grid-template-columns:minmax(0,1fr) 64px!important;gap:5px!important}
 body[class*="route-admin-proformas-"] .p75-copy-line input{height:42px!important;font-size:11px!important;min-width:0!important}
 body[class*="route-admin-proformas-"] .p75-copy-line button{height:42px!important;font-size:11px!important}
 body[class*="route-admin-proformas-"] .p75-link-card>a{min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important}
 body[class*="route-admin-proformas-"] .p96-proforma-cancel-bottom{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:10px!important;padding:10px!important;border-radius:14px!important}
 body[class*="route-admin-proformas-"] .p96-proforma-cancel-bottom span{font-size:10.5px!important;line-height:1.65!important}
 body[class*="route-admin-proformas-"] .p96-proforma-cancel-bottom .p75-btn{width:100%!important}
}

/* ---------- Quick Sale: compact customer, unmistakable product identity ---------- */
body.route-admin-quick-sale .qs105-result-title{display:flex;align-items:center;gap:6px;min-width:0}
body.route-admin-quick-sale .qs105-result-title em{font-style:normal;font-weight:950;color:#1d4ed8}
body.route-admin-quick-sale .qs105-product-result small strong{color:#51637c}
body.route-admin-quick-sale .qs105-line-color{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:3px;padding:3px 7px;border:1px solid #d9e5f5;border-radius:999px;background:#f4f8ff;color:#2458a8;font-size:10px;font-weight:950;line-height:1.4;white-space:normal}
body.route-admin-quick-sale .p100-stock-delta:disabled{opacity:.48!important;cursor:wait!important}

@media(max-width:767px){
 body.route-admin-quick-sale .admin-content{padding-bottom:142px!important}
 body.route-admin-quick-sale .qs105-customer-card{padding:10px!important;border-radius:15px!important}
 body.route-admin-quick-sale .qs105-customer-card>div:first-child{min-height:36px!important}
 body.route-admin-quick-sale .qs105-customer-card #newCustomerBtn{min-height:36px!important;padding:0 10px!important;font-size:10px!important}
 body.route-admin-quick-sale .qs105-customer-card #selectedCustomer{margin-top:7px!important;padding:8px 9px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2px 7px!important;align-items:center!important}
 body.route-admin-quick-sale .qs105-customer-card #selectedCustomer b{font-size:12px!important;line-height:1.45!important}
 body.route-admin-quick-sale .qs105-customer-card #selectedCustomer span{grid-column:1!important;margin:0!important;font-size:10px!important;line-height:1.5!important;white-space:normal!important}
 body.route-admin-quick-sale .qs105-customer-card #changeCustomerBtn{grid-column:2!important;grid-row:1/3!important;float:none!important;min-height:36px!important;padding:0 8px!important}
 body.route-admin-quick-sale .qs105-customer-card #customerSearchBox{margin-top:7px!important}
 body.route-admin-quick-sale .qs105-customer-card #customerResults{margin-top:5px!important}
 body.route-admin-quick-sale .qs105-customer-card .qs71-hint{padding:5px 2px!important;font-size:9.5px!important;line-height:1.5!important}
 body.route-admin-quick-sale .qs105-customer-card .p97-customer-risk{margin-top:6px!important;padding:7px 8px!important}

 body.route-admin-quick-sale .qs105-goods-card{padding:10px!important;border-radius:15px!important}
 body.route-admin-quick-sale .qs105-goods-card>div:first-child{margin-bottom:7px!important;align-items:flex-start!important}
 body.route-admin-quick-sale .qs105-goods-card>div:first-child small{max-width:54%;font-size:9px!important;line-height:1.5!important;text-align:left}
 body.route-admin-quick-sale .qs71-search-row{grid-template-columns:minmax(0,1fr) 42px!important;gap:6px!important}
 body.route-admin-quick-sale .qs71-browse-btn{grid-column:1/-1!important;grid-row:2!important;width:100%!important;min-height:40px!important}
 body.route-admin-quick-sale .qs94-scan-btn{grid-column:2!important;grid-row:1!important;min-width:42px!important;width:42px!important;min-height:44px!important;padding:0!important}
 body.route-admin-quick-sale #variantSearch{grid-column:1!important;grid-row:1!important;min-width:0!important}

 body.route-admin-quick-sale .qs71-colorway-result{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:7px!important;align-items:start!important;padding:8px!important;min-height:74px!important;overflow:visible!important}
 body.route-admin-quick-sale .qs71-colorway-result .qs71-thumb{grid-column:1!important;grid-row:1/3!important;width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:10px!important}
 body.route-admin-quick-sale .qs71-colorway-result .qs71-result-copy{grid-column:2!important;display:grid!important;gap:4px!important;min-width:0!important;white-space:normal!important;overflow:visible!important}
 body.route-admin-quick-sale .qs105-result-title{display:grid!important;grid-template-columns:1fr!important;gap:2px!important}
 body.route-admin-quick-sale .qs105-result-title b{display:block!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important;font-size:11.5px!important;line-height:1.55!important;color:#10233f!important}
 body.route-admin-quick-sale .qs105-result-title em{display:block!important;width:max-content!important;max-width:100%!important;padding:2px 6px!important;border-radius:999px!important;background:#eef5ff!important;font-size:10.5px!important;line-height:1.45!important;white-space:normal!important}
 body.route-admin-quick-sale .qs71-colorway-result .qs71-result-copy small{display:block!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important;font-size:9.5px!important;line-height:1.55!important}
 body.route-admin-quick-sale .qs71-colorway-result .qs71-result-price{grid-column:1/-1!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:4px!important;padding-top:5px!important;border-top:1px dashed #e6ebf2!important}
 body.route-admin-quick-sale .qs71-colorway-result .qs71-result-price b{font-size:10.5px!important}
 body.route-admin-quick-sale .qs71-colorway-result .qs71-result-price small{font-size:9px!important}
 body.route-admin-quick-sale .qs71-result-pick{font-size:9.5px!important}

 body.route-admin-quick-sale .qs71-lines-card{padding:9px!important;border-radius:15px!important}
 body.route-admin-quick-sale .qs71-lines-head{margin-bottom:8px!important;align-items:flex-start!important}
 body.route-admin-quick-sale .qs71-lines-head h3{font-size:13px!important}
 body.route-admin-quick-sale .qs71-lines-head p{font-size:9.5px!important;line-height:1.5!important;margin-top:2px!important}
 body.route-admin-quick-sale .qs71-lines-head span{font-size:10px!important}
 body.route-admin-quick-sale .qs71-mobile-line{padding:9px!important;margin-bottom:8px!important;border:1px solid #dce5ef!important;border-radius:13px!important;box-shadow:0 5px 14px rgba(20,43,79,.035)!important}
 body.route-admin-quick-sale .qs71-mobile-line-top{display:grid!important;grid-template-columns:56px minmax(0,1fr) 40px!important;gap:8px!important;align-items:start!important;min-height:56px!important}
 body.route-admin-quick-sale .qs71-mobile-line-top .p96-qs-line-thumb{grid-column:1!important;width:56px!important;height:56px!important;min-width:56px!important;border-radius:11px!important;object-fit:cover!important}
 body.route-admin-quick-sale .qs71-mobile-line-title{grid-column:2!important;min-width:0!important;padding-top:1px!important}
 body.route-admin-quick-sale .qs71-mobile-line-title b{display:block!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;font-size:12px!important;line-height:1.55!important;color:#10233f!important}
 body.route-admin-quick-sale .qs71-mobile-line-title small{display:block!important;margin-top:4px!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;font-size:9.5px!important;line-height:1.55!important;color:#6b7b90!important}
 body.route-admin-quick-sale .qs71-mobile-line-remove{grid-column:3!important;width:40px!important;height:40px!important;min-width:40px!important;border-radius:10px!important;font-size:18px!important}
 body.route-admin-quick-sale .qs71-mobile-line-controls{display:grid!important;grid-template-columns:70px minmax(0,1fr) 70px!important;gap:6px!important;align-items:end!important;margin-top:9px!important;padding-top:9px!important;border-top:1px dashed #e3e9f1!important}
 body.route-admin-quick-sale .qs71-mobile-line-controls label{display:grid!important;gap:3px!important;font-size:9px!important;line-height:1.35!important;white-space:normal!important;color:#6c7b8e!important}
 body.route-admin-quick-sale .qs71-mobile-line-controls input{width:100%!important;height:42px!important;border-radius:9px!important;padding:0 6px!important;font-size:16px!important;text-align:center!important;background:#fff!important}
 body.route-admin-quick-sale .qs71-mobile-line-total{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;min-width:0!important;height:auto!important;padding:8px 2px 0!important;border-top:1px solid #eef2f7!important;font-size:10px!important;white-space:normal!important}
 body.route-admin-quick-sale .qs71-mobile-line-total b{font-size:12px!important;color:#10233f!important}

 body.route-admin-quick-sale .qs71-mobile-invoice-btn{display:flex!important;position:fixed!important;z-index:89!important;right:10px!important;left:10px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;width:auto!important;min-height:52px!important;padding:0 15px!important;align-items:center!important;justify-content:center!important;gap:9px!important;border-radius:15px!important;background:#071936!important;color:#fff!important;box-shadow:0 12px 30px rgba(7,25,54,.3)!important;font-size:12.5px!important;font-weight:950!important}
 body.route-admin-quick-sale .qs71-mobile-invoice-btn b{min-width:25px!important;height:25px!important;font-size:10px!important}
 body.route-admin-quick-sale.invoice-panel-open .qs71-mobile-invoice-btn{display:none!important}

 body.route-admin-quick-sale .qs93-day-summary{gap:6px!important}
 body.route-admin-quick-sale .p97-shift-close{padding:8px 9px!important;border-radius:12px!important;align-items:center!important}
 body.route-admin-quick-sale .p97-shift-close b{font-size:11.5px!important}
 body.route-admin-quick-sale .p97-shift-close small{font-size:9.5px!important;line-height:1.5!important}
 body.route-admin-quick-sale .p97-shift-close button{min-height:38px!important;height:38px!important;font-size:10px!important;white-space:nowrap!important}
}

/* ---------- Inventory quick +/-: one transaction per card ---------- */
body.route-admin-inventory [data-p100-inventory-card].is-stock-busy{opacity:.72!important;pointer-events:none!important}
body.route-admin-inventory [data-p100-inventory-card].is-stock-busy .p100-stock-delta{cursor:wait!important}
body.route-admin-inventory .p100-stock-delta:disabled{opacity:.45!important}
@media(max-width:767px){
 body:not(.theme-light)[class*="route-admin-proformas-"] .p75-order-hero,
 body:not(.theme-light)[class*="route-admin-proformas-"] .p75-item-row{background:#0b1d3f!important;border-color:#294166!important;color:#eef4ff!important}
 body:not(.theme-light)[class*="route-admin-proformas-"] .p75-order-number b,
 body:not(.theme-light)[class*="route-admin-proformas-"] .p75-item-name b,
 body:not(.theme-light)[class*="route-admin-proformas-"] .p75-line-total b{color:#eef4ff!important}
 body:not(.theme-light)[class*="route-admin-proformas-"] .p75-order-facts>span,
 body:not(.theme-light)[class*="route-admin-proformas-"] .p75-item-mini{background:#10264c!important;border-color:#294166!important}
}


/* === admin-ux-v1051.css === */
/* Royan 0.105.1 — admin stability / inventory bottom-sheet / settings / media */

/* Dashboard financial pulse: Phase99 forced dark cards even in light theme. */
body.theme-light .p99-financial-pulse article{background:#fff!important;border-color:#dfe7f2!important;box-shadow:0 8px 24px rgba(33,55,88,.055)!important;color:#17263d!important}
body.theme-light .p99-financial-pulse article:before{background:linear-gradient(110deg,transparent,rgba(49,94,251,.045),transparent)!important}
body.theme-light .p99-financial-pulse small{color:#718198!important}body.theme-light .p99-financial-pulse b{color:#17263d!important}body.theme-light .p99-financial-pulse span{color:#8190a5!important}

/* Inventory desktop: keep the row stable; extra operations live in a sheet, never inline. */
@media(min-width:901px){
 .inv76-grid{grid-template-columns:minmax(330px,1.8fr) 78px 78px 96px 78px 190px!important;gap:8px!important}
 .inv76-row{min-height:76px!important;padding:9px 10px!important}
 .inv76-actions{display:grid!important;grid-template-columns:minmax(100px,1fr) 72px!important;gap:7px!important;align-items:center!important}
 .inv104-primary-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
 .inv104-primary-actions .p100-stock-delta{width:100%!important;min-width:0!important;min-height:42px!important;border-radius:11px!important}
 .inv105-more-btn{width:72px!important}
}
.inv105-more-btn{min-height:42px;border:1px solid #d9e3f0;border-radius:11px;background:#f5f8fc;color:#42546e;font-size:11px;font-weight:950;cursor:pointer}
.inv105-more-btn:hover{border-color:#b8c9df;background:#eef4fb}
body.theme-dark .inv105-more-btn{background:#10264c;border-color:rgba(160,188,255,.18);color:#e8efff}
.p97-stock-state{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.p97-stock-state i{font-style:normal;padding:3px 6px;border-radius:7px;font-size:9px;font-weight:900}.p97-stock-state i.bad{background:#fff3cf;color:#925e00}
body.theme-dark .p97-stock-state i.bad{background:rgba(245,158,11,.14);color:#f6cf7b}

/* Reusable app-like bottom sheet. Browser/device Back is handled in admin-ui.js history layer. */
html.royan-sheet-open,html.royan-sheet-open body{overflow:hidden!important;overscroll-behavior:none}
.royan-bottom-sheet{position:fixed;inset:0;z-index:12000;display:flex;align-items:flex-end;justify-content:center}
.royan-bottom-sheet[hidden]{display:none!important}.royan-sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(9,18,32,.58);backdrop-filter:blur(4px);cursor:pointer}
.royan-sheet-panel{position:relative;width:min(620px,calc(100vw - 24px));max-height:min(82dvh,720px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid #dbe5f0;border-bottom:0;border-radius:24px 24px 0 0;background:#fff;color:#17263d;box-shadow:0 -22px 70px rgba(16,34,60,.25);animation:royan1051SheetUp .2s ease-out}
@keyframes royan1051SheetUp{from{transform:translateY(28px);opacity:.7}to{transform:none;opacity:1}}
.royan-sheet-handle{position:absolute;top:8px;right:50%;transform:translateX(50%);width:48px;height:5px;border-radius:99px;background:#cbd5e1;z-index:3}
.royan-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:23px 16px 12px;border-bottom:1px solid #e5ebf3;background:#fbfcfe}
.royan-sheet-head>div{min-width:0}.royan-sheet-head b{display:block;font-size:16px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.royan-sheet-head small{display:block;margin-top:3px;color:#718198;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.royan-sheet-close{width:40px;height:40px;flex:0 0 auto;border:0;border-radius:12px;background:#edf2f7;color:#263a55;font-size:24px;cursor:pointer}.royan-sheet-body{overflow:auto;padding:13px 14px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain}
.inv105-sheet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:11px}.inv105-sheet-stats span{padding:10px;border:1px solid #e2e9f2;border-radius:13px;background:#f8fafc}.inv105-sheet-stats small{display:block;color:#76869b;font-size:10px}.inv105-sheet-stats b{display:block;margin-top:2px;font-size:17px}
.inv105-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inv105-sheet-actions>*{min-height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #dae4f0;border-radius:13px;background:#fff;color:#263c59;font-size:12px;font-weight:950;text-decoration:none;cursor:pointer}.inv105-sheet-actions>button:first-child{background:#112d55;color:#fff;border-color:#112d55}.inv105-sheet-actions>*:hover{border-color:#9fb7d4}
.inv105-qc{display:grid;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid #e4eaf2}.inv105-qc>div:first-child b{display:block;font-size:13px}.inv105-qc>div:first-child small{display:block;margin-top:3px;color:#76869b;font-size:10.5px;line-height:1.7}.inv105-qc-kpis{display:grid;grid-template-columns:1fr}.inv105-qc-kpis span{padding:9px;border-radius:11px;background:#fff8e8;border:1px solid #f2d28c}.inv105-qc-kpis small{display:block;font-size:9px;color:#8a6a24}.inv105-qc-kpis b{font-size:14px}.inv105-qc label{display:grid;gap:5px}.inv105-qc label>span{font-size:10px;font-weight:900;color:#5d6d82}.inv105-qc input{width:100%;min-height:44px;border:1px solid #d9e3ee;border-radius:11px;padding:0 11px;background:#fff;outline:none}.inv105-qc-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.inv105-qc-actions button{min-height:46px;border:1px solid #dbe4ef;border-radius:12px;background:#f7f9fc;color:#2d415d;font-size:11px;font-weight:950}.inv105-qc-actions .warn{background:#fff8e8;border-color:#efcd7d;color:#7b590b}.inv105-qc-actions .good{background:#eaf8f1;border-color:#a7ddc1;color:#087248}
body.theme-dark .royan-sheet-panel{background:#0d1d3a;color:#edf4ff;border-color:rgba(160,188,255,.2)}body.theme-dark .royan-sheet-head{background:#102348;border-color:rgba(160,188,255,.13)}body.theme-dark .royan-sheet-head small{color:#9eb0ce}body.theme-dark .royan-sheet-close{background:#17305a;color:#fff}body.theme-dark .inv105-sheet-stats span,body.theme-dark .inv105-sheet-actions>*{background:#10264c;border-color:rgba(160,188,255,.15);color:#e7efff}body.theme-dark .inv105-sheet-actions>button:first-child{background:#315efb;border-color:#315efb;color:#fff}body.theme-dark .inv105-qc{border-color:rgba(160,188,255,.13)}body.theme-dark .inv105-qc input{background:#10264c;border-color:rgba(160,188,255,.17);color:#fff}

/* Media upload: square presentation without crop or stretch. */
.media1051-guide{display:grid;gap:3px;padding:9px 10px;border:1px solid #cfe1f6;border-radius:11px;background:#f5faff;color:#34516f}.media1051-guide b{font-size:10.5px}.media1051-guide span{font-size:9.5px;line-height:1.7;color:#66809c}
.pending-media-item img,.media-item-v2>img{object-fit:contain!important;background:#fff!important}.pending-media-item video,.media-item-v2>video{object-fit:contain!important;background:#0b1220!important}
.pending-media-item span{white-space:normal!important;line-height:1.35!important;max-height:36px!important}
body.theme-dark .media1051-guide{background:#10264c;border-color:rgba(160,188,255,.16);color:#e8efff}body.theme-dark .media1051-guide span{color:#9eb0ce}

/* Settings page: stable readable surface in both themes, desktop and mobile. */
.settings1051-page{max-width:1180px;margin:0 auto}.settings1051-page #settingsTabs{position:sticky;top:76px;z-index:20;scrollbar-width:none}.settings1051-page #settingsTabs::-webkit-scrollbar{display:none}.settings1051-page .settings-tab{min-height:42px;border:1px solid transparent!important;transition:.15s}.settings1051-page .settings-tab.is-active{background:#132b4d!important;color:#fff!important;box-shadow:0 8px 18px rgba(20,43,77,.12)}
.settings1051-page .settings-panel{box-shadow:0 9px 26px rgba(29,49,78,.045)}.settings1051-page input:not([type=checkbox]):not([type=radio]):not([type=color]),.settings1051-page select,.settings1051-page textarea{min-height:44px!important;border-color:#dce5ef!important;background:#f9fbfd!important;color:#20334e!important;outline:none}.settings1051-page textarea{min-height:88px!important}.settings1051-page input:focus,.settings1051-page select:focus,.settings1051-page textarea:focus{border-color:#82a8de!important;box-shadow:0 0 0 3px rgba(49,94,251,.07)!important}.settings1051-media-standard{margin-bottom:12px;padding:11px 12px;border:1px solid #cde3f3;border-radius:14px;background:#f2f9ff;color:#31516f}.settings1051-media-standard b{display:block;font-size:12px}.settings1051-media-standard span{display:block;margin-top:3px;font-size:10.5px;line-height:1.75}
body.theme-dark .settings1051-page .settings-panel,body.theme-dark .settings1051-page #settingsTabs{background:#0d1d3a!important;border-color:rgba(160,188,255,.15)!important;color:#edf4ff!important}body.theme-dark .settings1051-page h1,body.theme-dark .settings1051-page h2,body.theme-dark .settings1051-page b,body.theme-dark .settings1051-page label{color:#e8efff!important}body.theme-dark .settings1051-page p,body.theme-dark .settings1051-page small{color:#9aaece!important}body.theme-dark .settings1051-page input:not([type=checkbox]):not([type=radio]):not([type=color]),body.theme-dark .settings1051-page select,body.theme-dark .settings1051-page textarea{background:#10264c!important;border-color:rgba(160,188,255,.17)!important;color:#fff!important}body.theme-dark .settings1051-page .settings-tab:not(.is-active){color:#a8bad8!important;background:transparent!important}body.theme-dark .settings1051-media-standard{background:#10264c;border-color:rgba(160,188,255,.15);color:#e8efff}

@media(max-width:900px){
 .royan-sheet-panel{width:100vw;max-height:86dvh;border-radius:22px 22px 0 0}.royan-sheet-head b{font-size:15px}.royan-sheet-head small{font-size:10.5px}.inv105-sheet-actions{grid-template-columns:1fr}.inv105-sheet-actions>*{min-height:50px;font-size:12.5px}.inv105-qc input{font-size:16px}
 .settings1051-page #settingsTabs{top:65px;margin-inline:-2px!important}.settings1051-page .settings-panel{border-radius:16px!important;padding:13px!important}.settings1051-page input:not([type=checkbox]):not([type=radio]):not([type=color]),.settings1051-page select,.settings1051-page textarea{font-size:16px!important}.settings1051-page .settings-save-wrap{position:sticky!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;z-index:30!important}.settings1051-page .settings-save-wrap button{min-height:50px!important;width:100%!important}
}
@media(max-width:560px){.inv105-sheet-stats{gap:5px}.inv105-sheet-stats span{padding:8px}.inv105-sheet-stats small{font-size:9.5px}.inv105-sheet-stats b{font-size:15px}.inv76-cardactions{grid-template-columns:minmax(0,1fr) 76px!important}.inv105-more-btn{min-height:44px!important}.settings1051-page #settingsTabs{padding:6px!important;gap:5px!important}.settings1051-page .settings-tab{min-height:40px!important;padding-inline:12px!important}}


/* Settings utility-card normalization: legacy Tailwind utility colors were unreadable in dark mode. */
body.theme-dark .settings1051-page .bg-white,body.theme-dark .settings1051-page .bg-slate-50,body.theme-dark .settings1051-page .bg-slate-100{background:#10264c!important;border-color:rgba(160,188,255,.16)!important}
body.theme-dark .settings1051-page .bg-emerald-50{background:rgba(16,185,129,.12)!important;border-color:rgba(52,211,153,.22)!important}body.theme-dark .settings1051-page .text-emerald-700,body.theme-dark .settings1051-page .text-emerald-900{color:#7ee2b8!important}
body.theme-dark .settings1051-page .bg-blue-50{background:rgba(59,130,246,.12)!important;border-color:rgba(96,165,250,.24)!important}body.theme-dark .settings1051-page .text-blue-700,body.theme-dark .settings1051-page .text-blue-900{color:#9cc5ff!important}
body.theme-dark .settings1051-page .bg-violet-50{background:rgba(139,92,246,.12)!important}body.theme-dark .settings1051-page .text-violet-700{color:#c4b5fd!important}
body.theme-dark .settings1051-page .text-slate-900,body.theme-dark .settings1051-page .text-slate-800,body.theme-dark .settings1051-page .text-slate-700,body.theme-dark .settings1051-page .text-slate-600{color:#e5edfb!important}
body.theme-dark .settings1051-page .text-slate-500,body.theme-dark .settings1051-page .text-slate-400{color:#9eb0ce!important}
.settings1051-page input[type=checkbox],.settings1051-page input[type=radio]{min-width:18px;min-height:18px}.settings1051-page label{line-height:1.65}
@media(max-width:560px){.settings1051-head{align-items:flex-start!important}.settings1051-head-actions{width:100%;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:2px}.settings1051-head-actions>*{flex:0 0 auto}.settings1051-media-standard{padding:10px!important}.settings1051-media-standard b{font-size:11.5px!important}.settings1051-media-standard span{font-size:10px!important}}


/* === admin-ux-v108.css === */
/* Royan 0.108 admin UX/accessibility hardening */
.royan-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.topbar-semantic-title{display:block;font-size:13px;font-weight:950;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-content :where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid rgba(49,94,251,.38)!important;outline-offset:2px!important}
.admin-content :where(.text-\[9px\],.text-\[10px\],.text-\[10\.5px\]){font-size:12px!important}
.admin-content small{line-height:1.55}
/* Consistent action language */
.admin-content .royan-action-primary{background:#145bff!important;color:#fff!important;border-color:#145bff!important}
.admin-content .royan-action-secondary{background:#f8fafc!important;color:#334155!important;border:1px solid #dbe3ee!important}
.admin-content .royan-action-danger{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important}
.admin-content .royan-warning{display:flex;align-items:flex-start;gap:7px;color:#8a5708!important}.admin-content .royan-warning:before{content:'⚠';font-size:14px;line-height:1.2}
/* Product readability */
.products-page-v3 .product-thumb,.products-page-v3 .table-product-core img{aspect-ratio:1/1!important;object-fit:contain!important;background:#fff!important;border-radius:12px!important}
.products-page-v3 .product-identity>b,.products-page-v3 .table-product-core b{font-size:14px!important}
.products-page-v3 .product-code-line small,.products-page-v3 .product-diversity em,.products-page-v3 .product-stock-compact small,.products-page-v3 .product-price-compact small,.products-page-v3 .td-diversity,.products-page-v3 .td-stock small,.products-page-v3 .td-price small{font-size:12px!important;color:#5f6f86!important}
.products-page-v3 .product-compact-actions>a,.products-page-v3 .product-compact-actions>button,.products-page-v3 .td-actions>a,.products-page-v3 .td-actions>button{font-size:13px!important;min-height:36px!important}
body.theme-light .products-page-v3 .compact-warning,body.theme-light .inv76-root small{color:#56657b!important}
/* Sidebar groups are collapsible; pinned links stay at top */
.sidebar-menu-section>.sidebar-section-label{cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none}.sidebar-menu-section>.sidebar-section-label:after{content:'⌄';font-size:12px;opacity:.65;transition:.18s}.sidebar-menu-section.is-collapsed>.sidebar-section-label:after{transform:rotate(90deg)}.sidebar-menu-section.is-collapsed>.sidebar-link{display:none}
.sidebar-pinned{display:grid;gap:4px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-pin-btn{margin-inline-start:auto;border:0;background:transparent;color:inherit;opacity:.4;font-size:14px}.sidebar-link:hover .sidebar-pin-btn,.sidebar-pin-btn.is-pinned{opacity:1}
/* Quick sale: keep the work area dominant on desktop */
@media(min-width:1050px){.route-admin-quick-sale .admin-content{max-width:none!important}.route-admin-quick-sale table{table-layout:fixed}.route-admin-quick-sale .overflow-x-auto{overflow-x:visible!important}.route-admin-quick-sale [data-royan-secondary-sale]{max-width:330px}.route-admin-quick-sale .royan-sale-secondary-collapsed{display:none!important}}
/* Dashboard density */
.route-admin .admin-content>div,.route-admin .admin-content>section{margin-top:8px}.route-admin .clean-head{padding-block:12px!important}.route-admin .clean-head p{max-width:760px}
/* Settings legal cards */
[data-settings-panel="legal"] .royan-legal-card{border:1px solid #dfe6ef;border-radius:16px;background:#fff;overflow:hidden}.royan-legal-card>summary{list-style:none;cursor:pointer;padding:12px 14px;font-weight:900}.royan-legal-card>summary::-webkit-details-marker{display:none}.royan-legal-card>.royan-legal-body{padding:0 14px 14px}.royan-save-state{font-size:11px;color:#64748b}
/* Empty states */
.royan-empty-state{padding:28px 16px;text-align:center;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc;color:#64748b}.royan-empty-state b{display:block;color:#334155;font-size:14px;margin-bottom:4px}.royan-empty-state a{display:inline-flex;margin-top:10px;padding:8px 11px;border-radius:10px;background:#145bff;color:#fff;font-weight:900}
/* Dialog should own every visible close control semantically */
[role="dialog"] [data-sheet-close],[role="dialog"] .sheet-close{position:relative;z-index:2}
/* Product secondary action disclosure */
.royan-more-actions{position:relative;display:block}.royan-more-actions>summary{list-style:none;display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 9px;border:1px solid #dbe3ee;border-radius:9px;background:#f8fafc;color:#475569;font-size:13px;font-weight:900;cursor:pointer}.royan-more-actions>summary::-webkit-details-marker{display:none}.royan-more-actions-panel{position:absolute;z-index:80;left:0;top:calc(100% + 5px);min-width:190px;display:grid;gap:4px;padding:6px;border:1px solid #dbe3ee;border-radius:12px;background:#fff;box-shadow:0 16px 40px #0f172a2b}.royan-more-actions-panel>a,.royan-more-actions-panel>button{width:100%!important;min-height:36px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;padding:0 9px!important;border:0!important;border-radius:8px!important;background:#f8fafc!important;color:#334155!important;font-size:12px!important}.royan-more-actions-panel .ui-icon{width:15px!important;height:15px!important}.product-compact-actions,.td-actions{overflow:visible!important}
/* Visible field captions injected into quick-sale dynamic payment rows */
.royan-field-wrap{display:grid;gap:3px;min-width:0}.royan-field-caption{font-size:11px;font-weight:900;color:#56657b}.royan-field-help{font-size:10px;color:#7a889c;line-height:1.45}.royan-field-wrap>input,.royan-field-wrap>select{width:100%}
/* Pricing task navigation */
.royan-pricing-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:9px}.royan-pricing-nav a{display:grid;gap:2px;padding:11px 12px;border:1px solid #dbe3ee;border-radius:13px;background:#fff;color:#334155}.royan-pricing-nav b{font-size:13px}.royan-pricing-nav small{font-size:11px;color:#718096}.royan-pricing-nav a:first-child{border-color:#bfdbfe;background:#eff6ff}.royan-pricing-nav a:first-child b{color:#1d4ed8}
/* Freight explanation table */
.p108-freight-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:8px;border:1px solid #dce4ee;border-radius:12px;overflow:hidden;font-size:12px}.p108-freight-table th,.p108-freight-table td{padding:8px 9px;border-bottom:1px solid #e8edf3;text-align:right}.p108-freight-table th{background:#f8fafc;color:#64748b;font-size:11px}.p108-freight-table tr:last-child td{border-bottom:0}.p108-freight-table td:last-child{font-weight:900}.p108-freight-included{color:#047857}.p108-freight-excluded{color:#9a6500}
/* Order next action */
.p108-next-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;padding:12px 14px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;color:#1e3a8a}.p108-next-action div{display:grid;gap:2px}.p108-next-action small{font-size:11px}.p108-next-action b{font-size:14px}.p108-next-action a{white-space:nowrap;padding:8px 11px;border-radius:9px;background:#1d4ed8;color:#fff;font-size:11px;font-weight:900}
/* Settings legal / SEO separation */
.p108-legal-pages{display:grid;gap:8px}.p108-legal-preview{padding:8px 10px;border-radius:10px;background:#f8fafc;color:#64748b;font-size:11px}.p108-seo-box{margin-bottom:12px;padding:12px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}.p108-seo-box>strong{display:block;margin-bottom:8px;color:#1d4ed8}
@media(max-width:760px){.royan-pricing-nav{grid-template-columns:1fr}.royan-more-actions-panel{position:fixed;right:10px;left:10px;top:auto;bottom:82px}.p108-freight-table{display:block;overflow-x:auto;white-space:nowrap}.p108-next-action{align-items:flex-start;flex-direction:column}}


/* === admin-audit-v109.css === */
/* Royan 0.109 fresh UX audit hardening, based on 0.108 */
:root{--r109-text:#17233c;--r109-muted:#64748b;--r109-surface:#fff;--r109-surface-2:#f7f9fd;--r109-border:#dbe4f0;--r109-primary:#315efb;--r109-danger:#c6283d;--r109-warning:#9a651c;--r109-success:#0f8f5f}
body:not(.theme-light){--r109-text:#edf4ff;--r109-muted:#a6b5cf;--r109-surface:#0b1d3f;--r109-surface-2:#10264c;--r109-border:#2a4268;--r109-primary:#7fa3ff}
.admin-content{font-size:14px;line-height:1.65}.admin-content small,.admin-content .text-xs{font-size:12px!important;line-height:1.55}.admin-content input,.admin-content select,.admin-content textarea,.admin-content button,.admin-content a{font-size:13px}.admin-content h1{font-size:24px}.admin-content h2{font-size:19px}.admin-content h3{font-size:16px}
/* dashboard */
.dash69-hero{min-height:76px!important;padding:12px 16px!important}.dash69-hero h2{font-size:19px!important;margin:0!important}.dash69-hero-art{max-width:120px!important;opacity:.7}.dash69-signals{margin-top:5px!important}.dash104-priority{margin-top:6px!important}.p99-financial-pulse{margin-top:8px!important}.dash69-action-grid a,.dash69-kpi,.dash69-shortcuts a{color:var(--r109-text)!important}.dash69-action-grid a small,.dash69-kpi small,.dash69-kpi em{color:var(--r109-muted)!important}.dash69-kpi[class*="is-"]{background:var(--r109-surface)!important;border-color:var(--r109-border)!important}.dash69-kpi .dash69-kpi-metric b{color:var(--r109-text)!important}.dash69-kpi-icon{color:var(--r109-primary)!important}
body:not(.theme-light) .dash69-panel,body:not(.theme-light) .dash69-shortcuts a,body:not(.theme-light) .dash69-action-grid a,body:not(.theme-light) .p99-financial-pulse article{background:var(--r109-surface)!important;border-color:var(--r109-border)!important;color:var(--r109-text)!important}
/* order list readability */
.order-table-row{min-height:60px!important}.order-table-row,.order-table-number,.order-table-customer b,.order-table-amount{font-size:14px!important}.order-table-customer small,.order-table-reserve,.order-detail-btn,.order-status{font-size:12px!important}.order-table-head{font-size:12px!important}.order-filter-summary>span{font-size:12px!important}
/* locked fields */
.admin-content input[readonly],.admin-content textarea[readonly],.admin-content select:disabled{background:var(--r109-surface-2)!important;color:var(--r109-muted)!important;border-style:dashed!important;cursor:not-allowed!important}.p109-readonly-lock{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:11px;color:var(--r109-muted)}
/* proforma freight no overlap */
.p94-freight-wrap{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;height:auto!important;min-height:0!important;overflow:visible!important;margin:12px 0!important}.p94-freight-box{position:static!important;height:auto!important;min-height:0!important;overflow:visible!important}.p94-freight-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.p94-freight-fields .wide{grid-column:1/-1!important}.p108-freight-table{position:static!important;width:100%!important;margin-top:12px!important}.p109-expired-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 12px;padding:10px 12px;border:1px solid #f0c36f;border-radius:12px;background:#fff8e8;color:#6b4c0d}.p109-expired-actions a{font-weight:900;color:#8a4b00}.p93-sharebar.is-expired{opacity:.72}.p93-sharebar.is-expired button:disabled{cursor:not-allowed;opacity:.55}
/* quick sale */
.qs71-reserve-note{font-size:12px!important}.qs71-lines-card{min-width:0}.qs71-desktop-table{overflow-x:auto}.qs71-desktop-table table{min-width:680px!important}.qs109-payment-row{margin:0 0 10px;padding:10px;border:1px solid var(--r109-border);border-radius:12px;background:var(--r109-surface-2)}.qs109-payment-row legend{padding:0 6px;font-size:12px;font-weight:900;color:var(--r109-text)}.qs109-payment-main{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(180px,1fr) auto;gap:8px;align-items:end}.qs109-payment-main label,.qs109-payment-extra label{display:grid;gap:4px}.qs109-payment-main label span,.qs109-payment-extra label span{font-size:11px;color:var(--r109-muted);font-weight:800}.qs109-payment-main input,.qs109-payment-main select,.qs109-payment-extra input,.qs109-payment-extra select{width:100%;height:42px;border:1px solid var(--r109-border);border-radius:10px;background:var(--r109-surface);color:var(--r109-text);padding:0 10px}.qs109-payment-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.qs109-payment-remove{height:42px;padding:0 12px;border:1px solid #f0c4ca;border-radius:10px;color:#b4233b;background:#fff6f7;font-weight:900}.qs71-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important}.qs71-summary-grid{font-size:12px!important}.qs71-payment-card h3{font-size:15px!important}.qs71-payment-card p{font-size:12px!important}
/* inventory */
.inv76-row{min-height:72px!important}.inv76-thumb{width:60px!important;height:60px!important}.inv76-thumb img{width:100%;height:100%;object-fit:contain;background:#f4f6fa}.inv76-identity b{font-size:14px!important}.inv76-variant-line strong,.inv76-identity em,.inv93-location-tag{font-size:12px!important}.inv76-num b{font-size:18px!important}.inv76-num small{font-size:11px!important}.p100-stock-delta{min-width:44px!important;min-height:44px!important;font-size:14px!important}.p100-stock-delta:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.4)}.p109-kardex-filter{display:flex;align-items:end;gap:8px;margin:10px 0}.p109-kardex-filter label{display:grid;gap:4px}.p109-kardex-filter select{min-width:180px;height:40px;border:1px solid var(--r109-border);border-radius:10px;background:var(--r109-surface);color:var(--r109-text);padding:0 10px}.p109-kardex-filter a{height:40px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--r109-border);border-radius:10px}
/* shipment list/detail */
.ship-row{min-height:68px!important;font-size:13px!important}.ship-main b{font-size:14px!important}.ship-main small,.ship-muted,.ship-pill,.ship-open{font-size:11px!important}.ship-open{min-height:38px}.ship-form-grid[disabled]{opacity:.5;pointer-events:none}.p109-shipment-step2{border:0;padding:0;margin:10px 0 0}.p109-shipment-step2 legend{font-size:12px;font-weight:900;color:var(--r109-text);margin-bottom:6px}.ship-submit:disabled{opacity:.45;cursor:not-allowed}.shd-action{min-width:330px}.shd-card,.shd-primary{font-size:13px}.shd-card small,.shd-primary small,.shd-timeline small{font-size:11px!important}.p97-dispatch-item button:disabled{opacity:.55;cursor:not-allowed;border-style:dashed}.p109-no-dispatch-image{display:grid;place-items:center;width:100%;height:100%;padding:4px;text-align:center;font-size:10px;color:var(--r109-muted);background:var(--r109-surface-2)}.p109-image-failed button{pointer-events:none;opacity:.5}.p109-file-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.p109-upload{cursor:pointer}.p109-upload .p96-camera-cta{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px dashed var(--r109-border);border-radius:10px;padding:8px;background:var(--r109-surface-2);font-size:12px;font-weight:900}
/* heading semantics / duplicated visible chrome */
.topbar-semantic-title{font-size:14px;font-weight:900}.admin-content>h1:first-child{margin-top:0}
@media(max-width:900px){.p94-freight-wrap{grid-template-columns:1fr!important}.qs109-payment-main{grid-template-columns:1fr 1fr}.qs109-payment-remove{grid-column:1/-1}.shd-action{min-width:0}}
@media(max-width:700px){.dash69-hero-art{display:none!important}.dash69-hero{min-height:58px!important}.dash69-hero h2{font-size:16px!important}.p94-freight-fields,.qs109-payment-main,.qs109-payment-extra{grid-template-columns:1fr!important}.admin-content{font-size:14px}.ship-row{font-size:13px!important}}

.p109-shipment-dual-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px}.p109-shipment-dual-status>div{padding:10px 12px;border:1px solid var(--r109-border);border-radius:12px;background:var(--r109-surface)}.p109-shipment-dual-status small{display:block;font-size:11px;color:var(--r109-muted)}.p109-shipment-dual-status b{display:block;margin-top:3px;font-size:14px;color:var(--r109-text)}.p109-shipment-dual-status .is-action{border-color:#9ccfb7;background:#eefaf4}.p109-shipment-dual-status .is-action b{color:#0c6b48}body:not(.theme-light) .p109-shipment-dual-status .is-action{background:#10382d;border-color:#2d765e}.p109-img-missing:after{content:'تصویر در دسترس نیست';display:grid;place-items:center;min-height:44px;padding:6px;border-radius:8px;background:var(--r109-surface-2);color:var(--r109-muted);font-size:11px}@media(max-width:700px){.p109-shipment-dual-status{grid-template-columns:1fr}}

.topbar-semantic-title{margin:0;font-size:14px!important;line-height:1.2;font-weight:950;color:inherit}.admin-content h2{scroll-margin-top:80px}
/* phase 109 fresh-audit composition fixes */
.qs109-shift-tools{margin:0 0 12px;border:1px solid var(--r109-border,#dbe4ef);border-radius:14px;background:var(--r109-surface,#fff);overflow:hidden}
.qs109-shift-tools>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:10px 12px;list-style:none}.qs109-shift-tools>summary::-webkit-details-marker{display:none}.qs109-shift-tools>summary b{display:block;font-size:14px}.qs109-shift-tools>summary small{display:block;margin-top:2px;font-size:12px;color:var(--r109-muted,#64748b)}.qs109-shift-tools-body{padding:0 10px 10px}
.p109-ship-next{border-inline-start:3px solid var(--r109-primary,#315efb);padding-inline-start:10px}.p109-ship-next>b{font-size:14px!important;color:var(--r109-text,#0f172a)}
.p109-upload #waybillNewPreview{align-items:center;gap:8px}.p109-upload #waybillNewPreview span{min-width:0;flex:1}.p109-upload #waybillNewPreview b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p109-upload #waybillNewPreview small{display:block;color:var(--r109-muted,#64748b);font-size:11px}.p109-upload [data-waybill-clear]{border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;border-radius:9px;min-height:34px;padding:0 10px;font-weight:800}
/* orders: dense desktop table + persistent filter chips */
@media (min-width:768px){
 .order-table-row{min-height:64px!important;grid-template-columns:118px minmax(180px,1.35fr) 150px 145px 150px 120px 130px!important;align-items:center!important;padding:6px 10px!important}
 .order-table-row,.order-table-row span,.order-table-row small,.order-table-row b,.order-detail-btn{font-size:12px!important;line-height:1.55!important}
 .order-table-number,.order-table-customer>b,.order-table-amount{font-size:14px!important}
 .order-detail-btn{min-height:36px!important}
}
.order-filter-summary{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px!important}
.order-filter-chip,.order-result-count,.order-filter-clear-all{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:3px 9px;border-radius:999px;font-size:11.5px;text-decoration:none}
.order-filter-chip{border:1px solid var(--r109-border,#dbe4ef);background:var(--r109-surface,#fff);color:var(--r109-text,#0f172a)}.order-filter-chip i{font-style:normal;font-size:15px;line-height:1}.order-result-count{background:var(--r109-primary,#315efb);color:#fff;font-weight:900}.order-filter-clear-all{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca}
/* dashboard: actionable work before decorative reporting */
.dash69-hero{min-height:0!important;padding:7px 12px!important;border-radius:14px!important}.dash69-hero-art{display:none!important}.dash69-kicker{font-size:11px!important}.dash69-hero h2{font-size:16px!important}.dash69-signals{display:none!important}.dash104-priority{margin-top:0!important}.dash104-priority>header{margin-bottom:5px!important}.dash104-priority>header h2{font-size:16px!important}.dash69-action-grid a{min-height:62px!important}.dash69-overview-grid{margin-top:8px!important}.p99-financial-pulse article:first-child{display:none!important}
/* shipment current-action emphasis and readable operational rows */
.ship-row>div,.ship-row>a{min-width:0}.p109-ship-next .ship-muted{display:block;margin-top:3px;font-size:11px!important}.shd-next{min-height:46px!important;font-size:13px!important}.shd-save{font-size:12px!important}.shd-title h2{font-size:20px!important}.shd-title small,.shd-title p{font-size:12px!important}
/* visually consistent focus */
.admin-content :where(button,a,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--r109-primary) 72%,white);outline-offset:2px}


/* === royan-storefront.1d62fdcca7657484.css === */
/* Source: sweetalert-lite.css */
.swal2-container-lite{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(8,15,34,.56);backdrop-filter:blur(6px);z-index:99999}
.swal2-popup-lite{width:min(520px,100%);background:#fff;color:#18233d;border-radius:24px;box-shadow:0 30px 80px rgba(7,16,39,.28);border:1px solid rgba(25,48,91,.08);padding:22px 22px 18px;direction:rtl;font-family:Yekan,Tahoma,sans-serif}
.swal2-popup-lite.is-dark{background:#0c1730;color:#f5f8ff;border-color:rgba(180,202,255,.12)}
.swal2-header-lite{display:flex;gap:14px;align-items:flex-start}.swal2-icon-lite{flex:0 0 52px;width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;background:#eef4ff;color:#2553c7}.swal2-popup-lite.is-dark .swal2-icon-lite{background:rgba(255,255,255,.08);color:#fff}
.swal2-icon-lite.is-success{background:#e8fbef;color:#1c9f55}.swal2-icon-lite.is-error{background:#ffedef;color:#d63d53}.swal2-icon-lite.is-warning{background:#fff6df;color:#c58813}
.swal2-title-lite{margin:2px 0 4px;font-size:21px;font-weight:900;line-height:1.5}.swal2-text-lite{font-size:14px;line-height:1.95;color:#455776}.swal2-popup-lite.is-dark .swal2-text-lite{color:#c5d2f4}
.swal2-html-lite{margin-top:14px}.swal2-html-lite .swal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.swal2-html-lite label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#42506d}.swal2-popup-lite.is-dark .swal2-html-lite label{color:#cad8f8}
.swal2-html-lite input,.swal2-html-lite textarea,.swal2-html-lite select{width:100%;border:1px solid rgba(38,65,121,.16);border-radius:14px;padding:12px 14px;background:#f7f9fd;color:#1a2640;font:inherit}.swal2-popup-lite.is-dark .swal2-html-lite input,.swal2-popup-lite.is-dark .swal2-html-lite textarea,.swal2-popup-lite.is-dark .swal2-html-lite select{background:rgba(255,255,255,.05);border-color:rgba(180,202,255,.12);color:#fff}
.swal2-actions-lite{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.swal2-actions-lite button{border:0;border-radius:14px;min-height:44px;padding:0 18px;cursor:pointer;font:inherit;font-weight:800}.swal2-confirm-lite{background:linear-gradient(90deg,#395de9,#6a4dff);color:#fff;box-shadow:0 14px 30px rgba(63,89,232,.24)}.swal2-cancel-lite{background:#eef2fa;color:#30405f}.swal2-popup-lite.is-dark .swal2-cancel-lite{background:rgba(255,255,255,.08);color:#eef4ff}
.swal2-loader-lite{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 0 6px}.swal2-loader-lite img{width:64px;height:64px;object-fit:contain;animation:swalPulse 1.2s ease-in-out infinite}.swal2-loader-lite .ring{width:44px;height:44px;border-radius:50%;border:4px solid rgba(63,89,232,.16);border-top-color:#4e67f2;animation:swalSpin .9s linear infinite}.swal2-popup-lite.is-dark .swal2-loader-lite .ring{border-color:rgba(255,255,255,.1);border-top-color:#aebfff}
.swal2-note-lite{margin-top:8px;font-size:12px;line-height:1.7;color:#5f6f92;text-align:center}.swal2-popup-lite.is-dark .swal2-note-lite{color:#b7c6e5}
@keyframes swalSpin{to{transform:rotate(360deg)}}
@keyframes swalPulse{0%,100%{transform:scale(.96)}50%{transform:scale(1.03)}}
@media(max-width:640px){.swal2-popup-lite{padding:18px 16px 16px;border-radius:20px}.swal2-title-lite{font-size:18px}.swal2-text-lite{font-size:13px}.swal2-html-lite .swal-grid{grid-template-columns:1fr}.swal2-actions-lite{flex-direction:column-reverse}.swal2-actions-lite button{width:100%}}
.swal2-validation-lite{margin-top:10px;padding:9px 11px;border-radius:11px;background:rgba(224,63,83,.1);color:#d63d53;font-size:11px;line-height:1.7}.swal2-popup-lite.is-dark .swal2-validation-lite{background:rgba(255,109,117,.12);color:#ffadb3}


/* Source: storefront-ui.css */
:root{--sf-blue:#1463e8;--sf-blue-dark:#0d4fc0;--sf-ink:#0c1930;--sf-muted:#6f7b90;--sf-bg:#f5f7fb;--sf-line:#e6eaf1;--sf-green:#1fa86a;--sf-orange:#f49a31;--sf-red:#e55454;--sf-radius:22px;--sf-shadow:0 12px 34px rgba(20,43,82,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sf-bg);color:var(--sf-ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.sf-page{min-height:calc(100vh - 72px)}.sf-container{width:min(1180px,calc(100% - 28px));margin-inline:auto}.sf-topbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);border-bottom:1px solid var(--sf-line);backdrop-filter:blur(14px)}.sf-topbar-inner{height:68px;display:flex;align-items:center;gap:16px}.sf-brand{display:flex;align-items:center;gap:10px;min-width:0}.sf-brand-mark{width:38px;height:38px;border-radius:12px;object-fit:contain;background:#fff}.sf-brand-fallback{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--sf-blue);color:#fff;font-weight:900}.sf-brand-title{font-size:17px;font-weight:900;white-space:nowrap}.sf-brand-sub{display:block;color:#9199a9;font-size:10px;margin-top:1px}.sf-desktop-nav{margin-right:auto;display:flex;align-items:center;gap:5px}.sf-desktop-nav a{padding:9px 12px;border-radius:12px;font-size:12px;font-weight:800;color:#536078}.sf-desktop-nav a:hover,.sf-desktop-nav a.is-active{background:#edf4ff;color:var(--sf-blue)}.sf-header-actions{display:flex;align-items:center;gap:8px}.sf-icon-btn{height:40px;min-width:40px;padding:0 11px;border:1px solid var(--sf-line);border-radius:12px;background:#fff;color:var(--sf-ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:800}.sf-icon-btn svg{width:19px;height:19px}.sf-cart-badge{position:relative}.sf-cart-badge i{position:absolute;top:-6px;left:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#e32d43;color:#fff;font-size:10px;display:grid;place-items:center;font-style:normal;border:2px solid #fff}.sf-bottom-nav{display:none}.sf-main{padding-bottom:18px}.sf-mobile-title{display:none}
.sf-searchbar{height:46px;border:1px solid var(--sf-line);background:#fff;border-radius:14px;display:flex;align-items:center;gap:9px;padding:0 13px;box-shadow:0 4px 14px rgba(18,36,68,.03)}.sf-searchbar svg{width:20px;color:#718096}.sf-searchbar input{flex:1;border:0;outline:0;background:transparent;min-width:0;font-size:13px;color:var(--sf-ink)}.sf-searchbar input::placeholder{color:#a4adbb}.sf-searchbar button{border:0;background:transparent;color:#9aa4b4;cursor:pointer}.sf-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}.sf-chips::-webkit-scrollbar{display:none}.sf-chip{flex:0 0 auto;border:1px solid var(--sf-line);background:#fff;border-radius:11px;padding:8px 14px;font-size:11px;font-weight:800;color:#657086}.sf-chip.is-active{background:var(--sf-blue);border-color:var(--sf-blue);color:#fff;box-shadow:0 6px 16px rgba(20,99,232,.2)}
.sf-promo{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(125deg,#0c1730,#0f2f68);color:#fff;min-height:176px;box-shadow:var(--sf-shadow)}.sf-promo-content{position:relative;z-index:2;padding:25px;max-width:60%}.sf-promo-eyebrow{display:inline-block;color:#9ec1ff;font-size:10px;font-weight:900}.sf-promo h1,.sf-promo h2{margin:7px 0 5px;font-size:27px;line-height:1.35;font-weight:900}.sf-promo p{margin:0;color:#c6d1e4;font-size:11px;line-height:1.9}.sf-promo-action{display:inline-flex;margin-top:14px;background:#fff;color:#112244;border-radius:10px;padding:9px 14px;font-size:11px;font-weight:900}.sf-promo-image{position:absolute;left:0;bottom:-10%;width:45%;height:115%;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.24))}.sf-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px}.sf-section-title{font-weight:900;font-size:17px}.sf-section-sub{color:var(--sf-muted);font-size:10px;margin-top:3px}.sf-link{color:var(--sf-blue);font-size:11px;font-weight:900}
.sf-product-stack{display:grid;gap:10px}.sf-product-row{display:grid;grid-template-columns:102px minmax(0,1fr) auto;align-items:center;gap:14px;background:#fff;border:1px solid var(--sf-line);border-radius:18px;padding:10px;transition:.2s ease;box-shadow:0 2px 10px rgba(23,47,89,.025)}.sf-product-row:hover{border-color:#cbd9f5;box-shadow:0 10px 24px rgba(23,47,89,.07);transform:translateY(-1px)}.sf-product-image{width:102px;height:82px;border-radius:14px;overflow:hidden;background:#f2f4f8;display:grid;place-items:center}.sf-product-image img{width:100%;height:100%;object-fit:cover}.sf-product-main{min-width:0}.sf-product-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:900}.sf-product-code{display:block;font-size:9px;color:#9aa3b2;margin-top:2px}.sf-product-meta{display:flex;flex-wrap:wrap;gap:5px 11px;margin-top:8px;font-size:10px;color:#6f798b}.sf-dot{display:inline-flex;align-items:center;gap:4px}.sf-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#cdd4df}.sf-product-status{display:inline-flex;align-items:center;border-radius:8px;padding:4px 7px;font-size:9px;font-weight:900}.sf-status-green{background:#e9f8ef;color:#168250}.sf-status-blue{background:#eaf2ff;color:#1463e8}.sf-status-orange{background:#fff3e3;color:#c87919}.sf-status-red{background:#ffeded;color:#c93e3e}.sf-price{white-space:nowrap;text-align:left}.sf-price small{display:block;color:#9ca6b5;font-size:9px}.sf-price b{display:block;font-size:13px;margin-top:2px}.sf-price-action{display:inline-flex;margin-top:8px;border:1px solid #cddbf5;color:var(--sf-blue);padding:6px 11px;border-radius:9px;font-size:9px;font-weight:900}.sf-color-dots{display:inline-flex;gap:3px;vertical-align:middle}.sf-color-dots i{display:block;width:9px;height:9px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}
.sf-catalog-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 292px;gap:14px;align-items:start}.sf-side-card{background:#fff;border:1px solid var(--sf-line);border-radius:18px;padding:14px;box-shadow:0 4px 16px rgba(24,46,84,.03)}.sf-side-card h3{font-size:12px;margin:0 0 12px;font-weight:900}.sf-filter-list{display:grid;gap:8px}.sf-filter-option{display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:9px 10px;color:#6b7587;font-size:11px;font-weight:700}.sf-filter-option:hover,.sf-filter-option.is-active{background:#edf4ff;color:var(--sf-blue)}.sf-mini-cart{position:sticky;top:82px}.sf-mini-cart-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #f0f2f6}.sf-mini-cart-item img{width:42px;height:36px;border-radius:8px;object-fit:cover;background:#f2f4f8}.sf-mini-cart-item b{font-size:10px}.sf-mini-cart-item small{display:block;font-size:8px;color:#8e98a8}.sf-mini-cart-price{font-size:9px;font-weight:900;white-space:nowrap}.sf-mini-cart-total{display:flex;justify-content:space-between;padding-top:12px;font-size:11px}.sf-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:var(--sf-blue);color:#fff;border-radius:12px;padding:12px 16px;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(20,99,232,.17)}.sf-primary-btn:hover{background:var(--sf-blue-dark)}.sf-secondary-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sf-line);background:#fff;color:#4b5870;border-radius:12px;padding:11px 14px;font-size:11px;font-weight:800}.sf-pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px}.sf-pager a,.sf-pager span{min-width:34px;height:34px;padding:0 10px;border:1px solid var(--sf-line);border-radius:10px;background:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.sf-pager .is-active{background:var(--sf-blue);color:#fff;border-color:var(--sf-blue)}
.sf-product-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:30px;align-items:start}.sf-gallery-card{position:sticky;top:83px}.sf-gallery-stage{height:460px;border-radius:22px;background:#f1f3f7;overflow:hidden;display:grid;place-items:center;border:1px solid var(--sf-line)}.sf-gallery-stage img,.sf-gallery-stage video{width:100%;height:100%;object-fit:contain}.sf-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding-top:9px;scrollbar-width:none}.sf-gallery-thumb{width:62px;height:55px;border:2px solid transparent;background:#f2f4f8;border-radius:11px;overflow:hidden;flex:0 0 auto;padding:0}.sf-gallery-thumb.is-active{border-color:var(--sf-blue)}.sf-gallery-thumb img,.sf-gallery-thumb video{width:100%;height:100%;object-fit:cover}.sf-product-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.sf-product-head h1{font-size:24px;margin:0;font-weight:900}.sf-product-head p{font-size:10px;color:#929baa;margin:4px 0 0}.sf-heart{width:40px;height:40px;border:1px solid var(--sf-line);border-radius:12px;background:#fff;display:grid;place-items:center;color:#7b8698}.sf-heart.is-active{color:#e6425f;background:#fff1f4;border-color:#ffd0da}.sf-block{background:#fff;border:1px solid var(--sf-line);border-radius:18px;padding:16px;margin-top:13px}.sf-block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sf-block-head b{font-size:12px}.sf-block-head small{font-size:9px;color:#9ca5b4}.sf-color-list{display:flex;gap:9px;overflow-x:auto;padding:3px 1px 6px;scrollbar-width:none}.sf-color-btn{position:relative;width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d9dfe8;background:#eee;flex:0 0 auto;cursor:pointer}.sf-color-btn.is-active{box-shadow:0 0 0 2px var(--sf-blue)}.sf-color-btn.is-active:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:900;text-shadow:0 1px 3px #000;font-size:13px}.sf-series-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sf-series-card{position:relative;border:1px solid var(--sf-line);border-radius:13px;background:#fff;padding:11px;text-align:center;cursor:pointer;min-height:76px}.sf-series-card input{position:absolute;opacity:0;pointer-events:none}.sf-series-card.is-active{border:2px solid var(--sf-blue);background:#f7faff;padding:10px}.sf-series-card.is-disabled{opacity:.45;cursor:not-allowed}.sf-series-card b{display:block;font-size:11px}.sf-series-card small{display:block;font-size:9px;color:#7f8999;margin-top:4px;line-height:1.5}.sf-series-card em{display:inline-block;margin-top:5px;font-size:8px;font-style:normal;color:#5e6a7f}.sf-qty-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.sf-stepper{display:grid;grid-template-columns:36px 45px 36px;align-items:center;border:1px solid var(--sf-line);border-radius:12px;overflow:hidden}.sf-stepper button{height:38px;border:0;background:#f7f8fa;font-size:18px;color:#4c596e}.sf-stepper input{height:38px;width:45px;border:0;text-align:center;font-weight:900;outline:0}.sf-price-box{background:#f7f9fc;border-radius:15px;padding:12px;margin-top:12px}.sf-price-line{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:3px 0;color:#6d7789}.sf-price-line strong{color:var(--sf-ink)}.sf-price-line.is-total{border-top:1px dashed #dbe0e9;margin-top:5px;padding-top:9px;font-size:12px}.sf-price-line.is-total strong{font-size:17px;color:var(--sf-blue)}.sf-buy-bar{margin-top:13px}.sf-buy-bar .sf-primary-btn{width:100%;font-size:14px;padding:14px}.sf-stock-note{text-align:center;color:var(--sf-green);font-size:9px;font-weight:800;margin-top:8px}
.sf-cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.sf-cart-item{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--sf-line);border-radius:18px;padding:11px}.sf-cart-item-image{width:90px;height:75px;border-radius:13px;overflow:hidden;background:#f3f5f8}.sf-cart-item-image img{width:100%;height:100%;object-fit:cover}.sf-cart-item h3{font-size:12px;margin:0}.sf-cart-item p{font-size:9px;color:#838d9d;margin:4px 0}.sf-cart-item .sf-stepper{margin-top:8px;display:inline-grid}.sf-cart-line-total{text-align:left;white-space:nowrap;font-size:12px;font-weight:900}.sf-summary{background:#fff;border:1px solid var(--sf-line);border-radius:19px;padding:16px;position:sticky;top:83px}.sf-summary h3{font-size:13px;margin:0 0 13px}.sf-summary-line{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:5px 0;color:#6f798b}.sf-summary-line b{color:var(--sf-ink)}.sf-summary-total{border-top:1px dashed #d7dde7;margin-top:7px;padding-top:12px;font-size:12px}.sf-summary-total b{font-size:18px;color:var(--sf-blue)}.sf-note{width:100%;border:1px solid var(--sf-line);border-radius:12px;background:#fafbfc;padding:11px;font-size:11px;outline:none}.sf-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sf-choice{border:1px solid var(--sf-line);border-radius:13px;background:#fff;padding:11px;cursor:pointer;font-size:10px;font-weight:800}.sf-choice.is-active{border:2px solid var(--sf-blue);background:#f6f9ff;padding:10px}.sf-form-card{background:#fff;border:1px solid var(--sf-line);border-radius:20px;padding:18px}.sf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sf-field label,.sf-field>span{display:block;font-size:10px;font-weight:800;margin-bottom:5px;color:#4d586b}.sf-field input,.sf-field textarea,.sf-field select{width:100%;border:1px solid var(--sf-line);border-radius:12px;background:#fafbfc;padding:12px;outline:0;font-size:11px}.sf-field input:focus,.sf-field textarea:focus{border-color:#9ebcf2;background:#fff}.sf-field-full{grid-column:1/-1}
.sf-orders-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.sf-order-filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.sf-order-card{background:#fff;border:1px solid var(--sf-line);border-radius:18px;padding:15px;margin-bottom:10px}.sf-order-top{display:flex;justify-content:space-between;gap:12px}.sf-order-number{font-size:11px;font-weight:900}.sf-order-date{font-size:9px;color:#969faf;margin-top:3px}.sf-order-status{border-radius:9px;padding:6px 9px;font-size:9px;font-weight:900;height:fit-content}.sf-order-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.sf-order-stat{background:#f7f8fa;border-radius:10px;padding:9px}.sf-order-stat small{display:block;font-size:8px;color:#929baa}.sf-order-stat b{display:block;font-size:10px;margin-top:3px}.sf-track{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin:18px 0 5px}.sf-track:before{content:"";position:absolute;top:9px;right:12%;left:12%;height:1px;background:#d9dee7}.sf-track-step{position:relative;text-align:center;font-size:8px;color:#a0a9b7}.sf-track-step i{position:relative;z-index:2;margin:0 auto 5px;width:19px;height:19px;border:2px solid #cfd6e1;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal}.sf-track-step.is-done,.sf-track-step.is-active{color:var(--sf-ink);font-weight:800}.sf-track-step.is-done i{background:#ecf7f0;border-color:var(--sf-green);color:var(--sf-green)}.sf-track-step.is-active i{background:var(--sf-blue);border-color:var(--sf-blue);color:#fff}.sf-empty{background:#fff;border:1px dashed #ccd4df;border-radius:20px;padding:45px 20px;text-align:center;color:#798496}.sf-alert{border-radius:13px;padding:11px 13px;font-size:10px;font-weight:800;margin-bottom:12px}.sf-alert-success{background:#eaf8f0;color:#177a4d}.sf-alert-error{background:#fff0f0;color:#bc4444}.sf-footer{border-top:1px solid var(--sf-line);background:#fff;margin-top:30px}.sf-footer-inner{padding:24px 0;display:flex;justify-content:space-between;gap:20px;color:#8490a2;font-size:10px}
@media(max-width:980px){.sf-catalog-layout{grid-template-columns:1fr}.sf-catalog-filter,.sf-mini-cart{display:none}.sf-product-page{grid-template-columns:1fr}.sf-gallery-card{position:static}.sf-gallery-stage{height:390px}.sf-cart-layout{grid-template-columns:1fr}.sf-summary{position:static}}
@media(max-width:720px){body{padding-bottom:76px}.sf-container{width:min(100% - 20px,680px)}.sf-topbar-inner{height:58px}.sf-brand-mark,.sf-brand-fallback{width:32px;height:32px;border-radius:9px}.sf-brand-title{font-size:16px}.sf-brand-sub,.sf-desktop-nav{display:none}.sf-header-actions .sf-icon-btn span{display:none}.sf-icon-btn{height:36px;min-width:36px;padding:0 8px;border:0}.sf-mobile-title{display:block;flex:1;text-align:center;font-size:15px;font-weight:900}.sf-topbar .sf-brand{max-width:92px}.sf-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);inset-inline:0;bottom:0;z-index:70;height:66px;background:rgba(255,255,255,.98);border-top:1px solid var(--sf-line);box-shadow:0 -7px 22px rgba(20,42,76,.08);padding:5px 4px calc(5px + env(safe-area-inset-bottom))}.sf-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#7e899a;font-size:8px;font-weight:800;border-radius:10px}.sf-bottom-nav svg{width:20px;height:20px;stroke-width:2}.sf-bottom-nav a.is-active{color:var(--sf-blue);font-weight:900}.sf-bottom-nav a.is-active:after{content:"";position:absolute;bottom:0;width:18px;height:2px;background:var(--sf-blue);border-radius:99px}.sf-bottom-nav .sf-cart-dot{position:absolute;top:2px;left:calc(50% - 17px);min-width:17px;height:17px;border:2px solid #fff;background:#e6374b;color:#fff;border-radius:99px;display:grid;place-items:center;font-size:8px}.sf-footer{display:none}.sf-main{padding-bottom:8px}.sf-searchbar{height:42px;border-radius:11px}.sf-chip{padding:7px 12px;border-radius:9px}.sf-promo{min-height:142px;border-radius:16px}.sf-promo-content{padding:18px;max-width:63%}.sf-promo h1,.sf-promo h2{font-size:20px}.sf-promo p{font-size:9px}.sf-promo-action{padding:7px 11px;font-size:9px}.sf-promo-image{width:47%}.sf-section-head{margin:15px 0 9px}.sf-section-title{font-size:14px}.sf-product-row{grid-template-columns:96px minmax(0,1fr);gap:10px;border-radius:14px;padding:7px}.sf-product-image{width:96px;height:77px;border-radius:11px}.sf-product-name{font-size:12px}.sf-product-meta{margin-top:5px;gap:4px 8px;font-size:8px}.sf-product-row>.sf-price{grid-column:2;display:flex;align-items:center;justify-content:space-between;text-align:right;border-top:1px solid #f0f2f5;padding-top:6px}.sf-price small{display:inline;font-size:8px}.sf-price b{display:inline;font-size:10px;margin:0}.sf-price-action{margin:0;padding:5px 9px;font-size:8px}.sf-product-status{padding:3px 6px;font-size:8px}.sf-catalog-layout{display:block}.sf-gallery-stage{height:290px;border-radius:16px}.sf-gallery-thumb{width:55px;height:49px;border-radius:9px}.sf-product-page{gap:13px}.sf-gallery-card{margin-inline:-2px}.sf-product-head h1{font-size:18px}.sf-heart{width:36px;height:36px}.sf-block{border-radius:15px;padding:13px;margin-top:9px}.sf-series-grid{grid-template-columns:repeat(3,1fr);gap:6px}.sf-series-card{padding:9px 5px;min-height:68px}.sf-series-card.is-active{padding:8px 4px}.sf-series-card b{font-size:10px}.sf-series-card small{font-size:8px}.sf-buy-bar{position:sticky;bottom:72px;z-index:25;background:rgba(245,247,251,.93);padding:8px 0 3px;backdrop-filter:blur(10px)}.sf-cart-layout{display:block}.sf-cart-item{grid-template-columns:76px minmax(0,1fr);border-radius:14px;padding:8px;margin-bottom:8px}.sf-cart-item-image{width:76px;height:67px}.sf-cart-item h3{font-size:11px}.sf-cart-line-total{grid-column:2;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eff1f5;padding-top:6px}.sf-summary{border-radius:16px;margin-top:10px}.sf-form-card{border-radius:16px;padding:13px}.sf-form-grid{grid-template-columns:1fr;gap:9px}.sf-field-full{grid-column:auto}.sf-choice-grid{grid-template-columns:1fr 1fr}.sf-order-card{border-radius:14px;padding:12px}.sf-order-grid{grid-template-columns:1fr 1fr}.sf-order-stat:last-child{grid-column:1/-1}.sf-orders-head{margin:10px 0}.sf-page-section{padding:12px 0}.sf-pager{margin-top:14px}.sf-top-spacer{padding-top:10px}}

/* Phase 38 — visual polish: premium, graphical, still lightweight */
:root{--sf-blue:#125ee8;--sf-blue-2:#397bff;--sf-navy:#09152b;--sf-cyan:#4fd8ff;--sf-surface:#ffffff;--sf-soft:#f7f9fd;--sf-shadow-xl:0 24px 60px rgba(20,43,82,.13);--sf-shadow-md:0 12px 30px rgba(20,43,82,.085)}
body{background:radial-gradient(circle at 10% 4%,rgba(57,123,255,.08),transparent 28%),radial-gradient(circle at 88% 18%,rgba(79,216,255,.07),transparent 25%),linear-gradient(180deg,#f8faff 0,#f4f7fc 42%,#f7f9fc 100%);background-attachment:fixed}
.sf-topbar{background:rgba(255,255,255,.82);border-bottom-color:rgba(218,225,238,.72);box-shadow:0 6px 25px rgba(31,53,89,.035)}
.sf-brand-mark{box-shadow:0 7px 18px rgba(18,94,232,.13);border:1px solid rgba(18,94,232,.08)}
.sf-desktop-nav{background:rgba(246,249,255,.8);border:1px solid #edf1f8;border-radius:14px;padding:3px}
.sf-desktop-nav a{transition:.2s ease}.sf-desktop-nav a:hover,.sf-desktop-nav a.is-active{background:#fff;box-shadow:0 5px 13px rgba(25,51,91,.07)}
.sf-icon-btn{transition:.2s ease;box-shadow:0 4px 14px rgba(20,43,82,.035)}.sf-icon-btn:hover{border-color:#c8d8f7;transform:translateY(-1px);box-shadow:0 9px 22px rgba(20,43,82,.08)}
.sf-searchbar{height:50px;border-color:#dce4f2;border-radius:16px;box-shadow:0 10px 25px rgba(27,55,99,.06);transition:.2s ease}.sf-searchbar:focus-within{border-color:#9dbcf5;box-shadow:0 0 0 4px rgba(18,94,232,.08),0 12px 30px rgba(27,55,99,.08)}.sf-searchbar svg{color:var(--sf-blue)}
.sf-chips{padding-top:5px}.sf-chip{border-color:#e1e7f1;box-shadow:0 4px 10px rgba(23,47,89,.025);transition:.18s ease}.sf-chip:hover{transform:translateY(-1px);border-color:#bfd1f4}.sf-chip.is-active{background:linear-gradient(135deg,var(--sf-blue),#2f76ff);box-shadow:0 9px 20px rgba(18,94,232,.24)}
.sf-promo{isolation:isolate;min-height:190px;background:linear-gradient(125deg,#081327 0%,#0b2450 58%,#123f87 100%);box-shadow:0 25px 55px rgba(8,29,68,.22);border:1px solid rgba(255,255,255,.08)}
.sf-promo:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000,transparent 75%);z-index:-1}.sf-promo:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:13%;bottom:-170px;border:34px solid rgba(255,255,255,.035);z-index:-1}
.sf-promo-content{padding:29px 30px}.sf-promo-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#a8c8ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:99px;padding:5px 9px}.sf-promo-eyebrow i{width:6px;height:6px;background:#55e6a5;border-radius:50%;box-shadow:0 0 0 5px rgba(85,230,165,.1)}
.sf-promo h1,.sf-promo h2{font-size:29px;letter-spacing:-.35px}.sf-promo h1 span,.sf-promo h2 span{color:#77c9ff}.sf-promo p{max-width:450px;color:#c9d7ea}.sf-promo-action{align-items:center;gap:12px;border-radius:12px;padding:10px 15px;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:.2s ease}.sf-promo-action:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(0,0,0,.24)}.sf-promo-action b{font-size:15px}
.sf-promo-image{width:46%;height:120%;left:-1.5%;bottom:-13%;object-fit:contain;filter:drop-shadow(0 28px 28px rgba(0,0,0,.28));z-index:1;transition:.35s ease}.sf-promo:hover .sf-promo-image{transform:translateY(-3px) rotate(-1deg) scale(1.02)}
.sf-promo-orb{position:absolute;border-radius:50%;filter:blur(.2px);pointer-events:none}.sf-promo-orb-a{width:130px;height:130px;left:29%;top:-50px;background:radial-gradient(circle,rgba(79,216,255,.2),transparent 68%)}.sf-promo-orb-b{width:170px;height:170px;right:37%;bottom:-110px;background:radial-gradient(circle,rgba(57,123,255,.16),transparent 70%)}
.sf-promo-float{position:absolute;z-index:3;background:rgba(255,255,255,.92);color:#14233e;border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 30px rgba(0,0,0,.14);backdrop-filter:blur(8px);border-radius:12px;padding:8px 10px;display:flex;align-items:center;gap:7px;font-size:9px}.sf-promo-float span{color:#67758b}.sf-promo-float-stock{left:33%;bottom:18px}.sf-promo-float-stock i{width:8px;height:8px;border-radius:50%;background:#25b878;box-shadow:0 0 0 4px rgba(37,184,120,.12)}.sf-promo-float-cart{left:7%;top:16px;display:grid;gap:0}.sf-promo-float-cart b{font-size:10px;color:#125ee8}
.sf-section-title{letter-spacing:-.2px}.sf-section-head:before{content:"";width:4px;height:20px;border-radius:99px;background:linear-gradient(var(--sf-blue),var(--sf-cyan));box-shadow:0 4px 10px rgba(18,94,232,.22);margin-left:7px}.sf-section-head>div:first-child{margin-left:auto}
.sf-product-stack{gap:11px}.sf-product-row{position:relative;overflow:hidden;border-color:#e2e8f2;border-radius:20px;padding:10px 11px;box-shadow:0 7px 22px rgba(22,45,82,.045);transition:.22s cubic-bezier(.2,.8,.2,1)}.sf-product-row:before{content:"";position:absolute;right:0;top:18%;bottom:18%;width:3px;border-radius:5px;background:linear-gradient(var(--sf-blue),#77c9ff);opacity:0;transform:scaleY(.4);transition:.2s}.sf-product-row:hover{border-color:#c5d5f2;box-shadow:0 16px 34px rgba(22,45,82,.09);transform:translateY(-2px)}.sf-product-row:hover:before{opacity:1;transform:scaleY(1)}
.sf-product-image-stage{position:relative;background:linear-gradient(145deg,#f6f8fc,#edf2fa);border:1px solid #edf1f7}.sf-product-image-stage:after{content:"";position:absolute;inset:auto 18% 8px;height:9px;border-radius:50%;background:rgba(11,25,48,.08);filter:blur(6px)}.sf-product-image img{position:relative;z-index:1;object-fit:contain;transition:.28s ease}.sf-product-row:hover .sf-product-image img{transform:scale(1.055) rotate(-1deg)}
.sf-product-name{letter-spacing:-.1px}.sf-product-status{border-radius:99px;border:1px solid rgba(0,0,0,.025)}.sf-product-meta{gap:6px}.sf-dot{background:#f7f9fc;border:1px solid #eef2f7;border-radius:99px;padding:4px 7px}.sf-dot:before{background:#b9c6d9}.sf-price{padding-left:3px}.sf-price b{font-size:14px;letter-spacing:-.15px}.sf-price-action{background:#f5f8ff;border-color:#d7e3fa;border-radius:10px;transition:.18s ease}.sf-price-action:hover{background:var(--sf-blue);color:#fff;border-color:var(--sf-blue)}
.sf-side-card{border-color:#e1e7f0;border-radius:20px;box-shadow:0 10px 26px rgba(20,43,82,.055)}.sf-catalog-filter{background:linear-gradient(180deg,#fff,#fbfcff)}.sf-filter-option{transition:.17s ease}.sf-filter-option:hover,.sf-filter-option.is-active{background:linear-gradient(135deg,#edf4ff,#f7faff)}.sf-mini-cart{overflow:hidden}.sf-mini-cart:before{content:"";display:block;height:4px;margin:-14px -14px 12px;background:linear-gradient(90deg,var(--sf-blue),var(--sf-cyan))}.sf-mini-cart-item{transition:.15s}.sf-mini-cart-item:hover{background:#f9fbff;margin-inline:-6px;padding-inline:6px;border-radius:9px}.sf-mini-cart-item img{object-fit:contain;background:linear-gradient(145deg,#f5f7fb,#edf2f9)}
.sf-primary-btn{background:linear-gradient(135deg,var(--sf-blue),#2f76ff);box-shadow:0 10px 24px rgba(18,94,232,.22);transition:.2s cubic-bezier(.2,.8,.2,1)}.sf-primary-btn:hover{background:linear-gradient(135deg,#0c50ca,#2569ee);transform:translateY(-1px);box-shadow:0 14px 30px rgba(18,94,232,.28)}.sf-secondary-btn{transition:.18s}.sf-secondary-btn:hover{border-color:#c5d5f0;background:#f9fbff}
.sf-gallery-stage{position:relative;background:radial-gradient(circle at 55% 36%,#fff 0,#f5f7fb 42%,#edf2f8 100%);border-color:#e0e7f1;box-shadow:inset 0 1px 0 #fff,0 18px 45px rgba(22,45,82,.08)}.sf-gallery-stage:after{content:"";position:absolute;width:46%;height:22px;bottom:7%;left:27%;background:rgba(11,25,48,.08);filter:blur(15px);border-radius:50%;pointer-events:none}.sf-gallery-stage img,.sf-gallery-stage video{position:relative;z-index:1}.sf-gallery-thumb{background:linear-gradient(145deg,#f7f9fc,#edf2f8);border-color:#fff;box-shadow:0 5px 14px rgba(25,50,87,.06);transition:.17s}.sf-gallery-thumb:hover{transform:translateY(-2px)}.sf-gallery-thumb.is-active{border-color:var(--sf-blue);box-shadow:0 0 0 2px rgba(18,94,232,.09),0 8px 18px rgba(18,94,232,.12)}
.sf-product-head{background:linear-gradient(135deg,#fff,#fbfcff);border:1px solid #e4eaf3;border-radius:18px;padding:14px;box-shadow:0 7px 20px rgba(22,45,82,.04)}.sf-product-head h1{letter-spacing:-.35px}.sf-heart{box-shadow:0 5px 14px rgba(22,45,82,.045);transition:.18s}.sf-heart:hover{transform:scale(1.05)}
.sf-block{border-color:#e2e8f1;border-radius:20px;box-shadow:0 8px 22px rgba(22,45,82,.04);transition:.2s}.sf-block:hover{border-color:#d3def0}.sf-color-list{padding:5px 3px 9px}.sf-color-btn{width:38px;height:38px;box-shadow:0 0 0 1px #d5dde9,0 5px 12px rgba(20,43,82,.08);transition:.18s}.sf-color-btn:hover{transform:translateY(-2px) scale(1.03)}.sf-color-btn.is-active{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--sf-blue),0 8px 16px rgba(18,94,232,.18)}.sf-selected-color{display:inline-flex;align-items:center;gap:7px;margin-top:7px;padding:6px 9px;background:#f7f9fc;border:1px solid #ebeff5;border-radius:10px;font-size:9px;color:#69758a}.sf-selected-color-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.12);box-shadow:0 0 0 3px #fff}
.sf-series-card{position:relative;background:linear-gradient(145deg,#fff,#fbfcfe);border-color:#e0e6ef;border-radius:15px;box-shadow:0 5px 15px rgba(20,43,82,.035);transition:.18s}.sf-series-card:hover:not(.is-disabled){transform:translateY(-2px);border-color:#bcd0f2}.sf-series-card.is-active{background:linear-gradient(145deg,#f1f6ff,#fff);border-color:var(--sf-blue);box-shadow:0 0 0 3px rgba(18,94,232,.08),0 10px 22px rgba(18,94,232,.10)}.sf-series-card.is-active:after{content:"✓";position:absolute;left:7px;top:7px;width:18px;height:18px;border-radius:50%;background:var(--sf-blue);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:900}.sf-price-box{background:linear-gradient(135deg,#f8faff,#f3f7fd);border:1px solid #e7edf6}.sf-price-line.is-total strong{background:linear-gradient(135deg,var(--sf-blue),#2f76ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.sf-cart-item{position:relative;overflow:hidden;border-color:#e2e8f1;border-radius:20px;box-shadow:0 8px 22px rgba(22,45,82,.045);transition:.2s}.sf-cart-item:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(22,45,82,.075)}.sf-cart-item-image{background:radial-gradient(circle,#fff,#edf2f8);border:1px solid #edf1f6}.sf-cart-item-image img{object-fit:contain}.sf-summary{overflow:hidden;border-color:#dde5f0;box-shadow:0 15px 36px rgba(22,45,82,.075)}.sf-summary:before{content:"";display:block;height:4px;margin:-16px -16px 13px;background:linear-gradient(90deg,var(--sf-blue),var(--sf-cyan))}.sf-summary-total{background:#f7f9fd;margin-inline:-7px;padding-inline:7px;border-radius:9px}
.sf-form-card{border-color:#e0e7f1;box-shadow:0 12px 30px rgba(22,45,82,.055)}.sf-field input,.sf-field textarea,.sf-field select{transition:.18s}.sf-field input:focus,.sf-field textarea:focus,.sf-field select:focus{box-shadow:0 0 0 3px rgba(18,94,232,.07)}.sf-choice{box-shadow:0 5px 13px rgba(20,43,82,.03);transition:.18s}.sf-choice:hover{border-color:#bfd0ed;transform:translateY(-1px)}
.sf-order-card{position:relative;overflow:hidden;border-color:#e0e7f0;border-radius:20px;box-shadow:0 8px 24px rgba(22,45,82,.05)}.sf-order-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--sf-blue),var(--sf-cyan))}.sf-order-stat{border:1px solid #eef1f6}.sf-track-step i{box-shadow:0 0 0 4px #fff}.sf-track-step.is-active i{box-shadow:0 0 0 4px rgba(18,94,232,.11)}
.sf-empty{background:linear-gradient(145deg,#fff,#fafcff);border-color:#cbd6e6;box-shadow:0 10px 28px rgba(22,45,82,.04)}
.sf-reveal{opacity:0;transform:translateY(8px);transition:opacity .38s ease var(--sf-delay,0ms),transform .38s ease var(--sf-delay,0ms)}.sf-reveal.sf-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.sf-reveal,.sf-product-row,.sf-promo-image,.sf-primary-btn,.sf-series-card,.sf-color-btn{transition:none!important;animation:none!important}}
@media(max-width:720px){body{background:radial-gradient(circle at 15% 0,rgba(57,123,255,.08),transparent 24%),#f5f7fb}.sf-topbar{background:rgba(255,255,255,.9)}.sf-bottom-nav{left:10px;right:10px;bottom:9px;height:62px;border:1px solid rgba(218,225,238,.9);border-radius:20px;box-shadow:0 14px 35px rgba(17,38,72,.16);overflow:hidden;padding:4px 3px calc(4px + env(safe-area-inset-bottom))}.sf-bottom-nav a.is-active{background:linear-gradient(180deg,#f1f6ff,#fff)}.sf-bottom-nav a.is-active:after{bottom:3px}.sf-promo{min-height:155px;border-radius:20px}.sf-promo-content{padding:18px 17px;max-width:66%}.sf-promo h1,.sf-promo h2{font-size:19px;line-height:1.45}.sf-promo p{max-width:220px}.sf-promo-float{display:none}.sf-promo-image{width:49%;left:-5%;bottom:-11%}.sf-section-head:before{height:17px}.sf-product-row{border-radius:17px;padding:8px;box-shadow:0 7px 18px rgba(22,45,82,.05)}.sf-product-row:before{display:none}.sf-product-image-stage{border-radius:14px}.sf-dot{padding:3px 5px;background:#f8f9fc}.sf-gallery-stage{border-radius:20px;height:305px}.sf-product-head{padding:11px;border-radius:16px}.sf-block{border-radius:17px}.sf-color-btn{width:35px;height:35px}.sf-series-card{border-radius:13px}.sf-buy-bar{bottom:80px}.sf-cart-item,.sf-summary,.sf-order-card{border-radius:17px}.sf-reveal{transform:translateY(5px)}}
/* Phase 40 — Premium simple ordering polish */
.sf-catalog-intro{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:12px;padding:22px 24px;border:1px solid #dfe8f7;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f5f9ff 60%,#eaf3ff 100%);box-shadow:0 18px 45px rgba(19,55,112,.07)}.sf-catalog-intro:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;left:-70px;top:-120px;background:radial-gradient(circle,rgba(20,99,232,.16),rgba(20,99,232,0) 67%)}.sf-catalog-intro:after{content:"R";position:absolute;left:18%;top:-58px;color:rgba(20,99,232,.035);font:900 190px/1 Arial;transform:rotate(-10deg)}.sf-catalog-intro>div{position:relative;z-index:1}.sf-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--sf-blue);font-size:9px;font-weight:900}.sf-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#2cc58d;box-shadow:0 0 0 5px rgba(44,197,141,.1)}.sf-catalog-intro h1,.sf-cart-head h1,.sf-checkout-head h1{margin:5px 0 3px;font-size:22px;line-height:1.5;font-weight:900}.sf-catalog-intro p,.sf-cart-head p,.sf-checkout-head p{margin:0;color:#7c879a;font-size:10px}.sf-catalog-trust{display:flex!important;gap:8px!important;flex-wrap:wrap;justify-content:flex-end}.sf-catalog-trust span{padding:7px 10px;border-radius:99px;background:#fff;border:1px solid #e0e8f4;color:#607089;font-size:9px;font-weight:800}.sf-catalog-trust span:first-child{color:#16885b}.sf-catalog-search{box-shadow:0 10px 25px rgba(23,47,89,.055);border-color:#dfe5ef}.sf-auto-load-hint{font-size:9px;color:#97a1b0}.sf-filter-note{margin-top:14px;padding:10px;border-radius:11px;background:#f7f9fc;color:#8a94a4;font-size:9px;line-height:1.9}.sf-mini-empty{padding:26px 8px;text-align:center;color:#9aa4b3;font-size:10px;line-height:1.9}.sf-loadmore-wrap{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;color:#8f99a8;font-size:9px}.sf-load-spinner{width:18px;height:18px;border:2px solid #dce6f6;border-top-color:var(--sf-blue);border-radius:50%;opacity:0}.sf-loadmore-wrap.is-loading .sf-load-spinner{opacity:1;animation:sfSpin .75s linear infinite}.sf-loadmore-wrap.is-done .sf-load-spinner{display:none}.sf-loadmore-wrap.is-error{color:#bd4a4a}.sf-load-error{padding:13px;border-radius:12px;background:#fff0f0;color:#be4444;text-align:center;font-size:10px}@keyframes sfSpin{to{transform:rotate(360deg)}}
.sf-product-row{position:relative;overflow:hidden}.sf-product-row:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#6ea3ff,#1bc393);opacity:0;transition:.2s}.sf-product-row:hover:before{opacity:1}.sf-product-image-stage{background:radial-gradient(circle at 50% 45%,#fff 0,#f5f7fb 62%,#edf1f6 100%)}.sf-product-image-stage img{object-fit:contain;padding:5px;transition:transform .25s ease}.sf-product-row:hover .sf-product-image-stage img{transform:scale(1.045)}
.sf-stock-note{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border-radius:11px;font-size:9px;font-weight:900}.sf-stock-note:before{content:"";width:7px;height:7px;border-radius:50%}.sf-stock-note.is-ok{background:#ebfaf3;color:#187c55}.sf-stock-note.is-ok:before{background:#20b875}.sf-stock-note.is-low{background:#fff4e4;color:#b86c12}.sf-stock-note.is-low:before{background:#f1a126;box-shadow:0 0 0 4px rgba(241,161,38,.13)}.sf-stock-note.is-production{background:#edf4ff;color:#2663bc}.sf-stock-note.is-production:before{background:#3d7add}.sf-stock-note.is-out{background:#fff0f0;color:#bd4848}.sf-stock-note.is-out:before{background:#dc5656}.sf-stock-badge{display:inline-flex;margin:7px 0 9px;padding:5px 8px;border-radius:8px;font-size:8px;font-weight:900}.sf-stock-badge.is-low{background:#fff2dd;color:#b56b14}.sf-stock-badge.is-ok{background:#eaf9f2;color:#187e55}.sf-stock-badge.is-production{background:#edf4ff;color:#2764bc}
.sf-cart-head,.sf-checkout-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.sf-cart-item{position:relative}.sf-cart-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.sf-remove-btn{border:0;background:#fff0f0;color:#c34646;border-radius:9px;padding:6px 9px;font-size:8px;font-weight:900;cursor:pointer}.sf-remove-btn:hover{background:#ffe1e1}.sf-remove-btn:disabled{opacity:.55}.sf-cart-update-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.sf-cart-update-row small{font-size:9px;color:#8d97a7}.sf-cart-summary,.sf-checkout-summary{position:sticky;top:82px;overflow:hidden}.sf-summary-orb,.sf-summary-visual{display:flex;align-items:baseline;gap:6px;width:max-content;margin:-4px 0 13px;padding:8px 12px;border-radius:13px;background:linear-gradient(135deg,#edf4ff,#f6faff);color:var(--sf-blue)}.sf-summary-orb b,.sf-summary-visual span{font-size:20px;font-weight:900}.sf-summary-orb span,.sf-summary-visual small{font-size:9px;font-weight:800}.sf-old-price{text-decoration:line-through;color:#9ca5b3}.sf-summary-line.is-good,.sf-summary-line.is-good b{color:#178557}.sf-reserve-note{display:flex;gap:9px;margin-top:12px;padding:10px;border-radius:12px;background:#f7f9fc;color:#768296}.sf-reserve-note>span{font-size:16px}.sf-reserve-note b,.sf-reserve-note small{display:block}.sf-reserve-note b{font-size:9px;color:#4c5a72}.sf-reserve-note small{font-size:8px;margin-top:2px}.sf-cart-continue{width:100%;margin-top:12px;justify-content:space-between}.sf-empty-cart{background:linear-gradient(180deg,#fff,#f9fbff)}.sf-empty-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 12px;border-radius:20px;background:#eef4ff;color:var(--sf-blue)}.sf-empty-icon svg{width:30px;height:30px}
.sf-checkout-head>div:nth-child(2){flex:1}.sf-secure-pill{display:inline-flex;align-items:center;padding:7px 10px;border-radius:99px;background:#eafaf3;color:#177e55;font-size:9px;font-weight:900}.sf-checkout-card{position:relative;overflow:hidden}.sf-checkout-card:before{content:"";position:absolute;right:-70px;top:-70px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(20,99,232,.08),transparent 70%);pointer-events:none}.sf-customer-identity{position:relative;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;margin-bottom:18px;padding:12px;border:1px solid #dce8fb;border-radius:17px;background:linear-gradient(135deg,#f9fbff,#eef5ff)}.sf-customer-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#145fe7,#2e7bf0);color:#fff;font-size:18px;font-weight:900}.sf-customer-identity small,.sf-customer-identity b,.sf-customer-identity span{display:block}.sf-customer-identity small{font-size:8px;color:#8c98aa}.sf-customer-identity b{font-size:12px;margin:2px 0}.sf-customer-identity span{font-size:9px;color:#758297;direction:ltr;text-align:right}.sf-customer-identity a{font-size:8px;font-weight:900;color:var(--sf-blue)}.sf-field em{font-style:normal;color:#a1a9b7;font-size:8px;font-weight:400}.sf-checkout-assurance{display:flex;align-items:center;gap:10px;margin-top:9px;padding:10px;border-radius:12px;background:#f8fafc}.sf-checkout-assurance>span{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#eaf2ff;color:var(--sf-blue);font-size:10px;font-weight:900}.sf-checkout-assurance b,.sf-checkout-assurance small{display:block}.sf-checkout-assurance b{font-size:9px}.sf-checkout-assurance small{margin-top:2px;font-size:8px;color:#8e98a8}.sf-checkout-submit{width:100%;margin-top:14px;justify-content:space-between;min-height:50px}.sf-checkout-items{display:grid;gap:7px;margin-top:12px;padding-top:11px;border-top:1px dashed #dfe5ee}.sf-checkout-items>div{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#778397}.sf-checkout-items>div b{color:#4f5d74}.sf-checkout-items>small{font-size:8px;color:#9aa4b2}
@media(max-width:760px){.sf-catalog-intro{padding:15px 16px;border-radius:19px;align-items:flex-start}.sf-catalog-intro h1,.sf-cart-head h1,.sf-checkout-head h1{font-size:17px}.sf-catalog-intro p{font-size:9px}.sf-catalog-trust{display:none!important}.sf-auto-load-hint{display:none}.sf-cart-head,.sf-checkout-head{align-items:flex-start}.sf-cart-head{margin-bottom:10px}.sf-checkout-head{display:grid;grid-template-columns:auto 1fr}.sf-checkout-head>div:nth-child(2){grid-column:1/-1;grid-row:1}.sf-checkout-head>a{grid-row:2}.sf-secure-pill{grid-row:2;justify-self:end}.sf-cart-update-row{align-items:flex-start;flex-direction:column}.sf-cart-update-row small{display:none}.sf-cart-title-row h3{margin-left:6px}.sf-remove-btn{font-size:9px;padding:7px 9px}.sf-cart-summary,.sf-checkout-summary{position:static}.sf-customer-identity{grid-template-columns:42px 1fr auto;padding:10px}.sf-customer-avatar{width:42px;height:42px}.sf-loadmore-wrap{min-height:44px}.sf-product-row:before{display:none}}

/* Phase 41 — Storefront usability pass: readable, obvious, touch friendly */
:where(.sf-main,.sf-bottom-nav,.sf-topbar) a:focus-visible,
:where(.sf-main,.sf-bottom-nav,.sf-topbar) button:focus-visible,
:where(.sf-main,.sf-bottom-nav,.sf-topbar) input:focus-visible,
:where(.sf-main,.sf-bottom-nav,.sf-topbar) select:focus-visible,
:where(.sf-main,.sf-bottom-nav,.sf-topbar) textarea:focus-visible{outline:3px solid rgba(20,99,232,.24);outline-offset:2px}
.sf-brand-sub{font-size:11px}.sf-desktop-nav a{font-size:13px}.sf-icon-btn{font-size:12px}.sf-searchbar{min-height:48px}.sf-searchbar input{font-size:14px}.sf-chip{font-size:12px;min-height:38px}.sf-kicker{font-size:11px}.sf-catalog-intro p,.sf-cart-head p,.sf-checkout-head p{font-size:12px;line-height:1.8}.sf-catalog-trust span{font-size:11px}.sf-auto-load-hint,.sf-filter-note,.sf-loadmore-wrap{font-size:11px}.sf-loadmore-wrap{flex-wrap:wrap}.sf-load-retry{border:1px solid #d7e2f3;background:#fff;color:var(--sf-blue);border-radius:10px;min-height:36px;padding:6px 12px;font-size:11px;font-weight:900;cursor:pointer}.sf-load-retry[hidden]{display:none!important}.sf-section-sub{font-size:11px}.sf-link{font-size:12px}.sf-product-name{font-size:15px;line-height:1.75}.sf-product-meta{font-size:11px;line-height:1.7}.sf-product-status{font-size:10px;line-height:1.5}.sf-price small{font-size:11px}.sf-price b{font-size:14px}.sf-price-action{font-size:11px;min-height:34px}.sf-mini-cart-item b{font-size:11px}.sf-mini-cart-item small,.sf-mini-cart-price{font-size:10px}.sf-side-card h3{font-size:13px}.sf-side-card label,.sf-side-card a{font-size:11px}.sf-primary-btn,.sf-secondary-btn{font-size:12px;min-height:42px}.sf-product-back-row{font-size:11px}.sf-product-head p{font-size:11px;line-height:1.7}.sf-block-head b{font-size:14px}.sf-block-head small{font-size:11px}.sf-selected-color{font-size:11px;min-height:34px}.sf-selected-color-dot{width:13px;height:13px}

/* Named colors scale to dozens of colorways without forcing memory or guesswork. */
.sf-color-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible;padding:3px 0 5px}.sf-color-btn{position:relative;width:auto;height:auto;min-width:0;min-height:48px;border:1px solid #dce3ed;border-radius:12px;box-shadow:none;background:#fff;display:flex;align-items:center;gap:8px;padding:7px 9px;text-align:right;cursor:pointer;transition:.15s}.sf-color-btn:hover{transform:none;border-color:#a9c3f0;background:#f8fbff}.sf-color-btn.is-active{border:2px solid var(--sf-blue);box-shadow:0 0 0 3px rgba(20,99,232,.1);background:#f5f9ff;padding:6px 8px}.sf-color-btn.is-active:after{content:none}.sf-color-swatch{width:26px;height:26px;border-radius:50%;border:1px solid rgba(0,0,0,.13);box-shadow:0 0 0 2px #fff,0 0 0 3px #e4e8ef;flex:0 0 auto}.sf-color-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;color:#354258}.sf-color-btn small{margin-right:auto;color:#a64d4d;font-size:10px;font-weight:800;white-space:nowrap}.sf-color-btn.is-unavailable{opacity:.56;background:#fafafa}.sf-color-list.is-collapsed .sf-color-btn:nth-child(n+9):not(.is-active){display:none}.sf-color-more{display:block;width:100%;margin-top:7px;border:0;background:#f2f6fc;color:var(--sf-blue);border-radius:10px;min-height:40px;font-size:11px;font-weight:900;cursor:pointer}

/* Series cards should be read, not decoded. */
.sf-series-card{min-height:104px;padding:12px 10px}.sf-series-card.is-active{padding:11px 9px}.sf-series-card b{font-size:13px}.sf-series-card small{font-size:11px}.sf-series-card em{font-size:10px;line-height:1.55}.sf-series-stock{display:block;width:max-content;max-width:100%;margin:7px auto 0;padding:4px 7px;border-radius:8px;font-size:10px;font-weight:900;line-height:1.5}.sf-series-stock.is-ok{background:#eaf9f2;color:#187e55}.sf-series-stock.is-low{background:#fff2dd;color:#ad6613}.sf-series-stock.is-production{background:#edf4ff;color:#2764bc}.sf-series-stock.is-out{background:#fff0f0;color:#bd4848}.sf-series-min{display:block!important;color:#62718a!important}.sf-qty-title{font-size:14px}.sf-qty-help{display:block;margin-top:3px;color:#7c8798;font-size:11px;line-height:1.65}.sf-stepper{grid-template-columns:44px 52px 44px}.sf-stepper button{height:44px;touch-action:manipulation}.sf-stepper input{height:44px;width:52px;font-size:14px}.sf-price-line{font-size:12px;padding:5px 0}.sf-price-line.is-total{font-size:13px}.sf-stock-note{font-size:11px;line-height:1.65}.sf-stock-badge{font-size:10px;line-height:1.5}.sf-buy-bar .sf-primary-btn{min-height:50px}

/* Cart: every +/− saves immediately and tells the user what happened. */
.sf-cart-item h3{font-size:14px}.sf-cart-item p{font-size:11px;line-height:1.7}.sf-cart-line-total span{font-size:11px}.sf-cart-line-total b{font-size:13px}.sf-remove-btn{min-height:36px;padding:7px 10px;font-size:10px}.sf-cart-update-row small{font-size:10px}.sf-cart-save-status{display:inline-flex;align-items:center;gap:7px;min-height:32px;color:#748196;font-size:11px;font-weight:800}.sf-cart-save-status>span{width:8px;height:8px;border-radius:50%;background:#aab4c2}.sf-cart-save-status.is-saving{color:#8c6a21}.sf-cart-save-status.is-saving>span{background:#e6a632;animation:sfPulse 1s ease-in-out infinite}.sf-cart-save-status.is-saved{color:#187e55}.sf-cart-save-status.is-saved>span{background:#20b875}.sf-cart-save-status.is-error{color:#b94040}.sf-cart-save-status.is-error>span{background:#d75151}@keyframes sfPulse{50%{opacity:.35}}.sf-summary h3{font-size:14px}.sf-summary-line{font-size:12px}.sf-summary-orb span,.sf-summary-visual small{font-size:10px}.sf-reserve-note b{font-size:11px}.sf-reserve-note small{font-size:10px;line-height:1.6}

/* Checkout, order status and success remain legible on small phones. */
.sf-secure-pill{font-size:11px}.sf-customer-identity small{font-size:10px}.sf-customer-identity b{font-size:14px}.sf-customer-identity span{font-size:11px}.sf-customer-identity a{font-size:10px}.sf-field>span,.sf-field label{font-size:12px}.sf-field input,.sf-field select,.sf-field textarea{font-size:14px;min-height:46px}.sf-field em{font-size:10px;line-height:1.6}.sf-checkout-assurance b{font-size:11px}.sf-checkout-assurance small{font-size:10px;line-height:1.6}.sf-checkout-items>div,.sf-checkout-items>small{font-size:10px;line-height:1.6}.sf-order-number{font-size:13px}.sf-order-date{font-size:10px}.sf-order-status{font-size:10px}.sf-order-stat small{font-size:10px}.sf-order-stat b{font-size:11px}.sf-track-step{font-size:10px;line-height:1.45}.sf-track-step i{min-width:24px;min-height:24px}.sf-track-exception,.sf-order-exception{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:11px 12px;border:1px solid #f2caca;border-radius:12px;background:#fff5f5;color:#9e3d3d;font-size:11px;font-weight:800;line-height:1.75}.sf-shipment-event{padding:10px 0;border-bottom:1px dashed #e5e9ef}.sf-shipment-event:last-child{border-bottom:0}.sf-shipment-event b{display:block;font-size:11px}.sf-shipment-event small,.sf-inline-empty{font-size:10px;color:#8490a2}.sf-success-card{max-width:720px;margin:0 auto;padding:26px 22px;border:1px solid var(--sf-line);border-radius:22px;background:#fff;text-align:center;box-shadow:0 18px 44px rgba(24,48,87,.07)}.sf-success-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:#eaf9f2;color:#16885b;font-size:28px;font-weight:900}.sf-success-title{margin:0;font-size:22px}.sf-success-text{margin:7px auto 16px;max-width:520px;color:#6f7b8e;font-size:12px;line-height:1.9}.sf-success-summary{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.sf-success-summary span{padding:8px 11px;border-radius:10px;background:#f5f7fb;font-size:11px;font-weight:800}.sf-success-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}

@media(max-width:720px){
  .sf-bottom-nav a{font-size:10px;min-height:50px}.sf-bottom-nav .sf-cart-dot{font-size:9px}.sf-searchbar{height:48px}.sf-chip{padding:8px 12px;font-size:11px}.sf-promo p{font-size:11px;line-height:1.75}.sf-promo-action{font-size:11px;min-height:36px}.sf-section-title{font-size:15px}.sf-product-name{font-size:14px}.sf-product-meta{font-size:10px}.sf-product-row>.sf-price{gap:8px}.sf-price small{font-size:10px}.sf-price b{font-size:12px}.sf-price-action{padding:7px 10px;font-size:10px}.sf-product-status{font-size:10px}.sf-product-head h1{font-size:19px}.sf-product-head p{font-size:11px}.sf-block{padding:13px}.sf-block-head b{font-size:13px}.sf-block-head small{font-size:10px}.sf-color-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sf-color-btn{min-height:50px}.sf-color-name{font-size:12px}.sf-color-list.is-collapsed .sf-color-btn:nth-child(n+7):not(.is-active){display:none}.sf-series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sf-series-card{min-height:108px;padding:11px 8px}.sf-series-card.is-active{padding:10px 7px}.sf-series-card b{font-size:13px}.sf-series-card small{font-size:10px}.sf-series-card em,.sf-series-stock{font-size:10px}.sf-cart-item h3{font-size:13px}.sf-remove-btn{font-size:10px;min-height:38px}.sf-cart-line-total{gap:8px}.sf-cart-update-row{gap:5px}.sf-cart-update-row small{display:block;line-height:1.6}.sf-catalog-intro p{font-size:11px}.sf-auto-load-hint{display:inline;font-size:10px}.sf-loadmore-wrap{font-size:10px}.sf-success-card{padding:22px 15px}.sf-success-title{font-size:19px}.sf-success-actions{display:grid}.sf-success-actions>*{width:100%}
}
.sf-order-detail-link{border-top:1px solid #f0f2f5;margin-top:9px;padding-top:10px;text-align:center;color:var(--sf-blue);font-size:11px;font-weight:900}
.sf-payment-help{margin:-4px 0 12px;color:#758196;font-size:11px;line-height:1.8}.sf-payment-divider{display:flex;align-items:center;gap:9px;margin:15px 0;color:#98a2b1;font-size:10px}.sf-payment-divider:before,.sf-payment-divider:after{content:"";height:1px;flex:1;background:#e9edf3}.sf-payment-destination{margin-bottom:11px;padding:11px 12px;border:1px solid #e4eaf3;border-radius:12px;background:#f7f9fc}.sf-payment-destination small,.sf-payment-destination b,.sf-payment-destination span{display:block}.sf-payment-destination small{font-size:10px;color:#8490a2}.sf-payment-destination b{margin:4px 0;font-size:16px;letter-spacing:.5px}.sf-payment-destination span{font-size:11px;color:#657287}.sf-payment-locked{font-size:12px;line-height:2;color:#697487}.sf-payment-locked b,.sf-payment-locked small{display:block}.sf-payment-locked small{font-size:10px;color:#8c97a7}

/* Phase 42 — deep storefront/customer UX hardening */
.sf-searchbar-with-submit{padding-left:6px}
.sf-searchbar .sf-search-clear{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;font-size:22px;line-height:1}
.sf-searchbar .sf-search-clear:hover{background:#f2f5f9;color:#536177}
.sf-searchbar .sf-search-submit{flex:0 0 auto;min-width:70px;min-height:38px;padding:7px 12px;border-radius:10px;background:#125ee8;color:#fff;font-size:12px;font-weight:900}
.sf-searchbar .sf-search-submit:hover{background:#0d50ca}
.sf-gallery-stage{position:relative}
.sf-gallery-fallback-note{position:absolute;right:12px;left:12px;bottom:12px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid rgba(190,137,33,.22);border-radius:12px;background:rgba(255,249,232,.94);box-shadow:0 8px 20px rgba(79,61,20,.08);color:#7a5a17;backdrop-filter:blur(8px)}
.sf-gallery-fallback-note b{font-size:11px;white-space:nowrap}
.sf-gallery-fallback-note span{font-size:10px;line-height:1.6}
.sf-product-code-line{margin-bottom:0!important}.sf-product-description{margin-top:6px!important;color:#657287!important;font-size:12px!important;line-height:1.85!important;max-width:720px}
.sf-cart-item h3 a:hover{color:var(--sf-blue)}
.sf-stock-badge.is-out{background:#fff0f0;color:#bd4848}
.sf-shipment-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.sf-shipment-details>div,.sf-waybill-link{display:flex;min-height:72px;flex-direction:column;justify-content:center;padding:11px 12px;border:1px solid #e5eaf2;border-radius:13px;background:#fafbfd}
.sf-shipment-details small{font-size:10px;color:#8792a3}.sf-shipment-details b{margin-top:2px;font-size:12px}.sf-shipment-details span{margin-top:3px;color:#718096;font-size:10px;line-height:1.65}
.sf-waybill-link{background:#eef5ff;color:var(--sf-blue)}.sf-waybill-link span{color:#6d7c91}.sf-waybill-link b{font-size:12px}
.sf-chip{min-height:42px}.sf-price-action{min-height:38px}.sf-remove-btn{min-height:40px}
.sf-order-stat b{font-size:12px}.sf-order-stat small{font-size:11px}.sf-order-date,.sf-order-status,.sf-track-step{font-size:11px}.sf-track-step{line-height:1.6}
.sf-payment-divider,.sf-payment-destination small,.sf-payment-locked small{font-size:11px}
.sf-inline-empty{font-size:11px;line-height:1.8}
.sf-product-meta{font-size:11px}.sf-product-status{font-size:11px}.sf-price-action{font-size:11px}
.sf-bottom-nav a{font-size:11px}.sf-bottom-nav svg{width:22px;height:22px}
@media(max-width:720px){
  .sf-header-actions .sf-icon-btn{min-width:40px;height:40px}
  .sf-bottom-nav a{font-size:11px}
  .sf-searchbar-with-submit{gap:5px;padding-right:10px}
  .sf-searchbar .sf-search-submit{min-width:62px;min-height:40px;padding-inline:10px}
  .sf-searchbar .sf-search-clear{flex-basis:34px;width:34px;height:34px}
  .sf-product-meta{font-size:11px}.sf-price small,.sf-price-action,.sf-product-status{font-size:11px}
  .sf-block-head small,.sf-series-card small,.sf-series-card em,.sf-series-stock{font-size:11px}
  .sf-gallery-fallback-note{right:8px;left:8px;bottom:8px;display:block}.sf-gallery-fallback-note b,.sf-gallery-fallback-note span{display:block}.sf-gallery-fallback-note span{margin-top:2px;font-size:11px}
  .sf-shipment-details{grid-template-columns:1fr}.sf-shipment-details>div,.sf-waybill-link{min-height:0}
  .sf-order-stat b{font-size:12px}.sf-track-step{font-size:11px}
}
@media(max-width:390px){
  .sf-searchbar .sf-search-submit{min-width:56px;padding-inline:8px;font-size:11px}
  .sf-promo-content{max-width:100%}.sf-promo-image{opacity:.18;width:62%;left:-10%}.sf-promo h1,.sf-promo h2{max-width:82%}
  .sf-product-row{grid-template-columns:84px minmax(0,1fr)}.sf-product-image{width:84px;height:74px}
  .sf-product-row>.sf-price{align-items:flex-start;flex-wrap:wrap}.sf-price-action{margin-right:auto}
}


/* Phase 42.1 — accessibility/readability pass for customer-facing flow */
.sf-alert-warning{background:#fff8e8;color:#8a6418;border-color:#f2dca6}
.sf-brand-sub,.sf-section-sub,.sf-mini-cart-item b,.sf-mini-cart-item small,.sf-mini-cart-price,
.sf-pager a,.sf-pager span,.sf-block-head small,.sf-series-card small,.sf-series-card em,
.sf-price-line,.sf-stock-note,.sf-cart-item p,.sf-summary-line,.sf-choice,
.sf-field label,.sf-field>span,.sf-alert,.sf-footer-inner,.sf-kicker,.sf-catalog-intro p,
.sf-catalog-trust span,.sf-auto-load-hint,.sf-filter-note,.sf-mini-empty,.sf-loadmore-wrap,
.sf-load-error,.sf-stock-badge,.sf-cart-update-row small,.sf-reserve-note b,.sf-reserve-note small,
.sf-secure-pill,.sf-customer-identity small,.sf-customer-identity span,.sf-customer-identity a,
.sf-field em,.sf-checkout-assurance>span,.sf-checkout-assurance b,.sf-checkout-assurance small,
.sf-checkout-items>div,.sf-checkout-items>small,.sf-payment-help,.sf-payment-destination span{
  font-size:11px
}
.sf-field label,.sf-field>span,.sf-alert,.sf-summary-line,.sf-choice{line-height:1.75}
.sf-field input,.sf-field select,.sf-field textarea{min-height:44px;font-size:13px}
.sf-field textarea{min-height:84px}
.sf-pager a{min-width:40px;min-height:40px;display:grid;place-items:center}
.sf-checkout-submit,.sf-primary-btn,.sf-secondary-btn{min-height:44px}
.sf-heart{min-width:44px;min-height:44px}
@media(max-width:720px){
  .sf-cart-item p,.sf-stock-badge,.sf-cart-update-row small,.sf-summary-line,
  .sf-reserve-note b,.sf-reserve-note small,.sf-customer-identity small,.sf-customer-identity span,
  .sf-customer-identity a,.sf-field em,.sf-checkout-assurance b,.sf-checkout-assurance small,
  .sf-checkout-items>div,.sf-checkout-items>small,.sf-payment-help{font-size:11px}
  .sf-field label,.sf-field>span,.sf-alert{font-size:12px}
}

/* =====================================================================
   Phase 43 — strict customer-first visual redesign
   Goal: calm, legible, mobile-first wholesale ordering. No new features.
   ===================================================================== */
:root{
  --sf-blue:#1769e0;
  --sf-blue-dark:#0f55bd;
  --sf-ink:#162033;
  --sf-muted:#68758a;
  --sf-bg:#f5f7fa;
  --sf-line:#dfe5ed;
  --sf-green:#16845a;
  --sf-orange:#b86a18;
  --sf-red:#bd3f47;
  --sf-radius:20px;
  --sf-shadow:0 8px 24px rgba(23,41,70,.055);
  --sf-shadow-strong:0 16px 38px rgba(23,41,70,.09);
}
html{background:var(--sf-bg)}
body.sf-body{background:#f5f7fa;color:var(--sf-ink);font-size:14px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(23,105,224,.2);outline-offset:2px}
.sf-container{width:min(1220px,calc(100% - 32px))}

/* Header: fewer visual distractions, stronger touch targets. */
.sf-topbar{background:rgba(255,255,255,.96);border-bottom:1px solid #e6eaf0;box-shadow:0 3px 14px rgba(29,45,68,.035);backdrop-filter:blur(12px)}
.sf-topbar-inner{height:72px;gap:18px}
.sf-brand{gap:11px}
.sf-brand-mark{width:40px;height:40px;border-radius:12px;box-shadow:none;border:1px solid #edf0f4}
.sf-brand-title{font-size:17px;line-height:1.3;letter-spacing:-.2px}
.sf-brand-sub{font-size:11px;color:#7e8999;margin-top:2px}
.sf-desktop-nav{padding:4px;border-radius:14px;background:#f5f7fa;border:1px solid #e8ecf2}
.sf-desktop-nav a{min-height:40px;display:flex;align-items:center;padding:8px 14px;font-size:13px;color:#536176;border-radius:10px}
.sf-desktop-nav a:hover,.sf-desktop-nav a.is-active{background:#fff;color:var(--sf-blue);box-shadow:0 2px 8px rgba(23,41,70,.06)}
.sf-icon-btn{height:44px;min-width:44px;padding:0 13px;border-radius:12px;font-size:12px;box-shadow:none}
.sf-icon-btn:hover{transform:none;box-shadow:none;background:#f8fafc}
.sf-icon-btn svg{width:20px;height:20px}

/* Search and filter controls. */
.sf-searchbar{height:54px;border-radius:16px;border-color:#d9e0e9;box-shadow:none;background:#fff}
.sf-searchbar:focus-within{border-color:#8db6ed;box-shadow:0 0 0 4px rgba(23,105,224,.075)}
.sf-searchbar input{font-size:14px;font-weight:650}
.sf-searchbar input::placeholder{color:#98a2b1;font-weight:500}
.sf-searchbar .sf-search-submit{min-width:82px;min-height:42px;border-radius:11px;font-size:13px;background:var(--sf-blue)}
.sf-searchbar .sf-search-clear{font-size:24px;color:#9ca5b2}
.sf-chips{gap:9px;padding-block:6px}
.sf-chip{min-height:44px;display:inline-flex;align-items:center;padding:9px 15px;border-radius:12px;font-size:12px;color:#5d697b;box-shadow:none}
.sf-chip:hover{transform:none;background:#f8fafc}
.sf-chip.is-active{background:var(--sf-blue);border-color:var(--sf-blue);box-shadow:none}

/* Home hero: simple information hierarchy instead of decorative density. */
.sf-promo{min-height:224px;border-radius:24px;background:linear-gradient(128deg,#0d1d37 0%,#123967 62%,#1769e0 145%);box-shadow:0 16px 42px rgba(16,39,76,.16)}
.sf-promo:before{opacity:.5}.sf-promo:after{display:none}
.sf-promo-content{padding:32px 34px;max-width:64%}
.sf-promo-eyebrow{font-size:12px;padding:6px 10px;background:rgba(255,255,255,.08)}
.sf-promo h1,.sf-promo h2{margin:10px 0 8px;font-size:31px;line-height:1.45;letter-spacing:-.5px}
.sf-promo p{font-size:13px;line-height:1.9;color:#d4dfef;max-width:510px}
.sf-promo-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.sf-promo-points span{padding:5px 9px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.07);color:#dbe8fa;font-size:11px;font-weight:800}
.sf-promo-action{min-height:44px;margin-top:15px;padding:10px 16px;border-radius:12px;font-size:13px;box-shadow:none}
.sf-promo-action:hover{transform:none}
.sf-promo-image{left:1%;bottom:-8%;width:40%;height:112%;filter:drop-shadow(0 20px 24px rgba(0,0,0,.22))}
.sf-promo-float{display:none}

.sf-order-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.sf-order-guide>div{display:flex;align-items:center;gap:11px;min-height:72px;padding:12px 14px;border:1px solid #e2e7ee;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(28,46,76,.03)}
.sf-order-guide i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#edf4ff;color:var(--sf-blue);font-style:normal;font-size:13px;font-weight:900}
.sf-order-guide span,.sf-order-guide b,.sf-order-guide small{display:block}
.sf-order-guide b{font-size:13px;color:#1e2b3e}
.sf-order-guide small{margin-top:1px;font-size:11px;color:#7a8698;line-height:1.55}

.sf-section-head{margin:26px 0 12px}
.sf-section-head:before{width:3px;height:22px;margin-left:8px;background:var(--sf-blue);box-shadow:none}
.sf-section-title{font-size:18px;letter-spacing:-.25px}
.sf-section-sub{font-size:12px;color:#788497;margin-top:2px}
.sf-link{font-size:12px}

/* Product list: stronger card hierarchy and easier scanning. */
.sf-product-stack{gap:12px}
.sf-product-row{grid-template-columns:126px minmax(0,1fr) 205px;gap:16px;padding:12px;border-radius:18px;border:1px solid #e1e6ed;box-shadow:0 3px 14px rgba(24,42,69,.035);overflow:visible}
.sf-product-row:before{display:none}
.sf-product-row:hover{transform:none;border-color:#c9d7e8;box-shadow:0 8px 24px rgba(24,42,69,.07)}
.sf-product-image{width:126px;height:104px;border-radius:14px;background:#f3f5f8}
.sf-product-image-stage:after{display:none}
.sf-product-image img{object-fit:contain;padding:4px}
.sf-product-row:hover .sf-product-image img{transform:none}
.sf-product-name{align-items:flex-start;flex-wrap:wrap;gap:7px 9px;font-size:16px;line-height:1.55}
.sf-product-code{font-size:11px;color:#8893a3;margin-top:2px}
.sf-product-meta{gap:7px;margin-top:10px;font-size:11px;color:#667286}
.sf-dot{padding:4px 8px;background:#f6f8fa;border-color:#e9edf2}
.sf-product-status{padding:5px 9px;font-size:11px;border-radius:999px}
.sf-price{min-width:0;padding:0 14px 0 3px;border-right:1px solid #edf0f4;text-align:left}
.sf-price small{font-size:11px;color:#7e8998}
.sf-price b{font-size:16px;line-height:1.55;margin-top:1px}
.sf-price-action{min-height:42px;display:flex;align-items:center;justify-content:center;margin-top:9px;padding:8px 12px;border-radius:11px;background:#f2f6fc;border:1px solid #d6e1f0;font-size:12px}
.sf-price-action:hover{background:var(--sf-blue);color:#fff}

/* Catalog */
.sf-catalog-intro{align-items:center;margin-bottom:12px;padding:20px 22px;border-radius:20px;border-color:#e0e6ee;background:#fff;box-shadow:none}
.sf-catalog-intro:before,.sf-catalog-intro:after{display:none}
.sf-catalog-intro h1,.sf-cart-head h1,.sf-checkout-head h1{margin:5px 0 4px;font-size:24px;line-height:1.45}
.sf-catalog-intro p,.sf-cart-head p,.sf-checkout-head p{font-size:12px;line-height:1.8;color:#758194}
.sf-kicker{font-size:11px}
.sf-catalog-trust{gap:7px!important}
.sf-catalog-trust span{padding:7px 10px;font-size:11px;border-color:#e1e6ed;background:#f8fafc}
.sf-catalog-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:5px 2px 1px;color:#7a8697;font-size:11px}
.sf-catalog-legend span{display:inline-flex;align-items:center;gap:6px}
.sf-catalog-legend i{width:8px;height:8px;border-radius:50%}
.sf-catalog-legend .is-ready{background:#2aa673}.sf-catalog-legend .is-making{background:#e59a37}.sf-catalog-legend .is-order{background:#4388ec}
.sf-catalog-layout{grid-template-columns:220px minmax(0,1fr) 300px;gap:16px}
.sf-side-card{padding:16px;border-radius:18px;box-shadow:none;border-color:#e1e6ed}
.sf-side-card h3{font-size:14px}
.sf-filter-option{min-height:42px;padding:9px 11px;font-size:12px}
.sf-filter-note{font-size:11px;background:#f7f9fb}
.sf-mini-cart-item{grid-template-columns:46px minmax(0,1fr);gap:8px;padding:10px 0;position:relative}
.sf-mini-cart-item img{width:46px;height:42px;object-fit:contain}
.sf-mini-cart-item b{font-size:11px}.sf-mini-cart-item small{font-size:10px;line-height:1.55}.sf-mini-cart-price{grid-column:2;font-size:11px;text-align:right;margin-top:3px}
.sf-mini-cart-total{font-size:12px}
.sf-loadmore-wrap{min-height:64px;font-size:11px}

/* Product detail: explicit three-step choice flow. */
.sf-product-back-row{font-size:12px;color:#758194;margin-bottom:10px}
.sf-product-page{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:28px}
.sf-gallery-stage{height:500px;border-radius:20px;background:#f5f6f8;border-color:#e1e6ec;box-shadow:none}
.sf-gallery-stage:after{display:none}
.sf-gallery-thumbs{padding-top:10px;gap:9px}
.sf-gallery-thumb{width:68px;height:62px;border-radius:11px;box-shadow:none}
.sf-product-head{padding:0 0 15px;background:transparent;border:0;border-bottom:1px solid #e2e7ed;border-radius:0;box-shadow:none}
.sf-product-head h1{font-size:27px;line-height:1.45}
.sf-product-head p{font-size:12px}
.sf-product-description{font-size:13px!important;line-height:1.9!important;color:#657186!important}
.sf-heart{border-radius:12px;box-shadow:none}
.sf-block{padding:17px;margin-top:12px;border-radius:18px;border-color:#e1e6ed;box-shadow:none}
.sf-block:hover{border-color:#d5dce6}
.sf-block-head{gap:12px;margin-bottom:13px}
.sf-step-title{display:flex;align-items:center;gap:9px;min-width:0}
.sf-step-title i{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#edf4ff;color:var(--sf-blue);font-style:normal;font-size:12px;font-weight:900}
.sf-step-title b,.sf-block-head b{font-size:14px;line-height:1.5}
.sf-block-head>small{font-size:11px;color:#7e8998;text-align:left}
.sf-color-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding:0}
.sf-color-btn{width:auto;height:auto;min-height:52px;display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #dfe5ec;border-radius:12px;background:#fff;box-shadow:none;text-align:right}
.sf-color-btn:hover{transform:none;border-color:#aac3e7;background:#f8fbff}
.sf-color-btn.is-active{border:2px solid var(--sf-blue);padding:7px 9px;box-shadow:0 0 0 3px rgba(23,105,224,.07)}
.sf-color-btn.is-active:after{display:none}
.sf-color-swatch{flex:0 0 24px;width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.15);box-shadow:0 0 0 3px #fff,0 0 0 4px #dfe4eb}
.sf-color-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;color:#344156}
.sf-color-btn small{margin-right:auto;font-size:10px;color:#b33f46}
.sf-color-btn.is-unavailable{opacity:.58;background:#fafafa}
.sf-color-more{min-height:42px;margin-top:8px;padding:8px 12px;border:1px dashed #bdcce1;border-radius:11px;background:#f8fafc;color:var(--sf-blue);font-size:11px;font-weight:900}
.sf-selected-color{margin-top:9px;padding:7px 10px;font-size:11px;background:#f7f9fb;border-color:#e4e9ef}
.sf-selected-color-dot{width:12px;height:12px}
.sf-series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sf-series-card{min-height:116px;padding:13px;border-radius:14px;text-align:right;box-shadow:none;background:#fff}
.sf-series-card:hover:not(.is-disabled){transform:none;border-color:#aac3e7}
.sf-series-card.is-active{padding:12px;border:2px solid var(--sf-blue);background:#f7fbff;box-shadow:0 0 0 3px rgba(23,105,224,.065)}
.sf-series-card.is-active:after{top:9px;left:9px}
.sf-series-card b{font-size:14px;line-height:1.5;padding-left:24px}
.sf-series-card small{font-size:11px;color:#667286;line-height:1.55;margin-top:3px}
.sf-series-card em{font-size:11px;color:#57647a;margin-top:7px}
.sf-series-stock{display:block;width:max-content;max-width:100%;margin-top:8px;padding:5px 8px;font-size:11px;border-radius:9px;font-weight:900}
.sf-series-min{font-size:10px!important;line-height:1.55!important}
.sf-qty-row{gap:16px}
.sf-qty-title{font-size:14px!important}
.sf-qty-help{display:block;margin-top:4px;font-size:11px!important;color:#758194}
.sf-stepper{grid-template-columns:44px 58px 44px;border-radius:13px}
.sf-stepper button{height:46px;font-size:20px;cursor:pointer}
.sf-stepper input{width:58px;height:46px;font-size:14px}
.sf-price-box{margin-top:14px;padding:14px;border:1px solid #e2e7ed;border-radius:14px;background:#f8fafc}
.sf-price-line{font-size:12px;padding:5px 0;color:#657186}
.sf-price-line strong{font-size:12px}
.sf-price-line.is-total{margin-top:7px;padding-top:11px;font-size:13px}
.sf-price-line.is-total strong{font-size:20px;color:var(--sf-blue)}
.sf-buy-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.72fr);align-items:center;gap:12px;margin-top:12px;padding:13px;border:1px solid #dbe4ef;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(23,41,70,.055)}
.sf-buy-info{min-width:0}.sf-buy-info small{display:block;margin-top:2px;font-size:10px;color:#8792a2}
.sf-stock-note{text-align:right;margin:0;font-size:11px;line-height:1.65}
.sf-buy-bar .sf-primary-btn{width:100%;min-height:50px;padding:12px 15px;font-size:13px;border-radius:12px;box-shadow:none}
.sf-buy-arrow{font-size:16px}

/* Three-step order progress: orientation without visual noise. */
.sf-flow-progress{display:grid;grid-template-columns:auto minmax(34px,1fr) auto minmax(34px,1fr) auto;align-items:center;gap:8px;max-width:620px;margin:2px auto 18px;padding:10px 14px;border:1px solid #e1e6ed;border-radius:15px;background:#fff}
.sf-flow-progress>div{display:flex;align-items:center;gap:7px;color:#8a94a3;font-size:11px;font-weight:800;white-space:nowrap}
.sf-flow-progress>div i{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d7dde5;border-radius:50%;background:#f8f9fb;color:#7d8898;font-style:normal;font-size:11px;font-weight:900}
.sf-flow-progress>b{height:2px;border-radius:99px;background:#e4e8ee}
.sf-flow-progress>div.is-active{color:var(--sf-blue)}.sf-flow-progress>div.is-active i{border-color:var(--sf-blue);background:#edf4ff;color:var(--sf-blue)}
.sf-flow-progress>div.is-done i{border-color:#bfe3d2;background:#edf9f3;color:#16845a}
.sf-flow-progress>b.is-done{background:#83cbae}

/* Cart: treat each line like a clear wholesale selection, not a dense ERP row. */
.sf-cart-head{margin:0 0 14px}
.sf-cart-head .sf-secondary-btn{align-self:flex-start}
.sf-cart-layout{grid-template-columns:minmax(0,1fr) 350px;gap:20px}
.sf-cart-item{grid-template-columns:104px minmax(0,1fr) 150px;gap:14px;padding:14px;border-radius:17px;border-color:#e0e5ec;box-shadow:none}
.sf-cart-item-image{width:104px;height:92px;border-radius:13px;background:#f5f6f8}
.sf-cart-item-image img{object-fit:contain;padding:3px}
.sf-cart-title-row{align-items:flex-start}
.sf-cart-item h3{font-size:15px;line-height:1.5}
.sf-cart-item p{font-size:11px;line-height:1.7;color:#748092;margin:3px 0}
.sf-stock-badge{display:inline-flex;min-height:29px;align-items:center;margin-top:4px;padding:5px 9px;border-radius:9px;font-size:10px}
.sf-cart-item .sf-stepper{margin-top:9px}
.sf-cart-line-total{display:flex;min-height:100%;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;padding-right:13px;border-right:1px solid #edf0f4;font-size:12px}
.sf-cart-line-total span{font-size:11px;color:#748092}.sf-cart-line-total b{font-size:14px;color:#182438}
.sf-remove-btn{min-height:38px;padding:7px 10px;border-radius:10px}
.sf-cart-update-row{padding:8px 2px 0}
.sf-cart-save-status{font-size:11px}
.sf-summary{padding:18px;border-radius:18px;border-color:#dfe5ec;box-shadow:none}
.sf-summary h3{font-size:15px}
.sf-summary-line{font-size:12px;padding:7px 0}
.sf-summary-total{padding-top:13px;font-size:13px}
.sf-summary-total b{font-size:20px}
.sf-summary-orb,.sf-summary-visual{border-radius:13px}
.sf-reserve-note{margin-top:12px;border-radius:12px}
.sf-cart-continue{min-height:50px;margin-top:13px;font-size:13px;box-shadow:none}

/* Checkout */
.sf-checkout-head{align-items:flex-start;margin-bottom:14px}
.sf-secure-pill{min-height:36px;display:inline-flex;align-items:center;padding:7px 10px;border-radius:10px;font-size:11px}
.sf-form-card{padding:19px;border-radius:18px;border-color:#e0e5ec;box-shadow:none}
.sf-customer-identity{margin-bottom:17px;padding:12px;border-radius:14px;background:#f7f9fb;border:1px solid #e5e9ef}
.sf-customer-avatar{width:42px;height:42px;border-radius:12px}
.sf-customer-identity b{font-size:14px}.sf-customer-identity small,.sf-customer-identity span,.sf-customer-identity a{font-size:11px}
.sf-form-grid{gap:14px}
.sf-field>span,.sf-field label{font-size:12px;margin-bottom:6px}
.sf-field input,.sf-field select,.sf-field textarea{min-height:50px;padding:12px 13px;border-radius:12px;background:#fff;font-size:13px;border-color:#dce2ea}
.sf-field textarea{min-height:96px;line-height:1.9}
.sf-checkout-assurance{border-radius:13px;padding:11px 12px}
.sf-checkout-assurance b{font-size:12px}.sf-checkout-assurance small{font-size:11px;line-height:1.65}
.sf-checkout-submit{min-height:52px;margin-top:15px;font-size:13px;box-shadow:none}
.sf-checkout-items>div{font-size:11px;line-height:1.6}

/* Payment/order/tracking readability */
.sf-order-card{border-radius:17px;border-color:#e0e5ec;box-shadow:none}
.sf-order-number{font-size:14px}.sf-order-date{font-size:11px}.sf-order-status{font-size:11px}
.sf-order-grid{gap:9px}.sf-order-stat{padding:10px;border:1px solid #edf0f4;background:#f8fafc}.sf-order-stat small{font-size:11px}.sf-order-stat b{font-size:12px}
.sf-track-step{font-size:11px;line-height:1.55}.sf-track-step i{width:26px;height:26px}
.sf-shipment-event b{font-size:12px}.sf-shipment-event small,.sf-inline-empty{font-size:11px}
.sf-payment-help{font-size:12px}.sf-payment-destination small,.sf-payment-destination span{font-size:11px}.sf-payment-destination b{font-size:17px}

/* Success */
.sf-success-page{padding-top:18px}
.sf-flow-success{margin-bottom:12px}
.sf-success-card{max-width:760px;padding:28px 24px;border-radius:20px;box-shadow:none}
.sf-success-icon{width:62px;height:62px;border-radius:18px}
.sf-success-title{font-size:23px}.sf-success-text{font-size:13px;line-height:1.9}
.sf-success-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:right}.sf-success-summary .sf-summary-line{display:block;padding:10px;border:1px solid #e7ebf0;border-radius:12px;background:#f8fafc}.sf-success-summary .sf-summary-line span,.sf-success-summary .sf-summary-line b{display:block}.sf-success-summary .sf-summary-line b{margin-top:4px;font-size:12px}
.sf-next-step{margin:14px 0;padding:12px 14px;border:1px solid #dce6f4;border-radius:13px;background:#f5f9ff;text-align:right}.sf-next-step b,.sf-next-step span{display:block}.sf-next-step b{font-size:12px;color:#24466f}.sf-next-step span{margin-top:3px;font-size:11px;color:#6d7b90;line-height:1.75}

/* Empty/error states must look intentional. */
.sf-empty{padding:44px 22px;border:1px solid #dfe5ec;border-radius:18px;background:#fff;color:#6f7b8c}
.sf-alert{padding:12px 14px;border:1px solid transparent;border-radius:12px;font-size:12px;line-height:1.75}
.sf-alert-success{border-color:#cfe9dc}.sf-alert-error{border-color:#f0d0d0}.sf-alert-warning{border-color:#efdda9}

@media(max-width:980px){
  .sf-container{width:min(100% - 26px,820px)}
  .sf-catalog-layout{grid-template-columns:1fr}.sf-catalog-filter,.sf-mini-cart{display:none}
  .sf-product-page{grid-template-columns:1fr;max-width:760px;margin-inline:auto}.sf-gallery-card{position:static}
  .sf-gallery-stage{height:420px}
  .sf-cart-layout{grid-template-columns:1fr}.sf-summary{position:static}
}

@media(max-width:720px){
  body.sf-body{padding-bottom:82px;font-size:14px;background:#f5f7fa}
  .sf-container{width:calc(100% - 20px)}
  .sf-topbar-inner{height:60px;gap:8px}
  .sf-brand{flex:0 0 38px}.sf-brand-copy{display:none}.sf-brand-mark{width:36px;height:36px;border-radius:11px}
  .sf-mobile-title{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;padding-right:4px;font-size:14px}
  .sf-header-actions{gap:2px}.sf-header-actions .sf-icon-btn:not(.sf-cart-badge){display:none}.sf-header-actions .sf-icon-btn{height:42px;min-width:42px;padding:0;border:1px solid #e5e9ef;border-radius:11px}.sf-header-actions .sf-icon-btn span{display:none}
  .sf-bottom-nav{left:8px;right:8px;bottom:8px;height:66px;border:1px solid #dfe5ec;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(20,37,62,.15);padding:4px 3px calc(4px + env(safe-area-inset-bottom))}
  .sf-bottom-nav a{min-height:54px;gap:2px;border-radius:11px;font-size:10px}.sf-bottom-nav svg{width:22px;height:22px}.sf-bottom-nav a.is-active{background:#f2f6fc}.sf-bottom-nav a.is-active:after{display:none}
  .sf-main{padding-bottom:6px}
  .sf-top-spacer{padding-top:10px!important}

  .sf-searchbar{height:52px;border-radius:14px}.sf-searchbar input{font-size:13px}.sf-searchbar .sf-search-submit{min-width:68px;min-height:42px;font-size:12px}.sf-searchbar .sf-search-clear{width:34px;flex-basis:34px}
  .sf-chip{min-height:42px;padding:8px 12px;font-size:11px}

  .sf-promo{min-height:205px;border-radius:19px}
  .sf-promo-content{max-width:78%;padding:20px 18px}
  .sf-promo-eyebrow{font-size:10px}.sf-promo h1,.sf-promo h2{max-width:100%;margin-top:8px;font-size:22px;line-height:1.5}.sf-promo p{max-width:285px;font-size:11px;line-height:1.8}.sf-promo-points{gap:5px;margin-top:9px}.sf-promo-points span{padding:4px 7px;font-size:10px}.sf-promo-action{min-height:42px;margin-top:11px;font-size:12px}
  .sf-promo-image{width:52%;height:100%;left:-11%;bottom:-10%;opacity:.28}
  .sf-order-guide{grid-template-columns:1fr;gap:7px;margin-top:9px}.sf-order-guide>div{min-height:58px;padding:9px 11px;border-radius:13px}.sf-order-guide i{width:30px;height:30px;flex-basis:30px}.sf-order-guide b{font-size:12px}.sf-order-guide small{font-size:10px}
  .sf-section-head{margin:20px 0 10px}.sf-section-title{font-size:16px}.sf-section-sub{font-size:11px}.sf-section-head:before{height:19px}

  .sf-product-row{grid-template-columns:92px minmax(0,1fr);gap:10px;padding:10px;border-radius:16px}
  .sf-product-image{width:92px;height:92px;border-radius:12px;grid-row:1 / span 2}
  .sf-product-name{font-size:14px;line-height:1.5;gap:5px}.sf-product-status{padding:4px 7px;font-size:10px}
  .sf-product-code{font-size:10px}.sf-product-meta{gap:5px;margin-top:7px;font-size:10px}.sf-dot{padding:3px 6px}
  .sf-product-row>.sf-price{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 9px;margin-top:0;padding:9px 1px 0;border-top:1px solid #edf0f4;border-right:0;text-align:right}
  .sf-price small{font-size:10px;grid-column:1}.sf-price b{font-size:13px;grid-column:1}.sf-price-action{grid-column:2;grid-row:1/span 2;min-height:42px;margin:0;padding:8px 11px;font-size:11px;white-space:nowrap}

  .sf-catalog-intro{display:block;padding:14px 15px;border-radius:16px}.sf-catalog-intro h1,.sf-cart-head h1,.sf-checkout-head h1{font-size:19px}.sf-catalog-intro p,.sf-cart-head p,.sf-checkout-head p{font-size:11px}.sf-catalog-trust{justify-content:flex-start;margin-top:10px}.sf-catalog-trust span{font-size:10px}.sf-catalog-legend{gap:11px;font-size:10px}.sf-auto-load-hint{font-size:10px}

  .sf-product-back-row{font-size:11px;margin-bottom:8px}
  .sf-gallery-stage{height:330px;border-radius:17px}.sf-gallery-thumb{width:58px;height:54px}
  .sf-product-head{padding-bottom:12px}.sf-product-head h1{font-size:21px}.sf-product-head p{font-size:11px}.sf-product-description{font-size:12px!important}
  .sf-heart{width:44px;height:44px}
  .sf-block{padding:13px;border-radius:16px;margin-top:9px}.sf-block-head{align-items:flex-start;margin-bottom:11px}.sf-step-title{gap:8px}.sf-step-title i{width:28px;height:28px;flex-basis:28px}.sf-step-title b,.sf-block-head b{font-size:13px}.sf-block-head>small{max-width:44%;font-size:10px;line-height:1.55}
  .sf-color-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sf-color-btn{min-height:50px;padding:7px 9px}.sf-color-btn.is-active{padding:6px 8px}.sf-color-swatch{width:22px;height:22px;flex-basis:22px}.sf-color-name{font-size:11px}.sf-color-btn small{font-size:10px}.sf-color-list.is-collapsed .sf-color-btn:nth-child(n+7):not(.is-active){display:none}
  .sf-selected-color{font-size:10px}
  .sf-series-grid{grid-template-columns:1fr;gap:7px}.sf-series-card{min-height:0;padding:11px 12px}.sf-series-card.is-active{padding:10px 11px}.sf-series-card b{font-size:13px}.sf-series-card small,.sf-series-card em,.sf-series-stock{font-size:10px}.sf-series-stock{margin-top:6px}.sf-series-min{font-size:10px!important}
  .sf-qty-row{align-items:end}.sf-qty-help{font-size:10px!important}.sf-stepper{grid-template-columns:42px 52px 42px}.sf-stepper button,.sf-stepper input{height:44px}.sf-stepper input{width:52px}
  .sf-price-box{padding:12px;margin-top:11px}.sf-price-line{font-size:11px}.sf-price-line strong{font-size:11px}.sf-price-line.is-total strong{font-size:18px}
  .sf-buy-bar{position:static!important;display:block;margin-top:9px;padding:12px;border-radius:15px;background:#fff;backdrop-filter:none}.sf-buy-info{margin-bottom:9px}.sf-stock-note{text-align:right;font-size:10px}.sf-buy-info small{font-size:10px}.sf-buy-bar .sf-primary-btn{min-height:52px;font-size:13px}

  .sf-flow-progress{grid-template-columns:auto 1fr auto 1fr auto;gap:5px;margin:0 0 12px;padding:8px 9px;border-radius:13px}.sf-flow-progress>div{display:grid;justify-items:center;gap:2px;font-size:10px}.sf-flow-progress>div i{width:26px;height:26px}.sf-flow-progress>b{min-width:12px}
  .sf-cart-head{display:flex;align-items:flex-end;gap:10px}.sf-cart-head .sf-secondary-btn{min-height:42px;padding:8px 10px;font-size:10px}
  .sf-cart-item{grid-template-columns:82px minmax(0,1fr);gap:10px;padding:10px;border-radius:15px}
  .sf-cart-item-image{width:82px;height:78px;grid-row:1}.sf-cart-item h3{font-size:13px}.sf-cart-title-row{gap:6px}.sf-remove-btn{min-height:36px;padding:6px 9px;font-size:10px}
  .sf-cart-item p{font-size:10px}.sf-stock-badge{font-size:10px}.sf-cart-item .sf-stepper{margin-top:8px}
  .sf-cart-line-total{grid-column:1/-1;min-height:0;flex-direction:row;align-items:center;justify-content:space-between;padding:9px 1px 0;border-top:1px solid #edf0f4;border-right:0}.sf-cart-line-total span{font-size:10px}.sf-cart-line-total b{font-size:13px}
  .sf-summary{padding:15px;border-radius:16px}.sf-summary h3{font-size:14px}.sf-summary-line{font-size:11px}.sf-summary-total b{font-size:18px}

  .sf-checkout-head{display:block}.sf-checkout-head>.sf-link{display:inline-flex;margin-bottom:7px}.sf-secure-pill{margin-top:8px}.sf-form-card{padding:14px;border-radius:16px}.sf-customer-identity{grid-template-columns:auto 1fr;gap:10px}.sf-customer-identity a{grid-column:2;width:max-content}.sf-field>span,.sf-field label{font-size:11px}.sf-field input,.sf-field select,.sf-field textarea{min-height:48px;font-size:13px}.sf-checkout-assurance b{font-size:11px}.sf-checkout-assurance small{font-size:10px}.sf-checkout-submit{min-height:52px}

  .sf-success-page{padding-top:10px}.sf-success-card{padding:22px 15px}.sf-success-title{font-size:20px}.sf-success-text{font-size:12px}.sf-success-summary{grid-template-columns:1fr}.sf-next-step{font-size:11px}
}

@media(max-width:390px){
  .sf-mobile-title{font-size:13px}.sf-header-actions .sf-icon-btn{width:40px;min-width:40px}
  .sf-promo-content{max-width:88%}.sf-promo h1,.sf-promo h2{font-size:20px}.sf-promo-image{opacity:.2}
  .sf-product-row{grid-template-columns:82px minmax(0,1fr)}.sf-product-image{width:82px;height:82px}.sf-product-name{font-size:13px}.sf-product-meta .sf-dot:nth-child(n+3){display:none}
  .sf-price-action{padding-inline:9px;font-size:10px}
  .sf-color-list{grid-template-columns:1fr 1fr}.sf-color-btn{padding-inline:7px}.sf-color-name{font-size:10px}
  .sf-qty-row{display:block}.sf-stepper{margin-top:10px;width:max-content}
  .sf-flow-progress>div span{font-size:10px}
}
/* Phase 43.1 — second visual pass after compact-mobile review */
@media(max-width:720px){
  .sf-bottom-nav a{font-size:11px}
  .sf-promo{min-height:188px}
  .sf-order-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .sf-order-guide>div{display:grid;justify-items:center;align-content:center;gap:5px;min-height:68px;padding:8px 5px;text-align:center}
  .sf-order-guide i{width:28px;height:28px;flex-basis:28px}
  .sf-order-guide b{font-size:10px;line-height:1.45}
  .sf-order-guide small{display:none}
  .sf-catalog-legend{display:none}
}

/* =========================================================
   Phase 43.2 — Strict visual system for post-order experience
   Customer pages must feel like the same storefront, not an ERP.
   ========================================================= */
.sf-account-page{max-width:1120px;margin:0 auto}.sf-account-page .sf-alert{margin-bottom:12px}.sf-account-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.sf-account-head h1,.sf-account-hero h1{margin:4px 0 0;font-size:25px;line-height:1.45;font-weight:900;color:#101d31}.sf-account-head p,.sf-account-hero p{margin:5px 0 0;color:#738095;font-size:12px;line-height:1.8}.sf-account-kicker{display:block;color:var(--sf-blue);font-size:11px;font-weight:900}.sf-account-hero{position:relative;padding:22px;border:1px solid #e2e7ee;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(21,42,77,.05);overflow:hidden}.sf-account-hero:after{content:"";position:absolute;top:-45px;left:-36px;width:145px;height:145px;border-radius:50%;background:#f2f6fd;pointer-events:none}.sf-account-hero>*{position:relative;z-index:1}.sf-hero-back{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 13px;border:1px solid #dfe5ed;border-radius:11px;background:#fff;color:#4d5c72;font-size:11px;font-weight:900}.sf-account-empty{display:grid;justify-items:center;gap:8px;margin-top:14px;text-align:center}.sf-account-empty b{color:#25344a;font-size:15px}.sf-account-empty>span{max-width:520px;font-size:12px;line-height:1.8}.sf-account-empty .sf-primary-btn{margin-top:6px}

/* Favorites */
.sf-favorite-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.sf-favorite-card{overflow:hidden;border:1px solid #e1e6ed;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(20,39,72,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.sf-favorite-card:hover{transform:translateY(-2px);border-color:#ced9e9;box-shadow:0 11px 26px rgba(20,39,72,.075)}.sf-favorite-main{display:block;padding:10px}.sf-favorite-image{display:grid;place-items:center;height:180px;overflow:hidden;border-radius:13px;background:#f6f7f9}.sf-favorite-image img{width:100%;height:100%;object-fit:contain;padding:8px}.sf-favorite-body{padding:11px 4px 4px}.sf-favorite-body>small{color:#73839a;font-size:10px;font-weight:800}.sf-favorite-body h2{min-height:43px;margin:3px 0 0;font-size:15px;line-height:1.55;font-weight:900}.sf-favorite-meta{display:grid;gap:4px;margin-top:9px;padding-top:9px;border-top:1px solid #edf0f4}.sf-favorite-meta span{font-size:10px;color:#7b8798}.sf-favorite-meta b{color:#172941;font-size:12px}.sf-favorite-meta b em{font-size:10px;font-style:normal;color:#8b95a4;font-weight:700}.sf-favorite-meta b.is-muted{color:#9aa3b1}.sf-favorite-open{display:flex;align-items:center;justify-content:space-between;min-height:38px;margin-top:10px;padding:7px 10px;border-radius:10px;background:#f2f6fd;color:#235bb3;font-size:10px;font-weight:900}.sf-favorite-open i{font-size:15px;font-style:normal}.sf-danger-ghost{width:calc(100% - 20px);min-height:40px;margin:0 10px 10px;border:0;border-radius:10px;background:#fff3f3;color:#c74444;font-size:10px;font-weight:900;cursor:pointer}.sf-danger-ghost:hover{background:#ffeaea}

/* Common account sections */
.sf-account-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;margin-top:16px}.sf-account-section{padding:18px;border:1px solid #e1e6ed;border-radius:18px;background:#fff;box-shadow:0 6px 20px rgba(20,39,72,.04)}.sf-account-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.sf-account-section-head h2{margin:0;font-size:15px;font-weight:900;color:#17263b}.sf-account-section-head p{margin:3px 0 0;color:#8993a2;font-size:10px}.sf-account-items{display:grid;gap:8px}.sf-account-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px;border:1px solid #e9edf2;border-radius:13px;background:#fbfcfd}.sf-account-item-main b{display:block;font-size:13px}.sf-account-item-main>span{display:block;margin-top:3px;color:#788598;font-size:10px}.sf-account-item-qty{text-align:left}.sf-account-item-qty b,.sf-account-item-qty span,.sf-account-item-qty small{display:block}.sf-account-item-qty b{font-size:12px}.sf-account-item-qty span{margin-top:2px;color:#617086;font-size:10px}.sf-account-item-qty small{margin-top:2px;color:#8c96a4;font-size:10px}.sf-production-note{display:inline-block!important;margin-top:7px;padding:5px 8px;border-radius:8px;background:#eef5ff;color:#3268b9!important;font-size:10px!important;font-weight:800}.sf-event-list{position:relative;display:grid;gap:15px}.sf-event{position:relative;display:grid;grid-template-columns:12px 1fr;gap:10px}.sf-event:after{content:"";position:absolute;top:12px;right:5px;width:1px;height:calc(100% + 15px);background:#e0e5ec}.sf-event:last-child:after{display:none}.sf-event>i{position:relative;z-index:2;width:11px;height:11px;margin-top:3px;border:3px solid #dbe8fb;border-radius:50%;background:var(--sf-blue);box-sizing:border-box}.sf-event b,.sf-event span{display:block}.sf-event b{font-size:11px}.sf-event span{margin-top:3px;color:#8893a3;font-size:10px;line-height:1.7}.sf-full-btn{width:100%;justify-content:center}.sf-inline-warning{margin-top:12px;padding:11px 12px;border:1px solid #eddcab;border-radius:11px;background:#fff9e8;color:#7f651a;font-size:10px;line-height:1.8}.sf-form-help{margin:8px 0 0;color:#8490a1;font-size:10px;line-height:1.8;text-align:center}.sf-field em{margin-right:3px;color:#9aa4b3;font-size:10px;font-style:normal;font-weight:500}.sf-file-field input[type=file]{height:auto!important;min-height:48px;padding:8px!important}.sf-soft-badge{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:99px;background:#edf4ff;color:#2c64b7;font-size:10px;font-weight:900}.sf-soft-badge.is-warning{background:#fff5d9;color:#8a6815}.sf-soft-badge.is-success{background:#e8f8ef;color:#168553}.sf-soft-badge.is-danger{background:#fff0f0;color:#c64b4b}

/* Order details */
.sf-order-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}.sf-order-hero-title{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.sf-order-hero-title .sf-order-status{display:none}.sf-order-hero-main>p{margin-top:4px}.sf-order-hero-total{min-width:155px;padding:12px 14px;border:1px solid #e7ebf0;border-radius:14px;background:#fafbfc;text-align:left}.sf-order-hero-total small,.sf-order-hero-total b,.sf-order-hero-total span{display:block}.sf-order-hero-total small{color:#7f8a99;font-size:10px}.sf-order-hero-total b{margin-top:2px;font-size:22px;line-height:1.3}.sf-order-hero-total span{color:#7d8795;font-size:10px}.sf-order-notice{display:inline-flex;margin-top:9px;padding:6px 9px;border-radius:8px;font-size:10px;font-weight:800}.sf-order-notice.is-success{background:#eaf8f0;color:#177e51}.sf-order-notice.is-warning{background:#fff5dd;color:#896614}.sf-order-notice.is-muted{background:#f0f2f5;color:#6c7787}.sf-action-callout{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:13px 15px;border:1px solid #cfe0fa;border-radius:15px;background:#f5f9ff}.sf-action-callout b,.sf-action-callout span{display:block}.sf-action-callout b{color:#224e8c;font-size:12px}.sf-action-callout span{margin-top:3px;color:#6680a3;font-size:10px}.sf-action-callout .sf-primary-btn{min-height:44px;white-space:nowrap}.sf-action-callout .sf-primary-btn i{margin-right:6px;font-size:14px;font-style:normal}.sf-deposit-panel{margin-top:14px;padding:18px;border:1px solid #ded7fb;border-radius:18px;background:#faf8ff}.sf-deposit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.sf-deposit-head h2{margin:4px 0 0;font-size:16px}.sf-deposit-head p{max-width:560px;margin:5px 0 0;color:#726b8d;font-size:10px;line-height:1.8}.sf-deposit-stats{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:6px}.sf-deposit-stats>div{padding:8px 9px;border:1px solid #e3def4;border-radius:10px;background:#fff}.sf-deposit-stats small,.sf-deposit-stats b{display:block}.sf-deposit-stats small{color:#8a83a1;font-size:10px}.sf-deposit-stats b{margin-top:2px;font-size:10px;white-space:nowrap}.sf-deposit-stats .is-success b{color:#18845a}.sf-deposit-stats .is-warning b{color:#8d6a16}.sf-deposit-payment{margin-top:12px;padding:13px;border:1px solid #e5e0f3;border-radius:13px;background:#fff}.sf-card-destination{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:#f7f5fc}.sf-card-destination span,.sf-card-destination small{font-size:10px;color:#797289}.sf-card-destination b{font-size:13px;letter-spacing:1px;text-align:right}.sf-deposit-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.sf-span-full{grid-column:1/-1}.sf-payment-mini-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.sf-payment-mini-list>div{padding:9px;border:1px solid #e7e2f5;border-radius:10px;background:#fff}.sf-payment-mini-list b,.sf-payment-mini-list span,.sf-payment-mini-list small{display:block}.sf-payment-mini-list b{font-size:10px}.sf-payment-mini-list span{margin-top:2px;color:#786f8d;font-size:10px}.sf-payment-mini-list small{margin-top:3px;color:#8993a1;font-size:10px}.sf-order-timeline-panel .sf-full-btn{margin-top:15px}

/* Invoice */
.sf-invoice-hero{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(420px,1.25fr);align-items:center;gap:22px}.sf-invoice-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sf-invoice-stats>div{padding:11px 12px;border:1px solid #e6eaf0;border-radius:12px;background:#fafbfc}.sf-invoice-stats small,.sf-invoice-stats b,.sf-invoice-stats span{display:block}.sf-invoice-stats small{color:#788597;font-size:10px}.sf-invoice-stats b{margin-top:3px;font-size:17px}.sf-invoice-stats span{color:#8b95a3;font-size:10px}.sf-invoice-stats .is-paid{border-color:#d6ebdf;background:#f5fbf7}.sf-invoice-stats .is-paid b{color:#178154}.sf-invoice-stats .is-due{border-color:#efd9d9;background:#fff8f8}.sf-invoice-stats .is-due b{color:#c84f4f}.sf-invoice-pending{grid-column:1/-1;display:flex;align-items:center;gap:5px;margin-top:-7px;padding:9px 11px;border:1px solid #eee0b5;border-radius:10px;background:#fffaeb;color:#816619;font-size:10px}.sf-invoice-pending span{color:#8e7d4c}.sf-invoice-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:16px;margin-top:16px}.sf-invoice-main,.sf-invoice-side{display:grid;align-content:start;gap:14px}.sf-invoice-items{display:grid;gap:7px}.sf-invoice-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:12px;border:1px solid #e8ecf1;border-radius:12px;background:#fbfcfd}.sf-invoice-item-title b,.sf-invoice-item-title span,.sf-invoice-item-total b,.sf-invoice-item-total span{display:block}.sf-invoice-item-title b{font-size:12px}.sf-invoice-item-title span{margin-top:2px;color:#788599;font-size:10px}.sf-invoice-item-total{text-align:left}.sf-invoice-item-total b{font-size:11px}.sf-invoice-item-total span{margin-top:2px;color:#7e8a9a;font-size:10px}.sf-invoice-item-calc{grid-column:1/-1;padding-top:6px;border-top:1px dashed #e4e8ed;color:#7f8a99;font-size:10px}.sf-invoice-discount{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:1px;padding:6px 8px;border-radius:8px;background:#eff9f3;color:#237a53;font-size:10px}.sf-invoice-discount del{color:#9ba4af}.sf-reorder-form{margin-top:11px}.sf-reorder-form>small{display:block;margin-top:6px;color:#996d18;font-size:10px;text-align:center}.sf-payment-list{display:grid;gap:7px}.sf-payment-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:11px;border:1px solid #e6eaf0;border-radius:12px;background:#fbfcfd}.sf-payment-record.is-pending{border-color:#eedfab;background:#fffaf0}.sf-payment-record.is-cancelled{border-color:#efd4d4;background:#fff8f8}.sf-payment-record-main>div{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.sf-payment-record-main b{font-size:11px}.sf-payment-record-main>span{display:block;margin-top:3px;color:#8994a3;font-size:10px}.sf-payment-record-amount{text-align:left}.sf-payment-record-amount>b{display:block;font-size:11px}.sf-payment-record-amount>.sf-soft-badge{margin-top:4px}.sf-payment-receipt{grid-column:1/-1;width:max-content;color:#2d67bd;font-size:10px;font-weight:900}.sf-cheque-note,.sf-payment-reject{grid-column:1/-1;padding:8px;border-radius:9px;font-size:10px}.sf-cheque-note{background:#f6f2ff;color:#66518d}.sf-cheque-note b,.sf-cheque-note span,.sf-cheque-note small{display:block}.sf-cheque-note span{margin-top:2px}.sf-cheque-note small{margin-top:2px;opacity:.75}.sf-payment-reject{background:#fff0f0;color:#b64747}.sf-payment-declare>h2{margin:4px 0 0;font-size:16px}.sf-payment-declare>p{margin:5px 0 0;color:#748197;font-size:10px;line-height:1.8}.sf-payment-card-destination{margin-top:11px;padding:12px;border:1px solid #e3e7ec;border-radius:11px;background:#f7f9fb}.sf-payment-card-destination small,.sf-payment-card-destination b,.sf-payment-card-destination span{display:block}.sf-payment-card-destination small{color:#7d8898;font-size:10px}.sf-payment-card-destination b{margin-top:3px;font-size:16px;letter-spacing:1px;text-align:right}.sf-payment-card-destination span{margin-top:2px;color:#69768a;font-size:10px}.sf-payment-card-destination span.is-warning{color:#85651a;line-height:1.7}.sf-payment-form{display:grid;gap:9px;margin-top:11px}.sf-shipment-card{display:block;padding:16px;border:1px solid #d9e5f6;border-radius:17px;background:#f7faff}.sf-shipment-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px}.sf-shipment-card-title h2{margin:0;font-size:16px}.sf-shipment-card-title i{font-size:17px;font-style:normal;color:var(--sf-blue)}.sf-shipment-card p{margin:5px 0 0;color:#74839a;font-size:10px;line-height:1.7}.sf-shipment-card>b{display:block;margin-top:11px;color:#2b64b8;font-size:10px}.sf-return-link{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #ecd7d7;border-radius:14px;background:#fff;color:#b94c4c;font-size:10px;font-weight:900}.sf-print-row{display:flex;justify-content:flex-end;margin-top:13px}

/* Return */
.sf-return-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.sf-return-hero>div:first-child{max-width:680px}.sf-return-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:15px;margin-top:15px}.sf-return-items{display:grid;gap:8px}.sf-return-item{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:12px;align-items:center;padding:12px;border:1px solid #e5e9ee;border-radius:12px;background:#fbfcfd}.sf-return-item.is-disabled{opacity:.55;background:#f3f4f6}.sf-return-item-info b,.sf-return-item-info span,.sf-return-item-info small{display:block}.sf-return-item-info b{font-size:12px}.sf-return-item-info span{margin-top:3px;color:#788599;font-size:10px}.sf-return-item-info small{margin-top:5px;color:#3268af;font-size:10px}.sf-return-item-info small strong{font-weight:900}.sf-return-qty>span{display:block;margin-bottom:4px;color:#647287;font-size:10px;font-weight:800}.sf-return-qty input{width:100%;height:44px;border:1px solid #dce2e9;border-radius:10px;background:#fff;text-align:center;font-size:13px;font-weight:900;outline:0}.sf-return-qty input:focus{border-color:#91b6f1;box-shadow:0 0 0 3px #edf4ff}.sf-return-fields{display:grid;gap:9px}.sf-return-submit{width:100%;justify-content:center;margin-top:2px}

/* Main tracking is easier to scan vertically on mobile. */
@media(max-width:980px){
  .sf-favorite-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sf-account-layout,.sf-invoice-layout,.sf-return-layout{grid-template-columns:1fr}
  .sf-order-timeline-panel{order:2}.sf-invoice-side{grid-template-columns:1fr 1fr}.sf-invoice-side>.sf-payment-declare{grid-column:1/-1}
  .sf-invoice-hero{grid-template-columns:1fr}.sf-invoice-pending{margin-top:0}
}

@media(max-width:720px){
  .sf-account-page{padding-top:0}.sf-account-head{align-items:flex-start;margin-bottom:12px}.sf-account-head h1,.sf-account-hero h1{font-size:19px}.sf-account-head p,.sf-account-hero p{font-size:10px}.sf-account-kicker{font-size:10px}.sf-account-head>.sf-secondary-btn{min-height:40px;padding:8px 9px;font-size:10px}
  .sf-account-hero{padding:14px;border-radius:16px;box-shadow:none}.sf-account-hero:after{width:100px;height:100px;top:-38px;left:-35px}.sf-hero-back{min-height:40px;font-size:10px}
  .sf-favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sf-favorite-card{border-radius:14px;box-shadow:none}.sf-favorite-main{padding:7px}.sf-favorite-image{height:128px;border-radius:10px}.sf-favorite-body{padding:8px 3px 2px}.sf-favorite-body h2{min-height:38px;font-size:12px}.sf-favorite-meta span{font-size:10px}.sf-favorite-meta b{font-size:10px}.sf-favorite-open{min-height:36px;margin-top:7px;font-size:10px}.sf-danger-ghost{min-height:38px;font-size:10px}
  .sf-account-section{padding:13px;border-radius:15px;box-shadow:none}.sf-account-section-head{margin-bottom:10px}.sf-account-section-head h2{font-size:13px}.sf-account-section-head p{font-size:10px}.sf-account-layout{gap:10px;margin-top:10px}.sf-account-item{grid-template-columns:minmax(0,1fr) auto;padding:10px;gap:8px}.sf-account-item-main b{font-size:11px}.sf-account-item-main>span{font-size:10px}.sf-account-item-qty b{font-size:10px}.sf-account-item-qty span,.sf-account-item-qty small{font-size:10px}.sf-event b{font-size:10px}.sf-event span{font-size:10px}

  .sf-order-hero{grid-template-columns:1fr auto;gap:9px}.sf-order-hero-title .sf-order-status{display:inline-flex}.sf-order-hero-title h1{font-size:17px}.sf-order-hero-main>p{font-size:10px}.sf-order-hero-total{min-width:112px;padding:9px 10px}.sf-order-hero-total b{font-size:17px}.sf-order-hero-total small,.sf-order-hero-total span{font-size:10px}.sf-order-notice{font-size:10px}.sf-action-callout{display:block;padding:12px}.sf-action-callout b{font-size:11px}.sf-action-callout span{font-size:10px}.sf-action-callout .sf-primary-btn{width:100%;justify-content:center;margin-top:9px;min-height:46px;font-size:11px}
  .sf-deposit-panel{padding:13px;border-radius:15px}.sf-deposit-head{display:block}.sf-deposit-head h2{font-size:14px}.sf-deposit-head p{font-size:10px}.sf-deposit-stats{grid-template-columns:repeat(3,1fr);margin-top:9px}.sf-deposit-stats>div{min-width:0;padding:7px}.sf-deposit-stats b{font-size:10px;white-space:normal}.sf-card-destination{grid-template-columns:1fr;text-align:center}.sf-card-destination b{text-align:center}.sf-deposit-form{grid-template-columns:1fr}.sf-span-full{grid-column:auto}.sf-payment-mini-list{grid-template-columns:1fr}

  .sf-invoice-hero{gap:11px}.sf-invoice-stats{gap:5px}.sf-invoice-stats>div{padding:8px}.sf-invoice-stats small{font-size:10px}.sf-invoice-stats b{font-size:13px}.sf-invoice-stats span{font-size:10px}.sf-invoice-pending{display:block;font-size:10px}.sf-invoice-pending span{display:block;margin-top:2px}.sf-invoice-layout{gap:10px;margin-top:10px}.sf-invoice-main,.sf-invoice-side{gap:10px}.sf-invoice-side{grid-template-columns:1fr}.sf-invoice-side>.sf-payment-declare{grid-column:auto}.sf-invoice-item{padding:10px}.sf-invoice-item-title b{font-size:11px}.sf-invoice-item-title span,.sf-invoice-item-total span,.sf-invoice-item-calc{font-size:10px}.sf-invoice-item-total b{font-size:10px}.sf-payment-record{grid-template-columns:1fr auto;padding:10px}.sf-payment-record-main b,.sf-payment-record-amount>b{font-size:10px}.sf-payment-card-destination b{font-size:14px}.sf-return-link{min-height:44px}

  .sf-return-hero{display:block}.sf-return-hero .sf-hero-back{margin-top:10px}.sf-return-layout{gap:10px;margin-top:10px}.sf-return-item{grid-template-columns:minmax(0,1fr) 92px;padding:10px}.sf-return-item-info b{font-size:11px}.sf-return-item-info span,.sf-return-item-info small,.sf-return-qty>span{font-size:10px}.sf-return-qty input{height:42px}

  .sf-tracking-page .sf-track-main{position:relative;display:grid;grid-template-columns:1fr!important;gap:0;margin:12px 0;padding:1px 0}.sf-tracking-page .sf-track-main:before{content:"";position:absolute;top:17px;bottom:17px;right:14px;width:2px;background:#e2e7ee}.sf-tracking-page .sf-track-main .sf-track-step{position:relative;z-index:1;display:grid;grid-template-columns:30px 1fr;align-items:center;justify-items:start;min-height:48px;padding:4px 0;font-size:10px;text-align:right}.sf-tracking-page .sf-track-main .sf-track-step:after{display:none}.sf-tracking-page .sf-track-main .sf-track-step i{display:grid;place-items:center;width:28px;height:28px;margin:0;border:5px solid #fff;background:#e8edf3;border-radius:50%;color:#778399;font-style:normal;box-shadow:0 0 0 1px #dfe5ec}.sf-tracking-page .sf-track-main .sf-track-step.is-done i{background:#30a36c;color:#fff}.sf-tracking-page .sf-track-main .sf-track-step.is-active i{background:var(--sf-blue);color:#fff}
}

@media(max-width:390px){
  .sf-favorite-image{height:112px}.sf-favorite-body h2{font-size:11px}.sf-favorite-open{padding-inline:7px}
  .sf-order-hero{grid-template-columns:1fr}.sf-order-hero-total{text-align:right}.sf-order-hero-title{align-items:flex-start}.sf-order-hero-title .sf-order-status{font-size:10px}.sf-invoice-stats{grid-template-columns:1fr 1fr}.sf-invoice-stats>div:first-child{grid-column:1/-1}.sf-return-item{grid-template-columns:1fr}.sf-return-qty{max-width:120px}
}

/* =========================================================
   Phase 44 — Scenario-first strict storefront UX
   No new domain feature: reduce ambiguity, accidental orders,
   and visual dead-ends in real wholesale purchase scenarios.
   ========================================================= */

/* Product: no silent size-series choice. Make the explicit choice feel intentional. */
.sf-series-card:focus-within{outline:3px solid rgba(20,99,232,.20);outline-offset:2px}
.sf-choice-help{display:flex;align-items:flex-start;gap:7px;margin-top:10px;padding:9px 10px;border:1px solid #dce8f8;border-radius:11px;background:#f7faff;color:#536c8d;font-size:11px;line-height:1.7}
.sf-choice-help>span{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#e9f3ff;color:var(--sf-blue);font-weight:900}
.sf-color-btn.is-unavailable{border-style:dashed;background:#fafafa;color:#8c96a4}
.sf-color-btn.is-unavailable .sf-color-swatch{filter:saturate(.45);opacity:.65}
.sf-buy-bar button:disabled{box-shadow:none;cursor:not-allowed;background:#b7c1cf;color:#f8fafc}

/* Statuses are business language; explain them rather than making users decode colors. */
.sf-catalog-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}
.sf-catalog-legend>span{display:grid;grid-template-columns:11px 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:9px 10px;border:1px solid #e5eaf0;border-radius:11px;background:#fff;color:#44536a}
.sf-catalog-legend>span>i{grid-row:1 / span 2;width:9px;height:9px;border-radius:50%}
.sf-catalog-legend>span>b{font-size:11px;line-height:1.45}
.sf-catalog-legend>span>small{margin-top:1px;color:#8692a3;font-size:10px;line-height:1.45}
.sf-catalog-legend i.is-ready{background:#25a567}.sf-catalog-legend i.is-making{background:#df941f}.sf-catalog-legend i.is-order{background:#2f6fd1}

/* Checkout: a large wholesale cart must be fully reviewable before the irreversible submit. */
.sf-checkout-more{margin-top:7px;border-top:1px dashed #e0e5ec;padding-top:7px}
.sf-checkout-more summary{display:flex;align-items:center;justify-content:space-between;min-height:40px;cursor:pointer;list-style:none;color:#2c65b8;font-size:11px;font-weight:900}
.sf-checkout-more summary::-webkit-details-marker{display:none}
.sf-checkout-more summary:after{content:"⌄";font-size:17px;transition:transform .18s ease}
.sf-checkout-more[open] summary:after{transform:rotate(180deg)}
.sf-checkout-more-list{display:grid;gap:0;padding-top:3px}
.sf-checkout-more-list>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #f0f2f5;font-size:11px;line-height:1.55}
.sf-checkout-more-list>div span{min-width:0;color:#657187}.sf-checkout-more-list>div b{white-space:nowrap;color:#26354b}

/* Payment: pending money is not the same thing as confirmed money. */
.sf-payment-overview{grid-template-columns:repeat(4,minmax(0,1fr))}
.sf-payment-overview .sf-order-stat.is-confirmed{background:#f3fbf6;border-color:#d7ebdf}
.sf-payment-overview .sf-order-stat.is-confirmed b{color:#178154}
.sf-payment-overview .sf-order-stat.is-pending{background:#fffaf0;border-color:#eedfab}
.sf-payment-overview .sf-order-stat.is-pending b{color:#9a6f16}
.sf-payment-overview .sf-order-stat.is-remaining{background:#f4f8ff;border-color:#dbe6f8}
.sf-payment-overview .sf-order-stat.is-remaining b{color:#205fac}
.sf-payment-overview .sf-order-stat.is-zero{background:#f7f9fb;color:#7b8798}
.sf-payment-waiting{display:grid;justify-items:center;gap:7px;padding:22px;text-align:center;border-color:#d7ebdf;background:#f5fbf7}
.sf-payment-waiting-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#dff5e8;color:#168052;font-size:22px;font-weight:900}
.sf-payment-waiting>b{font-size:14px;color:#1d5e43}.sf-payment-waiting>p{max-width:450px;margin:0;color:#657b70;font-size:11px;line-height:1.8}
.sf-copyable-number{unicode-bidi:plaintext;user-select:all;-webkit-user-select:all;font-variant-numeric:tabular-nums}

/* Account dashboard: four KPIs should read as one deliberate row, not an accidental 3+1 wrap. */
.sf-dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}

@media(max-width:720px){
  /* Forty-color models should not turn the entire product page into a 1000px color wall. */
  .sf-color-list:not(.is-collapsed){max-height:365px;overflow-y:auto;overscroll-behavior:contain;padding-left:3px}
  .sf-choice-help{font-size:10px}
  /* Phase 43 hid this guide on mobile; field testing needs it visible and scannable. */
  .sf-catalog-legend{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  .sf-catalog-legend::-webkit-scrollbar{display:none}
  .sf-catalog-legend>span{flex:0 0 150px;padding:8px 9px}
  .sf-catalog-legend>span>b{font-size:10px}.sf-catalog-legend>span>small{font-size:10px}
  .sf-payment-overview{grid-template-columns:1fr 1fr}
  .sf-payment-overview .sf-order-stat:last-child{grid-column:auto}
  .sf-dashboard-stats{grid-template-columns:1fr 1fr}
  .sf-dashboard-stats .sf-order-stat:last-child{grid-column:auto}
  .sf-checkout-more summary{font-size:10px}
}

@media(max-width:390px){
  .sf-payment-overview{grid-template-columns:1fr}
  .sf-dashboard-stats{grid-template-columns:1fr 1fr}
}

/* Phase 44.1 — preview is not a purchase selection: both color and size-series require an explicit tap. */
.sf-selected-color.is-empty{border-style:dashed;background:#fafbfd;color:#6f7d90}
.sf-selected-color.is-empty .sf-selected-color-dot{background:#d5dce5!important;box-shadow:inset 0 0 0 1px #c6cfda}
.sf-series-placeholder{grid-column:1/-1;display:grid;justify-items:center;gap:3px;padding:20px 14px;border:1px dashed #d9e1eb;border-radius:13px;background:#fafbfd;text-align:center}
.sf-series-placeholder b{color:#3c4d65;font-size:12px}.sf-series-placeholder span{color:#7d8999;font-size:11px;line-height:1.7}
@media(max-width:720px){.sf-choice-help,.sf-catalog-legend>span>b,.sf-catalog-legend>span>small,.sf-checkout-more summary{font-size:11px}}

/* Phase 44.2 — public invoice opened from SMS must be as clear as checkout. */
.sf-public-invoice-page{padding-top:20px;max-width:1040px}
.sf-public-invoice-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:22px;border:1px solid #dfe5ec;border-radius:19px;background:#fff}
.sf-public-invoice-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.sf-public-invoice-title h1{margin:0;color:#17243a;font-size:22px}.sf-public-invoice-title p{margin:6px 0 0;color:#738096;font-size:12px;line-height:1.8}.sf-public-invoice-title p b{color:#40516b}
.sf-public-invoice-total{min-width:230px;text-align:left}.sf-public-invoice-total small,.sf-public-invoice-total b,.sf-public-invoice-total span{display:block}.sf-public-invoice-total small{color:#7d8999;font-size:11px}.sf-public-invoice-total b{margin-top:4px;color:var(--sf-blue);font-size:24px}.sf-public-invoice-total span{width:max-content;margin:7px 0 0 auto;padding:5px 8px;border-radius:8px;font-size:10px;font-weight:900}.sf-public-invoice-total span.is-paid{background:#edf9f2;color:#188056}.sf-public-invoice-total span.is-open{background:#fff6e9;color:#9b6814}
.sf-public-invoice-stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:10px}.sf-public-invoice-stats>div{padding:13px 14px;border:1px solid #e3e8ef;border-radius:13px;background:#fff}.sf-public-invoice-stats small,.sf-public-invoice-stats b{display:block}.sf-public-invoice-stats small{color:#8290a3;font-size:10px}.sf-public-invoice-stats b{margin-top:4px;color:#2c3d56;font-size:13px}.sf-public-invoice-stats .is-paid{background:#f5fbf7;border-color:#dbeee2}.sf-public-invoice-stats .is-paid b{color:#1a8057}.sf-public-invoice-stats .is-open{background:#fffaf2;border-color:#f0dfbd}.sf-public-invoice-stats .is-open b{color:#986714}.sf-public-invoice-stats .is-zero b{color:#1a8057}
.sf-public-invoice-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:12px;align-items:start;margin-top:12px}.sf-public-invoice-items{margin:0}.sf-public-invoice-item-list{display:grid;gap:7px}.sf-public-invoice-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid #e9edf2;border-radius:12px;background:#fff}.sf-public-invoice-item b,.sf-public-invoice-item span,.sf-public-invoice-item small{display:block}.sf-public-invoice-item b{color:#26364e;font-size:12px}.sf-public-invoice-item span{margin-top:3px;color:#66748a;font-size:11px}.sf-public-invoice-item small{margin-top:3px;color:#8793a4;font-size:10px}.sf-public-invoice-item strong{white-space:nowrap;color:#253b5b;font-size:12px}
.sf-public-invoice-summary{position:sticky;top:78px;margin:0}.sf-public-invoice-balance{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:10px;border-radius:10px}.sf-public-invoice-balance span{font-size:10px}.sf-public-invoice-balance b{font-size:12px}.sf-public-invoice-balance.is-open{background:#fff6e9;color:#8d631b}.sf-public-invoice-balance.is-paid{background:#edf9f2;color:#177d55}.sf-public-invoice-track{width:100%;min-height:48px;margin-top:11px;justify-content:center}
@media(max-width:720px){.sf-public-invoice-page{padding-top:10px}.sf-public-invoice-hero{grid-template-columns:1fr;gap:12px;padding:15px;border-radius:16px}.sf-public-invoice-title h1{font-size:18px}.sf-public-invoice-title p{font-size:11px}.sf-public-invoice-total{min-width:0;text-align:right;padding-top:10px;border-top:1px solid #edf0f4}.sf-public-invoice-total b{font-size:20px}.sf-public-invoice-total span{margin-left:0;margin-right:0}.sf-public-invoice-stats{grid-template-columns:1fr 1fr}.sf-public-invoice-stats>div:first-child{grid-column:1/-1}.sf-public-invoice-stats small{font-size:11px}.sf-public-invoice-stats b{font-size:12px}.sf-public-invoice-layout{grid-template-columns:1fr}.sf-public-invoice-summary{position:static}.sf-public-invoice-item{padding:10px}.sf-public-invoice-item small{font-size:11px}.sf-public-invoice-balance span{font-size:11px}}

/* Phase 44.3 — readability floor for buyer-facing microcopy and production availability. */
.sf-body small{font-size:11px}
.sf-product-code,.sf-product-status,.sf-price-action,.sf-mini-cart-price,.sf-series-card em,.sf-stock-note,.sf-cart-item p,.sf-order-date,.sf-order-status,.sf-shipment-event>div>div{font-size:11px}
.sf-series-production-note{display:block;margin-top:5px;color:#806323;font-style:normal;line-height:1.6}
.ca-card small,.ca-tab-badge,.ca-test-code>div span,.ca-mode-note,.ca-switch-link,.ca-card-foot a{font-size:11px}

/* =====================================================================
   Phase 45 — brutal buyer UX pass
   Goal: zero guessing, zero tiny controls, zero silent stale state.
   ===================================================================== */

/* Keyboard/touch clarity is part of buyer trust, not decoration. */
a,button,[role="button"],input,select,textarea,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,[role="button"]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(20,99,232,.22);outline-offset:2px}
button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}
.sf-primary-btn:disabled{background:#c7d0dc!important;color:#657286!important;box-shadow:none!important;cursor:not-allowed}

/* Product preview must never masquerade as a selected purchase color. */
.sf-gallery-preview-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;padding:9px 11px;border:1px solid #e0e6ee;border-radius:12px;background:#fff;color:#6e7b8e}
.sf-gallery-preview-note span{font-size:11px;font-weight:800}.sf-gallery-preview-note b{font-size:11px;color:#34445c}
.sf-gallery-preview-note.is-selected{border-color:#cfe1fa;background:#f5f9ff}.sf-gallery-preview-note.is-selected span{color:#5d78a0}.sf-gallery-preview-note.is-selected b{color:#175fbf}

/* Progressive disclosure: later order steps look clearly waiting, not merely unselected. */
.sf-choice-block.is-locked,.sf-qty-block.is-locked{border-style:dashed;background:#fafbfd}
.sf-choice-block.is-locked .sf-step-title i,.sf-qty-block.is-locked .sf-step-title i{background:#eef1f5;color:#8b96a5}
.sf-choice-block.is-locked .sf-block-head>small,.sf-qty-block.is-locked .sf-qty-help{color:#8a95a5}
.sf-qty-block.is-locked .sf-price-box{background:#f5f7f9;color:#8e98a6}
.sf-qty-block.is-locked .sf-stepper{opacity:.62;background:#f1f3f6}
.sf-qty-block.is-locked .sf-price-line.is-total strong{color:#8d98a7}
.sf-stepper button:disabled,.sf-stepper input:disabled{background:#f2f4f7;color:#a0a9b5}
.sf-color-btn.is-unavailable{opacity:1;border-style:dashed;background:#f7f7f8;color:#7b8490}
.sf-color-btn.is-unavailable .sf-color-swatch{filter:grayscale(.55);opacity:.72}
.sf-color-btn.is-unavailable small{padding:3px 6px;border-radius:7px;background:#fff0f0;color:#b64343;font-weight:900}

/* Catalog AJAX state: old results visibly stay old while a new request is pending. */
.sf-catalog-shell.is-refreshing [data-catalog-list]{opacity:.48;filter:saturate(.7);pointer-events:none}
[data-catalog-list]{transition:opacity .16s ease,filter .16s ease}
.sf-catalog-empty{display:grid;justify-items:center;gap:8px;text-align:center}
.sf-catalog-empty b{font-size:15px;color:#34445a}.sf-catalog-empty span{max-width:420px;font-size:12px;line-height:1.8}.sf-catalog-empty .sf-secondary-btn{min-height:44px;margin-top:4px}

/* Cart saving is an explicit state. A buyer must never outrun persistence. */
.sf-cart-save-status{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:38px;color:#718095}
.sf-cart-save-status>span:first-child{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#b8c1cd}
.sf-cart-save-status.is-saving>span:first-child{background:#d69a2c;box-shadow:0 0 0 4px #fff4dc}
.sf-cart-save-status.is-saved>span:first-child{background:#23a76e;box-shadow:0 0 0 4px #eaf8f1}
.sf-cart-save-status.is-error>span:first-child{background:#d84e4e;box-shadow:0 0 0 4px #fff0f0}
.sf-cart-save-retry{min-height:36px;border:1px solid #edcaca;border-radius:9px;background:#fff;color:#b43f3f;padding:6px 10px;font-size:11px;font-weight:900;cursor:pointer}
.sf-cart-continue.is-saving{opacity:.65;cursor:progress}

/* Numbers that buyers commonly transfer to another app should advertise copyability. */
.sf-copyable-number[data-copy-label]{display:inline-flex;align-items:center;min-height:34px;padding:3px 7px;border:1px dashed #cfd9e7;border-radius:8px;background:#fafcff;cursor:pointer;transition:.15s}
.sf-copyable-number[data-copy-label]:hover{border-color:#9fbae1;background:#f3f8ff}
.sf-copyable-number[data-copy-label].is-copied{border-color:#96d0b5;background:#eff9f4;color:#167d53}

/* File inputs otherwise remain one of the least legible controls in mobile browsers. */
.sf-field input[type="file"]{padding:7px 8px}
.sf-field input[type="file"]::file-selector-button{min-height:38px;margin-left:8px;border:0;border-radius:9px;background:#edf4ff;color:#175fbf;padding:7px 11px;font:800 12px Yekan;cursor:pointer}

@media(max-width:720px){
  /* Mobile floor: no browser auto-zoom, no fingertip-sized critical controls. */
  .sf-searchbar{min-height:50px;height:50px;padding:0 8px 0 10px}
  .sf-searchbar input,.sf-field input,.sf-field select,.sf-field textarea,.sf-stepper input,.sf-return-qty input{font-size:16px!important}
  .sf-search-submit{min-height:42px;min-width:66px;padding:0 12px!important;border-radius:10px!important;background:#edf4ff!important;color:#155fbe!important;font-size:12px!important;font-weight:900!important}
  .sf-search-clear{width:42px;height:42px;display:grid!important;place-items:center;font-size:22px!important}
  .sf-chip{min-height:44px;display:inline-flex;align-items:center;padding:9px 13px;font-size:12px}
  .sf-link{min-height:40px;display:inline-flex;align-items:center;font-size:12px}
  .sf-secondary-btn,.sf-primary-btn,.sf-price-action,.sf-remove-btn,.sf-color-more{min-height:44px}
  .sf-bottom-nav a{font-size:11px;line-height:1.2}
  .sf-bottom-nav svg{width:23px;height:23px}
  .sf-body small{font-size:12px}
  .sf-product-code,.sf-product-meta,.sf-product-status,.sf-price small,.sf-stock-note,.sf-cart-item p,.sf-order-date,.sf-order-status,.sf-shipment-event>div>div{font-size:12px}
  .sf-product-status{padding:5px 8px}
  .sf-price-action{font-size:12px;padding:8px 11px}
  .sf-section-sub,.sf-catalog-intro p,.sf-cart-head p,.sf-checkout-head p{font-size:12px}
  .sf-gallery-preview-note{margin-bottom:8px;padding:9px 10px;align-items:flex-start;flex-direction:column;gap:2px}
  .sf-gallery-preview-note span,.sf-gallery-preview-note b{font-size:12px}
  .sf-color-btn{min-height:56px}
  .sf-color-name{font-size:13px}
  .sf-color-btn small{font-size:11px}
  .sf-series-placeholder{padding:18px 12px}.sf-series-placeholder b{font-size:13px}.sf-series-placeholder span{font-size:12px}
  .sf-series-card{min-height:106px}.sf-series-card b{font-size:14px}.sf-series-card small,.sf-series-card em,.sf-series-stock,.sf-series-min{font-size:12px!important}
  .sf-choice-help{font-size:12px}
  .sf-qty-help{font-size:12px!important}
  .sf-stepper{grid-template-columns:48px 64px 48px}.sf-stepper button{height:50px}.sf-stepper input{width:64px;height:50px}
  .sf-price-line,.sf-price-line strong{font-size:13px}.sf-price-line.is-total{font-size:14px}.sf-price-line.is-total strong{font-size:21px}
  .sf-buy-bar .sf-primary-btn{min-height:54px;font-size:14px}
  .sf-cart-save-status{font-size:12px}.sf-cart-save-retry{min-height:40px;font-size:12px}

  /* On mobile the final order review comes before address entry and submit. */
  .sf-checkout-layout{display:flex!important;flex-direction:column;gap:12px}
  .sf-checkout-summary{order:-1}
  .sf-checkout-summary h3:after{content:" · سپس آدرس را ثبت کن";color:#7a8798;font-size:11px;font-weight:700}
  .sf-checkout-items>div,.sf-checkout-more-list>div,.sf-checkout-more summary{font-size:12px}

  .sf-payment-help,.sf-payment-waiting>p,.sf-payment-destination small,.sf-payment-destination span{font-size:12px}
  .sf-payment-destination b{font-size:18px}
  .sf-copyable-number[data-copy-label]{min-height:40px;padding:6px 9px}
  .sf-catalog-empty{padding:34px 18px}.sf-catalog-empty b{font-size:16px}.sf-catalog-empty span{font-size:13px}
}

@media(max-width:390px){
  .sf-container{width:calc(100% - 16px)}
  .sf-flow-progress{padding:9px 8px;gap:5px}.sf-flow-progress>div{font-size:10px}.sf-flow-progress>div i{width:26px;height:26px}
  .sf-bottom-nav{left:5px;right:5px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* =====================================================================
   Phase 45.2 — adversarial buyer ergonomics
   Reduce first-screen clutter, enforce readable account states, and make
   destructive/critical actions unambiguous on small touch screens.
   ===================================================================== */
.sf-search-clear.is-hidden{display:none!important}
.sf-catalog-legend{grid-template-columns:repeat(4,minmax(0,1fr))}
.sf-catalog-legend i.is-unavailable{background:#c95762}
.sf-product-unavailable-note{display:grid;gap:3px;margin:0 0 12px;padding:11px 12px;border:1px solid #efd2d2;border-radius:12px;background:#fff8f8;color:#8f3f47}
.sf-product-unavailable-note b{font-size:13px}.sf-product-unavailable-note span{font-size:12px;line-height:1.75}
.sf-checkout-more summary{min-height:44px;display:flex;align-items:center;cursor:pointer}

@media(min-width:981px){
  /* Desktop gets one filter system, not duplicated chips + sidebar controls. */
  .sf-catalog-chips{display:none}
}

@media(max-width:720px){
  /* The fixed bottom bar already owns navigation; duplicate header actions cost space. */
  .sf-header-actions{display:none}
  .sf-mobile-title{text-align:center;padding-right:0}

  /* Home is an ordering surface, not a marketing landing page. Get real models above the fold. */
  .sf-promo{min-height:146px!important;border-radius:17px}
  .sf-promo-content{max-width:100%!important;padding:14px 15px!important}
  .sf-promo-image,.sf-promo-orb{display:none!important}
  .sf-promo-eyebrow{font-size:11px}
  .sf-promo h1,.sf-promo h2{max-width:none!important;margin:6px 0 4px!important;font-size:18px!important;line-height:1.5}
  .sf-promo p{max-width:none!important;font-size:12px!important;line-height:1.7}
  .sf-promo-points{margin-top:7px;gap:5px}.sf-promo-points span{font-size:11px;padding:3px 7px}
  .sf-promo-action{min-height:40px;margin-top:8px;padding:7px 11px;font-size:12px}
  .sf-order-guide{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important}
  .sf-order-guide>div{display:grid!important;justify-items:center;align-content:center;gap:4px;min-height:60px!important;padding:7px 4px!important;text-align:center}
  .sf-order-guide i{width:28px!important;height:28px!important;flex-basis:28px!important}
  .sf-order-guide b{font-size:11px!important;line-height:1.45}.sf-order-guide small{display:none!important}
  .sf-section-head{margin:14px 0 9px}

  /* Customer account is used after money changes hands: no 10px operational text. */
  .sf-account-head p,.sf-account-hero p,.sf-account-kicker,.sf-hero-back,
  .sf-account-section-head p,.sf-account-section-head small,
  .sf-account-item-main>span,.sf-account-item-qty span,.sf-account-item-qty small,
  .sf-event b,.sf-event span,.sf-order-date,.sf-order-status,.sf-track-step,
  .sf-favorite-meta span,.sf-favorite-meta b,.sf-favorite-open,.sf-danger-ghost,
  .sf-invoice-stats small,.sf-invoice-stats span,.sf-invoice-pending,
  .sf-invoice-item-title span,.sf-invoice-item-total span,.sf-invoice-item-calc,.sf-invoice-discount,
  .sf-payment-record-main>span,.sf-payment-receipt,.sf-cheque-note,.sf-payment-reject,
  .sf-payment-declare>p,.sf-payment-card-destination small,.sf-payment-card-destination span,
  .sf-form-help,.sf-shipment-card p,.sf-shipment-card>b,.sf-return-link,
  .sf-return-item-info span,.sf-return-item-info small,.sf-return-qty>span,
  .sf-inline-empty,.sf-inline-warning{font-size:12px!important;line-height:1.7}
  .sf-order-number,.sf-account-item-main b,.sf-payment-record-main b,.sf-payment-record-amount>b{font-size:13px!important}
  .sf-favorite-open,.sf-danger-ghost,.sf-return-link,.sf-hero-back{min-height:44px}
  .sf-favorite-open{display:flex;align-items:center}.sf-payment-receipt{display:inline-flex;align-items:center;min-height:44px}
  .sf-return-qty input{font-size:16px!important;min-height:48px}
  .sf-dashboard-stats .sf-order-stat{min-height:76px;display:grid;align-content:center}
  .sf-order-filters .sf-chip{min-height:44px}

  /* Four status explanations remain horizontally scannable instead of shrinking. */
  .sf-catalog-legend{display:flex;grid-template-columns:none;gap:6px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}
  .sf-catalog-legend>span{flex:0 0 156px;scroll-snap-align:start}
  .sf-catalog-legend>span>b,.sf-catalog-legend>span>small{font-size:12px!important}
}

@media(max-width:520px){
  /* Saved models need accuracy more than density for the target audience. */
  .sf-favorite-grid{grid-template-columns:1fr!important}
  .sf-favorite-image{height:190px!important}
}

/* Phase 45.3 — customer bundle slimming: storefront no longer needs Tailwind runtime. */
.sf-test-gateway-page{min-height:70vh;display:grid;place-items:center;padding:34px 14px}
.sf-test-gateway-card{width:min(100%,480px);padding:24px;border:1px solid #dfe5ed;border-radius:22px;background:#fff;box-shadow:0 18px 44px rgba(20,40,72,.09)}
.sf-test-gateway-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff3ce;color:#775814;font-size:11px;font-weight:900}
.sf-test-gateway-card h1{margin:14px 0 5px;font-size:22px}.sf-test-gateway-card>p{margin:0;color:#718096;font-size:12px;line-height:1.8}
.sf-test-gateway-summary{display:grid;gap:4px;margin-top:18px;padding:14px;border:1px solid #e5eaf0;border-radius:14px;background:#f8fafc}
.sf-test-gateway-summary small{font-size:12px;color:#7c8798}.sf-test-gateway-summary b{font-size:22px;color:#1764cf}.sf-test-gateway-summary span{font-size:12px;color:#647288}
.sf-test-gateway-actions{display:grid;gap:8px;margin-top:14px}.sf-test-gateway-actions>*{width:100%;min-height:48px}
@media print{.sf-print-row,.sf-topbar,.sf-bottom-nav{display:none!important}.sf-main{padding:0!important}.sf-account-page{padding:0!important}}


/* Phase 45.4 — human-error hardening */
.sf-account-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin:12px 0 16px}
.sf-account-actions form{margin:0}
.sf-footer-brand{color:#0c1930}.sf-footer-copy{margin-right:8px}
.sf-field [data-sf-file-help].is-error{color:#b43b47!important;font-weight:800}.sf-field [data-sf-file-help].is-ok{color:#17835b!important;font-weight:800}
.sf-return-item{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.sf-return-item.is-selected{border-color:#8eb8ef;background:#f5f9ff;box-shadow:0 0 0 2px rgba(37,111,207,.08)}
.sf-payment-reject{display:grid;gap:3px;margin-top:8px;padding:10px 11px;border:1px solid #f0c8cd;border-radius:11px;background:#fff6f7;color:#9a3440;font-size:12px;line-height:1.75}.sf-payment-reject span{color:#785a60}
.sf-copyable-number[data-copy-label].is-copied:after{content:'کپی شد';margin-right:6px;padding:2px 6px;border-radius:999px;background:#dff4e9;color:#167d53;font-size:10px;font-weight:900}
@media(max-width:720px){.sf-account-actions{justify-content:stretch}.sf-account-actions>*{flex:1}.sf-account-actions form button{width:100%;min-height:44px}.sf-footer-copy{display:block;margin:3px 0 0}.sf-payment-reject{font-size:12px}}

/* Phase 45.5 — first-screen discipline and conditional-production honesty */
.sf-series-production-note.is-conditional{color:#896316!important;background:#fff8e7;border-radius:8px;padding:4px 6px}
@media(max-width:720px){
  .sf-gallery-stage{height:292px}
  .sf-product-back-row{margin-bottom:7px}
  .sf-product-head{padding:10px 11px}
  .sf-product-head h1{margin-bottom:1px}
}
@media(max-width:520px){
  .sf-promo{min-height:124px!important}
  .sf-promo-points{display:none!important}
  .sf-promo-action{margin-top:6px}
  .sf-gallery-stage{height:274px}
}

.sf-skip-link{position:fixed;top:8px;right:8px;z-index:9999;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:#0c1930;color:#fff;font-size:12px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.sf-skip-link:focus{transform:translateY(0)}

/* Phase 45.6 — real touch floor and color-name legibility */
.sf-color-name{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.5}
.sf-color-btn.is-unavailable{opacity:1;border-style:dashed;background:#fbfbfc;color:#687384}
.sf-color-btn.is-unavailable .sf-color-swatch{opacity:.62}
@media(max-width:720px){
  .sf-heart{width:44px;height:44px;min-width:44px}
  .sf-search-submit{min-height:44px!important}
  .sf-search-clear{width:44px;height:44px}
  .sf-link{min-height:44px}
  .sf-copyable-number[data-copy-label]{min-height:44px}
  .sf-cart-save-retry{min-height:44px}
  .sf-field input[type="file"]::file-selector-button{min-height:44px}
  :where(a,button,input,select,textarea,[role="button"]){touch-action:manipulation}
}
.sf-pending-money-note{margin:-3px 0 12px;padding:9px 11px;border:1px solid #ead9ad;border-radius:11px;background:#fffaf0;color:#715e2d;font-size:12px;line-height:1.8}
.sf-form-help.is-error{color:#b43b47!important;font-weight:800}.sf-form-help.is-ok{color:#17835b!important;font-weight:800}

/* Phase 45.7 — money clarity + mobile safe area + fixed-nav reliability */
.sf-payment-overview{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
.sf-payment-overview .sf-order-stat.is-available-now{background:#f2f7ff;border-color:#d4e2f7}.sf-payment-overview .sf-order-stat.is-available-now b{color:#175fbf}
.sf-public-invoice-stats .is-pending{background:#fffaf0;border-color:#eadcad}.sf-public-invoice-stats .is-pending b{color:#946b17}
.sf-public-invoice-pending-note{margin:10px 0 0}
@media(max-width:720px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .sf-bottom-nav{height:calc(66px + env(safe-area-inset-bottom));padding-bottom:calc(5px + env(safe-area-inset-bottom))}
  .sf-payment-overview{grid-template-columns:1fr 1fr}
  .sf-payment-overview .sf-order-stat{min-height:72px}
  .sf-public-invoice-stats{grid-template-columns:1fr 1fr}
  .sf-public-invoice-pending-note{font-size:12px;line-height:1.8}
}
@media(max-width:380px){.sf-payment-overview{grid-template-columns:1fr}.sf-public-invoice-stats{grid-template-columns:1fr}}

/* Phase 45.8 — contrast and accessibility hardening for older / low-vision buyers */
:root{--sf-muted:#5f6b7e}
.sf-status-green{color:#117646}
.sf-status-orange{color:#9a5a0a}
.sf-status-red{color:#a92d2d}
.sf-bottom-nav a{color:#59677a}
.sf-catalog-legend small,.sf-order-date,.sf-product-code,.sf-field em,.sf-form-help{color:#5f6b7e}
.sf-series-card:focus-within{outline:3px solid rgba(20,99,232,.26);outline-offset:3px}


/* Phase 45.9 — no false affordance + elderly-buyer mobile typography floor */
.sf-selected-color.is-unavailable-preview{border-color:#efc9cd;background:#fff8f8;color:#913a44}
.sf-gallery-preview-note.is-unavailable-preview{border-color:#efc9cd;background:#fff8f8;color:#913a44}
@media(max-width:720px){
  .sf-mobile-title{font-size:15px!important}
  .sf-bottom-nav a{font-size:12px!important;line-height:1.25}.sf-bottom-nav .sf-cart-dot{font-size:9px!important}
  .sf-promo-eyebrow,.sf-promo-action,.sf-order-guide b{font-size:12px!important}
  .sf-section-sub,.sf-product-code,.sf-product-code-line,.sf-product-meta,.sf-price small,.sf-price-action,.sf-product-status,
  .sf-kicker,.sf-catalog-intro p,.sf-auto-load-hint,.sf-filter-note,.sf-mini-empty,.sf-loadmore-wrap,
  .sf-block-head small,.sf-selected-color,.sf-choice-help,.sf-series-card small,.sf-series-card em,.sf-series-stock,.sf-series-min,
  .sf-qty-help,.sf-stock-note,.sf-stock-badge,.sf-cart-item p,.sf-cart-update-row small,.sf-summary-line,
  .sf-reserve-note b,.sf-reserve-note small,.sf-customer-identity small,.sf-customer-identity span,.sf-customer-identity a,
  .sf-field label,.sf-field>span,.sf-field em,.sf-checkout-assurance b,.sf-checkout-assurance small,.sf-checkout-items>div,.sf-checkout-items>small,
  .sf-payment-help,.sf-payment-waiting>p,.sf-payment-destination small,.sf-payment-destination span,.sf-checkout-summary h3:after{font-size:12px!important;line-height:1.65}
  .sf-price-action,.sf-search-submit,.sf-secondary-btn,.sf-primary-btn{font-size:13px}
  .sf-flow-progress>div{font-size:11px!important}
}

/* =========================================================
   Phase 46 — micro-UX / decision-density pass
   Same domain, fewer visual decisions and less verification effort.
   ========================================================= */
.sf-product-head-primary{margin:0 0 14px;padding:16px 18px;border:1px solid var(--sf-line);border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(20,42,76,.04)}
.sf-product-head-primary .sf-kicker{display:block;margin-bottom:2px;color:#3f6eaa;font-size:11px;font-weight:900}
.sf-product-head-primary h1{font-size:25px;line-height:1.45}
.sf-product-head-primary .sf-product-description{max-width:720px;margin-top:5px!important;color:#657286!important;font-size:12px!important;line-height:1.8}
.sf-product-order-panel{min-width:0}
.sf-series-price{display:block;margin-top:7px;color:#17385f;font-size:12px;font-weight:900;line-height:1.5}

.sf-status-help{margin:0 0 12px;border:1px solid #e3e8ef;border-radius:13px;background:#fff;overflow:hidden}
.sf-status-help>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 12px;cursor:pointer;list-style:none;color:#32445d;font-size:12px;font-weight:900}
.sf-status-help>summary::-webkit-details-marker{display:none}
.sf-status-help>summary:after{content:"⌄";margin-right:auto;color:#718097;font-size:17px;transition:transform .18s ease}
.sf-status-help[open]>summary:after{transform:rotate(180deg)}
.sf-status-help>summary small{color:#758296;font-size:10px;font-weight:700}
.sf-status-help .sf-catalog-legend{margin:0;padding:0 10px 10px}

.sf-cart-variant{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 2px}
.sf-cart-variant>span{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:4px 8px;border:1px solid #e3e8ef;border-radius:9px;background:#f8fafc;color:#4e5f74;font-size:11px;font-weight:800;line-height:1.4}
.sf-cart-color i{width:13px;height:13px;flex:0 0 13px;border:1px solid rgba(0,0,0,.12);border-radius:50%}

.sf-checkout-review-item>span{display:grid;gap:2px;min-width:0}
.sf-checkout-review-item>span strong{color:#25364c;font-size:11px;line-height:1.55}
.sf-checkout-review-item>span small{color:#66758a;font-size:10px;line-height:1.55}

@media(max-width:720px){
  /* Identity before photography: users know which model they are configuring before a 274px gallery. */
  .sf-product-head-primary{margin-bottom:8px;padding:12px 13px;border-radius:15px}
  .sf-product-head-primary h1{font-size:20px!important;line-height:1.45}
  .sf-product-head-primary .sf-kicker{font-size:12px}
  .sf-product-head-primary .sf-product-description{font-size:12px!important;line-height:1.7}
  .sf-product-back-row{margin-bottom:7px}
  .sf-series-price{font-size:13px}

  /* Status education is opt-in; products should win the first screen. */
  .sf-status-help{margin-top:-2px;margin-bottom:9px}
  .sf-status-help>summary{min-height:44px;padding:8px 10px;font-size:12px}
  .sf-status-help>summary small{display:none}
  .sf-status-help .sf-catalog-legend{padding:0 8px 8px}
  .sf-catalog-results-head{margin-top:11px!important;margin-bottom:7px!important}

  /* Ten-color baskets must be scannable by color/series, not by prose. */
  .sf-cart-variant{gap:4px;margin-top:6px}
  .sf-cart-variant>span{min-height:30px;padding:4px 7px;font-size:12px}
  .sf-cart-item>div.sf-cart-item-main>p{margin-top:6px}

  /* Final review emphasizes identity first, money second. */
  .sf-checkout-review-item{align-items:flex-start!important;gap:10px!important}
  .sf-checkout-review-item>span strong{font-size:13px}
  .sf-checkout-review-item>span small{font-size:12px}
  .sf-checkout-review-item>b{padding-top:2px;font-size:12px!important}
}

@media(max-width:520px){
  /* Home is operational: search + statuses + one compact promise, then real models. */
  .sf-promo{min-height:102px!important}
  .sf-promo-content{padding:11px 13px!important}
  .sf-promo h1,.sf-promo h2{margin:4px 0 2px!important;font-size:17px!important;line-height:1.45}
  .sf-promo p{font-size:12px!important;line-height:1.55}
  .sf-promo-action{display:none!important}
  .sf-order-guide{gap:4px!important;margin-top:6px!important}
  .sf-order-guide>div{min-height:50px!important;padding:5px 3px!important}
  .sf-order-guide i{width:24px!important;height:24px!important;flex-basis:24px!important;font-size:11px!important}
  .sf-order-guide b{font-size:11px!important}
}
.sf-series-price.is-muted{color:#7a8595;font-weight:800}

/* Phase 46.1 — disabled means unavailable, not unreadable */
.sf-series-card.is-disabled{opacity:1;cursor:not-allowed;background:#fafbfc;border-style:dashed;border-color:#d8dee8}
.sf-series-card.is-disabled b{color:#59677a}
.sf-series-card.is-disabled small,
.sf-series-card.is-disabled em,
.sf-series-card.is-disabled .sf-series-stock{color:#6e798a}
.sf-series-card.is-disabled .sf-series-price{color:#7a8595}

/* =========================================================
   Phase 47 — hands-on visual redesign / conversion polish
   A calmer wholesale catalog, stronger footwear imagery, and one coherent order flow.
   ========================================================= */
:root{
  --sf-surface:#ffffff;
  --sf-soft:#f7f9fc;
  --sf-soft-blue:#eef5ff;
  --sf-line-strong:#d5dde8;
  --sf-navy:#10243f;
}
body.sf-body{background:linear-gradient(180deg,#f8fafc 0,#f4f7fa 220px,#f5f7fa 100%)}

/* Home: graphic but operational. Search remains the first control; products arrive quickly. */
.sf-home-shell>.sf-searchbar{border-color:#d5deea;box-shadow:0 5px 18px rgba(18,38,68,.045)}
.sf-home-shell>.sf-chips{margin-top:8px!important}
.sf-home-shell .sf-promo{border:0;background:linear-gradient(128deg,#0d203d 0%,#123a70 60%,#1a70e6 150%);box-shadow:0 18px 38px rgba(17,48,93,.17)}
.sf-home-shell .sf-promo:before{opacity:.72;background-size:30px 30px}
.sf-home-shell .sf-promo-content{position:relative}
.sf-home-shell .sf-promo-content:after{content:"";position:absolute;right:30px;bottom:-30px;width:120px;height:120px;border:24px solid rgba(255,255,255,.035);border-radius:50%;pointer-events:none}
.sf-home-shell .sf-promo-image{filter:drop-shadow(0 20px 22px rgba(0,0,0,.2));z-index:2}
.sf-home-shell .sf-section-head{margin-top:20px}

/* One compact instruction rail instead of three dashboard-like cards. */
.sf-order-guide-compact{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid #e0e6ee;border-radius:15px;background:#fff;box-shadow:0 4px 16px rgba(25,43,69,.035)}
.sf-order-guide-compact>div{position:relative;min-height:58px;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:9px 12px!important}
.sf-order-guide-compact>div+div:before{content:"";position:absolute;right:0;top:14px;bottom:14px;width:1px;background:#edf0f4}
.sf-order-guide-compact i{background:#edf5ff!important;color:#1769e0!important}
.sf-order-guide-compact small{color:#68778b}

/* Product cards: footwear is visual. Give imagery room and make the action/price obvious. */
.sf-product-row{position:relative;background:#fff;border-color:#dde4ed;box-shadow:0 5px 18px rgba(22,42,70,.04)}
.sf-product-row:hover{border-color:#b9cce3;box-shadow:0 10px 26px rgba(22,42,70,.075)}
.sf-product-image{overflow:hidden;background:linear-gradient(145deg,#f9fafc,#eef3f8)}
.sf-product-image img{padding:2px}
.sf-product-status{font-weight:900}
.sf-product-name>span:first-child{color:#17263b;font-weight:900}
.sf-product-code{color:#738196}
.sf-dot{color:#5e6d80;background:#f7f9fb;border-color:#e8edf3}
.sf-price b{color:#17263b;font-weight:900}
.sf-price-action{color:#175fbf;background:#f4f8ff;border-color:#d3e1f5;font-weight:900}

/* Catalog: the toolbar is the hero, not a large marketing panel. */
.sf-catalog-intro{padding:16px 18px;background:linear-gradient(135deg,#fff,#fbfdff)}
.sf-catalog-intro h1{color:#17283f}
.sf-catalog-search-primary{border-width:1.5px}
.sf-catalog-results-head{padding:0 2px}
.sf-catalog-product-stack{gap:10px}
.sf-status-help{box-shadow:none}
.sf-mini-cart{border-top:3px solid #dbe8fa}

/* Product header: identity + essential wholesale facts before photography. */
.sf-product-head-primary{position:relative;overflow:hidden;padding:17px 18px 15px}
.sf-product-head-primary:after{content:"";position:absolute;left:-35px;top:-55px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,#eef5ff 0,#f8fbff 56%,transparent 70%);pointer-events:none}
.sf-product-head-primary>*{position:relative;z-index:1}
.sf-product-head-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px}
.sf-product-head-meta>span{display:inline-flex;align-items:center;min-height:29px;padding:4px 9px;border:1px solid #e1e7ef;border-radius:999px;background:#f8fafc;color:#58677c;font-size:11px;font-weight:850;line-height:1.4}
.sf-product-head-meta>span.is-price{border-color:#d2e2f7;background:#f1f7ff;color:#175fbf}
.sf-product-head-primary .sf-product-description{margin-bottom:0!important}

/* Gallery is a product showcase, not another form card. */
.sf-gallery-card{position:relative;padding:10px;border:1px solid #dfe5ed;border-radius:22px;background:#fff;box-shadow:0 7px 22px rgba(22,42,70,.045)}
.sf-gallery-stage{border:0!important;border-radius:16px!important;background:radial-gradient(circle at 50% 36%,#fff 0,#f6f8fb 55%,#eef2f6 100%)!important}
.sf-gallery-stage img{padding:8px}
.sf-gallery-preview-note{position:absolute;z-index:6;top:20px;right:20px;left:20px;margin:0!important;border-color:rgba(213,222,234,.92);background:rgba(255,255,255,.92);box-shadow:0 5px 18px rgba(29,48,74,.08);backdrop-filter:blur(10px)}
.sf-gallery-thumbs{padding:9px 2px 0}

/* The three order steps are one object. Less box-within-box visual noise. */
.sf-order-flow-card{overflow:hidden;border:1px solid #dce4ee;border-radius:22px;background:#fff;box-shadow:0 7px 24px rgba(22,42,70,.05)}
.sf-order-flow-card>.sf-block{margin:0!important;padding:18px;border:0!important;border-bottom:1px solid #edf0f4!important;border-radius:0!important;background:#fff;box-shadow:none!important}
.sf-order-flow-card>.sf-block.is-locked{background:#fafbfd!important}
.sf-order-flow-card>.sf-block:last-of-type{border-bottom:0!important}
.sf-order-flow-card>.sf-buy-bar{margin:0;border:0;border-top:1px solid #e3e9f0;border-radius:0;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:none;padding:15px 17px}
.sf-order-flow-card .sf-step-title i{border:1px solid #d5e4f9;background:#eef5ff;color:#175fbf}
.sf-order-flow-card .sf-choice-block:not(.is-locked) .sf-step-title i,
.sf-order-flow-card .sf-qty-block:not(.is-locked) .sf-step-title i{background:#1769e0;border-color:#1769e0;color:#fff}
.sf-color-btn{border-color:#dbe3ed;background:#fff}
.sf-color-btn:hover{background:#f6f9fe}
.sf-color-btn.is-active{background:#f4f8ff;border-color:#1769e0;box-shadow:inset 0 0 0 1px #1769e0,0 4px 12px rgba(23,105,224,.08)}
.sf-color-btn.is-unavailable{background:#fbfbfc;border-color:#e2e5ea}
.sf-selected-color{display:flex;width:100%;min-height:40px;border-radius:11px;background:#f8fafc}
.sf-series-card{border-color:#dce4ed;background:#fff}
.sf-series-card.is-active{background:#f3f8ff;border-color:#1769e0;box-shadow:inset 0 0 0 1px #1769e0}
.sf-series-price{color:#124f9f}
.sf-series-stock{border:1px solid transparent}
.sf-series-stock.is-ok{border-color:#cde9dc}.sf-series-stock.is-low{border-color:#efdca7}.sf-series-stock.is-production{border-color:#d4e2f6}.sf-series-stock.is-out{border-color:#efd1d1}
.sf-price-box{background:#f7f9fc;border-color:#e0e6ee}
.sf-price-line.is-total{border-top:1px dashed #ced8e5}
.sf-buy-info .sf-stock-note{font-weight:800;color:#42546c}
.sf-buy-bar .sf-primary-btn:not(:disabled){background:linear-gradient(135deg,#1769e0,#0f58c7)}

/* Desktop breathes more like a premium catalog. */
@media(min-width:981px){
  .sf-home-product-stack .sf-product-image,.sf-catalog-product-stack .sf-product-image{width:142px;height:112px}
  .sf-home-product-stack .sf-product-row,.sf-catalog-product-stack .sf-product-row{grid-template-columns:142px minmax(0,1fr) 210px;min-height:138px}
  .sf-gallery-stage{height:470px}
  .sf-product-page{gap:22px}
  .sf-product-order-panel{align-self:start}
}

@media(max-width:720px){
  /* More visible product, less landing-page furniture. */
  .sf-home-shell{padding-top:8px!important}
  .sf-home-shell>.sf-searchbar{height:50px}
  .sf-home-shell .sf-promo{min-height:116px!important;border-radius:18px}
  .sf-home-shell .sf-promo-content{max-width:72%;padding:13px 14px!important}
  .sf-home-shell .sf-promo-eyebrow{padding:4px 7px;font-size:11px!important}
  .sf-home-shell .sf-promo h1{max-width:260px;margin:5px 0 3px!important;font-size:18px!important;line-height:1.42}
  .sf-home-shell .sf-promo p{max-width:250px;font-size:12px!important;line-height:1.55}
  .sf-home-shell .sf-promo-image{left:-7%;bottom:-7%;width:49%;height:105%;opacity:.52}
  .sf-home-shell .sf-section-head{margin-top:15px}

  .sf-order-guide-compact{margin-top:7px!important;border-radius:13px}
  .sf-order-guide-compact>div{display:flex!important;min-height:47px!important;padding:6px 7px!important;gap:6px!important;justify-content:center}
  .sf-order-guide-compact i{width:24px!important;height:24px!important;flex-basis:24px!important;font-size:11px!important}
  .sf-order-guide-compact b{font-size:11px!important;line-height:1.35}.sf-order-guide-compact small{display:none!important}
  .sf-order-guide-compact>div+div:before{top:9px;bottom:9px}

  /* Card redesign: image is large enough to identify a shoe without opening it. */
  .sf-product-row{grid-template-columns:112px minmax(0,1fr);gap:11px;padding:11px;border-radius:17px}
  .sf-product-image{width:112px;height:106px;border-radius:13px;grid-row:1/span 2}
  .sf-product-image img{padding:2px}
  .sf-product-name{font-size:15px;line-height:1.45}
  .sf-product-status{padding:4px 7px;font-size:11px!important}
  .sf-product-code{font-size:11px!important}
  .sf-product-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;font-size:11px!important}
  .sf-product-meta .sf-dot:nth-child(n+3){display:inline-flex}
  .sf-dot{padding:3px 6px}
  .sf-product-row>.sf-price{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(116px,auto);padding-top:10px}
  .sf-price small{font-size:11px!important}.sf-price b{font-size:14px}.sf-price-action{min-height:44px;padding-inline:11px;font-size:12px!important}

  /* Catalog opens with search/filter/products, not a marketing block. */
  .sf-catalog-intro{margin-bottom:8px;padding:9px 2px;border:0;background:transparent}
  .sf-catalog-intro .sf-kicker{display:none}
  .sf-catalog-intro h1{margin:0;font-size:18px!important;line-height:1.45}
  .sf-catalog-intro p{margin:2px 0 0;font-size:12px!important;line-height:1.55}
  .sf-catalog-trust{display:none!important}
  .sf-catalog-search-primary{height:50px}
  .sf-catalog-results-head{margin-top:10px!important}
  .sf-status-help{margin-bottom:8px}

  /* Product first screen: identity -> useful image -> one coherent ordering object. */
  .sf-product-head-primary{margin-bottom:8px;padding:11px 12px 10px;border-radius:15px}
  .sf-product-head-primary:after{width:90px;height:90px;top:-42px;left:-25px}
  .sf-product-head-primary h1{font-size:21px!important}
  .sf-product-head-meta{gap:4px;margin-top:6px}
  .sf-product-head-meta>span{min-height:27px;padding:3px 7px;font-size:11px}
  .sf-product-head-primary .sf-product-description{margin-top:5px!important;font-size:12px!important;line-height:1.6}
  .sf-gallery-card{padding:7px;border-radius:17px;box-shadow:none}
  .sf-gallery-stage{height:238px!important;border-radius:13px!important}
  .sf-gallery-stage img{padding:5px}
  .sf-gallery-preview-note{top:14px;right:14px;left:14px;min-height:38px;padding:7px 9px;border-radius:10px}
  .sf-gallery-preview-note span{font-size:11px}.sf-gallery-preview-note b{font-size:11px}
  .sf-gallery-fallback-note{right:8px;left:8px;bottom:8px;padding:7px 8px}.sf-gallery-fallback-note span{font-size:11px}
  .sf-gallery-thumb{width:54px;height:48px}
  .sf-product-order-panel{margin-top:10px}
  .sf-order-flow-card{border-radius:17px;box-shadow:none}
  .sf-order-flow-card>.sf-block{padding:13px!important}
  .sf-order-flow-card>.sf-buy-bar{padding:12px}
  .sf-block-head{margin-bottom:10px}
  .sf-color-list{gap:7px}
  .sf-color-btn{min-height:52px;border-radius:11px}
  .sf-selected-color{margin-top:8px;font-size:12px!important}
  .sf-series-grid{grid-template-columns:1fr;gap:7px}
  .sf-series-card{min-height:0;padding:11px 12px}
  .sf-series-card.is-active{padding:10px 11px}
  .sf-series-card b{font-size:14px}.sf-series-card small{font-size:12px!important}.sf-series-card em{font-size:12px!important}.sf-series-price{font-size:13px}
  .sf-series-stock{margin-top:6px;font-size:12px!important}
  .sf-series-placeholder{padding:16px 12px}
  .sf-qty-row{align-items:center}
  .sf-price-box{margin-top:11px;padding:11px 12px}
  .sf-price-line{font-size:12px!important}.sf-price-line strong{font-size:13px}.sf-price-line.is-total strong{font-size:19px}
  .sf-buy-bar{grid-template-columns:1fr!important;gap:9px!important}
  .sf-buy-info small{display:none}
  .sf-buy-info .sf-stock-note{font-size:12px!important;line-height:1.55}
  .sf-buy-bar .sf-primary-btn{min-height:52px;font-size:14px!important}
}

@media(max-width:380px){
  .sf-product-row{grid-template-columns:104px minmax(0,1fr)}
  .sf-product-image{width:104px;height:100px}
  .sf-product-name{font-size:14px}
  .sf-product-meta{font-size:10px!important}
  .sf-order-guide-compact b{font-size:10px!important}
  .sf-product-head-meta>span{font-size:10px}
}

/* Phase 47.1 — product photography is an intentional hero object, not a faded decoration. */
.sf-home-shell .sf-promo-image{left:3%;bottom:7%;width:34%;height:86%;padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.09);box-shadow:0 14px 28px rgba(0,0,0,.14);object-fit:contain;opacity:1}
.sf-status-help{margin-top:12px}
@media(max-width:720px){
  .sf-home-shell .sf-promo-image{left:4%;bottom:9%;width:31%;height:70%;padding:5px;border-radius:13px;background:rgba(255,255,255,.1);opacity:1}
  .sf-status-help{margin-top:10px;margin-bottom:0}
}

/* Phase 47.1 hotfix: each product color has its own gallery. Only the active
   color gallery may be visible; do not rely on an external Tailwind .hidden utility. */
.sf-gallery-card [data-color-gallery].hidden,.sf-gallery-card [data-fallback-gallery].hidden{display:none!important}

/* =========================================================
   Phase 48 — Product gallery refinement
   Product photography must stay contained, calm and attributable to a color.
   ========================================================= */
.sf-gallery-card{padding:12px;border-radius:20px;border:1px solid #dce4ed;background:#fff;box-shadow:0 8px 24px rgba(19,40,70,.05)}
.sf-gallery-context{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;margin:0 0 10px;padding:8px 11px;border:1px solid #e3e9f1;border-radius:12px;background:#f8fafc;color:#526176}
.sf-gallery-context span{font-size:11px;font-weight:800;color:#738198;white-space:nowrap}
.sf-gallery-context b{font-size:12px;font-weight:900;color:#263750;text-align:start;line-height:1.55}
.sf-gallery-context.is-selected{border-color:#d4e3f7;background:#f4f8ff}
.sf-gallery-context.is-selected span{color:#4770aa}.sf-gallery-context.is-selected b{color:#174f9d}
.sf-gallery-context.is-unavailable-preview{border-color:#eadede;background:#fff8f8}
.sf-gallery-context.is-unavailable-preview span,.sf-gallery-context.is-unavailable-preview b{color:#9b4a4a}
.sf-color-gallery{min-width:0}
.sf-gallery-stage{width:100%;height:auto!important;aspect-ratio:4/3;min-height:280px;max-height:360px;border:1px solid #e5eaf0!important;border-radius:15px!important;background:#f6f8fb!important;box-shadow:none!important;overflow:hidden;display:grid;place-items:center}
.sf-price-box[hidden]{display:none!important}.sf-gallery-fallback-note.is-required{border-color:#f0d3a7;background:#fff8ec;color:#74551d}
.sf-gallery-stage:after{display:none!important}
.sf-gallery-stage img,.sf-gallery-stage video{width:100%;height:100%;padding:12px!important;object-fit:contain!important;object-position:center;display:block;background:transparent}
.sf-gallery-fallback-note{position:static!important;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:8px 10px;border:1px solid #eadfbf;border-radius:11px;background:#fffaf0;box-shadow:none;color:#775b20;backdrop-filter:none}
.sf-gallery-fallback-note b{font-size:11px;white-space:nowrap}.sf-gallery-fallback-note span{font-size:11px;line-height:1.6;text-align:start}
.sf-gallery-media-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:10px}
.sf-gallery-media-row>span{font-size:11px;font-weight:850;color:#758296;white-space:nowrap}
.sf-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;min-width:0;padding:0 1px 2px;scrollbar-width:none;scroll-snap-type:x proximity}
.sf-gallery-thumbs::-webkit-scrollbar{display:none}
.sf-gallery-thumb{width:60px;height:54px;flex:0 0 60px;padding:2px;border:1px solid #dce3ec;border-radius:10px;background:#f5f7fa;box-shadow:none;scroll-snap-align:start;transition:border-color .15s,box-shadow .15s,background .15s}
.sf-gallery-thumb:hover{transform:none;border-color:#aac4e9;background:#f8fbff}
.sf-gallery-thumb.is-active{border-color:#1769e0;box-shadow:0 0 0 2px rgba(23,105,224,.10);background:#f2f7ff}
.sf-gallery-thumb img,.sf-gallery-thumb video{width:100%;height:100%;padding:0!important;border-radius:7px;object-fit:cover!important}

@media(min-width:981px){
  .sf-product-page{grid-template-columns:minmax(0,1.04fr) minmax(410px,.96fr);gap:24px}
  .sf-gallery-card{position:sticky;top:92px}
  .sf-product-order-panel{min-width:0}
}

@media(max-width:980px){
  .sf-gallery-card{position:static}
  .sf-gallery-stage{min-height:300px;max-height:390px}
}

@media(max-width:720px){
  .sf-gallery-card{padding:8px;border-radius:16px;box-shadow:none}
  .sf-gallery-context{min-height:42px;margin-bottom:8px;padding:7px 9px;border-radius:10px}
  .sf-gallery-context span{font-size:11px}.sf-gallery-context b{font-size:11px;text-align:start}
  .sf-gallery-stage{aspect-ratio:4/3;min-height:0;max-height:none;border-radius:12px!important}
  .sf-gallery-stage img,.sf-gallery-stage video{padding:6px!important}
  .sf-gallery-fallback-note{align-items:flex-start;margin-top:7px;padding:7px 8px}
  .sf-gallery-fallback-note b,.sf-gallery-fallback-note span{font-size:11px}
  .sf-gallery-media-row{grid-template-columns:1fr;gap:6px;margin-top:8px}
  .sf-gallery-media-row>span{font-size:11px}
  .sf-gallery-thumb{width:56px;height:50px;flex-basis:56px}
}
.sf-gallery-general-note{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc;color:#5c6a7d}
.sf-gallery-general-note b{font-size:11px;white-space:nowrap}.sf-gallery-general-note span{font-size:11px;line-height:1.6;text-align:start}
@media(max-width:720px){.sf-gallery-general-note{align-items:flex-start;margin-top:7px;padding:7px 8px}.sf-gallery-general-note b,.sf-gallery-general-note span{font-size:11px}}

/* =========================================================
   Phase 49 — Product color decision UX
   Sneaker colorways are visual products: use real color media when available,
   separate purchasable vs unavailable choices, and collapse a completed step.
   ========================================================= */
.sf-color-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 0 9px;padding:0 1px}
.sf-color-section-head b{font-size:12px;color:#263750}.sf-color-section-head span{font-size:11px;color:#6b788b;line-height:1.55;text-align:left}
.sf-color-picker{min-width:0}
.sf-color-list[data-kind="orderable"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sf-color-list[data-kind="orderable"].is-collapsed .sf-color-btn:nth-child(n+7):not(.is-active){display:none}
.sf-color-card{position:relative;min-height:76px!important;padding:7px!important;gap:9px!important;border-radius:14px!important;overflow:hidden}
.sf-color-card .sf-color-visual{position:relative;display:grid;place-items:center;flex:0 0 68px;width:68px;height:60px;border:1px solid #e0e6ee;border-radius:10px;background:linear-gradient(145deg,#fafbfd,#eff3f7);overflow:hidden}
.sf-color-card .sf-color-visual>img{width:100%;height:100%;padding:2px;object-fit:contain;display:block}
.sf-color-card .sf-color-visual .sf-color-swatch{width:31px;height:31px;flex:0 0 31px;margin:auto}
.sf-color-card .sf-color-copy{display:grid;align-content:center;gap:3px;min-width:0;flex:1}
.sf-color-card .sf-color-copy>b{font-size:12px;line-height:1.45;color:#2a3950;font-weight:900;white-space:normal;overflow-wrap:anywhere}
.sf-color-card .sf-color-copy>small{margin:0!important;font-size:10px;color:#6c7a8e;font-weight:800;white-space:normal;line-height:1.45}
.sf-color-card .sf-color-check{display:none;position:absolute;top:7px;left:7px;width:22px;height:22px;border-radius:50%;place-items:center;background:#1769e0;color:#fff;font-size:12px;font-weight:900;box-shadow:0 2px 7px rgba(23,105,224,.22)}
.sf-color-card.is-active .sf-color-check{display:grid}
.sf-color-card.is-active .sf-color-visual{border-color:#9fc1ef;background:#fff}
.sf-color-card.is-unavailable{border-style:solid!important;background:#fafbfc!important;color:#667386}
.sf-color-card.is-unavailable .sf-color-visual{filter:saturate(.58);opacity:.8}
.sf-color-card.is-unavailable .sf-color-copy>b{color:#606c7c}.sf-color-card.is-unavailable .sf-color-copy>small{color:#9a5960}
.sf-color-more{min-height:44px;border:1px dashed #c4d3e7;background:#f8fbff;font-size:12px}
.sf-unavailable-colors{margin-top:11px;border:1px solid #e1e6ed;border-radius:12px;background:#fafbfd;overflow:hidden}
.sf-unavailable-colors>summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px;cursor:pointer;list-style:none;color:#5c6879}
.sf-unavailable-colors>summary::-webkit-details-marker{display:none}
.sf-unavailable-colors>summary span{display:grid;gap:1px}.sf-unavailable-colors>summary b{font-size:12px}.sf-unavailable-colors>summary small{font-size:10px;color:#7d8898}
.sf-unavailable-colors>summary i{font-style:normal;font-size:18px;transition:transform .15s}.sf-unavailable-colors[open]>summary i{transform:rotate(180deg)}
.sf-color-list-unavailable{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 9px 10px!important}
.sf-color-list-unavailable .sf-color-card{min-height:68px!important}.sf-color-list-unavailable .sf-color-visual{width:58px;height:52px;flex-basis:58px}
.sf-selected-color{align-items:center;gap:10px!important;min-height:58px!important;padding:7px 8px!important;border:1px dashed #d5dde8!important;background:#fafbfd!important}
.sf-selected-color-visual{display:grid;place-items:center;flex:0 0 48px;width:48px;height:46px;border:1px solid #dde4ed;border-radius:9px;background:#f1f4f7;overflow:hidden}
.sf-selected-color-visual img{width:100%;height:100%;padding:2px;object-fit:contain;display:block}.sf-selected-color-visual.has-image{background:#fff}
.sf-selected-color-dot{width:22px!important;height:22px!important;border-radius:50%;border:1px solid rgba(0,0,0,.13);box-shadow:0 0 0 3px #fff,0 0 0 4px #dde3eb}
.sf-selected-color-copy{display:grid;gap:1px;min-width:0;flex:1}.sf-selected-color-copy small{font-size:10px;color:#7a8798;font-style:normal}.sf-selected-color-copy b{font-size:13px;color:#263750;line-height:1.45}.sf-selected-color-copy em{font-size:11px;color:#66758a;line-height:1.55;font-style:normal}
.sf-change-color{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 10px;border:1px solid #cbd8e9;border-radius:9px;background:#fff;color:#175fbf;font-size:11px;font-weight:900;white-space:nowrap;cursor:pointer}
.sf-change-color:hover{background:#f4f8ff;border-color:#a9c4e8}.sf-change-color[hidden]{display:none!important}
.sf-choice-block.is-complete .sf-color-picker{display:none}
.sf-choice-block.is-complete .sf-selected-color{margin-top:0!important;border-style:solid!important;border-color:#cfe0f5!important;background:#f5f9ff!important}
.sf-choice-block.is-complete .sf-step-title i{background:#1b8a60!important;border-color:#1b8a60!important;color:#fff!important}
.sf-choice-block.is-complete .sf-step-title i:after{content:"✓";position:absolute}.sf-choice-block.is-complete .sf-step-title i{position:relative;color:transparent!important}
.sf-selected-color.is-unavailable-preview{border-style:solid!important;border-color:#efc9cd!important;background:#fff8f8!important}
.sf-selected-color.is-unavailable-preview .sf-selected-color-copy b,.sf-selected-color.is-unavailable-preview .sf-selected-color-copy em{color:#8e3f48}

@media(max-width:720px){
  .sf-color-section-head{align-items:flex-start}.sf-color-section-head span{max-width:55%;font-size:10px;text-align:left}
  .sf-color-list[data-kind="orderable"],.sf-color-list-unavailable{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .sf-color-card{min-height:82px!important;padding:6px!important;gap:7px!important}
  .sf-color-card .sf-color-visual{width:62px;height:58px;flex-basis:62px;border-radius:9px}
  .sf-color-card .sf-color-copy>b{font-size:12px!important}.sf-color-card .sf-color-copy>small{font-size:10px!important}
  .sf-color-list[data-kind="orderable"].is-collapsed .sf-color-btn:nth-child(n+7):not(.is-active){display:none}
  .sf-color-more{min-height:44px;font-size:12px!important}
  .sf-unavailable-colors>summary{min-height:48px}.sf-unavailable-colors>summary b{font-size:12px}.sf-unavailable-colors>summary small{font-size:10px}
  .sf-color-list-unavailable .sf-color-card{min-height:72px!important}.sf-color-list-unavailable .sf-color-visual{width:55px;height:50px;flex-basis:55px}
  .sf-selected-color{min-height:64px!important}.sf-selected-color-visual{width:50px;height:50px;flex-basis:50px}
  .sf-selected-color-copy small{font-size:10px}.sf-selected-color-copy b{font-size:13px}.sf-selected-color-copy em{font-size:11px}
  .sf-change-color{min-height:44px;font-size:12px}
}
@media(max-width:380px){
  .sf-color-list[data-kind="orderable"],.sf-color-list-unavailable{grid-template-columns:1fr}
  .sf-color-card{min-height:70px!important}.sf-color-card .sf-color-visual{width:64px;height:56px;flex-basis:64px}
}

/* Phase 49 — series cards: compare the two numbers that matter before reading details. */
.sf-series-card{display:grid;gap:9px;text-align:right!important;padding:12px!important;min-height:0!important}
.sf-series-card.is-active{padding:11px!important}
.sf-series-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.sf-series-main{display:grid;gap:2px;min-width:0}.sf-series-main b{padding:0!important;font-size:14px!important;line-height:1.45;color:#25364e}.sf-series-main small{margin:0!important;font-size:11px!important;color:#66758a;line-height:1.5}
.sf-series-radio{flex:0 0 22px;width:22px;height:22px;border:2px solid #c8d2df;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px #fff}
.sf-series-card.is-active .sf-series-radio{border-color:#1769e0;background:#1769e0;box-shadow:inset 0 0 0 5px #fff}
.sf-series-facts{display:grid;grid-template-columns:1.2fr .8fr;gap:7px}
.sf-series-facts>span{display:grid;align-content:center;gap:2px;min-height:55px;padding:7px 8px;border:1px solid #e4e9f0;border-radius:10px;background:#f8fafc}
.sf-series-facts small{margin:0!important;font-size:10px!important;color:#758296;line-height:1.35}.sf-series-facts strong{font-size:13px;color:#263750;line-height:1.45;font-weight:900}
.sf-series-facts .sf-series-price{display:block!important;margin:0!important;font-size:13px!important;color:#1457ae}
.sf-series-card .sf-series-stock{margin:0!important;justify-self:start;font-size:11px!important}
.sf-series-card .sf-series-production-note,.sf-series-card .sf-series-min,.sf-series-card .sf-series-unavailable{margin:0!important;padding:6px 8px;border-radius:8px;font-size:11px!important;line-height:1.55!important}
.sf-series-card .sf-series-production-note{background:#fff9eb;color:#775d20}.sf-series-card .sf-series-min{background:#f4f7fb;color:#58687e}.sf-series-card .sf-series-unavailable{display:block;background:#f5f6f8;color:#727d8d;font-style:normal;font-weight:800}
.sf-series-card.is-disabled{background:#fafbfd!important;border-style:dashed!important}.sf-series-card.is-disabled .sf-series-radio{border-color:#d7dee8;background:#eef1f4}
.sf-series-card.is-disabled .sf-series-facts{opacity:.72}.sf-series-card.is-disabled .sf-series-facts .sf-series-price{color:#737e8e}
@media(max-width:720px){
 .sf-series-card{gap:8px;padding:11px!important}.sf-series-card.is-active{padding:10px!important}
 .sf-series-main b{font-size:14px!important}.sf-series-main small{font-size:12px!important}
 .sf-series-facts>span{min-height:52px;padding:6px 8px}.sf-series-facts small{font-size:10px!important}.sf-series-facts strong,.sf-series-facts .sf-series-price{font-size:13px!important}
 .sf-series-card .sf-series-stock,.sf-series-card .sf-series-production-note,.sf-series-card .sf-series-min,.sf-series-card .sf-series-unavailable{font-size:12px!important}
}
.sf-selected-color-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.sf-view-color-media,.sf-change-color{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 9px;border:1px solid #cbd8e9;border-radius:9px;background:#fff;color:#175fbf;font-size:11px;font-weight:900;white-space:nowrap;cursor:pointer}
.sf-view-color-media{border-color:#d9e1eb;color:#445b76;background:#f8fafc}
.sf-view-color-media:hover,.sf-change-color:hover{background:#f1f6fd;border-color:#aac4e8}.sf-view-color-media[hidden]{display:none!important}
@media(max-width:720px){.sf-selected-color{flex-wrap:wrap}.sf-selected-color-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.sf-selected-color-actions button{min-height:44px;font-size:12px}.sf-selected-color.is-unavailable-preview .sf-selected-color-actions{grid-template-columns:1fr}.sf-selected-color.is-unavailable-preview .sf-change-color{display:none}}
.sf-final-choice{margin-bottom:5px;color:#1f3f67;font-size:12px;font-weight:900;line-height:1.55}
.sf-buy-info .sf-stock-note{text-align:right!important;margin-top:0!important}
@media(max-width:720px){.sf-final-choice{font-size:13px;line-height:1.55}.sf-buy-info .sf-stock-note{text-align:right!important}}

/* =========================================================
   Phase 50 — Product quantity, commitment and repeat-order UX
   The last step should answer: how many cartons, how many pairs,
   how much money, and what happens after the add action.
   ========================================================= */
.sf-qty-presets{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:11px;padding-top:10px;border-top:1px dashed #dde4ed}
.sf-qty-presets>span{margin-inline-end:2px;color:#6f7d90;font-size:11px;font-weight:900}
.sf-qty-presets button{min-width:42px;height:40px;padding:0 10px;border:1px solid #d5deea;border-radius:10px;background:#fff;color:#334962;font-size:12px;font-weight:900;cursor:pointer;transition:.15s}
.sf-qty-presets button:hover:not(:disabled){border-color:#9fbce3;background:#f4f8ff;color:#155bb7}
.sf-qty-presets button.is-active{border-color:#1769e0;background:#eaf3ff;color:#145bb7;box-shadow:0 0 0 2px rgba(23,105,224,.07)}
.sf-qty-presets button:disabled{cursor:not-allowed;background:#f3f5f7;color:#a0a9b5;border-color:#e2e6eb}
.sf-qty-block.is-locked .sf-qty-presets{opacity:.68}.sf-qty-block.is-locked .sf-qty-presets button{pointer-events:none}
.sf-price-line [data-sf-total-pairs]{font-variant-numeric:tabular-nums}
.sf-add-to-order-btn{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;text-align:right!important}
.sf-add-to-order-copy{display:grid;gap:2px;min-width:0}
.sf-add-to-order-copy>[data-sf-buy-label]{font-weight:900;line-height:1.45}
.sf-add-to-order-copy>[data-sf-buy-total]{font-size:10px;font-weight:800;line-height:1.45;color:rgba(255,255,255,.84)}
.sf-add-to-order-btn:disabled .sf-add-to-order-copy>[data-sf-buy-total]{color:rgba(255,255,255,.8)}
.sf-add-result{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;margin:12px 16px 16px;padding:12px;border:1px solid #bfe3d4;border-radius:14px;background:#f1fbf7;color:#225d48}
.sf-add-result[hidden]{display:none!important}
.sf-add-result.is-error{border-color:#efc9c9;background:#fff6f6;color:#8d3f43}
.sf-add-result-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#d9f4e8;color:#177651;font-size:20px;font-weight:900}
.sf-add-result.is-error .sf-add-result-icon{background:#f9dddd;color:#a13f46}.sf-add-result.is-error .sf-add-result-icon:before{content:'!'} .sf-add-result.is-error .sf-add-result-icon{font-size:0}.sf-add-result.is-error .sf-add-result-icon:before{font-size:19px}
.sf-add-result-copy{display:grid;gap:2px;min-width:0}.sf-add-result-copy b{font-size:13px}.sf-add-result-copy span{font-size:11px;line-height:1.6;color:#557264}.sf-add-result.is-error .sf-add-result-copy span{color:#80575a}
.sf-add-result-actions{display:flex;align-items:center;gap:7px}.sf-add-result-actions .sf-primary-btn,.sf-add-result-actions .sf-secondary-btn{min-height:44px;padding:9px 12px;font-size:11px;white-space:nowrap}
@media(max-width:720px){
 .sf-qty-presets{display:grid;grid-template-columns:auto repeat(5,minmax(0,1fr));gap:5px;margin-top:10px}.sf-qty-presets>span{font-size:10px}.sf-qty-presets button{min-width:0;height:44px;padding:0 4px;font-size:12px}
 .sf-add-to-order-copy>[data-sf-buy-total]{font-size:11px}
 .sf-add-result{grid-template-columns:40px minmax(0,1fr);margin:10px 12px 12px;padding:11px;gap:9px}.sf-add-result-icon{width:40px;height:40px}.sf-add-result-copy b{font-size:13px}.sf-add-result-copy span{font-size:12px}.sf-add-result-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.sf-add-result-actions .sf-primary-btn,.sf-add-result-actions .sf-secondary-btn{min-height:46px;font-size:12px}
}
@media(max-width:380px){.sf-qty-presets{grid-template-columns:repeat(5,1fr)}.sf-qty-presets>span{grid-column:1/-1}.sf-add-result-actions{grid-template-columns:1fr}}

/* =========================================================
   Phase 51 — Cart & Checkout verification UX
   Long wholesale orders must be auditable before commitment.
   ========================================================= */
.sf-cart-audit-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0 14px;padding:12px 14px;border:1px solid #dce6f2;border-radius:16px;background:linear-gradient(135deg,#fff,#f7faff);box-shadow:0 6px 18px rgba(19,44,79,.035)}
.sf-cart-audit-strip>div{display:flex;align-items:center;gap:8px;flex:0 0 auto}.sf-cart-audit-strip>div>span{display:grid;place-items:center;min-width:58px;padding:6px 8px;border:1px solid #e5eaf1;border-radius:11px;background:#fff}.sf-cart-audit-strip>div b{font-size:15px;color:#1f4f8e;line-height:1.2}.sf-cart-audit-strip>div small{margin-top:2px;color:#758296;font-size:10px;font-weight:800}.sf-cart-audit-strip p{margin:0;color:#5f6f84;font-size:11px;line-height:1.75;text-align:left}.sf-cart-audit-strip p strong{color:#2d527f}
.sf-cart-title-copy{display:grid;gap:1px;min-width:0}.sf-cart-row-label{color:#718095;font-size:10px;font-weight:900}.sf-cart-title-copy h3{margin:0!important}.sf-cart-title-copy h3 a:hover{color:#1769e0}
.sf-cart-breakdown{display:flex;align-items:flex-start;gap:7px;margin:7px 0 0;padding:7px 9px;border:1px dashed #dce3ec;border-radius:9px;background:#fafbfd;color:#5d6d81;line-height:1.55}.sf-cart-breakdown small{flex:0 0 auto;color:#8290a2;font-size:10px;font-weight:800}.sf-cart-breakdown b{font-size:10px;font-weight:850;color:#506176}
.sf-cart-price-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px;margin-top:7px;color:#6a788c;font-size:10px}.sf-cart-price-row span{display:inline-flex;align-items:center;gap:4px}.sf-cart-price-row b{color:#27394f;font-size:11px}.sf-cart-price-row .is-discount{color:#34815f}.sf-cart-price-row .is-discount b{color:#23805a}
.sf-cart-status-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:8px}.sf-cart-fulfilment{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border-radius:9px;font-size:10px;font-weight:900}.sf-cart-fulfilment.is-ready{background:#eaf8f1;color:#257453}.sf-cart-fulfilment.is-build{background:#eef5ff;color:#2c64aa}.sf-cart-fulfilment.is-conditional{background:#fff7e4;color:#88651d}.sf-cart-fulfilment.is-unavailable{background:#fff0f0;color:#a64b4b}.sf-cart-status-row .sf-stock-badge{margin:0!important}
.sf-cart-qty-line{display:flex;align-items:center;gap:10px;margin-top:9px}.sf-cart-qty-line>span{color:#68778a;font-size:10px;font-weight:900}.sf-cart-qty-line .sf-stepper{margin:0!important}.sf-cart-line-total{display:grid;align-content:center;justify-items:end;gap:2px}.sf-cart-line-total>small{color:#8a96a5;font-size:9px;font-weight:800}.sf-cart-line-total>span{color:#6c798b;font-size:10px}.sf-cart-line-total>b{font-size:13px;color:#203a5b}
.sf-summary-context{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:-4px 0 8px}.sf-summary-context span{padding:4px 7px;border-radius:8px;background:#f3f6fa;color:#69788c;font-size:10px;font-weight:800}.sf-summary-context b{color:#2f527e}.sf-cart-mobile-dock{display:none}
.sf-checkout-review-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:11px}.sf-checkout-review-head .sf-summary-visual{margin:0}.sf-checkout-review-head h3{margin:1px 0 0!important;font-size:13px}.sf-checkout-review-head .sf-kicker{font-size:9px}.sf-checkout-edit-cart{min-height:40px;padding:7px 10px;font-size:10px;white-space:nowrap}
.sf-checkout-checklist{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:9px;padding:7px;border:1px solid #dfe7f1;border-radius:11px;background:#f8fbff}.sf-checkout-checklist span{position:relative;display:flex;align-items:center;justify-content:center;min-height:31px;padding:4px;border-radius:8px;background:#fff;color:#365a84;font-size:10px;font-weight:900}.sf-checkout-checklist span:before{content:'✓';margin-left:4px;color:#25a66f;font-weight:900}
.sf-checkout-stats{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-bottom:8px}.sf-checkout-stats span{padding:4px 7px;border:1px solid #e4e9ef;border-radius:8px;background:#fafbfd;color:#6d7b8e;font-size:10px;font-weight:800}.sf-checkout-stats b{color:#254f83}
.sf-checkout-review-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:13px 0 7px;padding-top:11px;border-top:1px solid #edf0f4}.sf-checkout-review-title b{font-size:12px;color:#273950}.sf-checkout-review-title small{color:#7a8798;font-size:9px;line-height:1.55;text-align:left}
.sf-checkout-review-item{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto;align-items:center!important;gap:9px!important;padding:9px 0!important;border-top:1px solid #edf0f4}.sf-checkout-items>.sf-checkout-review-item:first-child{border-top:0}.sf-checkout-review-image{position:relative;width:52px;height:48px;border:1px solid #e0e6ee;border-radius:10px;background:#f5f7fa;overflow:hidden}.sf-checkout-review-image img{width:100%;height:100%;padding:2px;object-fit:contain}.sf-checkout-review-image i{position:absolute;top:3px;right:3px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:rgba(29,57,92,.85);color:#fff;font-size:8px;font-style:normal;font-weight:900}.sf-checkout-review-item>span{display:grid;gap:3px;min-width:0}.sf-checkout-review-item>span strong{font-size:11px!important;color:#26384e}.sf-checkout-review-item>span small{display:flex;align-items:center;gap:5px;font-size:10px!important;color:#65758a}.sf-checkout-review-item>span small em{width:12px;height:12px;flex:0 0 12px;border:1px solid rgba(0,0,0,.12);border-radius:50%}.sf-checkout-review-item .sf-checkout-breakdown{display:block;color:#7a8798!important;font-size:9px!important;line-height:1.5}.sf-checkout-review-item>b{display:grid;gap:2px;justify-items:end;white-space:nowrap;color:#223b5a;font-size:11px!important}.sf-checkout-review-item>b small{font-size:9px;color:#748196;font-weight:800}
.sf-checkout-more{margin-top:5px;padding-top:5px;border-top:1px dashed #dfe5ed}.sf-checkout-more summary{min-height:46px;padding:0 8px;border-radius:10px;background:#f5f8fc;color:#245d9f;font-size:11px!important}.sf-checkout-more summary small{margin-right:auto;margin-left:6px;color:#71829a;font-size:9px;font-weight:800}.sf-checkout-more-list{padding-top:3px}.sf-checkout-more-list>.sf-checkout-review-item{display:grid!important}
.sf-checkout-final-note{display:grid;gap:3px;margin:13px 0 10px;padding:10px 11px;border:1px solid #dce6f2;border-radius:11px;background:#f7faff}.sf-checkout-final-note b{font-size:11px;color:#284f7b}.sf-checkout-final-note span{font-size:10px;color:#6a7a8f;line-height:1.65}
@media(max-width:720px){
 .sf-cart-page{padding-bottom:104px!important}.sf-cart-audit-strip{display:grid;gap:9px;margin:9px 0 10px;padding:9px;border-radius:13px}.sf-cart-audit-strip>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.sf-cart-audit-strip>div>span{min-width:0;padding:5px 3px}.sf-cart-audit-strip>div b{font-size:14px}.sf-cart-audit-strip>div small{font-size:10px}.sf-cart-audit-strip p{text-align:right;font-size:11px;line-height:1.6}
 .sf-cart-item{grid-template-columns:82px minmax(0,1fr)!important;align-items:start!important;padding:10px!important;gap:10px!important}.sf-cart-item-image{width:82px!important;height:78px!important}.sf-cart-row-label{font-size:10px}.sf-cart-title-copy h3{font-size:13px!important}.sf-cart-breakdown{grid-column:1/-1;padding:6px 7px}.sf-cart-breakdown small,.sf-cart-breakdown b{font-size:10px}.sf-cart-price-row{gap:5px 10px;font-size:11px}.sf-cart-price-row b{font-size:11px}.sf-cart-status-row{gap:5px}.sf-cart-fulfilment,.sf-cart-status-row .sf-stock-badge{font-size:11px!important;line-height:1.55}.sf-cart-qty-line{justify-content:space-between}.sf-cart-qty-line>span{font-size:11px}.sf-cart-line-total{grid-column:1/-1!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;justify-items:start!important;gap:8px!important;padding-top:9px!important}.sf-cart-line-total>small{font-size:10px}.sf-cart-line-total>span{font-size:11px}.sf-cart-line-total>b{justify-self:end;font-size:13px}
 .sf-cart-summary .sf-cart-continue{display:none}.sf-summary-context span{font-size:11px}.sf-cart-mobile-dock{position:fixed;display:grid;grid-template-columns:minmax(0,1fr) minmax(118px,auto);align-items:center;gap:9px;right:10px;left:10px;bottom:80px;z-index:65;min-height:64px;padding:8px 9px;border:1px solid #dbe3ed;border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 13px 32px rgba(18,39,70,.18);backdrop-filter:blur(12px)}.sf-cart-mobile-dock>div{display:grid;min-width:0}.sf-cart-mobile-dock small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a8798;font-size:10px;line-height:1.4}.sf-cart-mobile-dock b{color:#1d3f67;font-size:14px}.sf-cart-mobile-dock .sf-primary-btn{min-height:47px;padding:8px 12px;font-size:12px}.sf-cart-mobile-dock.is-saving small{color:#8c671e}.sf-cart-mobile-dock.is-error small{color:#ae4444}.sf-cart-mobile-dock.is-saved small{color:#28795a}
 .sf-checkout-summary{padding:13px!important}.sf-checkout-review-head{grid-template-columns:auto 1fr;gap:8px}.sf-checkout-review-head .sf-checkout-edit-cart{grid-column:1/-1;width:100%;min-height:44px}.sf-checkout-checklist{gap:4px;padding:5px}.sf-checkout-checklist span{min-height:34px;padding:3px;font-size:10px}.sf-checkout-review-title{align-items:flex-start}.sf-checkout-review-title small{max-width:58%;font-size:10px;text-align:left}.sf-checkout-review-item{grid-template-columns:56px minmax(0,1fr)!important;gap:8px!important;padding:9px 0!important}.sf-checkout-review-image{width:56px;height:52px}.sf-checkout-review-item>span strong{font-size:13px!important}.sf-checkout-review-item>span small{font-size:11px!important}.sf-checkout-review-item .sf-checkout-breakdown{font-size:10px!important}.sf-checkout-review-item>b{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;width:100%;padding:7px 1px 0!important;border-top:1px dashed #e2e7ee;font-size:12px!important}.sf-checkout-review-item>b small{font-size:11px}.sf-checkout-more summary{min-height:48px;font-size:12px!important}.sf-checkout-more summary small{font-size:10px}.sf-checkout-final-note b{font-size:12px}.sf-checkout-final-note span{font-size:11px}
}


/* =========================================================
   Phase 51.1 — Cart inventory safety & final commitment clarity
   A stale ready-stock quantity must never look safe to submit.
   ========================================================= */
.sf-cart-review-alert{display:grid;gap:2px;margin:-3px 0 12px;padding:11px 13px;border:1px solid #efc9cc;border-radius:13px;background:#fff5f5;color:#8c4147}
.sf-cart-review-alert[hidden]{display:none!important}.sf-cart-review-alert b{font-size:12px}.sf-cart-review-alert span{font-size:11px;line-height:1.65}
.sf-cart-item.is-needs-review{border-color:#e5aeb3!important;background:linear-gradient(135deg,#fff,#fff8f8)!important;box-shadow:0 0 0 3px rgba(203,76,86,.055),0 10px 25px rgba(80,31,35,.055)!important}
.sf-cart-item.is-needs-review .sf-cart-row-label{color:#a74b53}.sf-cart-stock-issue{display:grid;gap:2px;margin-top:8px;padding:8px 9px;border:1px solid #edc9cc;border-radius:9px;background:#fff2f3;color:#8d4048;line-height:1.55}
.sf-cart-stock-issue[hidden]{display:none!important}.sf-cart-stock-issue b{font-size:11px}.sf-cart-stock-issue span{font-size:10px}
.sf-cart-continue.is-blocked,.sf-cart-mobile-dock .sf-primary-btn.is-blocked{background:#8d98a7!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}
.sf-cart-continue.is-blocked:hover,.sf-cart-mobile-dock .sf-primary-btn.is-blocked:hover{background:#8d98a7!important}
.sf-checkout-commit{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 8px;padding:11px 12px;border:1px solid #d7e3f1;border-radius:12px;background:linear-gradient(135deg,#f8fbff,#fff)}
.sf-checkout-commit>div{display:grid;gap:2px;min-width:0}.sf-checkout-commit small{color:#7b899b;font-size:10px;font-weight:800}.sf-checkout-commit b{color:#2e4f75;font-size:11px;line-height:1.55}.sf-checkout-commit strong{white-space:nowrap;color:#1458ad;font-size:15px}
.sf-checkout-submit{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;text-align:right!important}.sf-checkout-submit-copy{display:grid;gap:2px}.sf-checkout-submit-copy>b{font-size:13px;line-height:1.45}.sf-checkout-submit-copy>small{color:rgba(255,255,255,.82);font-size:10px;font-weight:800}.sf-checkout-submit:disabled .sf-checkout-submit-copy>small{color:rgba(255,255,255,.72)}
@media(max-width:720px){
 .sf-cart-review-alert{margin:0 0 10px;padding:10px 11px}.sf-cart-review-alert b{font-size:13px}.sf-cart-review-alert span{font-size:12px}
 .sf-cart-stock-issue{padding:8px 9px}.sf-cart-stock-issue b{font-size:12px}.sf-cart-stock-issue span{font-size:12px}
 .sf-cart-item.is-needs-review{box-shadow:0 0 0 2px rgba(203,76,86,.05)!important}
 .sf-checkout-commit{padding:10px 11px}.sf-checkout-commit small{font-size:11px}.sf-checkout-commit b{font-size:12px}.sf-checkout-commit strong{font-size:15px}
 .sf-checkout-submit-copy>b{font-size:14px}.sf-checkout-submit-copy>small{font-size:11px}
}

/* =========================================================
   Phase 57 — Explicit ready-stock vs production ordering
   Website remains carton-only and never silently mixes flows.
   ========================================================= */
.sf-fulfilment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px}
.sf-fulfilment-option{min-height:68px;display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #dbe3ed;border-radius:13px;background:#fff;color:#31465f;text-align:right;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}
.sf-fulfilment-option[hidden]{display:none!important}.sf-fulfilment-option:hover{border-color:#adc3df;background:#f8fbff;transform:translateY(-1px)}
.sf-fulfilment-option>span:last-child{display:grid;gap:3px;min-width:0}.sf-fulfilment-option b{font-size:12px;line-height:1.5}.sf-fulfilment-option small{color:#748399;font-size:10px;line-height:1.55;font-weight:800}
.sf-fulfilment-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:#eef3f8;color:#47617e;font-size:15px;font-weight:900}
.sf-fulfilment-option.is-ready.is-active{border-color:#57b88d;background:#f1fbf6;box-shadow:0 0 0 3px rgba(52,158,112,.07)}.sf-fulfilment-option.is-ready.is-active .sf-fulfilment-icon{background:#d9f3e6;color:#1f7a55}
.sf-fulfilment-option.is-production.is-active{border-color:#e0b459;background:#fff9ec;box-shadow:0 0 0 3px rgba(188,137,34,.07)}.sf-fulfilment-option.is-production.is-active .sf-fulfilment-icon{background:#f8e9bd;color:#856319}
.sf-fulfilment-help{margin-top:7px;padding:7px 9px;border-radius:9px;background:#f7f9fc;color:#6e7d91;font-size:10px;font-weight:800;line-height:1.65}
.sf-cart-type-banner{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:11px 12px;border:1px solid #cee5d9;border-radius:13px;background:#f3fbf7;color:#285d47}.sf-cart-type-banner>span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:#dff4e8;font-weight:900}.sf-cart-type-banner>div{display:grid;gap:2px}.sf-cart-type-banner b{font-size:12px}.sf-cart-type-banner small{font-size:10px;line-height:1.6;color:#557565;font-weight:800}
.sf-cart-type-banner.is-production{border-color:#ead6a7;background:#fffaf0;color:#755a1f}.sf-cart-type-banner.is-production>span{background:#f7eac5}.sf-cart-type-banner.is-production small{color:#7d6b45}
.sf-reserve-note.is-production{border-color:#ead6a7!important;background:#fffaf0!important}.sf-reserve-note.is-production b{color:#73581d!important}.sf-reserve-note.is-production small{color:#7c6a44!important}
.sf-checkout-commit.is-production{border-color:#ead6a7;background:linear-gradient(135deg,#fffaf0,#fff)}.sf-checkout-commit.is-production b{color:#745a21}.sf-checkout-commit.is-production strong{color:#876619}
.sf-action-callout.is-production{border-color:#ead6a7;background:#fffaf0}.sf-action-callout.is-production b{color:#745a21}
@media(max-width:720px){
 .sf-fulfilment-options{grid-template-columns:1fr;gap:7px}.sf-fulfilment-option{min-height:64px;padding:10px}.sf-fulfilment-option b{font-size:13px}.sf-fulfilment-option small{font-size:11px}.sf-fulfilment-help{font-size:11px}
 .sf-cart-type-banner{padding:10px 11px}.sf-cart-type-banner b{font-size:13px}.sf-cart-type-banner small{font-size:11px}
}

/* Phase 93 - weak-network + market-search UX */
.sf-market-tags{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:8px}.sf-market-tags a{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #d5dfec;border-radius:999px;background:#fff;color:#29425f;font-size:12px;font-weight:850;text-decoration:none}.sf-market-tags a:hover{border-color:#91add0;background:#f5f9ff}.sfh-market-tags{margin-top:0}
.sf-product-image-stage,.sfh-model-image,.sfm-color-card-media,.sf-color-visual,.sf-gallery-stage,.sf64-cart-image,.sf66-checkout-review-item>img{background:#eef2f6;position:relative;overflow:hidden}.sf-product-image-stage,.sfh-model-image,.sfm-color-card-media,.sf-color-visual,.sf-gallery-stage,.sf64-cart-image{background-image:linear-gradient(100deg,rgba(231,236,242,.75) 18%,rgba(248,250,252,.98) 38%,rgba(231,236,242,.75) 62%);background-size:220% 100%;animation:royanSkeleton 1.25s ease-in-out infinite}.sf-product-image-stage img,.sfh-model-image img,.sfm-color-card-media img,.sf-color-visual img,.sf-gallery-stage img,.sf64-cart-image img{position:relative;z-index:1;background:transparent}.sfm-color-card-media{background-color:var(--sf-color-fallback,#edf1f5)}.sfm-color-card-media:has(img){background-color:var(--sf-color-fallback,#edf1f5)}
@keyframes royanSkeleton{0%{background-position:100% 0}100%{background-position:-120% 0}}
.sf64-size-snapshot{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap;margin-top:6px;padding:7px 9px;border:1px solid #d9e2ee;border-radius:10px;background:#f8fbff;color:#334d6b;font-size:11.5px;line-height:1.7}.sf64-size-snapshot b{color:#102d4e;font-size:11.5px}.sf64-size-snapshot span{font-weight:750}
.sf75-reservation-countdown{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:11px 13px;border:1px solid #f0c36a;border-radius:13px;background:#fff9e9;color:#684a0d}.sf75-reservation-countdown>div{display:grid;gap:3px}.sf75-reservation-countdown b{font-size:13px}.sf75-reservation-countdown span{font-size:11.5px}.sf75-reservation-countdown strong{direction:ltr;font-size:18px;font-weight:950;white-space:nowrap}.sf75-reservation-countdown.is-expired{border-color:#e4a3a3;background:#fff2f2;color:#8b2e2e}
.sf75-copy-card{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:7px}.sf75-copy-card button{min-height:42px;padding:0 13px;border:0;border-radius:10px;background:#173d6b;color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.sf75-copy-hint{display:block;margin-top:5px;color:#32805d;font-size:11px;font-weight:800;min-height:16px}
@media(max-width:720px){.sf-market-tags{flex-wrap:nowrap;overflow:auto;padding-bottom:2px;scrollbar-width:none}.sf-market-tags::-webkit-scrollbar{display:none}.sf-market-tags a{flex:0 0 auto;min-height:38px;font-size:13px}.sf64-size-snapshot{font-size:12.5px;padding:8px 9px}.sf64-size-snapshot b{font-size:12.5px}.sf75-reservation-countdown{align-items:flex-start}.sf75-reservation-countdown strong{font-size:19px}.sf75-copy-card{grid-template-columns:1fr}.sf75-copy-card button{width:100%;font-size:14px}}
.sf75-price-policy{display:grid;gap:3px;margin:9px 0;padding:10px 12px;border:1px solid #d9e3ef;border-radius:12px;background:#f8fafc}.sf75-price-policy b{font-size:12.5px}.sf75-price-policy span{font-size:11.5px;line-height:1.7;color:#66778d}.sf75-price-policy.is-fixed{border-color:#b9e1ca;background:#f1fbf5}.sf75-price-policy.is-fixed b{color:#19724d}.sf75-price-policy.is-floating{border-color:#ebce8b;background:#fff9e9}.sf75-price-policy.is-floating b{color:#805f16}@media(max-width:720px){.sf75-price-policy{padding:10px}.sf75-price-policy b{font-size:13px}.sf75-price-policy span{font-size:12px}}

/* Phase 93 - progressive image loading for weak workshop internet */
.sf-progressive-host{position:relative;overflow:hidden}
.sf-progressive-host.sf-image-pending{background:var(--sf-color-fallback,#e7ebf1)}
.sf-progressive-host.sf-image-pending::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.72) 45%,rgba(255,255,255,0) 70%);transform:translateX(100%);animation:sf93Skeleton 1.25s infinite}
.sf-progressive-host.sf-image-pending>img{opacity:.12}
.sf-progressive-host>img{transition:opacity .22s ease}
.sf-progressive-host.sf-image-loaded>img{opacity:1}
@keyframes sf93Skeleton{to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.sf-progressive-host.sf-image-pending::after{animation:none;background:rgba(255,255,255,.34)}}


/* Source: storefront-v52.css */
/* =========================================================
   Phase 52 — Storefront Visual System Rebuild
   One coherent visual language for the full buyer journey.
   Scope: .sf-v52 only, preserving legacy behavior underneath.
   ========================================================= */
.sf-v52{
  --sf-blue:#155eef;
  --sf-blue-dark:#0e48c9;
  --sf-blue-soft:#eef4ff;
  --sf-ink:#17243a;
  --sf-ink-2:#33445f;
  --sf-muted:#738197;
  --sf-muted-2:#94a0b2;
  --sf-bg:#f3f6fa;
  --sf-surface:#ffffff;
  --sf-surface-soft:#f8fafc;
  --sf-line:#dde5ef;
  --sf-line-strong:#cad6e5;
  --sf-green:#179565;
  --sf-green-soft:#eaf8f1;
  --sf-orange:#c77b17;
  --sf-orange-soft:#fff4e5;
  --sf-red:#c74450;
  --sf-red-soft:#fff0f1;
  --sf-radius:18px;
  --sf-radius-sm:13px;
  --sf-shadow:0 14px 38px rgba(30,52,83,.08);
  --sf-shadow-soft:0 6px 20px rgba(30,52,83,.055);
  background:
    radial-gradient(circle at 94% 0%,rgba(21,94,239,.045),transparent 24rem),
    linear-gradient(#f6f8fb 0,#f3f6fa 42rem,#f3f6fa 100%);
  color:var(--sf-ink);
  font-size:14px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.sf-v52 *{scroll-margin-top:92px}
.sf-v52 a,.sf-v52 button,.sf-v52 input,.sf-v52 textarea,.sf-v52 select{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.sf-v52 button,.sf-v52 a{touch-action:manipulation}
.sf-v52 button:focus-visible,.sf-v52 a:focus-visible,.sf-v52 input:focus-visible,.sf-v52 textarea:focus-visible,.sf-v52 select:focus-visible,.sf-v52 summary:focus-visible{outline:3px solid rgba(21,94,239,.18);outline-offset:2px}
.sf-v52 .sf-container{width:min(1240px,calc(100% - 40px))}
.sf-v52 .sf-main{padding-bottom:34px}
.sf-v52 .sf-page{min-height:calc(100vh - 74px)}
.sf-v52 .sf-top-spacer{padding-top:22px!important}
.sf-v52 .sf-page-section{padding-top:24px!important}

/* Header / navigation */
.sf-v52 .sf-topbar{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(216,225,236,.9);box-shadow:0 2px 14px rgba(38,56,80,.025);backdrop-filter:blur(18px) saturate(150%)}
.sf-v52 .sf-topbar-inner{height:74px;gap:24px}
.sf-v52 .sf-brand{gap:11px}
.sf-v52 .sf-brand-mark{width:42px;height:42px;padding:3px;border:1px solid #e1e7ef;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(35,51,73,.055);object-fit:contain}
.sf-v52 .sf-brand-title{font-size:17px;color:#17243a;font-weight:950;letter-spacing:-.2px}
.sf-v52 .sf-brand-sub{margin-top:0;color:#8b97a8;font-size:11px;line-height:1.4}
.sf-v52 .sf-desktop-nav{gap:4px;padding:4px;border:1px solid #e4eaf2;border-radius:14px;background:#f7f9fc}
.sf-v52 .sf-desktop-nav a{min-width:78px;padding:9px 13px;border-radius:10px;color:#5c6b80;font-size:12px;font-weight:850;text-align:center}
.sf-v52 .sf-desktop-nav a:hover{background:#fff;color:#27405f}
.sf-v52 .sf-desktop-nav a.is-active{background:#fff;color:var(--sf-blue);box-shadow:0 3px 11px rgba(31,54,86,.07)}
.sf-v52 .sf-header-actions{gap:8px}
.sf-v52 .sf-icon-btn{height:44px;min-width:44px;padding:0 13px;border-color:#dce4ee;border-radius:12px;background:#fff;color:#44536b;font-size:12px;box-shadow:0 2px 8px rgba(31,48,72,.025)}
.sf-v52 .sf-icon-btn:hover{border-color:#bfcde0;background:#f8fbff;color:var(--sf-blue)}
.sf-v52 .sf-icon-btn svg{width:20px;height:20px;stroke-width:1.7}
.sf-v52 .sf-cart-badge i{top:-7px;left:-7px;min-width:20px;height:20px;background:#df3e50;font-size:10px;box-shadow:0 2px 6px rgba(180,38,55,.2)}

/* Universal controls */
.sf-v52 .sf-searchbar{height:54px;border-color:#d9e2ed;border-radius:15px;padding:0 15px;background:#fff;box-shadow:0 5px 18px rgba(31,49,74,.045)}
.sf-v52 .sf-searchbar:focus-within{border-color:#a9c5f4;box-shadow:0 0 0 4px rgba(21,94,239,.07),0 7px 22px rgba(31,49,74,.05)}
.sf-v52 .sf-searchbar input{font-size:14px!important;color:#22324a}
.sf-v52 .sf-searchbar input::placeholder{color:#a0abb9}
.sf-v52 .sf-search-submit{align-self:stretch;margin:-1px -1px -1px 0;padding:0 18px;border-radius:14px!important;background:var(--sf-blue)!important;color:#fff!important;font-size:12px!important;font-weight:900!important}
.sf-v52 .sf-search-submit:hover{background:var(--sf-blue-dark)!important}
.sf-v52 .sf-search-clear{width:36px;height:36px;border-radius:10px!important;font-size:18px!important}
.sf-v52 .sf-chips{gap:8px;padding:3px 1px 5px}
.sf-v52 .sf-chip{min-height:42px;display:inline-flex;align-items:center;padding:8px 15px;border-color:#dce4ee;border-radius:12px;background:#fff;color:#5f6f85;font-size:12px!important;font-weight:850;box-shadow:0 2px 7px rgba(34,52,78,.02)}
.sf-v52 .sf-chip:hover{border-color:#b9c9df;color:#274867;background:#fbfdff}
.sf-v52 .sf-chip.is-active{background:var(--sf-blue);border-color:var(--sf-blue);color:#fff;box-shadow:0 6px 15px rgba(21,94,239,.18)}
.sf-v52 .sf-primary-btn{min-height:48px;border-radius:13px;padding:11px 17px;background:var(--sf-blue);font-size:13px!important;font-weight:900;box-shadow:0 8px 18px rgba(21,94,239,.17)}
.sf-v52 .sf-primary-btn:hover{background:var(--sf-blue-dark);box-shadow:0 10px 22px rgba(21,94,239,.21);transform:translateY(-1px)}
.sf-v52 .sf-secondary-btn{min-height:46px;border-color:#d9e2ed;border-radius:13px;padding:10px 15px;background:#fff;color:#43536a;font-size:12px!important;font-weight:850}
.sf-v52 .sf-secondary-btn:hover{border-color:#b9c9de;background:#f8fbff;color:#244c7a}
.sf-v52 .sf-kicker{color:#5d78a1;font-size:11px!important;font-weight:900;letter-spacing:0}
.sf-v52 .sf-section-head{margin:28px 0 13px}
.sf-v52 .sf-section-title{font-size:20px;font-weight:950;letter-spacing:-.35px}
.sf-v52 .sf-section-sub{margin-top:2px;color:#8390a2;font-size:12px!important}
.sf-v52 .sf-link{min-height:40px;display:inline-flex;align-items:center;color:var(--sf-blue);font-size:12px!important;font-weight:900}
.sf-v52 .sf-empty{padding:28px 18px;border:1px dashed #cdd8e6;border-radius:16px;background:#fbfcfe;color:#6d7b90;text-align:center;font-size:13px}
.sf-v52 .sf-alert{border-radius:14px;font-size:13px!important;line-height:1.8}

/* Home hero */
.sf-v52 .sf-home-shell .sf-searchbar{max-width:none}
.sf-v52 .sf-home-shell .sf-promo{min-height:230px;margin-top:15px!important;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(118deg,#0b1e3d 0%,#123e78 58%,#1b66cf 112%);box-shadow:0 20px 48px rgba(16,45,86,.19)}
.sf-v52 .sf-home-shell .sf-promo:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,#000 0,transparent 72%);pointer-events:none}
.sf-v52 .sf-promo-content{padding:29px 31px;max-width:61%}
.sf-v52 .sf-promo-eyebrow{display:inline-flex!important;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.07);color:#c7dcff;font-size:11px!important}
.sf-v52 .sf-promo-eyebrow i{width:7px;height:7px;border-radius:50%;background:#57d89c;box-shadow:0 0 0 5px rgba(87,216,156,.1)}
.sf-v52 .sf-promo h1{margin:10px 0 7px!important;max-width:560px;color:#fff;font-size:32px!important;line-height:1.45;font-weight:950;letter-spacing:-.6px}
.sf-v52 .sf-promo h1 span{color:#8ec0ff}
.sf-v52 .sf-promo p{max-width:540px;color:#c6d5e9;font-size:13px!important;line-height:1.9}
.sf-v52 .sf-promo-points{display:flex!important;flex-wrap:wrap;gap:7px;margin-top:14px}
.sf-v52 .sf-promo-points span{padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.065);color:#dce7f7;font-size:10px!important;font-weight:800}
.sf-v52 .sf-promo-action{min-height:46px;display:inline-flex!important;align-items:center;gap:16px;margin-top:17px;padding:10px 15px;border-radius:12px;background:#fff;color:#17375e;font-size:12px!important;box-shadow:0 9px 22px rgba(0,0,0,.14)}
.sf-v52 .sf-promo-action b{font-size:17px}
.sf-v52 .sf-home-shell .sf-promo-image{left:4%;bottom:7%;width:33%;height:86%;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.075);box-shadow:0 18px 35px rgba(0,0,0,.16);filter:drop-shadow(0 14px 18px rgba(0,0,0,.18));object-fit:contain!important;opacity:1}
.sf-v52 .sf-promo-float{border-color:rgba(255,255,255,.12)!important;background:rgba(11,31,62,.68)!important;backdrop-filter:blur(9px)}
.sf-v52 .sf-order-guide-compact{margin-top:12px;padding:7px;border:1px solid #dce5f0;border-radius:16px;background:#fff;box-shadow:var(--sf-shadow-soft)}
.sf-v52 .sf-order-guide-compact>div{min-height:58px;border-radius:11px!important;background:#f8fafc!important}
.sf-v52 .sf-order-guide-compact i{width:30px!important;height:30px!important;border-radius:10px!important;background:#eaf2ff!important;color:var(--sf-blue)!important;font-size:12px!important}
.sf-v52 .sf-order-guide-compact b{font-size:12px!important;color:#30425b}
.sf-v52 .sf-order-guide-compact small{font-size:10px!important;color:#8995a6}

/* Product rows — product photography first, operational data second */
.sf-v52 .sf-product-stack{gap:12px}
.sf-v52 .sf-product-row{grid-template-columns:148px minmax(0,1fr) 205px;min-height:142px;gap:16px;padding:12px;border-color:#dce4ed;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(31,48,72,.04);transform:none}
.sf-v52 .sf-product-row:hover{border-color:#bbcce1;box-shadow:0 12px 28px rgba(31,48,72,.075);transform:translateY(-1px)}
.sf-v52 .sf-product-image{width:148px;height:118px;padding:7px;border:1px solid #e4e9ef;border-radius:14px;background:linear-gradient(145deg,#fafbfd,#f3f6f9)}
.sf-v52 .sf-product-image img{width:100%;height:100%;object-fit:contain!important;object-position:center}
.sf-v52 .sf-product-main{align-self:center}
.sf-v52 .sf-product-name{align-items:center;flex-wrap:wrap;gap:7px 9px;color:#17263d;font-size:16px!important;line-height:1.55;font-weight:950}
.sf-v52 .sf-product-code{margin-top:2px;color:#94a0b0;font-size:11px!important}
.sf-v52 .sf-product-meta{gap:5px 8px;margin-top:10px;color:#69788d;font-size:11px!important}
.sf-v52 .sf-dot{padding:4px 7px;border:1px solid #e7ebf0;border-radius:8px;background:#fafbfd}
.sf-v52 .sf-dot:before{display:none}
.sf-v52 .sf-product-status{padding:5px 8px;border-radius:8px;font-size:10px!important;line-height:1.35}
.sf-v52 .sf-status-green{background:var(--sf-green-soft);color:#158056}
.sf-v52 .sf-status-blue{background:var(--sf-blue-soft);color:#1b5dbe}
.sf-v52 .sf-status-orange{background:var(--sf-orange-soft);color:#a96511}
.sf-v52 .sf-status-red{background:var(--sf-red-soft);color:#b23d48}
.sf-v52 .sf-price{align-self:center;padding-right:15px;border-right:1px solid #edf0f4;text-align:left}
.sf-v52 .sf-price small{color:#8d99aa;font-size:11px!important}
.sf-v52 .sf-price b{margin-top:1px;color:#1c3452;font-size:15px!important;line-height:1.55}
.sf-v52 .sf-price-action{min-height:40px;display:flex;align-items:center;justify-content:center;margin-top:9px;padding:8px 12px;border-color:#c8d8ee;border-radius:10px;background:#f6faff;color:#175bb6;font-size:11px!important}
.sf-v52 .sf-price-action:hover{border-color:#98b9e6;background:#eef5ff;color:#104e9f}

/* Catalog */
.sf-v52 .sf-catalog-intro{padding:19px 21px;border:1px solid #dce5ef;border-radius:18px;background:linear-gradient(120deg,#fff,#f7faff);box-shadow:var(--sf-shadow-soft)}
.sf-v52 .sf-catalog-intro h1{margin:3px 0 4px;color:#1b2c44;font-size:23px!important;line-height:1.55}
.sf-v52 .sf-catalog-intro p{margin:0;color:#748299;font-size:12px!important}
.sf-v52 .sf-catalog-trust{gap:6px}
.sf-v52 .sf-catalog-trust span{padding:6px 9px;border:1px solid #dfe7f2;border-radius:9px;background:#fff;color:#5b6d84;font-size:10px!important}
.sf-v52 .sf-catalog-search{margin-top:12px}
.sf-v52 .sf-catalog-results-head{margin-top:24px}
.sf-v52 .sf-auto-load-hint{color:#8b97a8;font-size:11px!important}
.sf-v52 .sf-catalog-layout{grid-template-columns:220px minmax(0,1fr) 300px;gap:16px}
.sf-v52 .sf-side-card{padding:16px;border-color:#dce5ef;border-radius:17px;background:#fff;box-shadow:var(--sf-shadow-soft)}
.sf-v52 .sf-side-card h3{font-size:13px!important}
.sf-v52 .sf-filter-list{gap:5px}
.sf-v52 .sf-filter-option{min-height:42px;padding:8px 10px;color:#607087;font-size:12px!important}
.sf-v52 .sf-filter-option.is-active{background:#edf4ff;color:#1558ba}
.sf-v52 .sf-filter-note{margin-top:13px;padding:10px;border-radius:10px;background:#f7f9fc;color:#7c899a;font-size:10px!important;line-height:1.7}
.sf-v52 .sf-mini-cart{top:94px}
.sf-v52 .sf-mini-cart-item{grid-template-columns:48px minmax(0,1fr);gap:8px 10px;padding:10px 0}
.sf-v52 .sf-mini-cart-item img{width:48px;height:44px;padding:2px;border:1px solid #e5e9ef;border-radius:9px;object-fit:contain!important;background:#f8fafc}
.sf-v52 .sf-mini-cart-item>div b{font-size:11px!important}.sf-v52 .sf-mini-cart-item>div small{font-size:10px!important;line-height:1.6}
.sf-v52 .sf-mini-cart-price{grid-column:2;font-size:10px!important;color:#334b68}
.sf-v52 .sf-mini-cart-total{font-size:12px!important}
.sf-v52 .sf-mini-empty{padding:13px 5px;color:#8995a6;font-size:11px!important;line-height:1.8;text-align:center}
.sf-v52 .sf-loadmore-wrap{margin-top:12px;padding:12px;border:1px dashed #d7e0ec;border-radius:13px;background:#fafbfd;color:#7a8799;font-size:11px!important}
.sf-v52 .sf-status-help{margin-top:12px;border:1px solid #e0e6ee;border-radius:13px;background:#fff;overflow:hidden}
.sf-v52 .sf-status-help summary{min-height:48px;padding:10px 13px;color:#53647b;font-size:12px!important;font-weight:850}

/* Product page */
.sf-v52 .sf-product-page{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:24px;align-items:start}
.sf-v52 .sf-product-back-row{margin-bottom:10px}
.sf-v52 .sf-hero-back{min-height:40px;display:inline-flex;align-items:center;padding:6px 11px;border:1px solid #dce4ee;border-radius:10px;background:#fff;color:#64758b;font-size:11px!important}
.sf-v52 .sf-gallery-card{top:94px;padding:12px;border:1px solid #dce4ee;border-radius:20px;background:#fff;box-shadow:var(--sf-shadow-soft)}
.sf-v52 .sf-gallery-context{min-height:46px;margin-bottom:10px;padding:8px 11px;border-color:#e3e9f1;border-radius:11px;background:#f8fafc}
.sf-v52 .sf-gallery-context span,.sf-v52 .sf-gallery-context b{font-size:11px!important}
.sf-v52 .sf-gallery-stage{aspect-ratio:16/11;min-height:360px;max-height:470px;padding:0;border-color:#e4e9ef!important;border-radius:15px!important;background:linear-gradient(145deg,#fafbfd,#f1f5f9)!important}
.sf-v52 .sf-gallery-stage img,.sf-v52 .sf-gallery-stage video{padding:14px!important;object-fit:contain!important}
.sf-v52 .sf-gallery-media-row{margin-top:10px}
.sf-v52 .sf-gallery-media-row>span{font-size:11px!important}
.sf-v52 .sf-gallery-thumb{width:66px;height:58px;flex-basis:66px;border-color:#dbe3ed;border-radius:10px;background:#f7f9fb}
.sf-v52 .sf-gallery-thumb.is-active{border-color:var(--sf-blue);box-shadow:0 0 0 2px rgba(21,94,239,.1)}
.sf-v52 .sf-product-order-panel{min-width:0}
.sf-v52 .sf-product-head{padding:3px 2px 10px;border-bottom:1px solid #e8edf3}
.sf-v52 .sf-product-head h1{color:#182943;font-size:26px!important;line-height:1.45;letter-spacing:-.35px}
.sf-v52 .sf-product-head p,.sf-v52 .sf-product-code{font-size:11px!important}
.sf-v52 .sf-product-head-meta{gap:6px;margin-top:9px}
.sf-v52 .sf-product-head-meta>span{padding:5px 8px!important;border:1px solid #e2e8f0!important;border-radius:8px!important;background:#fafbfd!important;color:#66758a!important;font-size:10px!important}
.sf-v52 .sf-heart{width:46px;height:46px;flex:0 0 46px;border-color:#dce4ed;border-radius:13px;color:#68788f}
.sf-v52 .sf-heart:hover{background:#fff5f7;color:#d94b64;border-color:#f0cbd2}
.sf-v52 .sf-choice-block,.sf-v52 .sf-qty-block{margin-top:12px;padding:16px;border:1px solid #dce5ef;border-radius:17px;background:#fff;box-shadow:0 4px 16px rgba(31,49,74,.035)}
.sf-v52 .sf-block-head{margin-bottom:12px}
.sf-v52 .sf-step-title{gap:8px}
.sf-v52 .sf-step-title i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf4ff;color:var(--sf-blue);font-size:12px!important;font-style:normal;font-weight:950}
.sf-v52 .sf-step-title b{font-size:13px!important;color:#2e4058}
.sf-v52 .sf-block-head small{font-size:10px!important;color:#8d98a8}
.sf-v52 .sf-color-section-head{margin-bottom:10px}
.sf-v52 .sf-color-section-head b{font-size:12px!important}.sf-v52 .sf-color-section-head span{font-size:10px!important}
.sf-v52 .sf-color-list[data-kind="orderable"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sf-v52 .sf-color-card{min-height:84px!important;padding:7px!important;border:1px solid #dde5ef!important;border-radius:13px!important;background:#fff!important;box-shadow:0 2px 8px rgba(31,48,72,.025)!important}
.sf-v52 .sf-color-card:hover{border-color:#a9c1e4!important;background:#fafdff!important}
.sf-v52 .sf-color-card.is-active{border-color:#77a6ea!important;background:#f3f8ff!important;box-shadow:0 0 0 3px rgba(21,94,239,.075)!important}
.sf-v52 .sf-color-card .sf-color-visual{width:72px;height:66px;flex-basis:72px;border-color:#e0e6ed;border-radius:10px;background:#f7f9fb}
.sf-v52 .sf-color-card .sf-color-visual>img{padding:3px;object-fit:contain!important}
.sf-v52 .sf-color-card .sf-color-copy>b{font-size:12px!important;color:#293b53}.sf-v52 .sf-color-card .sf-color-copy>small{font-size:10px!important;color:#78869a}
.sf-v52 .sf-color-more{min-height:46px;border-color:#bfcfe4;border-radius:11px;background:#f8fbff;color:#42678f;font-size:11px!important}
.sf-v52 .sf-unavailable-colors{border-color:#e2e7ed;border-radius:12px;background:#fafbfd}
.sf-v52 .sf-selected-color{border-color:#d8e4f3!important;border-radius:13px!important;background:#f7faff!important}
.sf-v52 .sf-series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sf-v52 .sf-series-card{padding:12px!important;border:1px solid #dce5ef!important;border-radius:13px!important;background:#fff!important;box-shadow:0 2px 8px rgba(31,49,74,.025)}
.sf-v52 .sf-series-card:hover:not(.is-disabled){border-color:#aac1e1!important;background:#fbfdff!important}
.sf-v52 .sf-series-card:has(input:checked){border-color:#72a1e7!important;background:#f4f8ff!important;box-shadow:0 0 0 3px rgba(21,94,239,.07)}
.sf-v52 .sf-series-main b{font-size:13px!important;color:#2a3c54}.sf-v52 .sf-series-main small{font-size:10px!important;color:#8591a2}
.sf-v52 .sf-series-facts{gap:7px!important}.sf-v52 .sf-series-facts>span{padding:8px!important;border-radius:9px!important;background:#f7f9fc!important}
.sf-v52 .sf-series-facts small{font-size:9px!important}.sf-v52 .sf-series-facts strong{font-size:12px!important}
.sf-v52 .sf-series-stock,.sf-v52 .sf-series-production-note,.sf-v52 .sf-series-min,.sf-v52 .sf-series-unavailable{font-size:10px!important;line-height:1.65}
.sf-v52 .sf-series-card.is-disabled{opacity:1!important;border-style:dashed!important;background:#fbfbfc!important;color:#738096!important}
.sf-v52 .sf-choice-help{margin-top:10px;color:#7a889b;font-size:10px!important}
.sf-v52 .sf-qty-row{gap:14px}.sf-v52 .sf-qty-title{font-size:13px!important}.sf-v52 .sf-qty-help{font-size:10px!important;color:#8491a2}
.sf-v52 .sf-stepper{border:1px solid #d8e2ee;border-radius:13px;background:#f8fafc;overflow:hidden}
.sf-v52 .sf-stepper button{width:48px;height:48px;border:0;background:#fff;color:#264c7a;font-size:20px;font-weight:700}
.sf-v52 .sf-stepper input{width:70px;height:48px;border:0!important;background:#f8fafc!important;text-align:center;font-size:16px!important;font-weight:900}
.sf-v52 .sf-qty-presets{gap:6px;margin-top:10px}.sf-v52 .sf-qty-presets>span{font-size:10px!important}.sf-v52 .sf-qty-presets button{min-width:42px;min-height:40px;border:1px solid #dce4ed;border-radius:9px;background:#fff;color:#4f6179;font-size:11px!important;font-weight:850}
.sf-v52 .sf-qty-presets button:hover:not(:disabled){border-color:#9db9e0;background:#f4f8ff;color:#1757ad}
.sf-v52 .sf-price-box{margin-top:12px;padding:11px 12px;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#f8fafc!important}
.sf-v52 .sf-price-line{min-height:31px;color:#68778c;font-size:11px!important}.sf-v52 .sf-price-line strong{color:#2d4059;font-size:12px!important}.sf-v52 .sf-price-line.is-total{margin-top:5px;padding-top:8px;border-top:1px dashed #d6dfeb}.sf-v52 .sf-price-line.is-total strong{color:var(--sf-blue);font-size:19px!important}
.sf-v52 .sf-buy-bar{margin-top:12px!important;padding:12px!important;border:1px solid #d6e2f1!important;border-radius:16px!important;background:linear-gradient(135deg,#f8fbff,#fff)!important;box-shadow:0 6px 18px rgba(31,49,74,.045)!important}
.sf-v52 .sf-final-choice{color:#334d6c;font-size:12px!important;font-weight:900}.sf-v52 .sf-stock-note{font-size:11px!important;line-height:1.6}.sf-v52 .sf-buy-info>small{font-size:10px!important}
.sf-v52 .sf-buy-bar .sf-primary-btn{min-height:54px;border-radius:13px;font-size:13px!important}
.sf-v52 .sf-add-result{margin-top:12px;padding:14px;border:1px solid #cfe8dc;border-radius:15px;background:#f2fbf6;box-shadow:none}

/* Cart / checkout */
.sf-v52 .sf-cart-page,.sf-v52 .sf-checkout-page{padding-top:22px!important}
.sf-v52 .sf-cart-head,.sf-v52 .sf-checkout-head{margin-bottom:16px}
.sf-v52 .sf-cart-head h1,.sf-v52 .sf-checkout-head h1{font-size:24px!important;letter-spacing:-.3px}
.sf-v52 .sf-cart-head p,.sf-v52 .sf-checkout-head p{color:#7b899c;font-size:12px!important;line-height:1.8}
.sf-v52 .sf-flow-progress{padding:6px;border:1px solid #dce5ef;border-radius:14px;background:#fff;box-shadow:var(--sf-shadow-soft)}
.sf-v52 .sf-flow-progress span{min-height:42px;border-radius:10px;font-size:11px!important}
.sf-v52 .sf-cart-layout{grid-template-columns:minmax(0,1fr) 350px;gap:18px}
.sf-v52 .sf-cart-audit-strip{padding:12px;border:1px solid #dce5ef;border-radius:15px;background:#fff;box-shadow:var(--sf-shadow-soft)}
.sf-v52 .sf-cart-item{grid-template-columns:110px minmax(0,1fr) auto;gap:14px;padding:13px;border-color:#dce5ef;border-radius:17px;background:#fff;box-shadow:0 4px 16px rgba(31,49,74,.035)}
.sf-v52 .sf-cart-item-image{width:110px;height:96px;padding:5px;border:1px solid #e4e9ef;border-radius:13px;background:#f7f9fb}
.sf-v52 .sf-cart-item-image img{width:100%;height:100%;object-fit:contain!important}
.sf-v52 .sf-cart-row-label{color:#8491a2;font-size:10px!important}.sf-v52 .sf-cart-title-copy h3{font-size:15px!important;color:#263a53}
.sf-v52 .sf-cart-variant,.sf-v52 .sf-cart-breakdown{font-size:11px!important}
.sf-v52 .sf-cart-color,.sf-v52 .sf-cart-fulfilment,.sf-v52 .sf-stock-badge{font-size:10px!important}
.sf-v52 .sf-cart-price-row{font-size:11px!important}.sf-v52 .sf-cart-line-total{font-size:12px!important}.sf-v52 .sf-cart-line-total>b{font-size:14px!important;color:#1d3f67}
.sf-v52 .sf-remove-btn{min-height:40px;border-radius:10px!important;font-size:11px!important}
.sf-v52 .sf-summary,.sf-v52 .sf-checkout-summary{top:94px;padding:18px;border-color:#dce5ef;border-radius:18px;background:#fff;box-shadow:var(--sf-shadow-soft)}
.sf-v52 .sf-summary h3{font-size:15px!important}.sf-v52 .sf-summary-line{padding:6px 0;color:#738197;font-size:11px!important}.sf-v52 .sf-summary-total{padding-top:13px;font-size:12px!important}.sf-v52 .sf-summary-total b{font-size:20px!important}
.sf-v52 .sf-summary-context{padding:10px;border-radius:11px!important;background:#f8fafc!important}.sf-v52 .sf-summary-context span{font-size:11px!important}
.sf-v52 .sf-checkout-layout{gap:18px}
.sf-v52 .sf-form-card,.sf-v52 .sf-checkout-card{padding:18px;border-color:#dce5ef;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(31,49,74,.04)}
.sf-v52 .sf-form-grid{gap:13px}
.sf-v52 .sf-field label,.sf-v52 .sf-field>span{margin-bottom:6px;color:#455771;font-size:12px!important;font-weight:850}
.sf-v52 .sf-field input,.sf-v52 .sf-field textarea,.sf-v52 .sf-field select,.sf-v52 .sf-note{min-height:50px;border-color:#d9e2ed;border-radius:12px;background:#fbfcfd;color:#23344b;font-size:13px!important}
.sf-v52 .sf-field input:focus,.sf-v52 .sf-field textarea:focus,.sf-v52 .sf-field select:focus,.sf-v52 .sf-note:focus{border-color:#94b7ec;background:#fff;box-shadow:0 0 0 4px rgba(21,94,239,.06)}
.sf-v52 .sf-checkout-review-head h3{font-size:15px!important}
.sf-v52 .sf-checkout-checklist{padding:7px;border-color:#dce5ef;border-radius:12px;background:#f8fafc}.sf-v52 .sf-checkout-checklist span{min-height:36px;border-radius:8px;color:#395a82;font-size:10px!important}
.sf-v52 .sf-checkout-stats span{padding:5px 8px;border-color:#e1e7ee;border-radius:8px;font-size:10px!important}
.sf-v52 .sf-checkout-review-title b{font-size:13px!important}.sf-v52 .sf-checkout-review-title small{font-size:10px!important}
.sf-v52 .sf-checkout-review-image{width:62px;height:56px;padding:2px;border-color:#e2e8ef;background:#f7f9fb}.sf-v52 .sf-checkout-review-image img{object-fit:contain!important}
.sf-v52 .sf-checkout-review-item>span strong{font-size:13px!important}.sf-v52 .sf-checkout-review-item>span small{font-size:11px!important}.sf-v52 .sf-checkout-review-item .sf-checkout-breakdown{font-size:10px!important}
.sf-v52 .sf-checkout-final-note,.sf-v52 .sf-checkout-commit{border-color:#d6e3f2;border-radius:12px;background:#f7faff}
.sf-v52 .sf-checkout-submit{min-height:58px!important;border-radius:14px!important}.sf-v52 .sf-checkout-submit-copy>b{font-size:14px!important}.sf-v52 .sf-checkout-submit-copy>small{font-size:11px!important}

/* Account, orders, invoice, payment, tracking — one visual family */
.sf-v52 .sf-account-page,.sf-v52 .sf-order-show-page,.sf-v52 .sf-invoice-page,.sf-v52 .sf-return-page,.sf-v52 .sf-tracking-page,.sf-v52 .sf-success-page,.sf-v52 .sf-public-invoice-page,.sf-v52 .sf-test-gateway-page{color:#21334a}
.sf-v52 .sf-account-hero,.sf-v52 .sf-order-hero,.sf-v52 .sf-invoice-hero,.sf-v52 .sf-return-hero,.sf-v52 .sf-public-invoice-hero,.sf-v52 .sf-success-card{border:1px solid #dce5ef!important;border-radius:20px!important;background:linear-gradient(135deg,#fff,#f7faff)!important;box-shadow:var(--sf-shadow-soft)!important;color:#23364e!important}
.sf-v52 .sf-account-section,.sf-v52 .sf-order-card,.sf-v52 .sf-order-flow-card,.sf-v52 .sf-order-timeline-panel,.sf-v52 .sf-invoice-main,.sf-v52 .sf-invoice-side,.sf-v52 .sf-payment-overview,.sf-v52 .sf-payment-declare,.sf-v52 .sf-payment-record,.sf-v52 .sf-shipment-card,.sf-v52 .sf-return-main,.sf-v52 .sf-return-side,.sf-v52 .sf-favorite-card,.sf-v52 .sf-public-invoice-summary,.sf-v52 .sf-public-invoice-items,.sf-v52 .sf-track-main,.sf-v52 .sf-track-step{border-color:#dce5ef!important;border-radius:17px!important;background:#fff!important;box-shadow:0 4px 16px rgba(31,49,74,.035)!important}
.sf-v52 .sf-account-kicker,.sf-v52 .sf-order-number,.sf-v52 .sf-order-date{font-size:11px!important}
.sf-v52 .sf-account-head h1,.sf-v52 .sf-orders-head h1,.sf-v52 .sf-order-hero-title h1,.sf-v52 .sf-invoice-hero h1,.sf-v52 .sf-return-hero h1,.sf-v52 .sf-public-invoice-title h1{font-size:23px!important;line-height:1.5}
.sf-v52 .sf-dashboard-stats>div,.sf-v52 .sf-order-stat,.sf-v52 .sf-invoice-stats>div,.sf-v52 .sf-deposit-stats>div,.sf-v52 .sf-public-invoice-stats>div{border:1px solid #e0e7ef!important;border-radius:13px!important;background:#f8fafc!important}
.sf-v52 .sf-account-item,.sf-v52 .sf-invoice-item,.sf-v52 .sf-return-item,.sf-v52 .sf-event,.sf-v52 .sf-shipment-event,.sf-v52 .sf-public-invoice-item{border-color:#e6ebf1!important}
.sf-v52 .sf-order-status,.sf-v52 .sf-soft-badge,.sf-v52 .sf-secure-pill{border-radius:9px!important;font-size:10px!important}
.sf-v52 .sf-copyable-number{border-radius:10px!important;background:#f5f8fc!important;color:#244d7a!important}
.sf-v52 .sf-payment-form input,.sf-v52 .sf-payment-form textarea,.sf-v52 .sf-return-fields input,.sf-v52 .sf-return-fields textarea,.sf-v52 .sf-return-fields select{min-height:50px;border-color:#d9e2ed!important;border-radius:12px!important;background:#fbfcfd!important;font-size:13px!important}
.sf-v52 .sf-payment-reject,.sf-v52 .sf-order-exception,.sf-v52 .sf-track-exception{border-radius:13px!important}
.sf-v52 .sf-favorite-image{background:#f7f9fb!important}.sf-v52 .sf-favorite-image img{object-fit:contain!important}

/* Footer */
.sf-v52 .sf-footer{margin-top:36px;border-top:1px solid #dce4ed;background:#eef2f7}
.sf-v52 .sf-footer-inner{min-height:74px;color:#6c7a8f;font-size:11px!important}
.sf-v52 .sf-footer-brand{color:#30425a;font-size:13px!important}.sf-v52 .sf-footer-copy{font-size:10px!important}

/* Responsive */
@media(max-width:1100px){
  .sf-v52 .sf-catalog-layout{grid-template-columns:1fr}
  .sf-v52 .sf-catalog-filter,.sf-v52 .sf-mini-cart{display:none}
  .sf-v52 .sf-product-page{grid-template-columns:1fr;gap:16px}
  .sf-v52 .sf-gallery-card{position:static}
  .sf-v52 .sf-cart-layout{grid-template-columns:1fr}
  .sf-v52 .sf-summary{position:static}
}
@media(max-width:720px){
  .sf-v52{font-size:14px;background:#f4f6f9}
  .sf-v52 *{scroll-margin-top:74px}
  .sf-v52 .sf-container{width:calc(100% - 20px)}
  .sf-v52 .sf-main{padding-bottom:22px}
  .sf-v52 .sf-page{min-height:calc(100vh - 64px)}
  .sf-v52 .sf-top-spacer{padding-top:12px!important}
  .sf-v52 .sf-page-section{padding-top:14px!important}
  .sf-v52 .sf-topbar-inner{height:64px;gap:10px}
  .sf-v52 .sf-brand{max-width:none!important;flex:1;gap:8px;overflow:hidden}
  .sf-v52 .sf-brand-mark{width:37px;height:37px;flex:0 0 37px;border-radius:11px}
  .sf-v52 .sf-brand-copy{min-width:0;display:block!important}
  .sf-v52 .sf-brand-title{display:block;overflow:hidden;text-overflow:ellipsis;font-size:15px;line-height:1.4}
  .sf-v52 .sf-brand-sub{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
  .sf-v52 .sf-mobile-title{display:none!important}
  .sf-v52 .sf-header-actions{flex:0 0 auto}
  .sf-v52 .sf-header-actions .sf-icon-btn{width:42px;height:42px;min-width:42px;padding:0;border:1px solid #e1e7ef;border-radius:11px;background:#fff}
  .sf-v52 .sf-header-actions .sf-icon-btn span{display:none}
  .sf-v52 .sf-header-actions form{display:none}
  .sf-v52 .sf-desktop-nav{display:none}
  .sf-v52 .sf-bottom-nav{right:9px;left:9px;bottom:max(9px,env(safe-area-inset-bottom));height:68px;padding:5px;border:1px solid #d9e2ed;border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 13px 34px rgba(25,43,67,.16);backdrop-filter:blur(16px)}
  .sf-v52 .sf-bottom-nav a{min-width:0;border-radius:14px;color:#77859a;font-size:11px!important;font-weight:850}
  .sf-v52 .sf-bottom-nav a svg{width:21px;height:21px;stroke-width:1.7}
  .sf-v52 .sf-bottom-nav a.is-active{background:#edf4ff;color:var(--sf-blue)}
  .sf-v52 .sf-cart-dot{top:3px!important;left:calc(50% - 20px)!important}
  .sf-v52 .sf-searchbar{height:52px;padding-right:13px}
  .sf-v52 .sf-searchbar input{font-size:16px!important}
  .sf-v52 .sf-search-submit{padding:0 14px;font-size:12px!important}
  .sf-v52 .sf-chip{min-height:42px;padding:8px 13px;font-size:12px!important}
  .sf-v52 .sf-section-head{margin:23px 0 11px}.sf-v52 .sf-section-title{font-size:18px}.sf-v52 .sf-section-sub{font-size:11px!important}
  .sf-v52 .sf-home-shell .sf-promo{min-height:168px!important;border-radius:18px}
  .sf-v52 .sf-promo-content{max-width:72%;padding:17px 16px!important}
  .sf-v52 .sf-promo-eyebrow{padding:5px 8px;font-size:10px!important}
  .sf-v52 .sf-promo h1{max-width:280px;margin:6px 0 4px!important;font-size:20px!important;line-height:1.45}
  .sf-v52 .sf-promo p{max-width:260px;font-size:11px!important;line-height:1.65}
  .sf-v52 .sf-promo-points{display:none!important}
  .sf-v52 .sf-promo-action{min-height:42px;margin-top:10px;padding:8px 11px;font-size:11px!important}
  .sf-v52 .sf-home-shell .sf-promo-image{left:3%;bottom:8%;width:30%;height:68%;padding:5px;border-radius:13px}
  .sf-v52 .sf-promo-float{display:none!important}
  .sf-v52 .sf-order-guide-compact{grid-template-columns:repeat(3,1fr)!important;gap:4px;padding:5px;border-radius:14px}
  .sf-v52 .sf-order-guide-compact>div{min-height:54px;padding:5px!important;gap:4px!important;text-align:center}
  .sf-v52 .sf-order-guide-compact i{width:25px!important;height:25px!important;font-size:10px!important}.sf-v52 .sf-order-guide-compact b{font-size:10px!important}.sf-v52 .sf-order-guide-compact small{display:none!important}
  .sf-v52 .sf-product-row{grid-template-columns:112px minmax(0,1fr);min-height:0;gap:11px;padding:10px;border-radius:16px}
  .sf-v52 .sf-product-image{width:112px;height:104px;padding:5px;border-radius:12px}
  .sf-v52 .sf-product-name{align-items:flex-start;font-size:14px!important;line-height:1.5}.sf-v52 .sf-product-status{padding:4px 6px;font-size:9px!important}
  .sf-v52 .sf-product-code{font-size:10px!important}.sf-v52 .sf-product-meta{gap:4px;margin-top:7px;font-size:10px!important}.sf-v52 .sf-dot{padding:3px 6px}
  .sf-v52 .sf-price{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 9px;padding:9px 0 0;border-top:1px solid #edf0f4;border-right:0;text-align:right}
  .sf-v52 .sf-price small{grid-column:1;font-size:10px!important}.sf-v52 .sf-price b{grid-column:1;font-size:13px!important}.sf-v52 .sf-price-action{grid-column:2;grid-row:1/3;min-height:42px;margin:0;padding:8px 10px;font-size:10px!important}
  .sf-v52 .sf-catalog-intro{padding:13px 14px;border-radius:15px}.sf-v52 .sf-catalog-intro h1{font-size:18px!important}.sf-v52 .sf-catalog-intro p{font-size:11px!important}.sf-v52 .sf-catalog-trust{margin-top:8px}.sf-v52 .sf-catalog-trust span{font-size:9px!important}
  .sf-v52 .sf-auto-load-hint{display:none}
  .sf-v52 .sf-gallery-card{padding:8px;border-radius:16px;box-shadow:none}.sf-v52 .sf-gallery-stage{aspect-ratio:4/3;min-height:0;max-height:none;border-radius:12px!important}.sf-v52 .sf-gallery-stage img,.sf-v52 .sf-gallery-stage video{padding:7px!important}
  .sf-v52 .sf-product-head h1{font-size:21px!important}.sf-v52 .sf-heart{width:44px;height:44px;flex-basis:44px}
  .sf-v52 .sf-choice-block,.sf-v52 .sf-qty-block{padding:12px;border-radius:15px;box-shadow:none}
  .sf-v52 .sf-color-list[data-kind="orderable"]{grid-template-columns:1fr 1fr;gap:7px}
  .sf-v52 .sf-color-card{min-height:78px!important;padding:6px!important}.sf-v52 .sf-color-card .sf-color-visual{width:60px;height:58px;flex-basis:60px}.sf-v52 .sf-color-card .sf-color-copy>b{font-size:11px!important}.sf-v52 .sf-color-card .sf-color-copy>small{font-size:9px!important}
  .sf-v52 .sf-series-grid{grid-template-columns:1fr;gap:8px}.sf-v52 .sf-series-card{padding:11px!important}.sf-v52 .sf-series-main b{font-size:13px!important}.sf-v52 .sf-series-main small{font-size:10px!important}
  .sf-v52 .sf-stepper button{width:50px;height:50px}.sf-v52 .sf-stepper input{height:50px;font-size:17px!important}
  .sf-v52 .sf-qty-presets{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:2px}.sf-v52 .sf-qty-presets button{min-width:44px;min-height:44px;flex:0 0 auto}
  .sf-v52 .sf-price-line{font-size:12px!important}.sf-v52 .sf-price-line strong{font-size:12px!important}.sf-v52 .sf-price-line.is-total strong{font-size:19px!important}
  .sf-v52 .sf-buy-bar{grid-template-columns:1fr!important;gap:9px!important;padding:11px!important}.sf-v52 .sf-final-choice{font-size:12px!important}.sf-v52 .sf-stock-note{font-size:11px!important}.sf-v52 .sf-buy-info>small{display:none}.sf-v52 .sf-buy-bar .sf-primary-btn{min-height:54px;font-size:14px!important}
  .sf-v52 .sf-cart-page{padding-bottom:116px!important}.sf-v52 .sf-cart-head h1,.sf-v52 .sf-checkout-head h1{font-size:21px!important}
  .sf-v52 .sf-flow-progress{padding:5px;border-radius:12px}.sf-v52 .sf-flow-progress span{min-height:38px;font-size:10px!important}
  .sf-v52 .sf-cart-audit-strip{padding:9px;border-radius:13px}
  .sf-v52 .sf-cart-item{grid-template-columns:88px minmax(0,1fr)!important;gap:10px!important;padding:10px!important;border-radius:15px}.sf-v52 .sf-cart-item-image{width:88px!important;height:84px!important;padding:4px}.sf-v52 .sf-cart-title-copy h3{font-size:14px!important}.sf-v52 .sf-cart-variant,.sf-v52 .sf-cart-breakdown{font-size:10px!important}.sf-v52 .sf-cart-price-row{font-size:11px!important}
  .sf-v52 .sf-cart-line-total{grid-column:1/-1!important;padding-top:9px;border-top:1px dashed #e0e6ed}.sf-v52 .sf-cart-line-total>b{font-size:13px!important}
  .sf-v52 .sf-cart-mobile-dock{right:10px;left:10px;bottom:86px;min-height:68px;padding:8px 9px;border-color:#d8e1ec;border-radius:17px;background:rgba(255,255,255,.98);box-shadow:0 13px 32px rgba(24,43,69,.17)}
  .sf-v52 .sf-form-card,.sf-v52 .sf-checkout-card{padding:13px;border-radius:15px;box-shadow:none}.sf-v52 .sf-form-grid{grid-template-columns:1fr}.sf-v52 .sf-field-full{grid-column:auto}.sf-v52 .sf-field label,.sf-v52 .sf-field>span{font-size:12px!important}.sf-v52 .sf-field input,.sf-v52 .sf-field textarea,.sf-v52 .sf-field select,.sf-v52 .sf-note{min-height:52px;font-size:16px!important}
  .sf-v52 .sf-checkout-summary{padding:13px!important;border-radius:15px}.sf-v52 .sf-checkout-review-item{grid-template-columns:60px minmax(0,1fr)!important}.sf-v52 .sf-checkout-review-image{width:60px;height:56px}.sf-v52 .sf-checkout-review-item>span strong{font-size:13px!important}.sf-v52 .sf-checkout-review-item>span small{font-size:11px!important}.sf-v52 .sf-checkout-review-item>b{grid-column:1/-1!important;font-size:12px!important}
  .sf-v52 .sf-account-hero,.sf-v52 .sf-order-hero,.sf-v52 .sf-invoice-hero,.sf-v52 .sf-return-hero,.sf-v52 .sf-public-invoice-hero,.sf-v52 .sf-success-card{border-radius:16px!important;box-shadow:none!important}
  .sf-v52 .sf-account-head h1,.sf-v52 .sf-orders-head h1,.sf-v52 .sf-order-hero-title h1,.sf-v52 .sf-invoice-hero h1,.sf-v52 .sf-return-hero h1,.sf-v52 .sf-public-invoice-title h1{font-size:20px!important}
  .sf-v52 .sf-footer{display:none}
}
@media(max-width:390px){
  .sf-v52 .sf-container{width:calc(100% - 16px)}
  .sf-v52 .sf-brand-sub{display:none!important}
  .sf-v52 .sf-product-row{grid-template-columns:102px minmax(0,1fr)}.sf-v52 .sf-product-image{width:102px;height:98px}
  .sf-v52 .sf-color-list[data-kind="orderable"]{grid-template-columns:1fr}
  .sf-v52 .sf-home-shell .sf-promo-image{width:27%;opacity:.85}
}
@media(prefers-reduced-motion:reduce){.sf-v52 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.sf-v52 img.sf-img-fallback{object-fit:contain!important;padding:12px!important;background:#f8fafc!important}


/* Source: storefront-v53.css */
/* =========================================================
   Phase 53 — Real-data stress polish
   Stress targets: 200+ catalog items, 40–50 colors, 20-line carts.
   Scope: .sf-v53 only. Phase 52 remains the compatibility layer.
   ========================================================= */
.sf-v53{
  --sf53-ink:#18273d;
  --sf53-muted:#66768d;
  --sf53-line:#d8e2ee;
  --sf53-soft:#f7f9fc;
  --sf53-blue:#155eef;
  --sf53-blue-soft:#eef5ff;
  --sf53-shadow:0 8px 28px rgba(30,51,80,.065);
  --sf53-shadow-card:0 4px 15px rgba(30,51,80,.045);
  color:var(--sf53-ink);
}

/* A real readability floor for operational buyer text. */
.sf-v53 .sf-brand-sub,
.sf-v53 .sf-kicker,
.sf-v53 .sf-section-sub,
.sf-v53 .sf-product-code,
.sf-v53 .sf-product-meta,
.sf-v53 .sf-product-status,
.sf-v53 .sf-price small,
.sf-v53 .sf-price-action,
.sf-v53 .sf-catalog-trust span,
.sf-v53 .sf-promo-eyebrow,
.sf-v53 .sf-promo-points span,
.sf-v53 .sf-order-guide-compact small,
.sf-v53 .sf-color-card .sf-color-copy>small,
.sf-v53 .sf-color-more,
.sf-v53 .sf-series-main small,
.sf-v53 .sf-series-facts small,
.sf-v53 .sf-series-stock,
.sf-v53 .sf-series-production-note,
.sf-v53 .sf-series-min,
.sf-v53 .sf-series-unavailable,
.sf-v53 .sf-choice-help,
.sf-v53 .sf-qty-help,
.sf-v53 .sf-qty-presets>span,
.sf-v53 .sf-qty-presets button,
.sf-v53 .sf-price-line,
.sf-v53 .sf-stock-note,
.sf-v53 .sf-buy-info>small,
.sf-v53 .sf-flow-progress span,
.sf-v53 .sf-cart-row-label,
.sf-v53 .sf-cart-variant,
.sf-v53 .sf-cart-breakdown,
.sf-v53 .sf-cart-color,
.sf-v53 .sf-cart-fulfilment,
.sf-v53 .sf-stock-badge,
.sf-v53 .sf-cart-price-row,
.sf-v53 .sf-remove-btn,
.sf-v53 .sf-summary-line,
.sf-v53 .sf-summary-context span,
.sf-v53 .sf-checkout-checklist span,
.sf-v53 .sf-checkout-stats span,
.sf-v53 .sf-checkout-review-title small,
.sf-v53 .sf-checkout-review-item>span small,
.sf-v53 .sf-checkout-review-item .sf-checkout-breakdown,
.sf-v53 .sf-checkout-submit-copy>small,
.sf-v53 .sf-order-status,
.sf-v53 .sf-soft-badge,
.sf-v53 .sf-secure-pill,
.sf-v53 .sf-footer-inner,
.sf-v53 .sf-footer-copy{font-size:12px!important;line-height:1.65}

.sf-v53 .sf-series-facts strong{font-size:13px!important}
.sf-v53 .sf-product-name{font-size:15px!important}
.sf-v53 .sf-price b{font-size:15px!important}
.sf-v53 .sf-primary-btn{font-size:14px!important}
.sf-v53 .sf-secondary-btn{font-size:13px!important}
.sf-v53 .sf-chip{font-size:13px!important}

/* Catalog — dense data without looking like an ERP table. */
.sf-v53 .sf-catalog-tools{
  margin-top:12px;padding:10px;border:1px solid var(--sf53-line);border-radius:18px;
  background:rgba(255,255,255,.9);box-shadow:var(--sf53-shadow-card)
}
.sf-v53 .sf-catalog-tools .sf-catalog-chips{margin-top:8px;padding-bottom:0}
.sf-v53 .sf-catalog-intro{box-shadow:none!important;border-color:var(--sf53-line)!important}
.sf-v53 .is-large-catalog .sf-catalog-intro{padding-top:15px;padding-bottom:15px}
.sf-v53 .is-large-catalog .sf-catalog-intro p{max-width:760px}
.sf-v53 .is-large-catalog .sf-section-head{margin-top:20px}
.sf-v53 .sf-catalog-results-head .sf-section-sub{display:inline-flex;align-items:center;min-height:28px;padding:3px 9px;border:1px solid #dce5ef;border-radius:999px;background:#fff;color:#50637d;font-weight:850}
.sf-v53 .sf-product-row{border-color:#d9e3ef!important;box-shadow:var(--sf53-shadow-card)!important}
.sf-v53 .sf-product-row:hover{border-color:#bdcee2!important;box-shadow:0 9px 24px rgba(30,51,80,.075)!important}
.sf-v53 .sf-product-image{background:linear-gradient(145deg,#fbfcfe,#f3f6fa)!important}
.sf-v53 .sf-product-image img{object-fit:contain!important}
.sf-v53 .sf-product-meta{gap:6px!important}
.sf-v53 .sf-dot{min-height:28px;display:inline-flex;align-items:center;padding:4px 8px!important;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#53657e}
.sf-v53 .sf-product-status{min-height:28px;display:inline-flex;align-items:center;padding:4px 8px!important;border-radius:8px!important;font-weight:900}
.sf-v53 .sf-price-action{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:8px 12px!important;border-radius:11px!important}

/* Product — heavy color catalogs should remain scannable. */
.sf-v53 [data-sf-product-page].is-many-colors .sf-color-section-head{padding:10px 11px;border:1px solid #e0e7f0;border-radius:12px;background:#f8fafc}
.sf-v53 [data-sf-product-page].is-many-colors .sf-color-list[data-kind="orderable"]{gap:10px}
.sf-v53 [data-sf-product-page].is-extreme-colors .sf-color-more{position:sticky;bottom:8px;z-index:4;box-shadow:0 8px 22px rgba(30,51,80,.12)}
.sf-v53 .sf-color-card{min-height:92px!important;padding:8px!important;border-color:#d8e2ee!important}
.sf-v53 .sf-color-card .sf-color-visual{width:76px!important;height:72px!important;flex-basis:76px!important;border-radius:11px!important}
.sf-v53 .sf-color-card .sf-color-copy>b{font-size:13px!important;line-height:1.55;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.sf-v53 .sf-color-card .sf-color-copy>small{color:#66768d!important}
.sf-v53 .sf-selected-color{padding:10px!important;border:1px solid #cfddec!important;box-shadow:0 3px 12px rgba(30,51,80,.04)}
.sf-v53 .sf-series-card{min-height:128px;padding:14px!important;border-color:#d8e2ee!important}
.sf-v53 .sf-series-main b{font-size:14px!important}
.sf-v53 .sf-series-facts>span{min-height:54px;padding:9px!important}
.sf-v53 .sf-series-stock,.sf-v53 .sf-series-production-note,.sf-v53 .sf-series-min,.sf-v53 .sf-series-unavailable{margin-top:8px}
.sf-v53 .sf-qty-presets button{min-width:48px;min-height:44px}
.sf-v53 .sf-buy-bar{border-color:#cbdced!important;background:linear-gradient(135deg,#f4f8ff,#fff)!important}
.sf-v53 .sf-final-choice{font-size:13px!important;line-height:1.75}

/* Large cart — compact enough to scan, never too tiny to read. */
.sf-v53 .is-large-cart .sf-cart-audit-strip{position:sticky;top:84px;z-index:12;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.sf-v53 .is-large-cart [data-cart-items]{gap:9px!important}
.sf-v53 .is-large-cart .sf-cart-item{grid-template-columns:92px minmax(0,1fr) 150px;gap:11px;padding:10px!important;border-radius:14px!important;box-shadow:0 2px 10px rgba(30,51,80,.035)!important}
.sf-v53 .is-large-cart .sf-cart-item-image{width:92px;height:84px;padding:4px}
.sf-v53 .is-large-cart .sf-cart-title-copy h3{font-size:14px!important}
.sf-v53 .is-large-cart .sf-cart-variant{gap:6px!important}
.sf-v53 .is-large-cart .sf-cart-breakdown{margin-top:6px!important;padding:6px 8px!important}
.sf-v53 .is-large-cart .sf-cart-status-row{margin-top:7px!important}
.sf-v53 .is-large-cart .sf-cart-qty-line{margin-top:8px!important}
.sf-v53 .is-large-cart .sf-cart-line-total{padding-inline-start:10px!important}
.sf-v53 .sf-cart-item.is-needs-review{border-width:2px!important;box-shadow:0 0 0 4px rgba(199,68,80,.06)!important}
.sf-v53 .sf-cart-stock-issue{font-size:12px!important;line-height:1.75}
.sf-v53 .sf-cart-save-status,.sf-v53 .sf-cart-update-row>small{font-size:12px!important}
.sf-v53 .sf-cart-mobile-dock small{font-size:12px!important}

/* Checkout: review first on narrow screens; long orders are deliberately visible. */
.sf-v53 .sf-checkout-to-delivery{display:none;margin-top:14px;width:100%;justify-content:center;text-align:center}
.sf-v53 .is-large-checkout .sf-checkout-summary{border-color:#cddbeb!important}
.sf-v53 .is-large-checkout .sf-checkout-items{max-height:none!important}
.sf-v53 .is-large-checkout .sf-checkout-more[open]>summary{position:sticky;top:82px;z-index:3;background:#fff}
.sf-v53 .sf-checkout-review-item{padding-block:10px!important;border-bottom:1px solid #e8edf3}
.sf-v53 .sf-checkout-review-item:last-child{border-bottom:0}
.sf-v53 .sf-checkout-review-image{border-radius:10px!important;overflow:hidden}
.sf-v53 .sf-checkout-review-item>b{font-variant-numeric:tabular-nums}
.sf-v53 .sf-checkout-more summary{min-height:48px;align-items:center;font-size:13px!important}
.sf-v53 .sf-checkout-commit strong,.sf-v53 .sf-summary-total b{font-variant-numeric:tabular-nums}

/* Post-purchase readability inherits the same buyer-first floor. */
.sf-v53 .sf-account-kicker,.sf-v53 .sf-order-number,.sf-v53 .sf-order-date{font-size:12px!important}
.sf-v53 .sf-payment-form input,.sf-v53 .sf-payment-form textarea,.sf-v53 .sf-return-fields input,.sf-v53 .sf-return-fields textarea,.sf-v53 .sf-return-fields select{font-size:16px!important}

@media(max-width:1100px){
  .sf-v53 .sf-checkout-layout{display:flex!important;flex-direction:column!important;gap:14px!important}
  .sf-v53 .sf-checkout-summary{order:1!important}
  .sf-v53 .sf-checkout-card{order:2!important}
  .sf-v53 .sf-checkout-to-delivery{display:flex}
}

@media(max-width:720px){
  .sf-v53{font-size:15px}
  .sf-v53 .sf-brand-sub{font-size:11px!important}
  .sf-v53 .sf-bottom-nav a{font-size:12px!important}
  .sf-v53 .sf-search-submit{font-size:13px!important}
  .sf-v53 .sf-section-sub{font-size:12px!important}
  .sf-v53 .sf-promo-eyebrow{font-size:12px!important}
  .sf-v53 .sf-promo p{font-size:13px!important;line-height:1.75}
  .sf-v53 .sf-promo-action{font-size:13px!important}
  .sf-v53 .sf-order-guide-compact b{font-size:12px!important}
  .sf-v53 .sf-catalog-tools{margin-top:9px;padding:8px;border-radius:15px}
  .sf-v53 .sf-catalog-tools .sf-catalog-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px;padding-bottom:2px}
  .sf-v53 .sf-catalog-tools .sf-catalog-chips::-webkit-scrollbar{display:none}
  .sf-v53 .sf-catalog-tools .sf-chip{flex:0 0 auto;min-height:44px;padding:8px 12px;font-size:12px!important}
  .sf-v53 .is-large-catalog .sf-catalog-intro{padding:11px 12px!important}
  .sf-v53 .is-large-catalog .sf-catalog-intro p{display:none}
  .sf-v53 .sf-catalog-intro h1{font-size:19px!important;line-height:1.55}
  .sf-v53 .sf-catalog-trust span{font-size:12px!important}

  .sf-v53 .sf-product-row{grid-template-columns:124px minmax(0,1fr)!important;gap:12px!important;padding:11px!important}
  .sf-v53 .sf-product-image{width:124px!important;height:114px!important}
  .sf-v53 .sf-product-name{font-size:15px!important}
  .sf-v53 .sf-product-status{font-size:11px!important;min-height:27px;padding:4px 7px!important}
  .sf-v53 .sf-product-code{font-size:12px!important}
  .sf-v53 .sf-product-meta{font-size:12px!important;gap:5px!important}
  .sf-v53 .sf-dot{min-height:27px;padding:3px 7px!important}
  .sf-v53 .sf-price small{font-size:12px!important}
  .sf-v53 .sf-price b{font-size:15px!important}
  .sf-v53 .sf-price-action{min-height:46px!important;font-size:12px!important;padding:8px 11px!important}

  .sf-v53 .sf-product-head h1{font-size:22px!important}
  .sf-v53 .sf-color-list[data-kind="orderable"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .sf-v53 .sf-color-card{min-height:86px!important;padding:7px!important}
  .sf-v53 .sf-color-card .sf-color-visual{width:58px!important;height:58px!important;flex-basis:58px!important}
  .sf-v53 .sf-color-card .sf-color-copy>b{font-size:12px!important}
  .sf-v53 .sf-color-card .sf-color-copy>small{font-size:11px!important}
  .sf-v53 .sf-color-more{min-height:48px;font-size:12px!important}
  .sf-v53 .sf-series-main b{font-size:14px!important}
  .sf-v53 .sf-series-main small{font-size:12px!important}
  .sf-v53 .sf-series-facts small{font-size:11px!important}
  .sf-v53 .sf-series-facts strong{font-size:13px!important}
  .sf-v53 .sf-series-stock,.sf-v53 .sf-series-production-note,.sf-v53 .sf-series-min,.sf-v53 .sf-series-unavailable{font-size:12px!important}
  .sf-v53 .sf-choice-help,.sf-v53 .sf-qty-help,.sf-v53 .sf-stock-note{font-size:12px!important}
  .sf-v53 .sf-qty-presets>span,.sf-v53 .sf-qty-presets button{font-size:12px!important}
  .sf-v53 .sf-buy-bar .sf-primary-btn{font-size:14px!important}

  .sf-v53 .sf-flow-progress span{font-size:12px!important}
  .sf-v53 .sf-cart-title-copy h3{font-size:15px!important}
  .sf-v53 .sf-cart-row-label{font-size:11px!important}
  .sf-v53 .sf-cart-variant,.sf-v53 .sf-cart-breakdown,.sf-v53 .sf-cart-price-row{font-size:12px!important}
  .sf-v53 .sf-cart-color,.sf-v53 .sf-cart-fulfilment,.sf-v53 .sf-stock-badge{font-size:11px!important}
  .sf-v53 .sf-remove-btn{font-size:12px!important;min-height:44px}
  .sf-v53 .sf-summary-line,.sf-v53 .sf-summary-context span{font-size:12px!important}
  .sf-v53 .is-large-cart .sf-cart-audit-strip{top:72px}
  .sf-v53 .is-large-cart .sf-cart-item{grid-template-columns:82px minmax(0,1fr)!important;gap:9px!important;padding:9px!important}
  .sf-v53 .is-large-cart .sf-cart-item-image{width:82px!important;height:78px!important}
  .sf-v53 .is-large-cart .sf-cart-line-total{grid-column:1/-1!important;padding:9px 0 0!important;border-top:1px dashed #dfe6ee}
  .sf-v53 .is-large-cart .sf-cart-breakdown{display:block}

  .sf-v53 .sf-checkout-head p{font-size:13px!important}
  .sf-v53 .sf-checkout-checklist span,.sf-v53 .sf-checkout-stats span{font-size:12px!important}
  .sf-v53 .sf-checkout-review-title small{font-size:12px!important}
  .sf-v53 .sf-checkout-review-item>span small{font-size:12px!important;line-height:1.7}
  .sf-v53 .sf-checkout-review-item .sf-checkout-breakdown{font-size:11px!important}
  .sf-v53 .sf-checkout-review-item>b{font-size:13px!important}
  .sf-v53 .sf-checkout-to-delivery{min-height:54px;font-size:13px!important}
  .sf-v53 .sf-checkout-submit-copy>small{font-size:12px!important}
}

@media(max-width:390px){
  .sf-v53 .sf-product-row{grid-template-columns:112px minmax(0,1fr)!important}
  .sf-v53 .sf-product-image{width:112px!important;height:106px!important}
  .sf-v53 .sf-color-list[data-kind="orderable"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sf-v53 .sf-color-card .sf-color-visual{width:52px!important;height:54px!important;flex-basis:52px!important}
  .sf-v53 .sf-color-card{min-height:82px!important}
}

@media(max-width:340px){
  .sf-v53 .sf-color-list[data-kind="orderable"]{grid-template-columns:1fr!important}
  .sf-v53 .sf-product-row{grid-template-columns:100px minmax(0,1fr)!important}
  .sf-v53 .sf-product-image{width:100px!important;height:98px!important}
}

@media(prefers-reduced-motion:reduce){.sf-v53 *{transition:none!important;animation:none!important}}


/* Source: storefront-v54.css */
/* Phase 54 — onboarding, order guide and cleaner home hero. Scoped to .sf-v54. */
.sf-v54 .sf54-home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:28px;align-items:center;margin-top:16px;padding:34px;border:1px solid #dde6f1;border-radius:28px;background:linear-gradient(135deg,#f8fbff 0%,#fff 56%,#f2f7ff 100%);box-shadow:0 18px 50px rgba(32,62,104,.08);overflow:hidden}
.sf-v54 .sf54-home-hero:before{content:"";position:absolute;width:260px;height:260px;left:-90px;top:-110px;border-radius:50%;background:radial-gradient(circle,#dbeafe 0%,rgba(219,234,254,0) 70%);pointer-events:none}.sf-v54 .sf54-home-hero:after{content:"";position:absolute;width:190px;height:190px;right:35%;bottom:-135px;border-radius:50%;background:radial-gradient(circle,#e0f2fe 0%,rgba(224,242,254,0) 70%);pointer-events:none}
.sf-v54 .sf54-home-hero-copy,.sf-v54 .sf54-order-preview{position:relative;z-index:1}.sf-v54 .sf54-kicker{display:inline-flex;align-items:center;gap:7px;color:#2c64b3;font-size:12px;font-weight:900}.sf-v54 .sf54-kicker i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}
.sf-v54 .sf54-home-hero h1{margin:13px 0 0;color:#13243b;font-size:34px;line-height:1.55;font-weight:900;letter-spacing:-.3px}.sf-v54 .sf54-home-hero h1 strong{color:#2465d8}.sf-v54 .sf54-home-hero p{max-width:650px;margin:12px 0 0;color:#64748b;font-size:13px;line-height:2}.sf-v54 .sf54-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.sf-v54 .sf54-primary-action,.sf-v54 .sf54-secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:14px;padding:0 17px;font-size:12px;font-weight:900;cursor:pointer}.sf-v54 .sf54-primary-action{border:1px solid #2262cf;background:#2465d8;color:#fff;box-shadow:0 10px 24px rgba(36,101,216,.2)}.sf-v54 .sf54-secondary-action{border:1px solid #dbe4ef;background:#fff;color:#42556f}
.sf-v54 .sf54-order-preview{padding:17px;border:1px solid #dbe4ef;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 18px 38px rgba(35,61,95,.09);backdrop-filter:blur(6px)}.sf-v54 .sf54-preview-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:11px;border-bottom:1px solid #edf1f6}.sf-v54 .sf54-preview-head span{display:flex;align-items:center;gap:7px;color:#314763;font-size:11px;font-weight:900}.sf-v54 .sf54-preview-head span i{width:7px;height:7px;border-radius:50%;background:#22c55e}.sf-v54 .sf54-preview-head>b{color:#8491a4;font-size:10px}.sf-v54 .sf54-preview-line{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px dashed #e8edf4}.sf-v54 .sf54-preview-line>i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#f1f5f9;color:#64748b;font-size:11px;font-style:normal;font-weight:900}.sf-v54 .sf54-preview-line span b,.sf-v54 .sf54-preview-line span small{display:block}.sf-v54 .sf54-preview-line span b{color:#253a55;font-size:11px}.sf-v54 .sf54-preview-line span small{margin-top:2px;color:#8793a6;font-size:10px}.sf-v54 .sf54-preview-line>strong{color:#47617f;font-size:11px}.sf-v54 .sf54-preview-line.is-done>i{background:#ecfdf3;color:#15995b}.sf-v54 .sf54-preview-line.is-done>strong{color:#16a262}.sf-v54 .sf54-preview-line.is-active{margin:7px -7px;padding:11px 7px;border:1px solid #d7e5ff;border-radius:13px;background:#f5f9ff}.sf-v54 .sf54-preview-line.is-active>i{background:#dfeaff;color:#2465d8}.sf-v54 .sf54-preview-line.is-active>strong{color:#2465d8}.sf-v54 .sf54-preview-total{padding-top:11px}.sf-v54 .sf54-preview-total span,.sf-v54 .sf54-preview-total b{display:block}.sf-v54 .sf54-preview-total span{color:#8592a5;font-size:10px}.sf-v54 .sf54-preview-total b{margin-top:3px;color:#304761;font-size:11px}
.sf-v54 .sf54-order-roadmap{margin-top:12px;padding:15px;border:1px solid #e1e7ef;border-radius:20px;background:#fff}.sf-v54 .sf54-order-roadmap header{display:flex;align-items:center;justify-content:space-between;gap:14px}.sf-v54 .sf54-order-roadmap header span{color:#2e68ba;font-size:10px;font-weight:900}.sf-v54 .sf54-order-roadmap h2{margin:2px 0 0;color:#24384f;font-size:14px}.sf-v54 .sf54-order-roadmap header button{min-height:38px;border:1px solid #dbe4ef;border-radius:11px;background:#f8fafc;padding:0 12px;color:#4b607b;font-size:10px;font-weight:900;cursor:pointer}.sf-v54 .sf54-roadmap-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:12px}.sf-v54 .sf54-roadmap-track>div{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border-radius:13px;background:#f8fafc}.sf-v54 .sf54-roadmap-track i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#e8f0ff;color:#2465d8;font-size:10px;font-style:normal;font-weight:900}.sf-v54 .sf54-roadmap-track b,.sf-v54 .sf54-roadmap-track small{display:block}.sf-v54 .sf54-roadmap-track b{color:#2f435d;font-size:10px}.sf-v54 .sf54-roadmap-track small{margin-top:2px;color:#8b97a8;font-size:9px;line-height:1.55}
.sf-v54 .sf54-guide-fab{position:fixed;left:18px;bottom:22px;z-index:45;display:flex;align-items:center;gap:8px;min-height:46px;border:1px solid #d8e3f2;border-radius:15px;background:#fff;padding:0 12px;color:#315171;font-size:11px;font-weight:900;box-shadow:0 14px 35px rgba(30,52,82,.15);cursor:pointer}.sf-v54 .sf54-guide-fab b{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#2465d8;color:#fff;font-size:14px}.sf-v54 .sf54-guide-modal{display:grid;gap:8px;margin-top:4px;text-align:right}.sf-v54 .sf54-guide-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:1px solid #e5eaf1;border-radius:13px;background:#fbfcfe}.sf-v54 .sf54-guide-step i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf2ff;color:#2465d8;font-style:normal;font-weight:900}.sf-v54 .sf54-guide-step b,.sf-v54 .sf54-guide-step span{display:block}.sf-v54 .sf54-guide-step b{color:#253a54;font-size:12px}.sf-v54 .sf54-guide-step span{margin-top:3px;color:#758297;font-size:11px;line-height:1.8}
.sf-v54 .sf54-credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.sf-v54 .sf54-credential-grid>div{padding:10px;border-radius:12px;background:#f7f9fc;text-align:center}.sf-v54 .sf54-credential-grid small,.sf-v54 .sf54-credential-grid b{display:block}.sf-v54 .sf54-credential-grid small{color:#778499;font-size:10px}.sf-v54 .sf54-credential-grid b{margin-top:3px;color:#1f3550;font-size:14px;direction:ltr}
@media(max-width:900px){.sf-v54 .sf54-home-hero{grid-template-columns:1fr;gap:18px;padding:24px}.sf-v54 .sf54-roadmap-track{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:2px}.sf-v54 .sf54-roadmap-track>div{flex:0 0 170px;scroll-snap-align:start}}
@media(max-width:720px){.sf-v54 .sf54-home-hero{margin-top:10px;padding:17px;border-radius:20px;box-shadow:none}.sf-v54 .sf54-home-hero h1{font-size:22px;line-height:1.65}.sf-v54 .sf54-home-hero p{font-size:12px;line-height:1.9}.sf-v54 .sf54-kicker{font-size:11px}.sf-v54 .sf54-hero-actions{display:grid;grid-template-columns:1fr;margin-top:15px}.sf-v54 .sf54-primary-action,.sf-v54 .sf54-secondary-action{width:100%;min-height:46px}.sf-v54 .sf54-order-preview{padding:13px;border-radius:17px}.sf-v54 .sf54-order-roadmap{padding:12px;border-radius:16px}.sf-v54 .sf54-order-roadmap h2{font-size:13px}.sf-v54 .sf54-order-roadmap header button{min-height:40px}.sf-v54 .sf54-guide-fab{left:10px;bottom:86px;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;justify-content:center}.sf-v54 .sf54-guide-fab span{display:none}.sf-v54 .sf54-guide-fab b{width:auto;height:auto;background:transparent;color:#2465d8;font-size:18px}.sf-v54 .sf54-roadmap-track b{font-size:11px}.sf-v54 .sf54-roadmap-track small{font-size:10px}.sf-v54 .sf54-preview-line span small,.sf-v54 .sf54-preview-total span{font-size:10px}}

/* Phase 60: new storefront ordering journey banner + model->color->modal flow */
/* Hidden is semantic state. Keep it stronger than component display rules. */
.sf-v54 [hidden]{display:none!important}
.sf-v54 .sfm-home-banner,.sf-v54 .sfm-journey-banner{display:grid;gap:16px;margin-top:14px;padding:18px;border:1px solid #dde7f6;border-radius:24px;background:linear-gradient(135deg,#f8fbff 0%,#ffffff 48%,#eef5ff 100%);box-shadow:0 20px 45px rgba(32,64,108,.08)}
.sf-v54 .sfm-home-banner{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center}
.sf-v54 .sfm-home-kicker,.sf-v54 .sfm-journey-copy span{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#edf4ff;color:#2b5fd0;font-size:11px;font-weight:900}.sf-v54 .sfm-home-kicker i{width:8px;height:8px;border-radius:99px;background:#2b5fd0}
.sf-v54 .sfm-home-banner-copy h1,.sf-v54 .sfm-journey-copy h2{margin:12px 0 8px;color:#21354d;font-size:30px;line-height:1.45}.sf-v54 .sfm-home-banner-copy h1 strong,.sf-v54 .sfm-journey-copy h2 strong{color:#1e5fd1}.sf-v54 .sfm-home-banner-copy p,.sf-v54 .sfm-journey-copy p{margin:0;color:#6f7f95;font-size:13px;line-height:2}
.sf-v54 .sfm-home-banner-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.sf-v54 .sfm-home-banner-visual{display:grid;gap:14px}
.sf-v54 .sfm-home-steps,.sf-v54 .sfm-journey-steps{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.sf-v54 .sfm-home-steps article,.sf-v54 .sfm-journey-steps article{position:relative;padding:16px 15px 15px;border:1px solid #e0e8f5;border-radius:20px;background:#fff;box-shadow:0 10px 25px rgba(39,66,110,.06)}
.sf-v54 .sfm-home-steps article i,.sf-v54 .sfm-journey-steps article i{display:grid;place-items:center;width:34px;height:34px;margin-bottom:10px;border-radius:12px;background:linear-gradient(135deg,#2465d8,#5f93f1);color:#fff;font-style:normal;font-weight:900}.sf-v54 .sfm-home-steps article b,.sf-v54 .sfm-journey-steps article b{display:block;color:#233751;font-size:13px}.sf-v54 .sfm-home-steps article small,.sf-v54 .sfm-journey-steps article small{display:block;margin-top:6px;color:#7a889c;font-size:11px;line-height:1.9}
.sf-v54 .sfm-home-banner-note{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 15px;border-radius:18px;background:#243954;color:#fff}.sf-v54 .sfm-home-banner-note b{font-size:12px}.sf-v54 .sfm-home-banner-note span{font-size:11px;color:#d9e6ff}
.sf-v54 .sfm-order-roadmap{margin-top:14px}
.sf-v54 .sfm-model-colors-shell{display:grid;gap:14px}
.sf-v54 .sfm-model-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:16px;align-items:start}.sf-v54 .sfm-model-copy,.sf-v54 .sfm-model-sidecard{padding:18px;border:1px solid #e0e7f2;border-radius:24px;background:#fff;box-shadow:0 12px 28px rgba(31,53,85,.06)}
.sf-v54 .sfm-model-copy h1{margin:10px 0 8px;color:#22364d;font-size:29px;line-height:1.5}.sf-v54 .sfm-model-copy p{margin:0;color:#6d7b90;font-size:13px;line-height:2}.sf-v54 .sfm-model-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.sf-v54 .sfm-model-metrics span,.sf-v54 .sfm-picker-facts span{display:grid;gap:4px;padding:12px;border-radius:16px;background:#f7faff;border:1px solid #e4ebf6}.sf-v54 .sfm-model-metrics b,.sf-v54 .sfm-picker-facts b{color:#23374f;font-size:16px}.sf-v54 .sfm-model-metrics small,.sf-v54 .sfm-picker-facts small{color:#7a879b;font-size:10px}
.sf-v54 .sfm-model-sidecard-head{display:grid;gap:5px;margin-bottom:14px}.sf-v54 .sfm-model-sidecard-head span{color:#5a77ad;font-size:11px;font-weight:900}.sf-v54 .sfm-model-sidecard-head b{color:#243954;font-size:17px}
.sf-v54 .sfm-mini-steps{display:grid;gap:10px}.sf-v54 .sfm-mini-steps div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid #e3eaf4;border-radius:16px;background:#fbfcff}.sf-v54 .sfm-mini-steps i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#eef4ff;color:#2a62d2;font-style:normal;font-weight:900}.sf-v54 .sfm-mini-steps b{display:block;color:#243750;font-size:12px}.sf-v54 .sfm-mini-steps small{display:block;margin-top:4px;color:#7a889c;font-size:10px;line-height:1.8}
.sf-v54 .sfm-color-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}.sf-v54 .sfm-color-search{flex:1 1 260px;margin:0}.sf-v54 .sfm-filter-chips{gap:8px}
.sf-v54 .sfm-color-summary-bar{display:flex;flex-wrap:wrap;gap:10px}.sf-v54 .sfm-color-summary-bar span{padding:10px 14px;border-radius:999px;background:#f6f8fc;border:1px solid #e2e8f3;color:#66758c;font-size:11px}.sf-v54 .sfm-color-summary-bar b{color:#23374f}
.sf-v54 .sfm-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sf-v54 .sfm-color-card{display:grid;overflow:hidden;border:1px solid #dfe8f4;border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(29,52,86,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.sf-v54 .sfm-color-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(30,52,84,.1)}.sf-v54 .sfm-color-card.is-ready:hover{border-color:#59b98b}.sf-v54 .sfm-color-card.is-production:hover{border-color:#7aa5f5}.sf-v54 .sfm-color-card.is-unavailable:hover{border-color:#c8d2e1}
.sf-v54 .sfm-color-card-media{position:relative;aspect-ratio:1/1;background:#f3f6fb}.sf-v54 .sfm-color-card-media img{width:100%;height:100%;object-fit:cover;display:block}.sf-v54 .sfm-color-badge{position:absolute;right:10px;top:10px;padding:6px 10px;border-radius:999px;background:#fff;color:#55657c;font-size:10px;font-weight:900;box-shadow:0 6px 15px rgba(33,53,84,.1)}.sf-v54 .sfm-color-badge.is-ready{color:#1b8d52}.sf-v54 .sfm-color-badge.is-production{color:#235fd0}.sf-v54 .sfm-color-badge.is-unavailable{color:#6d7888}
.sf-v54 .sfm-color-card-fallback{display:grid;place-items:center;gap:10px;height:100%;text-align:center;color:#34475f}.sf-v54 .sfm-color-card-fallback span{display:block;width:56px;height:56px;border-radius:18px;border:4px solid rgba(255,255,255,.82);box-shadow:0 10px 20px rgba(32,51,80,.1)}
.sf-v54 .sfm-color-card-body{display:grid;gap:10px;padding:14px}.sf-v54 .sfm-color-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.sf-v54 .sfm-color-title b{color:#23364e;font-size:15px}.sf-v54 .sfm-color-title small{color:#7b8799;font-size:10px}.sf-v54 .sfm-color-meta{display:flex;flex-wrap:wrap;gap:7px}.sf-v54 .sfm-color-meta span{padding:6px 10px;border-radius:999px;background:#f6f9fc;border:1px solid #e7edf6;color:#6b7990;font-size:10px}
.sf-v54 .sfm-color-note{min-height:38px;margin:0;color:#66768c;font-size:11px;line-height:1.9}.sf-v54 .sfm-color-footer{display:flex;justify-content:space-between;gap:10px;align-items:end}.sf-v54 .sfm-color-price small{display:block;color:#8a96a7;font-size:10px}.sf-v54 .sfm-color-price b{display:block;margin-top:4px;color:#20354f;font-size:14px}.sf-v54 .sfm-open-picker{min-height:42px;border:0;border-radius:14px;background:linear-gradient(135deg,#243954,#315c97);padding:0 16px;color:#fff;font-size:11px;font-weight:900;cursor:pointer}.sf-v54 .sfm-color-card.is-unavailable .sfm-open-picker{background:#e8edf5;color:#48596f}
.sf-v54 .sfm-no-results{margin-top:4px}
.sf-v54 .sfm-color-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px}.sf-v54 .sfm-color-modal-backdrop{position:absolute;inset:0;background:rgba(17,27,42,.52);backdrop-filter:blur(2px)}.sf-v54 .sfm-color-modal-dialog{position:relative;z-index:1;width:min(1080px,100%);max-height:min(92vh,920px);border-radius:28px;background:#fff;box-shadow:0 28px 60px rgba(16,29,48,.32);overflow:hidden}.sf-v54 .sfm-color-modal-scroll{max-height:min(92vh,920px);overflow:auto}.sf-v54 .sfm-color-modal-loading{display:grid;place-items:center;gap:12px;padding:60px 24px;color:#607188;font-size:12px}.sf-v54 .sfm-modal-close{position:absolute;left:16px;top:16px;z-index:4;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:14px;background:#eff4fb;color:#1f314a;font-size:24px;cursor:pointer}
.sf-v54 .sfm-picker-panel{display:grid;gap:16px;padding:22px}.sf-v54 .sfm-picker-header{display:flex;justify-content:space-between;gap:12px;align-items:start;padding-left:48px}.sf-v54 .sfm-picker-header h2{margin:8px 0 6px;color:#22364d;font-size:22px}.sf-v54 .sfm-picker-header p{margin:0;color:#72839a;font-size:12px;line-height:1.9}.sf-v54 .sfm-picker-chip{padding:9px 14px;border-radius:999px;background:#f3f6fb;color:#52647d;font-size:11px;font-weight:900;white-space:nowrap}.sf-v54 .sfm-picker-chip.is-ready{background:#e8f8ef;color:#188850}.sf-v54 .sfm-picker-chip.is-production{background:#ebf2ff;color:#215ed1}.sf-v54 .sfm-picker-chip.is-unavailable{background:#f2f5f9;color:#637288}
.sf-v54 .sfm-picker-layout{display:grid;grid-template-columns:minmax(310px,.9fr) minmax(0,1.1fr);gap:18px}.sf-v54 .sfm-picker-gallery,.sf-v54 .sfm-picker-order{display:grid;gap:14px}.sf-v54 .sfm-picker-stage{overflow:hidden;border:1px solid #e2e9f5;border-radius:24px;background:#f4f7fc;aspect-ratio:1/1}.sf-v54 .sfm-picker-stage img,.sf-v54 .sfm-picker-stage video{width:100%;height:100%;display:block;object-fit:cover}.sf-v54 .sfm-picker-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sf-v54 .sfm-picker-thumb{overflow:hidden;height:78px;border:1px solid #dbe6f4;border-radius:16px;background:#fff;padding:0;cursor:pointer}.sf-v54 .sfm-picker-thumb.is-active{border-color:#2662d5;box-shadow:0 0 0 3px rgba(38,98,213,.12)}.sf-v54 .sfm-picker-thumb img,.sf-v54 .sfm-picker-thumb video{width:100%;height:100%;object-fit:cover;display:block}.sf-v54 .sfm-picker-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sf-v54 .sfm-picker-block{padding:14px;border:1px solid #e2e9f4;border-radius:22px;background:#fcfdff}.sf-v54 .sfm-picker-block-head{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:12px}.sf-v54 .sfm-picker-block-head i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#edf4ff;color:#2663d4;font-style:normal;font-weight:900}.sf-v54 .sfm-picker-block-head b{display:block;color:#23374f;font-size:13px}.sf-v54 .sfm-picker-block-head small{display:block;margin-top:4px;color:#7c8ba1;font-size:10px;line-height:1.8}
.sf-v54 .sfm-picker-series-list{display:grid;gap:10px}.sf-v54 .sfm-series-card{display:grid;gap:10px;padding:12px;border:1px solid #dce6f3;border-radius:18px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.sf-v54 .sfm-series-card input{display:none}.sf-v54 .sfm-series-card:hover{transform:translateY(-1px);border-color:#7fa5e9}.sf-v54 .sfm-series-card.is-active{border-color:#245fd2;box-shadow:0 0 0 3px rgba(36,95,210,.12)}.sf-v54 .sfm-series-card.is-disabled{opacity:.65;background:#f7f9fc;cursor:not-allowed}.sf-v54 .sfm-series-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.sf-v54 .sfm-series-top b{display:block;color:#22364d;font-size:13px}.sf-v54 .sfm-series-top small{display:block;margin-top:4px;color:#7d8ca1;font-size:10px}.sf-v54 .sfm-series-radio{width:18px;height:18px;border:2px solid #ccd8ea;border-radius:999px}.sf-v54 .sfm-series-card.is-active .sfm-series-radio{border-color:#245fd2;box-shadow:inset 0 0 0 4px #245fd2}.sf-v54 .sfm-series-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sf-v54 .sfm-series-prices span{padding:9px 10px;border-radius:14px;background:#f7faff;border:1px solid #e4ebf6}.sf-v54 .sfm-series-prices small{display:block;color:#8794a5;font-size:9px}.sf-v54 .sfm-series-prices strong{display:block;margin-top:4px;color:#243751;font-size:11px}.sf-v54 .sfm-series-stock{padding:9px 10px;border-radius:14px;background:#edf9f1;color:#1b8a4f;font-size:10px;font-weight:900}.sf-v54 .sfm-series-stock.is-muted{background:#f2f5f9;color:#6d7888}.sf-v54 .sfm-series-card em{color:#49627e;font-size:10px;font-style:normal}
.sf-v54 .sfm-fulfilment-row{display:flex;flex-wrap:wrap;gap:10px}.sf-v54 .sfm-fulfilment-btn{min-height:42px;border:1px solid #d8e2f1;border-radius:15px;background:#fff;padding:0 15px;color:#2d4768;font-size:11px;font-weight:900;cursor:pointer}.sf-v54 .sfm-fulfilment-btn.is-active{border-color:#245fd2;background:#edf4ff;color:#245fd2}
.sf-v54 .sfm-qty-row{display:grid;gap:12px}.sf-v54 .sfm-qty-row input{width:100%;min-height:48px;border:1px solid #d8e1ee;border-radius:16px;background:#fff;padding:0 14px;color:#22364d;font-size:16px;font-weight:900;outline:none}.sf-v54 .sfm-qty-row input:disabled{background:#f5f7fb;color:#9aa6b7}.sf-v54 .sfm-qty-presets{display:flex;flex-wrap:wrap;gap:8px}.sf-v54 .sfm-qty-presets button{min-width:42px;height:38px;border:1px solid #dbe4f1;border-radius:13px;background:#fff;color:#455971;font-size:11px;font-weight:900;cursor:pointer}.sf-v54 .sfm-qty-presets button:disabled{opacity:.45;cursor:not-allowed}.sf-v54 .sfm-qty-presets button.is-active{border-color:#245fd2;background:#edf4ff;color:#245fd2}
.sf-v54 .sfm-price-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.sf-v54 .sfm-price-box div{padding:10px 11px;border:1px solid #e4ebf6;border-radius:15px;background:#fff}.sf-v54 .sfm-price-box span{display:block;color:#8794a6;font-size:10px}.sf-v54 .sfm-price-box strong{display:block;margin-top:6px;color:#243750;font-size:12px}.sf-v54 .sfm-price-box .is-total{grid-column:1/-1;background:#243954;border-color:#243954}.sf-v54 .sfm-price-box .is-total span,.sf-v54 .sfm-price-box .is-total strong{color:#fff}
.sf-v54 .sfm-picker-submit{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border:1px solid #dde6f2;border-radius:22px;background:#fff}.sf-v54 .sfm-picker-submit-copy{display:grid;gap:5px}.sf-v54 .sfm-picker-submit-copy b{color:#23374f;font-size:13px}.sf-v54 .sfm-picker-submit-copy small{color:#738299;font-size:10px;line-height:1.9}.sf-v54 .sfm-picker-submit .sf-primary-btn{min-height:48px;white-space:nowrap}.sf-v54 .sfm-picker-submit .sf-primary-btn[disabled]{opacity:.55;cursor:not-allowed}
.sf-v54 .sfm-picker-result{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px;border:1px solid #d8e9de;border-radius:18px;background:#f1fbf5}.sf-v54 .sfm-picker-result.is-error{border-color:#f0d2d6;background:#fff5f6}.sf-v54 .sfm-picker-result-copy b{display:block;color:#1c7f49;font-size:12px}.sf-v54 .sfm-picker-result.is-error .sfm-picker-result-copy b{color:#b73344}.sf-v54 .sfm-picker-result-copy span{display:block;margin-top:4px;color:#5f7288;font-size:10px;line-height:1.8}
.sf-v54 .sf-inline-warning,.sf-v54 .sf-inline-error{padding:14px;border-radius:18px;font-size:11px;line-height:1.9}.sf-v54 .sf-inline-warning{border:1px solid #f0e3b1;background:#fff9e7;color:#8a6a09}.sf-v54 .sf-inline-warning b,.sf-v54 .sf-inline-error b{display:block;margin-bottom:4px}.sf-v54 .sf-inline-error{border:1px solid #f0d1d6;background:#fff4f6;color:#b33344}
html.sfm-modal-open,body.sfm-modal-open{overflow:hidden}
@media (max-width:1100px){.sf-v54 .sfm-home-banner,.sf-v54 .sfm-model-head,.sf-v54 .sfm-picker-layout{grid-template-columns:1fr}.sf-v54 .sfm-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.sf-v54 .sfm-home-banner,.sf-v54 .sfm-journey-banner,.sf-v54 .sfm-model-copy,.sf-v54 .sfm-model-sidecard,.sf-v54 .sfm-picker-panel{padding:14px}.sf-v54 .sfm-home-banner-copy h1,.sf-v54 .sfm-journey-copy h2,.sf-v54 .sfm-model-copy h1{font-size:22px}.sf-v54 .sfm-home-steps,.sf-v54 .sfm-journey-steps,.sf-v54 .sfm-color-grid,.sf-v54 .sfm-model-metrics,.sf-v54 .sfm-picker-facts,.sf-v54 .sfm-price-box{grid-template-columns:1fr}.sf-v54 .sfm-picker-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.sf-v54 .sfm-color-modal{padding:0}.sf-v54 .sfm-color-modal-dialog{width:100%;height:100%;max-height:none;border-radius:0}.sf-v54 .sfm-picker-header{padding-left:42px}.sf-v54 .sfm-picker-submit,.sf-v54 .sfm-picker-result,.sf-v54 .sfm-color-toolbar,.sf-v54 .sfm-home-banner-note{grid-template-columns:1fr;display:grid}.sf-v54 .sfm-picker-submit .sf-primary-btn,.sf-v54 .sfm-picker-result .sf-primary-btn{width:100%}.sf-v54 .sfm-color-summary-bar{gap:8px}.sf-v54 .sfm-color-summary-bar span{width:100%;justify-content:space-between;display:flex}}

/* Phase 62: compact model header + simplified color picker */
.sf-v54 .sfm-model-colors-shell-v62{gap:12px}
.sf-v54 .sfm-model-strip{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:11px 14px;border:1px solid #dce7f5;border-radius:20px;background:linear-gradient(135deg,#ffffff 0%,#f6f9ff 55%,#eef4ff 100%);box-shadow:0 10px 24px rgba(31,54,88,.06)}
.sf-v54 .sfm-model-strip-main{min-width:0}.sf-v54 .sfm-model-strip-kicker{display:block;margin-bottom:2px;color:#5676aa;font-size:9px;font-weight:900}.sf-v54 .sfm-model-strip h1{display:inline;margin:0;color:#223750;font-size:20px;line-height:1.4}.sf-v54 .sfm-model-strip-main small{display:block;margin-top:3px;color:#7b899d;font-size:10px}
.sf-v54 .sfm-model-strip-stats{display:flex;gap:7px}.sf-v54 .sfm-model-strip-stats span{display:grid;min-width:58px;padding:7px 9px;border:1px solid #e2e9f4;border-radius:13px;background:#fff;text-align:center}.sf-v54 .sfm-model-strip-stats b{color:#21364e;font-size:14px}.sf-v54 .sfm-model-strip-stats small{margin-top:2px;color:#8390a2;font-size:8px}
.sf-v54 .sfm-model-strip-back{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:13px;background:#233a57;color:#fff;font-size:10px;font-weight:900;text-decoration:none}
.sf-v54 .sfm-color-toolbar-v62{margin-top:0}.sf-v54 .sfm-color-toolbar-v62 .sfm-filter-chips{margin:0}
.sf-v54 .sfm-color-card-body{gap:8px}.sf-v54 .sfm-color-card .sfm-color-meta{min-height:30px}.sf-v54 .sfm-color-card .sfm-color-footer{margin-top:2px}
.sf-v54 .sfm-picker-panel-v62{gap:12px;padding:18px}.sf-v54 .sfm-picker-header-v62{padding-left:44px;align-items:center}.sf-v54 .sfm-picker-header-v62 h2{margin:3px 0 1px;font-size:20px}.sf-v54 .sfm-picker-header-v62 p{font-size:10px;line-height:1.5}
.sf-v54 .sfm-picker-layout-v62{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:14px}.sf-v54 .sfm-picker-gallery-v62,.sf-v54 .sfm-picker-order-v62{gap:10px}.sf-v54 .sfm-picker-gallery-v62 .sfm-picker-stage{aspect-ratio:1/1;border-radius:20px}.sf-v54 .sfm-picker-thumbs-v62{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.sf-v54 .sfm-picker-thumbs-v62 .sfm-picker-thumb{position:relative;height:58px;border-radius:12px}.sf-v54 .sfm-picker-thumbs-v62 .sfm-picker-thumb span{position:absolute;inset:auto 5px 5px auto;display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:rgba(22,36,56,.78);color:#fff;font-size:9px}
.sf-v54 .sfm-gallery-caption{padding:9px 11px;border:1px solid #e3ebf6;border-radius:14px;background:#f8fbff;color:#61728a;font-size:9px;line-height:1.8}.sf-v54 .sfm-gallery-caption b{font-weight:800}
.sf-v54 .sfm-simple-step{padding:12px;border:1px solid #e1e9f4;border-radius:18px;background:#fcfdff}.sf-v54 .sfm-simple-step+.sfm-simple-step{margin-top:10px}.sf-v54 .sfm-simple-step-title{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;margin-bottom:10px}.sf-v54 .sfm-simple-step-title i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#eaf2ff;color:#255fce;font-style:normal;font-size:11px;font-weight:900}.sf-v54 .sfm-simple-step-title b{display:block;color:#243850;font-size:12px}.sf-v54 .sfm-simple-step-title small{display:block;margin-top:2px;color:#8090a5;font-size:9px}
.sf-v54 .sfm-picker-series-list-v62{gap:8px}.sf-v54 .sfm-series-card-v62{grid-template-columns:22px minmax(86px,.7fr) minmax(130px,1fr) auto;gap:9px;align-items:center;padding:10px 11px;border-radius:15px}.sf-v54 .sfm-series-card-v62 .sfm-series-radio{grid-column:1;grid-row:1}.sf-v54 .sfm-series-identity{display:grid;gap:1px}.sf-v54 .sfm-series-identity b{color:#24374f;font-size:11px}.sf-v54 .sfm-series-identity small{color:#8795a7;font-size:9px}.sf-v54 .sfm-series-compact-price{display:grid;gap:2px}.sf-v54 .sfm-series-compact-price b{color:#24436a;font-size:10px}.sf-v54 .sfm-series-compact-price small{color:#8a96a6;font-size:8px}.sf-v54 .sfm-series-stock-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}.sf-v54 .sfm-series-stock-pill.is-ready{background:#e9f8ef;color:#1b8b50}.sf-v54 .sfm-series-stock-pill.is-production{background:#ecf2ff;color:#245fd0}.sf-v54 .sfm-series-stock-pill.is-out{background:#f1f4f8;color:#748195}
.sf-v54 .sfm-simple-qty-control{display:grid;grid-template-columns:44px minmax(80px,1fr) 44px;gap:7px;align-items:center}.sf-v54 .sfm-simple-qty-control button,.sf-v54 .sfm-simple-qty-control input{height:44px;border:1px solid #d9e3ef;border-radius:13px;background:#fff}.sf-v54 .sfm-simple-qty-control button{color:#2f4968;font-size:18px;font-weight:900;cursor:pointer}.sf-v54 .sfm-simple-qty-control button:disabled{opacity:.4;cursor:not-allowed}.sf-v54 .sfm-simple-qty-control input{text-align:center;color:#22364d;font-size:15px;font-weight:900;outline:none}.sf-v54 .sfm-simple-qty-control input:disabled{background:#f5f7fb;color:#9aa5b5}.sf-v54 .sfm-qty-presets-v62{margin-top:8px}.sf-v54 .sfm-qty-presets-v62 button{height:34px;min-width:40px;border-radius:11px}
.sf-v54 .sfm-order-mode-note{margin-top:8px;padding:8px 10px;border-radius:12px;font-size:9px;font-weight:900}.sf-v54 .sfm-order-mode-note.is-ready{background:#edf9f1;color:#1b8750}.sf-v54 .sfm-order-mode-note.is-production{background:#eef3ff;color:#245dca}
.sf-v54 .sfm-price-box-v62{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.sf-v54 .sfm-price-box-v62 div{padding:8px 9px;border-radius:12px}.sf-v54 .sfm-price-box-v62 span{font-size:8px}.sf-v54 .sfm-price-box-v62 strong{margin-top:4px;font-size:10px}.sf-v54 .sfm-price-box-v62 .is-total{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.sf-v54 .sfm-price-box-v62 .is-total strong{margin-top:0;font-size:12px}
.sf-v54 .sfm-picker-submit-v62{margin-top:10px;padding:11px 12px;border-radius:17px}.sf-v54 .sfm-picker-submit-v62 .sf-primary-btn{min-height:44px}.sf-v54 .sfm-picker-submit-v62 .sfm-picker-submit-copy b{font-size:11px}.sf-v54 .sfm-picker-submit-v62 .sfm-picker-submit-copy small{font-size:9px;line-height:1.7}
@media (max-width:900px){.sf-v54 .sfm-picker-layout-v62{grid-template-columns:1fr}.sf-v54 .sfm-picker-gallery-v62{grid-template-columns:minmax(0,1fr);}.sf-v54 .sfm-picker-gallery-v62 .sfm-picker-stage{aspect-ratio:16/10}.sf-v54 .sfm-picker-thumbs-v62{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:720px){.sf-v54 .sfm-model-strip{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 11px;border-radius:16px}.sf-v54 .sfm-model-strip-stats{grid-column:1/-1;order:3}.sf-v54 .sfm-model-strip-stats span{flex:1;min-width:0}.sf-v54 .sfm-model-strip h1{font-size:17px}.sf-v54 .sfm-model-strip-back{min-height:34px;padding:0 10px}.sf-v54 .sfm-picker-panel-v62{padding:12px}.sf-v54 .sfm-picker-header-v62{padding-left:38px}.sf-v54 .sfm-picker-header-v62 h2{font-size:17px}.sf-v54 .sfm-picker-layout-v62{gap:10px}.sf-v54 .sfm-picker-gallery-v62 .sfm-picker-stage{aspect-ratio:16/9}.sf-v54 .sfm-picker-thumbs-v62{display:flex;overflow-x:auto;gap:7px;padding-bottom:2px;scrollbar-width:none}.sf-v54 .sfm-picker-thumbs-v62::-webkit-scrollbar{display:none}.sf-v54 .sfm-picker-thumbs-v62 .sfm-picker-thumb{flex:0 0 58px}.sf-v54 .sfm-series-card-v62{grid-template-columns:20px minmax(80px,.8fr) minmax(0,1fr);gap:7px}.sf-v54 .sfm-series-card-v62 .sfm-series-stock-pill{grid-column:2/-1;justify-self:start}.sf-v54 .sfm-price-box-v62{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-v54 .sfm-picker-submit-v62{display:grid;grid-template-columns:1fr}.sf-v54 .sfm-picker-submit-v62 .sf-primary-btn{width:100%}.sf-v54 .sfm-color-modal-scroll{overscroll-behavior:contain}.sf-v54 .sfm-simple-step{padding:10px}}


/* Source: storefront-home-v61.css */
/* Phase 61 — graphic ordering guide + full home catalog with list/grid switch and 20-by-20 AJAX loading */
.sf-v54 .sfh-home{display:grid;gap:14px}
.sf-v54 .sfh-guide-banner{overflow:hidden;border:1px solid #e1e7f4;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(39,57,90,.08)}
.sf-v54 .sfh-guide-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;direction:rtl;background:linear-gradient(135deg,#eef3ff,#fff)}
.sf-v54 .sfh-guide-scroll img{display:block;width:100%;height:auto;min-width:980px;max-width:none}
.sf-v54 .sfh-models-section{display:grid;gap:12px}
.sf-v54 .sfh-models-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:4px 2px}.sf-v54 .sfh-models-head h1{margin:3px 0 0;color:#20344d;font-size:24px}.sf-v54 .sfh-models-head p{margin:4px 0 0;color:#8491a4;font-size:11px}
.sf-v54 .sfh-view-toggle{display:flex;gap:5px;padding:4px;border:1px solid #dde5f0;border-radius:14px;background:#f7f9fc}.sf-v54 .sfh-view-toggle button{display:flex;align-items:center;gap:6px;min-height:38px;border:0;border-radius:10px;background:transparent;padding:0 11px;color:#66768b;font-size:10px;font-weight:900;cursor:pointer}.sf-v54 .sfh-view-toggle button svg{width:17px;height:17px;stroke-width:1.8}.sf-v54 .sfh-view-toggle button.is-active{background:#fff;color:#245fd1;box-shadow:0 5px 14px rgba(36,95,209,.12)}
.sf-v54 .sfh-catalog-tools{display:grid;grid-template-columns:minmax(300px,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #e1e7ef;border-radius:18px;background:#fff}.sf-v54 .sfh-home-search{margin:0}.sf-v54 .sfh-filter-row{display:flex;gap:7px;overflow-x:auto;white-space:nowrap}.sf-v54 .sfh-filter-row .sf-chip{border:1px solid #e0e7f0;cursor:pointer}
.sf-v54 .sfh-model-list{display:grid;gap:14px;transition:opacity .16s ease}.sf-v54 .sfh-model-list.is-refreshing{opacity:.46;pointer-events:none}
/* default mode: desktop grid */
@media(min-width:721px){.sf-v54 .sfh-model-list:not(.is-list):not(.is-grid),.sf-v54 .sfh-model-list.is-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sf-v54 .sfh-model-item{min-width:0;overflow:hidden;border:1px solid #dee7f2;border-radius:22px;background:#fff;box-shadow:0 10px 27px rgba(29,48,80,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.sf-v54 .sfh-model-item:hover{transform:translateY(-2px);border-color:#c9d7eb;box-shadow:0 17px 34px rgba(30,52,86,.09)}
.sf-v54 .sfh-model-image{display:block;overflow:hidden;background:#f5f7fb}.sf-v54 .sfh-model-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.sf-v54 .sfh-model-item:hover .sfh-model-image img{transform:scale(1.015)}
.sf-v54 .sfh-model-content{display:grid;gap:11px;padding:14px}.sf-v54 .sfh-model-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sf-v54 .sfh-model-code{display:block;color:#8b97a8;font-size:9px}.sf-v54 .sfh-model-topline h3{margin:3px 0 0;font-size:15px;line-height:1.6}.sf-v54 .sfh-model-topline h3 a{color:#22364e}.sf-v54 .sfh-model-meta{display:flex;flex-wrap:wrap;gap:6px}.sf-v54 .sfh-model-meta span{padding:6px 8px;border:1px solid #e7edf5;border-radius:999px;background:#f8fafc;color:#6e7d91;font-size:9px}.sf-v54 .sfh-model-meta b{color:#324a67}
.sf-v54 .sfh-model-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-top:2px;border-top:1px dashed #e7edf5}.sf-v54 .sfh-model-price{padding-top:10px}.sf-v54 .sfh-model-price small{display:block;color:#8a96a7;font-size:9px}.sf-v54 .sfh-model-price strong{display:block;margin-top:3px;color:#1f3651;font-size:14px}.sf-v54 .sfh-model-price strong span{font-size:9px;font-weight:700}.sf-v54 .sfh-model-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:13px;background:#243954;padding:0 12px;color:#fff;font-size:10px;font-weight:900;white-space:nowrap}.sf-v54 .sfh-model-action b{font-size:14px}
/* Grid card form */
.sf-v54 .sfh-model-list.is-grid .sfh-model-item,.sf-v54 .sfh-model-list:not(.is-list):not(.is-grid) .sfh-model-item{display:grid;grid-template-rows:auto 1fr}.sf-v54 .sfh-model-list.is-grid .sfh-model-image,.sf-v54 .sfh-model-list:not(.is-list):not(.is-grid) .sfh-model-image{aspect-ratio:1.18/1}.sf-v54 .sfh-model-list.is-grid .sfh-model-content,.sf-v54 .sfh-model-list:not(.is-list):not(.is-grid) .sfh-model-content{align-content:space-between}
/* List form */
.sf-v54 .sfh-model-list.is-list{grid-template-columns:1fr}.sf-v54 .sfh-model-list.is-list .sfh-model-item{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:stretch}.sf-v54 .sfh-model-list.is-list .sfh-model-image{min-height:150px}.sf-v54 .sfh-model-list.is-list .sfh-model-content{align-content:center}.sf-v54 .sfh-model-list.is-list .sfh-model-bottom{align-items:center}.sf-v54 .sfh-model-list.is-list .sfh-model-price{padding-top:8px}
.sf-v54 .sfh-loadmore{display:grid;place-items:center;gap:8px;padding:8px 0 2px}.sf-v54 .sfh-loadmore-btn{display:inline-flex;align-items:center;gap:10px;min-height:46px;border:1px solid #d6e1f0;border-radius:15px;background:#fff;padding:0 18px;color:#35506e;font-size:11px;font-weight:900;box-shadow:0 8px 20px rgba(37,59,91,.07);cursor:pointer}.sf-v54 .sfh-loadmore-btn b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#edf4ff;color:#245fd1}.sf-v54 .sfh-loading{display:flex;align-items:center;gap:9px;color:#708097;font-size:10px}.sf-v54 .sfh-all-loaded{color:#8b97a8;font-size:10px}.sf-v54 .sfh-home-empty{grid-column:1/-1}
@media(max-width:1100px) and (min-width:721px){.sf-v54 .sfh-model-list:not(.is-list):not(.is-grid),.sf-v54 .sfh-model-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-v54 .sfh-catalog-tools{grid-template-columns:1fr}.sf-v54 .sfh-filter-row{justify-content:flex-start}}
@media(max-width:720px){.sf-v54 .sfh-home{gap:11px}.sf-v54 .sfh-guide-banner{margin:0 -2px;border-radius:16px;box-shadow:none}.sf-v54 .sfh-guide-scroll{direction:rtl;scroll-snap-type:x proximity}.sf-v54 .sfh-guide-scroll img{width:820px;min-width:820px;height:auto;scroll-snap-align:end}.sf-v54 .sfh-models-head{align-items:center}.sf-v54 .sfh-models-head h1{font-size:20px}.sf-v54 .sfh-view-toggle button{width:40px;justify-content:center;padding:0}.sf-v54 .sfh-view-toggle button span{display:none}.sf-v54 .sfh-catalog-tools{grid-template-columns:1fr;padding:8px;border-radius:15px}.sf-v54 .sfh-filter-row{padding-bottom:1px}.sf-v54 .sfh-filter-row .sf-chip{flex:0 0 auto}.sf-v54 .sfh-model-list:not(.is-list):not(.is-grid),.sf-v54 .sfh-model-list.is-list{grid-template-columns:1fr}.sf-v54 .sfh-model-list:not(.is-list):not(.is-grid) .sfh-model-item,.sf-v54 .sfh-model-list.is-list .sfh-model-item{display:grid;grid-template-columns:118px minmax(0,1fr);border-radius:17px}.sf-v54 .sfh-model-list:not(.is-list):not(.is-grid) .sfh-model-image,.sf-v54 .sfh-model-list.is-list .sfh-model-image{aspect-ratio:auto;min-height:128px}.sf-v54 .sfh-model-content{gap:8px;padding:10px}.sf-v54 .sfh-model-topline h3{font-size:13px}.sf-v54 .sfh-model-topline .sf-product-status{font-size:8px}.sf-v54 .sfh-model-meta{gap:4px}.sf-v54 .sfh-model-meta span{padding:4px 6px;font-size:8px}.sf-v54 .sfh-model-bottom{align-items:center;gap:6px}.sf-v54 .sfh-model-price small{font-size:8px}.sf-v54 .sfh-model-price strong{font-size:11px}.sf-v54 .sfh-model-action{min-height:36px;padding:0 9px;font-size:9px}.sf-v54 .sfh-model-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sf-v54 .sfh-model-list.is-grid .sfh-model-item{display:grid;grid-template-columns:1fr;border-radius:16px}.sf-v54 .sfh-model-list.is-grid .sfh-model-image{aspect-ratio:1/1;min-height:0}.sf-v54 .sfh-model-list.is-grid .sfh-model-content{padding:9px;gap:7px}.sf-v54 .sfh-model-list.is-grid .sfh-model-topline{display:grid}.sf-v54 .sfh-model-list.is-grid .sfh-model-topline .sf-product-status{justify-self:start}.sf-v54 .sfh-model-list.is-grid .sfh-model-meta span:nth-child(n+3){display:none}.sf-v54 .sfh-model-list.is-grid .sfh-model-bottom{display:grid;align-items:stretch}.sf-v54 .sfh-model-list.is-grid .sfh-model-action{width:100%}.sf-v54 .sfh-loadmore-btn{width:100%;justify-content:center}}


/* Source: storefront-v63.css */
/* Phase 63 — strict mobile-first storefront UX hardening */

/* 1) The approved order guide must be fully visible on mobile; no horizontal swipe is required. */
.sf-v54 .sfh-guide-banner{display:grid;place-items:center;overflow:hidden;padding:6px;border-radius:18px;background:linear-gradient(135deg,#f8f9ff 0%,#fff 48%,#f7f1ff 100%)}
.sf-v54 .sfh-guide-scroll{display:grid;place-items:center;width:100%;overflow:hidden!important;background:transparent;scroll-snap-type:none!important}
.sf-v54 .sfh-guide-scroll img{display:block;width:auto!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:250px;object-fit:contain!important;object-position:center}

/* 2) Shoe photography is decision-critical: never crop the product silhouette. */
.sf-v54 .sfh-model-image,.sf-v54 .sf-product-image-stage{background:linear-gradient(145deg,#f8fafd,#f1f5fa)}
.sf-v54 .sfh-model-image img,.sf-v54 .sf-product-image-stage img{object-fit:contain!important;object-position:center!important;padding:8px;box-sizing:border-box}

/* 3) Color catalog: dense enough to signal that many choices continue below. */
.sf-v54 .sfm-model-colors-shell-v62{gap:10px}
.sf-v54 .sfm-model-strip{grid-template-columns:minmax(0,1fr) auto auto;padding:9px 12px;border-radius:17px}
.sf-v54 .sfm-model-strip h1{font-size:18px}.sf-v54 .sfm-model-strip-main small{font-size:9px}.sf-v54 .sfm-model-strip-stats span{min-width:52px;padding:6px 8px}
.sf-v54 .sfm-color-toolbar-v62{position:sticky;top:68px;z-index:14;padding:8px;border:1px solid #e1e8f2;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 8px 20px rgba(34,54,82,.05);backdrop-filter:blur(10px)}
.sf-v54 .sfm-color-scroll-cue{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:13px;background:#eef5ff;color:#426188;font-size:9px;font-weight:900}.sf-v54 .sfm-color-scroll-cue b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:9px;background:#fff;color:#2463d4;font-size:15px}
.sf-v54 .sfm-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.sf-v54 .sfm-color-card{appearance:none;-webkit-appearance:none;width:100%;min-width:0;padding:0;overflow:hidden;border:1px solid #dfe7f1;border-radius:18px;background:#fff;color:inherit;text-align:inherit;cursor:pointer;box-shadow:0 8px 20px rgba(31,50,79,.055);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.sf-v54 .sfm-color-card:hover,.sf-v54 .sfm-color-card:focus-visible{transform:translateY(-2px);border-color:#8aafea;box-shadow:0 14px 28px rgba(33,57,91,.11);outline:none}
.sf-v54 .sfm-color-card-media{display:grid;place-items:center;aspect-ratio:1.28/1;overflow:hidden;background:linear-gradient(145deg,#f8fafd,#f1f4f9);padding:8px}
.sf-v54 .sfm-color-card-media img{width:100%;height:100%;object-fit:contain!important;object-position:center;display:block}
.sf-v54 .sfm-color-badge{right:8px;top:8px;padding:5px 8px;font-size:8px}
.sf-v54 .sfm-color-card-body{gap:7px;padding:10px}.sf-v54 .sfm-color-title b{font-size:12px}.sf-v54 .sfm-color-title small{font-size:8px}.sf-v54 .sfm-color-meta{gap:4px!important;min-height:0!important}.sf-v54 .sfm-color-meta span{padding:4px 6px;font-size:7.5px}
.sf-v54 .sfm-color-footer{align-items:end;gap:7px}.sf-v54 .sfm-color-price small{font-size:8px}.sf-v54 .sfm-color-price b{font-size:11px}.sf-v54 .sfm-card-cta{display:inline-flex;align-items:center;gap:4px;padding:7px 8px;border-radius:10px;background:#243d5d;color:#fff;font-size:8px;font-weight:900;white-space:nowrap}.sf-v54 .sfm-color-card.is-unavailable .sfm-card-cta{background:#e9eef5;color:#55677e}

/* 4) Modal desktop: compact; Mobile: native-like bottom sheet with a visible top gap. */
.sf-v54 .sfm-color-modal{align-items:center;justify-items:center;padding:22px}
.sf-v54 .sfm-color-modal-dialog{width:min(980px,100%);height:auto;max-height:88vh;border-radius:25px;overflow:hidden;background:#fff}
.sf-v54 .sfm-color-modal-scroll{max-height:88vh;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.sf-v54 .sfm-sheet-handle{display:none}
.sf-v54 .sfm-modal-close{position:absolute;left:13px;top:13px;z-index:25;width:40px;height:40px;border-radius:14px;background:#edf3fa;box-shadow:0 4px 14px rgba(30,49,75,.08)}
.sf-v54 .sfm-picker-panel-v62{gap:10px;padding:16px}.sf-v54 .sfm-picker-header-v62{padding-left:46px}.sf-v54 .sfm-picker-layout-v62{gap:12px;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)}
.sf-v54 .sfm-picker-gallery-v62 .sfm-picker-stage{aspect-ratio:1.35/1;max-height:310px;background:#f4f7fb}.sf-v54 .sfm-picker-stage img,.sf-v54 .sfm-picker-stage video{object-fit:contain!important}
.sf-v54 .sfm-picker-thumbs-v62 .sfm-picker-thumb img,.sf-v54 .sfm-picker-thumbs-v62 .sfm-picker-thumb video{object-fit:contain!important;background:#f6f8fb}
.sf-v54 .sfm-modal-continue-cue{display:none}
.sf-v54 .sfm-simple-step{padding:10px}.sf-v54 .sfm-simple-step+.sfm-simple-step{margin-top:8px}.sf-v54 .sfm-series-card-v62{padding:9px 10px}.sf-v54 .sfm-price-box-v62{margin-top:8px}

@media (max-width:1100px) and (min-width:721px){
 .sf-v54 .sfm-color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:720px){
 /* Guide: full image, short height, no sideways scroll/crop. */
 .sf-v54 .sfh-guide-banner{margin:0;padding:3px;border-radius:14px}
 .sf-v54 .sfh-guide-scroll{overflow:hidden!important;direction:rtl}
 .sf-v54 .sfh-guide-scroll img{width:100%!important;max-width:100%!important;min-width:0!important;max-height:none!important;height:auto!important}

 /* Home/list image has to show the complete shoe. */
 .sf-v54 .sfh-model-list:not(.is-list):not(.is-grid) .sfh-model-image,.sf-v54 .sfh-model-list.is-list .sfh-model-image{min-height:112px;background:#f5f8fc}
 .sf-v54 .sfh-model-image img{padding:5px}
 .sf-v54 .sf-product-image-stage img{padding:5px}

 /* Model strip becomes a true compact context bar. */
 .sf-v54 .sfm-model-strip{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:8px 10px;border-radius:14px}
 .sf-v54 .sfm-model-strip-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 7px}.sf-v54 .sfm-model-strip-kicker{width:100%;margin:0;font-size:8px}.sf-v54 .sfm-model-strip h1{font-size:15px;line-height:1.25}.sf-v54 .sfm-model-strip-main small{margin:0;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .sf-v54 .sfm-model-strip-stats{display:none}.sf-v54 .sfm-model-strip-back{min-height:32px;padding:0 9px;border-radius:10px;font-size:8px}

 /* Search/filter stays useful but does not dominate the color catalog. */
 .sf-v54 .sfm-color-toolbar-v62{position:relative;top:auto;display:grid;gap:7px;padding:6px;border-radius:13px}.sf-v54 .sfm-color-toolbar-v62 .sf-searchbar{min-height:46px}.sf-v54 .sfm-color-toolbar-v62 .sfm-filter-chips{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}.sf-v54 .sfm-color-toolbar-v62 .sfm-filter-chips::-webkit-scrollbar{display:none}.sf-v54 .sfm-color-toolbar-v62 .sf-chip{flex:0 0 auto;min-height:36px;padding:0 13px}
 .sf-v54 .sfm-color-scroll-cue{margin-top:-1px;padding:6px 9px;font-size:8px}

 /* Two compact variants per row so users immediately understand there are more choices below. */
 .sf-v54 .sfm-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .sf-v54 .sfm-color-card{border-radius:15px;box-shadow:0 6px 16px rgba(31,50,79,.05)}
 .sf-v54 .sfm-color-card-media{aspect-ratio:1.22/1;padding:5px}
 .sf-v54 .sfm-color-card-body{gap:5px;padding:8px}.sf-v54 .sfm-color-title{gap:5px}.sf-v54 .sfm-color-title b{font-size:11px}.sf-v54 .sfm-color-title small{font-size:9px}.sf-v54 .sfm-color-meta span{font-size:9px;padding:4px 6px}.sf-v54 .sfm-color-meta span:nth-child(3){display:none}.sf-v54 .sfm-color-footer{display:grid;grid-template-columns:1fr;gap:5px}.sf-v54 .sfm-color-price b{font-size:10px}.sf-v54 .sfm-color-price small{font-size:8.5px}.sf-v54 .sfm-card-cta{justify-content:center;width:100%;padding:6px 7px;border-radius:9px;font-size:9.5px}
 .sf-v54 .sfm-color-badge{right:5px;top:5px;padding:4px 6px;font-size:8px}

 /* iOS-like bottom sheet: leave the page visible at the top; content itself scrolls. */
 .sf-v54 .sfm-color-modal{align-items:end;justify-items:stretch;padding:52px 0 0!important;background:transparent}
 .sf-v54 .sfm-color-modal-backdrop{background:rgba(18,29,45,.46);backdrop-filter:blur(3px)}
 .sf-v54 .sfm-color-modal-dialog{width:100%!important;height:auto!important;max-height:calc(100dvh - 52px)!important;border-radius:28px 28px 0 0!important;overflow:hidden;box-shadow:0 -16px 50px rgba(15,29,49,.24);animation:sfm63SheetIn .22s ease-out both}
 .sf-v54 .sfm-color-modal-scroll{max-height:calc(100dvh - 52px)!important;overflow-y:auto!important;overflow-x:hidden;padding-top:18px;padding-bottom:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
 .sf-v54 .sfm-sheet-handle{display:grid;place-items:center;position:absolute;top:6px;left:50%;z-index:26;width:54px;height:12px;transform:translateX(-50%)}.sf-v54 .sfm-sheet-handle:before{content:"";display:block;width:38px;height:4px;border-radius:999px;background:#c9d2df}
 .sf-v54 .sfm-modal-close{left:12px;top:12px;width:38px;height:38px;border-radius:13px;background:#eef3f9;color:#27405f}
 .sf-v54 .sfm-picker-panel-v62{padding:8px 10px 126px!important;gap:8px}.sf-v54 .sfm-picker-header-v62{min-height:46px;padding:2px 46px 3px 2px;align-items:center}.sf-v54 .sfm-picker-header-v62 h2{font-size:15px}.sf-v54 .sfm-picker-header-v62 p{font-size:8px}.sf-v54 .sfm-picker-chip{padding:6px 8px;font-size:8px}
 .sf-v54 .sfm-picker-layout-v62{grid-template-columns:1fr!important;gap:8px}.sf-v54 .sfm-picker-gallery-v62{gap:6px}.sf-v54 .sfm-picker-gallery-v62 .sfm-picker-stage{aspect-ratio:16/9!important;max-height:205px!important;border-radius:16px}.sf-v54 .sfm-picker-thumbs-v62{display:flex;gap:6px;overflow-x:auto;padding-bottom:1px}.sf-v54 .sfm-picker-thumbs-v62 .sfm-picker-thumb{flex:0 0 52px;height:48px;border-radius:10px}.sf-v54 .sfm-gallery-caption{padding:6px 8px;border-radius:10px;font-size:9px;line-height:1.55}
 .sf-v54 .sfm-modal-continue-cue{display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 9px;border-radius:11px;background:#edf4ff;color:#3563a5;font-size:8px;font-weight:900}.sf-v54 .sfm-modal-continue-cue b{font-size:14px}
 .sf-v54 .sfm-simple-step{padding:8px;border-radius:14px}.sf-v54 .sfm-simple-step+.sfm-simple-step{margin-top:7px}.sf-v54 .sfm-simple-step-title{grid-template-columns:26px minmax(0,1fr);gap:7px;margin-bottom:7px}.sf-v54 .sfm-simple-step-title i{width:26px;height:26px;border-radius:8px;font-size:9px}.sf-v54 .sfm-simple-step-title b{font-size:10.5px}.sf-v54 .sfm-simple-step-title small{font-size:9px}
 .sf-v54 .sfm-picker-series-list-v62{gap:6px}.sf-v54 .sfm-series-card-v62{grid-template-columns:18px minmax(58px,.72fr) minmax(0,1fr);gap:6px;padding:8px;border-radius:12px}.sf-v54 .sfm-series-card-v62 .sfm-series-radio{width:16px;height:16px}.sf-v54 .sfm-series-identity b{font-size:10px}.sf-v54 .sfm-series-identity small{font-size:8.5px}.sf-v54 .sfm-series-compact-price b{font-size:9.5px}.sf-v54 .sfm-series-compact-price small{font-size:8px}.sf-v54 .sfm-series-card-v62 .sfm-series-stock-pill{grid-column:2/-1;min-height:22px;padding:0 7px;font-size:8.5px}
 .sf-v54 .sfm-simple-qty-control{grid-template-columns:42px minmax(74px,1fr) 42px;gap:6px}.sf-v54 .sfm-simple-qty-control button,.sf-v54 .sfm-simple-qty-control input{height:42px;border-radius:11px}.sf-v54 .sfm-qty-presets-v62{display:flex;gap:6px;overflow-x:auto;margin-top:6px}.sf-v54 .sfm-qty-presets-v62 button{flex:0 0 38px;height:32px;min-width:38px}.sf-v54 .sfm-order-mode-note{margin-top:6px;padding:6px 8px;font-size:9px}
 .sf-v54 .sfm-price-box-v62{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px}.sf-v54 .sfm-price-box-v62 div{padding:7px 8px;border-radius:10px}.sf-v54 .sfm-price-box-v62 span{font-size:8.5px}.sf-v54 .sfm-price-box-v62 strong{font-size:10px}.sf-v54 .sfm-price-box-v62 .is-total strong{font-size:11px}

 /* The purchase action is always visible. It does not require the user to discover another scroll. */
 .sfm-modal-open .sf-v54 .sfm-picker-submit-v62,.sf-v54 .sfm-modal-open .sfm-picker-submit-v62,.sf-v54 .sfm-color-modal:not([hidden]) .sfm-picker-submit-v62{position:fixed;left:0;right:0;bottom:0;z-index:96;display:grid!important;grid-template-columns:1fr;gap:6px;margin:0!important;padding:9px 12px calc(9px + env(safe-area-inset-bottom));border:0;border-top:1px solid #dfe7f2;border-radius:0;background:rgba(255,255,255,.97);box-shadow:0 -12px 30px rgba(27,47,74,.13);backdrop-filter:blur(14px)}
 .sf-v54 .sfm-picker-submit-v62 .sfm-picker-submit-copy{display:flex;justify-content:space-between;gap:8px;align-items:center}.sf-v54 .sfm-picker-submit-v62 .sfm-picker-submit-copy b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-v54 .sfm-picker-submit-v62 .sfm-picker-submit-copy small{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56%}.sf-v54 .sfm-picker-submit-v62 .sf-primary-btn{min-height:48px!important;border-radius:14px;font-size:12px}
}

@media(max-width:340px){.sf-v54 .sfm-color-grid{grid-template-columns:1fr!important}}
@keyframes sfm63SheetIn{from{transform:translateY(24px);opacity:.85}to{transform:translateY(0);opacity:1}}


/* Source: storefront-v64.css */
/* Phase 64 — strict cart UX */
.sf-v54 .sf64-cart-page{--c64-navy:#183a60;--c64-blue:#2468e8;--c64-line:#dde6f1;--c64-muted:#76859a;--c64-soft:#f6f9fd}
.sf-v54 .sf64-cart-topline{display:grid;grid-template-columns:auto 42px auto 42px auto;align-items:center;justify-content:start;gap:8px;margin:0 0 16px;padding:10px 12px;border:1px solid #e0e7f1;border-radius:16px;background:#fff}
.sf-v54 .sf64-cart-topline>div{display:flex;align-items:center;gap:8px;min-width:0;color:#8a97a9}.sf-v54 .sf64-cart-topline>div>i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f0f3f7;color:#78879a;font-style:normal;font-size:11px;font-weight:900}.sf-v54 .sf64-cart-topline>div>span{display:grid}.sf-v54 .sf64-cart-topline b{font-size:11px;color:#65758b}.sf-v54 .sf64-cart-topline small{font-size:9px;color:#9aa5b4}.sf-v54 .sf64-cart-topline>div.is-active i{background:#eaf2ff;color:#1765df}.sf-v54 .sf64-cart-topline>div.is-active b{color:#174d91}.sf-v54 .sf64-cart-topline>em{width:42px;height:1px;background:#e2e8f0}
.sf-v54 .sf64-cart-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:13px}.sf-v54 .sf64-cart-head h1{margin:6px 0 4px;color:#1d3552;font-size:25px;line-height:1.45}.sf-v54 .sf64-cart-head p{margin:0;color:#7a8799;font-size:11px;line-height:1.9}.sf-v54 .sf64-add-more{display:inline-flex;align-items:center;gap:7px;min-height:43px;padding:0 13px;border:1px solid #d8e3ef;border-radius:14px;background:#fff;color:#315170;font-size:11px;font-weight:900}.sf-v54 .sf64-add-more span{font-size:17px;color:#2369e5}
.sf-v54 .sf64-empty-cart{display:grid;justify-items:center;gap:12px;max-width:540px;margin:34px auto;padding:34px 24px;border:1px solid #dfe7f1;border-radius:26px;background:linear-gradient(145deg,#fff,#f7faff);text-align:center;box-shadow:0 18px 45px rgba(26,52,84,.07)}.sf-v54 .sf64-empty-cart-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:#eaf2ff;color:#2468e8}.sf-v54 .sf64-empty-cart-icon svg{width:30px;height:30px;stroke-width:1.8}.sf-v54 .sf64-empty-cart b{display:block;color:#213a58;font-size:18px}.sf-v54 .sf64-empty-cart span{display:block;color:#79879a;font-size:11px;line-height:1.9}.sf-v54 .sf64-empty-cart .sf-primary-btn{min-width:200px}
.sf-v54 .sf64-cart-overview{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:12px 14px;border:1px solid #dce6f2;border-radius:17px;background:#fff}.sf-v54 .sf64-cart-overview-main{display:flex;align-items:center;gap:10px;min-width:0}.sf-v54 .sf64-cart-overview-main>b{color:#29445f;font-size:12px}.sf-v54 .sf64-order-kind{flex:0 0 auto;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900}.sf-v54 .sf64-order-kind.is-ready{background:#eaf8f1;color:#198350}.sf-v54 .sf64-order-kind.is-production{background:#fff4de;color:#946414}.sf-v54 .sf64-cart-overview>small{color:#8190a2;font-size:10px;line-height:1.7;text-align:left}.sf-v54 .sf64-review-alert{margin-bottom:12px;border-radius:16px}
.sf-v54 .sf64-cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.sf-v54 .sf64-cart-lines{min-width:0}.sf-v54 .sf64-cart-savebar{margin-bottom:7px;padding:0 5px;min-height:27px}.sf-v54 .sf64-cart-savebar .sf64-save-dot{flex:0 0 7px;width:7px;height:7px}.sf-v54 .sf64-cart-savebar>span:nth-child(2){width:auto;height:auto;border-radius:0;background:transparent!important;box-shadow:none!important}.sf-v54 .sf64-cart-savebar.is-saving .sf64-save-dot{background:#e1a228}.sf-v54 .sf64-cart-savebar.is-saved .sf64-save-dot{background:#21aa70}.sf-v54 .sf64-cart-savebar.is-error .sf64-save-dot{background:#d74f57}
.sf-v54 .sf-cart-item.sf64-cart-item{display:grid;grid-template-columns:122px minmax(0,1fr);gap:14px;align-items:stretch;margin-bottom:10px;padding:12px;border:1px solid #dfe7f1;border-radius:21px;background:#fff;overflow:visible;box-shadow:0 9px 24px rgba(28,52,82,.045)}.sf-v54 .sf-cart-item.sf64-cart-item:hover{transform:none;box-shadow:0 11px 27px rgba(28,52,82,.065)}.sf-v54 .sf-cart-item.sf64-cart-item.is-needs-review{border-color:#e8a8ad;box-shadow:0 0 0 3px rgba(204,59,70,.06)}
.sf-v54 .sf64-cart-image{display:grid;place-items:center;width:122px;min-height:124px;border:1px solid #e8edf4;border-radius:17px;background:#f5f8fc;overflow:hidden}.sf-v54 .sf64-cart-image img{width:100%;height:100%;max-height:145px;object-fit:contain;padding:6px}.sf-v54 .sf64-cart-content{display:grid;min-width:0;gap:8px}.sf-v54 .sf64-cart-title{display:flex;align-items:start;justify-content:space-between;gap:12px}.sf-v54 .sf64-line-number{display:block;margin-bottom:2px;color:#9aa5b3;font-size:9px}.sf-v54 .sf64-cart-title h3{margin:0;font-size:14px;line-height:1.6;color:#203a58}.sf-v54 .sf64-remove{display:inline-flex;align-items:center;gap:5px;min-height:34px;border:0;border-radius:11px;background:#fff4f5;padding:0 9px;color:#b5414b;font-size:9px;font-weight:900;cursor:pointer}.sf-v54 .sf64-remove svg{width:15px;height:15px;stroke-width:1.8}
.sf-v54 .sf64-variant-chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.sf-v54 .sf64-variant-chips>span{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:4px 8px;border:1px solid #e3e9f1;border-radius:999px;background:#f8fafc;color:#627187;font-size:9px;font-weight:800}.sf-v54 .sf64-variant-chips i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.09)}
.sf-v54 .sf64-cart-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sf-v54 .sf64-cart-state small{color:#78879a;font-size:9px}.sf-v54 .sf64-stock-issue{margin:0;padding:9px 10px;border-radius:12px}.sf-v54 .sf64-stock-issue b{font-size:10px}.sf-v54 .sf64-stock-issue span{font-size:9px}
.sf-v54 .sf64-size-details{width:max-content;max-width:100%;font-size:9px;color:#718197}.sf-v54 .sf64-size-details summary{cursor:pointer;color:#48627f;font-weight:900}.sf-v54 .sf64-size-details span{display:block;margin-top:5px;padding:7px 9px;border-radius:10px;background:#f6f8fb}
.sf-v54 .sf64-cart-controls{display:grid;grid-template-columns:minmax(120px,.7fr) 185px minmax(160px,.8fr);gap:9px;align-items:end;margin-top:2px;padding-top:9px;border-top:1px dashed #e3e8ef}.sf-v54 .sf64-cart-controls small{display:block;margin-bottom:4px;color:#8995a6;font-size:9px}.sf-v54 .sf64-price-each b,.sf-v54 .sf64-line-total b{display:block;color:#213c5d;font-size:13px}.sf-v54 .sf64-price-each em,.sf-v54 .sf64-line-total em{font-style:normal;font-size:9px}.sf-v54 .sf64-price-each>span{display:block;margin-top:3px;color:#1b8a58;font-size:8px}.sf-v54 .sf64-qty .sf-stepper{display:grid;grid-template-columns:36px minmax(52px,1fr) 36px;margin:0}.sf-v54 .sf64-qty .sf-stepper button{width:36px;height:36px}.sf-v54 .sf64-qty .sf-stepper input{height:36px;min-width:52px}.sf-v54 .sf64-line-total{text-align:left}.sf-v54 .sf64-line-total b{font-size:14px}
.sf-v54 .sf64-cart-after{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 4px;color:#8b97a7;font-size:9px}.sf-v54 .sf64-cart-after a{color:#2564b8;font-weight:900;font-size:10px}
.sf-v54 .sf64-cart-summary{padding:15px;top:80px;border-radius:21px}.sf-v54 .sf64-cart-summary:before{height:3px;margin:-15px -15px 13px;background:linear-gradient(90deg,#1f5eb7,#2d82e9)}.sf-v54 .sf64-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.sf-v54 .sf64-summary-head>div{display:grid;gap:2px}.sf-v54 .sf64-summary-head span{color:#8793a4;font-size:9px}.sf-v54 .sf64-summary-head b{color:#213c5a;font-size:13px}.sf-v54 .sf64-summary-cartons{display:inline-flex!important;align-items:baseline;gap:4px;padding:7px 9px;border-radius:12px;background:#eef4fc;color:#3f5f80!important;font-size:9px!important}.sf-v54 .sf64-summary-cartons b{font-size:14px!important;color:#1c5aa8!important}.sf-v54 .sf64-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:11px}.sf-v54 .sf64-summary-stats span{display:grid;justify-items:center;padding:8px 5px;border:1px solid #e5eaf1;border-radius:12px;background:#fafbfd}.sf-v54 .sf64-summary-stats b{font-size:13px;color:#2e4d6e}.sf-v54 .sf64-summary-stats small{font-size:8px;color:#909bab}.sf-v54 .sf64-summary-total{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:12px;border-radius:15px;background:#173b63;color:#fff}.sf-v54 .sf64-summary-total span{font-size:10px}.sf-v54 .sf64-summary-total b{font-size:18px}.sf-v54 .sf64-summary-total em{font-style:normal;font-size:9px}.sf-v54 .sf64-next-note{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:start;margin:10px 0;padding:10px;border:1px solid #e3e9f1;border-radius:14px;background:#f8fafc}.sf-v54 .sf64-next-note>i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e8f2ff;color:#1d63c8;font-style:normal;font-weight:900}.sf-v54 .sf64-next-note b,.sf-v54 .sf64-next-note small{display:block}.sf-v54 .sf64-next-note b{color:#304963;font-size:9px}.sf-v54 .sf64-next-note small{margin-top:3px;color:#7c899b;font-size:8px;line-height:1.7}.sf-v54 .sf64-checkout-btn{width:100%;min-height:49px;display:flex;justify-content:space-between}.sf-v54 .sf64-safe-note{display:block;margin-top:8px;text-align:center;color:#98a2b0;font-size:8px;line-height:1.6}
.sf-v54 .sf64-cart-mobile-dock{display:none}
@media(max-width:980px){.sf-v54 .sf64-cart-layout{grid-template-columns:1fr}.sf-v54 .sf64-cart-summary{position:static}.sf-v54 .sf64-cart-controls{grid-template-columns:1fr 185px 1fr}}
@media(max-width:720px){
 .sf-v54 .sf64-cart-page{padding-bottom:98px}.sf-v54 .sf64-cart-topline{grid-template-columns:auto 18px auto 18px auto;gap:4px;margin-bottom:11px;padding:8px}.sf-v54 .sf64-cart-topline>div{gap:5px}.sf-v54 .sf64-cart-topline>div>i{width:27px;height:27px;border-radius:9px}.sf-v54 .sf64-cart-topline>div>span small{display:none}.sf-v54 .sf64-cart-topline b{font-size:9px}.sf-v54 .sf64-cart-topline>em{width:18px}.sf-v54 .sf64-cart-head{align-items:start;margin-bottom:10px}.sf-v54 .sf64-cart-head h1{font-size:20px;margin-top:4px}.sf-v54 .sf64-cart-head p{font-size:10px;line-height:1.7}.sf-v54 .sf64-add-more{min-height:38px;padding:0 9px;font-size:9px}.sf-v54 .sf64-add-more span{display:none}
 .sf-v54 .sf64-cart-overview{display:grid;gap:6px;padding:10px 11px}.sf-v54 .sf64-cart-overview-main{justify-content:space-between}.sf-v54 .sf64-cart-overview-main>b{font-size:10px}.sf-v54 .sf64-cart-overview>small{display:none}.sf-v54 .sf64-order-kind{font-size:9px;padding:5px 8px}.sf-v54 .sf64-cart-savebar{font-size:9px;min-height:24px;margin-bottom:5px}
 .sf-v54 .sf-cart-item.sf64-cart-item{grid-template-columns:88px minmax(0,1fr);gap:10px;margin-bottom:9px;padding:9px;border-radius:17px}.sf-v54 .sf64-cart-image{width:88px;min-height:91px;height:91px;border-radius:14px}.sf-v54 .sf64-cart-image img{max-height:none;padding:4px}.sf-v54 .sf64-cart-content{gap:6px}.sf-v54 .sf64-cart-title h3{font-size:12px}.sf-v54 .sf64-line-number{font-size:8px}.sf-v54 .sf64-remove{min-height:30px;padding:0 7px}.sf-v54 .sf64-remove span{display:none}.sf-v54 .sf64-remove svg{width:15px;height:15px}.sf-v54 .sf64-variant-chips{gap:4px}.sf-v54 .sf64-variant-chips>span{min-height:24px;padding:3px 6px;font-size:8px}.sf-v54 .sf64-cart-state small{font-size:8px}.sf-v54 .sf64-size-details{font-size:8px}
 .sf-v54 .sf64-cart-controls{grid-column:1/-1;grid-template-columns:1fr 138px;gap:8px;margin-top:3px;padding-top:8px}.sf-v54 .sf64-price-each{order:1}.sf-v54 .sf64-qty{order:2}.sf-v54 .sf64-line-total{order:3;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:8px 9px;border-radius:11px;background:#f5f8fc;text-align:right}.sf-v54 .sf64-line-total small{margin:0}.sf-v54 .sf64-line-total b{font-size:13px}.sf-v54 .sf64-price-each b{font-size:11px}.sf-v54 .sf64-qty .sf-stepper{grid-template-columns:34px 1fr 34px}.sf-v54 .sf64-qty .sf-stepper button,.sf-v54 .sf64-qty .sf-stepper input{height:36px}.sf-v54 .sf64-cart-after{font-size:8px}.sf-v54 .sf64-cart-after span{display:none}
 .sf-v54 .sf64-cart-summary{margin-top:12px;padding:13px;border-radius:18px}.sf-v54 .sf64-cart-summary:before{margin:-13px -13px 11px}.sf-v54 .sf64-checkout-btn{display:none}.sf-v54 .sf64-safe-note{display:none}.sf-v54 .sf64-next-note{margin-bottom:0}.sf-v54 .sf64-summary-total{margin-bottom:0}
 .sf-v54 .sf-cart-mobile-dock.sf64-cart-mobile-dock{position:fixed;display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,auto);align-items:center;gap:8px;right:10px;left:10px;bottom:80px;z-index:66;min-height:66px;padding:8px 9px;border:1px solid rgba(211,222,236,.95);border-radius:19px;background:rgba(255,255,255,.97);box-shadow:0 16px 38px rgba(18,39,70,.2);backdrop-filter:blur(14px)}.sf-v54 .sf64-cart-mobile-dock>div{display:grid;min-width:0}.sf-v54 .sf64-cart-mobile-dock small{color:#8491a2;font-size:8px}.sf-v54 .sf64-cart-mobile-dock b{white-space:nowrap;color:#1d3f67;font-size:14px}.sf-v54 .sf64-cart-mobile-dock b em{font-style:normal;font-size:8px}.sf-v54 .sf64-cart-mobile-dock .sf-primary-btn{min-height:48px;padding:8px 11px;font-size:10px;border-radius:14px}.sf-v54 .sf64-cart-mobile-dock.is-saving small{color:#95691b}.sf-v54 .sf64-cart-mobile-dock.is-saved small{color:#21805c}.sf-v54 .sf64-cart-mobile-dock.is-error small{color:#b64048}
}
@media(max-width:390px){.sf-v54 .sf64-cart-head p{display:none}.sf-v54 .sf64-add-more{font-size:8px}.sf-v54 .sf-cart-item.sf64-cart-item{grid-template-columns:78px minmax(0,1fr)}.sf-v54 .sf64-cart-image{width:78px;height:84px;min-height:84px}.sf-v54 .sf64-variant-chips>span:nth-child(3){display:none}.sf-v54 .sf64-cart-controls{grid-template-columns:1fr 126px}.sf-v54 .sf64-cart-mobile-dock{grid-template-columns:minmax(0,1fr) 128px}}
.sf-v54 .sf64-noscript-save{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:10px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.sf-v54 .sf64-noscript-save small{color:#7c8999;font-size:9px}


/* Source: storefront-v65.css */
/* Phase 65 — Checkout / Success / Payment / Tracking UX */
.sf65-checkout-mobile-bar{display:none}
.sf65-success-page{padding-top:18px;padding-bottom:110px}.sf65-success-hero{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:14px;padding:20px;border:1px solid #dbe7f4;border-radius:26px;background:linear-gradient(135deg,#f7fbff,#fff);box-shadow:0 16px 36px rgba(27,50,82,.07)}.sf65-success-hero.is-ready{background:linear-gradient(135deg,#f1fbf5,#fff)}.sf65-success-hero.is-production{background:linear-gradient(135deg,#fff8eb,#fff)}.sf65-success-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:#1d9960;color:#fff;font-size:34px;font-weight:900;box-shadow:0 12px 28px rgba(29,153,96,.22)}.sf65-success-hero.is-production .sf65-success-mark{background:#d88b18;box-shadow:0 12px 28px rgba(216,139,24,.22)}.sf65-success-copy span{display:block;color:#6d7e94;font-size:11px;font-weight:900}.sf65-success-copy h1{margin:5px 0 7px;color:#20344c;font-size:25px}.sf65-success-copy p{margin:0;color:#6b7a90;font-size:12px;line-height:1.95}.sf65-success-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px;align-items:start}.sf65-success-main{display:grid;gap:14px}.sf65-next-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sf65-next-steps>div{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:12px;border:1px solid #e1e8f2;border-radius:17px;background:#fbfcfe}.sf65-next-steps i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#eef2f7;color:#8090a5;font-style:normal;font-weight:900}.sf65-next-steps .is-done i{background:#e8f8ef;color:#168a50}.sf65-next-steps .is-active{border-color:#8eb0ed;background:#f4f8ff}.sf65-next-steps .is-active i{background:#2465d8;color:#fff}.sf65-next-steps b{display:block;color:#263a52;font-size:11px}.sf65-next-steps small{display:block;margin-top:4px;color:#7a889b;font-size:9px;line-height:1.7}.sf65-success-address>b{display:block;color:#22364e;font-size:13px}.sf65-success-address p{margin:7px 0 0;color:#6c7d92;font-size:11px;line-height:1.95}.sf65-success-summary{position:sticky;top:84px}.sf65-reservation-note{display:flex;justify-content:space-between;gap:12px;margin:10px 0;padding:11px 12px;border-radius:15px;background:#edf8f2;color:#35775b;font-size:10px}.sf65-success-primary,.sf65-success-secondary{width:100%;margin-top:8px}.sf65-success-secondary{text-align:center}
.sf65-payment-page{padding-bottom:110px}.sf65-order-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.sf65-order-journey>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;padding:11px;border:1px solid #e1e8f2;border-radius:16px;background:#fafcff}.sf65-order-journey i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#edf1f6;color:#8390a2;font-style:normal;font-weight:900}.sf65-order-journey .is-done i{background:#e7f7ee;color:#15894e}.sf65-order-journey .is-active{border-color:#80a8ed;background:#f2f7ff}.sf65-order-journey .is-active i{background:#2465d8;color:#fff}.sf65-order-journey b{display:block;color:#273b53;font-size:11px}.sf65-order-journey small{display:block;margin-top:3px;color:#8090a4;font-size:9px;line-height:1.6}.sf65-payment-page .sf-cart-layout>aside{position:sticky;top:84px}.sf65-payment-submit{display:grid!important;gap:2px;text-align:center}.sf65-payment-submit b{font-size:12px}.sf65-payment-submit small{font-size:9px;opacity:.8;font-weight:700}
.sf65-track-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:12px 0;padding:16px 18px;border:1px solid #dce7f4;border-radius:21px;background:linear-gradient(135deg,#f4f8ff,#fff)}.sf65-track-hero.is-delivered{background:linear-gradient(135deg,#effaf4,#fff);border-color:#cfe9dc}.sf65-track-hero.is-exception{background:linear-gradient(135deg,#fff4f5,#fff);border-color:#f0d6d9}.sf65-track-hero small{color:#74859a;font-size:10px;font-weight:900}.sf65-track-hero h1{margin:4px 0;color:#22364e;font-size:21px}.sf65-track-hero p{margin:0;color:#708096;font-size:11px;line-height:1.85}.sf65-waybill-copy{display:grid;gap:3px;min-width:180px;border:1px solid #d7e3f2;border-radius:16px;background:#fff;padding:11px 13px;color:#243b58;font-weight:900;cursor:pointer}.sf65-waybill-copy small{font-size:8px;color:#8895a6;font-weight:700}.sf65-tracking-page .sf-track-main{margin-top:14px}
@media(max-width:900px){.sf65-success-grid{grid-template-columns:1fr}.sf65-success-summary{position:static}.sf65-next-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sf65-payment-page .sf-cart-layout>aside{position:static}}
@media(max-width:720px){.sf-checkout-page{padding-bottom:150px}.sf-checkout-page .sf-checkout-submit{display:none}.sf65-checkout-mobile-bar{position:fixed;right:12px;left:12px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:44;display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:10px;align-items:center;padding:10px 11px;border:1px solid rgba(216,226,240,.95);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 16px 38px rgba(21,41,69,.18);backdrop-filter:blur(12px)}.sf65-checkout-mobile-bar div{min-width:0}.sf65-checkout-mobile-bar small,.sf65-checkout-mobile-bar span{display:block;color:#8491a2;font-size:8px}.sf65-checkout-mobile-bar b{display:block;margin:2px 0;color:#213650;font-size:13px}.sf65-checkout-mobile-bar .sf-primary-btn{min-height:48px;padding:0 12px}.sf65-success-page{padding-top:12px}.sf65-success-hero{grid-template-columns:54px minmax(0,1fr);padding:14px;border-radius:21px}.sf65-success-mark{width:52px;height:52px;border-radius:17px;font-size:24px}.sf65-success-copy h1{font-size:19px}.sf65-next-steps{grid-template-columns:1fr}.sf65-order-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.sf65-payment-page .sf-form-grid .sf65-payment-submit{position:sticky;bottom:calc(82px + env(safe-area-inset-bottom));z-index:12;box-shadow:0 12px 26px rgba(32,61,102,.18)}.sf65-track-hero{display:grid}.sf65-waybill-copy{width:100%;min-width:0}.sf65-tracking-page{padding-bottom:100px}.sf65-tracking-page .sf-track{overflow-x:auto;scroll-snap-type:x proximity}.sf65-tracking-page .sf-track-step{min-width:130px;scroll-snap-align:start}}


/* Source: storefront-v65-1.css */
/* Phase 65.1 — compact mobile cart rows
   Goal: a buyer should scan multiple order lines without each item occupying a full viewport. */
@media (max-width:720px){
  .sf-v54 .sf-cart-item.sf64-cart-item{
    grid-template-columns:72px minmax(0,1fr);
    gap:8px;
    margin-bottom:7px;
    padding:8px;
    border-radius:16px;
    box-shadow:0 6px 17px rgba(28,52,82,.04);
  }
  .sf-v54 .sf64-cart-image{
    width:72px;
    height:72px;
    min-height:72px;
    align-self:start;
    border-radius:12px;
  }
  .sf-v54 .sf64-cart-image img{padding:3px;object-fit:contain}
  .sf-v54 .sf64-cart-content{gap:4px;align-content:start}
  .sf-v54 .sf64-cart-title{gap:6px;align-items:center}
  .sf-v54 .sf64-line-number{display:none}
  .sf-v54 .sf64-cart-title h3{font-size:11.5px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sf-v54 .sf64-remove{width:28px;height:28px;min-height:28px;padding:0;display:grid;place-items:center;border-radius:9px;flex:0 0 28px}
  .sf-v54 .sf64-remove svg{width:13px;height:13px}

  .sf-v54 .sf64-variant-chips{gap:3px;flex-wrap:nowrap;overflow:hidden}
  .sf-v54 .sf64-variant-chips>span{min-height:21px;padding:2px 6px;font-size:7.5px;white-space:nowrap}
  .sf-v54 .sf64-variant-chips>span:nth-child(3){display:none}
  .sf-v54 .sf64-variant-chips i{width:9px;height:9px}

  .sf-v54 .sf64-cart-state{min-height:20px;gap:5px;flex-wrap:nowrap;overflow:hidden}
  .sf-v54 .sf64-cart-state .sf-cart-fulfilment{padding:3px 7px;font-size:7.5px;white-space:nowrap}
  .sf-v54 .sf64-cart-state small{display:none}
  .sf-v54 .sf64-size-details{display:none}
  .sf-v54 .sf64-stock-issue{grid-column:1/-1;margin-top:2px;padding:6px 8px}
  .sf-v54 .sf64-stock-issue b{font-size:8px}.sf-v54 .sf64-stock-issue span{font-size:7.5px}

  .sf-v54 .sf64-cart-controls{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(118px,138px) minmax(0,1fr);
    align-items:center;
    gap:7px;
    margin-top:1px;
    padding-top:6px;
    border-top:1px dashed #e5eaf1;
  }
  .sf-v54 .sf64-price-each{display:none}
  .sf-v54 .sf64-qty{order:1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px}
  .sf-v54 .sf64-qty>small{margin:0;font-size:7.5px;white-space:nowrap}
  .sf-v54 .sf64-qty .sf-stepper{grid-template-columns:30px 42px 30px;width:102px}
  .sf-v54 .sf64-qty .sf-stepper button,.sf-v54 .sf64-qty .sf-stepper input{height:31px;min-height:31px}
  .sf-v54 .sf64-qty .sf-stepper button{width:30px;font-size:15px}
  .sf-v54 .sf64-qty .sf-stepper input{min-width:42px;padding:0 2px;font-size:10px}
  .sf-v54 .sf64-line-total{
    order:2;
    grid-column:auto;
    min-height:39px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
    padding:5px 7px;
    border-radius:10px;
    background:#f5f8fc;
    text-align:left;
    overflow:hidden;
  }
  .sf-v54 .sf64-line-total small{margin:0;font-size:7px;white-space:nowrap;color:#8996a7}
  .sf-v54 .sf64-line-total small span{display:none}
  .sf-v54 .sf64-line-total b{font-size:11px;white-space:nowrap}
  .sf-v54 .sf64-line-total b em{font-size:7px}

  .sf-v54 .sf64-cart-after{padding:4px 3px}
  .sf-v54 .sf64-cart-after a{font-size:8px}
}

@media (max-width:390px){
  .sf-v54 .sf-cart-item.sf64-cart-item{grid-template-columns:64px minmax(0,1fr);gap:7px;padding:7px}
  .sf-v54 .sf64-cart-image{width:64px;height:64px;min-height:64px}
  .sf-v54 .sf64-cart-title h3{font-size:10.5px}
  .sf-v54 .sf64-variant-chips>span{padding-inline:5px;font-size:7px}
  .sf-v54 .sf64-cart-controls{grid-template-columns:112px minmax(0,1fr);gap:5px}
  .sf-v54 .sf64-qty{display:block}
  .sf-v54 .sf64-qty>small{display:none}
  .sf-v54 .sf64-qty .sf-stepper{width:102px}
  .sf-v54 .sf64-line-total{padding-inline:5px}
  .sf-v54 .sf64-line-total small{display:none}
  .sf-v54 .sf64-line-total b{font-size:10.5px}
}


/* Source: storefront-v66.css */
/* Phase 66 — readability, checkout/compliance, cart density */
.sf-v54 .sf-flow-progress>div span,.sf-v54 .sf64-cart-topline b{font-size:14px!important}.sf-v54 .sf-flow-progress>div span,.sf-v54 .sf64-cart-topline small{line-height:1.6}.sf-v54 .sf-flow-progress>div i,.sf-v54 .sf64-cart-topline i{font-size:13px!important;font-weight:900}
/* Typography: keep the successful card geometry, enlarge the readable content */
.sf-v54 .sf-product-name>span:first-child{font-size:17px!important;line-height:1.65}.sf-v54 .sf-product-code{font-size:12px!important}.sf-v54 .sf-product-meta,.sf-v54 .sf-product-meta span{font-size:12px!important}.sf-v54 .sf-price small{font-size:11px!important}.sf-v54 .sf-price b{font-size:15px!important}.sf-v54 .sf-price-action{font-size:12px!important;font-weight:900}
.sf-v54 .sfm-color-title b{font-size:17px!important}.sf-v54 .sfm-color-title small,.sf-v54 .sfm-color-meta span,.sf-v54 .sfm-color-note{font-size:12px!important}.sf-v54 .sfm-color-price small{font-size:11px!important}.sf-v54 .sfm-color-price b{font-size:15px!important}.sf-v54 .sfm-open-picker{font-size:13px!important}
.sf-v54 .sfm-picker-header h2{font-size:24px!important}.sf-v54 .sfm-picker-header p{font-size:13px!important}.sf-v54 .sfm-series-identity b{font-size:15px!important}.sf-v54 .sfm-series-identity small{font-size:12px!important}.sf-v54 .sfm-series-compact-price b{font-size:14px!important}.sf-v54 .sfm-series-compact-price small,.sf-v54 .sfm-series-stock-pill{font-size:11px!important}.sf-v54 .sfm-series-breakdown{grid-column:2/-1;display:block;padding-top:7px;border-top:1px dashed #e0e8f2;color:#596b82;font-size:12px;line-height:1.9}.sf-v54 .sfm-series-breakdown strong{color:#263c56;font-size:12px}.sf-v54 .sfm-price-box span{font-size:11px!important}.sf-v54 .sfm-price-box strong{font-size:14px!important}
/* Cart */
.sf-v54 .sf66-cart-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sf-v54 .sf66-cart-guide{display:flex;align-items:center;gap:11px;min-width:0;padding:11px 14px;border:1px solid #dbe7f5;border-radius:18px;background:linear-gradient(135deg,#eef6ff,#fff 60%,#f3f0ff);box-shadow:0 8px 22px rgba(42,74,115,.06)}.sf-v54 .sf66-cart-guide i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:12px;background:#1e63df;color:#fff;font-style:normal;font-weight:900}.sf-v54 .sf66-cart-guide b{display:block;color:#203650;font-size:15px}.sf-v54 .sf66-cart-guide small{display:block;margin-top:2px;color:#687990;font-size:12px;line-height:1.65}.sf-v54 .sf66-add-more{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-width:max-content;white-space:nowrap;font-size:13px!important;font-weight:900!important}.sf-v54 .sf66-variant-chips span{font-size:12px!important}.sf-v54 .sf66-variant-chips strong{font-size:12px;color:#203a59}.sf-v54 .sf64-cart-title h3,.sf-v54 .sf64-cart-title h3 a{font-size:16px!important}.sf-v54 .sf66-cart-state-note{margin-top:-2px;padding:4px 9px;border-radius:10px;background:#fff8e8;color:#8b6b14;font-size:11px;font-weight:800;line-height:1.7}.sf-v54 .sf64-cart-state{display:none!important}.sf-v54 .sf-cart-fulfilment{margin-inline-start:auto;font-size:10px!important}.sf-v54 .sf64-price-each b,.sf-v54 .sf64-line-total b{font-size:15px!important}.sf-v54 .sf64-qty small,.sf-v54 .sf64-price-each small,.sf-v54 .sf64-line-total small{font-size:11px!important}
/* Checkout */
.sf-v54 .sf66-checkout-page{padding-top:12px;padding-bottom:110px}.sf-v54 .sf66-flow-progress{margin-bottom:9px}.sf-v54 .sf66-checkout-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.sf-v54 .sf66-back-cart{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid #dce5f1;border-radius:14px;background:#fff;color:#28425f;font-size:13px;font-weight:900}.sf-v54 .sf66-checkout-toolbar>span{padding:7px 11px;border-radius:999px;background:#edf4ff;color:#2860c4;font-size:11px;font-weight:900}.sf-v54 .sf66-checkout-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:12px;padding:12px 14px;border:1px solid #d9e8fa;border-radius:19px;background:linear-gradient(110deg,#edf6ff,#fff 58%,#f2eeff);box-shadow:0 10px 25px rgba(36,67,105,.06)}.sf-v54 .sf66-banner-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#2264db;color:white;font-size:17px;font-weight:900}.sf-v54 .sf66-checkout-banner b{display:block;color:#21364e;font-size:15px}.sf-v54 .sf66-checkout-banner span{display:block;margin-top:3px;color:#65778e;font-size:12px;line-height:1.7}.sf-v54 .sf66-checkout-banner strong{white-space:nowrap;color:#25496f;font-size:14px}.sf-v54 .sf66-checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:15px;align-items:start}.sf-v54 .sf66-checkout-main{display:grid;gap:12px}.sf-v54 .sf66-profile-warning{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #f0d59b;border-radius:17px;background:#fff9e8}.sf-v54 .sf66-profile-warning>div{display:flex;gap:10px;align-items:center}.sf-v54 .sf66-profile-warning i{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#f7a928;color:#fff;font-style:normal;font-weight:900}.sf-v54 .sf66-profile-warning b{display:block;color:#604815;font-size:14px}.sf-v54 .sf66-profile-warning small{display:block;color:#8a733e;font-size:11px}.sf-v54 .sf66-profile-warning button{min-height:39px;border:0;border-radius:12px;background:#283f5e;color:#fff;padding:0 13px;font-size:12px;font-weight:900}.sf-v54 .sf66-review-card,.sf-v54 .sf66-delivery-card{overflow:hidden;border:1px solid #dfe7f1;border-radius:20px;background:#fff;box-shadow:0 8px 22px rgba(35,57,86,.05)}.sf-v54 .sf66-review-card>header,.sf-v54 .sf66-delivery-card>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #edf1f6}.sf-v54 .sf66-review-card header b,.sf-v54 .sf66-delivery-card header b{display:block;color:#223850;font-size:15px}.sf-v54 .sf66-review-card header small,.sf-v54 .sf66-delivery-card header small{display:block;color:#7a899d;font-size:11px}.sf-v54 .sf66-review-card header a{color:#2763c5;font-size:12px;font-weight:900}.sf-v54 .sf66-review-list{display:grid}.sf-v54 .sf66-review-list article{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px 13px;border-bottom:1px solid #edf1f5}.sf-v54 .sf66-review-list article:last-child{border-bottom:0}.sf-v54 .sf66-review-list img{width:64px;height:64px;border-radius:14px;background:#f3f6fa;object-fit:contain}.sf-v54 .sf66-review-list article>div b{display:block;color:#21364e;font-size:14px}.sf-v54 .sf66-review-list article>div span{display:block;margin-top:2px;color:#61748b;font-size:12px}.sf-v54 .sf66-review-list article>div span strong{color:#283f5c}.sf-v54 .sf66-review-list article>div small{display:block;margin-top:3px;color:#8794a4;font-size:10px}.sf-v54 .sf66-review-list aside{text-align:left}.sf-v54 .sf66-review-list aside b{display:block;color:#254365;font-size:12px}.sf-v54 .sf66-review-list aside span{display:block;margin-top:4px;color:#1e3149;font-size:12px;font-weight:900}.sf-v54 .sf66-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.sf-v54 .sf66-form-grid .sf-field>span{font-size:13px!important}.sf-v54 .sf66-form-grid input,.sf-v54 .sf66-form-grid textarea,.sf-v54 .sf66-form-grid select{font-size:14px!important}.sf-v54 .sf66-form-grid .sf-field em{font-size:11px!important;line-height:1.9}.sf-v54 .sf66-important-help{display:block;margin-top:7px!important;padding:8px 10px;border-radius:11px;background:#fff5dc;color:#725311!important;font-weight:900}.sf-v54 .sf66-terms-check{display:flex;gap:10px;align-items:flex-start;margin:0 14px 12px;padding:11px 12px;border:1px solid #dbe6f2;border-radius:14px;background:#f8fbff;color:#304a68;font-size:12px;font-weight:800;line-height:1.9}.sf-v54 .sf66-terms-check input{width:19px;height:19px;flex:0 0 19px;margin-top:2px}.sf-v54 .sf66-terms-check a{color:#1e63d9;text-decoration:underline}.sf-v54 .sf66-final-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 14px 11px;padding:11px 13px;border-radius:14px;background:#243e5e;color:#fff}.sf-v54 .sf66-final-total small{display:block;color:#cbd8e8;font-size:10px}.sf-v54 .sf66-final-total span>b{display:block;margin-top:2px;font-size:12px}.sf-v54 .sf66-final-total>strong{font-size:16px}.sf-v54 .sf66-submit-order{display:flex!important;flex-direction:column!important;width:calc(100% - 28px);margin:0 14px 14px;min-height:57px}.sf-v54 .sf66-submit-order b{font-size:15px}.sf-v54 .sf66-submit-order small{margin-top:2px;font-size:10px;font-weight:500}.sf-v54 .sf66-checkout-side{position:sticky;top:86px;padding:15px;border:1px solid #dde6f1;border-radius:19px;background:#fff}.sf-v54 .sf66-checkout-side>div span{display:block;color:#718199;font-size:11px}.sf-v54 .sf66-checkout-side>div b{display:block;margin-top:4px;color:#213850;font-size:19px}.sf-v54 .sf66-checkout-side>div small{display:block;margin-top:3px;color:#8795a5;font-size:11px}.sf-v54 .sf66-checkout-side ul{display:grid;gap:8px;margin:13px 0 0;padding:12px 0 0;border-top:1px dashed #dfe6ef;list-style:none;color:#53677f;font-size:11px}
.select2-container .select2-selection--single{height:47px!important;border:1px solid #d8e2ee!important;border-radius:13px!important}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:45px!important;font-size:14px!important;color:#283e5a!important}.select2-container--default .select2-selection--single .select2-selection__arrow{height:45px!important;left:4px!important;right:auto!important}.select2-dropdown{border-color:#d8e2ee!important;border-radius:12px!important;overflow:hidden}.select2-search__field{font-size:14px!important;padding:9px!important}.select2-results__option{font-size:13px!important;padding:9px 12px!important}
.sf-v54 .sf66-profile-modal[hidden]{display:none!important}.sf-v54 .sf66-profile-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px}.sf-v54 .sf66-profile-backdrop{position:absolute;inset:0;background:rgba(22,35,51,.55);backdrop-filter:blur(3px)}.sf-v54 .sf66-profile-dialog{position:relative;z-index:1;width:min(460px,100%);padding:20px;border-radius:23px;background:#fff;box-shadow:0 28px 80px rgba(17,30,47,.3)}.sf-v54 .sf66-profile-dialog>button{position:absolute;left:13px;top:13px;width:36px;height:36px;border:0;border-radius:12px;background:#eff3f8;color:#30445f;font-size:22px}.sf-v54 .sf66-profile-dialog h2{margin:0;color:#203650;font-size:19px}.sf-v54 .sf66-profile-dialog p{color:#6b7b91;font-size:12px;line-height:1.8}.sf-v54 .sf66-profile-dialog form{display:grid;gap:11px}.sf-v54 .sf66-profile-dialog label{display:grid;gap:6px;color:#334b67;font-size:12px;font-weight:900}.sf-v54 .sf66-profile-dialog label small{font-weight:400;color:#8a96a6}.sf-v54 .sf66-profile-dialog input{min-height:45px;border:1px solid #dbe3ee;border-radius:12px;padding:0 12px;font-size:14px}.sf-v54 .sf66-profile-dialog [data-profile-error]{padding:9px;border-radius:10px;background:#fff0f1;color:#b03543;font-size:11px}.sf66-modal-open{overflow:hidden}
/* Success & public order */
.sf-v54 .sf66-success-page{padding-top:18px;padding-bottom:80px}.sf-v54 .sf66-success-hero{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center;padding:18px;border:1px solid #cfe8db;border-radius:23px;background:linear-gradient(135deg,#edfff5,#fff 65%);box-shadow:0 13px 30px rgba(31,104,66,.08)}.sf-v54 .sf66-success-hero.is-production{border-color:#e4d8b4;background:linear-gradient(135deg,#fff8e7,#fff 65%)}.sf-v54 .sf66-success-check{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:#20a762;color:#fff;font-size:25px;font-weight:900}.sf-v54 .sf66-success-hero span{color:#238653;font-size:12px;font-weight:900}.sf-v54 .sf66-success-hero h1{margin:3px 0;color:#1f374f;font-size:24px}.sf-v54 .sf66-success-hero p{margin:0;color:#536b82;font-size:13px;line-height:1.9}.sf-v54 .sf66-success-hero p strong{color:#b34c2d}.sf-v54 .sf66-success-alert{display:flex;align-items:center;gap:11px;margin:11px 0;padding:11px 13px;border:1px solid #dae6f6;border-radius:17px;background:#f6faff}.sf-v54 .sf66-success-alert i{font-style:normal;font-size:24px}.sf-v54 .sf66-success-alert b{display:block;color:#294664;font-size:13px}.sf-v54 .sf66-success-alert small{display:block;color:#677a91;font-size:11px;line-height:1.75}.sf-v54 .sf66-success-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:13px}.sf-v54 .sf66-status-card,.sf-v54 .sf66-delivery-snapshot{padding:14px;border:1px solid #dfe7f1;border-radius:19px;background:#fff}.sf-v54 .sf66-status-card header,.sf-v54 .sf66-delivery-snapshot header{display:flex;justify-content:space-between;gap:9px}.sf-v54 .sf66-status-card header b,.sf-v54 .sf66-delivery-snapshot header b{font-size:14px;color:#263d57}.sf-v54 .sf66-status-card header small,.sf-v54 .sf66-delivery-snapshot header span{font-size:11px;color:#7a899c}.sf-v54 .sf66-delivery-snapshot{margin-top:11px}.sf-v54 .sf66-delivery-snapshot p{margin:8px 0;color:#4b6077;font-size:12px;line-height:1.9}.sf-v54 .sf66-delivery-snapshot>small{display:block;padding:8px;border-radius:10px;background:#fff8e6;color:#705418;font-size:10px;line-height:1.8}.sf-v54 .sf66-success-summary .sf-primary-btn,.sf-v54 .sf66-success-summary .sf-secondary-btn{display:flex;justify-content:center;width:100%;margin-top:9px}.sf-v54 .sf66-order-status-explain{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;margin-bottom:12px;padding:12px 13px;border:1px solid #e7ddbb;border-radius:17px;background:#fff9e8}.sf-v54 .sf66-order-status-explain.is-confirmed,.sf-v54 .sf66-order-status-explain.is-converted{border-color:#cfe8d9;background:#f0fbf5}.sf-v54 .sf66-status-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#f1ad30;color:#fff;font-size:18px;font-weight:900}.sf-v54 .sf66-order-status-explain.is-confirmed .sf66-status-symbol,.sf-v54 .sf66-order-status-explain.is-converted .sf66-status-symbol{background:#1fa366}.sf-v54 .sf66-order-status-explain b{display:block;color:#2b4059;font-size:14px}.sf-v54 .sf66-order-status-explain span{display:block;margin-top:3px;color:#66788f;font-size:12px;line-height:1.8}.sf-v54 .sf66-order-destination{display:grid;grid-template-columns:1fr 260px;gap:10px;margin-bottom:12px}.sf-v54 .sf66-order-destination>div,.sf-v54 .sf66-order-destination>aside{padding:12px;border:1px solid #e0e7f0;border-radius:16px;background:#fff}.sf-v54 .sf66-order-destination small,.sf-v54 .sf66-order-destination span{display:block;color:#7a899c;font-size:10px}.sf-v54 .sf66-order-destination b{display:block;margin:3px 0;color:#263e59;font-size:13px}.sf-v54 .sf-mini-cart-item b{font-size:13px!important}.sf-v54 .sf-mini-cart-item small{font-size:11px!important;line-height:1.8}
/* Dynamic legal/content pages and footer */
.sf-v54 .sf66-content-page{padding-top:18px;padding-bottom:70px}.sf-v54 .sf66-content-hero{padding:18px;border:1px solid #dfe7f2;border-radius:22px;background:linear-gradient(135deg,#f2f7ff,#fff 65%)}.sf-v54 .sf66-content-hero span{color:#2b64c8;font-size:11px;font-weight:900}.sf-v54 .sf66-content-hero h1{margin:6px 0;color:#203750;font-size:26px}.sf-v54 .sf66-content-hero p{margin:0;color:#708198;font-size:11px}.sf-v54 .sf66-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:13px;margin-top:12px}.sf-v54 .sf66-content-body,.sf-v54 .sf66-business-card{padding:18px;border:1px solid #e1e8f1;border-radius:20px;background:#fff}.sf-v54 .sf66-content-body{color:#40566f;font-size:14px;line-height:2.25}.sf-v54 .sf66-business-card h2{margin:0 0 11px;color:#263d57;font-size:16px}.sf-v54 .sf66-business-card div{padding:9px 0;border-bottom:1px solid #edf1f5}.sf-v54 .sf66-business-card small,.sf-v54 .sf66-business-card b,.sf-v54 .sf66-business-card a{display:block}.sf-v54 .sf66-business-card small{color:#8592a2;font-size:10px}.sf-v54 .sf66-business-card b,.sf-v54 .sf66-business-card a{margin-top:2px;color:#2b455f;font-size:12px}.sf66-footer{padding-bottom:88px!important}.sf66-footer-main{display:grid;grid-template-columns:1fr 2fr auto;gap:18px;align-items:start}.sf66-footer-main>div:first-child{display:grid;gap:5px}.sf66-footer-main nav{display:flex;flex-wrap:wrap;gap:7px 15px}.sf66-footer-main nav a{color:#5f7187;font-size:11px}.sf66-trust-badge img{max-width:90px;max-height:90px}.sf66-footer-note{margin-top:12px;padding-top:10px;border-top:1px solid #e5eaf0;color:#8591a1;font-size:10px}
@media(max-width:900px){.sf-v54 .sf66-checkout-layout,.sf-v54 .sf66-success-layout,.sf-v54 .sf66-content-layout{grid-template-columns:1fr}.sf-v54 .sf66-checkout-side{display:none}.sf-v54 .sf66-order-destination{grid-template-columns:1fr}.sf66-footer-main{grid-template-columns:1fr}.sf66-footer-main nav{gap:9px 14px}}
@media(max-width:640px){.sf-v54 .sf-product-name>span:first-child{font-size:16px!important}.sf-v54 .sf-product-meta,.sf-v54 .sf-product-meta span{font-size:11px!important}.sf-v54 .sfm-color-title b{font-size:15px!important}.sf-v54 .sfm-color-title small,.sf-v54 .sfm-color-meta span{font-size:11px!important}.sf-v54 .sfm-series-identity b{font-size:15px!important}.sf-v54 .sfm-series-identity small,.sf-v54 .sfm-series-breakdown{font-size:12px!important}.sf-v54 .sf66-cart-head{align-items:stretch}.sf-v54 .sf66-cart-guide{flex:1}.sf-v54 .sf66-add-more{min-width:150px}.sf-v54 .sf64-cart-topline{padding:10px 8px!important}.sf-v54 .sf64-cart-topline b{font-size:12px!important}.sf-v54 .sf64-cart-topline small{font-size:10px!important}.sf-v54 .sf66-variant-chips span{font-size:12px!important;font-weight:800}.sf-v54 .sf-cart-fulfilment{font-size:9px!important;padding:4px 7px!important}.sf-v54 .sf66-checkout-banner{grid-template-columns:auto 1fr}.sf-v54 .sf66-checkout-banner>strong{display:none}.sf-v54 .sf66-checkout-banner b{font-size:14px}.sf-v54 .sf66-checkout-banner span{font-size:11px}.sf-v54 .sf66-form-grid{grid-template-columns:1fr;padding:12px}.sf-v54 .sf66-review-list article{grid-template-columns:56px minmax(0,1fr);}.sf-v54 .sf66-review-list img{width:56px;height:56px}.sf-v54 .sf66-review-list article>aside{grid-column:2;display:flex;justify-content:space-between;text-align:right}.sf-v54 .sf66-review-list article>div b{font-size:14px}.sf-v54 .sf66-review-list article>div span{font-size:12px}.sf-v54 .sf66-profile-warning{align-items:stretch}.sf-v54 .sf66-profile-warning button{white-space:nowrap}.sf-v54 .sf66-profile-modal{align-items:end;padding:0}.sf-v54 .sf66-profile-dialog{width:100%;border-radius:24px 24px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.sf-v54 .sf66-success-hero{grid-template-columns:48px 1fr;padding:14px}.sf-v54 .sf66-success-check{width:48px;height:48px;border-radius:16px}.sf-v54 .sf66-success-hero h1{font-size:20px}.sf-v54 .sf66-success-hero p{font-size:12px}.sf66-footer{padding-bottom:100px!important}}
@media(max-width:430px){.sf-v54 .sf66-cart-head{display:grid}.sf-v54 .sf66-add-more{width:100%;min-width:0;min-height:43px}.sf-v54 .sf66-cart-guide small{font-size:11px}.sf-v54 .sfm-series-breakdown{grid-column:1/-1}.sf-v54 .sf66-profile-warning{display:grid}.sf-v54 .sf66-profile-warning button{width:100%}}
/* Phase 66 final readability pass — mobile first, never trade legibility for density */
@media(max-width:640px){
 .sf-v54 .sf-product-name>span:first-child{font-size:17px!important;line-height:1.55!important}
 .sf-v54 .sf-product-code{font-size:12px!important}.sf-v54 .sf-product-meta,.sf-v54 .sf-product-meta span{font-size:12px!important}
 .sf-v54 .sfm-color-title b{font-size:16px!important}.sf-v54 .sfm-color-title small,.sf-v54 .sfm-color-meta span,.sf-v54 .sfm-color-note{font-size:12px!important}
 .sf-v54 .sfm-series-identity b{font-size:16px!important}.sf-v54 .sfm-series-identity small,.sf-v54 .sfm-series-breakdown{font-size:12px!important}
 .sf-v54 .sfm-series-compact-price b{font-size:15px!important}.sf-v54 .sfm-series-compact-price small,.sf-v54 .sfm-series-stock-pill{font-size:12px!important}
 .sf-v54 .sf64-cart-topline b{font-size:14px!important}.sf-v54 .sf64-cart-topline small{font-size:11px!important}.sf-v54 .sf64-cart-topline i{font-size:13px!important}
 .sf-v54 .sf66-variant-chips span,.sf-v54 .sf66-variant-chips strong{font-size:12px!important}.sf-v54 .sf-cart-fulfilment{font-size:10px!important;padding:4px 7px!important}
 .sf-v54 .sf66-review-list article>div b{font-size:15px!important}.sf-v54 .sf66-review-list article>div span{font-size:12px!important}.sf-v54 .sf66-review-list article>div small{font-size:11px!important;line-height:1.75}
 .sf-v54 .sf66-review-list article>aside b,.sf-v54 .sf66-review-list article>aside span{font-size:12px!important}
 .sf-v54 .sf66-form-grid .sf-field>span{font-size:14px!important}.sf-v54 .sf66-form-grid input,.sf-v54 .sf66-form-grid textarea,.sf-v54 .sf66-form-grid select{font-size:16px!important}
 .select2-container--default .select2-selection--single .select2-selection__rendered{font-size:16px!important}.select2-results__option,.select2-search__field{font-size:14px!important}
}
/* Phase 66.1 review-density and reservation clarity */
.sf66-checkout-banner em{display:block;margin-top:4px;color:#526b88;font-size:12px;font-style:normal;font-weight:800;line-height:1.8}
.sf66-line-facts{display:flex!important;flex-wrap:wrap;gap:6px;margin-top:6px}.sf66-line-facts i{font-style:normal;padding:4px 7px;border:1px solid #e1e9f4;border-radius:999px;background:#f8fbff;color:#5c6f87;font-size:11px;font-weight:800}
.sf66-review-to-delivery{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:10px;border:1px dashed #cbd9eb;border-radius:13px;background:#f7faff;color:#315e96;font-size:12px;font-weight:900;text-decoration:none}
.sf66-success-reservation{display:grid;gap:4px;margin-top:12px;padding:12px 14px;border-radius:16px;border:1px solid #d8e5f4;background:#f7fbff}.sf66-success-reservation b{font-size:13px;color:#284968}.sf66-success-reservation span{font-size:11px;line-height:1.9;color:#63758b}.sf66-success-reservation.is-ready{border-color:#ccead9;background:#f3fbf6}.sf66-success-reservation.is-ready b{color:#1d7b4c}.sf66-success-reservation.is-production{border-color:#f0dfb7;background:#fffaf0}.sf66-success-reservation.is-production b{color:#8b6717}
@media(max-width:720px){.sf66-checkout-banner em{font-size:11px}.sf66-line-facts i{font-size:11px}.sf66-review-to-delivery{font-size:12px}}
.sf66-select-fallback-search{margin-top:7px;width:100%;min-height:44px;border:1px solid #d8e2ee;border-radius:12px;background:#fff;padding:0 12px;font-size:14px;color:#283e5a;outline:none}.sf66-select-fallback-search:focus{border-color:#6195e6;box-shadow:0 0 0 3px rgba(50,112,212,.09)}
/* Phase 66.2 — compact and balanced series cards inside the color-detail modal */
.sf-v54 .sfm-series-card-v62{grid-template-columns:22px minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important}
.sf-v54 .sfm-series-card-v62 .sfm-series-radio{grid-column:1;grid-row:1;margin-top:6px}
.sf-v54 .sfm-series-main{display:grid;gap:6px;min-width:0}
.sf-v54 .sfm-series-identity{display:grid;gap:5px;min-width:0}
.sf-v54 .sfm-series-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.sf-v54 .sfm-series-title-row b{line-height:1.3}
.sf-v54 .sfm-series-title-row .sfm-series-stock-pill{min-height:26px!important;padding:0 10px!important;font-size:11px!important;white-space:nowrap;flex:0 0 auto}
.sf-v54 .sfm-series-identity small{line-height:1.75}
.sf-v54 .sfm-series-breakdown{grid-column:auto!important;display:block;padding-top:0!important;border-top:0!important;color:#596b82;font-size:12px;line-height:1.85}
.sf-v54 .sfm-series-breakdown strong{color:#263c56;font-size:12px}
.sf-v54 .sfm-series-side{display:grid;justify-items:end;align-content:start;gap:7px;min-width:118px;text-align:left}
.sf-v54 .sfm-series-compact-price{display:grid;gap:2px;justify-items:end;text-align:left}
.sf-v54 .sfm-series-compact-price b{font-size:15px!important;white-space:nowrap;line-height:1.25}
.sf-v54 .sfm-series-compact-price small{font-size:11px!important;white-space:nowrap}
.sf-v54 .sfm-series-carton-meta{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border:1px solid #e1e9f4;border-radius:999px;background:#f8fbff;color:#526980;font-size:11px;font-weight:800;white-space:nowrap}
@media(max-width:720px){
 .sf-v54 .sfm-series-card-v62{grid-template-columns:20px minmax(0,1fr) auto!important;gap:8px!important;padding:9px!important}
 .sf-v54 .sfm-series-title-row{align-items:flex-start}
 .sf-v54 .sfm-series-title-row b{font-size:15px!important}
 .sf-v54 .sfm-series-title-row .sfm-series-stock-pill{min-height:24px!important;padding:0 9px!important;font-size:10.5px!important}
 .sf-v54 .sfm-series-identity small,.sf-v54 .sfm-series-breakdown{font-size:11.5px!important}
 .sf-v54 .sfm-series-side{min-width:106px;gap:6px}
 .sf-v54 .sfm-series-compact-price b{font-size:14px!important}
 .sf-v54 .sfm-series-compact-price small,.sf-v54 .sfm-series-carton-meta{font-size:10.5px!important}
}
@media(max-width:390px){
 .sf-v54 .sfm-series-card-v62{grid-template-columns:18px minmax(0,1fr)!important}
 .sf-v54 .sfm-series-side{grid-column:2;grid-row:auto;justify-items:start;text-align:right;min-width:0;grid-template-columns:repeat(2,max-content);column-gap:8px;align-items:center}
 .sf-v54 .sfm-series-compact-price{justify-items:start;text-align:right}
 .sf-v54 .sfm-series-compact-price b,.sf-v54 .sfm-series-compact-price small,.sf-v54 .sfm-series-carton-meta{white-space:normal}
 .sf-v54 .sfm-series-carton-meta{padding:4px 8px;min-height:0}
}
/* Phase 66.3 — cart + checkout mobile UX tightening */
.sf-v54 .sf66-topline{margin-bottom:11px}
.sf-v54 .sf66-checkout-banner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;border-radius:20px;background:linear-gradient(135deg,#eef6ff 0%,#ffffff 55%,#f3efff 100%);box-shadow:0 10px 26px rgba(36,67,105,.06)}
.sf-v54 .sf66-banner-copy{min-width:0}.sf-v54 .sf66-banner-copy b{display:block;color:#22364f;font-size:16px;line-height:1.5}.sf-v54 .sf66-banner-copy span{display:block;margin-top:3px;color:#65778e;font-size:12px;line-height:1.8}.sf-v54 .sf66-banner-copy em{display:block;margin-top:5px;color:#4f6883;font-size:12px;font-style:normal;font-weight:800;line-height:1.8}.sf-v54 .sf66-banner-meta{display:grid;justify-items:end;gap:3px;min-width:82px}.sf-v54 .sf66-banner-meta strong{color:#24486d;font-size:15px;white-space:nowrap}.sf-v54 .sf66-banner-meta small{color:#7f8ca0;font-size:11px;white-space:nowrap}
.sf-v54 .sf66-cart-head{align-items:stretch}.sf-v54 .sf66-add-more{min-height:44px;padding-inline:14px;border-radius:15px;white-space:nowrap;flex:0 0 auto}.sf-v54 .sf66-add-more b{display:block;white-space:nowrap;line-height:1.2}.sf-v54 .sf66-cart-guide b{font-size:16px}.sf-v54 .sf66-cart-guide small{font-size:12px;line-height:1.8}
.sf-v54 .sf66-variant-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;overflow:visible}.sf-v54 .sf66-variant-chips>span{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:4px 9px;border-radius:999px;font-size:12px!important;line-height:1.5;white-space:nowrap;max-width:100%}.sf-v54 .sf66-variant-chips>span strong{font-size:12px!important}.sf-v54 .sf-cart-fulfilment{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:0;white-space:nowrap;align-self:center}
.sf-v54 .sf66-cart-state-note{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#fff7df;color:#8a6914;font-size:11px;font-weight:800;line-height:1.6;max-width:max-content;margin-top:0}
.sf-v54 .sf64-cart-controls{align-items:center}.sf-v54 .sf64-qty .sf-stepper{display:grid;grid-template-columns:36px 54px 36px;align-items:center}.sf-v54 .sf64-qty .sf-stepper button,.sf-v54 .sf64-qty .sf-stepper input{height:36px;min-height:36px}.sf-v54 .sf64-qty .sf-stepper button{width:36px;display:grid;place-items:center;font-size:18px;line-height:1}.sf-v54 .sf64-qty .sf-stepper input{text-align:center;font-size:13px;padding:0 4px}.sf-v54 .sf64-line-total{min-width:0}.sf-v54 .sf64-line-total b{font-size:14px!important}.sf-v54 .sf64-line-total small{font-size:10px!important;line-height:1.6}.sf-v54 .sf64-price-each small,.sf-v54 .sf64-qty small{font-size:10px!important}
.sf-v54 .sf64-cart-summary{overflow:hidden}.sf-v54 .sf64-summary-head b{font-size:14px}.sf-v54 .sf64-summary-stats span{padding:9px 6px}.sf-v54 .sf64-summary-total{padding:10px 12px;border-radius:14px}.sf-v54 .sf64-summary-total b{font-size:16px}.sf-v54 .sf64-next-note{margin:8px 0;padding:9px 10px}.sf-v54 .sf64-next-note b{font-size:10px}.sf-v54 .sf64-next-note small{font-size:9px;line-height:1.8}
.sf-v54 .sf66-review-card>header,.sf-v54 .sf66-delivery-card>header{padding:13px 15px;background:#fcfdff}.sf-v54 .sf66-review-card header small,.sf-v54 .sf66-delivery-card header small{font-size:12px}.sf-v54 .sf66-review-list article{grid-template-columns:60px minmax(0,1fr) auto;gap:10px;align-items:start}.sf-v54 .sf66-review-list img{width:60px;height:60px;border-radius:14px}.sf-v54 .sf66-review-list article>div{display:grid;gap:4px;min-width:0}.sf-v54 .sf66-review-list article>div b{font-size:14px}.sf-v54 .sf66-review-list article>div span{font-size:12px;line-height:1.7}.sf-v54 .sf66-line-facts{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sf-v54 .sf66-line-facts i{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border:1px solid #e6edf6;border-radius:999px;background:#f8fbff;color:#6b7f96;font-style:normal;font-size:11px}.sf-v54 .sf66-review-list aside{display:grid;justify-items:end;align-content:start;gap:4px;padding-top:1px}.sf-v54 .sf66-review-list aside b{font-size:12px;white-space:nowrap}.sf-v54 .sf66-review-list aside span{font-size:12px;font-weight:900;white-space:nowrap}
.sf-v54 .sf66-delivery-card{overflow:visible}.sf-v54 .sf66-form-grid{gap:13px;padding:15px}.sf-v54 .sf66-form-grid .sf-field{display:grid;gap:7px}.sf-v54 .sf66-form-grid .sf-field>span{color:#25415f;font-size:14px!important;font-weight:900}.sf-v54 .sf66-form-grid input,.sf-v54 .sf66-form-grid textarea,.sf-v54 .sf66-form-grid select{min-height:50px;padding:12px 14px;border:1px solid #dbe4f0;border-radius:15px;background:#fff;color:#23384f;font-size:15px!important}.sf-v54 .sf66-form-grid textarea{min-height:96px;resize:vertical}.sf-v54 .sf66-form-grid .sf-field em{font-size:11px!important;line-height:1.9;color:#6f8095}.sf-v54 .sf66-important-help{padding:10px 12px;border-radius:13px}
.sf-v54 .select2-container{width:100%!important}.sf-v54 .select2-container .select2-selection--single{height:50px;border:1px solid #dbe4f0;border-radius:15px;background:#fff}.sf-v54 .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:48px;padding-right:14px;padding-left:30px;font-size:14px;color:#23384f}.sf-v54 .select2-container--default .select2-selection--single .select2-selection__arrow{height:48px;left:10px;right:auto}.sf-v54 .select2-dropdown{border:1px solid #dbe4f0;border-radius:14px;overflow:hidden}
@media(max-width:720px){
 .sf-v54 .sf66-cart-head{display:grid;gap:9px}.sf-v54 .sf66-add-more{width:100%;min-width:0;padding-inline:10px;justify-content:center;font-size:12px!important}.sf-v54 .sf66-add-more span{display:none}.sf-v54 .sf66-cart-guide{padding:10px 12px}.sf-v54 .sf66-cart-guide b{font-size:14px}.sf-v54 .sf66-cart-guide small{font-size:11px}
 .sf-v54 .sf-cart-item.sf64-cart-item{grid-template-columns:70px minmax(0,1fr);gap:8px;padding:8px;border-radius:16px}.sf-v54 .sf64-cart-image{width:70px;height:70px;min-height:70px}.sf-v54 .sf64-cart-title{align-items:flex-start}.sf-v54 .sf64-cart-title h3,.sf-v54 .sf64-cart-title h3 a{font-size:14px!important;line-height:1.55}.sf-v54 .sf64-remove{width:30px;height:30px;min-height:30px;padding:0;display:grid;place-items:center;flex:0 0 30px}.sf-v54 .sf64-remove span{display:none}
 .sf-v54 .sf66-variant-chips{gap:5px}.sf-v54 .sf66-variant-chips>span{font-size:11px!important;padding:4px 8px;min-height:26px}.sf-v54 .sf66-variant-chips>span strong{font-size:11px!important}.sf-v54 .sf-cart-fulfilment{font-size:10px!important;padding:4px 8px!important}.sf-v54 .sf66-cart-state-note{font-size:10.5px;padding:4px 9px}
 .sf-v54 .sf64-cart-controls{grid-template-columns:minmax(120px,132px) minmax(0,1fr)!important;gap:7px;padding-top:7px}.sf-v54 .sf64-price-each{display:none!important}.sf-v54 .sf64-qty{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px}.sf-v54 .sf64-qty>small{margin:0}.sf-v54 .sf64-qty .sf-stepper{width:126px}.sf-v54 .sf64-line-total{display:grid;justify-content:end;gap:2px;padding:7px 8px;text-align:left}.sf-v54 .sf64-line-total small{display:block}
 .sf-v54 .sf64-cart-after{display:grid;gap:6px;padding:6px 0}.sf-v54 .sf64-cart-after a{font-size:11px}
 .sf-v54 .sf64-cart-summary{margin-top:11px;padding:12px;border-radius:18px}.sf-v54 .sf64-summary-head{margin-bottom:8px}.sf-v54 .sf64-summary-stats{gap:6px;margin-bottom:8px}.sf-v54 .sf64-summary-stats b{font-size:12px}.sf-v54 .sf64-summary-stats small{font-size:9px}.sf-v54 .sf64-summary-total{margin:7px 0;padding:9px 10px}.sf-v54 .sf64-summary-total span{font-size:10px}.sf-v54 .sf64-summary-total b{font-size:15px}.sf-v54 .sf64-next-note{display:none}.sf-v54 .sf64-safe-note{display:none}
 .sf-v54 .sf64-cart-mobile-dock{grid-template-columns:minmax(0,1fr) 138px!important;gap:8px;min-height:62px;padding:8px 9px}.sf-v54 .sf64-cart-mobile-dock .sf-primary-btn{min-height:46px;font-size:11px;padding:8px 10px}
 .sf-v54 .sf66-topline{padding:9px 8px!important}.sf-v54 .sf66-topline b{font-size:11px!important}.sf-v54 .sf66-topline small{font-size:10px!important}
 .sf-v54 .sf66-checkout-toolbar{gap:8px}.sf-v54 .sf66-back-cart{min-height:40px;padding-inline:12px;font-size:12px}.sf-v54 .sf66-checkout-toolbar>span{font-size:10px;padding:6px 10px}
 .sf-v54 .sf66-checkout-banner{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:11px 12px}.sf-v54 .sf66-banner-icon{width:36px;height:36px;border-radius:12px;font-size:16px}.sf-v54 .sf66-banner-meta{grid-column:2;justify-items:start;grid-template-columns:repeat(2,max-content);column-gap:8px;row-gap:0}.sf-v54 .sf66-banner-copy b{font-size:14px}.sf-v54 .sf66-banner-copy span,.sf-v54 .sf66-banner-copy em{font-size:11px}
 .sf-v54 .sf66-review-list article{grid-template-columns:56px minmax(0,1fr);gap:9px;padding:10px 12px}.sf-v54 .sf66-review-list img{width:56px;height:56px}.sf-v54 .sf66-review-list article>aside{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:8px}.sf-v54 .sf66-review-list article>aside b,.sf-v54 .sf66-review-list article>aside span{font-size:11px!important}.sf-v54 .sf66-review-list article>div b{font-size:13px!important}.sf-v54 .sf66-review-list article>div span{font-size:11px!important}.sf-v54 .sf66-line-facts{gap:5px}.sf-v54 .sf66-line-facts i{font-size:10px;padding:2px 7px;min-height:22px}
 .sf-v54 .sf66-delivery-card>header{padding:12px 13px}.sf-v54 .sf66-delivery-card>header b{font-size:14px}.sf-v54 .sf66-delivery-card>header small{font-size:11px}.sf-v54 .sf66-form-grid{grid-template-columns:1fr;padding:12px}.sf-v54 .sf66-form-grid .sf-field>span{font-size:13px!important}.sf-v54 .sf66-form-grid input,.sf-v54 .sf66-form-grid textarea,.sf-v54 .sf66-form-grid select{font-size:15px!important}.sf-v54 .sf66-terms-check{margin:0 12px 10px;padding:10px 11px;font-size:11px}.sf-v54 .sf66-final-total{margin:0 12px 10px;padding:10px 11px}.sf-v54 .sf66-final-total>strong{font-size:15px}.sf-v54 .sf66-submit-order{width:calc(100% - 24px);margin:0 12px 12px;min-height:54px}.sf-v54 .sf66-submit-order b{font-size:14px}.sf-v54 .sf66-submit-order small{font-size:10px}
}
@media(max-width:399px){
 .sf-v54 .sf66-add-more b{font-size:11px}
 .sf-v54 .sf64-cart-controls{grid-template-columns:1fr!important}.sf-v54 .sf64-line-total{justify-content:space-between;display:flex;text-align:right}.sf-v54 .sf64-qty{justify-content:space-between}.sf-v54 .sf64-qty .sf-stepper{width:120px;grid-template-columns:34px 52px 34px}
 .sf-v54 .sf66-review-list article>aside{flex-wrap:wrap;justify-content:flex-start}
 .sf-v54 .sf66-banner-meta{grid-template-columns:1fr}
}
.sf-v54 .sf66-topline>div.is-done i{background:#ebf8f2;color:#1f8b5a}.sf-v54 .sf66-topline>div.is-done b{color:#216a4a}.sf-v54 .sf66-topline>em.is-done{background:#bfe6d0}
/* Phase 66.4 — cart row rebuild based on latest feedback */
.sf-v54 .sf67-cart-item{display:grid;grid-template-columns:82px minmax(0,1fr);grid-template-areas:'image content' 'stock content' 'controls controls';align-items:start;gap:10px;overflow:hidden}
.sf-v54 .sf67-cart-item .sf64-cart-image{grid-area:image;width:82px;height:82px;min-height:82px;align-self:start}
.sf-v54 .sf67-cart-item .sf67-thumb-stock{grid-area:stock;display:grid;justify-items:center;align-self:start;margin-top:-2px}
.sf-v54 .sf67-thumb-stock span{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 8px;border-radius:999px;background:#eef7f1;color:#2b7f55;font-size:10px;font-weight:900;line-height:1.5;text-align:center}
.sf-v54 .sf67-thumb-stock span.is-production{background:#fff4df;color:#8d6311}.sf-v54 .sf67-thumb-stock span.is-empty{background:#fdeeee;color:#b44a4a}
.sf-v54 .sf67-cart-item .sf64-cart-content{grid-area:content;display:grid;gap:6px;min-width:0}
.sf-v54 .sf67-cart-item .sf64-cart-controls{grid-area:controls;grid-column:1/-1}
.sf-v54 .sf67-cart-controls{display:grid;grid-template-columns:minmax(0,1fr) 138px;gap:10px;align-items:center;margin-top:2px;padding-top:9px;border-top:1px dashed #e3eaf3}
.sf-v54 .sf67-price-stack{display:grid;gap:7px;min-width:0}.sf-v54 .sf67-price-stack .sf64-price-each,.sf-v54 .sf67-price-stack .sf64-line-total{padding:8px 10px;border:1px solid #e4ebf4;border-radius:13px;background:#f8fbff}
.sf-v54 .sf67-price-stack .sf64-price-each small,.sf-v54 .sf67-price-stack .sf64-line-total small{display:block;margin:0 0 3px;color:#8391a3;font-size:10px!important;line-height:1.6}
.sf-v54 .sf67-price-stack .sf64-price-each b,.sf-v54 .sf67-price-stack .sf64-line-total b{display:block;color:#1e395a;font-size:14px!important;line-height:1.5}.sf-v54 .sf67-price-stack .sf64-price-each em,.sf-v54 .sf67-price-stack .sf64-line-total em{font-style:normal;font-size:10px}
.sf-v54 .sf67-price-stack .sf64-price-each span{display:block;margin-top:3px;color:#2c7d58;font-size:9px;line-height:1.6}
.sf-v54 .sf67-cart-controls .sf64-qty{display:grid;gap:6px;justify-items:stretch;align-content:center}.sf-v54 .sf67-cart-controls .sf64-qty>small{display:block;margin:0;color:#5d7188;font-size:11px!important;font-weight:900}.sf-v54 .sf67-cart-controls .sf64-qty .sf-stepper{width:100%;grid-template-columns:36px 1fr 36px}.sf-v54 .sf67-cart-controls .sf64-qty .sf-stepper button,.sf-v54 .sf67-cart-controls .sf64-qty .sf-stepper input{height:38px;min-height:38px}.sf-v54 .sf67-cart-controls .sf64-qty .sf-stepper button{width:36px}.sf-v54 .sf67-cart-controls .sf64-qty .sf-stepper input{font-size:14px}
.sf-v54 .sf67-cart-item .sf64-size-details{margin-top:-1px}
@media(max-width:720px){
 .sf-v54 .sf66-cart-head{display:flex!important;align-items:stretch;gap:8px}.sf-v54 .sf66-cart-guide{flex:1;min-width:0}.sf-v54 .sf66-add-more{flex:0 0 132px;width:132px;min-width:132px;min-height:42px;padding-inline:8px;border-radius:14px;font-size:10.5px!important;line-height:1.35}.sf-v54 .sf66-add-more span{display:none}.sf-v54 .sf66-add-more b{display:block;font-size:10.5px;white-space:normal;text-align:center}
 .sf-v54 .sf67-cart-item{grid-template-columns:74px minmax(0,1fr);grid-template-areas:'image content' 'stock content' 'controls controls';gap:8px;padding:8px;border-radius:16px}.sf-v54 .sf67-cart-item .sf64-cart-image{width:74px;height:74px;min-height:74px}.sf-v54 .sf67-thumb-stock span{min-height:24px;padding:3px 7px;font-size:9px}
 .sf-v54 .sf67-cart-item .sf64-cart-title h3,.sf-v54 .sf67-cart-item .sf64-cart-title h3 a{font-size:13px!important}.sf-v54 .sf67-cart-item .sf64-variant-chips>span{min-height:24px;padding:3px 7px;font-size:10px!important}
 .sf-v54 .sf67-cart-controls{grid-template-columns:minmax(0,1fr) 124px;gap:8px;padding-top:8px}.sf-v54 .sf67-price-stack{gap:6px}.sf-v54 .sf67-price-stack .sf64-price-each,.sf-v54 .sf67-price-stack .sf64-line-total{padding:7px 8px;border-radius:12px}.sf-v54 .sf67-price-stack .sf64-price-each b,.sf-v54 .sf67-price-stack .sf64-line-total b{font-size:13px!important}.sf-v54 .sf67-cart-controls .sf64-qty>small{font-size:10px!important}.sf-v54 .sf67-cart-controls .sf64-qty .sf-stepper button,.sf-v54 .sf67-cart-controls .sf64-qty .sf-stepper input{height:36px;min-height:36px}
}
@media(max-width:399px){
 .sf-v54 .sf66-add-more{flex:0 0 124px;width:124px;min-width:124px;font-size:10px!important}.sf-v54 .sf66-add-more b{font-size:10px}
 .sf-v54 .sf67-cart-controls{grid-template-columns:1fr;gap:8px}.sf-v54 .sf67-cart-controls .sf64-qty{grid-template-columns:1fr;justify-items:stretch}.sf-v54 .sf67-cart-controls .sf64-qty .sf-stepper{width:100%}
}
/* Phase 66.5 — remove empty gap caused by stock-left badge in cart rows */
.sf-v54 .sf67-cart-item{grid-template-areas:'image content' 'controls controls'!important;position:relative}
.sf-v54 .sf67-cart-item .sf67-thumb-stock{grid-area:image!important;align-self:end;justify-self:center;margin:0 0 -2px 0;position:relative;z-index:2;pointer-events:none}
.sf-v54 .sf67-cart-item .sf64-cart-content{align-self:start}
.sf-v54 .sf67-thumb-stock span{box-shadow:0 8px 16px rgba(34,58,87,.08);border:1px solid rgba(255,255,255,.8);min-height:22px;padding:2px 7px;font-size:9.5px;line-height:1.35}
@media(max-width:720px){
 .sf-v54 .sf67-cart-item{grid-template-areas:'image content' 'controls controls'!important;row-gap:6px}
 .sf-v54 .sf67-cart-item .sf67-thumb-stock{margin-bottom:-3px}
 .sf-v54 .sf67-thumb-stock span{min-height:21px;padding:2px 6px;font-size:9px;max-width:84px}
}
/* Phase 66.7 — checkout completion clarity + mobile density */
.sf-v54 .sf67-profile-required{border:2px solid #f2bd55!important;background:linear-gradient(135deg,#fff8e6,#fffdf7)!important;box-shadow:0 8px 22px rgba(183,126,18,.08)}
.sf-v54 .sf67-profile-required i{background:#e79a12!important}.sf-v54 .sf67-profile-required b{font-size:15px!important;color:#65450b!important}.sf-v54 .sf67-profile-required small{font-size:12px!important;color:#795e2d!important;line-height:1.8}.sf-v54 .sf67-profile-required button{background:#1f3b5d!important;min-height:43px!important;font-size:12px!important}
.sf-v54 .sf67-required,.sf-v54 .sf67-optional{display:inline-flex!important;align-items:center;min-height:20px;margin-right:6px;padding:1px 7px;border-radius:999px;font-style:normal;font-size:9px!important;font-weight:900!important;vertical-align:middle}.sf-v54 .sf67-required{background:#fff0f0;color:#b74343}.sf-v54 .sf67-optional{background:#eff4f9;color:#65778b}
.sf-v54 .sf67-submit-status{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;margin:0 14px 10px;padding:9px 10px;border:1px solid #efd69e;border-radius:13px;background:#fff9e9;color:#765918}.sf-v54 .sf67-submit-status i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e8a52b;color:#fff;font-style:normal;font-weight:900}.sf-v54 .sf67-submit-status span{font-size:11px;font-weight:900;line-height:1.75}.sf-v54 .sf67-submit-status.is-ready{border-color:#cfe7da;background:#f1fbf5;color:#24764f}.sf-v54 .sf67-submit-status.is-ready i{background:#2a9a66}.sf-v54 [data-submit-order].is-disabled{opacity:.58;filter:saturate(.65);cursor:not-allowed}.sf-v54 [data-submit-order]:not(.is-disabled){opacity:1;filter:none}
.sf-v54 .sf66-review-card>header{min-height:56px;padding:10px 13px!important}.sf-v54 .sf66-review-card header b{font-size:15px!important}.sf-v54 .sf66-review-card header small{font-size:11px!important;line-height:1.5}.sf-v54 .sf66-review-card header a{min-height:34px;display:inline-flex;align-items:center;padding:0 10px;border-radius:10px;background:#edf4ff;font-size:11px!important;text-decoration:none}
.sf-v54 .sf66-review-list article>aside b{font-size:13px!important;font-weight:900;color:#2b4d70}.sf-v54 .sf66-review-list article>aside span{font-size:14px!important;font-weight:900;color:#1c324c}.sf-v54 .sf66-review-list article>div b{font-size:15px!important}.sf-v54 .sf66-review-list article>div span{font-size:12px!important}
.sf-v54 .sf66-form-grid .sf-field>span{display:flex;align-items:center;flex-wrap:wrap;gap:3px;color:#213b58!important;font-size:14px!important;font-weight:900}.sf-v54 .sf66-form-grid input,.sf-v54 .sf66-form-grid textarea,.sf-v54 .sf66-form-grid select{border-width:1.5px!important;border-color:#ccd9e8!important;background:#fff!important;box-shadow:0 2px 8px rgba(36,61,90,.03)}.sf-v54 .sf66-form-grid input:focus,.sf-v54 .sf66-form-grid textarea:focus,.sf-v54 .sf66-form-grid select:focus{border-color:#2c72dc!important;box-shadow:0 0 0 3px rgba(44,114,220,.09)!important;outline:none}.sf-v54 .sf66-terms-check{border-width:1.5px!important;font-size:12px!important}.sf-v54 .sf66-terms-check b{color:#a43f3f}
@media(max-width:720px){
 .sf-v54 .sf66-banner-meta{display:none!important}.sf-v54 .sf66-checkout-banner{grid-template-columns:34px minmax(0,1fr)!important;padding:10px 11px!important}.sf-v54 .sf66-banner-copy b{font-size:14px!important}.sf-v54 .sf66-banner-copy span{font-size:10.5px!important;line-height:1.7!important}.sf-v54 .sf66-banner-copy em{font-size:10.5px!important;line-height:1.7!important;margin-top:3px!important}
 .sf-v54 .sf67-profile-required{display:grid!important;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:10px!important}.sf-v54 .sf67-profile-required>div{display:contents!important}.sf-v54 .sf67-profile-required i{width:30px!important;height:30px!important}.sf-v54 .sf67-profile-required span{min-width:0}.sf-v54 .sf67-profile-required b{font-size:13px!important}.sf-v54 .sf67-profile-required small{font-size:10.5px!important}.sf-v54 .sf67-profile-required button{grid-column:1/-1;width:100%;min-height:40px!important}
 .sf-v54 .sf66-review-card>header{min-height:49px;padding:8px 10px!important}.sf-v54 .sf66-review-card header b{font-size:13px!important}.sf-v54 .sf66-review-card header small{font-size:10px!important}.sf-v54 .sf66-review-card header a{min-height:30px;padding:0 8px;font-size:10px!important}
 .sf-v54 .sf66-review-list article{padding:9px 10px!important}.sf-v54 .sf66-review-list article>aside b{font-size:12px!important}.sf-v54 .sf66-review-list article>aside span{font-size:13px!important}.sf-v54 .sf66-review-list article>div b{font-size:13.5px!important}.sf-v54 .sf66-review-list article>div span{font-size:11px!important}
 .sf-v54 .sf66-delivery-card>header{background:linear-gradient(135deg,#f5f9ff,#fff)!important;border-bottom:1px solid #dce6f2!important}.sf-v54 .sf66-delivery-card>header b{font-size:14px!important}.sf-v54 .sf66-delivery-card>header small{font-size:10.5px!important;line-height:1.7}.sf-v54 .sf66-delivery-card>header>span{font-size:9.5px!important;padding:5px 7px;border-radius:999px;background:#eef4fb;color:#5e7085}
 .sf-v54 .sf66-form-grid{gap:11px!important}.sf-v54 .sf66-form-grid .sf-field{gap:6px!important}.sf-v54 .sf66-form-grid .sf-field>span{font-size:13px!important}.sf-v54 .sf66-form-grid input,.sf-v54 .sf66-form-grid textarea,.sf-v54 .sf66-form-grid select{min-height:48px!important;font-size:15px!important}.sf-v54 .select2-container .select2-selection--single{height:48px!important;border-width:1.5px!important;border-color:#ccd9e8!important}.sf-v54 .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:46px!important;font-size:15px!important}
 .sf-v54 .sf67-submit-status{margin:0 12px 9px;padding:8px 9px}.sf-v54 .sf67-submit-status span{font-size:10.5px}.sf-v54 .sf66-mobile-checkout-bar small{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:720px){
 .sf-v54 .sf67-profile-required{grid-template-columns:28px minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;padding:8px 9px!important}
 .sf-v54 .sf67-profile-required>div{display:contents!important}.sf-v54 .sf67-profile-required i{width:28px!important;height:28px!important}.sf-v54 .sf67-profile-required small{display:none!important}.sf-v54 .sf67-profile-required b{font-size:12px!important;line-height:1.55!important}
 .sf-v54 .sf67-profile-required button{grid-column:auto!important;width:auto!important;min-height:36px!important;padding:0 9px!important;font-size:10px!important;white-space:nowrap}
}
/* Phase 66.8 — stable province/city Select2 integration */
.sf-v54 .sf67-location-field{position:relative;overflow:visible!important}
.sf-v54 .sf67-location-field>select{width:100%;min-height:50px}
.sf-v54 .sf67-location-field .select2-container{display:block!important;width:100%!important;max-width:100%!important}
.sf-v54 .sf67-location-field .select2-container .select2-selection--single{display:flex!important;align-items:center!important;width:100%!important;height:50px!important;min-height:50px!important;border:1.5px solid #cbd8e7!important;border-radius:15px!important;background:#fff!important;box-shadow:0 2px 8px rgba(36,61,90,.035)!important;outline:0!important;transition:border-color .16s ease,box-shadow .16s ease!important}
.sf-v54 .sf67-location-field .select2-container--focus .select2-selection--single,.sf-v54 .sf67-location-field .select2-container--open .select2-selection--single{border-color:#2b70d7!important;box-shadow:0 0 0 3px rgba(43,112,215,.10)!important}
.sf-v54 .sf67-location-field .select2-selection__rendered{width:100%!important;padding:0 14px 0 42px!important;line-height:47px!important;color:#243b57!important;font-size:15px!important;font-weight:700!important;text-align:right!important}
.sf-v54 .sf67-location-field .select2-selection__placeholder{color:#9aa9ba!important;font-weight:600!important}
.sf-v54 .sf67-location-field .select2-selection__arrow{position:absolute!important;top:0!important;left:10px!important;right:auto!important;width:28px!important;height:48px!important}
.sf-v54 .sf67-location-field .select2-selection__arrow b{border-color:#6e8096 transparent transparent transparent!important;border-width:6px 5px 0 5px!important;margin-left:-5px!important;margin-top:-3px!important}
.sf-v54 .sf67-location-field .select2-container--disabled .select2-selection--single{background:#f3f6fa!important;border-color:#e0e7ef!important;box-shadow:none!important;cursor:not-allowed!important}
.sf-v54 .sf67-location-field .select2-container--disabled .select2-selection__rendered{color:#9ba8b6!important}
.select2-dropdown{z-index:9999!important;border:1px solid #d5dfeb!important;border-radius:15px!important;background:#fff!important;box-shadow:0 16px 36px rgba(26,48,77,.16)!important;overflow:hidden!important;direction:rtl!important}
.select2-search--dropdown{display:block!important;padding:9px!important;background:#f7f9fc!important;border-bottom:1px solid #edf1f5!important}
.select2-search--dropdown .select2-search__field{width:100%!important;height:42px!important;border:1px solid #d5dfeb!important;border-radius:11px!important;padding:0 11px!important;background:#fff!important;color:#243b57!important;font-size:14px!important;outline:none!important;direction:rtl!important;text-align:right!important}
.select2-search--dropdown .select2-search__field:focus{border-color:#2b70d7!important;box-shadow:0 0 0 3px rgba(43,112,215,.08)!important}
.select2-results__options{max-height:260px!important;padding:5px!important}
.select2-results__option{min-height:40px!important;padding:9px 11px!important;border-radius:9px!important;color:#344c66!important;font-size:14px!important;line-height:1.6!important;text-align:right!important}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:#eaf3ff!important;color:#195ab8!important}
.select2-container--default .select2-results__option--selected{background:#f3f6fa!important;color:#243b57!important;font-weight:900!important}
@media(max-width:720px){
 .sf-v54 .sf67-location-field .select2-container .select2-selection--single{height:48px!important;min-height:48px!important;border-radius:14px!important}
 .sf-v54 .sf67-location-field .select2-selection__rendered{line-height:45px!important;font-size:14px!important;padding-right:12px!important}
 .sf-v54 .sf67-location-field .select2-selection__arrow{height:46px!important;left:8px!important}
 .select2-dropdown{border-radius:14px!important}.select2-search--dropdown .select2-search__field{height:40px!important;font-size:14px!important}.select2-results__option{min-height:39px!important;font-size:13.5px!important}
}
/* Phase 66.9 — order tracking, success confirmation, formal invoice */
.sf-v54 .sf-order-success-confirm-copy{display:grid;gap:8px;text-align:right;color:#455b73;font-size:12px;line-height:1.95}.sf-v54 .sf-order-success-confirm-copy p{margin:0}.sf-v54 .sf-order-success-confirm-copy strong{color:#234e79}.sf-v54 .sf-order-success-understand{display:flex;align-items:center;gap:9px;margin-top:3px;padding:10px 11px;border:1px solid #dbe6f2;border-radius:13px;background:#f7fbff;color:#294764;font-weight:900;cursor:pointer}.sf-v54 .sf-order-success-understand input{width:19px;height:19px;flex:0 0 19px;accent-color:#1765df}.swal2-confirm-lite:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.25)}

.sf-v54 .sf69-order-page{max-width:1050px;padding-bottom:105px}.sf-v54 .sf69-order-journey{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:7px;align-items:center;margin-bottom:11px;padding:10px 12px;border:1px solid #dfe7f1;border-radius:18px;background:#fff}.sf-v54 .sf69-order-journey>div{display:flex;align-items:center;gap:7px;min-width:0}.sf-v54 .sf69-order-journey i{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:10px;background:#eef2f7;color:#7d8998;font-style:normal;font-size:11px;font-weight:900}.sf-v54 .sf69-order-journey b{display:block;color:#52657b;font-size:11px;white-space:nowrap}.sf-v54 .sf69-order-journey small{display:block;margin-top:2px;color:#8996a6;font-size:9px;white-space:nowrap}.sf-v54 .sf69-order-journey em{height:2px;border-radius:99px;background:#e6ebf2}.sf-v54 .sf69-order-journey .is-done i{background:#e8f8ef;color:#188751}.sf-v54 .sf69-order-journey .is-done b{color:#2c6f51}.sf-v54 .sf69-order-journey .is-active i{background:#2065dc;color:#fff}.sf-v54 .sf69-order-journey .is-active b{color:#1f5eb8}.sf-v54 .sf69-order-journey em.is-done{background:#b8e4cb}
.sf-v54 .sf69-order-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #e0e7f1;border-radius:20px;background:#fff;box-shadow:0 8px 22px rgba(30,55,88,.05)}.sf-v54 .sf69-order-title{min-width:0}.sf-v54 .sf69-status-pill{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:900}.sf-v54 .sf69-status-pill.is-warning{background:#fff5dc;color:#8d6816}.sf-v54 .sf69-status-pill.is-info{background:#eaf3ff;color:#1f60c8}.sf-v54 .sf69-status-pill.is-success{background:#e9f8ef;color:#188552}.sf-v54 .sf69-status-pill.is-danger{background:#fdecec;color:#ad4444}.sf-v54 .sf69-order-title h1{margin:7px 0 2px;color:#213850;font-size:20px}.sf-v54 .sf69-order-title small{color:#8390a1;font-size:10px}.sf-v54 .sf69-order-money{text-align:left;white-space:nowrap}.sf-v54 .sf69-order-money small,.sf-v54 .sf69-order-money span{display:block;color:#7f8da0;font-size:10px}.sf-v54 .sf69-order-money b{display:block;margin:3px 0;color:#1f3855;font-size:18px}
.sf-v54 .sf69-status-summary{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;margin:10px 0;padding:10px 12px;border:1px solid #e3e8ef;border-radius:16px;background:#f9fbfd}.sf-v54 .sf69-status-summary>i{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#71849a;color:#fff;font-style:normal;font-weight:900}.sf-v54 .sf69-status-summary b{display:block;color:#263d57;font-size:13px}.sf-v54 .sf69-status-summary span{display:block;margin-top:2px;color:#687b91;font-size:11px;line-height:1.75}.sf-v54 .sf69-status-summary.is-warning{border-color:#efdfae;background:#fff9e8}.sf-v54 .sf69-status-summary.is-warning>i{background:#efad2f}.sf-v54 .sf69-status-summary.is-info{border-color:#cfe0fb;background:#f3f8ff}.sf-v54 .sf69-status-summary.is-info>i{background:#2768d9}.sf-v54 .sf69-status-summary.is-success{border-color:#cce8d8;background:#f1fbf5}.sf-v54 .sf69-status-summary.is-success>i{background:#20a363}
.sf-v54 .sf69-primary-jump{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:12px 14px;border-radius:17px;background:linear-gradient(135deg,#175fd6,#2e78ea);color:#fff;box-shadow:0 12px 26px rgba(32,103,218,.2)}.sf-v54 .sf69-primary-jump b,.sf-v54 .sf69-primary-jump small{display:block}.sf-v54 .sf69-primary-jump b{font-size:13px}.sf-v54 .sf69-primary-jump small{margin-top:2px;color:#dfeaff;font-size:10px}.sf-v54 .sf69-primary-jump i{font-style:normal;font-size:18px}.sf-v54 .sf69-invoice-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.sf-v54 .sf69-invoice-actions a{display:flex;justify-content:center;min-height:46px}
.sf-v54 .sf69-delivery-card,.sf-v54 .sf69-order-items-card,.sf-v54 .sf69-payments-history,.sf-v54 .sf69-payment-section{margin-top:10px;border:1px solid #dfe7f1;border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 7px 20px rgba(34,57,87,.045)}.sf-v54 .sf69-delivery-card>header,.sf-v54 .sf69-order-items-card>header,.sf-v54 .sf69-payments-history>header,.sf-v54 .sf69-payment-section>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #edf1f6;background:#fcfdff}.sf-v54 .sf69-delivery-card header b,.sf-v54 .sf69-order-items-card header b,.sf-v54 .sf69-payments-history header b,.sf-v54 .sf69-payment-section header b{display:block;color:#243c57;font-size:14px}.sf-v54 .sf69-delivery-card header small,.sf-v54 .sf69-order-items-card header small,.sf-v54 .sf69-payment-section header small{display:block;margin-top:2px;color:#7b899b;font-size:10px}.sf-v54 .sf69-delivery-card header>span,.sf-v54 .sf69-payments-history header>span{padding:6px 9px;border-radius:999px;background:#f0f4f9;color:#5e7188;font-size:10px;font-weight:900}.sf-v54 .sf69-order-items-card header>strong,.sf-v54 .sf69-payment-section header>strong{color:#1e5ebc;font-size:14px;white-space:nowrap}
.sf-v54 .sf69-delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.sf-v54 .sf69-delivery-grid>div{padding:10px 11px;border:1px solid #e7edf4;border-radius:14px;background:#fafcff}.sf-v54 .sf69-delivery-grid small,.sf-v54 .sf69-delivery-grid span,.sf-v54 .sf69-delivery-grid a{display:block;color:#7b899a;font-size:10px;line-height:1.8}.sf-v54 .sf69-delivery-grid b{display:block;margin:3px 0;color:#2a425e;font-size:12px}.sf-v54 .sf69-delivery-grid a{color:#2164ca;font-weight:900}.sf-v54 .sf69-waybill-image{display:flex;justify-content:center;margin:0 12px 12px;padding:9px;border-radius:12px;background:#edf5ff;color:#2364bd;font-size:11px;font-weight:900}
.sf-v54 .sf69-order-items article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 13px;border-bottom:1px solid #edf1f5}.sf-v54 .sf69-order-items article:last-child{border-bottom:0}.sf-v54 .sf69-item-main b{display:block;color:#243a53;font-size:13px}.sf-v54 .sf69-item-main span{display:block;margin-top:3px;color:#6e8094;font-size:11px}.sf-v54 .sf69-item-main span strong{color:#2a496a}.sf-v54 .sf69-item-facts{display:grid;grid-template-columns:repeat(3,minmax(64px,auto));gap:6px}.sf-v54 .sf69-item-facts span{display:grid;justify-items:center;padding:7px 8px;border:1px solid #e5ebf2;border-radius:12px;background:#f9fbfd}.sf-v54 .sf69-item-facts b{color:#264566;font-size:11px;white-space:nowrap}.sf-v54 .sf69-item-facts small{margin-top:2px;color:#8895a5;font-size:8px;white-space:nowrap}
.sf-v54 .sf69-payments-history{padding-bottom:4px}.sf-v54 .sf69-payment-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:10px 13px;border-bottom:1px solid #edf1f5}.sf-v54 .sf69-payment-row:last-child{border-bottom:0}.sf-v54 .sf69-payment-row b{display:block;color:#304860;font-size:11px}.sf-v54 .sf69-payment-row small{display:block;margin-top:2px;color:#8491a0;font-size:9px}.sf-v54 .sf69-payment-row>strong{color:#1f3f61;font-size:11px;white-space:nowrap}.sf-v54 .sf69-payment-row>span{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.sf-v54 .sf69-payment-row>span.is-ok{background:#e9f8ef;color:#16824f}.sf-v54 .sf69-payment-row>span.is-wait{background:#fff5dc;color:#8a6513}.sf-v54 .sf69-payment-row>span.is-no{background:#fdecec;color:#a84646}
.sf-v54 .sf69-payment-section{scroll-margin-top:84px;padding-bottom:12px}.sf-v54 .sf69-payment-section>form,.sf-v54 .sf69-payment-section>.sf-payment-divider,.sf-v54 .sf69-payment-section>.sf-payment-destination{margin-left:12px;margin-right:12px}.sf-v54 .sf69-online-pay{width:100%;margin-top:10px}.sf-v54 .sf69-payment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px}.sf-v54 .sf69-payment-form .sf-field{display:grid;gap:5px}.sf-v54 .sf69-payment-form .sf-field>span{font-size:11px;font-weight:900;color:#39536e}.sf-v54 .sf69-payment-form input,.sf-v54 .sf69-payment-form select{min-height:44px;border:1px solid #dce5ef;border-radius:13px;background:#fff;padding:9px 10px;font-size:12px}.sf-v54 .sf69-payment-form .sf-field em{color:#8693a2;font-size:9px}.sf-v54 .sf69-payment-submit{grid-column:1/-1;min-height:48px;margin-top:1px}.sf-v54 .sf69-payment-wait,.sf-v54 .sf69-payment-locked,.sf-v54 .sf69-payment-done{display:grid;gap:4px;margin:12px;padding:13px;border-radius:14px}.sf-v54 .sf69-payment-wait{background:#fff8e7;color:#745819}.sf-v54 .sf69-payment-locked{background:#f4f6f9;color:#52667e}.sf-v54 .sf69-payment-done{background:#eaf8f0;color:#246f4a}.sf-v54 .sf69-payment-wait b,.sf-v54 .sf69-payment-locked b,.sf-v54 .sf69-payment-done b{font-size:13px}.sf-v54 .sf69-payment-wait span,.sf-v54 .sf69-payment-locked span,.sf-v54 .sf69-payment-done span{font-size:11px;line-height:1.8}

.sf-v54 .sf69-invoice-page{max-width:1120px;padding-top:16px;padding-bottom:80px}.sf-v54 .sf69-invoice-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px}.sf-v54 .sf69-invoice-sheet{border:1px solid #cfd6de;border-radius:7px;background:#fff;padding:18px;box-shadow:0 12px 32px rgba(22,37,57,.08)}.sf-v54 .sf69-invoice-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:13px;border-bottom:2px solid #34495e}.sf-v54 .sf69-seller-mark{display:flex;align-items:center;gap:10px}.sf-v54 .sf69-seller-mark img{width:58px;height:58px;object-fit:contain}.sf-v54 .sf69-seller-mark h1{margin:0;color:#111;font-size:20px}.sf-v54 .sf69-seller-mark span{display:block;margin-top:4px;color:#66727f;font-size:10px}.sf-v54 .sf69-invoice-doc{display:grid;justify-items:end;gap:4px}.sf-v54 .sf69-invoice-doc b{font-size:18px;color:#111}.sf-v54 .sf69-invoice-doc span{font-size:10px;color:#4b5662}.sf-v54 .sf69-seller-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:10px 0}.sf-v54 .sf69-seller-info>div,.sf-v54 .sf69-buyer-box span{display:grid;gap:3px;padding:8px 9px;border:1px solid #d5dce4;border-radius:5px}.sf-v54 .sf69-seller-info .is-wide,.sf-v54 .sf69-buyer-box .is-wide{grid-column:1/-1}.sf-v54 .sf69-seller-info small,.sf-v54 .sf69-buyer-box small{color:#6e7781;font-size:9px}.sf-v54 .sf69-seller-info b,.sf-v54 .sf69-buyer-box b{color:#15191d;font-size:10px}.sf-v54 .sf69-buyer-box{border:2px solid #323a43;border-radius:5px;padding:9px;margin-bottom:9px}.sf-v54 .sf69-buyer-box>strong{display:block;margin-bottom:7px;color:#222;font-size:12px}.sf-v54 .sf69-buyer-box>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sf-v54 .sf69-invoice-table-wrap{overflow:auto}.sf-v54 .sf69-invoice-table{width:100%;min-width:850px;border-collapse:collapse;color:#111;font-size:9px}.sf-v54 .sf69-invoice-table th,.sf-v54 .sf69-invoice-table td{border:1px solid #2f353b;padding:7px 6px;text-align:center;vertical-align:middle}.sf-v54 .sf69-invoice-table th{background:#f0f2f4;font-size:9px}.sf-v54 .sf69-invoice-table td:nth-child(2){text-align:right}.sf-v54 .sf69-invoice-table td b{font-size:10px}.sf-v54 .sf69-invoice-table td small{display:block;margin-top:2px;color:#59636d;font-size:8px}.sf-v54 .sf69-invoice-bottom{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:8px;margin-top:8px}.sf-v54 .sf69-invoice-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sf-v54 .sf69-invoice-notes>div{padding:8px;border:1px solid #d5dbe2;border-radius:5px}.sf-v54 .sf69-invoice-notes small{display:block;color:#69737e;font-size:8px}.sf-v54 .sf69-invoice-notes b{display:block;margin-top:3px;color:#222;font-size:9px}.sf-v54 .sf69-invoice-totals{border:1px solid #2f353b}.sf-v54 .sf69-invoice-totals>div{display:flex;justify-content:space-between;gap:10px;padding:7px 9px;border-bottom:1px solid #d2d7dc;font-size:9px}.sf-v54 .sf69-invoice-totals>div:last-child{border-bottom:0}.sf-v54 .sf69-invoice-totals .is-total{background:#eef1f3;font-size:11px;font-weight:900}.sf-v54 .sf69-invoice-totals .is-paid{color:#17794c}.sf-v54 .sf69-invoice-totals .is-balance{color:#a13e3e}.sf-v54 .sf69-invoice-payments{margin-top:8px;padding:8px;border:1px solid #d5dbe2;border-radius:5px}.sf-v54 .sf69-invoice-payments>b{display:block;margin-bottom:5px;font-size:10px}.sf-v54 .sf69-invoice-payments>div{display:flex;flex-wrap:wrap;gap:5px}.sf-v54 .sf69-invoice-payments span{padding:5px 7px;border-radius:4px;background:#f4f6f8;font-size:8px}.sf-v54 .sf69-invoice-signatures{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;padding-top:10px;border-top:1px solid #333}.sf-v54 .sf69-invoice-signatures div{min-height:58px;text-align:center;font-size:9px;color:#4f5964}
@media(max-width:720px){
 .sf-v54 .sf69-order-page{padding-bottom:100px}.sf-v54 .sf69-order-journey{grid-template-columns:auto 12px auto 12px auto 12px auto;gap:3px;padding:8px 7px}.sf-v54 .sf69-order-journey>div{display:grid;justify-items:center;gap:3px;text-align:center}.sf-v54 .sf69-order-journey i{width:28px;height:28px;flex-basis:28px}.sf-v54 .sf69-order-journey b{font-size:9.5px}.sf-v54 .sf69-order-journey small{display:none}.sf-v54 .sf69-order-journey em{width:12px}.sf-v54 .sf69-order-head{padding:11px 12px}.sf-v54 .sf69-order-title h1{font-size:16px}.sf-v54 .sf69-order-money b{font-size:14px}.sf-v54 .sf69-order-money small,.sf-v54 .sf69-order-money span{font-size:9px}.sf-v54 .sf69-status-summary{grid-template-columns:34px 1fr;padding:9px 10px}.sf-v54 .sf69-status-summary>i{width:34px;height:34px}.sf-v54 .sf69-status-summary b{font-size:12px}.sf-v54 .sf69-status-summary span{font-size:10.5px;line-height:1.7}.sf-v54 .sf69-invoice-actions{grid-template-columns:1fr 1fr}.sf-v54 .sf69-invoice-actions a{font-size:10px;padding-inline:7px}.sf-v54 .sf69-delivery-grid{grid-template-columns:1fr;padding:10px}.sf-v54 .sf69-delivery-card>header,.sf-v54 .sf69-order-items-card>header,.sf-v54 .sf69-payments-history>header,.sf-v54 .sf69-payment-section>header{padding:10px 11px}.sf-v54 .sf69-order-items article{grid-template-columns:1fr;gap:7px;padding:10px 11px}.sf-v54 .sf69-item-facts{grid-template-columns:repeat(3,1fr);width:100%}.sf-v54 .sf69-item-facts span{min-width:0;padding:6px 5px}.sf-v54 .sf69-item-facts b{font-size:10.5px}.sf-v54 .sf69-payment-row{grid-template-columns:1fr auto;gap:7px}.sf-v54 .sf69-payment-row>span{grid-column:2}.sf-v54 .sf69-payment-form{grid-template-columns:1fr;padding:0 10px}.sf-v54 .sf69-payment-submit{grid-column:1}.sf-v54 .sf69-payment-section>form,.sf-v54 .sf69-payment-section>.sf-payment-divider,.sf-v54 .sf69-payment-section>.sf-payment-destination{margin-left:10px;margin-right:10px}
 .sf-v54 .sf69-invoice-page{padding-top:10px;padding-bottom:90px}.sf-v54 .sf69-invoice-actions{display:grid;grid-template-columns:1fr 1fr}.sf-v54 .sf69-invoice-sheet{padding:10px;border-radius:6px}.sf-v54 .sf69-invoice-header{gap:10px}.sf-v54 .sf69-seller-mark h1{font-size:15px}.sf-v54 .sf69-invoice-doc b{font-size:14px}.sf-v54 .sf69-seller-info{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-v54 .sf69-buyer-box>div{grid-template-columns:1fr 1fr}.sf-v54 .sf69-invoice-bottom{grid-template-columns:1fr}.sf-v54 .sf69-invoice-notes{grid-template-columns:1fr 1fr}
}
@media print{
 @page{size:A4 landscape;margin:8mm}
 body.sf-body{background:#fff!important}.sf-header,.sf-bottom-nav,.sf-help-fab,.sf66-footer,.no-print,.sf-skip-link{display:none!important}.sf-main{padding:0!important;margin:0!important}.sf-v54 .sf69-invoice-page{max-width:none!important;padding:0!important;margin:0!important}.sf-v54 .sf69-invoice-sheet{border:0!important;box-shadow:none!important;padding:0!important}.sf-v54 .sf69-invoice-table-wrap{overflow:visible!important}.sf-v54 .sf69-invoice-table{min-width:0!important;font-size:8.5pt}.sf-v54 .sf69-invoice-table th,.sf-v54 .sf69-invoice-table td{padding:4px 5px}.sf-v54 .sf69-invoice-signatures{break-inside:avoid}.sf-v54 .sf69-invoice-bottom{break-inside:avoid}
}
/* Phase 66.9 — financial trust/readability */
.sf-v54 .sf69-finance-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.sf-v54 .sf69-finance-strip>div{display:grid;gap:4px;padding:10px 11px;border:1px solid #e0e8f2;border-radius:14px;background:#fff}.sf-v54 .sf69-finance-strip small{color:#77889d;font-size:10px}.sf-v54 .sf69-finance-strip b{color:#223b58;font-size:13px;white-space:nowrap}.sf-v54 .sf69-pending-trust-note{display:grid;gap:4px;margin:8px 0 10px;padding:10px 12px;border:1px solid #f1d795;border-radius:14px;background:#fff8e8;color:#6d5318}.sf-v54 .sf69-pending-trust-note b{font-size:12px}.sf-v54 .sf69-pending-trust-note span{font-size:10.5px;line-height:1.8}.sf-v54 .sf69-payment-review-help{margin:8px 0;padding:9px 10px;border-radius:12px;background:#eef5ff;color:#365d8f;font-size:11px;font-weight:800;line-height:1.8}
.sf-v54 .sf69-invoice-financial-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.sf-v54 .sf69-invoice-financial-trust>div{display:grid;gap:4px;padding:10px;border:1px solid #dce4ed;border-radius:10px;background:#fafcff}.sf-v54 .sf69-invoice-financial-trust small{color:#68798c;font-size:10px}.sf-v54 .sf69-invoice-financial-trust b{color:#203750;font-size:12px}.sf-v54 .sf69-invoice-pending-note{display:grid;gap:4px;margin:0 0 12px;padding:9px 11px;border:1px solid #edd08e;border-radius:10px;background:#fff9e9}.sf-v54 .sf69-invoice-pending-note b{font-size:11px;color:#6d5115}.sf-v54 .sf69-invoice-pending-note span{font-size:10px;line-height:1.8;color:#7d682f}
@media(max-width:720px){.sf-v54 .sf69-finance-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sf-v54 .sf69-finance-strip>div{padding:8px 9px}.sf-v54 .sf69-finance-strip b{font-size:12px}.sf-v54 .sf69-invoice-financial-trust{grid-template-columns:1fr 1fr}.sf-v54 .sf69-invoice-financial-trust>div:last-child{grid-column:1/-1}}
@media print{.sf-v54 .sf69-invoice-financial-trust>div,.sf-v54 .sf69-invoice-pending-note{break-inside:avoid}}
.sf-v54 .sf69-payment-amount-hint{display:block;margin-top:5px;color:#6b7f95;font-size:10px;font-style:normal;line-height:1.7}.sf-v54 .sf69-payment-amount-hint span{color:#244e7d;font-weight:900}


/* Source: storefront-v75.css */
/* Royan Phase 75 - order tracking/payment: compact mobile-first */
.sf75-order-page{display:grid;gap:10px;padding-top:12px!important;padding-bottom:26px}.sf75-journey{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:5px;padding:7px 10px;border:1px solid #e4ebf5;border-radius:15px;background:#fff}.sf75-journey>div{display:flex;align-items:center;gap:5px;color:#9aa8bc}.sf75-journey i{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#eef2f7;font-style:normal;font-size:9px;font-weight:900}.sf75-journey span{font-size:9px;font-weight:900;white-space:nowrap}.sf75-journey em{height:2px;border-radius:4px;background:#edf1f6}.sf75-journey .is-done{color:#087f5b}.sf75-journey div.is-done i{background:#dcfce7;color:#047857}.sf75-journey em.is-done{background:#86efac}.sf75-journey .is-current{color:#145bff}.sf75-journey .is-current i{background:#e7efff;color:#145bff}
.sf75-order-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid #e4ebf5;border-radius:18px;background:#fff}.sf75-order-identity{min-width:0}.sf75-status{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900}.sf75-status.is-warning{background:#fff7ed;color:#c2410c}.sf75-status.is-info{background:#eff6ff;color:#1d4ed8}.sf75-status.is-success{background:#ecfdf5;color:#047857}.sf75-status.is-danger{background:#fff1f2;color:#be123c}.sf75-order-identity h1{margin:5px 0 0;font-size:18px;color:#10213c}.sf75-order-identity small{font-size:9px;color:#91a0b6}.sf75-order-amount{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:end;min-width:155px;padding:8px 11px;border-radius:13px;background:#071936;text-align:left;color:#fff}.sf75-order-amount small{grid-column:1/3;font-size:8px;color:#adc0db}.sf75-order-amount b{font-size:20px;color:#b9f557}.sf75-order-amount span{padding-right:4px;font-size:8px;color:#dbe6f6}.sf75-status-note{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:13px}.sf75-status-note b{font-size:10px;white-space:nowrap}.sf75-status-note span{font-size:9px;line-height:1.6}.sf75-status-note.is-warning{background:#fff7ed;color:#9a3412}.sf75-status-note.is-info{background:#eff6ff;color:#1e40af}.sf75-status-note.is-success{background:#ecfdf5;color:#065f46}.sf75-status-note.is-danger{background:#fff1f2;color:#9f1239}
.sf75-next-step{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #a7f3d0;border-radius:16px;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.sf75-next-step small{display:block;font-size:8px;color:#059669}.sf75-next-step b{display:block;margin-top:1px;font-size:12px;color:#064e3b}.sf75-next-step span{display:block;margin-top:2px;font-size:8px;color:#047857}.sf75-invoice-buttons{display:flex;gap:5px;flex-shrink:0}.sf75-invoice-buttons .sf-primary-btn,.sf75-invoice-buttons .sf-secondary-btn{min-height:34px;padding:0 11px;font-size:9px}
.sf75-finance{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sf75-finance>div{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:center;padding:7px;border:1px solid #e5ebf4;border-radius:12px;background:#fff;text-align:center}.sf75-finance small{grid-column:1/3;font-size:8px;color:#8292aa}.sf75-finance b{font-size:12px;color:#10213c}.sf75-finance span{font-size:7px;color:#9aa8bc}.sf75-strong-warning{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #fed7aa;border-radius:12px;background:#fffbeb;color:#9a3412}.sf75-strong-warning b{font-size:9px}.sf75-strong-warning span{font-size:8px}.sf75-payment-jump{display:flex;align-items:center;justify-content:space-between;padding:8px 11px;border-radius:13px;background:#145bff;color:#fff}.sf75-payment-jump b{display:block;font-size:10px}.sf75-payment-jump small{display:block;font-size:8px;color:#dce8ff}.sf75-payment-jump i{font-style:normal;font-size:16px}
.sf75-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sf75-card{border:1px solid #e4ebf5;border-radius:17px;background:#fff;padding:11px}.sf75-card>header,.sf75-payment-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:8px}.sf75-card>header b,.sf75-payment-head b{display:block;font-size:11px;color:#10213c}.sf75-card>header small,.sf75-payment-head small{display:block;margin-top:1px;font-size:8px;color:#8b9ab0}.sf75-card>header>span{flex-shrink:0;border-radius:8px;background:#f1f5f9;padding:4px 7px;font-size:8px;font-weight:900;color:#52657f}.sf75-card>header strong,.sf75-payment-head strong{font-size:11px;color:#145bff;white-space:nowrap}.sf75-delivery-rows{display:grid;grid-template-columns:1.35fr .9fr .9fr;gap:5px}.sf75-delivery-rows>div{min-width:0;padding:6px 7px;border-radius:9px;background:#f8fafc}.sf75-delivery-rows small{display:block;font-size:7px;color:#94a3b8}.sf75-delivery-rows b{display:block;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#334155}.sf75-delivery-rows span,.sf75-delivery-rows a{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;color:#64748b}.sf75-delivery-rows a,.sf75-waybill{font-weight:900;color:#145bff}.sf75-waybill{display:inline-flex;margin-top:6px;font-size:8px}.sf75-items{display:grid;gap:3px}.sf75-items article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px 6px;border-radius:9px;background:#f8fafc}.sf75-items article>div{min-width:0}.sf75-items article>div b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:#233755}.sf75-items article>div span{display:block;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;color:#91a0b6}.sf75-items p{display:flex;align-items:baseline;gap:7px;margin:0;white-space:nowrap}.sf75-items p strong{font-size:8px;color:#64748b}.sf75-items p b{font-size:9px;color:#10213c}
.sf75-payments-history>div{display:grid;gap:4px}.sf75-payments-history article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:5px 6px;border-radius:9px;background:#f8fafc}.sf75-payments-history article>div{min-width:0}.sf75-payments-history article>div b{display:block;font-size:8px;color:#334155}.sf75-payments-history article>div small{display:block;font-size:7px;color:#94a3b8}.sf75-payments-history article>strong{font-size:9px;color:#10213c;white-space:nowrap}.sf75-payments-history article>span{border-radius:999px;padding:3px 6px;font-size:7px;font-weight:900;white-space:nowrap}.sf75-payments-history .is-ok{background:#dcfce7;color:#047857}.sf75-payments-history .is-wait{background:#fff7ed;color:#c2410c}.sf75-payments-history .is-no{background:#fff1f2;color:#be123c}
.sf75-payment-section{scroll-margin-top:75px}.sf75-payment-head{padding-bottom:7px;border-bottom:1px solid #edf1f6}.sf75-online-pay{width:100%;margin-bottom:5px;min-height:37px}.sf75-destination{display:grid;grid-template-columns:auto 1fr;gap:1px 8px;margin:5px 0 7px;padding:7px 9px;border-radius:10px;background:#f8fafc}.sf75-destination small{grid-row:1/3;align-self:center;font-size:7px;color:#94a3b8}.sf75-destination b{font-size:11px;text-align:left}.sf75-destination span{font-size:7px;color:#64748b}.sf75-payment-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sf75-field{display:grid;align-content:start;gap:3px;min-width:0}.sf75-field>span{font-size:8px;font-weight:900;color:#4b5f7b}.sf75-field em{font-style:normal;font-weight:500;color:#94a3b8}.sf75-field input,.sf75-field select,.sf75-readonly-money{width:100%;height:36px;border:1px solid #dfe7f2;border-radius:9px;background:#fff;padding:0 8px;outline:none;font-size:10px;color:#24364f}.sf75-field input:focus,.sf75-field select:focus{border-color:#6ea0ff;box-shadow:0 0 0 2px #e6efff}.sf75-field input[readonly]{background:#f8fafc;cursor:pointer}.sf75-field>small{font-size:7px;line-height:1.6;color:#8b9ab0}.sf75-field.is-readonly{position:relative}.sf75-readonly-money{display:flex;align-items:center;justify-content:flex-start;background:#f8fafc;text-align:left;font-weight:900;color:#10213c}.sf75-ltr-input{direction:ltr!important;text-align:left!important}.sf75-receipt-field{grid-column:span 2}.sf75-receipt-field input[type=file]{height:auto;min-height:39px;padding:6px;font-size:8px}.sf75-receipt-field [data-sf75-file-summary]{min-height:0;font-size:7px;font-weight:800;color:#145bff}.sf75-review-warning{grid-column:span 2;display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:9px;background:#fff7ed;color:#9a3412}.sf75-review-warning b{font-size:8px}.sf75-review-warning span{font-size:7px}.sf75-payment-submit{align-self:end;min-height:39px}.sf75-wait-box,.sf75-done-box{display:grid;gap:2px;padding:10px;border-radius:11px}.sf75-wait-box{background:#fff7ed;color:#9a3412}.sf75-done-box{background:#ecfdf5;color:#065f46}.sf75-wait-box b,.sf75-done-box b{font-size:10px}.sf75-wait-box span,.sf75-done-box span{font-size:8px;line-height:1.6}
.bd-main{z-index:10050!important;border:1px solid #d8e1ef!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 14px 35px rgba(15,35,68,.16)!important}.bd-table thead,.bd-goto-today{background:#145bff!important}.bd-table-days button{border-radius:5px!important}
@media(max-width:820px){.sf75-info-grid{grid-template-columns:1fr}.sf75-payment-form{grid-template-columns:1fr 1fr}.sf75-receipt-field{grid-column:1/3}.sf75-review-warning{grid-column:1/2}.sf75-payment-submit{grid-column:2/3}.sf75-delivery-rows{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.sf75-order-page{gap:6px;padding-top:8px!important;padding-bottom:86px}.sf75-journey{gap:3px;padding:5px 6px;border-radius:11px}.sf75-journey i{width:17px;height:17px;font-size:7px}.sf75-journey span{font-size:7px}.sf75-order-hero{gap:6px;padding:7px 8px;border-radius:12px}.sf75-status{padding:3px 5px;font-size:6px}.sf75-order-identity h1{margin-top:3px;font-size:12px}.sf75-order-identity small{font-size:7px}.sf75-order-amount{min-width:108px;padding:6px 7px;border-radius:9px}.sf75-order-amount small{font-size:6px}.sf75-order-amount b{font-size:14px}.sf75-order-amount span{font-size:6px}.sf75-status-note{gap:4px;padding:6px 7px;border-radius:9px}.sf75-status-note b{font-size:8px}.sf75-status-note span{font-size:7px;line-height:1.45}.sf75-next-step{gap:6px;padding:7px 8px;border-radius:11px}.sf75-next-step small{font-size:6px}.sf75-next-step b{font-size:9px}.sf75-next-step span{font-size:6px}.sf75-invoice-buttons{display:grid;gap:3px}.sf75-invoice-buttons .sf-primary-btn,.sf75-invoice-buttons .sf-secondary-btn{min-height:28px;padding:0 7px;font-size:7px}.sf75-finance{gap:3px}.sf75-finance>div{padding:5px 3px;border-radius:9px}.sf75-finance small{font-size:6px}.sf75-finance b{font-size:9px}.sf75-finance span{font-size:5px}.sf75-strong-warning{gap:4px;padding:5px 7px;border-radius:9px}.sf75-strong-warning b{font-size:7px}.sf75-strong-warning span{font-size:6px}.sf75-payment-jump{padding:6px 8px;border-radius:9px}.sf75-payment-jump b{font-size:8px}.sf75-payment-jump small{font-size:6px}.sf75-card{padding:7px;border-radius:11px}.sf75-card>header,.sf75-payment-head{margin-bottom:5px}.sf75-card>header b,.sf75-payment-head b{font-size:9px}.sf75-card>header small,.sf75-payment-head small{font-size:6px}.sf75-card>header>span{padding:3px 5px;font-size:6px}.sf75-card>header strong,.sf75-payment-head strong{font-size:8px}.sf75-delivery-rows{gap:3px}.sf75-delivery-rows>div{padding:4px 5px;border-radius:7px}.sf75-delivery-rows small{font-size:5px}.sf75-delivery-rows b{font-size:7px}.sf75-delivery-rows span,.sf75-delivery-rows a{font-size:6px}.sf75-items{gap:2px}.sf75-items article{padding:4px 5px;border-radius:7px}.sf75-items article>div b{font-size:7px}.sf75-items article>div span{font-size:6px}.sf75-items p{gap:4px}.sf75-items p strong{font-size:6px}.sf75-items p b{font-size:7px}.sf75-payments-history article{gap:4px;padding:4px 5px;border-radius:7px}.sf75-payments-history article>div b,.sf75-payments-history article>strong{font-size:7px}.sf75-payments-history article>div small{font-size:6px}.sf75-payments-history article>span{padding:2px 4px;font-size:5px}.sf75-payment-head{padding-bottom:5px}.sf75-destination{margin:3px 0 5px;padding:5px 6px;border-radius:8px}.sf75-destination small,.sf75-destination span{font-size:6px}.sf75-destination b{font-size:9px}.sf75-payment-form{gap:4px}.sf75-field{gap:2px}.sf75-field>span{font-size:7px}.sf75-field input,.sf75-field select,.sf75-readonly-money{height:32px;border-radius:8px;padding:0 6px;font-size:9px}.sf75-field>small{font-size:6px}.sf75-receipt-field input[type=file]{min-height:35px;padding:4px;font-size:7px}.sf75-review-warning{padding:5px 6px}.sf75-review-warning b{font-size:7px}.sf75-review-warning span{font-size:6px}.sf75-payment-submit{min-height:34px;font-size:8px}.sf75-wait-box,.sf75-done-box{padding:7px;border-radius:9px}.sf75-wait-box b,.sf75-done-box b{font-size:8px}.sf75-wait-box span,.sf75-done-box span{font-size:7px}}
@media(max-width:430px){.sf75-journey span{font-size:6px}.sf75-delivery-rows{grid-template-columns:1fr 1fr}.sf75-delivery-rows>div:first-child{grid-column:1/3}.sf75-payment-form{grid-template-columns:1fr 1fr}.sf75-field.is-readonly{grid-column:1/3}.sf75-receipt-field{grid-column:1/3}.sf75-review-warning{grid-column:1/3}.sf75-payment-submit{grid-column:1/3}.sf75-status-note{display:grid}.sf75-next-step{align-items:stretch}.sf75-next-step>div:first-child{min-width:0}}
/* Mobile readability pass: preserve density while keeping labels legible. */
@media(max-width:720px){
 .sf75-journey span{font-size:8px}.sf75-journey i{font-size:8px}.sf75-status{font-size:7px}.sf75-order-identity small{font-size:8px}.sf75-order-amount small,.sf75-order-amount span{font-size:7px}
 .sf75-status-note b{font-size:9px}.sf75-status-note span{font-size:8px}.sf75-next-step small{font-size:7px}.sf75-next-step b{font-size:10px}.sf75-next-step span{font-size:8px}.sf75-invoice-buttons .sf-primary-btn,.sf75-invoice-buttons .sf-secondary-btn{font-size:8px}
 .sf75-finance small{font-size:7px}.sf75-finance b{font-size:10px}.sf75-finance span{font-size:6px}.sf75-strong-warning b{font-size:9px}.sf75-strong-warning span{font-size:8px}.sf75-payment-jump b{font-size:9px}.sf75-payment-jump small{font-size:8px}
 .sf75-card>header b,.sf75-payment-head b{font-size:10px}.sf75-card>header small,.sf75-payment-head small{font-size:8px}.sf75-card>header>span{font-size:7px}.sf75-card>header strong,.sf75-payment-head strong{font-size:9px}
 .sf75-delivery-rows small{font-size:7px}.sf75-delivery-rows b{font-size:9px}.sf75-delivery-rows span,.sf75-delivery-rows a{font-size:8px}.sf75-items article>div b{font-size:9px}.sf75-items article>div span{font-size:8px}.sf75-items p strong{font-size:8px}.sf75-items p b{font-size:9px}
 .sf75-payments-history article>div b,.sf75-payments-history article>strong{font-size:9px}.sf75-payments-history article>div small{font-size:8px}.sf75-payments-history article>span{font-size:7px}
 .sf75-destination small,.sf75-destination span{font-size:8px}.sf75-destination b{font-size:10px}.sf75-field>span{font-size:8px}.sf75-field input,.sf75-field select,.sf75-readonly-money{font-size:10px}.sf75-field>small{font-size:7px}.sf75-receipt-field input[type=file]{font-size:8px}.sf75-review-warning b{font-size:9px}.sf75-review-warning span{font-size:8px}.sf75-payment-submit{font-size:9px}.sf75-wait-box b,.sf75-done-box b{font-size:9px}.sf75-wait-box span,.sf75-done-box span{font-size:8px}
}
@media(max-width:430px){.sf75-journey span{font-size:7px}}


/* Source: storefront-phase94.css */
.sf94-freight-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.sf94-freight-card{display:grid;gap:3px;min-width:0;padding:10px 11px;border:1px solid;border-radius:13px}.sf94-freight-card small{font-size:10px;font-weight:900}.sf94-freight-card b{font-size:12px;font-weight:950;line-height:1.55}.sf94-freight-card span{font-size:10.5px;line-height:1.7}.sf94-freight-card.is-local{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.sf94-freight-card.is-intercity{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.sf94-invoice-freight{margin:10px 0}.sf94-image-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;color:#0f172a;font-size:11px;font-weight:900}.sf94-image-btn:disabled{opacity:.55}.sf69-invoice-actions{gap:7px;flex-wrap:wrap}
@media(max-width:700px){.sf94-freight-grid{grid-template-columns:1fr;gap:6px}.sf94-freight-card{padding:9px 10px}.sf94-freight-card small{font-size:10.5px}.sf94-freight-card b{font-size:12.5px}.sf94-freight-card span{font-size:11px}.sf94-image-btn{flex:1 1 100%;min-height:42px;font-size:11.5px}}
@media print{.sf94-image-btn{display:none!important}.sf94-freight-card{-webkit-print-color-adjust:exact;print-color-adjust:exact}}


/* Source: storefront-phase95.css */
/* Royan Phase 95 - retention UX */
.p95-stories{margin:0 0 10px;padding:8px 0 2px;overflow:hidden}.p95-story-strip{display:flex;gap:10px;overflow-x:auto;padding:1px 2px 5px;scrollbar-width:none}.p95-story-strip::-webkit-scrollbar{display:none}.p95-story-bubble{flex:0 0 72px;border:0;background:transparent;padding:0;display:grid;gap:4px;justify-items:center;color:#172033;cursor:pointer}.p95-story-ring{width:60px;height:60px;padding:2px;border-radius:50%;background:linear-gradient(135deg,#f97316,#e11d48,#7c3aed)}.p95-story-thumb{display:block;width:100%;height:100%;border:2px solid #fff;border-radius:50%;overflow:hidden;background:#eef2f7}.p95-story-thumb img,.p95-story-thumb video{width:100%;height:100%;object-fit:cover}.p95-story-label{width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:10px;font-weight:900}.p95-story-viewer{position:fixed;z-index:500;inset:0;background:#05070c;color:#fff}.p95-story-viewer[hidden]{display:none}.p95-story-progress{position:absolute;z-index:4;top:max(10px,env(safe-area-inset-top));right:10px;left:10px;height:3px;border-radius:99px;background:rgba(255,255,255,.28);overflow:hidden}.p95-story-progress:after{content:'';display:block;height:100%;width:var(--story-progress,0%);background:#fff;transition:none}.p95-story-close{position:absolute;z-index:6;top:calc(max(10px,env(safe-area-inset-top)) + 11px);left:12px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(0,0,0,.42);color:#fff;font-size:27px;line-height:1}.p95-story-nav{position:absolute;z-index:3;top:60px;bottom:120px;width:34%;border:0;background:transparent}.p95-story-nav.prev{right:0}.p95-story-nav.next{left:0}.p95-story-slide{position:absolute;inset:0}.p95-story-media{position:absolute;inset:0;display:grid;place-items:center}.p95-story-media img,.p95-story-media video{width:100%;height:100%;object-fit:contain;background:#05070c}.p95-story-overlay{position:absolute;z-index:5;right:0;left:0;bottom:0;padding:70px 18px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(2,6,14,.88));pointer-events:none}.p95-story-overlay h3{margin:6px 0 12px;font-size:21px;font-weight:950;line-height:1.45}.p95-story-badge{display:inline-flex;padding:5px 9px;border-radius:99px;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);font-size:11px;font-weight:900}.p95-story-cta,.p95-story-cta-form{pointer-events:auto}.p95-story-cta{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;border:0;border-radius:14px;background:#fff;color:#101828;font-size:13px;font-weight:950;text-decoration:none}.p95-story-cta-form{margin:0}.p95-unavailable-color-item{display:grid;gap:5px;align-content:start;min-width:132px}.p95-unavailable-color-item>.sf-color-card{width:100%!important}.p95-unavailable-series-alerts{display:grid;gap:4px}.p95-unavailable-series-alerts .p95-stock-alert{margin:0;min-height:30px;padding:4px 6px;font-size:9.5px}
.p95-stock-alert{width:100%;margin-top:5px;min-height:34px;border:1px solid #fed7aa;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:10.5px;font-weight:950;cursor:pointer}.p95-stock-alert.is-done{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.p95-carrier-picker{display:grid;gap:6px}.p95-carrier-select{width:100%;min-height:46px;border:1px solid #dfe5ee;border-radius:12px;background:#fff;padding:0 10px;font-size:14px}.p95-carrier-hint{font-size:10.5px;color:#718096}.p95-credit-card{margin:9px 0;padding:11px;border:1px solid #d9e4f2;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#eef6ff)}.p95-credit-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.p95-credit-head b{font-size:12.5px}.p95-credit-head span{font-size:11px;font-weight:950;color:#155eef}.p95-credit-track{height:8px;margin:8px 0 6px;border-radius:99px;background:#dfe8f3;overflow:hidden}.p95-credit-track i{display:block;height:100%;width:var(--credit-used,0%);background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:99px}.p95-credit-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.p95-credit-meta span{font-size:9.5px;color:#65758b}.p95-credit-meta b{display:block;margin-top:1px;font-size:11px;color:#1d2939}.p95-settlement-options{display:grid;gap:6px;margin-top:10px}.p95-settlement-option{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid #dde5ef;border-radius:12px;background:#fff;cursor:pointer}.p95-settlement-option input{margin-top:3px}.p95-settlement-option b,.p95-settlement-option small{display:block}.p95-settlement-option b{font-size:12px}.p95-settlement-option small{margin-top:2px;font-size:10.5px;color:#66758a}.p95-settlement-option.is-credit{border-color:#bfdbfe;background:#eff6ff}.p95-carrier-flag{margin-bottom:8px;padding:9px 12px;border:2px solid #ef4444;border-radius:11px;background:#fff1f2;color:#991b1b;font-size:14px;font-weight:950;text-align:center}
@media(min-width:768px){.p95-stories{padding-top:10px}.p95-story-viewer{inset:20px calc(50% - 230px);border-radius:22px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.45)}.p95-story-bubble{flex-basis:80px}.p95-story-ring{width:66px;height:66px}.p95-story-label{width:80px;font-size:11px}}


/* Source: storefront-phase96.css */
/* Royan Phase 96 — mobile ordering pipeline */
.p96-catalog-filter-trigger,.p96-filter-backdrop,.p96-filter-sheet-head{display:none}
.p96-selected-color{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0;padding:8px 10px;border:1px solid #dbe6f2;border-radius:12px;background:#f8fbff}.p96-selected-color small{color:#73849a;font-size:11px}.p96-selected-color b{font-size:13px;color:#17375e}.p96-color-theme-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:none;padding:2px}.p96-color-theme-tabs::-webkit-scrollbar{display:none}.p96-color-theme-tabs button{flex:0 0 auto;min-height:38px;padding:0 12px;border:1px solid #dde5ef;border-radius:11px;background:#fff;color:#53657b;font:inherit;font-size:12px;font-weight:900}.p96-color-theme-tabs button.is-active{background:#0d315d;color:#fff;border-color:#0d315d}.p96-color-status-tabs{margin-top:5px}
.p96-bank-card{overflow:hidden;position:relative;background:linear-gradient(135deg,#102c51,#1a4f82)!important;color:#fff!important;border:0!important;padding:15px!important}.p96-bank-card:after{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(255,255,255,.12);border-radius:50%;left:-65px;top:-75px}.p96-bank-card-head{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.p96-bank-card-head small,.p96-bank-card-head span,.p96-card-holder,.p96-copy-feedback{color:rgba(255,255,255,.84)!important}.p96-bank-number{position:relative;z-index:1;margin:14px 0 10px!important}.p96-bank-number b{color:#fff!important;font-size:19px!important;letter-spacing:1.2px}.p96-bank-number button{min-height:44px!important;background:#fff!important;color:#17466f!important;border:0!important}.p96-copy-feedback{display:block;min-height:22px;margin-top:7px!important;font-weight:900}.p96-copy-feedback.is-ok{padding:5px 8px;border-radius:8px;background:rgba(34,197,94,.22);color:#d9ffe5!important}
.p96-receipt-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}.p96-receipt-preview figure{margin:0;position:relative;aspect-ratio:1;border:1px solid #dbe4ef;border-radius:12px;overflow:hidden;background:#f3f6fa}.p96-receipt-preview img{width:100%;height:100%;object-fit:cover}.p96-receipt-preview figcaption{position:absolute;right:4px;left:4px;bottom:4px;padding:3px 5px;border-radius:6px;background:rgba(15,23,42,.75);color:#fff;font-size:9px;text-align:center}.p96-last4-field.is-highlighted{padding:8px;border:1.5px solid #34a56f;border-radius:12px;background:#f0fdf5}
.p96-checkout-memory{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 9px;padding:10px 12px;border:1px solid #cfe0f3;border-radius:14px;background:#f4f9ff}.p96-checkout-memory div{display:grid;gap:2px}.p96-checkout-memory b{font-size:12px;color:#17375e}.p96-checkout-memory span{font-size:10.5px;color:#697b90;line-height:1.7}.p96-checkout-memory button{flex:0 0 auto;min-height:40px;padding:0 10px;border:0;border-radius:10px;background:#173e69;color:#fff;font:inherit;font-size:11px;font-weight:900}.p96-checkout-memory.is-confirmed{border-color:#bbebce;background:#f0fdf4}.p96-freight-clarity{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 10px}.p96-freight-clarity>div{display:grid;gap:2px;padding:9px 10px;border:1px solid;border-radius:13px}.p96-freight-clarity small{font-size:9.5px}.p96-freight-clarity b{font-size:11.5px}.p96-freight-clarity span{font-size:10px;line-height:1.55}.p96-freight-clarity .is-local{background:#eff8ff;border-color:#b8d9f7;color:#195b92}.p96-freight-clarity .is-intercity{background:#fff7e8;border-color:#f0cc8b;color:#8a5914}
[data-p96-lazy-image]{opacity:0;transition:opacity .22s ease}[data-p96-lazy-image].is-loaded{opacity:1}.p96-image-loading{position:relative;overflow:hidden;background:linear-gradient(90deg,#edf1f5 25%,#f7f9fb 40%,#edf1f5 60%);background-size:260% 100%;animation:p96Skeleton 1.1s linear infinite}.p96-image-loading:after{content:"";position:absolute;inset:0;pointer-events:none}.p96-image-loading:has(>[data-p96-lazy-image].is-loaded),.p96-image-loading.is-loaded{animation:none;background:none}@keyframes p96Skeleton{to{background-position:-160% 0}}
@media(max-width:767px){
 .sfm-color-toolbar-v62{display:grid!important;gap:7px!important}.p96-color-theme-tabs button,.sfm-filter-chips .sf-chip,.sfm-color-search input{font-size:16px!important}.sfm-color-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.sfm-color-card{min-width:0!important;border-radius:12px!important}.sfm-color-card-media{aspect-ratio:1/1!important;min-height:0!important}.sfm-color-card-body{padding:5px!important}.sfm-color-title{display:block!important}.sfm-color-title b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px!important}.sfm-color-title small,.sfm-color-meta,.sfm-color-footer{display:none!important}.sfm-color-badge{right:3px!important;left:3px!important;bottom:3px!important;width:auto!important;min-height:22px!important;padding:2px 3px!important;font-size:8px!important;white-space:normal!important;line-height:1.2!important;text-align:center}.sfm-color-card-fallback b{font-size:9px!important}
 .p96-catalog-filter-trigger{display:flex;position:sticky;top:68px;z-index:36;width:100%;min-height:46px;margin:4px 0 8px;align-items:center;justify-content:center;gap:8px;border:1px solid #d4e1ef;border-radius:13px;background:#fff;color:#173b65;font:inherit;font-size:14px;font-weight:950;box-shadow:0 7px 20px rgba(23,59,101,.08)}.p96-catalog-filter-trigger b{font-size:21px}.p96-catalog-filter-sheet{position:fixed!important;right:0!important;left:0!important;bottom:0!important;z-index:100!important;display:block!important;max-height:min(78dvh,650px);overflow:auto;margin:0!important;padding:10px 12px calc(18px + env(safe-area-inset-bottom))!important;border-radius:22px 22px 0 0!important;background:#fff!important;box-shadow:0 -18px 45px rgba(17,34,58,.24)!important;transform:translateY(110%);transition:transform .22s ease}.p96-filter-sheet-head{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;margin:-2px 0 9px}.p96-filter-sheet-head:before{content:"";position:absolute;top:5px;left:50%;width:48px;height:4px;border-radius:99px;background:#d7dee8;transform:translateX(-50%)}.p96-filter-sheet-head b{text-align:center;font-size:14px}.p96-filter-sheet-head button{width:34px;height:34px;border:0;border-radius:9px;background:#f0f3f7;font-size:21px}.p96-filter-backdrop{position:fixed;inset:0;z-index:99;background:rgba(9,20,36,.43);backdrop-filter:blur(2px)}body.p96-filter-open .p96-catalog-filter-sheet{transform:translateY(0)}body.p96-filter-open .p96-filter-backdrop{display:block!important}body.p96-filter-open{overflow:hidden}.sf-catalog-filter{display:none!important}.sf-catalog-intro{margin-bottom:5px!important}.sf-catalog-tools .sf-market-tags{display:flex!important}.sf-catalog-tools .sf-chips{display:flex!important}
 .sf-stepper button,.sf64-qty .sf-stepper button{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;font-size:22px!important}.sf-stepper input,.sf64-qty .sf-stepper input{height:48px!important;min-width:58px!important;font-size:16px!important}.sf-cart-mobile-dock.sf64-cart-mobile-dock{position:sticky!important;right:auto!important;left:auto!important;bottom:calc(69px + env(safe-area-inset-bottom))!important;z-index:40!important;margin:10px 0 2px!important;border-radius:16px!important}.p96-keyboard-open .sf-cart-mobile-dock,.p96-keyboard-open .sf65-checkout-mobile-bar{display:none!important}
 .p96-checkout-memory{align-items:stretch}.p96-checkout-memory button{min-width:108px}.p96-freight-clarity{grid-template-columns:1fr}.p96-receipt-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.sf75-payment-form input,.sf75-payment-form select,.sf66-checkout-page input,.sf66-checkout-page select,.sf66-checkout-page textarea{font-size:16px!important}
}
@media(max-width:390px){.sfm-color-grid{gap:4px!important}.sfm-color-card-body{padding:4px!important}.sfm-color-title b{font-size:11px!important}.sfm-color-badge{font-size:7.5px!important}.p96-checkout-memory{display:grid}.p96-checkout-memory button{width:100%}}


/* Source: storefront-phase97.css */
/* Royan Phase 97 - Deep Operational UX */
:root{--p97-border:#cbd5e1;--p97-text:#0f172a;--p97-muted:#475569;--p97-green:#047857;--p97-amber:#a16207;--p97-red:#b91c1c}
.p97-product-card{border:1.5px solid var(--p97-border)!important;background:#fff!important;color:var(--p97-text)!important;overflow:hidden}
.p97-product-photo{aspect-ratio:1/1!important;background:#fff!important}.p97-product-photo img{width:100%!important;height:100%!important;object-fit:contain!important;transition:transform .18s ease,opacity .18s ease}.p97-product-photo img.is-color-swapping{animation:p97ColorSwap .2s ease}.p97-card-body{min-width:0}.p97-card-main,.p97-card-main *{color:var(--p97-text)}.p97-card-price{display:grid;gap:1px;margin-top:5px}.p97-card-price small,.p97-card-price span{font-size:11px;color:var(--p97-muted)}.p97-card-price b{font-size:18px;line-height:1.35;color:#020617;font-weight:950}.p97-live-dots{display:flex;align-items:center;gap:6px;margin:6px 0;min-height:28px}.p97-live-dots button{width:28px;height:28px;padding:3px;border:1.5px solid #cbd5e1;border-radius:50%;background:#fff;cursor:pointer}.p97-live-dots button i{display:block;width:100%;height:100%;border-radius:50%;background:var(--dot,#ddd)}.p97-live-dots button.is-active{outline:2px solid #0f172a;outline-offset:1px}.p97-card-action{min-height:44px!important;font-weight:950!important}
.p97-visual-filters{border:1.5px solid var(--p97-border);background:#fff}.p97-filter-grid,.p97-size-filter{display:flex;gap:7px;flex-wrap:wrap}.p97-filter-grid a,.p97-size-filter a{min-height:42px;display:inline-flex;align-items:center;border:1.5px solid #cbd5e1;border-radius:11px;padding:0 11px;color:#0f172a;background:#fff;font-weight:900}.p97-filter-grid a.is-active,.p97-size-filter a.is-active{border-color:#0f172a;background:#f1f5f9}.p97-budget-filter input{font-size:16px!important;min-height:46px}
/* Immersive story commerce */
.p97-story-viewer{position:fixed!important;inset:0!important;z-index:9998!important;background:#020617!important;padding:0!important}.p97-story-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:#020617!important}.p97-story-media{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;background:#020617!important}.p97-story-media img,.p97-story-media video{width:100%!important;height:100%!important;max-width:min(100vw,56.25vh)!important;aspect-ratio:9/16!important;object-fit:cover!important;background:#0f172a}.p97-story-overlay{position:absolute!important;right:0;left:0;bottom:0;z-index:4;padding:80px max(16px,env(safe-area-inset-right)) max(22px,calc(14px + env(safe-area-inset-bottom)))!important;background:linear-gradient(transparent,rgba(2,6,23,.88) 54%,#020617)!important;color:#fff!important;pointer-events:none}.p97-story-overlay>*{pointer-events:auto}.p97-story-overlay h3{font-size:20px!important;font-weight:950!important}.p97-story-buy{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:50px!important;border-radius:14px!important;background:rgba(255,255,255,.94)!important;color:#0f172a!important;font-size:15px!important;font-weight:950!important;backdrop-filter:blur(12px)}.p97-story-details-trigger{min-height:42px;width:100%;margin-top:7px;border:1px solid rgba(255,255,255,.36);border-radius:12px;background:rgba(15,23,42,.46);color:#fff;font-weight:900}.p97-hold-hint{position:absolute;top:64px;right:50%;transform:translateX(50%);padding:5px 9px;border-radius:99px;background:rgba(2,6,23,.5);color:#fff;font-size:10px;font-weight:900;opacity:.82}.p97-story-viewer.is-paused .p97-hold-hint:after{content:' · متوقف شد';color:#fbbf24}.p97-story-details{position:absolute;z-index:9;right:8px;left:8px;bottom:max(8px,env(safe-area-inset-bottom));padding:18px;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:rgba(15,23,42,.9);backdrop-filter:blur(18px);color:#fff;box-shadow:0 -20px 70px rgba(0,0,0,.35);animation:p97SheetUp .2s ease}.p97-story-details>button{position:absolute;left:12px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:22px}.p97-story-detail-color{display:flex;align-items:center;gap:8px}.p97-story-detail-color i{width:22px;height:22px;border-radius:50%;background:var(--story-color)}.p97-story-details h4{margin:9px 0;font-size:18px}.p97-story-details div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.12)}.p97-story-details p{font-size:12px;line-height:1.8;color:#e2e8f0}
.p97-pop{animation:p97Pop .24s cubic-bezier(.2,1.65,.45,1)}
@keyframes p97Pop{0%{transform:scale(.84)}70%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes p97ColorSwap{0%{opacity:.35;transform:scale(.97)}100%{opacity:1;transform:scale(1)}}@keyframes p97SheetUp{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
/* High-contrast industrial mobile tuning */
@media(max-width:767px){.sf-body{color:#0f172a}.sf-product-code,.sf-product-meta,.sf-muted{color:#475569!important}.p97-product-card{border-width:1.5px!important}.p97-card-price b{font-size:17px}.p97-live-dots button{width:32px;height:32px}.p97-story-media img,.p97-story-media video{max-width:100vw!important}.sf-stepper button{font-weight:950!important}.sf-stepper input{font-size:16px!important;font-weight:950!important}}
@media(prefers-reduced-motion:reduce){.p97-pop,.p97-story-details,.p97-product-photo img{animation:none!important;transition:none!important}}

.p97-budget-filter input[type=range]{width:100%;accent-color:#0f172a;min-height:32px}.p97-budget-filter b{display:block;margin-top:4px;color:#0f172a;font-size:12px}


/* Source: storefront-phase98.css */
/* Phase 98 — Conversion & Retention UX. Lightweight, no external assets. */
.p98-bale-loop{margin:10px 0 6px;padding:12px;border:1.5px solid #cbd5e1;border-radius:16px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.p98-bale-copy small,.p98-margin-sim small,.p98-reseller-kit small{display:block;color:#475569;font-size:11px}.p98-bale-copy b{display:block;margin:3px 0;font-size:15px;color:#0f172a}.p98-bale-copy span{display:block;font-size:11px;line-height:1.7;color:#475569}.p98-bale-visual{min-width:132px;padding:8px;border:2px dashed #94a3b8;border-radius:16px;background:linear-gradient(145deg,#f8fafc,#eef2f7);text-align:center;position:relative;overflow:hidden}.p98-bale-visual>strong{font-size:12px;color:#334155}.p98-bale-visual>div{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin-top:7px}.p98-bale-visual i{width:30px;height:37px;border:2px dashed #cbd5e1;border-radius:7px;display:grid;place-items:center;font-style:normal;color:#94a3b8;background:#fff;animation:p98BaleHint 1.7s ease-in-out infinite}.p98-bale-visual i.is-filled{border-style:solid;border-color:#22c55e;background:#dcfce7;color:#166534;animation:p98CartonPop .32s cubic-bezier(.2,1.5,.4,1)}
@keyframes p98CartonPop{0%{transform:scale(.65) translateY(-8px);opacity:.2}100%{transform:none;opacity:1}}@keyframes p98BaleHint{50%{border-color:#f59e0b;background:#fffbeb}}
.p98-margin-sim{margin:10px 0;padding:12px;border:1.5px solid #cbd5e1;border-radius:16px;background:#fff}.p98-margin-title{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.p98-margin-title b{font-size:15px;color:#0f172a}.p98-margin-title strong{font-size:14px;color:#166534}.p98-margin-sim input[type=range]{width:100%;margin:12px 0;accent-color:#16a34a}.p98-margin-result{border:1px solid #bbf7d0;background:#f0fdf4;border-radius:13px;padding:10px}.p98-margin-result span{font-size:11px;color:#166534}.p98-margin-result b{display:block;font-size:21px;color:#14532d;margin:2px 0}.p98-margin-result small{color:#166534}.p98-margin-note{font-size:10px!important;margin-top:7px;line-height:1.7}
.p98-reseller-kit{margin:10px 0;padding:12px;border:1.5px solid #cbd5e1;border-radius:16px;background:linear-gradient(135deg,#fff,#f8fafc);display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.p98-reseller-kit b{display:block;font-size:14px;color:#0f172a;margin:2px 0}.p98-reseller-kit span{display:block;font-size:11px;color:#475569;line-height:1.7}.p98-reseller-kit button{min-height:46px}
.p98-story-claim{position:relative;width:100%;min-height:52px;border:1px solid rgba(255,255,255,.38);border-radius:15px;background:rgba(15,23,42,.68);backdrop-filter:blur(9px);color:#fff;font-size:13px;font-weight:950;overflow:hidden;touch-action:none}.p98-story-claim i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,rgba(34,197,94,.28),rgba(34,197,94,.72));transition:width .08s linear;pointer-events:none}.p98-story-claim span{position:relative;z-index:1}.p98-story-claim.is-holding i{width:100%;transition-duration:2s}.p98-story-claim.is-claimed{background:rgba(22,101,52,.78)}.p98-real-demand{display:block;margin-top:5px;color:#fde68a;font-size:10px;text-align:center}.p98-claim-success{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;pointer-events:none;background:rgba(15,23,42,.12)}.p98-claim-success b{transform:rotate(-8deg);border:5px solid #16a34a;color:#166534;background:#f0fdf4;border-radius:16px;padding:15px 23px;font-size:24px;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:p98Stamp .45s cubic-bezier(.2,1.7,.3,1)}@keyframes p98Stamp{0%{transform:scale(2.1) rotate(-12deg);opacity:0}100%{transform:scale(1) rotate(-8deg);opacity:1}}
.p98-ripple{position:absolute;border-radius:999px;background:rgba(255,255,255,.38);transform:scale(0);animation:p98Ripple .55s ease-out;pointer-events:none}@keyframes p98Ripple{to{transform:scale(4);opacity:0}}
[data-p98-morph],.sf-gallery-stage img,[data-p97-card-image]{transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.p98-morphing{opacity:.36;transform:scale(.975)}
.p98-stock-pulse{display:inline-flex;align-items:center;gap:5px;color:#92400e;background:#fffbeb;border:1px solid #fbbf24;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:900}.p98-stock-pulse:before{content:'';width:7px;height:7px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 0 rgba(245,158,11,.6);animation:p98Pulse 1.4s infinite}@keyframes p98Pulse{70%{box-shadow:0 0 0 8px rgba(245,158,11,0)}}
.p98-unbox{cursor:pointer;position:relative;overflow:hidden}.p98-unbox.is-open{background:#f8fafc}.p98-unbox.is-open span{animation:p98Sizes .35s cubic-bezier(.2,1.4,.4,1)}@keyframes p98Sizes{0%{letter-spacing:7px;opacity:.1;transform:translateY(-7px)}100%{letter-spacing:normal;opacity:1;transform:none}}
.p98-confetti{position:fixed;inset:0;pointer-events:none;z-index:10010;overflow:hidden}.p98-confetti i{position:absolute;top:-15px;width:7px;height:11px;border-radius:2px;background:var(--c);animation:p98Fall .9s linear forwards}@keyframes p98Fall{to{transform:translate(var(--x),105vh) rotate(620deg);opacity:.15}}
.p98-story-viewer .p95-story-slide{transition:opacity .22s ease,transform .25s cubic-bezier(.2,.8,.2,1)}.p98-story-viewer .p95-story-slide:not([hidden]){animation:p98StoryIn .25s ease}@keyframes p98StoryIn{from{opacity:.45;transform:translateX(18px) scale(.992)}to{opacity:1;transform:none}}
body.workshop-mode{transition:background-color .25s ease,color .25s ease}body.workshop-mode .admin-content{transition:filter .25s ease}.sf75-reservation-countdown{position:relative;overflow:hidden}.sf75-reservation-countdown:before{content:'';position:absolute;inset:0;border-radius:inherit;border:2px solid rgba(34,197,94,.35);pointer-events:none}
@media(max-width:720px){.p98-bale-loop,.p98-reseller-kit{grid-template-columns:1fr}.p98-bale-visual{width:100%}.p98-bale-visual i{width:42px;height:50px}.p98-margin-title{align-items:flex-start;flex-direction:column}.p98-margin-sim input,.p98-margin-sim button{font-size:16px}.p98-reseller-kit button{width:100%;font-size:13px}}
@media(prefers-reduced-motion:reduce){.p98-bale-visual i,.p98-stock-pulse:before,.p98-claim-success b,.p98-confetti i,.p98-story-viewer .p95-story-slide{animation:none!important;transition:none!important}}
.p98-best-card{position:relative;box-shadow:0 8px 26px rgba(245,158,11,.09)}.p98-best-card:before,.p98-best-card:after{content:'✦';position:absolute;z-index:2;color:#f59e0b;opacity:.55;font-size:11px;pointer-events:none;animation:p98Spark 2.8s ease-in-out infinite}.p98-best-card:before{top:8px;right:8px}.p98-best-card:after{top:25px;right:25px;animation-delay:.8s;font-size:7px}.p98-best-badge{display:inline-flex;margin-right:5px;padding:2px 6px;border-radius:999px;background:#fff7ed;color:#b45309;font-size:9px;font-style:normal;font-weight:950}@keyframes p98Spark{50%{transform:translateY(-5px) scale(1.25);opacity:1}}
.p97-filter-grid a,.p97-size-filter a,.sf-catalog-chips a{transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease,background-color .18s ease}.p97-filter-grid a:active,.p97-size-filter a:active,.sf-catalog-chips a:active{transform:translateY(1px) scale(.97)}.p97-filter-grid a:hover,.p97-size-filter a:hover{transform:translateY(-2px)}
.p98-count-ring{--p:1;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#16a34a calc(var(--p)*1turn),#e2e8f0 0);position:relative;flex:0 0 auto}.p98-count-ring:after{content:'';position:absolute;inset:5px;border-radius:50%;background:#fff}.p98-count-ring span{position:relative;z-index:1;font-size:9px;font-weight:950;color:#0f172a}.is-expired .p98-count-ring{background:#fee2e2}.is-expired .p98-count-ring span{color:#b91c1c}


/* Source: storefront-phase99.css */
/* Phase 99: immersive interactions, kept CSS-only/lightweight for shared hosting */
.p99-spin-stage{position:relative;touch-action:pan-y;cursor:ew-resize;overflow:hidden}.p99-spin-stage.is-spinning{cursor:grabbing}.p99-spin-stage img{transition:opacity .1s ease,transform .1s ease}.p99-spin-stage img.p99-frame-changing{opacity:.72;transform:scale(.992)}.p99-spin-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:4;padding:7px 11px;border-radius:999px;background:rgba(15,23,42,.72);backdrop-filter:blur(9px);color:#fff;font-size:11px;font-weight:900;pointer-events:none}
.p99-tech-pin{position:absolute;z-index:6;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:34px;height:34px;border:0;background:transparent;padding:0}.p99-tech-pin>i{display:block;width:18px;height:18px;margin:auto;border:3px solid #fff;border-radius:50%;background:#16a34a;box-shadow:0 0 0 5px rgba(34,197,94,.24),0 0 22px rgba(34,197,94,.65);animation:p99Pin 1.4s ease-in-out infinite}.p99-tech-pin>span{display:none;position:absolute;right:22px;bottom:24px;width:190px;text-align:right;padding:10px 11px;border:1px solid rgba(255,255,255,.42);border-radius:14px;background:rgba(15,23,42,.84);backdrop-filter:blur(13px);color:#fff;box-shadow:0 14px 35px rgba(15,23,42,.24)}.p99-tech-pin.is-open>span{display:grid;gap:3px}.p99-tech-pin>span b{font-size:12px}.p99-tech-pin>span small{font-size:10px;line-height:1.6;color:#e2e8f0}@keyframes p99Pin{50%{box-shadow:0 0 0 10px rgba(34,197,94,0),0 0 26px rgba(34,197,94,.72)}}
.p99-volume-bar{margin:10px 0 12px;padding:13px;border:1.5px solid #cbd5e1;border-radius:16px;background:#fff;display:grid;gap:10px}.p99-volume-copy{display:grid;gap:3px}.p99-volume-copy small{font-size:10px;color:#64748b}.p99-volume-copy b{font-size:14px;color:#0f172a}.p99-volume-copy span{font-size:10px;color:#475569}.p99-volume-track{height:12px;position:relative;border-radius:99px;background:#e2e8f0;overflow:visible}.p99-volume-track>i{position:absolute;right:0;top:0;bottom:0;width:var(--p);max-width:100%;border-radius:99px;background:linear-gradient(90deg,#16a34a,#22c55e);transition:width .42s cubic-bezier(.22,.8,.2,1)}.p99-volume-track>em{position:absolute;right:var(--at);top:50%;width:8px;height:20px;transform:translate(50%,-50%);border-radius:9px;background:#0f172a}.p99-volume-bar.is-earned{border-color:#86efac;box-shadow:0 0 0 4px rgba(34,197,94,.08)}
.p99-bale-complete .p98-bale-visual{animation:p99Bale .65s cubic-bezier(.2,.85,.25,1.25)}@keyframes p99Bale{40%{transform:scale(1.035) rotate(-1deg)}70%{transform:scale(.99) rotate(.5deg)}}
.p99-flying-cart{position:fixed;z-index:99999;object-fit:cover;border-radius:14px;pointer-events:none;box-shadow:0 12px 28px rgba(15,23,42,.28);transition:transform .65s cubic-bezier(.2,.75,.25,1),opacity .65s ease}.p99-flying-cart.go{transform:translate(var(--tx),var(--ty)) scale(.18) rotate(10deg);opacity:.12}.p99-cart-bounce{animation:p99Bounce .4s cubic-bezier(.2,.9,.3,1.3)}@keyframes p99Bounce{50%{transform:scale(1.18)}}
.p99-card-reveal{animation:p99Reveal .42s ease both;animation-delay:var(--p99-delay)}@keyframes p99Reveal{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
.p99-holo-preview{position:relative;overflow:hidden}.p99-holo-preview:after{content:"";position:absolute;inset:-55%;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.62) 47%,rgba(99,102,241,.2) 51%,transparent 60%);transform:translate(calc((var(--hx,50%) - 50%)*.35),calc((var(--hy,50%) - 50%)*.25)) rotate(8deg);mix-blend-mode:screen;transition:transform .12s linear}
.p99-audio-wave{height:26px;display:inline-flex;gap:2px;align-items:center;margin-inline:6px}.p99-audio-wave i{width:3px;height:8px;border-radius:4px;background:#2563eb}.p99-audio-wave.is-playing i{animation:p99Eq .7s ease-in-out infinite alternate}.p99-audio-wave i:nth-child(3n){animation-delay:.16s}.p99-audio-wave i:nth-child(4n){animation-delay:.3s}@keyframes p99Eq{to{height:24px}}
.p99-doc-seal{--sx:50%;--sy:50%;position:relative;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;text-align:center;border:2px solid #334155;background:radial-gradient(circle at var(--sx) var(--sy),#fff 0,#dbeafe 23%,#c4b5fd 42%,#e2e8f0 68%,#fff 100%);box-shadow:inset 0 0 0 5px rgba(255,255,255,.7),0 8px 22px rgba(15,23,42,.12);color:#0f172a;font-weight:900;transform:perspective(400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .12s linear}.p99-doc-seal small{display:block;font-size:8px;line-height:1.4;font-weight:700}.p99-keyboard-open .sf-mobile-checkout,.p99-keyboard-open [data-cart-mobile-dock]{opacity:0;pointer-events:none;transform:translateY(120%)}
@media(max-width:700px){button,.sf-primary-btn,.sf-secondary-btn,.sf-price-action{min-height:48px}.p99-volume-bar{margin-inline:-1px}.p99-tech-pin{width:40px;height:40px}.p99-tech-pin>span{right:auto;left:-55px;bottom:33px;width:min(220px,72vw)}input,select,textarea{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.p99-card-reveal,.p99-tech-pin>i,.p99-audio-wave i,.p99-bale-complete .p98-bale-visual{animation:none!important}.p99-flying-cart{display:none}.p99-volume-track>i{transition:none}}
.p99-pack-carousel{display:grid;gap:7px;padding:9px 0}.p99-pack-carousel>small{font-size:9px;color:#64748b}.p99-pack-carousel>div{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.p99-pack-carousel button{min-width:88px;min-height:44px;border:1.5px solid #cbd5e1;border-radius:14px;background:#fff;color:#334155;font-weight:900;transform:perspective(300px) rotateY(-6deg);transition:transform .2s ease,background .2s ease,border-color .2s}.p99-pack-carousel button.is-active{background:#0f172a;color:#fff;border-color:#0f172a;transform:perspective(300px) rotateY(0) scale(1.04)}.p99-bale-visual{transition:transform .3s cubic-bezier(.2,.85,.25,1.1)}
.p99-payment-celebration{position:relative!important;padding-right:66px!important;overflow:hidden}.p99-pay-check{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#16a34a;color:#fff;font-style:normal;font-size:24px;box-shadow:0 0 0 0 rgba(34,197,94,.35);animation:p99PayCheck .8s ease both}.p99-payment-celebration:after{content:"";position:absolute;right:35px;top:50%;width:10px;height:10px;border-radius:50%;border:2px solid #22c55e;animation:p99PayRing 1.2s ease-out infinite}@keyframes p99PayCheck{0%{transform:translateY(-50%) scale(.3) rotate(-40deg);opacity:0}70%{transform:translateY(-50%) scale(1.12) rotate(3deg)}to{transform:translateY(-50%) scale(1)}}@keyframes p99PayRing{to{width:90px;height:90px;right:-10px;margin-top:-45px;opacity:0}}


/* Source: storefront-phase100.css */
/* Phase 100 - fast social commerce + mobile hardening */
.p100-instant-proforma{width:100%;min-height:52px;margin-top:9px;border:0;border-radius:15px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;cursor:pointer}.p100-instant-proforma span{font-size:20px}.p100-instant-proforma.is-loading{opacity:.66;pointer-events:none}.p100-instant-proforma.is-blocked{opacity:.45}.p100-instant-note{display:block;text-align:center;margin-top:6px;color:#64748b;line-height:1.7}.p100-instant-mini{display:none}
.p100-stock-sheet[hidden]{display:none}.p100-stock-sheet{position:fixed;inset:0;z-index:99990;background:rgba(15,23,42,.5);display:flex;align-items:flex-end;justify-content:center;padding:0}.p100-stock-sheet-card{width:min(640px,100%);max-height:min(78dvh,720px);overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:8px 14px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -18px 60px rgba(15,23,42,.22)}.p100-sheet-grip{width:44px;height:5px;border-radius:99px;background:#cbd5e1;margin:2px auto 10px}.p100-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e8f0;padding:4px 0 12px}.p100-sheet-head small{color:#64748b}.p100-sheet-head h3{margin:2px 0 0;font-size:18px;color:#0f172a}.p100-sheet-head button{width:48px;height:48px;border:1px solid #cbd5e1;border-radius:14px;background:#fff;font-size:26px}.p100-stock-issue-card{padding:12px 0;border-bottom:1px solid #e2e8f0}.p100-stock-issue-title{display:flex;gap:10px;align-items:flex-start}.p100-stock-issue-title>span{font-size:22px}.p100-stock-issue-title b,.p100-stock-issue-title small{display:block}.p100-stock-issue-title small{margin-top:4px;color:#b45309}.p100-stock-issue-card>p{margin:10px 0 7px;font-size:13px;color:#475569}.p100-alt-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.p100-alt{display:flex;align-items:center;gap:7px;padding:7px;border:1px solid #cbd5e1;border-radius:12px;color:#0f172a;text-decoration:none;background:#f8fafc}.p100-alt>span{width:44px;height:44px;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:#fff}.p100-alt img{width:100%;height:100%;object-fit:cover}.p100-alt b,.p100-alt small{display:block;font-size:11px}.p100-alt small{color:#047857;margin-top:2px}.p100-sheet-close{width:100%;min-height:50px;margin-top:12px;border:0;border-radius:14px;background:#0f172a;color:#fff}.p100-shake{animation:p100shake .35s ease both}@keyframes p100shake{0%,100%{transform:translateX(0)}25%{transform:translateX(5px)}50%{transform:translateX(-5px)}75%{transform:translateX(3px)}}
@media(max-width:760px){.sf-body input,.sf-body select,.sf-body textarea{font-size:max(16px,1em)}.sf-stepper button,.sf-primary-btn,.sf-secondary-btn,button[type=submit]{min-height:48px}.sf-cart-mobile-dock{gap:6px}.sf-cart-mobile-dock>a{flex:1}.p100-instant-mini{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border:0;border-radius:14px;background:#111827;color:#fff;font-size:20px}.p100-alt-list{grid-template-columns:1fr}.p100-alt b,.p100-alt small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.p100-shake{animation:none}}

.p100-order-share{margin:9px 0;padding:10px 12px;border:1.5px solid #cbd5e1;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}.p100-order-share b,.p100-order-share small{display:block}.p100-order-share small{margin-top:2px;color:#64748b}.p100-order-share>div:last-child{display:flex;gap:6px}.p100-order-share button{min-height:44px;border:1px solid #cbd5e1;border-radius:11px;background:#f8fafc;color:#0f172a;font-weight:800;padding:0 12px}@media(max-width:640px){.p100-order-share{align-items:stretch;flex-direction:column}.p100-order-share>div:last-child{display:grid;grid-template-columns:1fr 1fr}.p100-order-share button{min-height:48px}}


/* Source: storefront-phase101.css */
/* Royan Phase 101 — Sensory Commerce & Advanced Mobile Interaction
   Lightweight, progressive, shared-hosting safe. No WebGL dependency. */
:root{--p101-accent:#0f9f6e;--p101-accent-rgb:15,159,110;--p101-warn:#d8890b;--p101-danger:#d94848;--p101-glass:rgba(255,255,255,.78);--p101-glass-border:rgba(148,163,184,.32);--p101-ink:#101827;--p101-muted:#667085;--p101-shadow:0 18px 44px rgba(15,23,42,.11)}
html[data-p101-accent="blue"]{--p101-accent:#2868d8;--p101-accent-rgb:40,104,216}html[data-p101-accent="amber"]{--p101-accent:#d98308;--p101-accent-rgb:217,131,8}html[data-p101-accent="emerald"]{--p101-accent:#0f9f6e;--p101-accent-rgb:15,159,110}
html[data-p101-theme="neon"] body{background:#071018!important;color:#f4f8fb!important}html[data-p101-theme="neon"]{--p101-glass:rgba(10,25,34,.84);--p101-glass-border:rgba(105,181,159,.27);--p101-ink:#f5fbf8;--p101-muted:#aac1bc;--p101-shadow:0 18px 46px rgba(0,0,0,.38)}html[data-p101-theme="neon"] .sf-topbar,html[data-p101-theme="neon"] .sf-bottom-nav{background:rgba(7,16,24,.92)!important;border-color:rgba(130,164,159,.25)!important;color:#eefaf6!important}html[data-p101-theme="neon"] .sf-product-row,html[data-p101-theme="neon"] .sf-summary,html[data-p101-theme="neon"] .sf-cart-item{background:#0b1822!important;color:#f5fbf8!important;border-color:#263946!important}
.p101-experience-fab{position:fixed;z-index:89;left:max(12px,env(safe-area-inset-left));bottom:calc(82px + env(safe-area-inset-bottom));width:46px;height:46px;border:1px solid rgba(var(--p101-accent-rgb),.32);border-radius:50%;display:grid;place-items:center;background:rgba(15,23,42,.9);color:#fff;box-shadow:0 12px 32px rgba(2,6,23,.28);font-size:20px;cursor:pointer;backdrop-filter:blur(12px)}
.p101-experience-sheet{position:fixed;z-index:130;inset:0;display:grid;align-items:end;background:rgba(2,6,23,.48);padding:12px;backdrop-filter:blur(3px)}.p101-experience-sheet[hidden]{display:none}.p101-experience-card{max-width:520px;width:100%;margin:0 auto;border:1px solid var(--p101-glass-border);border-radius:24px 24px 16px 16px;background:var(--p101-glass);color:var(--p101-ink);box-shadow:0 30px 70px rgba(2,6,23,.28);padding:14px;backdrop-filter:blur(24px);display:grid;gap:12px}.p101-sheet-grip{width:46px;height:5px;border-radius:999px;background:#aab5c3;margin:0 auto 3px}.p101-pref-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.p101-pref-head h3{margin:0;font-size:16px}.p101-pref-head button{width:44px;height:44px;border:0;border-radius:12px;background:rgba(148,163,184,.16);font-size:22px}.p101-pref-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.p101-pref-group{display:grid;gap:6px;padding:10px;border:1px solid var(--p101-glass-border);border-radius:14px}.p101-pref-group>span{font-size:11px;color:var(--p101-muted);font-weight:900}.p101-pref-options{display:flex;gap:5px;flex-wrap:wrap}.p101-pref-options button{min-height:40px;border:1px solid var(--p101-glass-border);border-radius:10px;background:transparent;color:inherit;padding:0 10px;font:inherit;font-size:11px;font-weight:900}.p101-pref-options button.is-active{background:var(--p101-accent);border-color:var(--p101-accent);color:#fff}.p101-pref-note{font-size:10.5px;line-height:1.7;color:var(--p101-muted)}
.p101-glass-card{position:relative;isolation:isolate;overflow:visible!important;transform:perspective(900px) rotateX(var(--p101-rx,0deg)) rotateY(var(--p101-ry,0deg)) translateZ(0);transform-style:preserve-3d;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease;will-change:transform;border-color:var(--p101-glass-border)!important;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(248,250,252,.82))!important;box-shadow:var(--p101-shadow)!important}.p101-glass-card:before{content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;background:radial-gradient(circle at var(--p101-glow-x,20%) var(--p101-glow-y,10%),rgba(var(--p101-accent-rgb),.14),transparent 38%);pointer-events:none}.p101-aura-card:after{content:"";position:absolute;z-index:-2;inset:-4px;border-radius:inherit;background:conic-gradient(from var(--p101-aura-angle,0deg),rgba(var(--p101-accent-rgb),.02),rgba(var(--p101-accent-rgb),.25),rgba(245,158,11,.16),rgba(var(--p101-accent-rgb),.02));filter:blur(9px);opacity:.58;animation:p101Aura 8s linear infinite}.p101-last-stock{animation:p101LowNudge 5s ease-in-out infinite}.p101-glass-card .p97-product-photo,.p101-glass-card .p97-card-body{transform:translateZ(18px)}
@keyframes p101Aura{to{--p101-aura-angle:360deg}}@keyframes p101LowNudge{0%,92%,100%{transform:perspective(900px) rotateX(var(--p101-rx,0deg)) rotateY(var(--p101-ry,0deg))}94%{transform:perspective(900px) rotateZ(-.7deg)}96%{transform:perspective(900px) rotateZ(.7deg)}98%{transform:perspective(900px) rotateZ(-.4deg)}}
.p101-card-tools,.p101-card-signals{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.p101-card-tools button,.p101-card-tools a,.p101-toss-handle{min-height:38px;border:1px solid #d7e0ea;border-radius:10px;background:#fff;color:#435269;font:inherit;font-size:10.5px;font-weight:900;padding:0 9px;text-decoration:none}.p101-card-tools button.is-selected{border-color:var(--p101-accent);background:rgba(var(--p101-accent-rgb),.1);color:var(--p101-accent)}.p101-card-signals span{padding:4px 7px;border-radius:999px;font-size:9.5px;font-weight:900;background:#f1f5f9;color:#526176}.p101-card-signals [data-p101-viewer-chip]{background:rgba(var(--p101-accent-rgb),.1);color:var(--p101-accent)}.p101-card-signals .p101-urgency{background:#fff4db;color:#a56306;animation:p101Pulse 1.8s infinite}.p101-fit-chip{border:1px solid #e2e8f0}.p101-swipe-hint{display:none;align-items:center;justify-content:space-between;gap:6px;color:#718096;font-size:9px}.p101-swipe-hint b{font-size:9.5px;color:#475569}.p101-toss-handle{width:100%;border-style:dashed;background:#f8fafc}.p101-toss-handle:active{transform:scale(.97)}
@keyframes p101Pulse{50%{box-shadow:0 0 0 6px rgba(217,137,8,0)}}
.p101-swipe-right{transition:transform .28s ease,opacity .28s ease!important;transform:translateX(115%) rotate(8deg)!important;opacity:0}.p101-swipe-left{transition:transform .28s ease,opacity .28s ease!important;transform:translateX(-115%) rotate(-8deg)!important;opacity:0}.p101-card-dragging{transition:none!important;z-index:8}.p101-card-dragging:after{content:attr(data-p101-gesture-label);position:absolute;z-index:8;top:14px;right:14px;padding:8px 12px;border-radius:12px;background:rgba(15,23,42,.86);color:#fff;font-size:11px;font-weight:950;backdrop-filter:blur(10px)}
.p101-fly{position:fixed;z-index:300;pointer-events:none;width:72px;height:72px;border-radius:18px;object-fit:cover;box-shadow:0 18px 36px rgba(15,23,42,.28);transition:transform .65s cubic-bezier(.2,.82,.24,1),opacity .58s ease}.p101-cart-hit{animation:p101CartHit .42s cubic-bezier(.2,1.5,.4,1)}@keyframes p101CartHit{50%{transform:scale(1.18)}}
.p101-fomo{position:fixed;z-index:110;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));max-width:min(370px,calc(100vw - 24px));display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;padding:9px 11px;border:1px solid rgba(255,255,255,.28);border-radius:15px;background:rgba(20,30,43,.87);color:#fff;box-shadow:0 14px 38px rgba(2,6,23,.27);backdrop-filter:blur(14px);animation:p101ToastIn .3s ease both}.p101-fomo i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(var(--p101-accent-rgb),.22);font-style:normal}.p101-fomo b{font-size:11px}.p101-fomo span{display:block;margin-top:2px;font-size:9.5px;color:#dbe7ed}.p101-fomo.is-out{animation:p101ToastOut .3s ease both}@keyframes p101ToastIn{from{opacity:0;transform:translateY(18px) scale(.96)}}@keyframes p101ToastOut{to{opacity:0;transform:translateY(12px)}}
.p101-compare-sheet{position:fixed;z-index:125;inset:0;background:rgba(2,6,23,.5);display:grid;align-items:end;padding:10px}.p101-compare-sheet[hidden]{display:none}.p101-compare-card{max-width:720px;width:100%;margin:auto;border-radius:22px 22px 14px 14px;background:#fff;padding:12px;display:grid;gap:10px;box-shadow:0 28px 70px rgba(2,6,23,.3)}.p101-compare-head{display:flex;justify-content:space-between;align-items:center}.p101-compare-head h3{margin:0;font-size:15px}.p101-compare-head button{width:44px;height:44px;border:0;border-radius:12px;background:#eef2f6;font-size:22px}.p101-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.p101-compare-item{display:grid;gap:6px;padding:9px;border:1px solid #dce4ed;border-radius:15px}.p101-compare-item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;background:#f2f4f7}.p101-compare-item b{font-size:12px}.p101-compare-item span{font-size:10px;color:#667085}.p101-compare-item strong{font-size:12px;color:#0d865f}.p101-compare-item a{display:grid;place-items:center;min-height:42px;border-radius:11px;background:#111827;color:#fff;text-decoration:none;font-size:11px;font-weight:900}
.p101-voice-orb{position:fixed;z-index:86;right:max(12px,env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom));width:50px;height:50px;border:0;border-radius:50%;background:linear-gradient(145deg,var(--p101-accent),#0f172a);color:#fff;box-shadow:0 13px 36px rgba(var(--p101-accent-rgb),.34);font-size:20px;display:grid;place-items:center}.p101-voice-orb.is-listening{animation:p101Voice 1s infinite}.p101-voice-wave{position:fixed;z-index:112;right:14px;left:14px;bottom:calc(142px + env(safe-area-inset-bottom));max-width:520px;margin:auto;padding:10px 12px;border-radius:15px;background:rgba(15,23,42,.92);color:#fff;box-shadow:0 14px 40px rgba(2,6,23,.3);display:flex;align-items:center;gap:10px}.p101-voice-wave[hidden]{display:none}.p101-wave-bars{display:flex;align-items:center;gap:2px;height:28px}.p101-wave-bars i{width:3px;height:8px;border-radius:99px;background:#5ee3b5;animation:p101Wave .55s ease-in-out infinite alternate}.p101-wave-bars i:nth-child(2n){animation-delay:.12s}.p101-wave-bars i:nth-child(3n){animation-delay:.24s}@keyframes p101Wave{to{height:25px}}@keyframes p101Voice{50%{box-shadow:0 0 0 10px rgba(var(--p101-accent-rgb),.12),0 13px 36px rgba(var(--p101-accent-rgb),.34)}}
.p101-share-cart{width:100%;min-height:48px;border:1.5px solid rgba(var(--p101-accent-rgb),.35);border-radius:13px;background:rgba(var(--p101-accent-rgb),.08);color:var(--p101-accent);font:inherit;font-size:11px;font-weight:950;display:flex;align-items:center;justify-content:center;gap:7px}.p101-share-cart span{font-size:18px}.p101-share-pop{position:fixed;z-index:120;right:12px;left:12px;bottom:calc(88px + env(safe-area-inset-bottom));max-width:520px;margin:auto;border-radius:16px;background:#0f172a;color:#fff;padding:12px;box-shadow:0 20px 50px rgba(2,6,23,.32);display:grid;gap:7px}.p101-share-pop b{font-size:12px}.p101-share-pop small{color:#cbd5e1;font-size:10px}.p101-share-pop div{display:flex;gap:6px}.p101-share-pop button,.p101-share-pop a{min-height:42px;flex:1;border:0;border-radius:10px;background:#fff;color:#111827;font:inherit;font-size:10.5px;font-weight:900;text-decoration:none;display:grid;place-items:center}
.p101-shared-cart{padding-top:18px;padding-bottom:110px}.p101-shared-head{display:grid;gap:4px;margin-bottom:12px}.p101-shared-head>span{font-size:10px;color:var(--p101-accent);font-weight:950}.p101-shared-head h1{margin:0;font-size:20px}.p101-shared-head p{margin:0;color:#68768a;font-size:11px;line-height:1.8}.p101-shared-list{display:grid;gap:7px}.p101-shared-list article{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px solid #dfe6ee;border-radius:15px;background:#fff}.p101-shared-list img{width:72px;height:72px;object-fit:cover;border-radius:12px;background:#f3f5f8}.p101-shared-list article div{min-width:0;display:grid;gap:2px}.p101-shared-list article div b{font-size:12px}.p101-shared-list article div span,.p101-shared-list article div small{font-size:10px;color:#69768a}.p101-shared-list aside{text-align:left;display:grid;gap:4px}.p101-shared-list aside b{font-size:11px}.p101-shared-list aside small{font-size:9px}.p101-shared-list aside small.ok{color:#087b54}.p101-shared-list aside small.no{color:#b42318}.p101-shared-summary{display:flex;justify-content:space-between;gap:8px;margin:10px 0;padding:10px;border-radius:13px;background:#f6f8fa;font-size:11px}.p101-import-cart{width:100%;min-height:52px;border:0;border-radius:14px;background:var(--p101-accent);color:#fff;font:inherit;font-weight:950}.p101-import-cart:disabled{opacity:.45}.p101-shared-note{display:block;text-align:center;margin-top:7px;color:#78869a;font-size:9.5px}.p101-shared-empty{padding:24px;text-align:center;border:1px dashed #ccd7e2;border-radius:15px}
.p101-fit-gauge{display:grid;gap:7px;padding:10px;border:1px solid #dce5ed;border-radius:15px;background:#fbfcfd}.p101-fit-gauge-head{display:flex;justify-content:space-between;gap:8px}.p101-fit-gauge-head b{font-size:12px}.p101-fit-gauge-head span{font-size:10px;color:#667085}.p101-fit-track{position:relative;height:8px;border-radius:99px;background:linear-gradient(90deg,#f59e0b,#10b981,#3b82f6)}.p101-fit-track i{position:absolute;top:50%;left:var(--fit-at);width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#0f172a;box-shadow:0 3px 9px rgba(15,23,42,.22);transform:translate(-50%,-50%)}.p101-fit-labels{display:flex;justify-content:space-between;font-size:9px;color:#7a8798}
.p101-bale-meter{display:flex;align-items:center;gap:9px}.p101-bale-circle{--pct:0;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--p101-accent) calc(var(--pct)*1%),#e7edf2 0);position:relative}.p101-bale-circle:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.p101-bale-circle b{position:relative;z-index:2;font-size:11px}.p101-bale-meter span{font-size:10px;color:#667085}
.p101-brand-skeleton{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(105deg,#edf1f5 20%,#f8fafc 40%,#edf1f5 60%);background-size:220% 100%;animation:p101Skeleton 1.2s linear infinite;pointer-events:none}.p101-brand-skeleton:after{content:"👟";font-size:32px;filter:grayscale(1);opacity:.22;animation:p101ShoeLoad 1.1s ease-in-out infinite}.p101-brand-skeleton.is-done{opacity:0;transition:opacity .3s;visibility:hidden}@keyframes p101Skeleton{to{background-position:-220% 0}}@keyframes p101ShoeLoad{50%{transform:translateY(-4px) rotate(-5deg)}}
.p101-neon-ripple{overflow:hidden}.p101-ripple-host{position:relative}.p101-ripple-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:rgba(var(--p101-accent-rgb),.42);transform:translate(-50%,-50%) scale(0);animation:p101Ripple .55s ease-out forwards;pointer-events:none}@keyframes p101Ripple{to{transform:translate(-50%,-50%) scale(16);opacity:0}}
@media(max-width:700px){.p101-pref-grid{grid-template-columns:1fr}.p101-swipe-hint{display:flex}.p101-glass-card{touch-action:pan-y}.p101-card-tools button,.p101-card-tools a,.p101-toss-handle{min-height:42px}.p101-compare-card{max-height:82vh;overflow:auto}.p101-shared-list article{grid-template-columns:62px minmax(0,1fr)}.p101-shared-list img{width:62px;height:62px}.p101-shared-list aside{grid-column:2;text-align:right}.p101-experience-fab{left:10px}.p101-voice-orb{right:10px}}
@media(prefers-reduced-motion:reduce){.p101-glass-card,.p101-aura-card,.p101-last-stock,.p101-urgency,.p101-voice-orb,.p101-wave-bars i,.p101-brand-skeleton,.p101-brand-skeleton:after{animation:none!important;transition:none!important;transform:none!important}}html[data-p101-motion="off"] .p101-glass-card,html[data-p101-motion="off"] .p101-aura-card,html[data-p101-motion="off"] .p101-last-stock,html[data-p101-motion="off"] .p101-urgency,html[data-p101-motion="off"] .p101-brand-skeleton{animation:none!important;transition:none!important;transform:none!important}
.p101-reorder-capsule{margin:10px 0;padding:11px;border:1px solid rgba(var(--p101-accent-rgb),.26);border-radius:16px;background:linear-gradient(145deg,rgba(var(--p101-accent-rgb),.08),rgba(255,255,255,.86));display:flex;align-items:center;justify-content:space-between;gap:10px}.p101-reorder-capsule div{display:grid;gap:2px}.p101-reorder-capsule small{font-size:9.5px;color:var(--p101-accent);font-weight:950}.p101-reorder-capsule b{font-size:12px}.p101-reorder-capsule span{font-size:10px;color:#68768a}.p101-reorder-capsule form{flex:0 0 auto}.p101-reorder-capsule button{min-height:46px;border:0;border-radius:12px;background:var(--p101-accent);color:#fff;padding:0 13px;font:inherit;font-size:11px;font-weight:950}@media(max-width:620px){.p101-reorder-capsule{align-items:stretch;flex-direction:column}.p101-reorder-capsule button{width:100%}}


/* Source: storefront-phase102.css */
/* Phase 103 — stable model cards and Instagram-like story viewer */
.royan-story-viewer[hidden]{display:none!important}
.royan-story-viewer{position:fixed!important;z-index:1000!important;inset:0!important;width:100%!important;height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;background:#050505!important;color:#fff;overflow:hidden!important;box-shadow:none!important}
.royan-story-viewer .p95-story-slide{position:absolute!important;inset:0!important;background:#050505}
.royan-story-viewer .p95-story-media{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#050505!important}
.royan-story-viewer .p95-story-media img,.royan-story-viewer .p95-story-media video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;background:#050505!important}
.royan-story-progresses{position:absolute;z-index:20;top:max(10px,env(safe-area-inset-top));right:10px;left:10px;display:flex;direction:ltr;gap:4px;height:3px}
.royan-story-progresses i{position:relative;flex:1;height:3px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.35)}
.royan-story-progresses i b{display:block;width:0;height:100%;border-radius:inherit;background:#fff;transition:none}
.royan-story-header{position:absolute;z-index:19;top:calc(max(10px,env(safe-area-inset-top)) + 12px);right:14px;left:58px;display:flex;align-items:center;gap:9px;direction:rtl;text-align:right;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.55)}
.royan-story-avatar{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;overflow:hidden;border:1.5px solid rgba(255,255,255,.9);border-radius:50%;background:#fff}
.royan-story-avatar img{width:100%;height:100%;object-fit:contain}.royan-story-header>span:last-child{display:grid;line-height:1.35}.royan-story-header b{font-size:12px}.royan-story-header small{font-size:9px;color:rgba(255,255,255,.8)}
.royan-story-viewer .p95-story-close{z-index:24!important;top:calc(max(10px,env(safe-area-inset-top)) + 14px)!important;left:12px!important;width:34px!important;height:34px!important;font-size:24px!important;background:rgba(0,0,0,.34)!important}
.royan-story-viewer .p95-story-nav{z-index:8!important;top:62px!important;bottom:150px!important;width:36%!important}.royan-story-viewer .p95-story-overlay{z-index:12!important;padding:90px 16px calc(18px + env(safe-area-inset-bottom))!important;background:linear-gradient(transparent,rgba(0,0,0,.9))!important}
.royan-story-viewer .p95-story-overlay h3{margin:7px 0 12px!important;font-size:20px!important}.royan-story-viewer .p95-story-cta{min-height:48px!important;border-radius:12px!important}
.royan-story-viewer .p97-hold-hint{z-index:11!important;top:64px!important;right:50%!important;bottom:auto!important;transform:translateX(50%);white-space:nowrap;background:rgba(0,0,0,.34)!important;color:rgba(255,255,255,.82)!important}
.p102-home-product-list .sfh-model-item{transform:none!important;background:#fff!important}.p102-home-product-list .sfh-model-item:before,.p102-home-product-list .sfh-model-item:after{display:none!important}
@media(min-width:721px){.royan-story-viewer{top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;width:min(430px,calc(100vw - 40px))!important;height:min(760px,calc(100dvh - 32px))!important;aspect-ratio:9/16;transform:translate(-50%,-50%)!important;border-radius:16px!important;box-shadow:0 30px 100px rgba(0,0,0,.7)!important}.p95-stories:has(.royan-story-viewer:not([hidden])):after{content:"";position:fixed;z-index:999;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}}
@media(max-width:720px){.p102-home-product-list.is-grid .sfh-model-item{display:grid!important;grid-template-columns:1fr!important}.p102-home-product-list.is-list .sfh-model-item{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important}}

/* Royan Phase 102 — Seeded Live Catalog & Home UX
   Additive layer: live workshop stories, real market pulse, glass home cards,
   sticky filter pills, richer cart/share affordances and receipt-ready feedback. */
.p102-home{position:relative}.p102-live-zone{position:relative;margin:0 0 13px;padding:10px;border:1px solid rgba(148,163,184,.28);border-radius:22px;background:linear-gradient(145deg,rgba(10,20,31,.96),rgba(17,31,45,.94));color:#fff;overflow:hidden;box-shadow:0 18px 50px rgba(2,6,23,.2)}.p102-live-zone:before{content:"";position:absolute;inset:-45% auto auto -20%;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.22),transparent 68%);pointer-events:none}.p102-live-zone:after{content:"";position:absolute;inset:auto -18% -50% auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.15),transparent 70%);pointer-events:none}.p102-live-zone-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.p102-live-zone-head>div:first-child{display:grid;gap:1px}.p102-live-zone-head>div:first-child>span{font-size:9px;letter-spacing:1.4px;color:#ff767c;font-weight:950}.p102-live-zone-head>div:first-child>b{font-size:15px}.p102-live-zone-head>div:first-child>small{font-size:9.5px;color:#b9c8d3}.p102-market-badge{display:flex;align-items:center;gap:7px;min-height:44px;padding:5px 9px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.08);backdrop-filter:blur(16px)}.p102-market-badge>i{width:10px;height:10px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.45);animation:p102MarketPulse 1.6s ease-out infinite}.p102-market-badge>span{display:grid;gap:0}.p102-market-badge small{font-size:8.5px;color:#98a9b5}.p102-market-badge b{font-size:10px;white-space:nowrap}.p102-story-empty{position:relative;z-index:2;padding:16px;text-align:center;border:1px dashed rgba(255,255,255,.2);border-radius:16px}.p102-story-empty b,.p102-story-empty span{display:block}.p102-story-empty span{margin-top:3px;font-size:10px;color:#b9c8d3}@keyframes p102MarketPulse{70%{box-shadow:0 0 0 9px rgba(52,211,153,0)}}
.p102-live-zone .p95-stories{position:relative;z-index:2;margin:0!important}.p102-live-zone .p95-story-strip{gap:10px;padding:3px 1px 5px!important;scrollbar-width:none}.p102-live-zone .p95-story-strip::-webkit-scrollbar{display:none}.p102-live-zone .p95-story-bubble{min-width:72px}.p102-live-zone .p95-story-ring{position:relative;padding:2px;background:conic-gradient(from 0deg,#ff4f58,#ff9f43,#1dd1a1,#22a6ff,#8e63ff,#ff4f58);animation:p102StoryRing 5s linear infinite;box-shadow:0 0 22px rgba(255,75,85,.2)}.p102-live-zone .p95-story-thumb{background:#0b1320}.p102-live-zone .p95-story-thumb img,.p102-live-zone .p95-story-thumb video{transform:scale(1.02);transition:transform .25s ease}.p102-live-zone .p95-story-bubble:active .p95-story-thumb img,.p102-live-zone .p95-story-bubble:active .p95-story-thumb video{transform:scale(.96)}.p102-live-zone .p95-story-label{color:#eef5f8!important;font-size:9.5px!important;max-width:78px}.p102-live-zone .p95-story-viewer:not([hidden]){animation:p102StoryViewer .24s ease both}@keyframes p102StoryRing{to{filter:hue-rotate(360deg)}}@keyframes p102StoryViewer{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
.p102-home-product-list{gap:10px!important}.p102-home-card{position:relative;border-radius:20px!important;padding:0!important;overflow:hidden!important;background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(244,248,252,.86))!important;border:1px solid rgba(160,174,192,.34)!important;box-shadow:0 13px 34px rgba(15,23,42,.09)!important}.p102-home-card .p102-home-image{position:relative;aspect-ratio:1/1;min-height:0!important;background:radial-gradient(circle at 50% 30%,#fff,#edf3f8 67%,#e5ecf3);overflow:hidden}.p102-home-card .p102-home-image img{width:100%;height:100%;object-fit:cover;transition:transform .36s cubic-bezier(.2,.8,.2,1),filter .3s ease}.p102-home-card:hover .p102-home-image img{transform:scale(1.035)}.p102-home-content{padding:10px!important;display:grid;gap:8px}.p102-home-content .sfh-model-topline{align-items:flex-start}.p102-home-content h3{font-size:14px!important;line-height:1.35}.p102-home-dots{margin:0!important}.p102-home-price{display:grid;gap:1px;padding:9px 10px;border-radius:13px;background:linear-gradient(145deg,#111827,#1e293b);color:#fff}.p102-home-price small{font-size:9px;color:#aebccb}.p102-home-price strong{font-size:17px;line-height:1.25}.p102-home-price strong span{font-size:9px;font-weight:700;color:#cad5df}.p102-home-price em{font-style:normal;font-size:9px;color:#9fb0bd}.p102-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.p102-home-actions .p102-quick-add,.p102-home-actions .sfh-model-action{min-height:46px!important;border-radius:12px!important;display:flex!important;align-items:center;justify-content:center;gap:5px;margin:0!important;font-size:10.5px!important;font-weight:950!important}.p102-home-actions .p102-quick-add{border:0!important;background:linear-gradient(135deg,#0f9f6e,#0b7f59)!important;color:#fff!important}.p102-home-actions .p102-quick-add span{font-size:18px;line-height:1}.p102-stock-dot{position:absolute;z-index:4;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;background:rgba(17,24,39,.86);color:#fff;font-size:8.5px;font-weight:950;backdrop-filter:blur(10px)}.p102-stock-dot i{width:7px;height:7px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 0 rgba(245,158,11,.55);animation:p102StockPulse 1.5s ease-out infinite}@keyframes p102StockPulse{70%{box-shadow:0 0 0 8px rgba(245,158,11,0)}}
.p102-sticky-pills{position:sticky;top:calc(58px + env(safe-area-inset-top));z-index:35;margin:9px 0 11px;padding:6px;display:flex;gap:6px;overflow:auto;border:1px solid rgba(148,163,184,.28);border-radius:15px;background:rgba(250,252,254,.82);backdrop-filter:blur(18px);box-shadow:0 7px 22px rgba(15,23,42,.08);scrollbar-width:none}.p102-sticky-pills::-webkit-scrollbar{display:none}.p102-sticky-pills a,.p102-sticky-pills button{flex:0 0 auto;min-height:40px;padding:0 11px;border:1px solid #dce5ed;border-radius:999px;background:#fff;color:#46566c;text-decoration:none;font:inherit;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center}.p102-sticky-pills a.is-active{background:#0f172a;color:#fff;border-color:#0f172a}.p102-sticky-pills button{border-style:dashed;color:#0f7c5b}.sf-catalog-product-stack>.sf-product-row{scroll-margin-top:128px}.sf-catalog-product-stack>.p101-glass-card{animation:p102CardReveal .34s ease both}.sf-catalog-product-stack>.p101-glass-card:nth-child(2n){animation-delay:.04s}.sf-catalog-product-stack>.p101-glass-card:nth-child(3n){animation-delay:.08s}@keyframes p102CardReveal{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1}}
.p102-receipt-ready{position:fixed;z-index:118;right:12px;left:12px;bottom:calc(88px + env(safe-area-inset-bottom));max-width:520px;margin:auto;padding:10px 12px;border:1px solid rgba(52,211,153,.3);border-radius:15px;background:rgba(6,78,59,.94);color:#fff;box-shadow:0 18px 45px rgba(6,78,59,.24);backdrop-filter:blur(14px);display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;animation:p102ReadyIn .25s ease both}.p102-receipt-ready i{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-style:normal}.p102-receipt-ready b{font-size:11px}.p102-receipt-ready span{display:block;margin-top:2px;font-size:9.5px;color:#d1fae5}.p102-mini-confetti{position:fixed;inset:0;z-index:117;pointer-events:none;overflow:hidden}.p102-mini-confetti i{position:absolute;top:35%;left:50%;width:5px;height:9px;border-radius:2px;background:var(--c);animation:p102Confetti .75s ease-out forwards}@keyframes p102ReadyIn{from{opacity:0;transform:translateY(12px)}}@keyframes p102Confetti{to{transform:translate(var(--x),var(--y)) rotate(480deg);opacity:0}}
.p101-share-cart{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(var(--p101-accent-rgb),.1),rgba(59,130,246,.06))}.p101-share-cart:after{content:"";position:absolute;inset:-50% auto -50% -20%;width:35%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:p102ShareShine 4.5s ease-in-out infinite}@keyframes p102ShareShine{0%,78%{left:-35%}100%{left:125%}}
html[data-p101-theme="neon"] .p102-home-card{background:linear-gradient(150deg,rgba(10,24,34,.95),rgba(12,31,43,.88))!important;border-color:rgba(77,185,152,.26)!important}.p102-home-card .sfh-model-code,html[data-p101-theme="neon"] .p102-home-card .sfh-model-meta,html[data-p101-theme="neon"] .p102-home-card .p101-swipe-hint{color:#9eb4bd!important}html[data-p101-theme="neon"] .p102-sticky-pills{background:rgba(7,16,24,.86);border-color:rgba(103,149,139,.25)}html[data-p101-theme="neon"] .p102-sticky-pills a,html[data-p101-theme="neon"] .p102-sticky-pills button{background:#0c1c27;color:#dbe9ed;border-color:#29414c}html[data-p101-theme="neon"] .p102-sticky-pills a.is-active{background:#16a073;color:#fff;border-color:#16a073}
@media(max-width:720px){.p102-live-zone{margin-inline:-2px;padding:9px;border-radius:18px}.p102-live-zone-head{align-items:flex-start}.p102-market-badge{max-width:47%;min-height:42px}.p102-market-badge b{font-size:9px;white-space:normal}.p102-home-product-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.p102-home-product-list.is-grid .p102-home-card{display:block!important}.p102-home-product-list.is-grid .p102-home-content{padding:8px!important;gap:6px}.p102-home-product-list.is-grid .sfh-model-meta{display:none}.p102-home-product-list.is-grid .p102-home-price strong{font-size:13px}.p102-home-product-list.is-grid .p102-home-price em{display:none}.p102-home-product-list.is-grid .p102-home-actions{grid-template-columns:1fr}.p102-home-product-list.is-grid .p102-home-actions .sfh-model-action{display:none!important}.p102-home-product-list.is-grid .p101-card-signals,.p102-home-product-list.is-grid .p101-swipe-hint{display:none!important}.p102-home-product-list.is-grid .sfh-model-topline>div{min-width:0}.p102-home-product-list.is-grid .sfh-model-topline h3{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p102-home-product-list.is-grid .sf-product-status{font-size:7.5px!important;padding:3px 5px!important}.p102-home-product-list.is-list .p102-home-card{display:grid!important;grid-template-columns:124px minmax(0,1fr)!important}.p102-home-product-list.is-list .p102-home-image{height:100%;aspect-ratio:auto}.p102-sticky-pills{top:calc(54px + env(safe-area-inset-top));margin-inline:-2px}.p102-sticky-pills a,.p102-sticky-pills button{min-height:42px;font-size:10px}.p102-receipt-ready{bottom:calc(78px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.p102-market-badge>i,.p102-live-zone .p95-story-ring,.p102-stock-dot i,.sf-catalog-product-stack>.p101-glass-card,.p101-share-cart:after,.p102-mini-confetti i{animation:none!important}.p102-live-zone .p95-story-viewer:not([hidden]){animation:none!important}}
.p102-live-mini{position:absolute;z-index:5;right:-3px;bottom:-3px;min-width:28px;height:15px;padding:0 4px;border:2px solid #0c1823;border-radius:999px;background:#ef4444;color:#fff;font-style:normal;font-size:6.5px;line-height:11px;display:grid;place-items:center;font-weight:950;letter-spacing:.35px;box-shadow:0 0 12px rgba(239,68,68,.45)}


/* Source: storefront-phase103.css */
/* Phase 103 — stable model cards and Instagram-like story viewer */
.royan-story-viewer[hidden]{display:none!important}
.royan-story-viewer{position:fixed!important;z-index:1000!important;inset:0!important;width:100%!important;height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;background:#050505!important;color:#fff;overflow:hidden!important;box-shadow:none!important}
.royan-story-viewer .p95-story-slide{position:absolute!important;inset:0!important;background:#050505}
.royan-story-viewer .p95-story-media{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#050505!important}
.royan-story-viewer .p95-story-media img,.royan-story-viewer .p95-story-media video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;background:#050505!important}
.royan-story-progresses{position:absolute;z-index:20;top:max(10px,env(safe-area-inset-top));right:10px;left:10px;display:flex;direction:ltr;gap:4px;height:3px}
.royan-story-progresses i{position:relative;flex:1;height:3px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.35)}
.royan-story-progresses i b{display:block;width:0;height:100%;border-radius:inherit;background:#fff;transition:none}
.royan-story-header{position:absolute;z-index:19;top:calc(max(10px,env(safe-area-inset-top)) + 12px);right:14px;left:58px;display:flex;align-items:center;gap:9px;direction:rtl;text-align:right;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.55)}
.royan-story-avatar{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;overflow:hidden;border:1.5px solid rgba(255,255,255,.9);border-radius:50%;background:#fff}
.royan-story-avatar img{width:100%;height:100%;object-fit:contain}.royan-story-header>span:last-child{display:grid;line-height:1.35}.royan-story-header b{font-size:12px}.royan-story-header small{font-size:9px;color:rgba(255,255,255,.8)}
.royan-story-viewer .p95-story-close{z-index:24!important;top:calc(max(10px,env(safe-area-inset-top)) + 14px)!important;left:12px!important;width:34px!important;height:34px!important;font-size:24px!important;background:rgba(0,0,0,.34)!important}
.royan-story-viewer .p95-story-nav{z-index:8!important;top:62px!important;bottom:150px!important;width:36%!important}.royan-story-viewer .p95-story-overlay{z-index:12!important;padding:90px 16px calc(18px + env(safe-area-inset-bottom))!important;background:linear-gradient(transparent,rgba(0,0,0,.9))!important}
.royan-story-viewer .p95-story-overlay h3{margin:7px 0 12px!important;font-size:20px!important}.royan-story-viewer .p95-story-cta{min-height:48px!important;border-radius:12px!important}
.royan-story-viewer .p97-hold-hint{z-index:11!important;top:64px!important;right:50%!important;bottom:auto!important;transform:translateX(50%);white-space:nowrap;background:rgba(0,0,0,.34)!important;color:rgba(255,255,255,.82)!important}
.p102-home-product-list .sfh-model-item{transform:none!important;background:#fff!important}.p102-home-product-list .sfh-model-item:before,.p102-home-product-list .sfh-model-item:after{display:none!important}
@media(min-width:721px){.royan-story-viewer{top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;width:min(430px,calc(100vw - 40px))!important;height:min(760px,calc(100dvh - 32px))!important;aspect-ratio:9/16;transform:translate(-50%,-50%)!important;border-radius:16px!important;box-shadow:0 30px 100px rgba(0,0,0,.7)!important}.p95-stories:has(.royan-story-viewer:not([hidden])):after{content:"";position:fixed;z-index:999;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}}
@media(max-width:720px){.p102-home-product-list.is-grid .sfh-model-item{display:grid!important;grid-template-columns:1fr!important}.p102-home-product-list.is-list .sfh-model-item{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important}}


/* Source: storefront-final.css */
/* Royan Final UI/UX Hardening — frozen pilot surface */
.sf-product-more-tools{margin-top:14px;border:1px solid #dce5f1;border-radius:18px;background:#fff;overflow:hidden}.sf-product-more-tools>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:10px 14px}.sf-product-more-tools>summary::-webkit-details-marker{display:none}.sf-product-more-tools>summary b{display:block;font-size:14px;color:#203750}.sf-product-more-tools>summary small{display:block;margin-top:2px;font-size:11px;color:#75859b}.sf-product-more-tools>summary i{font-style:normal;font-size:20px;color:#61728a;transition:.18s}.sf-product-more-tools[open]>summary i{transform:rotate(180deg)}.sf-product-more-tools-body{display:grid;gap:10px;padding:0 12px 12px}.sf-product-more-tools-body>.p101-fit-gauge,.sf-product-more-tools-body>.p98-margin-sim,.sf-product-more-tools-body>.p98-reseller-kit{margin:0!important}
.p95-story-close,[data-story-details-close]{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;font-size:24px!important}.sf54-guide-fab{min-height:44px}
@media(max-width:720px){
 .sf-bottom-nav a{font-size:11px!important;min-height:48px}.sf-bottom-nav svg{width:21px;height:21px}.sf-bottom-nav .sf-cart-dot{font-size:10px!important;min-width:19px;height:19px}
 .sf-product-name,.sf-product-name>span:first-child{font-size:14px!important;line-height:1.55}.sf-product-meta,.sf-product-meta span,.sf-price small,.sf-product-status,.sf-stock-badge{font-size:11px!important;line-height:1.6}.sf-price b{font-size:13px!important}.sf-price-action{font-size:12px!important;min-height:44px!important;display:inline-flex;align-items:center;justify-content:center}
 .sf-series-card{min-height:82px!important;padding:10px 8px!important}.sf-series-card b{font-size:12px!important}.sf-series-card small,.sf-series-card em,.sf-series-card .sf-series-stock,.sf-series-min,.sf-series-production-note,.sf-series-unavailable{font-size:11px!important;line-height:1.6!important}.sf-price-line{font-size:12px!important;min-height:30px}.sf-price-line.is-total{font-size:13px!important}.sf-stock-note{font-size:11px!important;line-height:1.65;min-height:40px}.sf-buy-info>small{font-size:11px!important;line-height:1.6}
 .sf-stepper{grid-template-columns:44px 54px 44px!important}.sf-stepper button,.sf-stepper input{height:44px!important}.sf-stepper input,.sf-field input,.sf-field select,.sf-field textarea,.sf66-form-grid input,.sf66-form-grid select,.sf66-form-grid textarea{font-size:16px!important}.sf-qty-presets button{min-width:44px;min-height:44px;font-size:13px!important}.sf-primary-btn,.sf-secondary-btn,.sf-add-to-order-btn{min-height:48px;font-size:13px!important}.sf-color-more,.sf-view-color-media,.sf-change-color,.p95-stock-alert{min-height:44px;font-size:11px!important}
 .sf-color-card{min-height:58px}.sf-color-copy b{font-size:12px!important}.sf-color-copy small,.sf-color-section-head span,.sf-unavailable-colors summary small{font-size:11px!important;line-height:1.55}.sf-selected-color-copy small,.sf-selected-color-copy em{font-size:11px!important}.sf-selected-color-copy b{font-size:13px!important}
 .p95-story-close,[data-story-details-close]{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.p95-story-viewer small,.p95-story-details small{font-size:11px!important}
 .sf-product-more-tools>summary{min-height:62px}.sf-product-more-tools>summary b{font-size:13px}.sf-product-more-tools>summary small{font-size:11px}
}


/* Royan v0.104.1 – storefront mobile refinement */
body.story-open .sf-topbar,body.story-open .sf-bottom-nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body.story-open{overscroll-behavior:none}
.p102-live-zone{margin-bottom:10px!important;padding:9px 10px!important;border-radius:18px!important}
.p102-live-zone-head{margin-bottom:6px!important;align-items:center!important}
.p102-live-zone-head>div:first-child{display:flex!important;align-items:center!important;min-height:28px}
.p102-live-zone-head>div:first-child>b{font-size:14px!important;line-height:1.4!important}
.p102-live-zone-head>div:first-child>span,.p102-live-zone-head>div:first-child>small{display:none!important}
.p102-market-badge{min-height:32px!important;padding:4px 8px!important;border-radius:12px!important;gap:6px!important}
.p102-market-badge small{display:none!important}.p102-market-badge b{font-size:10px!important;line-height:1.3!important}
.p102-live-zone .p95-story-strip{padding:2px 1px 2px!important;gap:8px!important}
.p102-live-zone .p95-story-bubble{min-width:66px!important;gap:5px!important}.p102-live-zone .p95-story-ring{width:58px!important;height:58px!important}
.p102-live-zone .p95-story-label{font-size:10px!important;line-height:1.35!important;max-width:66px!important}
.royan-story-viewer{touch-action:pan-y!important;transition:transform .18s ease,opacity .18s ease}
.royan-story-viewer.is-dragging{transition:none!important}
.royan-story-viewer .p95-story-close{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:50%!important;background:rgba(0,0,0,.46)!important;box-shadow:0 8px 26px rgba(0,0,0,.28)!important}
.royan-story-viewer .p95-story-overlay{padding-bottom:calc(22px + env(safe-area-inset-bottom))!important}
.royan-story-viewer .p95-story-cta{min-height:50px!important;font-size:14px!important;font-weight:950!important}
.royan-story-header small{font-size:10px!important}.royan-story-header b{font-size:13px!important}
.sfh-models-head .sf-kicker{display:none!important}
.sfh-home-search .sf-search-submit{min-width:84px}
.sfh-home-search input::placeholder{font-size:12px}
.sfh-market-tags{display:none!important}
.p102-home-product-list .sfh-model-item,.sf-v54 .sfh-model-item{border:1px solid #d6e0ec!important;border-radius:19px!important;box-shadow:0 10px 26px rgba(22,43,76,.06)!important;background:#fff!important}
.p102-home-product-list .sfh-model-item:hover,.sf-v54 .sfh-model-item:hover{transform:none!important;box-shadow:0 12px 28px rgba(22,43,76,.08)!important;border-color:#c8d5e5!important}
.sfh-model-content{padding:12px!important;gap:10px!important}.sfh-model-topline h3{font-size:15px!important;line-height:1.5!important}.sfh-model-code{font-size:11px!important}
.sfh-model-topline .sf-product-status{font-size:10px!important;padding:4px 8px!important;border-radius:999px!important}
.sfh-model-meta{gap:6px!important}.sfh-model-meta span{padding:6px 9px!important;font-size:10px!important;border:1px solid #e1e8f2!important;background:#f8fbff!important;color:#5d6f85!important}
.sfh-model-meta b{font-size:11px!important}
.sfh-model-bottom{padding-top:8px!important;border-top:1px dashed #e1e8f1!important;align-items:center!important}
.sfh-model-price small{font-size:10px!important}.sfh-model-price strong{font-size:15px!important;line-height:1.4!important}.sfh-model-price strong span{font-size:10px!important}
.sfh-model-action{min-height:42px!important;padding:0 12px!important;font-size:12px!important;font-weight:900!important;border-radius:12px!important;box-shadow:0 8px 18px rgba(31,58,99,.12)!important}
@media(max-width:720px){
 .sfh-home{gap:10px!important}
 .p102-live-zone{margin-inline:-1px!important;padding:8px 9px!important;border-radius:17px!important}
 .p102-live-zone-head{margin-bottom:5px!important}.p102-live-zone-head>div:first-child>b{font-size:13px!important}.p102-market-badge{max-width:40%!important;min-height:28px!important;padding:3px 7px!important}.p102-market-badge b{font-size:9px!important}
 .p102-live-zone .p95-story-strip{gap:7px!important;padding-bottom:1px!important}.p102-live-zone .p95-story-bubble{min-width:60px!important}.p102-live-zone .p95-story-ring{width:54px!important;height:54px!important}.p102-live-zone .p95-story-label{font-size:9.5px!important;max-width:60px!important}
 .sfh-models-head{padding:2px 1px!important;align-items:center!important}.sfh-models-head h1{font-size:18px!important;margin-top:0!important}.sfh-models-head p{font-size:10.5px!important}
 .sfh-catalog-tools{padding:8px!important;border-radius:14px!important;gap:8px!important}
 .sfh-home-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:6px!important;align-items:center!important}.sfh-home-search svg{margin-inline-start:8px}.sfh-home-search input{font-size:13px!important}.sfh-home-search .sf-search-submit{min-width:64px!important;padding:0 10px!important;font-size:11px!important}
 .sfh-filter-row{gap:6px!important}
 .sfh-model-list:not(.is-grid) .sfh-model-item,.sfh-model-list.is-list .sfh-model-item,.p102-home-product-list.is-list .sfh-model-item{grid-template-columns:124px minmax(0,1fr)!important;border-radius:18px!important}
 .sfh-model-image{border-left:1px solid #eef2f7!important}.sfh-model-image img{object-fit:cover!important}
 .sfh-model-content{padding:11px 10px!important;gap:9px!important}.sfh-model-topline{gap:6px!important}.sfh-model-topline h3{font-size:13px!important}.sfh-model-code{font-size:10px!important}.sfh-model-topline .sf-product-status{font-size:9px!important;padding:4px 7px!important}
 .sfh-model-meta{gap:5px!important}.sfh-model-meta span{font-size:9px!important;padding:5px 7px!important}.sfh-model-meta b{font-size:10px!important}
 .sfh-model-price small{font-size:9px!important}.sfh-model-price strong{font-size:12.5px!important}.sfh-model-price strong span{font-size:9px!important}.sfh-model-action{min-height:38px!important;padding:0 10px!important;font-size:11px!important}
 .sfh-view-toggle{display:none!important}
}


/* Royan v0.104.2 – story cleanup & mobile search stability */
.royan-story-viewer .p95-story-overlay{display:grid!important;align-content:end!important;gap:10px!important}
.royan-story-viewer .p95-story-overlay h3{margin-bottom:4px!important}
.royan-story-viewer .p95-story-cta-form,.royan-story-viewer .p95-story-cta{order:3}
.p97-story-details-hint{display:flex;align-items:center;justify-content:center;gap:8px;order:2;min-height:24px;padding:2px 10px;color:rgba(255,255,255,.88);font-size:11px;font-weight:800;text-align:center}
.p97-story-details-hint i{display:block;width:34px;height:5px;border-radius:999px;background:rgba(255,255,255,.42)}
.p97-story-details-hint span{display:block}
.royan-story-viewer.is-details-open .p95-story-cta-form,.royan-story-viewer.is-details-open .p95-story-cta,.royan-story-viewer.is-details-open .p97-story-details-hint{opacity:0!important;pointer-events:none!important;transform:translateY(18px)!important}
.p97-story-details{right:0!important;left:0!important;bottom:0!important;border-radius:24px 24px 0 0!important;padding:26px 18px calc(20px + env(safe-area-inset-bottom))!important;z-index:30!important;max-height:min(64dvh,520px)!important;overflow:auto!important}
.p97-story-details-handle{position:absolute;top:10px;right:50%;transform:translateX(50%);width:52px;height:5px;border-radius:999px;background:rgba(255,255,255,.34)}
.p97-story-details>button{top:10px!important;left:10px!important;z-index:2}
.p97-story-details h4{margin-top:14px!important;padding-left:34px}
.p97-story-details p{padding-bottom:4px}
.p98-story-claim,.p98-real-demand{display:none!important}
.sfh-home-search{display:grid!important;grid-template-columns:20px minmax(0,1fr) auto auto!important;align-items:center!important;gap:6px!important;min-width:0!important}
.sfh-home-search svg{grid-column:1;align-self:center}.sfh-home-search input{grid-column:2;min-width:0!important;width:100%!important}.sfh-home-search .sf-search-clear{grid-column:3;justify-self:center}.sfh-home-search .sf-search-submit{grid-column:4;justify-self:stretch;white-space:nowrap}
.sfh-catalog-tools{align-items:stretch!important}
@media(max-width:720px){
  .royan-story-viewer .p95-story-overlay{gap:9px!important;padding-inline:14px!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}
  .royan-story-viewer .p95-story-cta{min-height:48px!important;font-size:13px!important}
  .p97-story-details-hint{font-size:10px!important;min-height:22px!important;padding-inline:6px!important}.p97-story-details-hint i{width:30px!important}
  .p97-story-details{padding:24px 14px calc(18px + env(safe-area-inset-bottom))!important;max-height:min(68dvh,520px)!important}
  .p97-story-details h4{font-size:16px!important}.p97-story-details div{padding:8px 0!important}.p97-story-details small,.p97-story-details b,.p97-story-details p{font-size:11px!important;line-height:1.75!important}
  .sfh-home-search{grid-template-columns:18px minmax(0,1fr) 34px 66px!important;padding-right:10px!important;padding-left:6px!important;min-height:50px!important}
  .sfh-home-search .sf-search-submit{min-width:66px!important;max-width:66px!important;height:40px!important;padding:0!important;font-size:11px!important}
  .sfh-home-search .sf-search-clear{width:34px!important;height:34px!important;min-width:34px!important}
}


/* Royan v0.104.3 – root fix for floating controls and story chrome */
.p101-experience-fab,.p101-experience-sheet{display:none!important}
.royan-story-close-btn{position:absolute!important;z-index:2147483000!important;top:calc(max(10px,env(safe-area-inset-top)) + 12px)!important;left:12px!important;right:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(0,0,0,.48)!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 8px 24px rgba(0,0,0,.24)!important;transform:none!important;overflow:visible!important;line-height:1!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}
.royan-story-close-btn span{display:block!important;position:static!important;transform:none!important;margin:0!important;padding:0!important;color:#fff!important;font-size:29px!important;font-weight:400!important;line-height:36px!important;pointer-events:none!important}
.royan-story-close-btn:focus,.royan-story-close-btn:active{position:absolute!important;top:calc(max(10px,env(safe-area-inset-top)) + 12px)!important;left:12px!important;right:auto!important;transform:none!important;background:rgba(0,0,0,.62)!important}
.royan-story-details-hint{position:absolute!important;z-index:15!important;right:50%!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;transform:translateX(50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:34px!important;max-width:calc(100% - 32px)!important;padding:6px 10px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;background:rgba(0,0,0,.42)!important;color:rgba(255,255,255,.92)!important;backdrop-filter:blur(8px)!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important;pointer-events:none!important}
.royan-story-details-hint i{width:26px!important;height:4px!important;flex:0 0 26px!important;border-radius:999px!important;background:rgba(255,255,255,.55)!important}
.royan-story-viewer.is-details-open .royan-story-details-hint{display:none!important}
.royan-story-viewer .p95-story-overlay,.royan-story-viewer .p97-story-overlay,.royan-story-viewer .p95-story-badge,.royan-story-viewer .p95-story-cta,.royan-story-viewer .p95-story-cta-form,.royan-story-viewer .p97-story-buy,.royan-story-viewer .p97-story-details-trigger{display:none!important}
/* Safety: ripple feedback must never rewrite fixed/absolute positioning */
.p101-neon-ripple{overflow:hidden!important}.p101-ripple-host{position:relative}
[data-story-close],[data-story-details-close],.p101-experience-fab,.p101-voice-orb{--no-ripple:1}
@media(max-width:720px){
 .royan-story-close-btn,.royan-story-close-btn:focus,.royan-story-close-btn:active{top:calc(max(8px,env(safe-area-inset-top)) + 11px)!important;left:10px!important;right:auto!important;width:44px!important;height:44px!important}
 .royan-story-details-hint{bottom:calc(14px + env(safe-area-inset-bottom))!important;max-width:calc(100% - 24px)!important;font-size:9.5px!important}
}


/* Royan v0.104.4 – variant page readability + story media path fix */
.sfm-model-strip{border:1.5px solid #d6e1ee!important;background:linear-gradient(145deg,#fff,#f7faff)!important;box-shadow:0 12px 28px rgba(27,50,83,.07)!important}
.sfm-model-strip-main{min-width:0}.sfm-model-strip-kicker{font-size:10px!important;font-weight:950!important;color:#315f9f!important;letter-spacing:0!important}.sfm-model-strip h1{font-size:22px!important;line-height:1.45!important;font-weight:950!important;color:#172f4d!important;margin:2px 0!important}.sfm-model-strip-main small{font-size:11px!important;color:#667a92!important;line-height:1.6!important}.sfm-model-strip-main small b{font-size:11.5px!important;color:#27486f!important}
.sfm-model-strip-back{display:grid!important;gap:1px!important;align-content:center!important;min-width:128px!important;min-height:52px!important;padding:7px 11px!important;border:1px solid #ccd9e8!important;border-radius:13px!important;background:#fff!important;color:#213d61!important;box-shadow:0 5px 14px rgba(30,57,92,.06)!important;text-align:right!important}.sfm-model-strip-back small{font-size:8.5px!important;color:#8a98aa!important}.sfm-model-strip-back b{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px!important}.sfm-model-strip-back span{font-size:10px!important;color:#155fc7!important;font-weight:950!important}
.p96-color-theme-tabs{display:none!important}.p96-color-status-tabs{margin-top:0!important}.sfm-color-toolbar-v62{grid-template-columns:minmax(0,1fr)!important}
.sfm-color-grid{gap:12px!important}.sfm-color-card{border:1.5px solid #cfdbe9!important;border-radius:18px!important;background:#fff!important;box-shadow:0 9px 22px rgba(22,45,77,.07)!important;overflow:hidden!important}.sfm-color-card:hover,.sfm-color-card:focus-visible{border-color:#8cadd6!important;box-shadow:0 14px 30px rgba(24,50,86,.12)!important}.sfm-color-card-media{background:linear-gradient(145deg,#fafcff,#eef3f8)!important;border-bottom:1px solid #e3eaf2!important}.sfm-color-card-body{display:grid!important;gap:8px!important;padding:10px!important}.sfm-color-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important}.sfm-color-title b{font-size:13px!important;font-weight:950!important;color:#203753!important}.sfm-color-title small{display:inline-flex!important;font-size:9.5px!important;padding:3px 6px!important;border-radius:999px!important;background:#edf4ff!important;color:#315e9b!important}.sfm-color-meta{display:flex!important;gap:5px!important;flex-wrap:wrap!important;min-height:0!important}.sfm-color-meta span{display:inline-flex!important;padding:4px 6px!important;border:1px solid #e1e8f0!important;border-radius:8px!important;background:#f8fafc!important;color:#60738b!important;font-size:9px!important;line-height:1.35!important}.sfm-color-footer{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:7px!important;padding-top:7px!important;border-top:1px dashed #e2e9f1!important}.sfm-color-price{display:grid!important;gap:1px!important}.sfm-color-price small{font-size:9px!important;color:#8492a4!important}.sfm-color-price b{font-size:12px!important;color:#173653!important;font-weight:950!important}.sfm-card-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0 9px!important;border-radius:9px!important;font-size:10px!important}
@media(max-width:720px){.sfm-model-strip{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:10px!important}.sfm-model-strip h1{font-size:18px!important}.sfm-model-strip-main small{font-size:10px!important;white-space:normal!important}.sfm-model-strip-back{min-width:104px!important;min-height:48px!important;padding:6px 8px!important}.sfm-model-strip-back b{max-width:96px;font-size:10px!important}.sfm-model-strip-back span{font-size:9px!important}.sfm-color-toolbar-v62{padding:7px!important}.p96-color-status-tabs .sf-chip{font-size:11px!important;min-height:38px!important}.sfm-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.sfm-color-card{border-radius:15px!important}.sfm-color-card-media{aspect-ratio:1.12/1!important;padding:6px!important}.sfm-color-card-body{display:grid!important;padding:8px!important;gap:6px!important}.sfm-color-title b{font-size:11.5px!important}.sfm-color-title small{display:inline-flex!important;font-size:8.5px!important}.sfm-color-meta{display:flex!important;gap:4px!important}.sfm-color-meta span{display:inline-flex!important;font-size:8.5px!important;padding:3px 5px!important}.sfm-color-meta span:nth-child(3){display:none!important}.sfm-color-footer{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;padding-top:6px!important}.sfm-color-price small{font-size:8.5px!important}.sfm-color-price b{font-size:10.5px!important}.sfm-card-cta{display:flex!important;width:100%!important;min-height:34px!important;font-size:9.5px!important}.p96-selected-color{padding:8px 9px!important}.p96-selected-color small{font-size:10px!important}.p96-selected-color b{font-size:12px!important}}


/* Royan v0.104.5 — focused cart, catalog and checkout */
.sf105-catalog{display:grid;gap:12px;padding-bottom:100px}.sf105-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:3px 2px}.sf105-catalog-head h1{margin:0;color:#20344d;font-size:24px}.sf105-catalog-head p{margin:4px 0 0;color:#7d8da1;font-size:11px}.sf105-clear-all{display:inline-flex;align-items:center;min-height:38px;padding:0 11px;border:1px solid #dae4ef;border-radius:11px;background:#fff;color:#536b86;font-size:11px;font-weight:900}.sf105-filter-panel{display:grid;gap:12px;padding:12px;border:1px solid #dce5ef;border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(29,48,80,.05)}.sf105-filter-group{display:grid;grid-template-columns:78px minmax(0,1fr);gap:9px;align-items:center}.sf105-filter-group>b{color:#344c68;font-size:11px}.sf105-filter-scroll{display:flex;gap:7px;overflow-x:auto;padding:1px 0 3px;scrollbar-width:none}.sf105-filter-scroll::-webkit-scrollbar{display:none}.sf105-filter-scroll .sf-chip{white-space:nowrap}.sf105-budget-form{display:grid;grid-template-columns:minmax(220px,340px) auto auto;gap:8px;align-items:end;padding-top:10px;border-top:1px dashed #e1e7ef}.sf105-budget-form label>span{display:block;margin-bottom:5px;color:#53677f;font-size:10px;font-weight:900}.sf105-budget-form label>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;height:44px;border:1px solid #d9e3ef;border-radius:12px;background:#fbfdff;overflow:hidden}.sf105-budget-form input{min-width:0;height:100%;border:0;outline:0;background:transparent;padding:0 11px;font-size:14px}.sf105-budget-form em{padding:0 10px;color:#7b8a9c;font-size:10px;font-style:normal}.sf105-budget-form button,.sf105-budget-form>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:12px;padding:0 13px;font-size:11px;font-weight:900}.sf105-budget-form button{background:#243954;color:#fff}.sf105-budget-form>a{border:1px solid #dde5ee;background:#fff;color:#687b91}.sf105-results-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:1px 2px}.sf105-results-bar b{color:#243a55;font-size:14px}.sf105-results-bar span{color:#8190a2;font-size:10px}.sf105-catalog-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px!important}.sf105-loader{margin-top:3px}.sf64-cart-page .p99-volume-bar,.sf64-cart-page .p98-bale-loop,.sf64-cart-page .p100-instant-proforma,.sf64-cart-page .p100-instant-mini{display:none!important}.sf66-checkout-page>.sf64-cart-topline:first-child{margin-top:0!important}
@media(max-width:980px) and (min-width:721px){.sf105-catalog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.sf105-catalog{gap:10px!important;padding-top:9px!important}.sf105-catalog-head{align-items:center}.sf105-catalog-head h1{font-size:18px}.sf105-catalog-head p{font-size:10px}.sf105-clear-all{min-height:34px;font-size:10px;padding-inline:9px}.sf105-filter-panel{gap:10px;padding:9px;border-radius:15px;box-shadow:none}.sf105-filter-group{grid-template-columns:1fr;gap:5px}.sf105-filter-group>b{font-size:10px}.sf105-filter-scroll{margin-inline:-2px;padding-inline:2px}.sf105-filter-scroll .sf-chip{min-height:38px!important;padding:0 11px!important;font-size:10.5px!important;display:inline-flex;align-items:center}.sf105-budget-form{grid-template-columns:minmax(0,1fr) 64px;gap:6px;padding-top:8px}.sf105-budget-form label{min-width:0}.sf105-budget-form label>span{font-size:10px}.sf105-budget-form label>div{height:42px}.sf105-budget-form input{font-size:16px!important;padding-inline:9px}.sf105-budget-form button{min-height:42px;padding:0 8px}.sf105-budget-form>a{grid-column:1/-1;min-height:36px}.sf105-results-bar{padding-top:1px}.sf105-results-bar b{font-size:13px}.sf105-results-bar span{font-size:9.5px}.sf105-catalog-list{grid-template-columns:1fr!important;gap:9px!important}.sf105-catalog-list .sfh-model-item{display:grid!important;grid-template-columns:124px minmax(0,1fr)!important}.sf105-catalog-list .sfh-model-image{aspect-ratio:auto!important;min-height:132px!important}.sf105-catalog-list .sfh-model-content{align-content:center}.sf64-cart-overview{margin-bottom:9px!important}.sf64-cart-savebar{margin-top:0!important}.sf66-checkout-page{padding-top:8px!important}.sf66-checkout-page>.sf64-cart-topline{margin-top:0!important;margin-bottom:9px!important}}


/* Royan 0.104.6 — product color modal JS fix, gallery polish, catalog search cleanup */
.p101-voice-orb,.p101-voice-wave{display:none!important}

/* Catalog search: compact, deliberate and visually separate from filters. */
.sf105-filter-panel{padding:16px!important;gap:14px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;border-color:#d9e3ef!important;box-shadow:0 12px 32px rgba(27,47,78,.055)!important}
.sf105-catalog-search{width:min(820px,100%)!important;margin:0 auto 2px!important;height:56px!important;min-height:56px!important;display:grid!important;grid-template-columns:24px minmax(0,1fr) 38px 96px!important;align-items:center!important;gap:8px!important;padding:5px 6px 5px 14px!important;border:1.5px solid #cfdceb!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(28,48,79,.055)!important}
.sf105-catalog-search:focus-within{border-color:#8fb3ee!important;box-shadow:0 0 0 4px rgba(37,99,235,.07),0 10px 28px rgba(28,48,79,.07)!important}
.sf105-catalog-search>svg{grid-column:1;width:21px!important;height:21px!important;margin:0!important;color:#4f7dc4!important}
.sf105-catalog-search>#sf-catalog-search{grid-column:2;width:100%!important;min-width:0!important;height:44px!important;padding:0 4px!important;font-size:14px!important;font-weight:650!important;color:#243b58!important}
.sf105-catalog-search .sf-search-clear{grid-column:3!important;width:36px!important;height:36px!important;min-width:36px!important;justify-self:center!important;border-radius:10px!important;background:#f3f6fa!important;color:#74859a!important}
.sf105-catalog-search .sf-search-submit{grid-column:4!important;width:96px!important;min-width:96px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 12px!important;border-radius:13px!important;background:linear-gradient(135deg,#1f67e8,#1552c4)!important;color:#fff!important;font-size:12px!important;box-shadow:0 8px 18px rgba(31,103,232,.22)!important}
.sf105-filter-group{padding:3px 0!important}.sf105-budget-form{margin-top:1px!important}

/* Color picker gallery: visual focus without changing the ordering flow. */
.sfm-picker-gallery-v62{position:relative!important;isolation:isolate;padding:14px!important;border:1px solid #d8e3ef!important;border-radius:22px!important;background:linear-gradient(145deg,#f8fbff 0%,#eef4fb 52%,#f9fbfd 100%)!important;box-shadow:0 16px 34px rgba(28,49,78,.08)!important;overflow:hidden!important}
.sfm-picker-gallery-v62:before,.sfm-picker-gallery-v62:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}
.sfm-picker-gallery-v62:before{width:220px;height:220px;right:-90px;top:-105px;background:radial-gradient(circle,rgba(37,99,235,.16),rgba(37,99,235,0) 70%)}
.sfm-picker-gallery-v62:after{width:180px;height:180px;left:-75px;bottom:-90px;background:radial-gradient(circle,rgba(16,185,129,.13),rgba(16,185,129,0) 72%)}
.sfm-picker-gallery-v62 .sfm-picker-stage{position:relative!important;display:grid!important;place-items:center!important;min-height:420px!important;aspect-ratio:1.08/1!important;overflow:hidden!important;border:1px solid rgba(193,208,227,.9)!important;border-radius:20px!important;background:radial-gradient(circle at 50% 42%,#fff 0%,#f8fbff 48%,#e9f0f8 100%)!important;box-shadow:inset 0 1px 0 #fff,0 14px 32px rgba(20,42,72,.09)!important}
.sfm-picker-gallery-v62 .sfm-picker-stage:after{content:"";position:absolute;inset:auto 8% 5% 8%;height:18%;border-radius:50%;background:radial-gradient(ellipse,rgba(20,35,57,.16),transparent 68%);filter:blur(14px);pointer-events:none}
.sfm-picker-gallery-v62 .sfm-picker-stage img,.sfm-picker-gallery-v62 .sfm-picker-stage video{position:relative;z-index:1;display:block!important;width:100%!important;height:100%!important;max-height:520px!important;object-fit:contain!important;padding:14px!important;filter:drop-shadow(0 18px 18px rgba(25,45,73,.13));transition:opacity .2s ease,transform .24s ease!important}
.sfm-picker-gallery-v62 .sfm-picker-stage.is-media-switching img,.sfm-picker-gallery-v62 .sfm-picker-stage.is-media-switching video{opacity:.35;transform:scale(.975)}
.sfm-picker-thumbs-v62{display:flex!important;gap:9px!important;overflow-x:auto!important;padding:10px 2px 3px!important;scrollbar-width:none!important}.sfm-picker-thumbs-v62::-webkit-scrollbar{display:none}
.sfm-picker-thumb{position:relative!important;flex:0 0 72px!important;width:72px!important;height:72px!important;overflow:hidden!important;padding:3px!important;border:2px solid transparent!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 14px rgba(25,46,76,.08)!important;transition:.18s ease!important}
.sfm-picker-thumb img,.sfm-picker-thumb video{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:10px!important}
.sfm-picker-thumb.is-active{border-color:#2563eb!important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.18)!important}
.sfm-gallery-caption{margin-top:9px!important;padding:9px 11px!important;border-radius:12px!important;background:rgba(255,255,255,.78)!important;color:#52677f!important;text-align:center!important;backdrop-filter:blur(8px)}
.sfm-gallery-caption b{font-size:11px!important;line-height:1.7!important}

@media(max-width:720px){
 .sf105-filter-panel{padding:9px!important;gap:10px!important;box-shadow:none!important}
 .sf105-catalog-search{width:100%!important;height:52px!important;min-height:52px!important;grid-template-columns:20px minmax(0,1fr) 34px 68px!important;gap:5px!important;padding:4px 5px 4px 10px!important;border-radius:15px!important}
 .sf105-catalog-search>svg{width:19px!important;height:19px!important}
 .sf105-catalog-search>#sf-catalog-search{height:42px!important;font-size:16px!important}
 .sf105-catalog-search .sf-search-clear{width:32px!important;height:32px!important;min-width:32px!important}
 .sf105-catalog-search .sf-search-submit{width:68px!important;min-width:68px!important;height:40px!important;min-height:40px!important;padding:0 7px!important;border-radius:11px!important;font-size:11px!important}
 .sfm-picker-gallery-v62{padding:9px!important;border-radius:18px!important}
 .sfm-picker-gallery-v62 .sfm-picker-stage{min-height:300px!important;aspect-ratio:1/1!important;border-radius:16px!important}
 .sfm-picker-gallery-v62 .sfm-picker-stage img,.sfm-picker-gallery-v62 .sfm-picker-stage video{max-height:390px!important;padding:9px!important}
 .sfm-picker-thumb{flex-basis:62px!important;width:62px!important;height:62px!important;border-radius:13px!important}
 .sfm-gallery-caption{margin-top:7px!important;padding:7px 9px!important}.sfm-gallery-caption b{font-size:10px!important}
}

/* Royan 0.104.7 — stable variant gallery, swipe and full-screen zoom */
.sfm-picker-layout-v62{grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr)!important;align-items:start!important}
.sfm-picker-gallery-v62{padding:10px!important;border-radius:20px!important;overflow:visible!important;position:sticky!important;top:10px!important}
.sfm-picker-gallery-v62 .sfm-picker-stage{position:relative!important;min-height:0!important;height:clamp(300px,42vh,390px)!important;aspect-ratio:auto!important;border-radius:18px!important;overflow:hidden!important;touch-action:pan-y!important;cursor:zoom-in!important;background:linear-gradient(145deg,#f8fbff,#edf3f9)!important}
.sfm-picker-media-host{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.sfm-picker-media-host img,.sfm-picker-media-host video{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;padding:10px!important;filter:none!important;user-select:none!important;-webkit-user-drag:none!important}
.sfm-picker-media-host video{cursor:default!important;background:#0e1726!important}
.sfm-gallery-nav{position:absolute!important;z-index:6!important;top:50%!important;transform:translateY(-50%)!important;width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:50%!important;background:rgba(18,35,57,.72)!important;color:#fff!important;font-size:27px!important;line-height:1!important;box-shadow:0 8px 22px rgba(15,32,53,.2)!important;backdrop-filter:blur(10px)!important;cursor:pointer!important}
.sfm-gallery-nav[hidden]{display:none!important}.sfm-gallery-nav.is-prev{right:10px!important}.sfm-gallery-nav.is-next{left:10px!important}
.sfm-gallery-counter{position:absolute!important;z-index:6!important;top:10px!important;right:10px!important;min-width:56px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 9px!important;border-radius:999px!important;background:rgba(17,34,55,.72)!important;color:#fff!important;font-size:10px!important;font-weight:900!important;backdrop-filter:blur(10px)!important;pointer-events:none!important}
.sfm-gallery-zoom-cue{position:absolute!important;z-index:6!important;right:50%!important;bottom:10px!important;transform:translateX(50%)!important;display:flex!important;align-items:center!important;gap:6px!important;min-height:31px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:999px!important;background:rgba(255,255,255,.88)!important;color:#304a68!important;font-size:9.5px!important;font-weight:900!important;box-shadow:0 6px 16px rgba(22,42,67,.11)!important;backdrop-filter:blur(8px)!important;pointer-events:none!important;white-space:nowrap!important}
.sfm-gallery-zoom-cue[hidden]{display:none!important}.sfm-gallery-zoom-cue b{font-size:14px!important;line-height:1!important}
.sfm-picker-thumbs-v62{margin-top:8px!important;padding:3px 1px 2px!important;gap:8px!important;scroll-snap-type:x proximity!important}.sfm-picker-thumbs-v62.is-single{display:none!important}
.sfm-picker-thumb{flex:0 0 64px!important;width:64px!important;height:64px!important;border-radius:13px!important;scroll-snap-align:center!important}.sfm-picker-thumb.is-active{transform:none!important}
.sfm-gallery-caption{margin-top:7px!important;padding:6px 8px!important;border:0!important;background:transparent!important;color:#6f8195!important}.sfm-gallery-caption b{font-size:9.5px!important;font-weight:800!important}

/* Full-screen image viewer. No external library: zoom + pinch + swipe are local. */
.sfm-lightbox-open{overflow:hidden!important}
.sfm-media-lightbox{position:fixed!important;z-index:2147483500!important;inset:0!important;direction:rtl!important;color:#fff!important}
.sfm-lightbox-backdrop{position:absolute!important;inset:0!important;background:rgba(4,9,16,.94)!important;backdrop-filter:blur(12px)!important}
.sfm-lightbox-shell{position:absolute!important;inset:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;background:radial-gradient(circle at 50% 45%,rgba(45,66,93,.32),rgba(3,8,15,.96) 58%)!important}
.sfm-lightbox-shell>header{position:relative!important;z-index:5!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:66px!important;padding:10px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left))!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.sfm-lightbox-shell>header>div{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}.sfm-lightbox-shell>header b{max-width:min(55vw,420px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important}.sfm-lightbox-shell>header span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:52px!important;height:28px!important;padding:0 8px!important;border-radius:999px!important;background:rgba(255,255,255,.1)!important;font-size:10px!important;color:#d9e3f0!important}
.sfm-lightbox-shell>header button{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:28px!important;line-height:1!important;cursor:pointer!important}
.sfm-lightbox-canvas{position:relative!important;min-height:0!important;overflow:hidden!important;display:grid!important;place-items:center!important;touch-action:none!important;user-select:none!important}
.sfm-lightbox-media{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.sfm-lightbox-media img{display:block!important;max-width:94vw!important;max-height:calc(100dvh - 150px)!important;width:auto!important;height:auto!important;object-fit:contain!important;transform-origin:center center!important;transition:transform .08s linear!important;will-change:transform!important;-webkit-user-drag:none!important;user-select:none!important}
.sfm-lightbox-nav{position:absolute!important;z-index:4!important;top:50%!important;transform:translateY(-50%)!important;width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:50%!important;background:rgba(10,21,36,.52)!important;color:#fff!important;font-size:32px!important;line-height:1!important;backdrop-filter:blur(8px)!important;cursor:pointer!important}.sfm-lightbox-nav[hidden]{display:none!important}.sfm-lightbox-nav.is-prev{right:16px!important}.sfm-lightbox-nav.is-next{left:16px!important}
.sfm-lightbox-shell>footer{position:relative!important;z-index:5!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;min-height:76px!important;padding:8px 14px calc(10px + env(safe-area-inset-bottom))!important;border-top:1px solid rgba(255,255,255,.08)!important;background:rgba(3,8,15,.62)!important;backdrop-filter:blur(10px)!important}
.sfm-lightbox-shell>footer small{color:#aebed0!important;font-size:9.5px!important}.sfm-lightbox-zoom-controls{display:flex!important;align-items:center!important;gap:6px!important;direction:ltr!important}.sfm-lightbox-zoom-controls button{min-width:42px!important;height:38px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:11px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:17px!important;font-weight:900!important}.sfm-lightbox-zoom-controls [data-lb-reset]{min-width:68px!important;font-size:10px!important}

@media(max-width:900px){
 .sfm-picker-layout-v62{grid-template-columns:1fr!important}.sfm-picker-gallery-v62{position:relative!important;top:auto!important}
}
@media(max-width:720px){
 .sfm-picker-panel-v62{padding:9px!important}.sfm-picker-layout-v62{gap:8px!important}
 .sfm-picker-gallery-v62{padding:7px!important;border-radius:15px!important;box-shadow:none!important}
 .sfm-picker-gallery-v62 .sfm-picker-stage{height:250px!important;min-height:250px!important;aspect-ratio:auto!important;border-radius:13px!important}
 .sfm-picker-media-host img,.sfm-picker-media-host video{padding:6px!important}
 .sfm-gallery-nav{width:36px!important;height:36px!important;font-size:24px!important}.sfm-gallery-nav.is-prev{right:7px!important}.sfm-gallery-nav.is-next{left:7px!important}
 .sfm-gallery-counter{top:7px!important;right:7px!important;height:27px!important;min-width:50px!important;font-size:9px!important}
 .sfm-gallery-zoom-cue{bottom:7px!important;min-height:28px!important;font-size:9px!important;padding:0 8px!important}
 .sfm-picker-thumbs-v62{margin-top:6px!important;gap:6px!important}.sfm-picker-thumb{flex-basis:55px!important;width:55px!important;height:55px!important;border-radius:11px!important}
 .sfm-gallery-caption{display:none!important}
 .sfm-lightbox-shell>header{min-height:58px!important;padding-top:calc(7px + env(safe-area-inset-top))!important}.sfm-lightbox-shell>header b{font-size:12px!important}.sfm-lightbox-shell>header button{width:42px!important;height:42px!important}
 .sfm-lightbox-media img{max-width:100vw!important;max-height:calc(100dvh - 130px)!important}
 .sfm-lightbox-nav{width:42px!important;height:42px!important;font-size:28px!important;background:rgba(7,17,29,.42)!important}.sfm-lightbox-nav.is-prev{right:8px!important}.sfm-lightbox-nav.is-next{left:8px!important}
 .sfm-lightbox-shell>footer{min-height:70px!important;display:grid!important;justify-items:center!important;gap:4px!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important}.sfm-lightbox-shell>footer small{font-size:8.5px!important;text-align:center!important}.sfm-lightbox-zoom-controls button{height:36px!important;min-width:40px!important}
}


/* Source: storefront-hotfix-1048.css */
/* Royan 0.104.8 — narrow hotfix: variant gallery mobile display + catalog forms only */

/* ========== Catalog: stop the oversized search/budget controls ========== */
.sf105-filter-panel{
  gap:12px!important;
  padding:13px!important;
  border:1px solid #dbe4ee!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(24,45,72,.045)!important;
}
.sf105-catalog-search{
  width:min(620px,100%)!important;
  margin:0 0 0 auto!important;
  min-height:48px!important;
  height:48px!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr) 34px 78px!important;
  align-items:center!important;
  gap:5px!important;
  padding:3px 5px 3px 10px!important;
  border:1px solid #d4deea!important;
  border-radius:14px!important;
  background:#fdfefe!important;
  box-shadow:none!important;
}
.sf105-catalog-search:focus-within{
  border-color:#9bb9e6!important;
  box-shadow:0 0 0 3px rgba(31,103,232,.07)!important;
}
.sf105-catalog-search>svg{
  width:19px!important;
  height:19px!important;
  margin:0!important;
  color:#6681a3!important;
}
.sf105-catalog-search>#sf-catalog-search{
  min-width:0!important;
  width:100%!important;
  height:40px!important;
  padding:0 4px!important;
  font-size:14px!important;
  font-weight:650!important;
  color:#263c56!important;
}
.sf105-catalog-search .sf-search-clear{
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  padding:0!important;
  border-radius:9px!important;
  background:#f2f5f8!important;
  color:#78889b!important;
}
.sf105-catalog-search .sf-search-submit{
  width:78px!important;
  min-width:78px!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 10px!important;
  border-radius:10px!important;
  background:#1f67e8!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
}
.sf105-filter-group{
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:8px!important;
  padding:1px 0!important;
}
.sf105-budget-form{
  grid-template-columns:minmax(250px,360px) 88px max-content!important;
  justify-content:start!important;
  align-items:end!important;
  gap:7px!important;
  margin:0!important;
  padding-top:10px!important;
}
.sf105-budget-form label{min-width:0!important}
.sf105-budget-form button{
  width:88px!important;
  min-width:88px!important;
  padding:0!important;
}
.sf105-budget-form>a{
  width:auto!important;
  min-width:0!important;
  padding:0 12px!important;
  white-space:nowrap!important;
}

/* ========== Variant picker modal: image-first, correct aspect, no compressed landscape stage ========== */
.sfm-picker-gallery-v62{
  overflow:visible!important;
  padding:9px!important;
  border:1px solid #dbe4ef!important;
  border-radius:18px!important;
  background:#f7f9fc!important;
  box-shadow:none!important;
}
.sfm-picker-gallery-v62:before,.sfm-picker-gallery-v62:after,
.sfm-picker-gallery-v62 .sfm-picker-stage:after{display:none!important}
.sfm-picker-gallery-v62 .sfm-picker-stage{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  border:1px solid #dce4ee!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
  cursor:zoom-in!important;
  touch-action:pan-y!important;
}
.sfm-picker-media-host{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#fff!important;
}
.sfm-picker-media-host img,.sfm-picker-media-host video,
.sfm-picker-gallery-v62 .sfm-picker-stage img,.sfm-picker-gallery-v62 .sfm-picker-stage video{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  padding:0!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  border-radius:0!important;
}
.sfm-gallery-counter{
  top:8px!important;
  right:8px!important;
  min-width:48px!important;
  height:28px!important;
  background:rgba(23,38,58,.78)!important;
  color:#fff!important;
  backdrop-filter:blur(7px)!important;
}
.sfm-gallery-counter[hidden]{display:none!important}
.sfm-gallery-zoom-cue{
  right:50%!important;
  left:auto!important;
  bottom:9px!important;
  transform:translateX(50%)!important;
  min-height:30px!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.85)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.9)!important;
  color:#31465f!important;
  box-shadow:0 4px 14px rgba(22,42,68,.10)!important;
  font-size:9.5px!important;
  white-space:nowrap!important;
}
.sfm-picker-thumbs-v62{
  margin-top:7px!important;
  padding:1px 0 2px!important;
  gap:7px!important;
}
.sfm-picker-thumb{
  flex:0 0 60px!important;
  width:60px!important;
  height:60px!important;
  padding:2px!important;
  border:1.5px solid #d5dfeb!important;
  border-radius:11px!important;
  box-shadow:none!important;
  background:#fff!important;
}
.sfm-picker-thumb.is-active{
  border-color:#2563eb!important;
  box-shadow:0 0 0 2px rgba(37,99,235,.10)!important;
  transform:none!important;
}
.sfm-gallery-caption{display:none!important}

@media(max-width:900px){
  .sfm-picker-layout-v62{grid-template-columns:1fr!important;gap:9px!important}
  .sfm-picker-gallery-v62{position:relative!important;top:auto!important}
}

@media(max-width:720px){
  .sf105-filter-panel{padding:8px!important;gap:9px!important;border-radius:14px!important;box-shadow:none!important}
  .sf105-catalog-search{
    width:100%!important;
    margin:0!important;
    min-height:48px!important;
    height:48px!important;
    grid-template-columns:18px minmax(0,1fr) 32px 66px!important;
    gap:4px!important;
    padding:3px 4px 3px 8px!important;
    border-radius:12px!important;
  }
  .sf105-catalog-search>#sf-catalog-search{height:40px!important;font-size:16px!important}
  .sf105-catalog-search .sf-search-clear{width:30px!important;min-width:30px!important;height:30px!important}
  .sf105-catalog-search .sf-search-submit{width:66px!important;min-width:66px!important;height:40px!important;min-height:40px!important;padding:0!important;font-size:11px!important}
  .sf105-filter-group{grid-template-columns:1fr!important;gap:5px!important}
  .sf105-budget-form{grid-template-columns:minmax(0,1fr) 72px!important;justify-content:stretch!important;gap:6px!important;padding-top:8px!important}
  .sf105-budget-form button{width:72px!important;min-width:72px!important}
  .sf105-budget-form>a{grid-column:1/-1!important;justify-self:start!important;min-height:34px!important}

  /* Full-width sheet stays full-width, but gallery uses the natural available width. */
  .sfm-color-modal-dialog{width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  .sfm-color-modal-scroll{height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  .sfm-picker-panel-v62{padding:10px 8px 18px!important;gap:9px!important}
  .sfm-picker-header-v62{padding-left:42px!important;padding-right:3px!important;min-height:72px!important}
  .sfm-picker-header-v62 h2{font-size:18px!important;line-height:1.45!important}
  .sfm-picker-header-v62 p{font-size:10.5px!important;line-height:1.55!important}
  .sfm-picker-gallery-v62{padding:5px!important;border-radius:14px!important;background:#f7f9fb!important}
  .sfm-picker-gallery-v62 .sfm-picker-stage{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    border-radius:11px!important;
  }
  .sfm-gallery-counter{top:6px!important;right:6px!important;height:26px!important;min-width:44px!important;font-size:9px!important}
  .sfm-gallery-zoom-cue{bottom:6px!important;min-height:28px!important;font-size:9px!important}
  .sfm-picker-thumb{flex-basis:54px!important;width:54px!important;height:54px!important;border-radius:10px!important}
  .sfm-modal-continue-cue{margin-top:0!important;min-height:36px!important;padding:6px 8px!important;font-size:9.5px!important}
  .sfm-picker-order-v62{gap:8px!important}
}


/* Source: storefront-hotfix-1052.css */
/* Royan 0.105.2 — isolated mobile variant-modal gallery fix */
.sfm-color-modal:not([hidden]) .sfm-picker-gallery-v62{
  position:relative!important;
  top:auto!important;
  overflow:visible!important;
}
.sfm-color-modal:not([hidden]) .sfm-picker-gallery-v62 .sfm-picker-stage{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1 / 1!important;
  overflow:hidden!important;
  background:#fff!important;
}
.sfm-color-modal:not([hidden]) .sfm-picker-media-host{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#fff!important;
}
.sfm-color-modal:not([hidden]) .sfm-picker-media-host>img,
.sfm-color-modal:not([hidden]) .sfm-picker-media-host>video{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
  border-radius:0!important;
  filter:none!important;
  transform:translate3d(var(--sfm-fit-x,0px),var(--sfm-fit-y,0px),0) scale(var(--sfm-fit-scale,1))!important;
  transform-origin:center center!important;
  transition:opacity .18s ease,transform .2s ease!important;
}
.sfm-color-modal:not([hidden]) .sfm-picker-stage.is-media-switching .sfm-picker-media-host>img,
.sfm-color-modal:not([hidden]) .sfm-picker-stage.is-media-switching .sfm-picker-media-host>video{
  opacity:.45!important;
}
@media(max-width:720px){
  .sfm-color-modal:not([hidden]) .sfm-picker-panel-v62{
    padding:9px 8px 122px!important;
    gap:8px!important;
  }
  .sfm-color-modal:not([hidden]) .sfm-picker-gallery-v62{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:4px!important;
    border-radius:14px!important;
    background:#f7f9fb!important;
  }
  .sfm-color-modal:not([hidden]) .sfm-picker-gallery-v62 .sfm-picker-stage{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1 / 1!important;
    border-radius:12px!important;
    background:#fff!important;
  }
  .sfm-color-modal:not([hidden]) .sfm-picker-thumbs-v62{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:6px!important;
    padding:4px 1px 2px!important;
    scrollbar-width:none!important;
  }
  .sfm-color-modal:not([hidden]) .sfm-picker-thumbs-v62::-webkit-scrollbar{display:none!important}
  .sfm-color-modal:not([hidden]) .sfm-picker-thumb{
    flex:0 0 52px!important;
    width:52px!important;
    height:52px!important;
  }
  .sfm-color-modal:not([hidden]) .sfm-gallery-zoom-cue{
    bottom:7px!important;
    max-width:calc(100% - 20px)!important;
  }
}


/* Source: storefront-intro.css */
.sf-intro{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,.8fr);gap:28px;align-items:center;margin:10px 0 24px;padding:34px 38px;border:1px solid #d9e4f0;border-radius:24px;background:radial-gradient(circle at 92% 5%,#dcecff,transparent 42%),linear-gradient(125deg,#f2f7ff 0%,#fff 68%);box-shadow:0 15px 40px rgba(32,57,87,.06)}
.sf-intro-eyebrow{display:inline-block;margin-bottom:11px;color:#1e5eae;font-size:.9rem;font-weight:700}
.sf-intro h1{max-width:720px;margin:0 0 13px;color:#162941;font-size:clamp(1.65rem,3vw,2.65rem);line-height:1.4;letter-spacing:-.02em}
.sf-intro-copy p{max-width:680px;margin:0;color:#40546b;font-size:1rem;line-height:2}
.sf-intro-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.sf-intro-benefits span{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #dce8f4;border-radius:999px;background:rgba(255,255,255,.8);color:#24445e;font-size:.84rem;font-weight:700}
.sf-intro-benefits span:before{content:'✓';display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e3f5ed;color:#11765c;font-size:11px}
.sf-intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}
.sf-intro-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:12px;text-decoration:none;font-weight:700}
.sf-intro-primary{background:#165ed7;color:white!important}.sf-intro-primary:hover{background:#1048aa}.sf-intro-primary span{margin-inline-start:10px}
.sf-intro-secondary{border:1px solid #cbd8e6;background:white;color:#24445e!important}.sf-intro-secondary:hover{border-color:#165ed7}
.sf-intro-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.sf-intro-steps li{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #e0e9f3;border-radius:13px;background:#fff;color:#263d55;font-weight:600;line-height:1.6}
.sf-intro-steps b{display:grid;flex:none;place-items:center;width:30px;height:30px;border-radius:9px;background:#e7f0ff;color:#165ed7}
.sf-intro-steps strong,.sf-intro-steps small{display:block}.sf-intro-steps strong{font-size:.95rem}.sf-intro-steps small{color:#63758b;font-size:.83rem;font-weight:400}
.sf-intro-steps li:last-child{border-color:#b8d3f5;box-shadow:0 8px 25px rgba(22,94,215,.08)}
.sf-intro :focus-visible{outline:3px solid #174da3;outline-offset:3px}
@media(max-width:760px){.sf-intro{grid-template-columns:1fr;gap:20px;margin:4px 0 20px;padding:24px 18px;border-radius:18px}.sf-intro h1{font-size:1.7rem}.sf-intro-copy p{font-size:.94rem}.sf-intro-benefits span{font-size:.78rem}.sf-intro-actions a{flex:1 1 180px}.sf-intro-steps{gap:8px}.sf-intro-steps li{padding:10px 12px}.p102-home-product-list.is-grid{grid-template-columns:1fr!important}.p102-home-product-list.is-grid .sfh-model-meta{display:flex!important}.p102-home-product-list.is-grid .sfh-model-meta span{font-size:11px!important}.p102-home-product-list.is-grid .sfh-model-topline h3{font-size:14px!important}.p102-home-product-list.is-grid .p102-home-price strong{font-size:17px!important}.p102-home-product-list.is-grid .p102-home-actions .sfh-model-action{display:flex!important}}


/* Source: storefront-buyer-experience.css */
/* Buyer journey, layered after the legacy storefront styles. */
:root{--buyer-ink:#14243a;--buyer-muted:#50657d;--buyer-blue:#1854c3;--buyer-blue-dark:#103b91;--buyer-line:#dce6f0;--buyer-soft:#f5f8fc;--buyer-green:#087454}
.sf-body{background:#f5f8fc;color:var(--buyer-ink)}
.sf-topbar{background:rgba(255,255,255,.96);border-bottom:1px solid var(--buyer-line)}
.sf-topbar .sf-brand-sub{color:var(--buyer-muted)}
.sf-main a:focus-visible,.sf-main button:focus-visible,.sf-main input:focus-visible,.sf-main select:focus-visible,.sf-main textarea:focus-visible{outline:3px solid #2d66c9;outline-offset:3px}
.sf-intro{position:relative;overflow:hidden;grid-template-columns:minmax(0,1.45fr) minmax(270px,.82fr);gap:clamp(20px,4vw,56px);min-height:380px;padding:clamp(24px,4vw,52px)!important;border:1px solid #d4e0ee!important;border-radius:28px!important;background:radial-gradient(circle at 10% 100%,#deebff 0,transparent 38%),linear-gradient(130deg,#f8fbff 5%,#e9f1ff 100%)!important;box-shadow:0 22px 54px rgba(32,70,124,.09)!important}
.sf-intro:before{content:"";position:absolute;inset:-90px auto auto -70px;width:240px;height:240px;border:1px solid rgba(29,91,178,.12);border-radius:50%;box-shadow:0 0 0 43px rgba(29,91,178,.035),0 0 0 88px rgba(29,91,178,.025);pointer-events:none}
.sf-intro-copy{position:relative;z-index:1}.sf-intro-eyebrow{padding:6px 11px;border:1px solid #cbdcf2;border-radius:999px;background:#fff;color:var(--buyer-blue)!important;letter-spacing:0;font-size:.82rem!important}
.sf-intro h1{max-width:760px;font-size:clamp(2rem,3.4vw,3.25rem)!important;line-height:1.42!important;color:#132841!important;letter-spacing:0!important}
.sf-intro-copy p{font-size:1.02rem!important;line-height:2.05!important;color:#405772!important}
.sf-intro-benefits{gap:8px!important;margin-top:23px!important}.sf-intro-benefits span{border-color:#d2dfeb!important;background:rgba(255,255,255,.88)!important;color:#233e59!important;font-size:.85rem!important}
.sf-intro-actions{margin-top:27px!important;gap:12px!important}.sf-intro-actions a{min-height:52px!important;padding:11px 20px!important;border-radius:14px!important;font-size:.95rem;transition:transform .18s ease,box-shadow .18s ease}.sf-intro-actions a:hover{transform:translateY(-2px)}
.sf-intro-primary{background:linear-gradient(125deg,#1d5cc9,#123e99)!important;box-shadow:0 12px 25px rgba(19,68,159,.22)}.sf-intro-secondary{border-color:#c1d2e5!important}
.sf-intro-visual{position:relative;z-index:1;padding:22px;border-radius:24px;background:linear-gradient(155deg,#183858,#10253f);box-shadow:0 22px 42px rgba(15,35,65,.21);color:#fff}
.sf-intro-visual-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;padding:2px 2px 16px;border-bottom:1px solid rgba(255,255,255,.16)}.sf-intro-visual-head span{font-size:.9rem;color:#cee2fa}.sf-intro-visual-head strong{font-size:.76rem;padding:5px 10px;border-radius:99px;background:rgba(126,214,191,.16);color:#b4efdc}
.sf-intro-steps{gap:10px!important}.sf-intro-steps li{position:relative;padding:15px!important;border:1px solid rgba(218,231,250,.18)!important;border-radius:16px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;box-shadow:none!important}.sf-intro-steps li:last-child{background:rgba(18,143,112,.25)!important;border-color:rgba(115,221,191,.36)!important}.sf-intro-steps b{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.13);color:#fff;font-size:1rem}.sf-intro-steps strong{color:#fff;font-size:.98rem}.sf-intro-steps small{color:#c3d3e5!important;font-size:.83rem!important}
.sf-intro-visual-note{margin:16px 3px 1px;font-size:.81rem;line-height:1.9;color:#d1e4f4}
.p102-live-zone{border:1px solid #dce6f0!important;box-shadow:none!important;background:#fff!important}.p102-live-zone-head>b,.p102-live-zone-head b{color:#29415c}
.sf-workshop-disclosure{margin:0 0 18px;border:1px solid #dae5ef;border-radius:15px;background:#fff}.sf-workshop-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:57px;padding:10px 16px;cursor:pointer;list-style:none}.sf-workshop-disclosure>summary::-webkit-details-marker{display:none}.sf-workshop-disclosure>summary strong,.sf-workshop-disclosure>summary small{display:block}.sf-workshop-disclosure>summary strong{font-size:.91rem;color:#263f59}.sf-workshop-disclosure>summary small{font-size:.75rem;color:#637990}.sf-workshop-disclosure>summary b{font-size:1.2rem;transition:transform .18s ease}.sf-workshop-disclosure[open]>summary b{transform:rotate(180deg)}.sf-workshop-disclosure .p102-live-zone{margin:0 10px 10px}.sf-workshop-disclosure>summary:focus-visible{outline:3px solid #2d66c9;outline-offset:2px}
.sfh-models-head{margin-top:8px}.sfh-models-head h2{font-size:clamp(1.35rem,2vw,1.8rem)!important;color:var(--buyer-ink)!important}.sfh-models-head p{color:var(--buyer-muted)!important}
.sfh-catalog-tools,.sf105-filter-panel{border:1px solid var(--buyer-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 30px rgba(26,54,91,.045)!important}
.sf-searchbar:focus-within{outline:2px solid #9dbbeb;outline-offset:2px}
.sfh-model-list{gap:14px!important}.sfh-model-item{overflow:hidden;border:1px solid #d9e4ef!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 28px rgba(28,54,89,.06)!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.sfh-model-item:hover{border-color:#9bb9de!important;box-shadow:0 18px 35px rgba(28,69,124,.12)!important;transform:translateY(-2px)!important}
.sfh-model-image{display:block;overflow:hidden;background:#edf3f8}.sfh-model-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.sfh-model-item:hover .sfh-model-image img{transform:scale(1.035)}
.sfh-model-topline h3{line-height:1.5!important}.sfh-model-topline h3 a{color:#172c43!important}.sfh-model-meta{flex-wrap:wrap}.sfh-model-meta span{border:1px solid #dce8f2!important;border-radius:8px!important;background:#f6f9fd!important;color:#405a73!important;font-size:.77rem!important}.sfh-model-meta b{font-size:.83rem!important;color:#203d59}
.sfh-model-bottom{gap:9px}.sfh-model-price small{font-size:.78rem!important;color:#566b80!important}.sfh-model-price strong{font-size:clamp(1.03rem,1.5vw,1.25rem)!important;color:#152c43!important}.sfh-model-action{min-height:44px!important;padding-inline:13px!important;border-radius:11px!important;font-size:.82rem!important;font-weight:800!important}
.sf105-catalog-head{padding:18px 22px!important;border:1px solid #d8e5f4;border-radius:19px;background:linear-gradient(120deg,#eaf2ff,#f8fbff)!important}.sf-catalog-eyebrow{display:block;margin-bottom:5px;color:var(--buyer-blue);font-size:.78rem;font-weight:800}.sf105-catalog-head h1{font-size:clamp(1.4rem,2.4vw,2rem)!important;color:#183451!important}.sf105-catalog-head p{font-size:.84rem!important;color:#4d6680!important;line-height:1.7}
.sf-product-head h1{line-height:1.45!important;color:var(--buyer-ink)!important}.sf-product-head-meta{gap:8px}.sf-product-head-meta span{background:#eef4fb;color:#244669}.sf-product-page{align-items:start}.sf-gallery-card,.sf-order-flow-card{border-radius:22px!important;border:1px solid var(--buyer-line)!important;box-shadow:0 15px 35px rgba(28,54,89,.06)!important}
.sf-color-search{display:grid;gap:6px;max-width:380px;margin:12px 0 10px;color:#35536f;font-size:.8rem;font-weight:800}.sf-color-search input{width:100%;min-height:45px;padding:9px 13px;border:1px solid #c9d9e8;border-radius:12px;background:#fff;color:#172f48;font:inherit;font-size:.92rem}.sf-color-search input:focus{border-color:#2366bc;outline:2px solid #a8c8ee;outline-offset:1px}.sf-color-search-result{margin-bottom:9px;color:#486780;font-size:.81rem}.sf-color-list [data-sf-color][hidden]{display:none!important}
.sf-gallery-stage{background:radial-gradient(circle at 50% 43%,#fff 0%,#f2f6fa 70%)!important}.sf-product-order-guide{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:15px 17px;border:1px solid #c9dff0;border-radius:16px;background:#eff7ff}.sf-product-order-guide>span{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:11px;background:#d5ebff;color:#1359a9;font-weight:900}.sf-product-order-guide strong,.sf-product-order-guide small{display:block}.sf-product-order-guide strong{color:#193e63;font-size:.98rem}.sf-product-order-guide small{margin-top:3px;color:#42647e;line-height:1.8;font-size:.82rem}
.sf-series-card{border-radius:16px!important}.sf-series-card:focus-within{outline:3px solid #5a93dc;outline-offset:2px}
.sf64-cart-overview,.sf66-checkout-banner{border-radius:18px!important;border:1px solid #d3e3f2!important;background:linear-gradient(115deg,#f0f7ff,#fff)!important}.sf64-cart-item,.sf64-cart-summary,.sf66-checkout-side{border-radius:18px!important;border:1px solid #dce6f0!important;box-shadow:0 10px 26px rgba(28,54,89,.05)!important}.sf64-summary-total{border-radius:12px}.sf64-checkout-btn,.sf66-submit-order{min-height:54px!important;border-radius:13px!important;font-size:1rem!important}
.sf66-checkout-banner .sf66-banner-copy em{color:#4d657d;line-height:1.8}
@media(max-width:760px){.sf-intro{grid-template-columns:1fr;min-height:0;padding:24px 18px!important;border-radius:20px!important}.sf-intro h1{font-size:clamp(1.68rem,6vw,2.25rem)!important}.sf-intro-copy p{font-size:.93rem!important}.sf-intro-actions a{flex:1 1 100%;min-height:50px!important}.sf-intro-visual{padding:16px;border-radius:18px}.sf-intro-steps{grid-template-columns:1fr}.sf-intro-steps li{padding:10px 12px!important}.sfh-model-list.is-grid,.p102-home-product-list.is-grid,.sf105-catalog-list{grid-template-columns:1fr!important}.sf105-catalog-head{padding:15px!important}.sf105-catalog-head h1{font-size:1.45rem!important}.sf105-catalog-head p{font-size:.77rem!important}.sfh-model-item{border-radius:17px!important}.sfh-model-meta span{font-size:.72rem!important}.sfh-model-action{font-size:.8rem!important}.sf-product-order-guide{padding:13px}.sf-product-order-guide small{font-size:.79rem}}
@media(max-width:390px){.sf-intro-benefits span{font-size:.72rem!important}.sfh-model-list:not(.is-grid) .sfh-model-item,.sfh-model-list.is-list .sfh-model-item,.sf105-catalog-list .sfh-model-item{grid-template-columns:105px minmax(0,1fr)!important}.sfh-model-meta span{padding:4px!important}.sfh-model-action{padding-inline:8px!important}}
@media(prefers-reduced-motion:reduce){.sf-intro-actions a,.sfh-model-item,.sfh-model-image img{transition:none!important}.sfh-model-item:hover,.sf-intro-actions a:hover{transform:none!important}}
.sf-order-flow-card .sf-step-title i{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:11px;background:#e7f0ff;color:#1856af;font-size:.95rem}.sf-order-flow-card .sf-block-head{gap:10px}.sf-order-flow-card .sf-block-head small{line-height:1.7;color:#637990}.sf-series-grid{gap:10px!important}.sf-series-card{border:1px solid #d7e4ee!important;background:#fff!important;transition:border-color .18s ease,box-shadow .18s ease}.sf-series-card:hover{border-color:#a9c4e4!important}.sf-series-card.is-active{border:2px solid #2765bf!important;background:#f3f8ff!important;box-shadow:0 8px 20px rgba(34,92,176,.11)!important}.sf-series-card .sf-series-main b{font-size:1rem!important;color:#1c344f}.sf-series-card .sf-series-main small{color:#5e7389;line-height:1.8}.sf-series-facts{gap:8px!important}.sf-series-facts>span{border-radius:10px;background:#f5f8fc}.sf-series-facts small{font-size:.76rem!important}.sf-series-facts strong{font-size:.95rem!important}.sf-series-stock{font-size:.8rem!important;line-height:1.7}.sf-qty-row{gap:14px}.sf-qty-row .sf-stepper input{text-align:center;font-size:1.2rem!important;font-weight:800}.sf-price-box{border-radius:15px!important;border:1px solid #d3e1ee!important;background:#f8fbff!important}.sf-price-line{gap:8px}.sf-price-line.is-total{border-radius:11px;background:#e6f2ed!important;color:#145e46!important}.sf-price-line.is-total strong{font-size:1.12rem!important}.sf-buy-bar{border-top:1px solid #dce6ef}.sf-add-to-order-btn{min-height:55px!important;border-radius:13px!important}
.sf-product-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:1px 0 8px;color:#62798f;font-size:.82rem}.sf-product-breadcrumb a{color:#315c90;text-decoration:none}.sf-product-breadcrumb a:hover{text-decoration:underline}.sf-product-breadcrumb [aria-current=page]{max-width:45ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#29425d}.sfh-model-price em{display:block;margin-top:4px;color:#477088;font-size:.75rem;font-style:normal;font-weight:700;line-height:1.6}.sf-series-facts .sf-series-carton-price{grid-column:1/-1;min-height:43px;border-color:#cde3d9;background:#ecf8f2}.sf-series-facts .sf-series-carton-price strong{color:#0b694f;font-size:1rem!important}
.sf-catalog-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:10px 0 18px;color:#4f6681;font-size:.84rem}.sf-catalog-pagination>span{margin-inline-end:8px}.sf-catalog-pagination a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 15px;border:1px solid #c7d9ea;border-radius:12px;background:#fff;color:#174c95;font-weight:800;text-decoration:none}.sf-catalog-pagination a:hover{border-color:#1756ae;background:#f0f6ff}.sf-catalog-pagination a:focus-visible{outline:3px solid #2d66c9;outline-offset:2px}
@media(max-width:760px){.sf-catalog-pagination{gap:8px;font-size:.78rem}.sf-catalog-pagination>span{flex:0 0 100%;text-align:center}.sfh-model-price em{font-size:.7rem}.sf-series-facts .sf-series-carton-price strong{font-size:.92rem!important}}
.sf66-success-hero .sf-success-number{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin:7px 0 9px;padding:7px 12px;border:1px solid rgba(255,255,255,.36);border-radius:10px;background:rgba(255,255,255,.14);font-size:.88rem}.sf66-success-hero .sf-success-number strong{font-size:1rem;letter-spacing:.03em}.sf66-success-summary>.sf-primary-btn{min-height:52px!important;font-size:.96rem!important}



/* === storefront-ui.css === */
:root{--sf-blue:#1463e8;--sf-blue-dark:#0d4fc0;--sf-ink:#0c1930;--sf-muted:#6f7b90;--sf-bg:#f5f7fb;--sf-line:#e6eaf1;--sf-green:#1fa86a;--sf-orange:#f49a31;--sf-red:#e55454;--sf-radius:22px;--sf-shadow:0 12px 34px rgba(20,43,82,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sf-bg);color:var(--sf-ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.sf-page{min-height:calc(100vh - 72px)}.sf-container{width:min(1180px,calc(100% - 28px));margin-inline:auto}.sf-topbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);border-bottom:1px solid var(--sf-line);backdrop-filter:blur(14px)}.sf-topbar-inner{height:68px;display:flex;align-items:center;gap:16px}.sf-brand{display:flex;align-items:center;gap:10px;min-width:0}.sf-brand-mark{width:38px;height:38px;border-radius:12px;object-fit:contain;background:#fff}.sf-brand-fallback{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--sf-blue);color:#fff;font-weight:900}.sf-brand-title{font-size:17px;font-weight:900;white-space:nowrap}.sf-brand-sub{display:block;color:#9199a9;font-size:10px;margin-top:1px}.sf-desktop-nav{margin-right:auto;display:flex;align-items:center;gap:5px}.sf-desktop-nav a{padding:9px 12px;border-radius:12px;font-size:12px;font-weight:800;color:#536078}.sf-desktop-nav a:hover,.sf-desktop-nav a.is-active{background:#edf4ff;color:var(--sf-blue)}.sf-header-actions{display:flex;align-items:center;gap:8px}.sf-icon-btn{height:40px;min-width:40px;padding:0 11px;border:1px solid var(--sf-line);border-radius:12px;background:#fff;color:var(--sf-ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:800}.sf-icon-btn svg{width:19px;height:19px}.sf-cart-badge{position:relative}.sf-cart-badge i{position:absolute;top:-6px;left:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#e32d43;color:#fff;font-size:10px;display:grid;place-items:center;font-style:normal;border:2px solid #fff}.sf-bottom-nav{display:none}.sf-main{padding-bottom:18px}.sf-mobile-title{display:none}
.sf-searchbar{height:46px;border:1px solid var(--sf-line);background:#fff;border-radius:14px;display:flex;align-items:center;gap:9px;padding:0 13px;box-shadow:0 4px 14px rgba(18,36,68,.03)}.sf-searchbar svg{width:20px;color:#718096}.sf-searchbar input{flex:1;border:0;outline:0;background:transparent;min-width:0;font-size:13px;color:var(--sf-ink)}.sf-searchbar input::placeholder{color:#a4adbb}.sf-searchbar button{border:0;background:transparent;color:#9aa4b4;cursor:pointer}.sf-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}.sf-chips::-webkit-scrollbar{display:none}.sf-chip{flex:0 0 auto;border:1px solid var(--sf-line);background:#fff;border-radius:11px;padding:8px 14px;font-size:11px;font-weight:800;color:#657086}.sf-chip.is-active{background:var(--sf-blue);border-color:var(--sf-blue);color:#fff;box-shadow:0 6px 16px rgba(20,99,232,.2)}
.sf-promo{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(125deg,#0c1730,#0f2f68);color:#fff;min-height:176px;box-shadow:var(--sf-shadow)}.sf-promo-content{position:relative;z-index:2;padding:25px;max-width:60%}.sf-promo-eyebrow{display:inline-block;color:#9ec1ff;font-size:10px;font-weight:900}.sf-promo h1,.sf-promo h2{margin:7px 0 5px;font-size:27px;line-height:1.35;font-weight:900}.sf-promo p{margin:0;color:#c6d1e4;font-size:11px;line-height:1.9}.sf-promo-action{display:inline-flex;margin-top:14px;background:#fff;color:#112244;border-radius:10px;padding:9px 14px;font-size:11px;font-weight:900}.sf-promo-image{position:absolute;left:0;bottom:-10%;width:45%;height:115%;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.24))}.sf-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px}.sf-section-title{font-weight:900;font-size:17px}.sf-section-sub{color:var(--sf-muted);font-size:10px;margin-top:3px}.sf-link{color:var(--sf-blue);font-size:11px;font-weight:900}
.sf-product-stack{display:grid;gap:10px}.sf-product-row{display:grid;grid-template-columns:102px minmax(0,1fr) auto;align-items:center;gap:14px;background:#fff;border:1px solid var(--sf-line);border-radius:18px;padding:10px;transition:.2s ease;box-shadow:0 2px 10px rgba(23,47,89,.025)}.sf-product-row:hover{border-color:#cbd9f5;box-shadow:0 10px 24px rgba(23,47,89,.07);transform:translateY(-1px)}.sf-product-image{width:102px;height:82px;border-radius:14px;overflow:hidden;background:#f2f4f8;display:grid;place-items:center}.sf-product-image img{width:100%;height:100%;object-fit:cover}.sf-product-main{min-width:0}.sf-product-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:900}.sf-product-code{display:block;font-size:9px;color:#9aa3b2;margin-top:2px}.sf-product-meta{display:flex;flex-wrap:wrap;gap:5px 11px;margin-top:8px;font-size:10px;color:#6f798b}.sf-dot{display:inline-flex;align-items:center;gap:4px}.sf-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#cdd4df}.sf-product-status{display:inline-flex;align-items:center;border-radius:8px;padding:4px 7px;font-size:9px;font-weight:900}.sf-status-green{background:#e9f8ef;color:#168250}.sf-status-blue{background:#eaf2ff;color:#1463e8}.sf-status-orange{background:#fff3e3;color:#c87919}.sf-status-red{background:#ffeded;color:#c93e3e}.sf-price{white-space:nowrap;text-align:left}.sf-price small{display:block;color:#9ca6b5;font-size:9px}.sf-price b{display:block;font-size:13px;margin-top:2px}.sf-price-action{display:inline-flex;margin-top:8px;border:1px solid #cddbf5;color:var(--sf-blue);padding:6px 11px;border-radius:9px;font-size:9px;font-weight:900}.sf-color-dots{display:inline-flex;gap:3px;vertical-align:middle}.sf-color-dots i{display:block;width:9px;height:9px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}
.sf-catalog-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 292px;gap:14px;align-items:start}.sf-side-card{background:#fff;border:1px solid var(--sf-line);border-radius:18px;padding:14px;box-shadow:0 4px 16px rgba(24,46,84,.03)}.sf-side-card h3{font-size:12px;margin:0 0 12px;font-weight:900}.sf-filter-list{display:grid;gap:8px}.sf-filter-option{display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:9px 10px;color:#6b7587;font-size:11px;font-weight:700}.sf-filter-option:hover,.sf-filter-option.is-active{background:#edf4ff;color:var(--sf-blue)}.sf-mini-cart{position:sticky;top:82px}.sf-mini-cart-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #f0f2f6}.sf-mini-cart-item img{width:42px;height:36px;border-radius:8px;object-fit:cover;background:#f2f4f8}.sf-mini-cart-item b{font-size:10px}.sf-mini-cart-item small{display:block;font-size:8px;color:#8e98a8}.sf-mini-cart-price{font-size:9px;font-weight:900;white-space:nowrap}.sf-mini-cart-total{display:flex;justify-content:space-between;padding-top:12px;font-size:11px}.sf-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:var(--sf-blue);color:#fff;border-radius:12px;padding:12px 16px;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(20,99,232,.17)}.sf-primary-btn:hover{background:var(--sf-blue-dark)}.sf-secondary-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sf-line);background:#fff;color:#4b5870;border-radius:12px;padding:11px 14px;font-size:11px;font-weight:800}.sf-pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px}.sf-pager a,.sf-pager span{min-width:34px;height:34px;padding:0 10px;border:1px solid var(--sf-line);border-radius:10px;background:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.sf-pager .is-active{background:var(--sf-blue);color:#fff;border-color:var(--sf-blue)}
.sf-product-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:30px;align-items:start}.sf-gallery-card{position:sticky;top:83px}.sf-gallery-stage{height:460px;border-radius:22px;background:#f1f3f7;overflow:hidden;display:grid;place-items:center;border:1px solid var(--sf-line)}.sf-gallery-stage img,.sf-gallery-stage video{width:100%;height:100%;object-fit:contain}.sf-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding-top:9px;scrollbar-width:none}.sf-gallery-thumb{width:62px;height:55px;border:2px solid transparent;background:#f2f4f8;border-radius:11px;overflow:hidden;flex:0 0 auto;padding:0}.sf-gallery-thumb.is-active{border-color:var(--sf-blue)}.sf-gallery-thumb img,.sf-gallery-thumb video{width:100%;height:100%;object-fit:cover}.sf-product-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.sf-product-head h1{font-size:24px;margin:0;font-weight:900}.sf-product-head p{font-size:10px;color:#929baa;margin:4px 0 0}.sf-heart{width:40px;height:40px;border:1px solid var(--sf-line);border-radius:12px;background:#fff;display:grid;place-items:center;color:#7b8698}.sf-heart.is-active{color:#e6425f;background:#fff1f4;border-color:#ffd0da}.sf-block{background:#fff;border:1px solid var(--sf-line);border-radius:18px;padding:16px;margin-top:13px}.sf-block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sf-block-head b{font-size:12px}.sf-block-head small{font-size:9px;color:#9ca5b4}.sf-color-list{display:flex;gap:9px;overflow-x:auto;padding:3px 1px 6px;scrollbar-width:none}.sf-color-btn{position:relative;width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d9dfe8;background:#eee;flex:0 0 auto;cursor:pointer}.sf-color-btn.is-active{box-shadow:0 0 0 2px var(--sf-blue)}.sf-color-btn.is-active:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:900;text-shadow:0 1px 3px #000;font-size:13px}.sf-series-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sf-series-card{position:relative;border:1px solid var(--sf-line);border-radius:13px;background:#fff;padding:11px;text-align:center;cursor:pointer;min-height:76px}.sf-series-card input{position:absolute;opacity:0;pointer-events:none}.sf-series-card.is-active{border:2px solid var(--sf-blue);background:#f7faff;padding:10px}.sf-series-card.is-disabled{opacity:.45;cursor:not-allowed}.sf-series-card b{display:block;font-size:11px}.sf-series-card small{display:block;font-size:9px;color:#7f8999;margin-top:4px;line-height:1.5}.sf-series-card em{display:inline-block;margin-top:5px;font-size:8px;font-style:normal;color:#5e6a7f}.sf-qty-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.sf-stepper{display:grid;grid-template-columns:36px 45px 36px;align-items:center;border:1px solid var(--sf-line);border-radius:12px;overflow:hidden}.sf-stepper button{height:38px;border:0;background:#f7f8fa;font-size:18px;color:#4c596e}.sf-stepper input{height:38px;width:45px;border:0;text-align:center;font-weight:900;outline:0}.sf-price-box{background:#f7f9fc;border-radius:15px;padding:12px;margin-top:12px}.sf-price-line{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:3px 0;color:#6d7789}.sf-price-line strong{color:var(--sf-ink)}.sf-price-line.is-total{border-top:1px dashed #dbe0e9;margin-top:5px;padding-top:9px;font-size:12px}.sf-price-line.is-total strong{font-size:17px;color:var(--sf-blue)}.sf-buy-bar{margin-top:13px}.sf-buy-bar .sf-primary-btn{width:100%;font-size:14px;padding:14px}.sf-stock-note{text-align:center;color:var(--sf-green);font-size:9px;font-weight:800;margin-top:8px}
.sf-cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.sf-cart-item{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--sf-line);border-radius:18px;padding:11px}.sf-cart-item-image{width:90px;height:75px;border-radius:13px;overflow:hidden;background:#f3f5f8}.sf-cart-item-image img{width:100%;height:100%;object-fit:cover}.sf-cart-item h3{font-size:12px;margin:0}.sf-cart-item p{font-size:9px;color:#838d9d;margin:4px 0}.sf-cart-item .sf-stepper{margin-top:8px;display:inline-grid}.sf-cart-line-total{text-align:left;white-space:nowrap;font-size:12px;font-weight:900}.sf-summary{background:#fff;border:1px solid var(--sf-line);border-radius:19px;padding:16px;position:sticky;top:83px}.sf-summary h3{font-size:13px;margin:0 0 13px}.sf-summary-line{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:5px 0;color:#6f798b}.sf-summary-line b{color:var(--sf-ink)}.sf-summary-total{border-top:1px dashed #d7dde7;margin-top:7px;padding-top:12px;font-size:12px}.sf-summary-total b{font-size:18px;color:var(--sf-blue)}.sf-note{width:100%;border:1px solid var(--sf-line);border-radius:12px;background:#fafbfc;padding:11px;font-size:11px;outline:none}.sf-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sf-choice{border:1px solid var(--sf-line);border-radius:13px;background:#fff;padding:11px;cursor:pointer;font-size:10px;font-weight:800}.sf-choice.is-active{border:2px solid var(--sf-blue);background:#f6f9ff;padding:10px}.sf-form-card{background:#fff;border:1px solid var(--sf-line);border-radius:20px;padding:18px}.sf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sf-field label,.sf-field>span{display:block;font-size:10px;font-weight:800;margin-bottom:5px;color:#4d586b}.sf-field input,.sf-field textarea,.sf-field select{width:100%;border:1px solid var(--sf-line);border-radius:12px;background:#fafbfc;padding:12px;outline:0;font-size:11px}.sf-field input:focus,.sf-field textarea:focus{border-color:#9ebcf2;background:#fff}.sf-field-full{grid-column:1/-1}
.sf-orders-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.sf-order-filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.sf-order-card{background:#fff;border:1px solid var(--sf-line);border-radius:18px;padding:15px;margin-bottom:10px}.sf-order-top{display:flex;justify-content:space-between;gap:12px}.sf-order-number{font-size:11px;font-weight:900}.sf-order-date{font-size:9px;color:#969faf;margin-top:3px}.sf-order-status{border-radius:9px;padding:6px 9px;font-size:9px;font-weight:900;height:fit-content}.sf-order-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.sf-order-stat{background:#f7f8fa;border-radius:10px;padding:9px}.sf-order-stat small{display:block;font-size:8px;color:#929baa}.sf-order-stat b{display:block;font-size:10px;margin-top:3px}.sf-track{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin:18px 0 5px}.sf-track:before{content:"";position:absolute;top:9px;right:12%;left:12%;height:1px;background:#d9dee7}.sf-track-step{position:relative;text-align:center;font-size:8px;color:#a0a9b7}.sf-track-step i{position:relative;z-index:2;margin:0 auto 5px;width:19px;height:19px;border:2px solid #cfd6e1;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal}.sf-track-step.is-done,.sf-track-step.is-active{color:var(--sf-ink);font-weight:800}.sf-track-step.is-done i{background:#ecf7f0;border-color:var(--sf-green);color:var(--sf-green)}.sf-track-step.is-active i{background:var(--sf-blue);border-color:var(--sf-blue);color:#fff}.sf-empty{background:#fff;border:1px dashed #ccd4df;border-radius:20px;padding:45px 20px;text-align:center;color:#798496}.sf-alert{border-radius:13px;padding:11px 13px;font-size:10px;font-weight:800;margin-bottom:12px}.sf-alert-success{background:#eaf8f0;color:#177a4d}.sf-alert-error{background:#fff0f0;color:#bc4444}.sf-footer{border-top:1px solid var(--sf-line);background:#fff;margin-top:30px}.sf-footer-inner{padding:24px 0;display:flex;justify-content:space-between;gap:20px;color:#8490a2;font-size:10px}
@media(max-width:980px){.sf-catalog-layout{grid-template-columns:1fr}.sf-catalog-filter,.sf-mini-cart{display:none}.sf-product-page{grid-template-columns:1fr}.sf-gallery-card{position:static}.sf-gallery-stage{height:390px}.sf-cart-layout{grid-template-columns:1fr}.sf-summary{position:static}}
@media(max-width:720px){body{padding-bottom:76px}.sf-container{width:min(100% - 20px,680px)}.sf-topbar-inner{height:58px}.sf-brand-mark,.sf-brand-fallback{width:32px;height:32px;border-radius:9px}.sf-brand-title{font-size:16px}.sf-brand-sub,.sf-desktop-nav{display:none}.sf-header-actions .sf-icon-btn span{display:none}.sf-icon-btn{height:36px;min-width:36px;padding:0 8px;border:0}.sf-mobile-title{display:block;flex:1;text-align:center;font-size:15px;font-weight:900}.sf-topbar .sf-brand{max-width:92px}.sf-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);inset-inline:0;bottom:0;z-index:70;height:66px;background:rgba(255,255,255,.98);border-top:1px solid var(--sf-line);box-shadow:0 -7px 22px rgba(20,42,76,.08);padding:5px 4px calc(5px + env(safe-area-inset-bottom))}.sf-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#7e899a;font-size:8px;font-weight:800;border-radius:10px}.sf-bottom-nav svg{width:20px;height:20px;stroke-width:2}.sf-bottom-nav a.is-active{color:var(--sf-blue);font-weight:900}.sf-bottom-nav a.is-active:after{content:"";position:absolute;bottom:0;width:18px;height:2px;background:var(--sf-blue);border-radius:99px}.sf-bottom-nav .sf-cart-dot{position:absolute;top:2px;left:calc(50% - 17px);min-width:17px;height:17px;border:2px solid #fff;background:#e6374b;color:#fff;border-radius:99px;display:grid;place-items:center;font-size:8px}.sf-footer{display:none}.sf-main{padding-bottom:8px}.sf-searchbar{height:42px;border-radius:11px}.sf-chip{padding:7px 12px;border-radius:9px}.sf-promo{min-height:142px;border-radius:16px}.sf-promo-content{padding:18px;max-width:63%}.sf-promo h1,.sf-promo h2{font-size:20px}.sf-promo p{font-size:9px}.sf-promo-action{padding:7px 11px;font-size:9px}.sf-promo-image{width:47%}.sf-section-head{margin:15px 0 9px}.sf-section-title{font-size:14px}.sf-product-row{grid-template-columns:96px minmax(0,1fr);gap:10px;border-radius:14px;padding:7px}.sf-product-image{width:96px;height:77px;border-radius:11px}.sf-product-name{font-size:12px}.sf-product-meta{margin-top:5px;gap:4px 8px;font-size:8px}.sf-product-row>.sf-price{grid-column:2;display:flex;align-items:center;justify-content:space-between;text-align:right;border-top:1px solid #f0f2f5;padding-top:6px}.sf-price small{display:inline;font-size:8px}.sf-price b{display:inline;font-size:10px;margin:0}.sf-price-action{margin:0;padding:5px 9px;font-size:8px}.sf-product-status{padding:3px 6px;font-size:8px}.sf-catalog-layout{display:block}.sf-gallery-stage{height:290px;border-radius:16px}.sf-gallery-thumb{width:55px;height:49px;border-radius:9px}.sf-product-page{gap:13px}.sf-gallery-card{margin-inline:-2px}.sf-product-head h1{font-size:18px}.sf-heart{width:36px;height:36px}.sf-block{border-radius:15px;padding:13px;margin-top:9px}.sf-series-grid{grid-template-columns:repeat(3,1fr);gap:6px}.sf-series-card{padding:9px 5px;min-height:68px}.sf-series-card.is-active{padding:8px 4px}.sf-series-card b{font-size:10px}.sf-series-card small{font-size:8px}.sf-buy-bar{position:sticky;bottom:72px;z-index:25;background:rgba(245,247,251,.93);padding:8px 0 3px;backdrop-filter:blur(10px)}.sf-cart-layout{display:block}.sf-cart-item{grid-template-columns:76px minmax(0,1fr);border-radius:14px;padding:8px;margin-bottom:8px}.sf-cart-item-image{width:76px;height:67px}.sf-cart-item h3{font-size:11px}.sf-cart-line-total{grid-column:2;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eff1f5;padding-top:6px}.sf-summary{border-radius:16px;margin-top:10px}.sf-form-card{border-radius:16px;padding:13px}.sf-form-grid{grid-template-columns:1fr;gap:9px}.sf-field-full{grid-column:auto}.sf-choice-grid{grid-template-columns:1fr 1fr}.sf-order-card{border-radius:14px;padding:12px}.sf-order-grid{grid-template-columns:1fr 1fr}.sf-order-stat:last-child{grid-column:1/-1}.sf-orders-head{margin:10px 0}.sf-page-section{padding:12px 0}.sf-pager{margin-top:14px}.sf-top-spacer{padding-top:10px}}

/* Phase 38 — visual polish: premium, graphical, still lightweight */
:root{--sf-blue:#125ee8;--sf-blue-2:#397bff;--sf-navy:#09152b;--sf-cyan:#4fd8ff;--sf-surface:#ffffff;--sf-soft:#f7f9fd;--sf-shadow-xl:0 24px 60px rgba(20,43,82,.13);--sf-shadow-md:0 12px 30px rgba(20,43,82,.085)}
body{background:radial-gradient(circle at 10% 4%,rgba(57,123,255,.08),transparent 28%),radial-gradient(circle at 88% 18%,rgba(79,216,255,.07),transparent 25%),linear-gradient(180deg,#f8faff 0,#f4f7fc 42%,#f7f9fc 100%);background-attachment:fixed}
.sf-topbar{background:rgba(255,255,255,.82);border-bottom-color:rgba(218,225,238,.72);box-shadow:0 6px 25px rgba(31,53,89,.035)}
.sf-brand-mark{box-shadow:0 7px 18px rgba(18,94,232,.13);border:1px solid rgba(18,94,232,.08)}
.sf-desktop-nav{background:rgba(246,249,255,.8);border:1px solid #edf1f8;border-radius:14px;padding:3px}
.sf-desktop-nav a{transition:.2s ease}.sf-desktop-nav a:hover,.sf-desktop-nav a.is-active{background:#fff;box-shadow:0 5px 13px rgba(25,51,91,.07)}
.sf-icon-btn{transition:.2s ease;box-shadow:0 4px 14px rgba(20,43,82,.035)}.sf-icon-btn:hover{border-color:#c8d8f7;transform:translateY(-1px);box-shadow:0 9px 22px rgba(20,43,82,.08)}
.sf-searchbar{height:50px;border-color:#dce4f2;border-radius:16px;box-shadow:0 10px 25px rgba(27,55,99,.06);transition:.2s ease}.sf-searchbar:focus-within{border-color:#9dbcf5;box-shadow:0 0 0 4px rgba(18,94,232,.08),0 12px 30px rgba(27,55,99,.08)}.sf-searchbar svg{color:var(--sf-blue)}
.sf-chips{padding-top:5px}.sf-chip{border-color:#e1e7f1;box-shadow:0 4px 10px rgba(23,47,89,.025);transition:.18s ease}.sf-chip:hover{transform:translateY(-1px);border-color:#bfd1f4}.sf-chip.is-active{background:linear-gradient(135deg,var(--sf-blue),#2f76ff);box-shadow:0 9px 20px rgba(18,94,232,.24)}
.sf-promo{isolation:isolate;min-height:190px;background:linear-gradient(125deg,#081327 0%,#0b2450 58%,#123f87 100%);box-shadow:0 25px 55px rgba(8,29,68,.22);border:1px solid rgba(255,255,255,.08)}
.sf-promo:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000,transparent 75%);z-index:-1}.sf-promo:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:13%;bottom:-170px;border:34px solid rgba(255,255,255,.035);z-index:-1}
.sf-promo-content{padding:29px 30px}.sf-promo-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#a8c8ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:99px;padding:5px 9px}.sf-promo-eyebrow i{width:6px;height:6px;background:#55e6a5;border-radius:50%;box-shadow:0 0 0 5px rgba(85,230,165,.1)}
.sf-promo h1,.sf-promo h2{font-size:29px;letter-spacing:-.35px}.sf-promo h1 span,.sf-promo h2 span{color:#77c9ff}.sf-promo p{max-width:450px;color:#c9d7ea}.sf-promo-action{align-items:center;gap:12px;border-radius:12px;padding:10px 15px;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:.2s ease}.sf-promo-action:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(0,0,0,.24)}.sf-promo-action b{font-size:15px}
.sf-promo-image{width:46%;height:120%;left:-1.5%;bottom:-13%;object-fit:contain;filter:drop-shadow(0 28px 28px rgba(0,0,0,.28));z-index:1;transition:.35s ease}.sf-promo:hover .sf-promo-image{transform:translateY(-3px) rotate(-1deg) scale(1.02)}
.sf-promo-orb{position:absolute;border-radius:50%;filter:blur(.2px);pointer-events:none}.sf-promo-orb-a{width:130px;height:130px;left:29%;top:-50px;background:radial-gradient(circle,rgba(79,216,255,.2),transparent 68%)}.sf-promo-orb-b{width:170px;height:170px;right:37%;bottom:-110px;background:radial-gradient(circle,rgba(57,123,255,.16),transparent 70%)}
.sf-promo-float{position:absolute;z-index:3;background:rgba(255,255,255,.92);color:#14233e;border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 30px rgba(0,0,0,.14);backdrop-filter:blur(8px);border-radius:12px;padding:8px 10px;display:flex;align-items:center;gap:7px;font-size:9px}.sf-promo-float span{color:#67758b}.sf-promo-float-stock{left:33%;bottom:18px}.sf-promo-float-stock i{width:8px;height:8px;border-radius:50%;background:#25b878;box-shadow:0 0 0 4px rgba(37,184,120,.12)}.sf-promo-float-cart{left:7%;top:16px;display:grid;gap:0}.sf-promo-float-cart b{font-size:10px;color:#125ee8}
.sf-section-title{letter-spacing:-.2px}.sf-section-head:before{content:"";width:4px;height:20px;border-radius:99px;background:linear-gradient(var(--sf-blue),var(--sf-cyan));box-shadow:0 4px 10px rgba(18,94,232,.22);margin-left:7px}.sf-section-head>div:first-child{margin-left:auto}
.sf-product-stack{gap:11px}.sf-product-row{position:relative;overflow:hidden;border-color:#e2e8f2;border-radius:20px;padding:10px 11px;box-shadow:0 7px 22px rgba(22,45,82,.045);transition:.22s cubic-bezier(.2,.8,.2,1)}.sf-product-row:before{content:"";position:absolute;right:0;top:18%;bottom:18%;width:3px;border-radius:5px;background:linear-gradient(var(--sf-blue),#77c9ff);opacity:0;transform:scaleY(.4);transition:.2s}.sf-product-row:hover{border-color:#c5d5f2;box-shadow:0 16px 34px rgba(22,45,82,.09);transform:translateY(-2px)}.sf-product-row:hover:before{opacity:1;transform:scaleY(1)}
.sf-product-image-stage{position:relative;background:linear-gradient(145deg,#f6f8fc,#edf2fa);border:1px solid #edf1f7}.sf-product-image-stage:after{content:"";position:absolute;inset:auto 18% 8px;height:9px;border-radius:50%;background:rgba(11,25,48,.08);filter:blur(6px)}.sf-product-image img{position:relative;z-index:1;object-fit:contain;transition:.28s ease}.sf-product-row:hover .sf-product-image img{transform:scale(1.055) rotate(-1deg)}
.sf-product-name{letter-spacing:-.1px}.sf-product-status{border-radius:99px;border:1px solid rgba(0,0,0,.025)}.sf-product-meta{gap:6px}.sf-dot{background:#f7f9fc;border:1px solid #eef2f7;border-radius:99px;padding:4px 7px}.sf-dot:before{background:#b9c6d9}.sf-price{padding-left:3px}.sf-price b{font-size:14px;letter-spacing:-.15px}.sf-price-action{background:#f5f8ff;border-color:#d7e3fa;border-radius:10px;transition:.18s ease}.sf-price-action:hover{background:var(--sf-blue);color:#fff;border-color:var(--sf-blue)}
.sf-side-card{border-color:#e1e7f0;border-radius:20px;box-shadow:0 10px 26px rgba(20,43,82,.055)}.sf-catalog-filter{background:linear-gradient(180deg,#fff,#fbfcff)}.sf-filter-option{transition:.17s ease}.sf-filter-option:hover,.sf-filter-option.is-active{background:linear-gradient(135deg,#edf4ff,#f7faff)}.sf-mini-cart{overflow:hidden}.sf-mini-cart:before{content:"";display:block;height:4px;margin:-14px -14px 12px;background:linear-gradient(90deg,var(--sf-blue),var(--sf-cyan))}.sf-mini-cart-item{transition:.15s}.sf-mini-cart-item:hover{background:#f9fbff;margin-inline:-6px;padding-inline:6px;border-radius:9px}.sf-mini-cart-item img{object-fit:contain;background:linear-gradient(145deg,#f5f7fb,#edf2f9)}
.sf-primary-btn{background:linear-gradient(135deg,var(--sf-blue),#2f76ff);box-shadow:0 10px 24px rgba(18,94,232,.22);transition:.2s cubic-bezier(.2,.8,.2,1)}.sf-primary-btn:hover{background:linear-gradient(135deg,#0c50ca,#2569ee);transform:translateY(-1px);box-shadow:0 14px 30px rgba(18,94,232,.28)}.sf-secondary-btn{transition:.18s}.sf-secondary-btn:hover{border-color:#c5d5f0;background:#f9fbff}
.sf-gallery-stage{position:relative;background:radial-gradient(circle at 55% 36%,#fff 0,#f5f7fb 42%,#edf2f8 100%);border-color:#e0e7f1;box-shadow:inset 0 1px 0 #fff,0 18px 45px rgba(22,45,82,.08)}.sf-gallery-stage:after{content:"";position:absolute;width:46%;height:22px;bottom:7%;left:27%;background:rgba(11,25,48,.08);filter:blur(15px);border-radius:50%;pointer-events:none}.sf-gallery-stage img,.sf-gallery-stage video{position:relative;z-index:1}.sf-gallery-thumb{background:linear-gradient(145deg,#f7f9fc,#edf2f8);border-color:#fff;box-shadow:0 5px 14px rgba(25,50,87,.06);transition:.17s}.sf-gallery-thumb:hover{transform:translateY(-2px)}.sf-gallery-thumb.is-active{border-color:var(--sf-blue);box-shadow:0 0 0 2px rgba(18,94,232,.09),0 8px 18px rgba(18,94,232,.12)}
.sf-product-head{background:linear-gradient(135deg,#fff,#fbfcff);border:1px solid #e4eaf3;border-radius:18px;padding:14px;box-shadow:0 7px 20px rgba(22,45,82,.04)}.sf-product-head h1{letter-spacing:-.35px}.sf-heart{box-shadow:0 5px 14px rgba(22,45,82,.045);transition:.18s}.sf-heart:hover{transform:scale(1.05)}
.sf-block{border-color:#e2e8f1;border-radius:20px;box-shadow:0 8px 22px rgba(22,45,82,.04);transition:.2s}.sf-block:hover{border-color:#d3def0}.sf-color-list{padding:5px 3px 9px}.sf-color-btn{width:38px;height:38px;box-shadow:0 0 0 1px #d5dde9,0 5px 12px rgba(20,43,82,.08);transition:.18s}.sf-color-btn:hover{transform:translateY(-2px) scale(1.03)}.sf-color-btn.is-active{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--sf-blue),0 8px 16px rgba(18,94,232,.18)}.sf-selected-color{display:inline-flex;align-items:center;gap:7px;margin-top:7px;padding:6px 9px;background:#f7f9fc;border:1px solid #ebeff5;border-radius:10px;font-size:9px;color:#69758a}.sf-selected-color-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.12);box-shadow:0 0 0 3px #fff}
.sf-series-card{position:relative;background:linear-gradient(145deg,#fff,#fbfcfe);border-color:#e0e6ef;border-radius:15px;box-shadow:0 5px 15px rgba(20,43,82,.035);transition:.18s}.sf-series-card:hover:not(.is-disabled){transform:translateY(-2px);border-color:#bcd0f2}.sf-series-card.is-active{background:linear-gradient(145deg,#f1f6ff,#fff);border-color:var(--sf-blue);box-shadow:0 0 0 3px rgba(18,94,232,.08),0 10px 22px rgba(18,94,232,.10)}.sf-series-card.is-active:after{content:"✓";position:absolute;left:7px;top:7px;width:18px;height:18px;border-radius:50%;background:var(--sf-blue);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:900}.sf-price-box{background:linear-gradient(135deg,#f8faff,#f3f7fd);border:1px solid #e7edf6}.sf-price-line.is-total strong{background:linear-gradient(135deg,var(--sf-blue),#2f76ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.sf-cart-item{position:relative;overflow:hidden;border-color:#e2e8f1;border-radius:20px;box-shadow:0 8px 22px rgba(22,45,82,.045);transition:.2s}.sf-cart-item:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(22,45,82,.075)}.sf-cart-item-image{background:radial-gradient(circle,#fff,#edf2f8);border:1px solid #edf1f6}.sf-cart-item-image img{object-fit:contain}.sf-summary{overflow:hidden;border-color:#dde5f0;box-shadow:0 15px 36px rgba(22,45,82,.075)}.sf-summary:before{content:"";display:block;height:4px;margin:-16px -16px 13px;background:linear-gradient(90deg,var(--sf-blue),var(--sf-cyan))}.sf-summary-total{background:#f7f9fd;margin-inline:-7px;padding-inline:7px;border-radius:9px}
.sf-form-card{border-color:#e0e7f1;box-shadow:0 12px 30px rgba(22,45,82,.055)}.sf-field input,.sf-field textarea,.sf-field select{transition:.18s}.sf-field input:focus,.sf-field textarea:focus,.sf-field select:focus{box-shadow:0 0 0 3px rgba(18,94,232,.07)}.sf-choice{box-shadow:0 5px 13px rgba(20,43,82,.03);transition:.18s}.sf-choice:hover{border-color:#bfd0ed;transform:translateY(-1px)}
.sf-order-card{position:relative;overflow:hidden;border-color:#e0e7f0;border-radius:20px;box-shadow:0 8px 24px rgba(22,45,82,.05)}.sf-order-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--sf-blue),var(--sf-cyan))}.sf-order-stat{border:1px solid #eef1f6}.sf-track-step i{box-shadow:0 0 0 4px #fff}.sf-track-step.is-active i{box-shadow:0 0 0 4px rgba(18,94,232,.11)}
.sf-empty{background:linear-gradient(145deg,#fff,#fafcff);border-color:#cbd6e6;box-shadow:0 10px 28px rgba(22,45,82,.04)}
.sf-reveal{opacity:0;transform:translateY(8px);transition:opacity .38s ease var(--sf-delay,0ms),transform .38s ease var(--sf-delay,0ms)}.sf-reveal.sf-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.sf-reveal,.sf-product-row,.sf-promo-image,.sf-primary-btn,.sf-series-card,.sf-color-btn{transition:none!important;animation:none!important}}
@media(max-width:720px){body{background:radial-gradient(circle at 15% 0,rgba(57,123,255,.08),transparent 24%),#f5f7fb}.sf-topbar{background:rgba(255,255,255,.9)}.sf-bottom-nav{left:10px;right:10px;bottom:9px;height:62px;border:1px solid rgba(218,225,238,.9);border-radius:20px;box-shadow:0 14px 35px rgba(17,38,72,.16);overflow:hidden;padding:4px 3px calc(4px + env(safe-area-inset-bottom))}.sf-bottom-nav a.is-active{background:linear-gradient(180deg,#f1f6ff,#fff)}.sf-bottom-nav a.is-active:after{bottom:3px}.sf-promo{min-height:155px;border-radius:20px}.sf-promo-content{padding:18px 17px;max-width:66%}.sf-promo h1,.sf-promo h2{font-size:19px;line-height:1.45}.sf-promo p{max-width:220px}.sf-promo-float{display:none}.sf-promo-image{width:49%;left:-5%;bottom:-11%}.sf-section-head:before{height:17px}.sf-product-row{border-radius:17px;padding:8px;box-shadow:0 7px 18px rgba(22,45,82,.05)}.sf-product-row:before{display:none}.sf-product-image-stage{border-radius:14px}.sf-dot{padding:3px 5px;background:#f8f9fc}.sf-gallery-stage{border-radius:20px;height:305px}.sf-product-head{padding:11px;border-radius:16px}.sf-block{border-radius:17px}.sf-color-btn{width:35px;height:35px}.sf-series-card{border-radius:13px}.sf-buy-bar{bottom:80px}.sf-cart-item,.sf-summary,.sf-order-card{border-radius:17px}.sf-reveal{transform:translateY(5px)}}
/* Phase 40 — Premium simple ordering polish */
.sf-catalog-intro{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:12px;padding:22px 24px;border:1px solid #dfe8f7;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f5f9ff 60%,#eaf3ff 100%);box-shadow:0 18px 45px rgba(19,55,112,.07)}.sf-catalog-intro:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;left:-70px;top:-120px;background:radial-gradient(circle,rgba(20,99,232,.16),rgba(20,99,232,0) 67%)}.sf-catalog-intro:after{content:"R";position:absolute;left:18%;top:-58px;color:rgba(20,99,232,.035);font:900 190px/1 Arial;transform:rotate(-10deg)}.sf-catalog-intro>div{position:relative;z-index:1}.sf-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--sf-blue);font-size:9px;font-weight:900}.sf-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#2cc58d;box-shadow:0 0 0 5px rgba(44,197,141,.1)}.sf-catalog-intro h1,.sf-cart-head h1,.sf-checkout-head h1{margin:5px 0 3px;font-size:22px;line-height:1.5;font-weight:900}.sf-catalog-intro p,.sf-cart-head p,.sf-checkout-head p{margin:0;color:#7c879a;font-size:10px}.sf-catalog-trust{display:flex!important;gap:8px!important;flex-wrap:wrap;justify-content:flex-end}.sf-catalog-trust span{padding:7px 10px;border-radius:99px;background:#fff;border:1px solid #e0e8f4;color:#607089;font-size:9px;font-weight:800}.sf-catalog-trust span:first-child{color:#16885b}.sf-catalog-search{box-shadow:0 10px 25px rgba(23,47,89,.055);border-color:#dfe5ef}.sf-auto-load-hint{font-size:9px;color:#97a1b0}.sf-filter-note{margin-top:14px;padding:10px;border-radius:11px;background:#f7f9fc;color:#8a94a4;font-size:9px;line-height:1.9}.sf-mini-empty{padding:26px 8px;text-align:center;color:#9aa4b3;font-size:10px;line-height:1.9}.sf-loadmore-wrap{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;color:#8f99a8;font-size:9px}.sf-load-spinner{width:18px;height:18px;border:2px solid #dce6f6;border-top-color:var(--sf-blue);border-radius:50%;opacity:0}.sf-loadmore-wrap.is-loading .sf-load-spinner{opacity:1;animation:sfSpin .75s linear infinite}.sf-loadmore-wrap.is-done .sf-load-spinner{display:none}.sf-loadmore-wrap.is-error{color:#bd4a4a}.sf-load-error{padding:13px;border-radius:12px;background:#fff0f0;color:#be4444;text-align:center;font-size:10px}@keyframes sfSpin{to{transform:rotate(360deg)}}
.sf-product-row{position:relative;overflow:hidden}.sf-product-row:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#6ea3ff,#1bc393);opacity:0;transition:.2s}.sf-product-row:hover:before{opacity:1}.sf-product-image-stage{background:radial-gradient(circle at 50% 45%,#fff 0,#f5f7fb 62%,#edf1f6 100%)}.sf-product-image-stage img{object-fit:contain;padding:5px;transition:transform .25s ease}.sf-product-row:hover .sf-product-image-stage img{transform:scale(1.045)}
.sf-stock-note{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border-radius:11px;font-size:9px;font-weight:900}.sf-stock-note:before{content:"";width:7px;height:7px;border-radius:50%}.sf-stock-note.is-ok{background:#ebfaf3;color:#187c55}.sf-stock-note.is-ok:before{background:#20b875}.sf-stock-note.is-low{background:#fff4e4;color:#b86c12}.sf-stock-note.is-low:before{background:#f1a126;box-shadow:0 0 0 4px rgba(241,161,38,.13)}.sf-stock-note.is-production{background:#edf4ff;color:#2663bc}.sf-stock-note.is-production:before{background:#3d7add}.sf-stock-note.is-out{background:#fff0f0;color:#bd4848}.sf-stock-note.is-out:before{background:#dc5656}.sf-stock-badge{display:inline-flex;margin:7px 0 9px;padding:5px 8px;border-radius:8px;font-size:8px;font-weight:900}.sf-stock-badge.is-low{background:#fff2dd;color:#b56b14}.sf-stock-badge.is-ok{background:#eaf9f2;color:#187e55}.sf-stock-badge.is-production{background:#edf4ff;color:#2764bc}
.sf-cart-head,.sf-checkout-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.sf-cart-item{position:relative}.sf-cart-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.sf-remove-btn{border:0;background:#fff0f0;color:#c34646;border-radius:9px;padding:6px 9px;font-size:8px;font-weight:900;cursor:pointer}.sf-remove-btn:hover{background:#ffe1e1}.sf-remove-btn:disabled{opacity:.55}.sf-cart-update-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.sf-cart-update-row small{font-size:9px;color:#8d97a7}.sf-cart-summary,.sf-checkout-summary{position:sticky;top:82px;overflow:hidden}.sf-summary-orb,.sf-summary-visual{display:flex;align-items:baseline;gap:6px;width:max-content;margin:-4px 0 13px;padding:8px 12px;border-radius:13px;background:linear-gradient(135deg,#edf4ff,#f6faff);color:var(--sf-blue)}.sf-summary-orb b,.sf-summary-visual span{font-size:20px;font-weight:900}.sf-summary-orb span,.sf-summary-visual small{font-size:9px;font-weight:800}.sf-old-price{text-decoration:line-through;color:#9ca5b3}.sf-summary-line.is-good,.sf-summary-line.is-good b{color:#178557}.sf-reserve-note{display:flex;gap:9px;margin-top:12px;padding:10px;border-radius:12px;background:#f7f9fc;color:#768296}.sf-reserve-note>span{font-size:16px}.sf-reserve-note b,.sf-reserve-note small{display:block}.sf-reserve-note b{font-size:9px;color:#4c5a72}.sf-reserve-note small{font-size:8px;margin-top:2px}.sf-cart-continue{width:100%;margin-top:12px;justify-content:space-between}.sf-empty-cart{background:linear-gradient(180deg,#fff,#f9fbff)}.sf-empty-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 12px;border-radius:20px;background:#eef4ff;color:var(--sf-blue)}.sf-empty-icon svg{width:30px;height:30px}
.sf-checkout-head>div:nth-child(2){flex:1}.sf-secure-pill{display:inline-flex;align-items:center;padding:7px 10px;border-radius:99px;background:#eafaf3;color:#177e55;font-size:9px;font-weight:900}.sf-checkout-card{position:relative;overflow:hidden}.sf-checkout-card:before{content:"";position:absolute;right:-70px;top:-70px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(20,99,232,.08),transparent 70%);pointer-events:none}.sf-customer-identity{position:relative;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;margin-bottom:18px;padding:12px;border:1px solid #dce8fb;border-radius:17px;background:linear-gradient(135deg,#f9fbff,#eef5ff)}.sf-customer-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#145fe7,#2e7bf0);color:#fff;font-size:18px;font-weight:900}.sf-customer-identity small,.sf-customer-identity b,.sf-customer-identity span{display:block}.sf-customer-identity small{font-size:8px;color:#8c98aa}.sf-customer-identity b{font-size:12px;margin:2px 0}.sf-customer-identity span{font-size:9px;color:#758297;direction:ltr;text-align:right}.sf-customer-identity a{font-size:8px;font-weight:900;color:var(--sf-blue)}.sf-field em{font-style:normal;color:#a1a9b7;font-size:8px;font-weight:400}.sf-checkout-assurance{display:flex;align-items:center;gap:10px;margin-top:9px;padding:10px;border-radius:12px;background:#f8fafc}.sf-checkout-assurance>span{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#eaf2ff;color:var(--sf-blue);font-size:10px;font-weight:900}.sf-checkout-assurance b,.sf-checkout-assurance small{display:block}.sf-checkout-assurance b{font-size:9px}.sf-checkout-assurance small{margin-top:2px;font-size:8px;color:#8e98a8}.sf-checkout-submit{width:100%;margin-top:14px;justify-content:space-between;min-height:50px}.sf-checkout-items{display:grid;gap:7px;margin-top:12px;padding-top:11px;border-top:1px dashed #dfe5ee}.sf-checkout-items>div{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#778397}.sf-checkout-items>div b{color:#4f5d74}.sf-checkout-items>small{font-size:8px;color:#9aa4b2}
@media(max-width:760px){.sf-catalog-intro{padding:15px 16px;border-radius:19px;align-items:flex-start}.sf-catalog-intro h1,.sf-cart-head h1,.sf-checkout-head h1{font-size:17px}.sf-catalog-intro p{font-size:9px}.sf-catalog-trust{display:none!important}.sf-auto-load-hint{display:none}.sf-cart-head,.sf-checkout-head{align-items:flex-start}.sf-cart-head{margin-bottom:10px}.sf-checkout-head{display:grid;grid-template-columns:auto 1fr}.sf-checkout-head>div:nth-child(2){grid-column:1/-1;grid-row:1}.sf-checkout-head>a{grid-row:2}.sf-secure-pill{grid-row:2;justify-self:end}.sf-cart-update-row{align-items:flex-start;flex-direction:column}.sf-cart-update-row small{display:none}.sf-cart-title-row h3{margin-left:6px}.sf-remove-btn{font-size:9px;padding:7px 9px}.sf-cart-summary,.sf-checkout-summary{position:static}.sf-customer-identity{grid-template-columns:42px 1fr auto;padding:10px}.sf-customer-avatar{width:42px;height:42px}.sf-loadmore-wrap{min-height:44px}.sf-product-row:before{display:none}}

/* Phase 41 — Storefront usability pass: readable, obvious, touch friendly */
:where(.sf-main,.sf-bottom-nav,.sf-topbar) a:focus-visible,
:where(.sf-main,.sf-bottom-nav,.sf-topbar) button:focus-visible,
:where(.sf-main,.sf-bottom-nav,.sf-topbar) input:focus-visible,
:where(.sf-main,.sf-bottom-nav,.sf-topbar) select:focus-visible,
:where(.sf-main,.sf-bottom-nav,.sf-topbar) textarea:focus-visible{outline:3px solid rgba(20,99,232,.24);outline-offset:2px}
.sf-brand-sub{font-size:11px}.sf-desktop-nav a{font-size:13px}.sf-icon-btn{font-size:12px}.sf-searchbar{min-height:48px}.sf-searchbar input{font-size:14px}.sf-chip{font-size:12px;min-height:38px}.sf-kicker{font-size:11px}.sf-catalog-intro p,.sf-cart-head p,.sf-checkout-head p{font-size:12px;line-height:1.8}.sf-catalog-trust span{font-size:11px}.sf-auto-load-hint,.sf-filter-note,.sf-loadmore-wrap{font-size:11px}.sf-loadmore-wrap{flex-wrap:wrap}.sf-load-retry{border:1px solid #d7e2f3;background:#fff;color:var(--sf-blue);border-radius:10px;min-height:36px;padding:6px 12px;font-size:11px;font-weight:900;cursor:pointer}.sf-load-retry[hidden]{display:none!important}.sf-section-sub{font-size:11px}.sf-link{font-size:12px}.sf-product-name{font-size:15px;line-height:1.75}.sf-product-meta{font-size:11px;line-height:1.7}.sf-product-status{font-size:10px;line-height:1.5}.sf-price small{font-size:11px}.sf-price b{font-size:14px}.sf-price-action{font-size:11px;min-height:34px}.sf-mini-cart-item b{font-size:11px}.sf-mini-cart-item small,.sf-mini-cart-price{font-size:10px}.sf-side-card h3{font-size:13px}.sf-side-card label,.sf-side-card a{font-size:11px}.sf-primary-btn,.sf-secondary-btn{font-size:12px;min-height:42px}.sf-product-back-row{font-size:11px}.sf-product-head p{font-size:11px;line-height:1.7}.sf-block-head b{font-size:14px}.sf-block-head small{font-size:11px}.sf-selected-color{font-size:11px;min-height:34px}.sf-selected-color-dot{width:13px;height:13px}

/* Named colors scale to dozens of colorways without forcing memory or guesswork. */
.sf-color-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible;padding:3px 0 5px}.sf-color-btn{position:relative;width:auto;height:auto;min-width:0;min-height:48px;border:1px solid #dce3ed;border-radius:12px;box-shadow:none;background:#fff;display:flex;align-items:center;gap:8px;padding:7px 9px;text-align:right;cursor:pointer;transition:.15s}.sf-color-btn:hover{transform:none;border-color:#a9c3f0;background:#f8fbff}.sf-color-btn.is-active{border:2px solid var(--sf-blue);box-shadow:0 0 0 3px rgba(20,99,232,.1);background:#f5f9ff;padding:6px 8px}.sf-color-btn.is-active:after{content:none}.sf-color-swatch{width:26px;height:26px;border-radius:50%;border:1px solid rgba(0,0,0,.13);box-shadow:0 0 0 2px #fff,0 0 0 3px #e4e8ef;flex:0 0 auto}.sf-color-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;color:#354258}.sf-color-btn small{margin-right:auto;color:#a64d4d;font-size:10px;font-weight:800;white-space:nowrap}.sf-color-btn.is-unavailable{opacity:.56;background:#fafafa}.sf-color-list.is-collapsed .sf-color-btn:nth-child(n+9):not(.is-active){display:none}.sf-color-more{display:block;width:100%;margin-top:7px;border:0;background:#f2f6fc;color:var(--sf-blue);border-radius:10px;min-height:40px;font-size:11px;font-weight:900;cursor:pointer}

/* Series cards should be read, not decoded. */
.sf-series-card{min-height:104px;padding:12px 10px}.sf-series-card.is-active{padding:11px 9px}.sf-series-card b{font-size:13px}.sf-series-card small{font-size:11px}.sf-series-card em{font-size:10px;line-height:1.55}.sf-series-stock{display:block;width:max-content;max-width:100%;margin:7px auto 0;padding:4px 7px;border-radius:8px;font-size:10px;font-weight:900;line-height:1.5}.sf-series-stock.is-ok{background:#eaf9f2;color:#187e55}.sf-series-stock.is-low{background:#fff2dd;color:#ad6613}.sf-series-stock.is-production{background:#edf4ff;color:#2764bc}.sf-series-stock.is-out{background:#fff0f0;color:#bd4848}.sf-series-min{display:block!important;color:#62718a!important}.sf-qty-title{font-size:14px}.sf-qty-help{display:block;margin-top:3px;color:#7c8798;font-size:11px;line-height:1.65}.sf-stepper{grid-template-columns:44px 52px 44px}.sf-stepper button{height:44px;touch-action:manipulation}.sf-stepper input{height:44px;width:52px;font-size:14px}.sf-price-line{font-size:12px;padding:5px 0}.sf-price-line.is-total{font-size:13px}.sf-stock-note{font-size:11px;line-height:1.65}.sf-stock-badge{font-size:10px;line-height:1.5}.sf-buy-bar .sf-primary-btn{min-height:50px}

/* Cart: every +/− saves immediately and tells the user what happened. */
.sf-cart-item h3{font-size:14px}.sf-cart-item p{font-size:11px;line-height:1.7}.sf-cart-line-total span{font-size:11px}.sf-cart-line-total b{font-size:13px}.sf-remove-btn{min-height:36px;padding:7px 10px;font-size:10px}.sf-cart-update-row small{font-size:10px}.sf-cart-save-status{display:inline-flex;align-items:center;gap:7px;min-height:32px;color:#748196;font-size:11px;font-weight:800}.sf-cart-save-status>span{width:8px;height:8px;border-radius:50%;background:#aab4c2}.sf-cart-save-status.is-saving{color:#8c6a21}.sf-cart-save-status.is-saving>span{background:#e6a632;animation:sfPulse 1s ease-in-out infinite}.sf-cart-save-status.is-saved{color:#187e55}.sf-cart-save-status.is-saved>span{background:#20b875}.sf-cart-save-status.is-error{color:#b94040}.sf-cart-save-status.is-error>span{background:#d75151}@keyframes sfPulse{50%{opacity:.35}}.sf-summary h3{font-size:14px}.sf-summary-line{font-size:12px}.sf-summary-orb span,.sf-summary-visual small{font-size:10px}.sf-reserve-note b{font-size:11px}.sf-reserve-note small{font-size:10px;line-height:1.6}

/* Checkout, order status and success remain legible on small phones. */
.sf-secure-pill{font-size:11px}.sf-customer-identity small{font-size:10px}.sf-customer-identity b{font-size:14px}.sf-customer-identity span{font-size:11px}.sf-customer-identity a{font-size:10px}.sf-field>span,.sf-field label{font-size:12px}.sf-field input,.sf-field select,.sf-field textarea{font-size:14px;min-height:46px}.sf-field em{font-size:10px;line-height:1.6}.sf-checkout-assurance b{font-size:11px}.sf-checkout-assurance small{font-size:10px;line-height:1.6}.sf-checkout-items>div,.sf-checkout-items>small{font-size:10px;line-height:1.6}.sf-order-number{font-size:13px}.sf-order-date{font-size:10px}.sf-order-status{font-size:10px}.sf-order-stat small{font-size:10px}.sf-order-stat b{font-size:11px}.sf-track-step{font-size:10px;line-height:1.45}.sf-track-step i{min-width:24px;min-height:24px}.sf-track-exception,.sf-order-exception{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:11px 12px;border:1px solid #f2caca;border-radius:12px;background:#fff5f5;color:#9e3d3d;font-size:11px;font-weight:800;line-height:1.75}.sf-shipment-event{padding:10px 0;border-bottom:1px dashed #e5e9ef}.sf-shipment-event:last-child{border-bottom:0}.sf-shipment-event b{display:block;font-size:11px}.sf-shipment-event small,.sf-inline-empty{font-size:10px;color:#8490a2}.sf-success-card{max-width:720px;margin:0 auto;padding:26px 22px;border:1px solid var(--sf-line);border-radius:22px;background:#fff;text-align:center;box-shadow:0 18px 44px rgba(24,48,87,.07)}.sf-success-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:#eaf9f2;color:#16885b;font-size:28px;font-weight:900}.sf-success-title{margin:0;font-size:22px}.sf-success-text{margin:7px auto 16px;max-width:520px;color:#6f7b8e;font-size:12px;line-height:1.9}.sf-success-summary{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.sf-success-summary span{padding:8px 11px;border-radius:10px;background:#f5f7fb;font-size:11px;font-weight:800}.sf-success-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}

@media(max-width:720px){
  .sf-bottom-nav a{font-size:10px;min-height:50px}.sf-bottom-nav .sf-cart-dot{font-size:9px}.sf-searchbar{height:48px}.sf-chip{padding:8px 12px;font-size:11px}.sf-promo p{font-size:11px;line-height:1.75}.sf-promo-action{font-size:11px;min-height:36px}.sf-section-title{font-size:15px}.sf-product-name{font-size:14px}.sf-product-meta{font-size:10px}.sf-product-row>.sf-price{gap:8px}.sf-price small{font-size:10px}.sf-price b{font-size:12px}.sf-price-action{padding:7px 10px;font-size:10px}.sf-product-status{font-size:10px}.sf-product-head h1{font-size:19px}.sf-product-head p{font-size:11px}.sf-block{padding:13px}.sf-block-head b{font-size:13px}.sf-block-head small{font-size:10px}.sf-color-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sf-color-btn{min-height:50px}.sf-color-name{font-size:12px}.sf-color-list.is-collapsed .sf-color-btn:nth-child(n+7):not(.is-active){display:none}.sf-series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sf-series-card{min-height:108px;padding:11px 8px}.sf-series-card.is-active{padding:10px 7px}.sf-series-card b{font-size:13px}.sf-series-card small{font-size:10px}.sf-series-card em,.sf-series-stock{font-size:10px}.sf-cart-item h3{font-size:13px}.sf-remove-btn{font-size:10px;min-height:38px}.sf-cart-line-total{gap:8px}.sf-cart-update-row{gap:5px}.sf-cart-update-row small{display:block;line-height:1.6}.sf-catalog-intro p{font-size:11px}.sf-auto-load-hint{display:inline;font-size:10px}.sf-loadmore-wrap{font-size:10px}.sf-success-card{padding:22px 15px}.sf-success-title{font-size:19px}.sf-success-actions{display:grid}.sf-success-actions>*{width:100%}
}
.sf-order-detail-link{border-top:1px solid #f0f2f5;margin-top:9px;padding-top:10px;text-align:center;color:var(--sf-blue);font-size:11px;font-weight:900}
.sf-payment-help{margin:-4px 0 12px;color:#758196;font-size:11px;line-height:1.8}.sf-payment-divider{display:flex;align-items:center;gap:9px;margin:15px 0;color:#98a2b1;font-size:10px}.sf-payment-divider:before,.sf-payment-divider:after{content:"";height:1px;flex:1;background:#e9edf3}.sf-payment-destination{margin-bottom:11px;padding:11px 12px;border:1px solid #e4eaf3;border-radius:12px;background:#f7f9fc}.sf-payment-destination small,.sf-payment-destination b,.sf-payment-destination span{display:block}.sf-payment-destination small{font-size:10px;color:#8490a2}.sf-payment-destination b{margin:4px 0;font-size:16px;letter-spacing:.5px}.sf-payment-destination span{font-size:11px;color:#657287}.sf-payment-locked{font-size:12px;line-height:2;color:#697487}.sf-payment-locked b,.sf-payment-locked small{display:block}.sf-payment-locked small{font-size:10px;color:#8c97a7}

/* Phase 42 — deep storefront/customer UX hardening */
.sf-searchbar-with-submit{padding-left:6px}
.sf-searchbar .sf-search-clear{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;font-size:22px;line-height:1}
.sf-searchbar .sf-search-clear:hover{background:#f2f5f9;color:#536177}
.sf-searchbar .sf-search-submit{flex:0 0 auto;min-width:70px;min-height:38px;padding:7px 12px;border-radius:10px;background:#125ee8;color:#fff;font-size:12px;font-weight:900}
.sf-searchbar .sf-search-submit:hover{background:#0d50ca}
.sf-gallery-stage{position:relative}
.sf-gallery-fallback-note{position:absolute;right:12px;left:12px;bottom:12px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid rgba(190,137,33,.22);border-radius:12px;background:rgba(255,249,232,.94);box-shadow:0 8px 20px rgba(79,61,20,.08);color:#7a5a17;backdrop-filter:blur(8px)}
.sf-gallery-fallback-note b{font-size:11px;white-space:nowrap}
.sf-gallery-fallback-note span{font-size:10px;line-height:1.6}
.sf-product-code-line{margin-bottom:0!important}.sf-product-description{margin-top:6px!important;color:#657287!important;font-size:12px!important;line-height:1.85!important;max-width:720px}
.sf-cart-item h3 a:hover{color:var(--sf-blue)}
.sf-stock-badge.is-out{background:#fff0f0;color:#bd4848}
.sf-shipment-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.sf-shipment-details>div,.sf-waybill-link{display:flex;min-height:72px;flex-direction:column;justify-content:center;padding:11px 12px;border:1px solid #e5eaf2;border-radius:13px;background:#fafbfd}
.sf-shipment-details small{font-size:10px;color:#8792a3}.sf-shipment-details b{margin-top:2px;font-size:12px}.sf-shipment-details span{margin-top:3px;color:#718096;font-size:10px;line-height:1.65}
.sf-waybill-link{background:#eef5ff;color:var(--sf-blue)}.sf-waybill-link span{color:#6d7c91}.sf-waybill-link b{font-size:12px}
.sf-chip{min-height:42px}.sf-price-action{min-height:38px}.sf-remove-btn{min-height:40px}
.sf-order-stat b{font-size:12px}.sf-order-stat small{font-size:11px}.sf-order-date,.sf-order-status,.sf-track-step{font-size:11px}.sf-track-step{line-height:1.6}
.sf-payment-divider,.sf-payment-destination small,.sf-payment-locked small{font-size:11px}
.sf-inline-empty{font-size:11px;line-height:1.8}
.sf-product-meta{font-size:11px}.sf-product-status{font-size:11px}.sf-price-action{font-size:11px}
.sf-bottom-nav a{font-size:11px}.sf-bottom-nav svg{width:22px;height:22px}
@media(max-width:720px){
  .sf-header-actions .sf-icon-btn{min-width:40px;height:40px}
  .sf-bottom-nav a{font-size:11px}
  .sf-searchbar-with-submit{gap:5px;padding-right:10px}
  .sf-searchbar .sf-search-submit{min-width:62px;min-height:40px;padding-inline:10px}
  .sf-searchbar .sf-search-clear{flex-basis:34px;width:34px;height:34px}
  .sf-product-meta{font-size:11px}.sf-price small,.sf-price-action,.sf-product-status{font-size:11px}
  .sf-block-head small,.sf-series-card small,.sf-series-card em,.sf-series-stock{font-size:11px}
  .sf-gallery-fallback-note{right:8px;left:8px;bottom:8px;display:block}.sf-gallery-fallback-note b,.sf-gallery-fallback-note span{display:block}.sf-gallery-fallback-note span{margin-top:2px;font-size:11px}
  .sf-shipment-details{grid-template-columns:1fr}.sf-shipment-details>div,.sf-waybill-link{min-height:0}
  .sf-order-stat b{font-size:12px}.sf-track-step{font-size:11px}
}
@media(max-width:390px){
  .sf-searchbar .sf-search-submit{min-width:56px;padding-inline:8px;font-size:11px}
  .sf-promo-content{max-width:100%}.sf-promo-image{opacity:.18;width:62%;left:-10%}.sf-promo h1,.sf-promo h2{max-width:82%}
  .sf-product-row{grid-template-columns:84px minmax(0,1fr)}.sf-product-image{width:84px;height:74px}
  .sf-product-row>.sf-price{align-items:flex-start;flex-wrap:wrap}.sf-price-action{margin-right:auto}
}


/* Phase 42.1 — accessibility/readability pass for customer-facing flow */
.sf-alert-warning{background:#fff8e8;color:#8a6418;border-color:#f2dca6}
.sf-brand-sub,.sf-section-sub,.sf-mini-cart-item b,.sf-mini-cart-item small,.sf-mini-cart-price,
.sf-pager a,.sf-pager span,.sf-block-head small,.sf-series-card small,.sf-series-card em,
.sf-price-line,.sf-stock-note,.sf-cart-item p,.sf-summary-line,.sf-choice,
.sf-field label,.sf-field>span,.sf-alert,.sf-footer-inner,.sf-kicker,.sf-catalog-intro p,
.sf-catalog-trust span,.sf-auto-load-hint,.sf-filter-note,.sf-mini-empty,.sf-loadmore-wrap,
.sf-load-error,.sf-stock-badge,.sf-cart-update-row small,.sf-reserve-note b,.sf-reserve-note small,
.sf-secure-pill,.sf-customer-identity small,.sf-customer-identity span,.sf-customer-identity a,
.sf-field em,.sf-checkout-assurance>span,.sf-checkout-assurance b,.sf-checkout-assurance small,
.sf-checkout-items>div,.sf-checkout-items>small,.sf-payment-help,.sf-payment-destination span{
  font-size:11px
}
.sf-field label,.sf-field>span,.sf-alert,.sf-summary-line,.sf-choice{line-height:1.75}
.sf-field input,.sf-field select,.sf-field textarea{min-height:44px;font-size:13px}
.sf-field textarea{min-height:84px}
.sf-pager a{min-width:40px;min-height:40px;display:grid;place-items:center}
.sf-checkout-submit,.sf-primary-btn,.sf-secondary-btn{min-height:44px}
.sf-heart{min-width:44px;min-height:44px}
@media(max-width:720px){
  .sf-cart-item p,.sf-stock-badge,.sf-cart-update-row small,.sf-summary-line,
  .sf-reserve-note b,.sf-reserve-note small,.sf-customer-identity small,.sf-customer-identity span,
  .sf-customer-identity a,.sf-field em,.sf-checkout-assurance b,.sf-checkout-assurance small,
  .sf-checkout-items>div,.sf-checkout-items>small,.sf-payment-help{font-size:11px}
  .sf-field label,.sf-field>span,.sf-alert{font-size:12px}
}

/* =====================================================================
   Phase 43 — strict customer-first visual redesign
   Goal: calm, legible, mobile-first wholesale ordering. No new features.
   ===================================================================== */
:root{
  --sf-blue:#1769e0;
  --sf-blue-dark:#0f55bd;
  --sf-ink:#162033;
  --sf-muted:#68758a;
  --sf-bg:#f5f7fa;
  --sf-line:#dfe5ed;
  --sf-green:#16845a;
  --sf-orange:#b86a18;
  --sf-red:#bd3f47;
  --sf-radius:20px;
  --sf-shadow:0 8px 24px rgba(23,41,70,.055);
  --sf-shadow-strong:0 16px 38px rgba(23,41,70,.09);
}
html{background:var(--sf-bg)}
body.sf-body{background:#f5f7fa;color:var(--sf-ink);font-size:14px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(23,105,224,.2);outline-offset:2px}
.sf-container{width:min(1220px,calc(100% - 32px))}

/* Header: fewer visual distractions, stronger touch targets. */
.sf-topbar{background:rgba(255,255,255,.96);border-bottom:1px solid #e6eaf0;box-shadow:0 3px 14px rgba(29,45,68,.035);backdrop-filter:blur(12px)}
.sf-topbar-inner{height:72px;gap:18px}
.sf-brand{gap:11px}
.sf-brand-mark{width:40px;height:40px;border-radius:12px;box-shadow:none;border:1px solid #edf0f4}
.sf-brand-title{font-size:17px;line-height:1.3;letter-spacing:-.2px}
.sf-brand-sub{font-size:11px;color:#7e8999;margin-top:2px}
.sf-desktop-nav{padding:4px;border-radius:14px;background:#f5f7fa;border:1px solid #e8ecf2}
.sf-desktop-nav a{min-height:40px;display:flex;align-items:center;padding:8px 14px;font-size:13px;color:#536176;border-radius:10px}
.sf-desktop-nav a:hover,.sf-desktop-nav a.is-active{background:#fff;color:var(--sf-blue);box-shadow:0 2px 8px rgba(23,41,70,.06)}
.sf-icon-btn{height:44px;min-width:44px;padding:0 13px;border-radius:12px;font-size:12px;box-shadow:none}
.sf-icon-btn:hover{transform:none;box-shadow:none;background:#f8fafc}
.sf-icon-btn svg{width:20px;height:20px}

/* Search and filter controls. */
.sf-searchbar{height:54px;border-radius:16px;border-color:#d9e0e9;box-shadow:none;background:#fff}
.sf-searchbar:focus-within{border-color:#8db6ed;box-shadow:0 0 0 4px rgba(23,105,224,.075)}
.sf-searchbar input{font-size:14px;font-weight:650}
.sf-searchbar input::placeholder{color:#98a2b1;font-weight:500}
.sf-searchbar .sf-search-submit{min-width:82px;min-height:42px;border-radius:11px;font-size:13px;background:var(--sf-blue)}
.sf-searchbar .sf-search-clear{font-size:24px;color:#9ca5b2}
.sf-chips{gap:9px;padding-block:6px}
.sf-chip{min-height:44px;display:inline-flex;align-items:center;padding:9px 15px;border-radius:12px;font-size:12px;color:#5d697b;box-shadow:none}
.sf-chip:hover{transform:none;background:#f8fafc}
.sf-chip.is-active{background:var(--sf-blue);border-color:var(--sf-blue);box-shadow:none}

/* Home hero: simple information hierarchy instead of decorative density. */
.sf-promo{min-height:224px;border-radius:24px;background:linear-gradient(128deg,#0d1d37 0%,#123967 62%,#1769e0 145%);box-shadow:0 16px 42px rgba(16,39,76,.16)}
.sf-promo:before{opacity:.5}.sf-promo:after{display:none}
.sf-promo-content{padding:32px 34px;max-width:64%}
.sf-promo-eyebrow{font-size:12px;padding:6px 10px;background:rgba(255,255,255,.08)}
.sf-promo h1,.sf-promo h2{margin:10px 0 8px;font-size:31px;line-height:1.45;letter-spacing:-.5px}
.sf-promo p{font-size:13px;line-height:1.9;color:#d4dfef;max-width:510px}
.sf-promo-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.sf-promo-points span{padding:5px 9px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.07);color:#dbe8fa;font-size:11px;font-weight:800}
.sf-promo-action{min-height:44px;margin-top:15px;padding:10px 16px;border-radius:12px;font-size:13px;box-shadow:none}
.sf-promo-action:hover{transform:none}
.sf-promo-image{left:1%;bottom:-8%;width:40%;height:112%;filter:drop-shadow(0 20px 24px rgba(0,0,0,.22))}
.sf-promo-float{display:none}

.sf-order-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.sf-order-guide>div{display:flex;align-items:center;gap:11px;min-height:72px;padding:12px 14px;border:1px solid #e2e7ee;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(28,46,76,.03)}
.sf-order-guide i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#edf4ff;color:var(--sf-blue);font-style:normal;font-size:13px;font-weight:900}
.sf-order-guide span,.sf-order-guide b,.sf-order-guide small{display:block}
.sf-order-guide b{font-size:13px;color:#1e2b3e}
.sf-order-guide small{margin-top:1px;font-size:11px;color:#7a8698;line-height:1.55}

.sf-section-head{margin:26px 0 12px}
.sf-section-head:before{width:3px;height:22px;margin-left:8px;background:var(--sf-blue);box-shadow:none}
.sf-section-title{font-size:18px;letter-spacing:-.25px}
.sf-section-sub{font-size:12px;color:#788497;margin-top:2px}
.sf-link{font-size:12px}

/* Product list: stronger card hierarchy and easier scanning. */
.sf-product-stack{gap:12px}
.sf-product-row{grid-template-columns:126px minmax(0,1fr) 205px;gap:16px;padding:12px;border-radius:18px;border:1px solid #e1e6ed;box-shadow:0 3px 14px rgba(24,42,69,.035);overflow:visible}
.sf-product-row:before{display:none}
.sf-product-row:hover{transform:none;border-color:#c9d7e8;box-shadow:0 8px 24px rgba(24,42,69,.07)}
.sf-product-image{width:126px;height:104px;border-radius:14px;background:#f3f5f8}
.sf-product-image-stage:after{display:none}
.sf-product-image img{object-fit:contain;padding:4px}
.sf-product-row:hover .sf-product-image img{transform:none}
.sf-product-name{align-items:flex-start;flex-wrap:wrap;gap:7px 9px;font-size:16px;line-height:1.55}
.sf-product-code{font-size:11px;color:#8893a3;margin-top:2px}
.sf-product-meta{gap:7px;margin-top:10px;font-size:11px;color:#667286}
.sf-dot{padding:4px 8px;background:#f6f8fa;border-color:#e9edf2}
.sf-product-status{padding:5px 9px;font-size:11px;border-radius:999px}
.sf-price{min-width:0;padding:0 14px 0 3px;border-right:1px solid #edf0f4;text-align:left}
.sf-price small{font-size:11px;color:#7e8998}
.sf-price b{font-size:16px;line-height:1.55;margin-top:1px}
.sf-price-action{min-height:42px;display:flex;align-items:center;justify-content:center;margin-top:9px;padding:8px 12px;border-radius:11px;background:#f2f6fc;border:1px solid #d6e1f0;font-size:12px}
.sf-price-action:hover{background:var(--sf-blue);color:#fff}

/* Catalog */
.sf-catalog-intro{align-items:center;margin-bottom:12px;padding:20px 22px;border-radius:20px;border-color:#e0e6ee;background:#fff;box-shadow:none}
.sf-catalog-intro:before,.sf-catalog-intro:after{display:none}
.sf-catalog-intro h1,.sf-cart-head h1,.sf-checkout-head h1{margin:5px 0 4px;font-size:24px;line-height:1.45}
.sf-catalog-intro p,.sf-cart-head p,.sf-checkout-head p{font-size:12px;line-height:1.8;color:#758194}
.sf-kicker{font-size:11px}
.sf-catalog-trust{gap:7px!important}
.sf-catalog-trust span{padding:7px 10px;font-size:11px;border-color:#e1e6ed;background:#f8fafc}
.sf-catalog-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:5px 2px 1px;color:#7a8697;font-size:11px}
.sf-catalog-legend span{display:inline-flex;align-items:center;gap:6px}
.sf-catalog-legend i{width:8px;height:8px;border-radius:50%}
.sf-catalog-legend .is-ready{background:#2aa673}.sf-catalog-legend .is-making{background:#e59a37}.sf-catalog-legend .is-order{background:#4388ec}
.sf-catalog-layout{grid-template-columns:220px minmax(0,1fr) 300px;gap:16px}
.sf-side-card{padding:16px;border-radius:18px;box-shadow:none;border-color:#e1e6ed}
.sf-side-card h3{font-size:14px}
.sf-filter-option{min-height:42px;padding:9px 11px;font-size:12px}
.sf-filter-note{font-size:11px;background:#f7f9fb}
.sf-mini-cart-item{grid-template-columns:46px minmax(0,1fr);gap:8px;padding:10px 0;position:relative}
.sf-mini-cart-item img{width:46px;height:42px;object-fit:contain}
.sf-mini-cart-item b{font-size:11px}.sf-mini-cart-item small{font-size:10px;line-height:1.55}.sf-mini-cart-price{grid-column:2;font-size:11px;text-align:right;margin-top:3px}
.sf-mini-cart-total{font-size:12px}
.sf-loadmore-wrap{min-height:64px;font-size:11px}

/* Product detail: explicit three-step choice flow. */
.sf-product-back-row{font-size:12px;color:#758194;margin-bottom:10px}
.sf-product-page{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:28px}
.sf-gallery-stage{height:500px;border-radius:20px;background:#f5f6f8;border-color:#e1e6ec;box-shadow:none}
.sf-gallery-stage:after{display:none}
.sf-gallery-thumbs{padding-top:10px;gap:9px}
.sf-gallery-thumb{width:68px;height:62px;border-radius:11px;box-shadow:none}
.sf-product-head{padding:0 0 15px;background:transparent;border:0;border-bottom:1px solid #e2e7ed;border-radius:0;box-shadow:none}
.sf-product-head h1{font-size:27px;line-height:1.45}
.sf-product-head p{font-size:12px}
.sf-product-description{font-size:13px!important;line-height:1.9!important;color:#657186!important}
.sf-heart{border-radius:12px;box-shadow:none}
.sf-block{padding:17px;margin-top:12px;border-radius:18px;border-color:#e1e6ed;box-shadow:none}
.sf-block:hover{border-color:#d5dce6}
.sf-block-head{gap:12px;margin-bottom:13px}
.sf-step-title{display:flex;align-items:center;gap:9px;min-width:0}
.sf-step-title i{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#edf4ff;color:var(--sf-blue);font-style:normal;font-size:12px;font-weight:900}
.sf-step-title b,.sf-block-head b{font-size:14px;line-height:1.5}
.sf-block-head>small{font-size:11px;color:#7e8998;text-align:left}
.sf-color-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding:0}
.sf-color-btn{width:auto;height:auto;min-height:52px;display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #dfe5ec;border-radius:12px;background:#fff;box-shadow:none;text-align:right}
.sf-color-btn:hover{transform:none;border-color:#aac3e7;background:#f8fbff}
.sf-color-btn.is-active{border:2px solid var(--sf-blue);padding:7px 9px;box-shadow:0 0 0 3px rgba(23,105,224,.07)}
.sf-color-btn.is-active:after{display:none}
.sf-color-swatch{flex:0 0 24px;width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.15);box-shadow:0 0 0 3px #fff,0 0 0 4px #dfe4eb}
.sf-color-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;color:#344156}
.sf-color-btn small{margin-right:auto;font-size:10px;color:#b33f46}
.sf-color-btn.is-unavailable{opacity:.58;background:#fafafa}
.sf-color-more{min-height:42px;margin-top:8px;padding:8px 12px;border:1px dashed #bdcce1;border-radius:11px;background:#f8fafc;color:var(--sf-blue);font-size:11px;font-weight:900}
.sf-selected-color{margin-top:9px;padding:7px 10px;font-size:11px;background:#f7f9fb;border-color:#e4e9ef}
.sf-selected-color-dot{width:12px;height:12px}
.sf-series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sf-series-card{min-height:116px;padding:13px;border-radius:14px;text-align:right;box-shadow:none;background:#fff}
.sf-series-card:hover:not(.is-disabled){transform:none;border-color:#aac3e7}
.sf-series-card.is-active{padding:12px;border:2px solid var(--sf-blue);background:#f7fbff;box-shadow:0 0 0 3px rgba(23,105,224,.065)}
.sf-series-card.is-active:after{top:9px;left:9px}
.sf-series-card b{font-size:14px;line-height:1.5;padding-left:24px}
.sf-series-card small{font-size:11px;color:#667286;line-height:1.55;margin-top:3px}
.sf-series-card em{font-size:11px;color:#57647a;margin-top:7px}
.sf-series-stock{display:block;width:max-content;max-width:100%;margin-top:8px;padding:5px 8px;font-size:11px;border-radius:9px;font-weight:900}
.sf-series-min{font-size:10px!important;line-height:1.55!important}
.sf-qty-row{gap:16px}
.sf-qty-title{font-size:14px!important}
.sf-qty-help{display:block;margin-top:4px;font-size:11px!important;color:#758194}
.sf-stepper{grid-template-columns:44px 58px 44px;border-radius:13px}
.sf-stepper button{height:46px;font-size:20px;cursor:pointer}
.sf-stepper input{width:58px;height:46px;font-size:14px}
.sf-price-box{margin-top:14px;padding:14px;border:1px solid #e2e7ed;border-radius:14px;background:#f8fafc}
.sf-price-line{font-size:12px;padding:5px 0;color:#657186}
.sf-price-line strong{font-size:12px}
.sf-price-line.is-total{margin-top:7px;padding-top:11px;font-size:13px}
.sf-price-line.is-total strong{font-size:20px;color:var(--sf-blue)}
.sf-buy-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.72fr);align-items:center;gap:12px;margin-top:12px;padding:13px;border:1px solid #dbe4ef;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(23,41,70,.055)}
.sf-buy-info{min-width:0}.sf-buy-info small{display:block;margin-top:2px;font-size:10px;color:#8792a2}
.sf-stock-note{text-align:right;margin:0;font-size:11px;line-height:1.65}
.sf-buy-bar .sf-primary-btn{width:100%;min-height:50px;padding:12px 15px;font-size:13px;border-radius:12px;box-shadow:none}
.sf-buy-arrow{font-size:16px}

/* Three-step order progress: orientation without visual noise. */
.sf-flow-progress{display:grid;grid-template-columns:auto minmax(34px,1fr) auto minmax(34px,1fr) auto;align-items:center;gap:8px;max-width:620px;margin:2px auto 18px;padding:10px 14px;border:1px solid #e1e6ed;border-radius:15px;background:#fff}
.sf-flow-progress>div{display:flex;align-items:center;gap:7px;color:#8a94a3;font-size:11px;font-weight:800;white-space:nowrap}
.sf-flow-progress>div i{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d7dde5;border-radius:50%;background:#f8f9fb;color:#7d8898;font-style:normal;font-size:11px;font-weight:900}
.sf-flow-progress>b{height:2px;border-radius:99px;background:#e4e8ee}
.sf-flow-progress>div.is-active{color:var(--sf-blue)}.sf-flow-progress>div.is-active i{border-color:var(--sf-blue);background:#edf4ff;color:var(--sf-blue)}
.sf-flow-progress>div.is-done i{border-color:#bfe3d2;background:#edf9f3;color:#16845a}
.sf-flow-progress>b.is-done{background:#83cbae}

/* Cart: treat each line like a clear wholesale selection, not a dense ERP row. */
.sf-cart-head{margin:0 0 14px}
.sf-cart-head .sf-secondary-btn{align-self:flex-start}
.sf-cart-layout{grid-template-columns:minmax(0,1fr) 350px;gap:20px}
.sf-cart-item{grid-template-columns:104px minmax(0,1fr) 150px;gap:14px;padding:14px;border-radius:17px;border-color:#e0e5ec;box-shadow:none}
.sf-cart-item-image{width:104px;height:92px;border-radius:13px;background:#f5f6f8}
.sf-cart-item-image img{object-fit:contain;padding:3px}
.sf-cart-title-row{align-items:flex-start}
.sf-cart-item h3{font-size:15px;line-height:1.5}
.sf-cart-item p{font-size:11px;line-height:1.7;color:#748092;margin:3px 0}
.sf-stock-badge{display:inline-flex;min-height:29px;align-items:center;margin-top:4px;padding:5px 9px;border-radius:9px;font-size:10px}
.sf-cart-item .sf-stepper{margin-top:9px}
.sf-cart-line-total{display:flex;min-height:100%;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;padding-right:13px;border-right:1px solid #edf0f4;font-size:12px}
.sf-cart-line-total span{font-size:11px;color:#748092}.sf-cart-line-total b{font-size:14px;color:#182438}
.sf-remove-btn{min-height:38px;padding:7px 10px;border-radius:10px}
.sf-cart-update-row{padding:8px 2px 0}
.sf-cart-save-status{font-size:11px}
.sf-summary{padding:18px;border-radius:18px;border-color:#dfe5ec;box-shadow:none}
.sf-summary h3{font-size:15px}
.sf-summary-line{font-size:12px;padding:7px 0}
.sf-summary-total{padding-top:13px;font-size:13px}
.sf-summary-total b{font-size:20px}
.sf-summary-orb,.sf-summary-visual{border-radius:13px}
.sf-reserve-note{margin-top:12px;border-radius:12px}
.sf-cart-continue{min-height:50px;margin-top:13px;font-size:13px;box-shadow:none}

/* Checkout */
.sf-checkout-head{align-items:flex-start;margin-bottom:14px}
.sf-secure-pill{min-height:36px;display:inline-flex;align-items:center;padding:7px 10px;border-radius:10px;font-size:11px}
.sf-form-card{padding:19px;border-radius:18px;border-color:#e0e5ec;box-shadow:none}
.sf-customer-identity{margin-bottom:17px;padding:12px;border-radius:14px;background:#f7f9fb;border:1px solid #e5e9ef}
.sf-customer-avatar{width:42px;height:42px;border-radius:12px}
.sf-customer-identity b{font-size:14px}.sf-customer-identity small,.sf-customer-identity span,.sf-customer-identity a{font-size:11px}
.sf-form-grid{gap:14px}
.sf-field>span,.sf-field label{font-size:12px;margin-bottom:6px}
.sf-field input,.sf-field select,.sf-field textarea{min-height:50px;padding:12px 13px;border-radius:12px;background:#fff;font-size:13px;border-color:#dce2ea}
.sf-field textarea{min-height:96px;line-height:1.9}
.sf-checkout-assurance{border-radius:13px;padding:11px 12px}
.sf-checkout-assurance b{font-size:12px}.sf-checkout-assurance small{font-size:11px;line-height:1.65}
.sf-checkout-submit{min-height:52px;margin-top:15px;font-size:13px;box-shadow:none}
.sf-checkout-items>div{font-size:11px;line-height:1.6}

/* Payment/order/tracking readability */
.sf-order-card{border-radius:17px;border-color:#e0e5ec;box-shadow:none}
.sf-order-number{font-size:14px}.sf-order-date{font-size:11px}.sf-order-status{font-size:11px}
.sf-order-grid{gap:9px}.sf-order-stat{padding:10px;border:1px solid #edf0f4;background:#f8fafc}.sf-order-stat small{font-size:11px}.sf-order-stat b{font-size:12px}
.sf-track-step{font-size:11px;line-height:1.55}.sf-track-step i{width:26px;height:26px}
.sf-shipment-event b{font-size:12px}.sf-shipment-event small,.sf-inline-empty{font-size:11px}
.sf-payment-help{font-size:12px}.sf-payment-destination small,.sf-payment-destination span{font-size:11px}.sf-payment-destination b{font-size:17px}

/* Success */
.sf-success-page{padding-top:18px}
.sf-flow-success{margin-bottom:12px}
.sf-success-card{max-width:760px;padding:28px 24px;border-radius:20px;box-shadow:none}
.sf-success-icon{width:62px;height:62px;border-radius:18px}
.sf-success-title{font-size:23px}.sf-success-text{font-size:13px;line-height:1.9}
.sf-success-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:right}.sf-success-summary .sf-summary-line{display:block;padding:10px;border:1px solid #e7ebf0;border-radius:12px;background:#f8fafc}.sf-success-summary .sf-summary-line span,.sf-success-summary .sf-summary-line b{display:block}.sf-success-summary .sf-summary-line b{margin-top:4px;font-size:12px}
.sf-next-step{margin:14px 0;padding:12px 14px;border:1px solid #dce6f4;border-radius:13px;background:#f5f9ff;text-align:right}.sf-next-step b,.sf-next-step span{display:block}.sf-next-step b{font-size:12px;color:#24466f}.sf-next-step span{margin-top:3px;font-size:11px;color:#6d7b90;line-height:1.75}

/* Empty/error states must look intentional. */
.sf-empty{padding:44px 22px;border:1px solid #dfe5ec;border-radius:18px;background:#fff;color:#6f7b8c}
.sf-alert{padding:12px 14px;border:1px solid transparent;border-radius:12px;font-size:12px;line-height:1.75}
.sf-alert-success{border-color:#cfe9dc}.sf-alert-error{border-color:#f0d0d0}.sf-alert-warning{border-color:#efdda9}

@media(max-width:980px){
  .sf-container{width:min(100% - 26px,820px)}
  .sf-catalog-layout{grid-template-columns:1fr}.sf-catalog-filter,.sf-mini-cart{display:none}
  .sf-product-page{grid-template-columns:1fr;max-width:760px;margin-inline:auto}.sf-gallery-card{position:static}
  .sf-gallery-stage{height:420px}
  .sf-cart-layout{grid-template-columns:1fr}.sf-summary{position:static}
}

@media(max-width:720px){
  body.sf-body{padding-bottom:82px;font-size:14px;background:#f5f7fa}
  .sf-container{width:calc(100% - 20px)}
  .sf-topbar-inner{height:60px;gap:8px}
  .sf-brand{flex:0 0 38px}.sf-brand-copy{display:none}.sf-brand-mark{width:36px;height:36px;border-radius:11px}
  .sf-mobile-title{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;padding-right:4px;font-size:14px}
  .sf-header-actions{gap:2px}.sf-header-actions .sf-icon-btn:not(.sf-cart-badge){display:none}.sf-header-actions .sf-icon-btn{height:42px;min-width:42px;padding:0;border:1px solid #e5e9ef;border-radius:11px}.sf-header-actions .sf-icon-btn span{display:none}
  .sf-bottom-nav{left:8px;right:8px;bottom:8px;height:66px;border:1px solid #dfe5ec;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(20,37,62,.15);padding:4px 3px calc(4px + env(safe-area-inset-bottom))}
  .sf-bottom-nav a{min-height:54px;gap:2px;border-radius:11px;font-size:10px}.sf-bottom-nav svg{width:22px;height:22px}.sf-bottom-nav a.is-active{background:#f2f6fc}.sf-bottom-nav a.is-active:after{display:none}
  .sf-main{padding-bottom:6px}
  .sf-top-spacer{padding-top:10px!important}

  .sf-searchbar{height:52px;border-radius:14px}.sf-searchbar input{font-size:13px}.sf-searchbar .sf-search-submit{min-width:68px;min-height:42px;font-size:12px}.sf-searchbar .sf-search-clear{width:34px;flex-basis:34px}
  .sf-chip{min-height:42px;padding:8px 12px;font-size:11px}

  .sf-promo{min-height:205px;border-radius:19px}
  .sf-promo-content{max-width:78%;padding:20px 18px}
  .sf-promo-eyebrow{font-size:10px}.sf-promo h1,.sf-promo h2{max-width:100%;margin-top:8px;font-size:22px;line-height:1.5}.sf-promo p{max-width:285px;font-size:11px;line-height:1.8}.sf-promo-points{gap:5px;margin-top:9px}.sf-promo-points span{padding:4px 7px;font-size:10px}.sf-promo-action{min-height:42px;margin-top:11px;font-size:12px}
  .sf-promo-image{width:52%;height:100%;left:-11%;bottom:-10%;opacity:.28}
  .sf-order-guide{grid-template-columns:1fr;gap:7px;margin-top:9px}.sf-order-guide>div{min-height:58px;padding:9px 11px;border-radius:13px}.sf-order-guide i{width:30px;height:30px;flex-basis:30px}.sf-order-guide b{font-size:12px}.sf-order-guide small{font-size:10px}
  .sf-section-head{margin:20px 0 10px}.sf-section-title{font-size:16px}.sf-section-sub{font-size:11px}.sf-section-head:before{height:19px}

  .sf-product-row{grid-template-columns:92px minmax(0,1fr);gap:10px;padding:10px;border-radius:16px}
  .sf-product-image{width:92px;height:92px;border-radius:12px;grid-row:1 / span 2}
  .sf-product-name{font-size:14px;line-height:1.5;gap:5px}.sf-product-status{padding:4px 7px;font-size:10px}
  .sf-product-code{font-size:10px}.sf-product-meta{gap:5px;margin-top:7px;font-size:10px}.sf-dot{padding:3px 6px}
  .sf-product-row>.sf-price{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 9px;margin-top:0;padding:9px 1px 0;border-top:1px solid #edf0f4;border-right:0;text-align:right}
  .sf-price small{font-size:10px;grid-column:1}.sf-price b{font-size:13px;grid-column:1}.sf-price-action{grid-column:2;grid-row:1/span 2;min-height:42px;margin:0;padding:8px 11px;font-size:11px;white-space:nowrap}

  .sf-catalog-intro{display:block;padding:14px 15px;border-radius:16px}.sf-catalog-intro h1,.sf-cart-head h1,.sf-checkout-head h1{font-size:19px}.sf-catalog-intro p,.sf-cart-head p,.sf-checkout-head p{font-size:11px}.sf-catalog-trust{justify-content:flex-start;margin-top:10px}.sf-catalog-trust span{font-size:10px}.sf-catalog-legend{gap:11px;font-size:10px}.sf-auto-load-hint{font-size:10px}

  .sf-product-back-row{font-size:11px;margin-bottom:8px}
  .sf-gallery-stage{height:330px;border-radius:17px}.sf-gallery-thumb{width:58px;height:54px}
  .sf-product-head{padding-bottom:12px}.sf-product-head h1{font-size:21px}.sf-product-head p{font-size:11px}.sf-product-description{font-size:12px!important}
  .sf-heart{width:44px;height:44px}
  .sf-block{padding:13px;border-radius:16px;margin-top:9px}.sf-block-head{align-items:flex-start;margin-bottom:11px}.sf-step-title{gap:8px}.sf-step-title i{width:28px;height:28px;flex-basis:28px}.sf-step-title b,.sf-block-head b{font-size:13px}.sf-block-head>small{max-width:44%;font-size:10px;line-height:1.55}
  .sf-color-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sf-color-btn{min-height:50px;padding:7px 9px}.sf-color-btn.is-active{padding:6px 8px}.sf-color-swatch{width:22px;height:22px;flex-basis:22px}.sf-color-name{font-size:11px}.sf-color-btn small{font-size:10px}.sf-color-list.is-collapsed .sf-color-btn:nth-child(n+7):not(.is-active){display:none}
  .sf-selected-color{font-size:10px}
  .sf-series-grid{grid-template-columns:1fr;gap:7px}.sf-series-card{min-height:0;padding:11px 12px}.sf-series-card.is-active{padding:10px 11px}.sf-series-card b{font-size:13px}.sf-series-card small,.sf-series-card em,.sf-series-stock{font-size:10px}.sf-series-stock{margin-top:6px}.sf-series-min{font-size:10px!important}
  .sf-qty-row{align-items:end}.sf-qty-help{font-size:10px!important}.sf-stepper{grid-template-columns:42px 52px 42px}.sf-stepper button,.sf-stepper input{height:44px}.sf-stepper input{width:52px}
  .sf-price-box{padding:12px;margin-top:11px}.sf-price-line{font-size:11px}.sf-price-line strong{font-size:11px}.sf-price-line.is-total strong{font-size:18px}
  .sf-buy-bar{position:static!important;display:block;margin-top:9px;padding:12px;border-radius:15px;background:#fff;backdrop-filter:none}.sf-buy-info{margin-bottom:9px}.sf-stock-note{text-align:right;font-size:10px}.sf-buy-info small{font-size:10px}.sf-buy-bar .sf-primary-btn{min-height:52px;font-size:13px}

  .sf-flow-progress{grid-template-columns:auto 1fr auto 1fr auto;gap:5px;margin:0 0 12px;padding:8px 9px;border-radius:13px}.sf-flow-progress>div{display:grid;justify-items:center;gap:2px;font-size:10px}.sf-flow-progress>div i{width:26px;height:26px}.sf-flow-progress>b{min-width:12px}
  .sf-cart-head{display:flex;align-items:flex-end;gap:10px}.sf-cart-head .sf-secondary-btn{min-height:42px;padding:8px 10px;font-size:10px}
  .sf-cart-item{grid-template-columns:82px minmax(0,1fr);gap:10px;padding:10px;border-radius:15px}
  .sf-cart-item-image{width:82px;height:78px;grid-row:1}.sf-cart-item h3{font-size:13px}.sf-cart-title-row{gap:6px}.sf-remove-btn{min-height:36px;padding:6px 9px;font-size:10px}
  .sf-cart-item p{font-size:10px}.sf-stock-badge{font-size:10px}.sf-cart-item .sf-stepper{margin-top:8px}
  .sf-cart-line-total{grid-column:1/-1;min-height:0;flex-direction:row;align-items:center;justify-content:space-between;padding:9px 1px 0;border-top:1px solid #edf0f4;border-right:0}.sf-cart-line-total span{font-size:10px}.sf-cart-line-total b{font-size:13px}
  .sf-summary{padding:15px;border-radius:16px}.sf-summary h3{font-size:14px}.sf-summary-line{font-size:11px}.sf-summary-total b{font-size:18px}

  .sf-checkout-head{display:block}.sf-checkout-head>.sf-link{display:inline-flex;margin-bottom:7px}.sf-secure-pill{margin-top:8px}.sf-form-card{padding:14px;border-radius:16px}.sf-customer-identity{grid-template-columns:auto 1fr;gap:10px}.sf-customer-identity a{grid-column:2;width:max-content}.sf-field>span,.sf-field label{font-size:11px}.sf-field input,.sf-field select,.sf-field textarea{min-height:48px;font-size:13px}.sf-checkout-assurance b{font-size:11px}.sf-checkout-assurance small{font-size:10px}.sf-checkout-submit{min-height:52px}

  .sf-success-page{padding-top:10px}.sf-success-card{padding:22px 15px}.sf-success-title{font-size:20px}.sf-success-text{font-size:12px}.sf-success-summary{grid-template-columns:1fr}.sf-next-step{font-size:11px}
}

@media(max-width:390px){
  .sf-mobile-title{font-size:13px}.sf-header-actions .sf-icon-btn{width:40px;min-width:40px}
  .sf-promo-content{max-width:88%}.sf-promo h1,.sf-promo h2{font-size:20px}.sf-promo-image{opacity:.2}
  .sf-product-row{grid-template-columns:82px minmax(0,1fr)}.sf-product-image{width:82px;height:82px}.sf-product-name{font-size:13px}.sf-product-meta .sf-dot:nth-child(n+3){display:none}
  .sf-price-action{padding-inline:9px;font-size:10px}
  .sf-color-list{grid-template-columns:1fr 1fr}.sf-color-btn{padding-inline:7px}.sf-color-name{font-size:10px}
  .sf-qty-row{display:block}.sf-stepper{margin-top:10px;width:max-content}
  .sf-flow-progress>div span{font-size:10px}
}
/* Phase 43.1 — second visual pass after compact-mobile review */
@media(max-width:720px){
  .sf-bottom-nav a{font-size:11px}
  .sf-promo{min-height:188px}
  .sf-order-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .sf-order-guide>div{display:grid;justify-items:center;align-content:center;gap:5px;min-height:68px;padding:8px 5px;text-align:center}
  .sf-order-guide i{width:28px;height:28px;flex-basis:28px}
  .sf-order-guide b{font-size:10px;line-height:1.45}
  .sf-order-guide small{display:none}
  .sf-catalog-legend{display:none}
}

/* =========================================================
   Phase 43.2 — Strict visual system for post-order experience
   Customer pages must feel like the same storefront, not an ERP.
   ========================================================= */
.sf-account-page{max-width:1120px;margin:0 auto}.sf-account-page .sf-alert{margin-bottom:12px}.sf-account-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.sf-account-head h1,.sf-account-hero h1{margin:4px 0 0;font-size:25px;line-height:1.45;font-weight:900;color:#101d31}.sf-account-head p,.sf-account-hero p{margin:5px 0 0;color:#738095;font-size:12px;line-height:1.8}.sf-account-kicker{display:block;color:var(--sf-blue);font-size:11px;font-weight:900}.sf-account-hero{position:relative;padding:22px;border:1px solid #e2e7ee;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(21,42,77,.05);overflow:hidden}.sf-account-hero:after{content:"";position:absolute;top:-45px;left:-36px;width:145px;height:145px;border-radius:50%;background:#f2f6fd;pointer-events:none}.sf-account-hero>*{position:relative;z-index:1}.sf-hero-back{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 13px;border:1px solid #dfe5ed;border-radius:11px;background:#fff;color:#4d5c72;font-size:11px;font-weight:900}.sf-account-empty{display:grid;justify-items:center;gap:8px;margin-top:14px;text-align:center}.sf-account-empty b{color:#25344a;font-size:15px}.sf-account-empty>span{max-width:520px;font-size:12px;line-height:1.8}.sf-account-empty .sf-primary-btn{margin-top:6px}

/* Favorites */
.sf-favorite-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.sf-favorite-card{overflow:hidden;border:1px solid #e1e6ed;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(20,39,72,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.sf-favorite-card:hover{transform:translateY(-2px);border-color:#ced9e9;box-shadow:0 11px 26px rgba(20,39,72,.075)}.sf-favorite-main{display:block;padding:10px}.sf-favorite-image{display:grid;place-items:center;height:180px;overflow:hidden;border-radius:13px;background:#f6f7f9}.sf-favorite-image img{width:100%;height:100%;object-fit:contain;padding:8px}.sf-favorite-body{padding:11px 4px 4px}.sf-favorite-body>small{color:#73839a;font-size:10px;font-weight:800}.sf-favorite-body h2{min-height:43px;margin:3px 0 0;font-size:15px;line-height:1.55;font-weight:900}.sf-favorite-meta{display:grid;gap:4px;margin-top:9px;padding-top:9px;border-top:1px solid #edf0f4}.sf-favorite-meta span{font-size:10px;color:#7b8798}.sf-favorite-meta b{color:#172941;font-size:12px}.sf-favorite-meta b em{font-size:10px;font-style:normal;color:#8b95a4;font-weight:700}.sf-favorite-meta b.is-muted{color:#9aa3b1}.sf-favorite-open{display:flex;align-items:center;justify-content:space-between;min-height:38px;margin-top:10px;padding:7px 10px;border-radius:10px;background:#f2f6fd;color:#235bb3;font-size:10px;font-weight:900}.sf-favorite-open i{font-size:15px;font-style:normal}.sf-danger-ghost{width:calc(100% - 20px);min-height:40px;margin:0 10px 10px;border:0;border-radius:10px;background:#fff3f3;color:#c74444;font-size:10px;font-weight:900;cursor:pointer}.sf-danger-ghost:hover{background:#ffeaea}

/* Common account sections */
.sf-account-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;margin-top:16px}.sf-account-section{padding:18px;border:1px solid #e1e6ed;border-radius:18px;background:#fff;box-shadow:0 6px 20px rgba(20,39,72,.04)}.sf-account-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.sf-account-section-head h2{margin:0;font-size:15px;font-weight:900;color:#17263b}.sf-account-section-head p{margin:3px 0 0;color:#8993a2;font-size:10px}.sf-account-items{display:grid;gap:8px}.sf-account-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px;border:1px solid #e9edf2;border-radius:13px;background:#fbfcfd}.sf-account-item-main b{display:block;font-size:13px}.sf-account-item-main>span{display:block;margin-top:3px;color:#788598;font-size:10px}.sf-account-item-qty{text-align:left}.sf-account-item-qty b,.sf-account-item-qty span,.sf-account-item-qty small{display:block}.sf-account-item-qty b{font-size:12px}.sf-account-item-qty span{margin-top:2px;color:#617086;font-size:10px}.sf-account-item-qty small{margin-top:2px;color:#8c96a4;font-size:10px}.sf-production-note{display:inline-block!important;margin-top:7px;padding:5px 8px;border-radius:8px;background:#eef5ff;color:#3268b9!important;font-size:10px!important;font-weight:800}.sf-event-list{position:relative;display:grid;gap:15px}.sf-event{position:relative;display:grid;grid-template-columns:12px 1fr;gap:10px}.sf-event:after{content:"";position:absolute;top:12px;right:5px;width:1px;height:calc(100% + 15px);background:#e0e5ec}.sf-event:last-child:after{display:none}.sf-event>i{position:relative;z-index:2;width:11px;height:11px;margin-top:3px;border:3px solid #dbe8fb;border-radius:50%;background:var(--sf-blue);box-sizing:border-box}.sf-event b,.sf-event span{display:block}.sf-event b{font-size:11px}.sf-event span{margin-top:3px;color:#8893a3;font-size:10px;line-height:1.7}.sf-full-btn{width:100%;justify-content:center}.sf-inline-warning{margin-top:12px;padding:11px 12px;border:1px solid #eddcab;border-radius:11px;background:#fff9e8;color:#7f651a;font-size:10px;line-height:1.8}.sf-form-help{margin:8px 0 0;color:#8490a1;font-size:10px;line-height:1.8;text-align:center}.sf-field em{margin-right:3px;color:#9aa4b3;font-size:10px;font-style:normal;font-weight:500}.sf-file-field input[type=file]{height:auto!important;min-height:48px;padding:8px!important}.sf-soft-badge{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:99px;background:#edf4ff;color:#2c64b7;font-size:10px;font-weight:900}.sf-soft-badge.is-warning{background:#fff5d9;color:#8a6815}.sf-soft-badge.is-success{background:#e8f8ef;color:#168553}.sf-soft-badge.is-danger{background:#fff0f0;color:#c64b4b}

/* Order details */
.sf-order-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}.sf-order-hero-title{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.sf-order-hero-title .sf-order-status{display:none}.sf-order-hero-main>p{margin-top:4px}.sf-order-hero-total{min-width:155px;padding:12px 14px;border:1px solid #e7ebf0;border-radius:14px;background:#fafbfc;text-align:left}.sf-order-hero-total small,.sf-order-hero-total b,.sf-order-hero-total span{display:block}.sf-order-hero-total small{color:#7f8a99;font-size:10px}.sf-order-hero-total b{margin-top:2px;font-size:22px;line-height:1.3}.sf-order-hero-total span{color:#7d8795;font-size:10px}.sf-order-notice{display:inline-flex;margin-top:9px;padding:6px 9px;border-radius:8px;font-size:10px;font-weight:800}.sf-order-notice.is-success{background:#eaf8f0;color:#177e51}.sf-order-notice.is-warning{background:#fff5dd;color:#896614}.sf-order-notice.is-muted{background:#f0f2f5;color:#6c7787}.sf-action-callout{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:13px 15px;border:1px solid #cfe0fa;border-radius:15px;background:#f5f9ff}.sf-action-callout b,.sf-action-callout span{display:block}.sf-action-callout b{color:#224e8c;font-size:12px}.sf-action-callout span{margin-top:3px;color:#6680a3;font-size:10px}.sf-action-callout .sf-primary-btn{min-height:44px;white-space:nowrap}.sf-action-callout .sf-primary-btn i{margin-right:6px;font-size:14px;font-style:normal}.sf-deposit-panel{margin-top:14px;padding:18px;border:1px solid #ded7fb;border-radius:18px;background:#faf8ff}.sf-deposit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.sf-deposit-head h2{margin:4px 0 0;font-size:16px}.sf-deposit-head p{max-width:560px;margin:5px 0 0;color:#726b8d;font-size:10px;line-height:1.8}.sf-deposit-stats{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:6px}.sf-deposit-stats>div{padding:8px 9px;border:1px solid #e3def4;border-radius:10px;background:#fff}.sf-deposit-stats small,.sf-deposit-stats b{display:block}.sf-deposit-stats small{color:#8a83a1;font-size:10px}.sf-deposit-stats b{margin-top:2px;font-size:10px;white-space:nowrap}.sf-deposit-stats .is-success b{color:#18845a}.sf-deposit-stats .is-warning b{color:#8d6a16}.sf-deposit-payment{margin-top:12px;padding:13px;border:1px solid #e5e0f3;border-radius:13px;background:#fff}.sf-card-destination{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:#f7f5fc}.sf-card-destination span,.sf-card-destination small{font-size:10px;color:#797289}.sf-card-destination b{font-size:13px;letter-spacing:1px;text-align:right}.sf-deposit-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.sf-span-full{grid-column:1/-1}.sf-payment-mini-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.sf-payment-mini-list>div{padding:9px;border:1px solid #e7e2f5;border-radius:10px;background:#fff}.sf-payment-mini-list b,.sf-payment-mini-list span,.sf-payment-mini-list small{display:block}.sf-payment-mini-list b{font-size:10px}.sf-payment-mini-list span{margin-top:2px;color:#786f8d;font-size:10px}.sf-payment-mini-list small{margin-top:3px;color:#8993a1;font-size:10px}.sf-order-timeline-panel .sf-full-btn{margin-top:15px}

/* Invoice */
.sf-invoice-hero{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(420px,1.25fr);align-items:center;gap:22px}.sf-invoice-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sf-invoice-stats>div{padding:11px 12px;border:1px solid #e6eaf0;border-radius:12px;background:#fafbfc}.sf-invoice-stats small,.sf-invoice-stats b,.sf-invoice-stats span{display:block}.sf-invoice-stats small{color:#788597;font-size:10px}.sf-invoice-stats b{margin-top:3px;font-size:17px}.sf-invoice-stats span{color:#8b95a3;font-size:10px}.sf-invoice-stats .is-paid{border-color:#d6ebdf;background:#f5fbf7}.sf-invoice-stats .is-paid b{color:#178154}.sf-invoice-stats .is-due{border-color:#efd9d9;background:#fff8f8}.sf-invoice-stats .is-due b{color:#c84f4f}.sf-invoice-pending{grid-column:1/-1;display:flex;align-items:center;gap:5px;margin-top:-7px;padding:9px 11px;border:1px solid #eee0b5;border-radius:10px;background:#fffaeb;color:#816619;font-size:10px}.sf-invoice-pending span{color:#8e7d4c}.sf-invoice-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:16px;margin-top:16px}.sf-invoice-main,.sf-invoice-side{display:grid;align-content:start;gap:14px}.sf-invoice-items{display:grid;gap:7px}.sf-invoice-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:12px;border:1px solid #e8ecf1;border-radius:12px;background:#fbfcfd}.sf-invoice-item-title b,.sf-invoice-item-title span,.sf-invoice-item-total b,.sf-invoice-item-total span{display:block}.sf-invoice-item-title b{font-size:12px}.sf-invoice-item-title span{margin-top:2px;color:#788599;font-size:10px}.sf-invoice-item-total{text-align:left}.sf-invoice-item-total b{font-size:11px}.sf-invoice-item-total span{margin-top:2px;color:#7e8a9a;font-size:10px}.sf-invoice-item-calc{grid-column:1/-1;padding-top:6px;border-top:1px dashed #e4e8ed;color:#7f8a99;font-size:10px}.sf-invoice-discount{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:1px;padding:6px 8px;border-radius:8px;background:#eff9f3;color:#237a53;font-size:10px}.sf-invoice-discount del{color:#9ba4af}.sf-reorder-form{margin-top:11px}.sf-reorder-form>small{display:block;margin-top:6px;color:#996d18;font-size:10px;text-align:center}.sf-payment-list{display:grid;gap:7px}.sf-payment-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:11px;border:1px solid #e6eaf0;border-radius:12px;background:#fbfcfd}.sf-payment-record.is-pending{border-color:#eedfab;background:#fffaf0}.sf-payment-record.is-cancelled{border-color:#efd4d4;background:#fff8f8}.sf-payment-record-main>div{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.sf-payment-record-main b{font-size:11px}.sf-payment-record-main>span{display:block;margin-top:3px;color:#8994a3;font-size:10px}.sf-payment-record-amount{text-align:left}.sf-payment-record-amount>b{display:block;font-size:11px}.sf-payment-record-amount>.sf-soft-badge{margin-top:4px}.sf-payment-receipt{grid-column:1/-1;width:max-content;color:#2d67bd;font-size:10px;font-weight:900}.sf-cheque-note,.sf-payment-reject{grid-column:1/-1;padding:8px;border-radius:9px;font-size:10px}.sf-cheque-note{background:#f6f2ff;color:#66518d}.sf-cheque-note b,.sf-cheque-note span,.sf-cheque-note small{display:block}.sf-cheque-note span{margin-top:2px}.sf-cheque-note small{margin-top:2px;opacity:.75}.sf-payment-reject{background:#fff0f0;color:#b64747}.sf-payment-declare>h2{margin:4px 0 0;font-size:16px}.sf-payment-declare>p{margin:5px 0 0;color:#748197;font-size:10px;line-height:1.8}.sf-payment-card-destination{margin-top:11px;padding:12px;border:1px solid #e3e7ec;border-radius:11px;background:#f7f9fb}.sf-payment-card-destination small,.sf-payment-card-destination b,.sf-payment-card-destination span{display:block}.sf-payment-card-destination small{color:#7d8898;font-size:10px}.sf-payment-card-destination b{margin-top:3px;font-size:16px;letter-spacing:1px;text-align:right}.sf-payment-card-destination span{margin-top:2px;color:#69768a;font-size:10px}.sf-payment-card-destination span.is-warning{color:#85651a;line-height:1.7}.sf-payment-form{display:grid;gap:9px;margin-top:11px}.sf-shipment-card{display:block;padding:16px;border:1px solid #d9e5f6;border-radius:17px;background:#f7faff}.sf-shipment-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px}.sf-shipment-card-title h2{margin:0;font-size:16px}.sf-shipment-card-title i{font-size:17px;font-style:normal;color:var(--sf-blue)}.sf-shipment-card p{margin:5px 0 0;color:#74839a;font-size:10px;line-height:1.7}.sf-shipment-card>b{display:block;margin-top:11px;color:#2b64b8;font-size:10px}.sf-return-link{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #ecd7d7;border-radius:14px;background:#fff;color:#b94c4c;font-size:10px;font-weight:900}.sf-print-row{display:flex;justify-content:flex-end;margin-top:13px}

/* Return */
.sf-return-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.sf-return-hero>div:first-child{max-width:680px}.sf-return-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:15px;margin-top:15px}.sf-return-items{display:grid;gap:8px}.sf-return-item{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:12px;align-items:center;padding:12px;border:1px solid #e5e9ee;border-radius:12px;background:#fbfcfd}.sf-return-item.is-disabled{opacity:.55;background:#f3f4f6}.sf-return-item-info b,.sf-return-item-info span,.sf-return-item-info small{display:block}.sf-return-item-info b{font-size:12px}.sf-return-item-info span{margin-top:3px;color:#788599;font-size:10px}.sf-return-item-info small{margin-top:5px;color:#3268af;font-size:10px}.sf-return-item-info small strong{font-weight:900}.sf-return-qty>span{display:block;margin-bottom:4px;color:#647287;font-size:10px;font-weight:800}.sf-return-qty input{width:100%;height:44px;border:1px solid #dce2e9;border-radius:10px;background:#fff;text-align:center;font-size:13px;font-weight:900;outline:0}.sf-return-qty input:focus{border-color:#91b6f1;box-shadow:0 0 0 3px #edf4ff}.sf-return-fields{display:grid;gap:9px}.sf-return-submit{width:100%;justify-content:center;margin-top:2px}

/* Main tracking is easier to scan vertically on mobile. */
@media(max-width:980px){
  .sf-favorite-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sf-account-layout,.sf-invoice-layout,.sf-return-layout{grid-template-columns:1fr}
  .sf-order-timeline-panel{order:2}.sf-invoice-side{grid-template-columns:1fr 1fr}.sf-invoice-side>.sf-payment-declare{grid-column:1/-1}
  .sf-invoice-hero{grid-template-columns:1fr}.sf-invoice-pending{margin-top:0}
}

@media(max-width:720px){
  .sf-account-page{padding-top:0}.sf-account-head{align-items:flex-start;margin-bottom:12px}.sf-account-head h1,.sf-account-hero h1{font-size:19px}.sf-account-head p,.sf-account-hero p{font-size:10px}.sf-account-kicker{font-size:10px}.sf-account-head>.sf-secondary-btn{min-height:40px;padding:8px 9px;font-size:10px}
  .sf-account-hero{padding:14px;border-radius:16px;box-shadow:none}.sf-account-hero:after{width:100px;height:100px;top:-38px;left:-35px}.sf-hero-back{min-height:40px;font-size:10px}
  .sf-favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sf-favorite-card{border-radius:14px;box-shadow:none}.sf-favorite-main{padding:7px}.sf-favorite-image{height:128px;border-radius:10px}.sf-favorite-body{padding:8px 3px 2px}.sf-favorite-body h2{min-height:38px;font-size:12px}.sf-favorite-meta span{font-size:10px}.sf-favorite-meta b{font-size:10px}.sf-favorite-open{min-height:36px;margin-top:7px;font-size:10px}.sf-danger-ghost{min-height:38px;font-size:10px}
  .sf-account-section{padding:13px;border-radius:15px;box-shadow:none}.sf-account-section-head{margin-bottom:10px}.sf-account-section-head h2{font-size:13px}.sf-account-section-head p{font-size:10px}.sf-account-layout{gap:10px;margin-top:10px}.sf-account-item{grid-template-columns:minmax(0,1fr) auto;padding:10px;gap:8px}.sf-account-item-main b{font-size:11px}.sf-account-item-main>span{font-size:10px}.sf-account-item-qty b{font-size:10px}.sf-account-item-qty span,.sf-account-item-qty small{font-size:10px}.sf-event b{font-size:10px}.sf-event span{font-size:10px}

  .sf-order-hero{grid-template-columns:1fr auto;gap:9px}.sf-order-hero-title .sf-order-status{display:inline-flex}.sf-order-hero-title h1{font-size:17px}.sf-order-hero-main>p{font-size:10px}.sf-order-hero-total{min-width:112px;padding:9px 10px}.sf-order-hero-total b{font-size:17px}.sf-order-hero-total small,.sf-order-hero-total span{font-size:10px}.sf-order-notice{font-size:10px}.sf-action-callout{display:block;padding:12px}.sf-action-callout b{font-size:11px}.sf-action-callout span{font-size:10px}.sf-action-callout .sf-primary-btn{width:100%;justify-content:center;margin-top:9px;min-height:46px;font-size:11px}
  .sf-deposit-panel{padding:13px;border-radius:15px}.sf-deposit-head{display:block}.sf-deposit-head h2{font-size:14px}.sf-deposit-head p{font-size:10px}.sf-deposit-stats{grid-template-columns:repeat(3,1fr);margin-top:9px}.sf-deposit-stats>div{min-width:0;padding:7px}.sf-deposit-stats b{font-size:10px;white-space:normal}.sf-card-destination{grid-template-columns:1fr;text-align:center}.sf-card-destination b{text-align:center}.sf-deposit-form{grid-template-columns:1fr}.sf-span-full{grid-column:auto}.sf-payment-mini-list{grid-template-columns:1fr}

  .sf-invoice-hero{gap:11px}.sf-invoice-stats{gap:5px}.sf-invoice-stats>div{padding:8px}.sf-invoice-stats small{font-size:10px}.sf-invoice-stats b{font-size:13px}.sf-invoice-stats span{font-size:10px}.sf-invoice-pending{display:block;font-size:10px}.sf-invoice-pending span{display:block;margin-top:2px}.sf-invoice-layout{gap:10px;margin-top:10px}.sf-invoice-main,.sf-invoice-side{gap:10px}.sf-invoice-side{grid-template-columns:1fr}.sf-invoice-side>.sf-payment-declare{grid-column:auto}.sf-invoice-item{padding:10px}.sf-invoice-item-title b{font-size:11px}.sf-invoice-item-title span,.sf-invoice-item-total span,.sf-invoice-item-calc{font-size:10px}.sf-invoice-item-total b{font-size:10px}.sf-payment-record{grid-template-columns:1fr auto;padding:10px}.sf-payment-record-main b,.sf-payment-record-amount>b{font-size:10px}.sf-payment-card-destination b{font-size:14px}.sf-return-link{min-height:44px}

  .sf-return-hero{display:block}.sf-return-hero .sf-hero-back{margin-top:10px}.sf-return-layout{gap:10px;margin-top:10px}.sf-return-item{grid-template-columns:minmax(0,1fr) 92px;padding:10px}.sf-return-item-info b{font-size:11px}.sf-return-item-info span,.sf-return-item-info small,.sf-return-qty>span{font-size:10px}.sf-return-qty input{height:42px}

  .sf-tracking-page .sf-track-main{position:relative;display:grid;grid-template-columns:1fr!important;gap:0;margin:12px 0;padding:1px 0}.sf-tracking-page .sf-track-main:before{content:"";position:absolute;top:17px;bottom:17px;right:14px;width:2px;background:#e2e7ee}.sf-tracking-page .sf-track-main .sf-track-step{position:relative;z-index:1;display:grid;grid-template-columns:30px 1fr;align-items:center;justify-items:start;min-height:48px;padding:4px 0;font-size:10px;text-align:right}.sf-tracking-page .sf-track-main .sf-track-step:after{display:none}.sf-tracking-page .sf-track-main .sf-track-step i{display:grid;place-items:center;width:28px;height:28px;margin:0;border:5px solid #fff;background:#e8edf3;border-radius:50%;color:#778399;font-style:normal;box-shadow:0 0 0 1px #dfe5ec}.sf-tracking-page .sf-track-main .sf-track-step.is-done i{background:#30a36c;color:#fff}.sf-tracking-page .sf-track-main .sf-track-step.is-active i{background:var(--sf-blue);color:#fff}
}

@media(max-width:390px){
  .sf-favorite-image{height:112px}.sf-favorite-body h2{font-size:11px}.sf-favorite-open{padding-inline:7px}
  .sf-order-hero{grid-template-columns:1fr}.sf-order-hero-total{text-align:right}.sf-order-hero-title{align-items:flex-start}.sf-order-hero-title .sf-order-status{font-size:10px}.sf-invoice-stats{grid-template-columns:1fr 1fr}.sf-invoice-stats>div:first-child{grid-column:1/-1}.sf-return-item{grid-template-columns:1fr}.sf-return-qty{max-width:120px}
}

/* =========================================================
   Phase 44 — Scenario-first strict storefront UX
   No new domain feature: reduce ambiguity, accidental orders,
   and visual dead-ends in real wholesale purchase scenarios.
   ========================================================= */

/* Product: no silent size-series choice. Make the explicit choice feel intentional. */
.sf-series-card:focus-within{outline:3px solid rgba(20,99,232,.20);outline-offset:2px}
.sf-choice-help{display:flex;align-items:flex-start;gap:7px;margin-top:10px;padding:9px 10px;border:1px solid #dce8f8;border-radius:11px;background:#f7faff;color:#536c8d;font-size:11px;line-height:1.7}
.sf-choice-help>span{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#e9f3ff;color:var(--sf-blue);font-weight:900}
.sf-color-btn.is-unavailable{border-style:dashed;background:#fafafa;color:#8c96a4}
.sf-color-btn.is-unavailable .sf-color-swatch{filter:saturate(.45);opacity:.65}
.sf-buy-bar button:disabled{box-shadow:none;cursor:not-allowed;background:#b7c1cf;color:#f8fafc}

/* Statuses are business language; explain them rather than making users decode colors. */
.sf-catalog-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}
.sf-catalog-legend>span{display:grid;grid-template-columns:11px 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:9px 10px;border:1px solid #e5eaf0;border-radius:11px;background:#fff;color:#44536a}
.sf-catalog-legend>span>i{grid-row:1 / span 2;width:9px;height:9px;border-radius:50%}
.sf-catalog-legend>span>b{font-size:11px;line-height:1.45}
.sf-catalog-legend>span>small{margin-top:1px;color:#8692a3;font-size:10px;line-height:1.45}
.sf-catalog-legend i.is-ready{background:#25a567}.sf-catalog-legend i.is-making{background:#df941f}.sf-catalog-legend i.is-order{background:#2f6fd1}

/* Checkout: a large wholesale cart must be fully reviewable before the irreversible submit. */
.sf-checkout-more{margin-top:7px;border-top:1px dashed #e0e5ec;padding-top:7px}
.sf-checkout-more summary{display:flex;align-items:center;justify-content:space-between;min-height:40px;cursor:pointer;list-style:none;color:#2c65b8;font-size:11px;font-weight:900}
.sf-checkout-more summary::-webkit-details-marker{display:none}
.sf-checkout-more summary:after{content:"⌄";font-size:17px;transition:transform .18s ease}
.sf-checkout-more[open] summary:after{transform:rotate(180deg)}
.sf-checkout-more-list{display:grid;gap:0;padding-top:3px}
.sf-checkout-more-list>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #f0f2f5;font-size:11px;line-height:1.55}
.sf-checkout-more-list>div span{min-width:0;color:#657187}.sf-checkout-more-list>div b{white-space:nowrap;color:#26354b}

/* Payment: pending money is not the same thing as confirmed money. */
.sf-payment-overview{grid-template-columns:repeat(4,minmax(0,1fr))}
.sf-payment-overview .sf-order-stat.is-confirmed{background:#f3fbf6;border-color:#d7ebdf}
.sf-payment-overview .sf-order-stat.is-confirmed b{color:#178154}
.sf-payment-overview .sf-order-stat.is-pending{background:#fffaf0;border-color:#eedfab}
.sf-payment-overview .sf-order-stat.is-pending b{color:#9a6f16}
.sf-payment-overview .sf-order-stat.is-remaining{background:#f4f8ff;border-color:#dbe6f8}
.sf-payment-overview .sf-order-stat.is-remaining b{color:#205fac}
.sf-payment-overview .sf-order-stat.is-zero{background:#f7f9fb;color:#7b8798}
.sf-payment-waiting{display:grid;justify-items:center;gap:7px;padding:22px;text-align:center;border-color:#d7ebdf;background:#f5fbf7}
.sf-payment-waiting-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#dff5e8;color:#168052;font-size:22px;font-weight:900}
.sf-payment-waiting>b{font-size:14px;color:#1d5e43}.sf-payment-waiting>p{max-width:450px;margin:0;color:#657b70;font-size:11px;line-height:1.8}
.sf-copyable-number{unicode-bidi:plaintext;user-select:all;-webkit-user-select:all;font-variant-numeric:tabular-nums}

/* Account dashboard: four KPIs should read as one deliberate row, not an accidental 3+1 wrap. */
.sf-dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}

@media(max-width:720px){
  /* Forty-color models should not turn the entire product page into a 1000px color wall. */
  .sf-color-list:not(.is-collapsed){max-height:365px;overflow-y:auto;overscroll-behavior:contain;padding-left:3px}
  .sf-choice-help{font-size:10px}
  /* Phase 43 hid this guide on mobile; field testing needs it visible and scannable. */
  .sf-catalog-legend{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  .sf-catalog-legend::-webkit-scrollbar{display:none}
  .sf-catalog-legend>span{flex:0 0 150px;padding:8px 9px}
  .sf-catalog-legend>span>b{font-size:10px}.sf-catalog-legend>span>small{font-size:10px}
  .sf-payment-overview{grid-template-columns:1fr 1fr}
  .sf-payment-overview .sf-order-stat:last-child{grid-column:auto}
  .sf-dashboard-stats{grid-template-columns:1fr 1fr}
  .sf-dashboard-stats .sf-order-stat:last-child{grid-column:auto}
  .sf-checkout-more summary{font-size:10px}
}

@media(max-width:390px){
  .sf-payment-overview{grid-template-columns:1fr}
  .sf-dashboard-stats{grid-template-columns:1fr 1fr}
}

/* Phase 44.1 — preview is not a purchase selection: both color and size-series require an explicit tap. */
.sf-selected-color.is-empty{border-style:dashed;background:#fafbfd;color:#6f7d90}
.sf-selected-color.is-empty .sf-selected-color-dot{background:#d5dce5!important;box-shadow:inset 0 0 0 1px #c6cfda}
.sf-series-placeholder{grid-column:1/-1;display:grid;justify-items:center;gap:3px;padding:20px 14px;border:1px dashed #d9e1eb;border-radius:13px;background:#fafbfd;text-align:center}
.sf-series-placeholder b{color:#3c4d65;font-size:12px}.sf-series-placeholder span{color:#7d8999;font-size:11px;line-height:1.7}
@media(max-width:720px){.sf-choice-help,.sf-catalog-legend>span>b,.sf-catalog-legend>span>small,.sf-checkout-more summary{font-size:11px}}

/* Phase 44.2 — public invoice opened from SMS must be as clear as checkout. */
.sf-public-invoice-page{padding-top:20px;max-width:1040px}
.sf-public-invoice-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:22px;border:1px solid #dfe5ec;border-radius:19px;background:#fff}
.sf-public-invoice-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.sf-public-invoice-title h1{margin:0;color:#17243a;font-size:22px}.sf-public-invoice-title p{margin:6px 0 0;color:#738096;font-size:12px;line-height:1.8}.sf-public-invoice-title p b{color:#40516b}
.sf-public-invoice-total{min-width:230px;text-align:left}.sf-public-invoice-total small,.sf-public-invoice-total b,.sf-public-invoice-total span{display:block}.sf-public-invoice-total small{color:#7d8999;font-size:11px}.sf-public-invoice-total b{margin-top:4px;color:var(--sf-blue);font-size:24px}.sf-public-invoice-total span{width:max-content;margin:7px 0 0 auto;padding:5px 8px;border-radius:8px;font-size:10px;font-weight:900}.sf-public-invoice-total span.is-paid{background:#edf9f2;color:#188056}.sf-public-invoice-total span.is-open{background:#fff6e9;color:#9b6814}
.sf-public-invoice-stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:10px}.sf-public-invoice-stats>div{padding:13px 14px;border:1px solid #e3e8ef;border-radius:13px;background:#fff}.sf-public-invoice-stats small,.sf-public-invoice-stats b{display:block}.sf-public-invoice-stats small{color:#8290a3;font-size:10px}.sf-public-invoice-stats b{margin-top:4px;color:#2c3d56;font-size:13px}.sf-public-invoice-stats .is-paid{background:#f5fbf7;border-color:#dbeee2}.sf-public-invoice-stats .is-paid b{color:#1a8057}.sf-public-invoice-stats .is-open{background:#fffaf2;border-color:#f0dfbd}.sf-public-invoice-stats .is-open b{color:#986714}.sf-public-invoice-stats .is-zero b{color:#1a8057}
.sf-public-invoice-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:12px;align-items:start;margin-top:12px}.sf-public-invoice-items{margin:0}.sf-public-invoice-item-list{display:grid;gap:7px}.sf-public-invoice-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid #e9edf2;border-radius:12px;background:#fff}.sf-public-invoice-item b,.sf-public-invoice-item span,.sf-public-invoice-item small{display:block}.sf-public-invoice-item b{color:#26364e;font-size:12px}.sf-public-invoice-item span{margin-top:3px;color:#66748a;font-size:11px}.sf-public-invoice-item small{margin-top:3px;color:#8793a4;font-size:10px}.sf-public-invoice-item strong{white-space:nowrap;color:#253b5b;font-size:12px}
.sf-public-invoice-summary{position:sticky;top:78px;margin:0}.sf-public-invoice-balance{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:10px;border-radius:10px}.sf-public-invoice-balance span{font-size:10px}.sf-public-invoice-balance b{font-size:12px}.sf-public-invoice-balance.is-open{background:#fff6e9;color:#8d631b}.sf-public-invoice-balance.is-paid{background:#edf9f2;color:#177d55}.sf-public-invoice-track{width:100%;min-height:48px;margin-top:11px;justify-content:center}
@media(max-width:720px){.sf-public-invoice-page{padding-top:10px}.sf-public-invoice-hero{grid-template-columns:1fr;gap:12px;padding:15px;border-radius:16px}.sf-public-invoice-title h1{font-size:18px}.sf-public-invoice-title p{font-size:11px}.sf-public-invoice-total{min-width:0;text-align:right;padding-top:10px;border-top:1px solid #edf0f4}.sf-public-invoice-total b{font-size:20px}.sf-public-invoice-total span{margin-left:0;margin-right:0}.sf-public-invoice-stats{grid-template-columns:1fr 1fr}.sf-public-invoice-stats>div:first-child{grid-column:1/-1}.sf-public-invoice-stats small{font-size:11px}.sf-public-invoice-stats b{font-size:12px}.sf-public-invoice-layout{grid-template-columns:1fr}.sf-public-invoice-summary{position:static}.sf-public-invoice-item{padding:10px}.sf-public-invoice-item small{font-size:11px}.sf-public-invoice-balance span{font-size:11px}}

/* Phase 44.3 — readability floor for buyer-facing microcopy and production availability. */
.sf-body small{font-size:11px}
.sf-product-code,.sf-product-status,.sf-price-action,.sf-mini-cart-price,.sf-series-card em,.sf-stock-note,.sf-cart-item p,.sf-order-date,.sf-order-status,.sf-shipment-event>div>div{font-size:11px}
.sf-series-production-note{display:block;margin-top:5px;color:#806323;font-style:normal;line-height:1.6}
.ca-card small,.ca-tab-badge,.ca-test-code>div span,.ca-mode-note,.ca-switch-link,.ca-card-foot a{font-size:11px}

/* =====================================================================
   Phase 45 — brutal buyer UX pass
   Goal: zero guessing, zero tiny controls, zero silent stale state.
   ===================================================================== */

/* Keyboard/touch clarity is part of buyer trust, not decoration. */
a,button,[role="button"],input,select,textarea,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,[role="button"]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(20,99,232,.22);outline-offset:2px}
button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}
.sf-primary-btn:disabled{background:#c7d0dc!important;color:#657286!important;box-shadow:none!important;cursor:not-allowed}

/* Product preview must never masquerade as a selected purchase color. */
.sf-gallery-preview-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;padding:9px 11px;border:1px solid #e0e6ee;border-radius:12px;background:#fff;color:#6e7b8e}
.sf-gallery-preview-note span{font-size:11px;font-weight:800}.sf-gallery-preview-note b{font-size:11px;color:#34445c}
.sf-gallery-preview-note.is-selected{border-color:#cfe1fa;background:#f5f9ff}.sf-gallery-preview-note.is-selected span{color:#5d78a0}.sf-gallery-preview-note.is-selected b{color:#175fbf}

/* Progressive disclosure: later order steps look clearly waiting, not merely unselected. */
.sf-choice-block.is-locked,.sf-qty-block.is-locked{border-style:dashed;background:#fafbfd}
.sf-choice-block.is-locked .sf-step-title i,.sf-qty-block.is-locked .sf-step-title i{background:#eef1f5;color:#8b96a5}
.sf-choice-block.is-locked .sf-block-head>small,.sf-qty-block.is-locked .sf-qty-help{color:#8a95a5}
.sf-qty-block.is-locked .sf-price-box{background:#f5f7f9;color:#8e98a6}
.sf-qty-block.is-locked .sf-stepper{opacity:.62;background:#f1f3f6}
.sf-qty-block.is-locked .sf-price-line.is-total strong{color:#8d98a7}
.sf-stepper button:disabled,.sf-stepper input:disabled{background:#f2f4f7;color:#a0a9b5}
.sf-color-btn.is-unavailable{opacity:1;border-style:dashed;background:#f7f7f8;color:#7b8490}
.sf-color-btn.is-unavailable .sf-color-swatch{filter:grayscale(.55);opacity:.72}
.sf-color-btn.is-unavailable small{padding:3px 6px;border-radius:7px;background:#fff0f0;color:#b64343;font-weight:900}

/* Catalog AJAX state: old results visibly stay old while a new request is pending. */
.sf-catalog-shell.is-refreshing [data-catalog-list]{opacity:.48;filter:saturate(.7);pointer-events:none}
[data-catalog-list]{transition:opacity .16s ease,filter .16s ease}
.sf-catalog-empty{display:grid;justify-items:center;gap:8px;text-align:center}
.sf-catalog-empty b{font-size:15px;color:#34445a}.sf-catalog-empty span{max-width:420px;font-size:12px;line-height:1.8}.sf-catalog-empty .sf-secondary-btn{min-height:44px;margin-top:4px}

/* Cart saving is an explicit state. A buyer must never outrun persistence. */
.sf-cart-save-status{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:38px;color:#718095}
.sf-cart-save-status>span:first-child{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#b8c1cd}
.sf-cart-save-status.is-saving>span:first-child{background:#d69a2c;box-shadow:0 0 0 4px #fff4dc}
.sf-cart-save-status.is-saved>span:first-child{background:#23a76e;box-shadow:0 0 0 4px #eaf8f1}
.sf-cart-save-status.is-error>span:first-child{background:#d84e4e;box-shadow:0 0 0 4px #fff0f0}
.sf-cart-save-retry{min-height:36px;border:1px solid #edcaca;border-radius:9px;background:#fff;color:#b43f3f;padding:6px 10px;font-size:11px;font-weight:900;cursor:pointer}
.sf-cart-continue.is-saving{opacity:.65;cursor:progress}

/* Numbers that buyers commonly transfer to another app should advertise copyability. */
.sf-copyable-number[data-copy-label]{display:inline-flex;align-items:center;min-height:34px;padding:3px 7px;border:1px dashed #cfd9e7;border-radius:8px;background:#fafcff;cursor:pointer;transition:.15s}
.sf-copyable-number[data-copy-label]:hover{border-color:#9fbae1;background:#f3f8ff}
.sf-copyable-number[data-copy-label].is-copied{border-color:#96d0b5;background:#eff9f4;color:#167d53}

/* File inputs otherwise remain one of the least legible controls in mobile browsers. */
.sf-field input[type="file"]{padding:7px 8px}
.sf-field input[type="file"]::file-selector-button{min-height:38px;margin-left:8px;border:0;border-radius:9px;background:#edf4ff;color:#175fbf;padding:7px 11px;font:800 12px Yekan;cursor:pointer}

@media(max-width:720px){
  /* Mobile floor: no browser auto-zoom, no fingertip-sized critical controls. */
  .sf-searchbar{min-height:50px;height:50px;padding:0 8px 0 10px}
  .sf-searchbar input,.sf-field input,.sf-field select,.sf-field textarea,.sf-stepper input,.sf-return-qty input{font-size:16px!important}
  .sf-search-submit{min-height:42px;min-width:66px;padding:0 12px!important;border-radius:10px!important;background:#edf4ff!important;color:#155fbe!important;font-size:12px!important;font-weight:900!important}
  .sf-search-clear{width:42px;height:42px;display:grid!important;place-items:center;font-size:22px!important}
  .sf-chip{min-height:44px;display:inline-flex;align-items:center;padding:9px 13px;font-size:12px}
  .sf-link{min-height:40px;display:inline-flex;align-items:center;font-size:12px}
  .sf-secondary-btn,.sf-primary-btn,.sf-price-action,.sf-remove-btn,.sf-color-more{min-height:44px}
  .sf-bottom-nav a{font-size:11px;line-height:1.2}
  .sf-bottom-nav svg{width:23px;height:23px}
  .sf-body small{font-size:12px}
  .sf-product-code,.sf-product-meta,.sf-product-status,.sf-price small,.sf-stock-note,.sf-cart-item p,.sf-order-date,.sf-order-status,.sf-shipment-event>div>div{font-size:12px}
  .sf-product-status{padding:5px 8px}
  .sf-price-action{font-size:12px;padding:8px 11px}
  .sf-section-sub,.sf-catalog-intro p,.sf-cart-head p,.sf-checkout-head p{font-size:12px}
  .sf-gallery-preview-note{margin-bottom:8px;padding:9px 10px;align-items:flex-start;flex-direction:column;gap:2px}
  .sf-gallery-preview-note span,.sf-gallery-preview-note b{font-size:12px}
  .sf-color-btn{min-height:56px}
  .sf-color-name{font-size:13px}
  .sf-color-btn small{font-size:11px}
  .sf-series-placeholder{padding:18px 12px}.sf-series-placeholder b{font-size:13px}.sf-series-placeholder span{font-size:12px}
  .sf-series-card{min-height:106px}.sf-series-card b{font-size:14px}.sf-series-card small,.sf-series-card em,.sf-series-stock,.sf-series-min{font-size:12px!important}
  .sf-choice-help{font-size:12px}
  .sf-qty-help{font-size:12px!important}
  .sf-stepper{grid-template-columns:48px 64px 48px}.sf-stepper button{height:50px}.sf-stepper input{width:64px;height:50px}
  .sf-price-line,.sf-price-line strong{font-size:13px}.sf-price-line.is-total{font-size:14px}.sf-price-line.is-total strong{font-size:21px}
  .sf-buy-bar .sf-primary-btn{min-height:54px;font-size:14px}
  .sf-cart-save-status{font-size:12px}.sf-cart-save-retry{min-height:40px;font-size:12px}

  /* On mobile the final order review comes before address entry and submit. */
  .sf-checkout-layout{display:flex!important;flex-direction:column;gap:12px}
  .sf-checkout-summary{order:-1}
  .sf-checkout-summary h3:after{content:" · سپس آدرس را ثبت کن";color:#7a8798;font-size:11px;font-weight:700}
  .sf-checkout-items>div,.sf-checkout-more-list>div,.sf-checkout-more summary{font-size:12px}

  .sf-payment-help,.sf-payment-waiting>p,.sf-payment-destination small,.sf-payment-destination span{font-size:12px}
  .sf-payment-destination b{font-size:18px}
  .sf-copyable-number[data-copy-label]{min-height:40px;padding:6px 9px}
  .sf-catalog-empty{padding:34px 18px}.sf-catalog-empty b{font-size:16px}.sf-catalog-empty span{font-size:13px}
}

@media(max-width:390px){
  .sf-container{width:calc(100% - 16px)}
  .sf-flow-progress{padding:9px 8px;gap:5px}.sf-flow-progress>div{font-size:10px}.sf-flow-progress>div i{width:26px;height:26px}
  .sf-bottom-nav{left:5px;right:5px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* =====================================================================
   Phase 45.2 — adversarial buyer ergonomics
   Reduce first-screen clutter, enforce readable account states, and make
   destructive/critical actions unambiguous on small touch screens.
   ===================================================================== */
.sf-search-clear.is-hidden{display:none!important}
.sf-catalog-legend{grid-template-columns:repeat(4,minmax(0,1fr))}
.sf-catalog-legend i.is-unavailable{background:#c95762}
.sf-product-unavailable-note{display:grid;gap:3px;margin:0 0 12px;padding:11px 12px;border:1px solid #efd2d2;border-radius:12px;background:#fff8f8;color:#8f3f47}
.sf-product-unavailable-note b{font-size:13px}.sf-product-unavailable-note span{font-size:12px;line-height:1.75}
.sf-checkout-more summary{min-height:44px;display:flex;align-items:center;cursor:pointer}

@media(min-width:981px){
  /* Desktop gets one filter system, not duplicated chips + sidebar controls. */
  .sf-catalog-chips{display:none}
}

@media(max-width:720px){
  /* The fixed bottom bar already owns navigation; duplicate header actions cost space. */
  .sf-header-actions{display:none}
  .sf-mobile-title{text-align:center;padding-right:0}

  /* Home is an ordering surface, not a marketing landing page. Get real models above the fold. */
  .sf-promo{min-height:146px!important;border-radius:17px}
  .sf-promo-content{max-width:100%!important;padding:14px 15px!important}
  .sf-promo-image,.sf-promo-orb{display:none!important}
  .sf-promo-eyebrow{font-size:11px}
  .sf-promo h1,.sf-promo h2{max-width:none!important;margin:6px 0 4px!important;font-size:18px!important;line-height:1.5}
  .sf-promo p{max-width:none!important;font-size:12px!important;line-height:1.7}
  .sf-promo-points{margin-top:7px;gap:5px}.sf-promo-points span{font-size:11px;padding:3px 7px}
  .sf-promo-action{min-height:40px;margin-top:8px;padding:7px 11px;font-size:12px}
  .sf-order-guide{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important}
  .sf-order-guide>div{display:grid!important;justify-items:center;align-content:center;gap:4px;min-height:60px!important;padding:7px 4px!important;text-align:center}
  .sf-order-guide i{width:28px!important;height:28px!important;flex-basis:28px!important}
  .sf-order-guide b{font-size:11px!important;line-height:1.45}.sf-order-guide small{display:none!important}
  .sf-section-head{margin:14px 0 9px}

  /* Customer account is used after money changes hands: no 10px operational text. */
  .sf-account-head p,.sf-account-hero p,.sf-account-kicker,.sf-hero-back,
  .sf-account-section-head p,.sf-account-section-head small,
  .sf-account-item-main>span,.sf-account-item-qty span,.sf-account-item-qty small,
  .sf-event b,.sf-event span,.sf-order-date,.sf-order-status,.sf-track-step,
  .sf-favorite-meta span,.sf-favorite-meta b,.sf-favorite-open,.sf-danger-ghost,
  .sf-invoice-stats small,.sf-invoice-stats span,.sf-invoice-pending,
  .sf-invoice-item-title span,.sf-invoice-item-total span,.sf-invoice-item-calc,.sf-invoice-discount,
  .sf-payment-record-main>span,.sf-payment-receipt,.sf-cheque-note,.sf-payment-reject,
  .sf-payment-declare>p,.sf-payment-card-destination small,.sf-payment-card-destination span,
  .sf-form-help,.sf-shipment-card p,.sf-shipment-card>b,.sf-return-link,
  .sf-return-item-info span,.sf-return-item-info small,.sf-return-qty>span,
  .sf-inline-empty,.sf-inline-warning{font-size:12px!important;line-height:1.7}
  .sf-order-number,.sf-account-item-main b,.sf-payment-record-main b,.sf-payment-record-amount>b{font-size:13px!important}
  .sf-favorite-open,.sf-danger-ghost,.sf-return-link,.sf-hero-back{min-height:44px}
  .sf-favorite-open{display:flex;align-items:center}.sf-payment-receipt{display:inline-flex;align-items:center;min-height:44px}
  .sf-return-qty input{font-size:16px!important;min-height:48px}
  .sf-dashboard-stats .sf-order-stat{min-height:76px;display:grid;align-content:center}
  .sf-order-filters .sf-chip{min-height:44px}

  /* Four status explanations remain horizontally scannable instead of shrinking. */
  .sf-catalog-legend{display:flex;grid-template-columns:none;gap:6px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}
  .sf-catalog-legend>span{flex:0 0 156px;scroll-snap-align:start}
  .sf-catalog-legend>span>b,.sf-catalog-legend>span>small{font-size:12px!important}
}

@media(max-width:520px){
  /* Saved models need accuracy more than density for the target audience. */
  .sf-favorite-grid{grid-template-columns:1fr!important}
  .sf-favorite-image{height:190px!important}
}

/* Phase 45.3 — customer bundle slimming: storefront no longer needs Tailwind runtime. */
.sf-test-gateway-page{min-height:70vh;display:grid;place-items:center;padding:34px 14px}
.sf-test-gateway-card{width:min(100%,480px);padding:24px;border:1px solid #dfe5ed;border-radius:22px;background:#fff;box-shadow:0 18px 44px rgba(20,40,72,.09)}
.sf-test-gateway-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff3ce;color:#775814;font-size:11px;font-weight:900}
.sf-test-gateway-card h1{margin:14px 0 5px;font-size:22px}.sf-test-gateway-card>p{margin:0;color:#718096;font-size:12px;line-height:1.8}
.sf-test-gateway-summary{display:grid;gap:4px;margin-top:18px;padding:14px;border:1px solid #e5eaf0;border-radius:14px;background:#f8fafc}
.sf-test-gateway-summary small{font-size:12px;color:#7c8798}.sf-test-gateway-summary b{font-size:22px;color:#1764cf}.sf-test-gateway-summary span{font-size:12px;color:#647288}
.sf-test-gateway-actions{display:grid;gap:8px;margin-top:14px}.sf-test-gateway-actions>*{width:100%;min-height:48px}
@media print{.sf-print-row,.sf-topbar,.sf-bottom-nav{display:none!important}.sf-main{padding:0!important}.sf-account-page{padding:0!important}}


/* Phase 45.4 — human-error hardening */
.sf-account-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin:12px 0 16px}
.sf-account-actions form{margin:0}
.sf-footer-brand{color:#0c1930}.sf-footer-copy{margin-right:8px}
.sf-field [data-sf-file-help].is-error{color:#b43b47!important;font-weight:800}.sf-field [data-sf-file-help].is-ok{color:#17835b!important;font-weight:800}
.sf-return-item{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.sf-return-item.is-selected{border-color:#8eb8ef;background:#f5f9ff;box-shadow:0 0 0 2px rgba(37,111,207,.08)}
.sf-payment-reject{display:grid;gap:3px;margin-top:8px;padding:10px 11px;border:1px solid #f0c8cd;border-radius:11px;background:#fff6f7;color:#9a3440;font-size:12px;line-height:1.75}.sf-payment-reject span{color:#785a60}
.sf-copyable-number[data-copy-label].is-copied:after{content:'کپی شد';margin-right:6px;padding:2px 6px;border-radius:999px;background:#dff4e9;color:#167d53;font-size:10px;font-weight:900}
@media(max-width:720px){.sf-account-actions{justify-content:stretch}.sf-account-actions>*{flex:1}.sf-account-actions form button{width:100%;min-height:44px}.sf-footer-copy{display:block;margin:3px 0 0}.sf-payment-reject{font-size:12px}}

/* Phase 45.5 — first-screen discipline and conditional-production honesty */
.sf-series-production-note.is-conditional{color:#896316!important;background:#fff8e7;border-radius:8px;padding:4px 6px}
@media(max-width:720px){
  .sf-gallery-stage{height:292px}
  .sf-product-back-row{margin-bottom:7px}
  .sf-product-head{padding:10px 11px}
  .sf-product-head h1{margin-bottom:1px}
}
@media(max-width:520px){
  .sf-promo{min-height:124px!important}
  .sf-promo-points{display:none!important}
  .sf-promo-action{margin-top:6px}
  .sf-gallery-stage{height:274px}
}

.sf-skip-link{position:fixed;top:8px;right:8px;z-index:9999;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:#0c1930;color:#fff;font-size:12px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.sf-skip-link:focus{transform:translateY(0)}

/* Phase 45.6 — real touch floor and color-name legibility */
.sf-color-name{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.5}
.sf-color-btn.is-unavailable{opacity:1;border-style:dashed;background:#fbfbfc;color:#687384}
.sf-color-btn.is-unavailable .sf-color-swatch{opacity:.62}
@media(max-width:720px){
  .sf-heart{width:44px;height:44px;min-width:44px}
  .sf-search-submit{min-height:44px!important}
  .sf-search-clear{width:44px;height:44px}
  .sf-link{min-height:44px}
  .sf-copyable-number[data-copy-label]{min-height:44px}
  .sf-cart-save-retry{min-height:44px}
  .sf-field input[type="file"]::file-selector-button{min-height:44px}
  :where(a,button,input,select,textarea,[role="button"]){touch-action:manipulation}
}
.sf-pending-money-note{margin:-3px 0 12px;padding:9px 11px;border:1px solid #ead9ad;border-radius:11px;background:#fffaf0;color:#715e2d;font-size:12px;line-height:1.8}
.sf-form-help.is-error{color:#b43b47!important;font-weight:800}.sf-form-help.is-ok{color:#17835b!important;font-weight:800}

/* Phase 45.7 — money clarity + mobile safe area + fixed-nav reliability */
.sf-payment-overview{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
.sf-payment-overview .sf-order-stat.is-available-now{background:#f2f7ff;border-color:#d4e2f7}.sf-payment-overview .sf-order-stat.is-available-now b{color:#175fbf}
.sf-public-invoice-stats .is-pending{background:#fffaf0;border-color:#eadcad}.sf-public-invoice-stats .is-pending b{color:#946b17}
.sf-public-invoice-pending-note{margin:10px 0 0}
@media(max-width:720px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .sf-bottom-nav{height:calc(66px + env(safe-area-inset-bottom));padding-bottom:calc(5px + env(safe-area-inset-bottom))}
  .sf-payment-overview{grid-template-columns:1fr 1fr}
  .sf-payment-overview .sf-order-stat{min-height:72px}
  .sf-public-invoice-stats{grid-template-columns:1fr 1fr}
  .sf-public-invoice-pending-note{font-size:12px;line-height:1.8}
}
@media(max-width:380px){.sf-payment-overview{grid-template-columns:1fr}.sf-public-invoice-stats{grid-template-columns:1fr}}

/* Phase 45.8 — contrast and accessibility hardening for older / low-vision buyers */
:root{--sf-muted:#5f6b7e}
.sf-status-green{color:#117646}
.sf-status-orange{color:#9a5a0a}
.sf-status-red{color:#a92d2d}
.sf-bottom-nav a{color:#59677a}
.sf-catalog-legend small,.sf-order-date,.sf-product-code,.sf-field em,.sf-form-help{color:#5f6b7e}
.sf-series-card:focus-within{outline:3px solid rgba(20,99,232,.26);outline-offset:3px}


/* Phase 45.9 — no false affordance + elderly-buyer mobile typography floor */
.sf-selected-color.is-unavailable-preview{border-color:#efc9cd;background:#fff8f8;color:#913a44}
.sf-gallery-preview-note.is-unavailable-preview{border-color:#efc9cd;background:#fff8f8;color:#913a44}
@media(max-width:720px){
  .sf-mobile-title{font-size:15px!important}
  .sf-bottom-nav a{font-size:12px!important;line-height:1.25}.sf-bottom-nav .sf-cart-dot{font-size:9px!important}
  .sf-promo-eyebrow,.sf-promo-action,.sf-order-guide b{font-size:12px!important}
  .sf-section-sub,.sf-product-code,.sf-product-code-line,.sf-product-meta,.sf-price small,.sf-price-action,.sf-product-status,
  .sf-kicker,.sf-catalog-intro p,.sf-auto-load-hint,.sf-filter-note,.sf-mini-empty,.sf-loadmore-wrap,
  .sf-block-head small,.sf-selected-color,.sf-choice-help,.sf-series-card small,.sf-series-card em,.sf-series-stock,.sf-series-min,
  .sf-qty-help,.sf-stock-note,.sf-stock-badge,.sf-cart-item p,.sf-cart-update-row small,.sf-summary-line,
  .sf-reserve-note b,.sf-reserve-note small,.sf-customer-identity small,.sf-customer-identity span,.sf-customer-identity a,
  .sf-field label,.sf-field>span,.sf-field em,.sf-checkout-assurance b,.sf-checkout-assurance small,.sf-checkout-items>div,.sf-checkout-items>small,
  .sf-payment-help,.sf-payment-waiting>p,.sf-payment-destination small,.sf-payment-destination span,.sf-checkout-summary h3:after{font-size:12px!important;line-height:1.65}
  .sf-price-action,.sf-search-submit,.sf-secondary-btn,.sf-primary-btn{font-size:13px}
  .sf-flow-progress>div{font-size:11px!important}
}

/* =========================================================
   Phase 46 — micro-UX / decision-density pass
   Same domain, fewer visual decisions and less verification effort.
   ========================================================= */
.sf-product-head-primary{margin:0 0 14px;padding:16px 18px;border:1px solid var(--sf-line);border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(20,42,76,.04)}
.sf-product-head-primary .sf-kicker{display:block;margin-bottom:2px;color:#3f6eaa;font-size:11px;font-weight:900}
.sf-product-head-primary h1{font-size:25px;line-height:1.45}
.sf-product-head-primary .sf-product-description{max-width:720px;margin-top:5px!important;color:#657286!important;font-size:12px!important;line-height:1.8}
.sf-product-order-panel{min-width:0}
.sf-series-price{display:block;margin-top:7px;color:#17385f;font-size:12px;font-weight:900;line-height:1.5}

.sf-status-help{margin:0 0 12px;border:1px solid #e3e8ef;border-radius:13px;background:#fff;overflow:hidden}
.sf-status-help>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 12px;cursor:pointer;list-style:none;color:#32445d;font-size:12px;font-weight:900}
.sf-status-help>summary::-webkit-details-marker{display:none}
.sf-status-help>summary:after{content:"⌄";margin-right:auto;color:#718097;font-size:17px;transition:transform .18s ease}
.sf-status-help[open]>summary:after{transform:rotate(180deg)}
.sf-status-help>summary small{color:#758296;font-size:10px;font-weight:700}
.sf-status-help .sf-catalog-legend{margin:0;padding:0 10px 10px}

.sf-cart-variant{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 2px}
.sf-cart-variant>span{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:4px 8px;border:1px solid #e3e8ef;border-radius:9px;background:#f8fafc;color:#4e5f74;font-size:11px;font-weight:800;line-height:1.4}
.sf-cart-color i{width:13px;height:13px;flex:0 0 13px;border:1px solid rgba(0,0,0,.12);border-radius:50%}

.sf-checkout-review-item>span{display:grid;gap:2px;min-width:0}
.sf-checkout-review-item>span strong{color:#25364c;font-size:11px;line-height:1.55}
.sf-checkout-review-item>span small{color:#66758a;font-size:10px;line-height:1.55}

@media(max-width:720px){
  /* Identity before photography: users know which model they are configuring before a 274px gallery. */
  .sf-product-head-primary{margin-bottom:8px;padding:12px 13px;border-radius:15px}
  .sf-product-head-primary h1{font-size:20px!important;line-height:1.45}
  .sf-product-head-primary .sf-kicker{font-size:12px}
  .sf-product-head-primary .sf-product-description{font-size:12px!important;line-height:1.7}
  .sf-product-back-row{margin-bottom:7px}
  .sf-series-price{font-size:13px}

  /* Status education is opt-in; products should win the first screen. */
  .sf-status-help{margin-top:-2px;margin-bottom:9px}
  .sf-status-help>summary{min-height:44px;padding:8px 10px;font-size:12px}
  .sf-status-help>summary small{display:none}
  .sf-status-help .sf-catalog-legend{padding:0 8px 8px}
  .sf-catalog-results-head{margin-top:11px!important;margin-bottom:7px!important}

  /* Ten-color baskets must be scannable by color/series, not by prose. */
  .sf-cart-variant{gap:4px;margin-top:6px}
  .sf-cart-variant>span{min-height:30px;padding:4px 7px;font-size:12px}
  .sf-cart-item>div.sf-cart-item-main>p{margin-top:6px}

  /* Final review emphasizes identity first, money second. */
  .sf-checkout-review-item{align-items:flex-start!important;gap:10px!important}
  .sf-checkout-review-item>span strong{font-size:13px}
  .sf-checkout-review-item>span small{font-size:12px}
  .sf-checkout-review-item>b{padding-top:2px;font-size:12px!important}
}

@media(max-width:520px){
  /* Home is operational: search + statuses + one compact promise, then real models. */
  .sf-promo{min-height:102px!important}
  .sf-promo-content{padding:11px 13px!important}
  .sf-promo h1,.sf-promo h2{margin:4px 0 2px!important;font-size:17px!important;line-height:1.45}
  .sf-promo p{font-size:12px!important;line-height:1.55}
  .sf-promo-action{display:none!important}
  .sf-order-guide{gap:4px!important;margin-top:6px!important}
  .sf-order-guide>div{min-height:50px!important;padding:5px 3px!important}
  .sf-order-guide i{width:24px!important;height:24px!important;flex-basis:24px!important;font-size:11px!important}
  .sf-order-guide b{font-size:11px!important}
}
.sf-series-price.is-muted{color:#7a8595;font-weight:800}

/* Phase 46.1 — disabled means unavailable, not unreadable */
.sf-series-card.is-disabled{opacity:1;cursor:not-allowed;background:#fafbfc;border-style:dashed;border-color:#d8dee8}
.sf-series-card.is-disabled b{color:#59677a}
.sf-series-card.is-disabled small,
.sf-series-card.is-disabled em,
.sf-series-card.is-disabled .sf-series-stock{color:#6e798a}
.sf-series-card.is-disabled .sf-series-price{color:#7a8595}

/* =========================================================
   Phase 47 — hands-on visual redesign / conversion polish
   A calmer wholesale catalog, stronger footwear imagery, and one coherent order flow.
   ========================================================= */
:root{
  --sf-surface:#ffffff;
  --sf-soft:#f7f9fc;
  --sf-soft-blue:#eef5ff;
  --sf-line-strong:#d5dde8;
  --sf-navy:#10243f;
}
body.sf-body{background:linear-gradient(180deg,#f8fafc 0,#f4f7fa 220px,#f5f7fa 100%)}

/* Home: graphic but operational. Search remains the first control; products arrive quickly. */
.sf-home-shell>.sf-searchbar{border-color:#d5deea;box-shadow:0 5px 18px rgba(18,38,68,.045)}
.sf-home-shell>.sf-chips{margin-top:8px!important}
.sf-home-shell .sf-promo{border:0;background:linear-gradient(128deg,#0d203d 0%,#123a70 60%,#1a70e6 150%);box-shadow:0 18px 38px rgba(17,48,93,.17)}
.sf-home-shell .sf-promo:before{opacity:.72;background-size:30px 30px}
.sf-home-shell .sf-promo-content{position:relative}
.sf-home-shell .sf-promo-content:after{content:"";position:absolute;right:30px;bottom:-30px;width:120px;height:120px;border:24px solid rgba(255,255,255,.035);border-radius:50%;pointer-events:none}
.sf-home-shell .sf-promo-image{filter:drop-shadow(0 20px 22px rgba(0,0,0,.2));z-index:2}
.sf-home-shell .sf-section-head{margin-top:20px}

/* One compact instruction rail instead of three dashboard-like cards. */
.sf-order-guide-compact{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid #e0e6ee;border-radius:15px;background:#fff;box-shadow:0 4px 16px rgba(25,43,69,.035)}
.sf-order-guide-compact>div{position:relative;min-height:58px;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:9px 12px!important}
.sf-order-guide-compact>div+div:before{content:"";position:absolute;right:0;top:14px;bottom:14px;width:1px;background:#edf0f4}
.sf-order-guide-compact i{background:#edf5ff!important;color:#1769e0!important}
.sf-order-guide-compact small{color:#68778b}

/* Product cards: footwear is visual. Give imagery room and make the action/price obvious. */
.sf-product-row{position:relative;background:#fff;border-color:#dde4ed;box-shadow:0 5px 18px rgba(22,42,70,.04)}
.sf-product-row:hover{border-color:#b9cce3;box-shadow:0 10px 26px rgba(22,42,70,.075)}
.sf-product-image{overflow:hidden;background:linear-gradient(145deg,#f9fafc,#eef3f8)}
.sf-product-image img{padding:2px}
.sf-product-status{font-weight:900}
.sf-product-name>span:first-child{color:#17263b;font-weight:900}
.sf-product-code{color:#738196}
.sf-dot{color:#5e6d80;background:#f7f9fb;border-color:#e8edf3}
.sf-price b{color:#17263b;font-weight:900}
.sf-price-action{color:#175fbf;background:#f4f8ff;border-color:#d3e1f5;font-weight:900}

/* Catalog: the toolbar is the hero, not a large marketing panel. */
.sf-catalog-intro{padding:16px 18px;background:linear-gradient(135deg,#fff,#fbfdff)}
.sf-catalog-intro h1{color:#17283f}
.sf-catalog-search-primary{border-width:1.5px}
.sf-catalog-results-head{padding:0 2px}
.sf-catalog-product-stack{gap:10px}
.sf-status-help{box-shadow:none}
.sf-mini-cart{border-top:3px solid #dbe8fa}

/* Product header: identity + essential wholesale facts before photography. */
.sf-product-head-primary{position:relative;overflow:hidden;padding:17px 18px 15px}
.sf-product-head-primary:after{content:"";position:absolute;left:-35px;top:-55px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,#eef5ff 0,#f8fbff 56%,transparent 70%);pointer-events:none}
.sf-product-head-primary>*{position:relative;z-index:1}
.sf-product-head-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px}
.sf-product-head-meta>span{display:inline-flex;align-items:center;min-height:29px;padding:4px 9px;border:1px solid #e1e7ef;border-radius:999px;background:#f8fafc;color:#58677c;font-size:11px;font-weight:850;line-height:1.4}
.sf-product-head-meta>span.is-price{border-color:#d2e2f7;background:#f1f7ff;color:#175fbf}
.sf-product-head-primary .sf-product-description{margin-bottom:0!important}

/* Gallery is a product showcase, not another form card. */
.sf-gallery-card{position:relative;padding:10px;border:1px solid #dfe5ed;border-radius:22px;background:#fff;box-shadow:0 7px 22px rgba(22,42,70,.045)}
.sf-gallery-stage{border:0!important;border-radius:16px!important;background:radial-gradient(circle at 50% 36%,#fff 0,#f6f8fb 55%,#eef2f6 100%)!important}
.sf-gallery-stage img{padding:8px}
.sf-gallery-preview-note{position:absolute;z-index:6;top:20px;right:20px;left:20px;margin:0!important;border-color:rgba(213,222,234,.92);background:rgba(255,255,255,.92);box-shadow:0 5px 18px rgba(29,48,74,.08);backdrop-filter:blur(10px)}
.sf-gallery-thumbs{padding:9px 2px 0}

/* The three order steps are one object. Less box-within-box visual noise. */
.sf-order-flow-card{overflow:hidden;border:1px solid #dce4ee;border-radius:22px;background:#fff;box-shadow:0 7px 24px rgba(22,42,70,.05)}
.sf-order-flow-card>.sf-block{margin:0!important;padding:18px;border:0!important;border-bottom:1px solid #edf0f4!important;border-radius:0!important;background:#fff;box-shadow:none!important}
.sf-order-flow-card>.sf-block.is-locked{background:#fafbfd!important}
.sf-order-flow-card>.sf-block:last-of-type{border-bottom:0!important}
.sf-order-flow-card>.sf-buy-bar{margin:0;border:0;border-top:1px solid #e3e9f0;border-radius:0;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:none;padding:15px 17px}
.sf-order-flow-card .sf-step-title i{border:1px solid #d5e4f9;background:#eef5ff;color:#175fbf}
.sf-order-flow-card .sf-choice-block:not(.is-locked) .sf-step-title i,
.sf-order-flow-card .sf-qty-block:not(.is-locked) .sf-step-title i{background:#1769e0;border-color:#1769e0;color:#fff}
.sf-color-btn{border-color:#dbe3ed;background:#fff}
.sf-color-btn:hover{background:#f6f9fe}
.sf-color-btn.is-active{background:#f4f8ff;border-color:#1769e0;box-shadow:inset 0 0 0 1px #1769e0,0 4px 12px rgba(23,105,224,.08)}
.sf-color-btn.is-unavailable{background:#fbfbfc;border-color:#e2e5ea}
.sf-selected-color{display:flex;width:100%;min-height:40px;border-radius:11px;background:#f8fafc}
.sf-series-card{border-color:#dce4ed;background:#fff}
.sf-series-card.is-active{background:#f3f8ff;border-color:#1769e0;box-shadow:inset 0 0 0 1px #1769e0}
.sf-series-price{color:#124f9f}
.sf-series-stock{border:1px solid transparent}
.sf-series-stock.is-ok{border-color:#cde9dc}.sf-series-stock.is-low{border-color:#efdca7}.sf-series-stock.is-production{border-color:#d4e2f6}.sf-series-stock.is-out{border-color:#efd1d1}
.sf-price-box{background:#f7f9fc;border-color:#e0e6ee}
.sf-price-line.is-total{border-top:1px dashed #ced8e5}
.sf-buy-info .sf-stock-note{font-weight:800;color:#42546c}
.sf-buy-bar .sf-primary-btn:not(:disabled){background:linear-gradient(135deg,#1769e0,#0f58c7)}

/* Desktop breathes more like a premium catalog. */
@media(min-width:981px){
  .sf-home-product-stack .sf-product-image,.sf-catalog-product-stack .sf-product-image{width:142px;height:112px}
  .sf-home-product-stack .sf-product-row,.sf-catalog-product-stack .sf-product-row{grid-template-columns:142px minmax(0,1fr) 210px;min-height:138px}
  .sf-gallery-stage{height:470px}
  .sf-product-page{gap:22px}
  .sf-product-order-panel{align-self:start}
}

@media(max-width:720px){
  /* More visible product, less landing-page furniture. */
  .sf-home-shell{padding-top:8px!important}
  .sf-home-shell>.sf-searchbar{height:50px}
  .sf-home-shell .sf-promo{min-height:116px!important;border-radius:18px}
  .sf-home-shell .sf-promo-content{max-width:72%;padding:13px 14px!important}
  .sf-home-shell .sf-promo-eyebrow{padding:4px 7px;font-size:11px!important}
  .sf-home-shell .sf-promo h1{max-width:260px;margin:5px 0 3px!important;font-size:18px!important;line-height:1.42}
  .sf-home-shell .sf-promo p{max-width:250px;font-size:12px!important;line-height:1.55}
  .sf-home-shell .sf-promo-image{left:-7%;bottom:-7%;width:49%;height:105%;opacity:.52}
  .sf-home-shell .sf-section-head{margin-top:15px}

  .sf-order-guide-compact{margin-top:7px!important;border-radius:13px}
  .sf-order-guide-compact>div{display:flex!important;min-height:47px!important;padding:6px 7px!important;gap:6px!important;justify-content:center}
  .sf-order-guide-compact i{width:24px!important;height:24px!important;flex-basis:24px!important;font-size:11px!important}
  .sf-order-guide-compact b{font-size:11px!important;line-height:1.35}.sf-order-guide-compact small{display:none!important}
  .sf-order-guide-compact>div+div:before{top:9px;bottom:9px}

  /* Card redesign: image is large enough to identify a shoe without opening it. */
  .sf-product-row{grid-template-columns:112px minmax(0,1fr);gap:11px;padding:11px;border-radius:17px}
  .sf-product-image{width:112px;height:106px;border-radius:13px;grid-row:1/span 2}
  .sf-product-image img{padding:2px}
  .sf-product-name{font-size:15px;line-height:1.45}
  .sf-product-status{padding:4px 7px;font-size:11px!important}
  .sf-product-code{font-size:11px!important}
  .sf-product-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;font-size:11px!important}
  .sf-product-meta .sf-dot:nth-child(n+3){display:inline-flex}
  .sf-dot{padding:3px 6px}
  .sf-product-row>.sf-price{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(116px,auto);padding-top:10px}
  .sf-price small{font-size:11px!important}.sf-price b{font-size:14px}.sf-price-action{min-height:44px;padding-inline:11px;font-size:12px!important}

  /* Catalog opens with search/filter/products, not a marketing block. */
  .sf-catalog-intro{margin-bottom:8px;padding:9px 2px;border:0;background:transparent}
  .sf-catalog-intro .sf-kicker{display:none}
  .sf-catalog-intro h1{margin:0;font-size:18px!important;line-height:1.45}
  .sf-catalog-intro p{margin:2px 0 0;font-size:12px!important;line-height:1.55}
  .sf-catalog-trust{display:none!important}
  .sf-catalog-search-primary{height:50px}
  .sf-catalog-results-head{margin-top:10px!important}
  .sf-status-help{margin-bottom:8px}

  /* Product first screen: identity -> useful image -> one coherent ordering object. */
  .sf-product-head-primary{margin-bottom:8px;padding:11px 12px 10px;border-radius:15px}
  .sf-product-head-primary:after{width:90px;height:90px;top:-42px;left:-25px}
  .sf-product-head-primary h1{font-size:21px!important}
  .sf-product-head-meta{gap:4px;margin-top:6px}
  .sf-product-head-meta>span{min-height:27px;padding:3px 7px;font-size:11px}
  .sf-product-head-primary .sf-product-description{margin-top:5px!important;font-size:12px!important;line-height:1.6}
  .sf-gallery-card{padding:7px;border-radius:17px;box-shadow:none}
  .sf-gallery-stage{height:238px!important;border-radius:13px!important}
  .sf-gallery-stage img{padding:5px}
  .sf-gallery-preview-note{top:14px;right:14px;left:14px;min-height:38px;padding:7px 9px;border-radius:10px}
  .sf-gallery-preview-note span{font-size:11px}.sf-gallery-preview-note b{font-size:11px}
  .sf-gallery-fallback-note{right:8px;left:8px;bottom:8px;padding:7px 8px}.sf-gallery-fallback-note span{font-size:11px}
  .sf-gallery-thumb{width:54px;height:48px}
  .sf-product-order-panel{margin-top:10px}
  .sf-order-flow-card{border-radius:17px;box-shadow:none}
  .sf-order-flow-card>.sf-block{padding:13px!important}
  .sf-order-flow-card>.sf-buy-bar{padding:12px}
  .sf-block-head{margin-bottom:10px}
  .sf-color-list{gap:7px}
  .sf-color-btn{min-height:52px;border-radius:11px}
  .sf-selected-color{margin-top:8px;font-size:12px!important}
  .sf-series-grid{grid-template-columns:1fr;gap:7px}
  .sf-series-card{min-height:0;padding:11px 12px}
  .sf-series-card.is-active{padding:10px 11px}
  .sf-series-card b{font-size:14px}.sf-series-card small{font-size:12px!important}.sf-series-card em{font-size:12px!important}.sf-series-price{font-size:13px}
  .sf-series-stock{margin-top:6px;font-size:12px!important}
  .sf-series-placeholder{padding:16px 12px}
  .sf-qty-row{align-items:center}
  .sf-price-box{margin-top:11px;padding:11px 12px}
  .sf-price-line{font-size:12px!important}.sf-price-line strong{font-size:13px}.sf-price-line.is-total strong{font-size:19px}
  .sf-buy-bar{grid-template-columns:1fr!important;gap:9px!important}
  .sf-buy-info small{display:none}
  .sf-buy-info .sf-stock-note{font-size:12px!important;line-height:1.55}
  .sf-buy-bar .sf-primary-btn{min-height:52px;font-size:14px!important}
}

@media(max-width:380px){
  .sf-product-row{grid-template-columns:104px minmax(0,1fr)}
  .sf-product-image{width:104px;height:100px}
  .sf-product-name{font-size:14px}
  .sf-product-meta{font-size:10px!important}
  .sf-order-guide-compact b{font-size:10px!important}
  .sf-product-head-meta>span{font-size:10px}
}

/* Phase 47.1 — product photography is an intentional hero object, not a faded decoration. */
.sf-home-shell .sf-promo-image{left:3%;bottom:7%;width:34%;height:86%;padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.09);box-shadow:0 14px 28px rgba(0,0,0,.14);object-fit:contain;opacity:1}
.sf-status-help{margin-top:12px}
@media(max-width:720px){
  .sf-home-shell .sf-promo-image{left:4%;bottom:9%;width:31%;height:70%;padding:5px;border-radius:13px;background:rgba(255,255,255,.1);opacity:1}
  .sf-status-help{margin-top:10px;margin-bottom:0}
}

/* Phase 47.1 hotfix: each product color has its own gallery. Only the active
   color gallery may be visible; do not rely on an external Tailwind .hidden utility. */
.sf-gallery-card [data-color-gallery].hidden,.sf-gallery-card [data-fallback-gallery].hidden{display:none!important}

/* =========================================================
   Phase 48 — Product gallery refinement
   Product photography must stay contained, calm and attributable to a color.
   ========================================================= */
.sf-gallery-card{padding:12px;border-radius:20px;border:1px solid #dce4ed;background:#fff;box-shadow:0 8px 24px rgba(19,40,70,.05)}
.sf-gallery-context{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;margin:0 0 10px;padding:8px 11px;border:1px solid #e3e9f1;border-radius:12px;background:#f8fafc;color:#526176}
.sf-gallery-context span{font-size:11px;font-weight:800;color:#738198;white-space:nowrap}
.sf-gallery-context b{font-size:12px;font-weight:900;color:#263750;text-align:start;line-height:1.55}
.sf-gallery-context.is-selected{border-color:#d4e3f7;background:#f4f8ff}
.sf-gallery-context.is-selected span{color:#4770aa}.sf-gallery-context.is-selected b{color:#174f9d}
.sf-gallery-context.is-unavailable-preview{border-color:#eadede;background:#fff8f8}
.sf-gallery-context.is-unavailable-preview span,.sf-gallery-context.is-unavailable-preview b{color:#9b4a4a}
.sf-color-gallery{min-width:0}
.sf-gallery-stage{width:100%;height:auto!important;aspect-ratio:4/3;min-height:280px;max-height:360px;border:1px solid #e5eaf0!important;border-radius:15px!important;background:#f6f8fb!important;box-shadow:none!important;overflow:hidden;display:grid;place-items:center}
.sf-price-box[hidden]{display:none!important}.sf-gallery-fallback-note.is-required{border-color:#f0d3a7;background:#fff8ec;color:#74551d}
.sf-gallery-stage:after{display:none!important}
.sf-gallery-stage img,.sf-gallery-stage video{width:100%;height:100%;padding:12px!important;object-fit:contain!important;object-position:center;display:block;background:transparent}
.sf-gallery-fallback-note{position:static!important;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:8px 10px;border:1px solid #eadfbf;border-radius:11px;background:#fffaf0;box-shadow:none;color:#775b20;backdrop-filter:none}
.sf-gallery-fallback-note b{font-size:11px;white-space:nowrap}.sf-gallery-fallback-note span{font-size:11px;line-height:1.6;text-align:start}
.sf-gallery-media-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:10px}
.sf-gallery-media-row>span{font-size:11px;font-weight:850;color:#758296;white-space:nowrap}
.sf-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;min-width:0;padding:0 1px 2px;scrollbar-width:none;scroll-snap-type:x proximity}
.sf-gallery-thumbs::-webkit-scrollbar{display:none}
.sf-gallery-thumb{width:60px;height:54px;flex:0 0 60px;padding:2px;border:1px solid #dce3ec;border-radius:10px;background:#f5f7fa;box-shadow:none;scroll-snap-align:start;transition:border-color .15s,box-shadow .15s,background .15s}
.sf-gallery-thumb:hover{transform:none;border-color:#aac4e9;background:#f8fbff}
.sf-gallery-thumb.is-active{border-color:#1769e0;box-shadow:0 0 0 2px rgba(23,105,224,.10);background:#f2f7ff}
.sf-gallery-thumb img,.sf-gallery-thumb video{width:100%;height:100%;padding:0!important;border-radius:7px;object-fit:cover!important}

@media(min-width:981px){
  .sf-product-page{grid-template-columns:minmax(0,1.04fr) minmax(410px,.96fr);gap:24px}
  .sf-gallery-card{position:sticky;top:92px}
  .sf-product-order-panel{min-width:0}
}

@media(max-width:980px){
  .sf-gallery-card{position:static}
  .sf-gallery-stage{min-height:300px;max-height:390px}
}

@media(max-width:720px){
  .sf-gallery-card{padding:8px;border-radius:16px;box-shadow:none}
  .sf-gallery-context{min-height:42px;margin-bottom:8px;padding:7px 9px;border-radius:10px}
  .sf-gallery-context span{font-size:11px}.sf-gallery-context b{font-size:11px;text-align:start}
  .sf-gallery-stage{aspect-ratio:4/3;min-height:0;max-height:none;border-radius:12px!important}
  .sf-gallery-stage img,.sf-gallery-stage video{padding:6px!important}
  .sf-gallery-fallback-note{align-items:flex-start;margin-top:7px;padding:7px 8px}
  .sf-gallery-fallback-note b,.sf-gallery-fallback-note span{font-size:11px}
  .sf-gallery-media-row{grid-template-columns:1fr;gap:6px;margin-top:8px}
  .sf-gallery-media-row>span{font-size:11px}
  .sf-gallery-thumb{width:56px;height:50px;flex-basis:56px}
}
.sf-gallery-general-note{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc;color:#5c6a7d}
.sf-gallery-general-note b{font-size:11px;white-space:nowrap}.sf-gallery-general-note span{font-size:11px;line-height:1.6;text-align:start}
@media(max-width:720px){.sf-gallery-general-note{align-items:flex-start;margin-top:7px;padding:7px 8px}.sf-gallery-general-note b,.sf-gallery-general-note span{font-size:11px}}

/* =========================================================
   Phase 49 — Product color decision UX
   Sneaker colorways are visual products: use real color media when available,
   separate purchasable vs unavailable choices, and collapse a completed step.
   ========================================================= */
.sf-color-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 0 9px;padding:0 1px}
.sf-color-section-head b{font-size:12px;color:#263750}.sf-color-section-head span{font-size:11px;color:#6b788b;line-height:1.55;text-align:left}
.sf-color-picker{min-width:0}
.sf-color-list[data-kind="orderable"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sf-color-list[data-kind="orderable"].is-collapsed .sf-color-btn:nth-child(n+7):not(.is-active){display:none}
.sf-color-card{position:relative;min-height:76px!important;padding:7px!important;gap:9px!important;border-radius:14px!important;overflow:hidden}
.sf-color-card .sf-color-visual{position:relative;display:grid;place-items:center;flex:0 0 68px;width:68px;height:60px;border:1px solid #e0e6ee;border-radius:10px;background:linear-gradient(145deg,#fafbfd,#eff3f7);overflow:hidden}
.sf-color-card .sf-color-visual>img{width:100%;height:100%;padding:2px;object-fit:contain;display:block}
.sf-color-card .sf-color-visual .sf-color-swatch{width:31px;height:31px;flex:0 0 31px;margin:auto}
.sf-color-card .sf-color-copy{display:grid;align-content:center;gap:3px;min-width:0;flex:1}
.sf-color-card .sf-color-copy>b{font-size:12px;line-height:1.45;color:#2a3950;font-weight:900;white-space:normal;overflow-wrap:anywhere}
.sf-color-card .sf-color-copy>small{margin:0!important;font-size:10px;color:#6c7a8e;font-weight:800;white-space:normal;line-height:1.45}
.sf-color-card .sf-color-check{display:none;position:absolute;top:7px;left:7px;width:22px;height:22px;border-radius:50%;place-items:center;background:#1769e0;color:#fff;font-size:12px;font-weight:900;box-shadow:0 2px 7px rgba(23,105,224,.22)}
.sf-color-card.is-active .sf-color-check{display:grid}
.sf-color-card.is-active .sf-color-visual{border-color:#9fc1ef;background:#fff}
.sf-color-card.is-unavailable{border-style:solid!important;background:#fafbfc!important;color:#667386}
.sf-color-card.is-unavailable .sf-color-visual{filter:saturate(.58);opacity:.8}
.sf-color-card.is-unavailable .sf-color-copy>b{color:#606c7c}.sf-color-card.is-unavailable .sf-color-copy>small{color:#9a5960}
.sf-color-more{min-height:44px;border:1px dashed #c4d3e7;background:#f8fbff;font-size:12px}
.sf-unavailable-colors{margin-top:11px;border:1px solid #e1e6ed;border-radius:12px;background:#fafbfd;overflow:hidden}
.sf-unavailable-colors>summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px;cursor:pointer;list-style:none;color:#5c6879}
.sf-unavailable-colors>summary::-webkit-details-marker{display:none}
.sf-unavailable-colors>summary span{display:grid;gap:1px}.sf-unavailable-colors>summary b{font-size:12px}.sf-unavailable-colors>summary small{font-size:10px;color:#7d8898}
.sf-unavailable-colors>summary i{font-style:normal;font-size:18px;transition:transform .15s}.sf-unavailable-colors[open]>summary i{transform:rotate(180deg)}
.sf-color-list-unavailable{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 9px 10px!important}
.sf-color-list-unavailable .sf-color-card{min-height:68px!important}.sf-color-list-unavailable .sf-color-visual{width:58px;height:52px;flex-basis:58px}
.sf-selected-color{align-items:center;gap:10px!important;min-height:58px!important;padding:7px 8px!important;border:1px dashed #d5dde8!important;background:#fafbfd!important}
.sf-selected-color-visual{display:grid;place-items:center;flex:0 0 48px;width:48px;height:46px;border:1px solid #dde4ed;border-radius:9px;background:#f1f4f7;overflow:hidden}
.sf-selected-color-visual img{width:100%;height:100%;padding:2px;object-fit:contain;display:block}.sf-selected-color-visual.has-image{background:#fff}
.sf-selected-color-dot{width:22px!important;height:22px!important;border-radius:50%;border:1px solid rgba(0,0,0,.13);box-shadow:0 0 0 3px #fff,0 0 0 4px #dde3eb}
.sf-selected-color-copy{display:grid;gap:1px;min-width:0;flex:1}.sf-selected-color-copy small{font-size:10px;color:#7a8798;font-style:normal}.sf-selected-color-copy b{font-size:13px;color:#263750;line-height:1.45}.sf-selected-color-copy em{font-size:11px;color:#66758a;line-height:1.55;font-style:normal}
.sf-change-color{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 10px;border:1px solid #cbd8e9;border-radius:9px;background:#fff;color:#175fbf;font-size:11px;font-weight:900;white-space:nowrap;cursor:pointer}
.sf-change-color:hover{background:#f4f8ff;border-color:#a9c4e8}.sf-change-color[hidden]{display:none!important}
.sf-choice-block.is-complete .sf-color-picker{display:none}
.sf-choice-block.is-complete .sf-selected-color{margin-top:0!important;border-style:solid!important;border-color:#cfe0f5!important;background:#f5f9ff!important}
.sf-choice-block.is-complete .sf-step-title i{background:#1b8a60!important;border-color:#1b8a60!important;color:#fff!important}
.sf-choice-block.is-complete .sf-step-title i:after{content:"✓";position:absolute}.sf-choice-block.is-complete .sf-step-title i{position:relative;color:transparent!important}
.sf-selected-color.is-unavailable-preview{border-style:solid!important;border-color:#efc9cd!important;background:#fff8f8!important}
.sf-selected-color.is-unavailable-preview .sf-selected-color-copy b,.sf-selected-color.is-unavailable-preview .sf-selected-color-copy em{color:#8e3f48}

@media(max-width:720px){
  .sf-color-section-head{align-items:flex-start}.sf-color-section-head span{max-width:55%;font-size:10px;text-align:left}
  .sf-color-list[data-kind="orderable"],.sf-color-list-unavailable{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .sf-color-card{min-height:82px!important;padding:6px!important;gap:7px!important}
  .sf-color-card .sf-color-visual{width:62px;height:58px;flex-basis:62px;border-radius:9px}
  .sf-color-card .sf-color-copy>b{font-size:12px!important}.sf-color-card .sf-color-copy>small{font-size:10px!important}
  .sf-color-list[data-kind="orderable"].is-collapsed .sf-color-btn:nth-child(n+7):not(.is-active){display:none}
  .sf-color-more{min-height:44px;font-size:12px!important}
  .sf-unavailable-colors>summary{min-height:48px}.sf-unavailable-colors>summary b{font-size:12px}.sf-unavailable-colors>summary small{font-size:10px}
  .sf-color-list-unavailable .sf-color-card{min-height:72px!important}.sf-color-list-unavailable .sf-color-visual{width:55px;height:50px;flex-basis:55px}
  .sf-selected-color{min-height:64px!important}.sf-selected-color-visual{width:50px;height:50px;flex-basis:50px}
  .sf-selected-color-copy small{font-size:10px}.sf-selected-color-copy b{font-size:13px}.sf-selected-color-copy em{font-size:11px}
  .sf-change-color{min-height:44px;font-size:12px}
}
@media(max-width:380px){
  .sf-color-list[data-kind="orderable"],.sf-color-list-unavailable{grid-template-columns:1fr}
  .sf-color-card{min-height:70px!important}.sf-color-card .sf-color-visual{width:64px;height:56px;flex-basis:64px}
}

/* Phase 49 — series cards: compare the two numbers that matter before reading details. */
.sf-series-card{display:grid;gap:9px;text-align:right!important;padding:12px!important;min-height:0!important}
.sf-series-card.is-active{padding:11px!important}
.sf-series-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.sf-series-main{display:grid;gap:2px;min-width:0}.sf-series-main b{padding:0!important;font-size:14px!important;line-height:1.45;color:#25364e}.sf-series-main small{margin:0!important;font-size:11px!important;color:#66758a;line-height:1.5}
.sf-series-radio{flex:0 0 22px;width:22px;height:22px;border:2px solid #c8d2df;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px #fff}
.sf-series-card.is-active .sf-series-radio{border-color:#1769e0;background:#1769e0;box-shadow:inset 0 0 0 5px #fff}
.sf-series-facts{display:grid;grid-template-columns:1.2fr .8fr;gap:7px}
.sf-series-facts>span{display:grid;align-content:center;gap:2px;min-height:55px;padding:7px 8px;border:1px solid #e4e9f0;border-radius:10px;background:#f8fafc}
.sf-series-facts small{margin:0!important;font-size:10px!important;color:#758296;line-height:1.35}.sf-series-facts strong{font-size:13px;color:#263750;line-height:1.45;font-weight:900}
.sf-series-facts .sf-series-price{display:block!important;margin:0!important;font-size:13px!important;color:#1457ae}
.sf-series-card .sf-series-stock{margin:0!important;justify-self:start;font-size:11px!important}
.sf-series-card .sf-series-production-note,.sf-series-card .sf-series-min,.sf-series-card .sf-series-unavailable{margin:0!important;padding:6px 8px;border-radius:8px;font-size:11px!important;line-height:1.55!important}
.sf-series-card .sf-series-production-note{background:#fff9eb;color:#775d20}.sf-series-card .sf-series-min{background:#f4f7fb;color:#58687e}.sf-series-card .sf-series-unavailable{display:block;background:#f5f6f8;color:#727d8d;font-style:normal;font-weight:800}
.sf-series-card.is-disabled{background:#fafbfd!important;border-style:dashed!important}.sf-series-card.is-disabled .sf-series-radio{border-color:#d7dee8;background:#eef1f4}
.sf-series-card.is-disabled .sf-series-facts{opacity:.72}.sf-series-card.is-disabled .sf-series-facts .sf-series-price{color:#737e8e}
@media(max-width:720px){
 .sf-series-card{gap:8px;padding:11px!important}.sf-series-card.is-active{padding:10px!important}
 .sf-series-main b{font-size:14px!important}.sf-series-main small{font-size:12px!important}
 .sf-series-facts>span{min-height:52px;padding:6px 8px}.sf-series-facts small{font-size:10px!important}.sf-series-facts strong,.sf-series-facts .sf-series-price{font-size:13px!important}
 .sf-series-card .sf-series-stock,.sf-series-card .sf-series-production-note,.sf-series-card .sf-series-min,.sf-series-card .sf-series-unavailable{font-size:12px!important}
}
.sf-selected-color-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.sf-view-color-media,.sf-change-color{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 9px;border:1px solid #cbd8e9;border-radius:9px;background:#fff;color:#175fbf;font-size:11px;font-weight:900;white-space:nowrap;cursor:pointer}
.sf-view-color-media{border-color:#d9e1eb;color:#445b76;background:#f8fafc}
.sf-view-color-media:hover,.sf-change-color:hover{background:#f1f6fd;border-color:#aac4e8}.sf-view-color-media[hidden]{display:none!important}
@media(max-width:720px){.sf-selected-color{flex-wrap:wrap}.sf-selected-color-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.sf-selected-color-actions button{min-height:44px;font-size:12px}.sf-selected-color.is-unavailable-preview .sf-selected-color-actions{grid-template-columns:1fr}.sf-selected-color.is-unavailable-preview .sf-change-color{display:none}}
.sf-final-choice{margin-bottom:5px;color:#1f3f67;font-size:12px;font-weight:900;line-height:1.55}
.sf-buy-info .sf-stock-note{text-align:right!important;margin-top:0!important}
@media(max-width:720px){.sf-final-choice{font-size:13px;line-height:1.55}.sf-buy-info .sf-stock-note{text-align:right!important}}

/* =========================================================
   Phase 50 — Product quantity, commitment and repeat-order UX
   The last step should answer: how many cartons, how many pairs,
   how much money, and what happens after the add action.
   ========================================================= */
.sf-qty-presets{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:11px;padding-top:10px;border-top:1px dashed #dde4ed}
.sf-qty-presets>span{margin-inline-end:2px;color:#6f7d90;font-size:11px;font-weight:900}
.sf-qty-presets button{min-width:42px;height:40px;padding:0 10px;border:1px solid #d5deea;border-radius:10px;background:#fff;color:#334962;font-size:12px;font-weight:900;cursor:pointer;transition:.15s}
.sf-qty-presets button:hover:not(:disabled){border-color:#9fbce3;background:#f4f8ff;color:#155bb7}
.sf-qty-presets button.is-active{border-color:#1769e0;background:#eaf3ff;color:#145bb7;box-shadow:0 0 0 2px rgba(23,105,224,.07)}
.sf-qty-presets button:disabled{cursor:not-allowed;background:#f3f5f7;color:#a0a9b5;border-color:#e2e6eb}
.sf-qty-block.is-locked .sf-qty-presets{opacity:.68}.sf-qty-block.is-locked .sf-qty-presets button{pointer-events:none}
.sf-price-line [data-sf-total-pairs]{font-variant-numeric:tabular-nums}
.sf-add-to-order-btn{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;text-align:right!important}
.sf-add-to-order-copy{display:grid;gap:2px;min-width:0}
.sf-add-to-order-copy>[data-sf-buy-label]{font-weight:900;line-height:1.45}
.sf-add-to-order-copy>[data-sf-buy-total]{font-size:10px;font-weight:800;line-height:1.45;color:rgba(255,255,255,.84)}
.sf-add-to-order-btn:disabled .sf-add-to-order-copy>[data-sf-buy-total]{color:rgba(255,255,255,.8)}
.sf-add-result{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;margin:12px 16px 16px;padding:12px;border:1px solid #bfe3d4;border-radius:14px;background:#f1fbf7;color:#225d48}
.sf-add-result[hidden]{display:none!important}
.sf-add-result.is-error{border-color:#efc9c9;background:#fff6f6;color:#8d3f43}
.sf-add-result-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#d9f4e8;color:#177651;font-size:20px;font-weight:900}
.sf-add-result.is-error .sf-add-result-icon{background:#f9dddd;color:#a13f46}.sf-add-result.is-error .sf-add-result-icon:before{content:'!'} .sf-add-result.is-error .sf-add-result-icon{font-size:0}.sf-add-result.is-error .sf-add-result-icon:before{font-size:19px}
.sf-add-result-copy{display:grid;gap:2px;min-width:0}.sf-add-result-copy b{font-size:13px}.sf-add-result-copy span{font-size:11px;line-height:1.6;color:#557264}.sf-add-result.is-error .sf-add-result-copy span{color:#80575a}
.sf-add-result-actions{display:flex;align-items:center;gap:7px}.sf-add-result-actions .sf-primary-btn,.sf-add-result-actions .sf-secondary-btn{min-height:44px;padding:9px 12px;font-size:11px;white-space:nowrap}
@media(max-width:720px){
 .sf-qty-presets{display:grid;grid-template-columns:auto repeat(5,minmax(0,1fr));gap:5px;margin-top:10px}.sf-qty-presets>span{font-size:10px}.sf-qty-presets button{min-width:0;height:44px;padding:0 4px;font-size:12px}
 .sf-add-to-order-copy>[data-sf-buy-total]{font-size:11px}
 .sf-add-result{grid-template-columns:40px minmax(0,1fr);margin:10px 12px 12px;padding:11px;gap:9px}.sf-add-result-icon{width:40px;height:40px}.sf-add-result-copy b{font-size:13px}.sf-add-result-copy span{font-size:12px}.sf-add-result-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.sf-add-result-actions .sf-primary-btn,.sf-add-result-actions .sf-secondary-btn{min-height:46px;font-size:12px}
}
@media(max-width:380px){.sf-qty-presets{grid-template-columns:repeat(5,1fr)}.sf-qty-presets>span{grid-column:1/-1}.sf-add-result-actions{grid-template-columns:1fr}}

/* =========================================================
   Phase 51 — Cart & Checkout verification UX
   Long wholesale orders must be auditable before commitment.
   ========================================================= */
.sf-cart-audit-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0 14px;padding:12px 14px;border:1px solid #dce6f2;border-radius:16px;background:linear-gradient(135deg,#fff,#f7faff);box-shadow:0 6px 18px rgba(19,44,79,.035)}
.sf-cart-audit-strip>div{display:flex;align-items:center;gap:8px;flex:0 0 auto}.sf-cart-audit-strip>div>span{display:grid;place-items:center;min-width:58px;padding:6px 8px;border:1px solid #e5eaf1;border-radius:11px;background:#fff}.sf-cart-audit-strip>div b{font-size:15px;color:#1f4f8e;line-height:1.2}.sf-cart-audit-strip>div small{margin-top:2px;color:#758296;font-size:10px;font-weight:800}.sf-cart-audit-strip p{margin:0;color:#5f6f84;font-size:11px;line-height:1.75;text-align:left}.sf-cart-audit-strip p strong{color:#2d527f}
.sf-cart-title-copy{display:grid;gap:1px;min-width:0}.sf-cart-row-label{color:#718095;font-size:10px;font-weight:900}.sf-cart-title-copy h3{margin:0!important}.sf-cart-title-copy h3 a:hover{color:#1769e0}
.sf-cart-breakdown{display:flex;align-items:flex-start;gap:7px;margin:7px 0 0;padding:7px 9px;border:1px dashed #dce3ec;border-radius:9px;background:#fafbfd;color:#5d6d81;line-height:1.55}.sf-cart-breakdown small{flex:0 0 auto;color:#8290a2;font-size:10px;font-weight:800}.sf-cart-breakdown b{font-size:10px;font-weight:850;color:#506176}
.sf-cart-price-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px;margin-top:7px;color:#6a788c;font-size:10px}.sf-cart-price-row span{display:inline-flex;align-items:center;gap:4px}.sf-cart-price-row b{color:#27394f;font-size:11px}.sf-cart-price-row .is-discount{color:#34815f}.sf-cart-price-row .is-discount b{color:#23805a}
.sf-cart-status-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:8px}.sf-cart-fulfilment{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border-radius:9px;font-size:10px;font-weight:900}.sf-cart-fulfilment.is-ready{background:#eaf8f1;color:#257453}.sf-cart-fulfilment.is-build{background:#eef5ff;color:#2c64aa}.sf-cart-fulfilment.is-conditional{background:#fff7e4;color:#88651d}.sf-cart-fulfilment.is-unavailable{background:#fff0f0;color:#a64b4b}.sf-cart-status-row .sf-stock-badge{margin:0!important}
.sf-cart-qty-line{display:flex;align-items:center;gap:10px;margin-top:9px}.sf-cart-qty-line>span{color:#68778a;font-size:10px;font-weight:900}.sf-cart-qty-line .sf-stepper{margin:0!important}.sf-cart-line-total{display:grid;align-content:center;justify-items:end;gap:2px}.sf-cart-line-total>small{color:#8a96a5;font-size:9px;font-weight:800}.sf-cart-line-total>span{color:#6c798b;font-size:10px}.sf-cart-line-total>b{font-size:13px;color:#203a5b}
.sf-summary-context{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:-4px 0 8px}.sf-summary-context span{padding:4px 7px;border-radius:8px;background:#f3f6fa;color:#69788c;font-size:10px;font-weight:800}.sf-summary-context b{color:#2f527e}.sf-cart-mobile-dock{display:none}
.sf-checkout-review-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:11px}.sf-checkout-review-head .sf-summary-visual{margin:0}.sf-checkout-review-head h3{margin:1px 0 0!important;font-size:13px}.sf-checkout-review-head .sf-kicker{font-size:9px}.sf-checkout-edit-cart{min-height:40px;padding:7px 10px;font-size:10px;white-space:nowrap}
.sf-checkout-checklist{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:9px;padding:7px;border:1px solid #dfe7f1;border-radius:11px;background:#f8fbff}.sf-checkout-checklist span{position:relative;display:flex;align-items:center;justify-content:center;min-height:31px;padding:4px;border-radius:8px;background:#fff;color:#365a84;font-size:10px;font-weight:900}.sf-checkout-checklist span:before{content:'✓';margin-left:4px;color:#25a66f;font-weight:900}
.sf-checkout-stats{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-bottom:8px}.sf-checkout-stats span{padding:4px 7px;border:1px solid #e4e9ef;border-radius:8px;background:#fafbfd;color:#6d7b8e;font-size:10px;font-weight:800}.sf-checkout-stats b{color:#254f83}
.sf-checkout-review-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:13px 0 7px;padding-top:11px;border-top:1px solid #edf0f4}.sf-checkout-review-title b{font-size:12px;color:#273950}.sf-checkout-review-title small{color:#7a8798;font-size:9px;line-height:1.55;text-align:left}
.sf-checkout-review-item{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto;align-items:center!important;gap:9px!important;padding:9px 0!important;border-top:1px solid #edf0f4}.sf-checkout-items>.sf-checkout-review-item:first-child{border-top:0}.sf-checkout-review-image{position:relative;width:52px;height:48px;border:1px solid #e0e6ee;border-radius:10px;background:#f5f7fa;overflow:hidden}.sf-checkout-review-image img{width:100%;height:100%;padding:2px;object-fit:contain}.sf-checkout-review-image i{position:absolute;top:3px;right:3px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:rgba(29,57,92,.85);color:#fff;font-size:8px;font-style:normal;font-weight:900}.sf-checkout-review-item>span{display:grid;gap:3px;min-width:0}.sf-checkout-review-item>span strong{font-size:11px!important;color:#26384e}.sf-checkout-review-item>span small{display:flex;align-items:center;gap:5px;font-size:10px!important;color:#65758a}.sf-checkout-review-item>span small em{width:12px;height:12px;flex:0 0 12px;border:1px solid rgba(0,0,0,.12);border-radius:50%}.sf-checkout-review-item .sf-checkout-breakdown{display:block;color:#7a8798!important;font-size:9px!important;line-height:1.5}.sf-checkout-review-item>b{display:grid;gap:2px;justify-items:end;white-space:nowrap;color:#223b5a;font-size:11px!important}.sf-checkout-review-item>b small{font-size:9px;color:#748196;font-weight:800}
.sf-checkout-more{margin-top:5px;padding-top:5px;border-top:1px dashed #dfe5ed}.sf-checkout-more summary{min-height:46px;padding:0 8px;border-radius:10px;background:#f5f8fc;color:#245d9f;font-size:11px!important}.sf-checkout-more summary small{margin-right:auto;margin-left:6px;color:#71829a;font-size:9px;font-weight:800}.sf-checkout-more-list{padding-top:3px}.sf-checkout-more-list>.sf-checkout-review-item{display:grid!important}
.sf-checkout-final-note{display:grid;gap:3px;margin:13px 0 10px;padding:10px 11px;border:1px solid #dce6f2;border-radius:11px;background:#f7faff}.sf-checkout-final-note b{font-size:11px;color:#284f7b}.sf-checkout-final-note span{font-size:10px;color:#6a7a8f;line-height:1.65}
@media(max-width:720px){
 .sf-cart-page{padding-bottom:104px!important}.sf-cart-audit-strip{display:grid;gap:9px;margin:9px 0 10px;padding:9px;border-radius:13px}.sf-cart-audit-strip>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.sf-cart-audit-strip>div>span{min-width:0;padding:5px 3px}.sf-cart-audit-strip>div b{font-size:14px}.sf-cart-audit-strip>div small{font-size:10px}.sf-cart-audit-strip p{text-align:right;font-size:11px;line-height:1.6}
 .sf-cart-item{grid-template-columns:82px minmax(0,1fr)!important;align-items:start!important;padding:10px!important;gap:10px!important}.sf-cart-item-image{width:82px!important;height:78px!important}.sf-cart-row-label{font-size:10px}.sf-cart-title-copy h3{font-size:13px!important}.sf-cart-breakdown{grid-column:1/-1;padding:6px 7px}.sf-cart-breakdown small,.sf-cart-breakdown b{font-size:10px}.sf-cart-price-row{gap:5px 10px;font-size:11px}.sf-cart-price-row b{font-size:11px}.sf-cart-status-row{gap:5px}.sf-cart-fulfilment,.sf-cart-status-row .sf-stock-badge{font-size:11px!important;line-height:1.55}.sf-cart-qty-line{justify-content:space-between}.sf-cart-qty-line>span{font-size:11px}.sf-cart-line-total{grid-column:1/-1!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;justify-items:start!important;gap:8px!important;padding-top:9px!important}.sf-cart-line-total>small{font-size:10px}.sf-cart-line-total>span{font-size:11px}.sf-cart-line-total>b{justify-self:end;font-size:13px}
 .sf-cart-summary .sf-cart-continue{display:none}.sf-summary-context span{font-size:11px}.sf-cart-mobile-dock{position:fixed;display:grid;grid-template-columns:minmax(0,1fr) minmax(118px,auto);align-items:center;gap:9px;right:10px;left:10px;bottom:80px;z-index:65;min-height:64px;padding:8px 9px;border:1px solid #dbe3ed;border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 13px 32px rgba(18,39,70,.18);backdrop-filter:blur(12px)}.sf-cart-mobile-dock>div{display:grid;min-width:0}.sf-cart-mobile-dock small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a8798;font-size:10px;line-height:1.4}.sf-cart-mobile-dock b{color:#1d3f67;font-size:14px}.sf-cart-mobile-dock .sf-primary-btn{min-height:47px;padding:8px 12px;font-size:12px}.sf-cart-mobile-dock.is-saving small{color:#8c671e}.sf-cart-mobile-dock.is-error small{color:#ae4444}.sf-cart-mobile-dock.is-saved small{color:#28795a}
 .sf-checkout-summary{padding:13px!important}.sf-checkout-review-head{grid-template-columns:auto 1fr;gap:8px}.sf-checkout-review-head .sf-checkout-edit-cart{grid-column:1/-1;width:100%;min-height:44px}.sf-checkout-checklist{gap:4px;padding:5px}.sf-checkout-checklist span{min-height:34px;padding:3px;font-size:10px}.sf-checkout-review-title{align-items:flex-start}.sf-checkout-review-title small{max-width:58%;font-size:10px;text-align:left}.sf-checkout-review-item{grid-template-columns:56px minmax(0,1fr)!important;gap:8px!important;padding:9px 0!important}.sf-checkout-review-image{width:56px;height:52px}.sf-checkout-review-item>span strong{font-size:13px!important}.sf-checkout-review-item>span small{font-size:11px!important}.sf-checkout-review-item .sf-checkout-breakdown{font-size:10px!important}.sf-checkout-review-item>b{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;width:100%;padding:7px 1px 0!important;border-top:1px dashed #e2e7ee;font-size:12px!important}.sf-checkout-review-item>b small{font-size:11px}.sf-checkout-more summary{min-height:48px;font-size:12px!important}.sf-checkout-more summary small{font-size:10px}.sf-checkout-final-note b{font-size:12px}.sf-checkout-final-note span{font-size:11px}
}


/* =========================================================
   Phase 51.1 — Cart inventory safety & final commitment clarity
   A stale ready-stock quantity must never look safe to submit.
   ========================================================= */
.sf-cart-review-alert{display:grid;gap:2px;margin:-3px 0 12px;padding:11px 13px;border:1px solid #efc9cc;border-radius:13px;background:#fff5f5;color:#8c4147}
.sf-cart-review-alert[hidden]{display:none!important}.sf-cart-review-alert b{font-size:12px}.sf-cart-review-alert span{font-size:11px;line-height:1.65}
.sf-cart-item.is-needs-review{border-color:#e5aeb3!important;background:linear-gradient(135deg,#fff,#fff8f8)!important;box-shadow:0 0 0 3px rgba(203,76,86,.055),0 10px 25px rgba(80,31,35,.055)!important}
.sf-cart-item.is-needs-review .sf-cart-row-label{color:#a74b53}.sf-cart-stock-issue{display:grid;gap:2px;margin-top:8px;padding:8px 9px;border:1px solid #edc9cc;border-radius:9px;background:#fff2f3;color:#8d4048;line-height:1.55}
.sf-cart-stock-issue[hidden]{display:none!important}.sf-cart-stock-issue b{font-size:11px}.sf-cart-stock-issue span{font-size:10px}
.sf-cart-continue.is-blocked,.sf-cart-mobile-dock .sf-primary-btn.is-blocked{background:#8d98a7!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}
.sf-cart-continue.is-blocked:hover,.sf-cart-mobile-dock .sf-primary-btn.is-blocked:hover{background:#8d98a7!important}
.sf-checkout-commit{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 8px;padding:11px 12px;border:1px solid #d7e3f1;border-radius:12px;background:linear-gradient(135deg,#f8fbff,#fff)}
.sf-checkout-commit>div{display:grid;gap:2px;min-width:0}.sf-checkout-commit small{color:#7b899b;font-size:10px;font-weight:800}.sf-checkout-commit b{color:#2e4f75;font-size:11px;line-height:1.55}.sf-checkout-commit strong{white-space:nowrap;color:#1458ad;font-size:15px}
.sf-checkout-submit{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;text-align:right!important}.sf-checkout-submit-copy{display:grid;gap:2px}.sf-checkout-submit-copy>b{font-size:13px;line-height:1.45}.sf-checkout-submit-copy>small{color:rgba(255,255,255,.82);font-size:10px;font-weight:800}.sf-checkout-submit:disabled .sf-checkout-submit-copy>small{color:rgba(255,255,255,.72)}
@media(max-width:720px){
 .sf-cart-review-alert{margin:0 0 10px;padding:10px 11px}.sf-cart-review-alert b{font-size:13px}.sf-cart-review-alert span{font-size:12px}
 .sf-cart-stock-issue{padding:8px 9px}.sf-cart-stock-issue b{font-size:12px}.sf-cart-stock-issue span{font-size:12px}
 .sf-cart-item.is-needs-review{box-shadow:0 0 0 2px rgba(203,76,86,.05)!important}
 .sf-checkout-commit{padding:10px 11px}.sf-checkout-commit small{font-size:11px}.sf-checkout-commit b{font-size:12px}.sf-checkout-commit strong{font-size:15px}
 .sf-checkout-submit-copy>b{font-size:14px}.sf-checkout-submit-copy>small{font-size:11px}
}

/* =========================================================
   Phase 57 — Explicit ready-stock vs production ordering
   Website remains carton-only and never silently mixes flows.
   ========================================================= */
.sf-fulfilment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px}
.sf-fulfilment-option{min-height:68px;display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #dbe3ed;border-radius:13px;background:#fff;color:#31465f;text-align:right;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}
.sf-fulfilment-option[hidden]{display:none!important}.sf-fulfilment-option:hover{border-color:#adc3df;background:#f8fbff;transform:translateY(-1px)}
.sf-fulfilment-option>span:last-child{display:grid;gap:3px;min-width:0}.sf-fulfilment-option b{font-size:12px;line-height:1.5}.sf-fulfilment-option small{color:#748399;font-size:10px;line-height:1.55;font-weight:800}
.sf-fulfilment-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:#eef3f8;color:#47617e;font-size:15px;font-weight:900}
.sf-fulfilment-option.is-ready.is-active{border-color:#57b88d;background:#f1fbf6;box-shadow:0 0 0 3px rgba(52,158,112,.07)}.sf-fulfilment-option.is-ready.is-active .sf-fulfilment-icon{background:#d9f3e6;color:#1f7a55}
.sf-fulfilment-option.is-production.is-active{border-color:#e0b459;background:#fff9ec;box-shadow:0 0 0 3px rgba(188,137,34,.07)}.sf-fulfilment-option.is-production.is-active .sf-fulfilment-icon{background:#f8e9bd;color:#856319}
.sf-fulfilment-help{margin-top:7px;padding:7px 9px;border-radius:9px;background:#f7f9fc;color:#6e7d91;font-size:10px;font-weight:800;line-height:1.65}
.sf-cart-type-banner{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:11px 12px;border:1px solid #cee5d9;border-radius:13px;background:#f3fbf7;color:#285d47}.sf-cart-type-banner>span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:#dff4e8;font-weight:900}.sf-cart-type-banner>div{display:grid;gap:2px}.sf-cart-type-banner b{font-size:12px}.sf-cart-type-banner small{font-size:10px;line-height:1.6;color:#557565;font-weight:800}
.sf-cart-type-banner.is-production{border-color:#ead6a7;background:#fffaf0;color:#755a1f}.sf-cart-type-banner.is-production>span{background:#f7eac5}.sf-cart-type-banner.is-production small{color:#7d6b45}
.sf-reserve-note.is-production{border-color:#ead6a7!important;background:#fffaf0!important}.sf-reserve-note.is-production b{color:#73581d!important}.sf-reserve-note.is-production small{color:#7c6a44!important}
.sf-checkout-commit.is-production{border-color:#ead6a7;background:linear-gradient(135deg,#fffaf0,#fff)}.sf-checkout-commit.is-production b{color:#745a21}.sf-checkout-commit.is-production strong{color:#876619}
.sf-action-callout.is-production{border-color:#ead6a7;background:#fffaf0}.sf-action-callout.is-production b{color:#745a21}
@media(max-width:720px){
 .sf-fulfilment-options{grid-template-columns:1fr;gap:7px}.sf-fulfilment-option{min-height:64px;padding:10px}.sf-fulfilment-option b{font-size:13px}.sf-fulfilment-option small{font-size:11px}.sf-fulfilment-help{font-size:11px}
 .sf-cart-type-banner{padding:10px 11px}.sf-cart-type-banner b{font-size:13px}.sf-cart-type-banner small{font-size:11px}
}

/* Phase 93 - weak-network + market-search UX */
.sf-market-tags{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:8px}.sf-market-tags a{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #d5dfec;border-radius:999px;background:#fff;color:#29425f;font-size:12px;font-weight:850;text-decoration:none}.sf-market-tags a:hover{border-color:#91add0;background:#f5f9ff}.sfh-market-tags{margin-top:0}
.sf-product-image-stage,.sfh-model-image,.sfm-color-card-media,.sf-color-visual,.sf-gallery-stage,.sf64-cart-image,.sf66-checkout-review-item>img{background:#eef2f6;position:relative;overflow:hidden}.sf-product-image-stage,.sfh-model-image,.sfm-color-card-media,.sf-color-visual,.sf-gallery-stage,.sf64-cart-image{background-image:linear-gradient(100deg,rgba(231,236,242,.75) 18%,rgba(248,250,252,.98) 38%,rgba(231,236,242,.75) 62%);background-size:220% 100%;animation:royanSkeleton 1.25s ease-in-out infinite}.sf-product-image-stage img,.sfh-model-image img,.sfm-color-card-media img,.sf-color-visual img,.sf-gallery-stage img,.sf64-cart-image img{position:relative;z-index:1;background:transparent}.sfm-color-card-media{background-color:var(--sf-color-fallback,#edf1f5)}.sfm-color-card-media:has(img){background-color:var(--sf-color-fallback,#edf1f5)}
@keyframes royanSkeleton{0%{background-position:100% 0}100%{background-position:-120% 0}}
.sf64-size-snapshot{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap;margin-top:6px;padding:7px 9px;border:1px solid #d9e2ee;border-radius:10px;background:#f8fbff;color:#334d6b;font-size:11.5px;line-height:1.7}.sf64-size-snapshot b{color:#102d4e;font-size:11.5px}.sf64-size-snapshot span{font-weight:750}
.sf75-reservation-countdown{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:11px 13px;border:1px solid #f0c36a;border-radius:13px;background:#fff9e9;color:#684a0d}.sf75-reservation-countdown>div{display:grid;gap:3px}.sf75-reservation-countdown b{font-size:13px}.sf75-reservation-countdown span{font-size:11.5px}.sf75-reservation-countdown strong{direction:ltr;font-size:18px;font-weight:950;white-space:nowrap}.sf75-reservation-countdown.is-expired{border-color:#e4a3a3;background:#fff2f2;color:#8b2e2e}
.sf75-copy-card{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:7px}.sf75-copy-card button{min-height:42px;padding:0 13px;border:0;border-radius:10px;background:#173d6b;color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.sf75-copy-hint{display:block;margin-top:5px;color:#32805d;font-size:11px;font-weight:800;min-height:16px}
@media(max-width:720px){.sf-market-tags{flex-wrap:nowrap;overflow:auto;padding-bottom:2px;scrollbar-width:none}.sf-market-tags::-webkit-scrollbar{display:none}.sf-market-tags a{flex:0 0 auto;min-height:38px;font-size:13px}.sf64-size-snapshot{font-size:12.5px;padding:8px 9px}.sf64-size-snapshot b{font-size:12.5px}.sf75-reservation-countdown{align-items:flex-start}.sf75-reservation-countdown strong{font-size:19px}.sf75-copy-card{grid-template-columns:1fr}.sf75-copy-card button{width:100%;font-size:14px}}
.sf75-price-policy{display:grid;gap:3px;margin:9px 0;padding:10px 12px;border:1px solid #d9e3ef;border-radius:12px;background:#f8fafc}.sf75-price-policy b{font-size:12.5px}.sf75-price-policy span{font-size:11.5px;line-height:1.7;color:#66778d}.sf75-price-policy.is-fixed{border-color:#b9e1ca;background:#f1fbf5}.sf75-price-policy.is-fixed b{color:#19724d}.sf75-price-policy.is-floating{border-color:#ebce8b;background:#fff9e9}.sf75-price-policy.is-floating b{color:#805f16}@media(max-width:720px){.sf75-price-policy{padding:10px}.sf75-price-policy b{font-size:13px}.sf75-price-policy span{font-size:12px}}

/* Phase 93 - progressive image loading for weak workshop internet */
.sf-progressive-host{position:relative;overflow:hidden}
.sf-progressive-host.sf-image-pending{background:var(--sf-color-fallback,#e7ebf1)}
.sf-progressive-host.sf-image-pending::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.72) 45%,rgba(255,255,255,0) 70%);transform:translateX(100%);animation:sf93Skeleton 1.25s infinite}
.sf-progressive-host.sf-image-pending>img{opacity:.12}
.sf-progressive-host>img{transition:opacity .22s ease}
.sf-progressive-host.sf-image-loaded>img{opacity:1}
@keyframes sf93Skeleton{to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.sf-progressive-host.sf-image-pending::after{animation:none;background:rgba(255,255,255,.34)}}


/* === storefront-v52.css === */
/* =========================================================
   Phase 52 — Storefront Visual System Rebuild
   One coherent visual language for the full buyer journey.
   Scope: .sf-v52 only, preserving legacy behavior underneath.
   ========================================================= */
.sf-v52{
  --sf-blue:#155eef;
  --sf-blue-dark:#0e48c9;
  --sf-blue-soft:#eef4ff;
  --sf-ink:#17243a;
  --sf-ink-2:#33445f;
  --sf-muted:#738197;
  --sf-muted-2:#94a0b2;
  --sf-bg:#f3f6fa;
  --sf-surface:#ffffff;
  --sf-surface-soft:#f8fafc;
  --sf-line:#dde5ef;
  --sf-line-strong:#cad6e5;
  --sf-green:#179565;
  --sf-green-soft:#eaf8f1;
  --sf-orange:#c77b17;
  --sf-orange-soft:#fff4e5;
  --sf-red:#c74450;
  --sf-red-soft:#fff0f1;
  --sf-radius:18px;
  --sf-radius-sm:13px;
  --sf-shadow:0 14px 38px rgba(30,52,83,.08);
  --sf-shadow-soft:0 6px 20px rgba(30,52,83,.055);
  background:
    radial-gradient(circle at 94% 0%,rgba(21,94,239,.045),transparent 24rem),
    linear-gradient(#f6f8fb 0,#f3f6fa 42rem,#f3f6fa 100%);
  color:var(--sf-ink);
  font-size:14px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.sf-v52 *{scroll-margin-top:92px}
.sf-v52 a,.sf-v52 button,.sf-v52 input,.sf-v52 textarea,.sf-v52 select{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.sf-v52 button,.sf-v52 a{touch-action:manipulation}
.sf-v52 button:focus-visible,.sf-v52 a:focus-visible,.sf-v52 input:focus-visible,.sf-v52 textarea:focus-visible,.sf-v52 select:focus-visible,.sf-v52 summary:focus-visible{outline:3px solid rgba(21,94,239,.18);outline-offset:2px}
.sf-v52 .sf-container{width:min(1240px,calc(100% - 40px))}
.sf-v52 .sf-main{padding-bottom:34px}
.sf-v52 .sf-page{min-height:calc(100vh - 74px)}
.sf-v52 .sf-top-spacer{padding-top:22px!important}
.sf-v52 .sf-page-section{padding-top:24px!important}

/* Header / navigation */
.sf-v52 .sf-topbar{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(216,225,236,.9);box-shadow:0 2px 14px rgba(38,56,80,.025);backdrop-filter:blur(18px) saturate(150%)}
.sf-v52 .sf-topbar-inner{height:74px;gap:24px}
.sf-v52 .sf-brand{gap:11px}
.sf-v52 .sf-brand-mark{width:42px;height:42px;padding:3px;border:1px solid #e1e7ef;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(35,51,73,.055);object-fit:contain}
.sf-v52 .sf-brand-title{font-size:17px;color:#17243a;font-weight:950;letter-spacing:-.2px}
.sf-v52 .sf-brand-sub{margin-top:0;color:#8b97a8;font-size:11px;line-height:1.4}
.sf-v52 .sf-desktop-nav{gap:4px;padding:4px;border:1px solid #e4eaf2;border-radius:14px;background:#f7f9fc}
.sf-v52 .sf-desktop-nav a{min-width:78px;padding:9px 13px;border-radius:10px;color:#5c6b80;font-size:12px;font-weight:850;text-align:center}
.sf-v52 .sf-desktop-nav a:hover{background:#fff;color:#27405f}
.sf-v52 .sf-desktop-nav a.is-active{background:#fff;color:var(--sf-blue);box-shadow:0 3px 11px rgba(31,54,86,.07)}
.sf-v52 .sf-header-actions{gap:8px}
.sf-v52 .sf-icon-btn{height:44px;min-width:44px;padding:0 13px;border-color:#dce4ee;border-radius:12px;background:#fff;color:#44536b;font-size:12px;box-shadow:0 2px 8px rgba(31,48,72,.025)}
.sf-v52 .sf-icon-btn:hover{border-color:#bfcde0;background:#f8fbff;color:var(--sf-blue)}
.sf-v52 .sf-icon-btn svg{width:20px;height:20px;stroke-width:1.7}
.sf-v52 .sf-cart-badge i{top:-7px;left:-7px;min-width:20px;height:20px;background:#df3e50;font-size:10px;box-shadow:0 2px 6px rgba(180,38,55,.2)}

/* Universal controls */
.sf-v52 .sf-searchbar{height:54px;border-color:#d9e2ed;border-radius:15px;padding:0 15px;background:#fff;box-shadow:0 5px 18px rgba(31,49,74,.045)}
.sf-v52 .sf-searchbar:focus-within{border-color:#a9c5f4;box-shadow:0 0 0 4px rgba(21,94,239,.07),0 7px 22px rgba(31,49,74,.05)}
.sf-v52 .sf-searchbar input{font-size:14px!important;color:#22324a}
.sf-v52 .sf-searchbar input::placeholder{color:#a0abb9}
.sf-v52 .sf-search-submit{align-self:stretch;margin:-1px -1px -1px 0;padding:0 18px;border-radius:14px!important;background:var(--sf-blue)!important;color:#fff!important;font-size:12px!important;font-weight:900!important}
.sf-v52 .sf-search-submit:hover{background:var(--sf-blue-dark)!important}
.sf-v52 .sf-search-clear{width:36px;height:36px;border-radius:10px!important;font-size:18px!important}
.sf-v52 .sf-chips{gap:8px;padding:3px 1px 5px}
.sf-v52 .sf-chip{min-height:42px;display:inline-flex;align-items:center;padding:8px 15px;border-color:#dce4ee;border-radius:12px;background:#fff;color:#5f6f85;font-size:12px!important;font-weight:850;box-shadow:0 2px 7px rgba(34,52,78,.02)}
.sf-v52 .sf-chip:hover{border-color:#b9c9df;color:#274867;background:#fbfdff}
.sf-v52 .sf-chip.is-active{background:var(--sf-blue);border-color:var(--sf-blue);color:#fff;box-shadow:0 6px 15px rgba(21,94,239,.18)}
.sf-v52 .sf-primary-btn{min-height:48px;border-radius:13px;padding:11px 17px;background:var(--sf-blue);font-size:13px!important;font-weight:900;box-shadow:0 8px 18px rgba(21,94,239,.17)}
.sf-v52 .sf-primary-btn:hover{background:var(--sf-blue-dark);box-shadow:0 10px 22px rgba(21,94,239,.21);transform:translateY(-1px)}
.sf-v52 .sf-secondary-btn{min-height:46px;border-color:#d9e2ed;border-radius:13px;padding:10px 15px;background:#fff;color:#43536a;font-size:12px!important;font-weight:850}
.sf-v52 .sf-secondary-btn:hover{border-color:#b9c9de;background:#f8fbff;color:#244c7a}
.sf-v52 .sf-kicker{color:#5d78a1;font-size:11px!important;font-weight:900;letter-spacing:0}
.sf-v52 .sf-section-head{margin:28px 0 13px}
.sf-v52 .sf-section-title{font-size:20px;font-weight:950;letter-spacing:-.35px}
.sf-v52 .sf-section-sub{margin-top:2px;color:#8390a2;font-size:12px!important}
.sf-v52 .sf-link{min-height:40px;display:inline-flex;align-items:center;color:var(--sf-blue);font-size:12px!important;font-weight:900}
.sf-v52 .sf-empty{padding:28px 18px;border:1px dashed #cdd8e6;border-radius:16px;background:#fbfcfe;color:#6d7b90;text-align:center;font-size:13px}
.sf-v52 .sf-alert{border-radius:14px;font-size:13px!important;line-height:1.8}

/* Home hero */
.sf-v52 .sf-home-shell .sf-searchbar{max-width:none}
.sf-v52 .sf-home-shell .sf-promo{min-height:230px;margin-top:15px!important;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(118deg,#0b1e3d 0%,#123e78 58%,#1b66cf 112%);box-shadow:0 20px 48px rgba(16,45,86,.19)}
.sf-v52 .sf-home-shell .sf-promo:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,#000 0,transparent 72%);pointer-events:none}
.sf-v52 .sf-promo-content{padding:29px 31px;max-width:61%}
.sf-v52 .sf-promo-eyebrow{display:inline-flex!important;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.07);color:#c7dcff;font-size:11px!important}
.sf-v52 .sf-promo-eyebrow i{width:7px;height:7px;border-radius:50%;background:#57d89c;box-shadow:0 0 0 5px rgba(87,216,156,.1)}
.sf-v52 .sf-promo h1{margin:10px 0 7px!important;max-width:560px;color:#fff;font-size:32px!important;line-height:1.45;font-weight:950;letter-spacing:-.6px}
.sf-v52 .sf-promo h1 span{color:#8ec0ff}
.sf-v52 .sf-promo p{max-width:540px;color:#c6d5e9;font-size:13px!important;line-height:1.9}
.sf-v52 .sf-promo-points{display:flex!important;flex-wrap:wrap;gap:7px;margin-top:14px}
.sf-v52 .sf-promo-points span{padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.065);color:#dce7f7;font-size:10px!important;font-weight:800}
.sf-v52 .sf-promo-action{min-height:46px;display:inline-flex!important;align-items:center;gap:16px;margin-top:17px;padding:10px 15px;border-radius:12px;background:#fff;color:#17375e;font-size:12px!important;box-shadow:0 9px 22px rgba(0,0,0,.14)}
.sf-v52 .sf-promo-action b{font-size:17px}
.sf-v52 .sf-home-shell .sf-promo-image{left:4%;bottom:7%;width:33%;height:86%;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.075);box-shadow:0 18px 35px rgba(0,0,0,.16);filter:drop-shadow(0 14px 18px rgba(0,0,0,.18));object-fit:contain!important;opacity:1}
.sf-v52 .sf-promo-float{border-color:rgba(255,255,255,.12)!important;background:rgba(11,31,62,.68)!important;backdrop-filter:blur(9px)}
.sf-v52 .sf-order-guide-compact{margin-top:12px;padding:7px;border:1px solid #dce5f0;border-radius:16px;background:#fff;box-shadow:var(--sf-shadow-soft)}
.sf-v52 .sf-order-guide-compact>div{min-height:58px;border-radius:11px!important;background:#f8fafc!important}
.sf-v52 .sf-order-guide-compact i{width:30px!important;height:30px!important;border-radius:10px!important;background:#eaf2ff!important;color:var(--sf-blue)!important;font-size:12px!important}
.sf-v52 .sf-order-guide-compact b{font-size:12px!important;color:#30425b}
.sf-v52 .sf-order-guide-compact small{font-size:10px!important;color:#8995a6}

/* Product rows — product photography first, operational data second */
.sf-v52 .sf-product-stack{gap:12px}
.sf-v52 .sf-product-row{grid-template-columns:148px minmax(0,1fr) 205px;min-height:142px;gap:16px;padding:12px;border-color:#dce4ed;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(31,48,72,.04);transform:none}
.sf-v52 .sf-product-row:hover{border-color:#bbcce1;box-shadow:0 12px 28px rgba(31,48,72,.075);transform:translateY(-1px)}
.sf-v52 .sf-product-image{width:148px;height:118px;padding:7px;border:1px solid #e4e9ef;border-radius:14px;background:linear-gradient(145deg,#fafbfd,#f3f6f9)}
.sf-v52 .sf-product-image img{width:100%;height:100%;object-fit:contain!important;object-position:center}
.sf-v52 .sf-product-main{align-self:center}
.sf-v52 .sf-product-name{align-items:center;flex-wrap:wrap;gap:7px 9px;color:#17263d;font-size:16px!important;line-height:1.55;font-weight:950}
.sf-v52 .sf-product-code{margin-top:2px;color:#94a0b0;font-size:11px!important}
.sf-v52 .sf-product-meta{gap:5px 8px;margin-top:10px;color:#69788d;font-size:11px!important}
.sf-v52 .sf-dot{padding:4px 7px;border:1px solid #e7ebf0;border-radius:8px;background:#fafbfd}
.sf-v52 .sf-dot:before{display:none}
.sf-v52 .sf-product-status{padding:5px 8px;border-radius:8px;font-size:10px!important;line-height:1.35}
.sf-v52 .sf-status-green{background:var(--sf-green-soft);color:#158056}
.sf-v52 .sf-status-blue{background:var(--sf-blue-soft);color:#1b5dbe}
.sf-v52 .sf-status-orange{background:var(--sf-orange-soft);color:#a96511}
.sf-v52 .sf-status-red{background:var(--sf-red-soft);color:#b23d48}
.sf-v52 .sf-price{align-self:center;padding-right:15px;border-right:1px solid #edf0f4;text-align:left}
.sf-v52 .sf-price small{color:#8d99aa;font-size:11px!important}
.sf-v52 .sf-price b{margin-top:1px;color:#1c3452;font-size:15px!important;line-height:1.55}
.sf-v52 .sf-price-action{min-height:40px;display:flex;align-items:center;justify-content:center;margin-top:9px;padding:8px 12px;border-color:#c8d8ee;border-radius:10px;background:#f6faff;color:#175bb6;font-size:11px!important}
.sf-v52 .sf-price-action:hover{border-color:#98b9e6;background:#eef5ff;color:#104e9f}

/* Catalog */
.sf-v52 .sf-catalog-intro{padding:19px 21px;border:1px solid #dce5ef;border-radius:18px;background:linear-gradient(120deg,#fff,#f7faff);box-shadow:var(--sf-shadow-soft)}
.sf-v52 .sf-catalog-intro h1{margin:3px 0 4px;color:#1b2c44;font-size:23px!important;line-height:1.55}
.sf-v52 .sf-catalog-intro p{margin:0;color:#748299;font-size:12px!important}
.sf-v52 .sf-catalog-trust{gap:6px}
.sf-v52 .sf-catalog-trust span{padding:6px 9px;border:1px solid #dfe7f2;border-radius:9px;background:#fff;color:#5b6d84;font-size:10px!important}
.sf-v52 .sf-catalog-search{margin-top:12px}
.sf-v52 .sf-catalog-results-head{margin-top:24px}
.sf-v52 .sf-auto-load-hint{color:#8b97a8;font-size:11px!important}
.sf-v52 .sf-catalog-layout{grid-template-columns:220px minmax(0,1fr) 300px;gap:16px}
.sf-v52 .sf-side-card{padding:16px;border-color:#dce5ef;border-radius:17px;background:#fff;box-shadow:var(--sf-shadow-soft)}
.sf-v52 .sf-side-card h3{font-size:13px!important}
.sf-v52 .sf-filter-list{gap:5px}
.sf-v52 .sf-filter-option{min-height:42px;padding:8px 10px;color:#607087;font-size:12px!important}
.sf-v52 .sf-filter-option.is-active{background:#edf4ff;color:#1558ba}
.sf-v52 .sf-filter-note{margin-top:13px;padding:10px;border-radius:10px;background:#f7f9fc;color:#7c899a;font-size:10px!important;line-height:1.7}
.sf-v52 .sf-mini-cart{top:94px}
.sf-v52 .sf-mini-cart-item{grid-template-columns:48px minmax(0,1fr);gap:8px 10px;padding:10px 0}
.sf-v52 .sf-mini-cart-item img{width:48px;height:44px;padding:2px;border:1px solid #e5e9ef;border-radius:9px;object-fit:contain!important;background:#f8fafc}
.sf-v52 .sf-mini-cart-item>div b{font-size:11px!important}.sf-v52 .sf-mini-cart-item>div small{font-size:10px!important;line-height:1.6}
.sf-v52 .sf-mini-cart-price{grid-column:2;font-size:10px!important;color:#334b68}
.sf-v52 .sf-mini-cart-total{font-size:12px!important}
.sf-v52 .sf-mini-empty{padding:13px 5px;color:#8995a6;font-size:11px!important;line-height:1.8;text-align:center}
.sf-v52 .sf-loadmore-wrap{margin-top:12px;padding:12px;border:1px dashed #d7e0ec;border-radius:13px;background:#fafbfd;color:#7a8799;font-size:11px!important}
.sf-v52 .sf-status-help{margin-top:12px;border:1px solid #e0e6ee;border-radius:13px;background:#fff;overflow:hidden}
.sf-v52 .sf-status-help summary{min-height:48px;padding:10px 13px;color:#53647b;font-size:12px!important;font-weight:850}

/* Product page */
.sf-v52 .sf-product-page{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:24px;align-items:start}
.sf-v52 .sf-product-back-row{margin-bottom:10px}
.sf-v52 .sf-hero-back{min-height:40px;display:inline-flex;align-items:center;padding:6px 11px;border:1px solid #dce4ee;border-radius:10px;background:#fff;color:#64758b;font-size:11px!important}
.sf-v52 .sf-gallery-card{top:94px;padding:12px;border:1px solid #dce4ee;border-radius:20px;background:#fff;box-shadow:var(--sf-shadow-soft)}
.sf-v52 .sf-gallery-context{min-height:46px;margin-bottom:10px;padding:8px 11px;border-color:#e3e9f1;border-radius:11px;background:#f8fafc}
.sf-v52 .sf-gallery-context span,.sf-v52 .sf-gallery-context b{font-size:11px!important}
.sf-v52 .sf-gallery-stage{aspect-ratio:16/11;min-height:360px;max-height:470px;padding:0;border-color:#e4e9ef!important;border-radius:15px!important;background:linear-gradient(145deg,#fafbfd,#f1f5f9)!important}
.sf-v52 .sf-gallery-stage img,.sf-v52 .sf-gallery-stage video{padding:14px!important;object-fit:contain!important}
.sf-v52 .sf-gallery-media-row{margin-top:10px}
.sf-v52 .sf-gallery-media-row>span{font-size:11px!important}
.sf-v52 .sf-gallery-thumb{width:66px;height:58px;flex-basis:66px;border-color:#dbe3ed;border-radius:10px;background:#f7f9fb}
.sf-v52 .sf-gallery-thumb.is-active{border-color:var(--sf-blue);box-shadow:0 0 0 2px rgba(21,94,239,.1)}
.sf-v52 .sf-product-order-panel{min-width:0}
.sf-v52 .sf-product-head{padding:3px 2px 10px;border-bottom:1px solid #e8edf3}
.sf-v52 .sf-product-head h1{color:#182943;font-size:26px!important;line-height:1.45;letter-spacing:-.35px}
.sf-v52 .sf-product-head p,.sf-v52 .sf-product-code{font-size:11px!important}
.sf-v52 .sf-product-head-meta{gap:6px;margin-top:9px}
.sf-v52 .sf-product-head-meta>span{padding:5px 8px!important;border:1px solid #e2e8f0!important;border-radius:8px!important;background:#fafbfd!important;color:#66758a!important;font-size:10px!important}
.sf-v52 .sf-heart{width:46px;height:46px;flex:0 0 46px;border-color:#dce4ed;border-radius:13px;color:#68788f}
.sf-v52 .sf-heart:hover{background:#fff5f7;color:#d94b64;border-color:#f0cbd2}
.sf-v52 .sf-choice-block,.sf-v52 .sf-qty-block{margin-top:12px;padding:16px;border:1px solid #dce5ef;border-radius:17px;background:#fff;box-shadow:0 4px 16px rgba(31,49,74,.035)}
.sf-v52 .sf-block-head{margin-bottom:12px}
.sf-v52 .sf-step-title{gap:8px}
.sf-v52 .sf-step-title i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf4ff;color:var(--sf-blue);font-size:12px!important;font-style:normal;font-weight:950}
.sf-v52 .sf-step-title b{font-size:13px!important;color:#2e4058}
.sf-v52 .sf-block-head small{font-size:10px!important;color:#8d98a8}
.sf-v52 .sf-color-section-head{margin-bottom:10px}
.sf-v52 .sf-color-section-head b{font-size:12px!important}.sf-v52 .sf-color-section-head span{font-size:10px!important}
.sf-v52 .sf-color-list[data-kind="orderable"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sf-v52 .sf-color-card{min-height:84px!important;padding:7px!important;border:1px solid #dde5ef!important;border-radius:13px!important;background:#fff!important;box-shadow:0 2px 8px rgba(31,48,72,.025)!important}
.sf-v52 .sf-color-card:hover{border-color:#a9c1e4!important;background:#fafdff!important}
.sf-v52 .sf-color-card.is-active{border-color:#77a6ea!important;background:#f3f8ff!important;box-shadow:0 0 0 3px rgba(21,94,239,.075)!important}
.sf-v52 .sf-color-card .sf-color-visual{width:72px;height:66px;flex-basis:72px;border-color:#e0e6ed;border-radius:10px;background:#f7f9fb}
.sf-v52 .sf-color-card .sf-color-visual>img{padding:3px;object-fit:contain!important}
.sf-v52 .sf-color-card .sf-color-copy>b{font-size:12px!important;color:#293b53}.sf-v52 .sf-color-card .sf-color-copy>small{font-size:10px!important;color:#78869a}
.sf-v52 .sf-color-more{min-height:46px;border-color:#bfcfe4;border-radius:11px;background:#f8fbff;color:#42678f;font-size:11px!important}
.sf-v52 .sf-unavailable-colors{border-color:#e2e7ed;border-radius:12px;background:#fafbfd}
.sf-v52 .sf-selected-color{border-color:#d8e4f3!important;border-radius:13px!important;background:#f7faff!important}
.sf-v52 .sf-series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sf-v52 .sf-series-card{padding:12px!important;border:1px solid #dce5ef!important;border-radius:13px!important;background:#fff!important;box-shadow:0 2px 8px rgba(31,49,74,.025)}
.sf-v52 .sf-series-card:hover:not(.is-disabled){border-color:#aac1e1!important;background:#fbfdff!important}
.sf-v52 .sf-series-card:has(input:checked){border-color:#72a1e7!important;background:#f4f8ff!important;box-shadow:0 0 0 3px rgba(21,94,239,.07)}
.sf-v52 .sf-series-main b{font-size:13px!important;color:#2a3c54}.sf-v52 .sf-series-main small{font-size:10px!important;color:#8591a2}
.sf-v52 .sf-series-facts{gap:7px!important}.sf-v52 .sf-series-facts>span{padding:8px!important;border-radius:9px!important;background:#f7f9fc!important}
.sf-v52 .sf-series-facts small{font-size:9px!important}.sf-v52 .sf-series-facts strong{font-size:12px!important}
.sf-v52 .sf-series-stock,.sf-v52 .sf-series-production-note,.sf-v52 .sf-series-min,.sf-v52 .sf-series-unavailable{font-size:10px!important;line-height:1.65}
.sf-v52 .sf-series-card.is-disabled{opacity:1!important;border-style:dashed!important;background:#fbfbfc!important;color:#738096!important}
.sf-v52 .sf-choice-help{margin-top:10px;color:#7a889b;font-size:10px!important}
.sf-v52 .sf-qty-row{gap:14px}.sf-v52 .sf-qty-title{font-size:13px!important}.sf-v52 .sf-qty-help{font-size:10px!important;color:#8491a2}
.sf-v52 .sf-stepper{border:1px solid #d8e2ee;border-radius:13px;background:#f8fafc;overflow:hidden}
.sf-v52 .sf-stepper button{width:48px;height:48px;border:0;background:#fff;color:#264c7a;font-size:20px;font-weight:700}
.sf-v52 .sf-stepper input{width:70px;height:48px;border:0!important;background:#f8fafc!important;text-align:center;font-size:16px!important;font-weight:900}
.sf-v52 .sf-qty-presets{gap:6px;margin-top:10px}.sf-v52 .sf-qty-presets>span{font-size:10px!important}.sf-v52 .sf-qty-presets button{min-width:42px;min-height:40px;border:1px solid #dce4ed;border-radius:9px;background:#fff;color:#4f6179;font-size:11px!important;font-weight:850}
.sf-v52 .sf-qty-presets button:hover:not(:disabled){border-color:#9db9e0;background:#f4f8ff;color:#1757ad}
.sf-v52 .sf-price-box{margin-top:12px;padding:11px 12px;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#f8fafc!important}
.sf-v52 .sf-price-line{min-height:31px;color:#68778c;font-size:11px!important}.sf-v52 .sf-price-line strong{color:#2d4059;font-size:12px!important}.sf-v52 .sf-price-line.is-total{margin-top:5px;padding-top:8px;border-top:1px dashed #d6dfeb}.sf-v52 .sf-price-line.is-total strong{color:var(--sf-blue);font-size:19px!important}
.sf-v52 .sf-buy-bar{margin-top:12px!important;padding:12px!important;border:1px solid #d6e2f1!important;border-radius:16px!important;background:linear-gradient(135deg,#f8fbff,#fff)!important;box-shadow:0 6px 18px rgba(31,49,74,.045)!important}
.sf-v52 .sf-final-choice{color:#334d6c;font-size:12px!important;font-weight:900}.sf-v52 .sf-stock-note{font-size:11px!important;line-height:1.6}.sf-v52 .sf-buy-info>small{font-size:10px!important}
.sf-v52 .sf-buy-bar .sf-primary-btn{min-height:54px;border-radius:13px;font-size:13px!important}
.sf-v52 .sf-add-result{margin-top:12px;padding:14px;border:1px solid #cfe8dc;border-radius:15px;background:#f2fbf6;box-shadow:none}

/* Cart / checkout */
.sf-v52 .sf-cart-page,.sf-v52 .sf-checkout-page{padding-top:22px!important}
.sf-v52 .sf-cart-head,.sf-v52 .sf-checkout-head{margin-bottom:16px}
.sf-v52 .sf-cart-head h1,.sf-v52 .sf-checkout-head h1{font-size:24px!important;letter-spacing:-.3px}
.sf-v52 .sf-cart-head p,.sf-v52 .sf-checkout-head p{color:#7b899c;font-size:12px!important;line-height:1.8}
.sf-v52 .sf-flow-progress{padding:6px;border:1px solid #dce5ef;border-radius:14px;background:#fff;box-shadow:var(--sf-shadow-soft)}
.sf-v52 .sf-flow-progress span{min-height:42px;border-radius:10px;font-size:11px!important}
.sf-v52 .sf-cart-layout{grid-template-columns:minmax(0,1fr) 350px;gap:18px}
.sf-v52 .sf-cart-audit-strip{padding:12px;border:1px solid #dce5ef;border-radius:15px;background:#fff;box-shadow:var(--sf-shadow-soft)}
.sf-v52 .sf-cart-item{grid-template-columns:110px minmax(0,1fr) auto;gap:14px;padding:13px;border-color:#dce5ef;border-radius:17px;background:#fff;box-shadow:0 4px 16px rgba(31,49,74,.035)}
.sf-v52 .sf-cart-item-image{width:110px;height:96px;padding:5px;border:1px solid #e4e9ef;border-radius:13px;background:#f7f9fb}
.sf-v52 .sf-cart-item-image img{width:100%;height:100%;object-fit:contain!important}
.sf-v52 .sf-cart-row-label{color:#8491a2;font-size:10px!important}.sf-v52 .sf-cart-title-copy h3{font-size:15px!important;color:#263a53}
.sf-v52 .sf-cart-variant,.sf-v52 .sf-cart-breakdown{font-size:11px!important}
.sf-v52 .sf-cart-color,.sf-v52 .sf-cart-fulfilment,.sf-v52 .sf-stock-badge{font-size:10px!important}
.sf-v52 .sf-cart-price-row{font-size:11px!important}.sf-v52 .sf-cart-line-total{font-size:12px!important}.sf-v52 .sf-cart-line-total>b{font-size:14px!important;color:#1d3f67}
.sf-v52 .sf-remove-btn{min-height:40px;border-radius:10px!important;font-size:11px!important}
.sf-v52 .sf-summary,.sf-v52 .sf-checkout-summary{top:94px;padding:18px;border-color:#dce5ef;border-radius:18px;background:#fff;box-shadow:var(--sf-shadow-soft)}
.sf-v52 .sf-summary h3{font-size:15px!important}.sf-v52 .sf-summary-line{padding:6px 0;color:#738197;font-size:11px!important}.sf-v52 .sf-summary-total{padding-top:13px;font-size:12px!important}.sf-v52 .sf-summary-total b{font-size:20px!important}
.sf-v52 .sf-summary-context{padding:10px;border-radius:11px!important;background:#f8fafc!important}.sf-v52 .sf-summary-context span{font-size:11px!important}
.sf-v52 .sf-checkout-layout{gap:18px}
.sf-v52 .sf-form-card,.sf-v52 .sf-checkout-card{padding:18px;border-color:#dce5ef;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(31,49,74,.04)}
.sf-v52 .sf-form-grid{gap:13px}
.sf-v52 .sf-field label,.sf-v52 .sf-field>span{margin-bottom:6px;color:#455771;font-size:12px!important;font-weight:850}
.sf-v52 .sf-field input,.sf-v52 .sf-field textarea,.sf-v52 .sf-field select,.sf-v52 .sf-note{min-height:50px;border-color:#d9e2ed;border-radius:12px;background:#fbfcfd;color:#23344b;font-size:13px!important}
.sf-v52 .sf-field input:focus,.sf-v52 .sf-field textarea:focus,.sf-v52 .sf-field select:focus,.sf-v52 .sf-note:focus{border-color:#94b7ec;background:#fff;box-shadow:0 0 0 4px rgba(21,94,239,.06)}
.sf-v52 .sf-checkout-review-head h3{font-size:15px!important}
.sf-v52 .sf-checkout-checklist{padding:7px;border-color:#dce5ef;border-radius:12px;background:#f8fafc}.sf-v52 .sf-checkout-checklist span{min-height:36px;border-radius:8px;color:#395a82;font-size:10px!important}
.sf-v52 .sf-checkout-stats span{padding:5px 8px;border-color:#e1e7ee;border-radius:8px;font-size:10px!important}
.sf-v52 .sf-checkout-review-title b{font-size:13px!important}.sf-v52 .sf-checkout-review-title small{font-size:10px!important}
.sf-v52 .sf-checkout-review-image{width:62px;height:56px;padding:2px;border-color:#e2e8ef;background:#f7f9fb}.sf-v52 .sf-checkout-review-image img{object-fit:contain!important}
.sf-v52 .sf-checkout-review-item>span strong{font-size:13px!important}.sf-v52 .sf-checkout-review-item>span small{font-size:11px!important}.sf-v52 .sf-checkout-review-item .sf-checkout-breakdown{font-size:10px!important}
.sf-v52 .sf-checkout-final-note,.sf-v52 .sf-checkout-commit{border-color:#d6e3f2;border-radius:12px;background:#f7faff}
.sf-v52 .sf-checkout-submit{min-height:58px!important;border-radius:14px!important}.sf-v52 .sf-checkout-submit-copy>b{font-size:14px!important}.sf-v52 .sf-checkout-submit-copy>small{font-size:11px!important}

/* Account, orders, invoice, payment, tracking — one visual family */
.sf-v52 .sf-account-page,.sf-v52 .sf-order-show-page,.sf-v52 .sf-invoice-page,.sf-v52 .sf-return-page,.sf-v52 .sf-tracking-page,.sf-v52 .sf-success-page,.sf-v52 .sf-public-invoice-page,.sf-v52 .sf-test-gateway-page{color:#21334a}
.sf-v52 .sf-account-hero,.sf-v52 .sf-order-hero,.sf-v52 .sf-invoice-hero,.sf-v52 .sf-return-hero,.sf-v52 .sf-public-invoice-hero,.sf-v52 .sf-success-card{border:1px solid #dce5ef!important;border-radius:20px!important;background:linear-gradient(135deg,#fff,#f7faff)!important;box-shadow:var(--sf-shadow-soft)!important;color:#23364e!important}
.sf-v52 .sf-account-section,.sf-v52 .sf-order-card,.sf-v52 .sf-order-flow-card,.sf-v52 .sf-order-timeline-panel,.sf-v52 .sf-invoice-main,.sf-v52 .sf-invoice-side,.sf-v52 .sf-payment-overview,.sf-v52 .sf-payment-declare,.sf-v52 .sf-payment-record,.sf-v52 .sf-shipment-card,.sf-v52 .sf-return-main,.sf-v52 .sf-return-side,.sf-v52 .sf-favorite-card,.sf-v52 .sf-public-invoice-summary,.sf-v52 .sf-public-invoice-items,.sf-v52 .sf-track-main,.sf-v52 .sf-track-step{border-color:#dce5ef!important;border-radius:17px!important;background:#fff!important;box-shadow:0 4px 16px rgba(31,49,74,.035)!important}
.sf-v52 .sf-account-kicker,.sf-v52 .sf-order-number,.sf-v52 .sf-order-date{font-size:11px!important}
.sf-v52 .sf-account-head h1,.sf-v52 .sf-orders-head h1,.sf-v52 .sf-order-hero-title h1,.sf-v52 .sf-invoice-hero h1,.sf-v52 .sf-return-hero h1,.sf-v52 .sf-public-invoice-title h1{font-size:23px!important;line-height:1.5}
.sf-v52 .sf-dashboard-stats>div,.sf-v52 .sf-order-stat,.sf-v52 .sf-invoice-stats>div,.sf-v52 .sf-deposit-stats>div,.sf-v52 .sf-public-invoice-stats>div{border:1px solid #e0e7ef!important;border-radius:13px!important;background:#f8fafc!important}
.sf-v52 .sf-account-item,.sf-v52 .sf-invoice-item,.sf-v52 .sf-return-item,.sf-v52 .sf-event,.sf-v52 .sf-shipment-event,.sf-v52 .sf-public-invoice-item{border-color:#e6ebf1!important}
.sf-v52 .sf-order-status,.sf-v52 .sf-soft-badge,.sf-v52 .sf-secure-pill{border-radius:9px!important;font-size:10px!important}
.sf-v52 .sf-copyable-number{border-radius:10px!important;background:#f5f8fc!important;color:#244d7a!important}
.sf-v52 .sf-payment-form input,.sf-v52 .sf-payment-form textarea,.sf-v52 .sf-return-fields input,.sf-v52 .sf-return-fields textarea,.sf-v52 .sf-return-fields select{min-height:50px;border-color:#d9e2ed!important;border-radius:12px!important;background:#fbfcfd!important;font-size:13px!important}
.sf-v52 .sf-payment-reject,.sf-v52 .sf-order-exception,.sf-v52 .sf-track-exception{border-radius:13px!important}
.sf-v52 .sf-favorite-image{background:#f7f9fb!important}.sf-v52 .sf-favorite-image img{object-fit:contain!important}

/* Footer */
.sf-v52 .sf-footer{margin-top:36px;border-top:1px solid #dce4ed;background:#eef2f7}
.sf-v52 .sf-footer-inner{min-height:74px;color:#6c7a8f;font-size:11px!important}
.sf-v52 .sf-footer-brand{color:#30425a;font-size:13px!important}.sf-v52 .sf-footer-copy{font-size:10px!important}

/* Responsive */
@media(max-width:1100px){
  .sf-v52 .sf-catalog-layout{grid-template-columns:1fr}
  .sf-v52 .sf-catalog-filter,.sf-v52 .sf-mini-cart{display:none}
  .sf-v52 .sf-product-page{grid-template-columns:1fr;gap:16px}
  .sf-v52 .sf-gallery-card{position:static}
  .sf-v52 .sf-cart-layout{grid-template-columns:1fr}
  .sf-v52 .sf-summary{position:static}
}
@media(max-width:720px){
  .sf-v52{font-size:14px;background:#f4f6f9}
  .sf-v52 *{scroll-margin-top:74px}
  .sf-v52 .sf-container{width:calc(100% - 20px)}
  .sf-v52 .sf-main{padding-bottom:22px}
  .sf-v52 .sf-page{min-height:calc(100vh - 64px)}
  .sf-v52 .sf-top-spacer{padding-top:12px!important}
  .sf-v52 .sf-page-section{padding-top:14px!important}
  .sf-v52 .sf-topbar-inner{height:64px;gap:10px}
  .sf-v52 .sf-brand{max-width:none!important;flex:1;gap:8px;overflow:hidden}
  .sf-v52 .sf-brand-mark{width:37px;height:37px;flex:0 0 37px;border-radius:11px}
  .sf-v52 .sf-brand-copy{min-width:0;display:block!important}
  .sf-v52 .sf-brand-title{display:block;overflow:hidden;text-overflow:ellipsis;font-size:15px;line-height:1.4}
  .sf-v52 .sf-brand-sub{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
  .sf-v52 .sf-mobile-title{display:none!important}
  .sf-v52 .sf-header-actions{flex:0 0 auto}
  .sf-v52 .sf-header-actions .sf-icon-btn{width:42px;height:42px;min-width:42px;padding:0;border:1px solid #e1e7ef;border-radius:11px;background:#fff}
  .sf-v52 .sf-header-actions .sf-icon-btn span{display:none}
  .sf-v52 .sf-header-actions form{display:none}
  .sf-v52 .sf-desktop-nav{display:none}
  .sf-v52 .sf-bottom-nav{right:9px;left:9px;bottom:max(9px,env(safe-area-inset-bottom));height:68px;padding:5px;border:1px solid #d9e2ed;border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 13px 34px rgba(25,43,67,.16);backdrop-filter:blur(16px)}
  .sf-v52 .sf-bottom-nav a{min-width:0;border-radius:14px;color:#77859a;font-size:11px!important;font-weight:850}
  .sf-v52 .sf-bottom-nav a svg{width:21px;height:21px;stroke-width:1.7}
  .sf-v52 .sf-bottom-nav a.is-active{background:#edf4ff;color:var(--sf-blue)}
  .sf-v52 .sf-cart-dot{top:3px!important;left:calc(50% - 20px)!important}
  .sf-v52 .sf-searchbar{height:52px;padding-right:13px}
  .sf-v52 .sf-searchbar input{font-size:16px!important}
  .sf-v52 .sf-search-submit{padding:0 14px;font-size:12px!important}
  .sf-v52 .sf-chip{min-height:42px;padding:8px 13px;font-size:12px!important}
  .sf-v52 .sf-section-head{margin:23px 0 11px}.sf-v52 .sf-section-title{font-size:18px}.sf-v52 .sf-section-sub{font-size:11px!important}
  .sf-v52 .sf-home-shell .sf-promo{min-height:168px!important;border-radius:18px}
  .sf-v52 .sf-promo-content{max-width:72%;padding:17px 16px!important}
  .sf-v52 .sf-promo-eyebrow{padding:5px 8px;font-size:10px!important}
  .sf-v52 .sf-promo h1{max-width:280px;margin:6px 0 4px!important;font-size:20px!important;line-height:1.45}
  .sf-v52 .sf-promo p{max-width:260px;font-size:11px!important;line-height:1.65}
  .sf-v52 .sf-promo-points{display:none!important}
  .sf-v52 .sf-promo-action{min-height:42px;margin-top:10px;padding:8px 11px;font-size:11px!important}
  .sf-v52 .sf-home-shell .sf-promo-image{left:3%;bottom:8%;width:30%;height:68%;padding:5px;border-radius:13px}
  .sf-v52 .sf-promo-float{display:none!important}
  .sf-v52 .sf-order-guide-compact{grid-template-columns:repeat(3,1fr)!important;gap:4px;padding:5px;border-radius:14px}
  .sf-v52 .sf-order-guide-compact>div{min-height:54px;padding:5px!important;gap:4px!important;text-align:center}
  .sf-v52 .sf-order-guide-compact i{width:25px!important;height:25px!important;font-size:10px!important}.sf-v52 .sf-order-guide-compact b{font-size:10px!important}.sf-v52 .sf-order-guide-compact small{display:none!important}
  .sf-v52 .sf-product-row{grid-template-columns:112px minmax(0,1fr);min-height:0;gap:11px;padding:10px;border-radius:16px}
  .sf-v52 .sf-product-image{width:112px;height:104px;padding:5px;border-radius:12px}
  .sf-v52 .sf-product-name{align-items:flex-start;font-size:14px!important;line-height:1.5}.sf-v52 .sf-product-status{padding:4px 6px;font-size:9px!important}
  .sf-v52 .sf-product-code{font-size:10px!important}.sf-v52 .sf-product-meta{gap:4px;margin-top:7px;font-size:10px!important}.sf-v52 .sf-dot{padding:3px 6px}
  .sf-v52 .sf-price{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 9px;padding:9px 0 0;border-top:1px solid #edf0f4;border-right:0;text-align:right}
  .sf-v52 .sf-price small{grid-column:1;font-size:10px!important}.sf-v52 .sf-price b{grid-column:1;font-size:13px!important}.sf-v52 .sf-price-action{grid-column:2;grid-row:1/3;min-height:42px;margin:0;padding:8px 10px;font-size:10px!important}
  .sf-v52 .sf-catalog-intro{padding:13px 14px;border-radius:15px}.sf-v52 .sf-catalog-intro h1{font-size:18px!important}.sf-v52 .sf-catalog-intro p{font-size:11px!important}.sf-v52 .sf-catalog-trust{margin-top:8px}.sf-v52 .sf-catalog-trust span{font-size:9px!important}
  .sf-v52 .sf-auto-load-hint{display:none}
  .sf-v52 .sf-gallery-card{padding:8px;border-radius:16px;box-shadow:none}.sf-v52 .sf-gallery-stage{aspect-ratio:4/3;min-height:0;max-height:none;border-radius:12px!important}.sf-v52 .sf-gallery-stage img,.sf-v52 .sf-gallery-stage video{padding:7px!important}
  .sf-v52 .sf-product-head h1{font-size:21px!important}.sf-v52 .sf-heart{width:44px;height:44px;flex-basis:44px}
  .sf-v52 .sf-choice-block,.sf-v52 .sf-qty-block{padding:12px;border-radius:15px;box-shadow:none}
  .sf-v52 .sf-color-list[data-kind="orderable"]{grid-template-columns:1fr 1fr;gap:7px}
  .sf-v52 .sf-color-card{min-height:78px!important;padding:6px!important}.sf-v52 .sf-color-card .sf-color-visual{width:60px;height:58px;flex-basis:60px}.sf-v52 .sf-color-card .sf-color-copy>b{font-size:11px!important}.sf-v52 .sf-color-card .sf-color-copy>small{font-size:9px!important}
  .sf-v52 .sf-series-grid{grid-template-columns:1fr;gap:8px}.sf-v52 .sf-series-card{padding:11px!important}.sf-v52 .sf-series-main b{font-size:13px!important}.sf-v52 .sf-series-main small{font-size:10px!important}
  .sf-v52 .sf-stepper button{width:50px;height:50px}.sf-v52 .sf-stepper input{height:50px;font-size:17px!important}
  .sf-v52 .sf-qty-presets{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:2px}.sf-v52 .sf-qty-presets button{min-width:44px;min-height:44px;flex:0 0 auto}
  .sf-v52 .sf-price-line{font-size:12px!important}.sf-v52 .sf-price-line strong{font-size:12px!important}.sf-v52 .sf-price-line.is-total strong{font-size:19px!important}
  .sf-v52 .sf-buy-bar{grid-template-columns:1fr!important;gap:9px!important;padding:11px!important}.sf-v52 .sf-final-choice{font-size:12px!important}.sf-v52 .sf-stock-note{font-size:11px!important}.sf-v52 .sf-buy-info>small{display:none}.sf-v52 .sf-buy-bar .sf-primary-btn{min-height:54px;font-size:14px!important}
  .sf-v52 .sf-cart-page{padding-bottom:116px!important}.sf-v52 .sf-cart-head h1,.sf-v52 .sf-checkout-head h1{font-size:21px!important}
  .sf-v52 .sf-flow-progress{padding:5px;border-radius:12px}.sf-v52 .sf-flow-progress span{min-height:38px;font-size:10px!important}
  .sf-v52 .sf-cart-audit-strip{padding:9px;border-radius:13px}
  .sf-v52 .sf-cart-item{grid-template-columns:88px minmax(0,1fr)!important;gap:10px!important;padding:10px!important;border-radius:15px}.sf-v52 .sf-cart-item-image{width:88px!important;height:84px!important;padding:4px}.sf-v52 .sf-cart-title-copy h3{font-size:14px!important}.sf-v52 .sf-cart-variant,.sf-v52 .sf-cart-breakdown{font-size:10px!important}.sf-v52 .sf-cart-price-row{font-size:11px!important}
  .sf-v52 .sf-cart-line-total{grid-column:1/-1!important;padding-top:9px;border-top:1px dashed #e0e6ed}.sf-v52 .sf-cart-line-total>b{font-size:13px!important}
  .sf-v52 .sf-cart-mobile-dock{right:10px;left:10px;bottom:86px;min-height:68px;padding:8px 9px;border-color:#d8e1ec;border-radius:17px;background:rgba(255,255,255,.98);box-shadow:0 13px 32px rgba(24,43,69,.17)}
  .sf-v52 .sf-form-card,.sf-v52 .sf-checkout-card{padding:13px;border-radius:15px;box-shadow:none}.sf-v52 .sf-form-grid{grid-template-columns:1fr}.sf-v52 .sf-field-full{grid-column:auto}.sf-v52 .sf-field label,.sf-v52 .sf-field>span{font-size:12px!important}.sf-v52 .sf-field input,.sf-v52 .sf-field textarea,.sf-v52 .sf-field select,.sf-v52 .sf-note{min-height:52px;font-size:16px!important}
  .sf-v52 .sf-checkout-summary{padding:13px!important;border-radius:15px}.sf-v52 .sf-checkout-review-item{grid-template-columns:60px minmax(0,1fr)!important}.sf-v52 .sf-checkout-review-image{width:60px;height:56px}.sf-v52 .sf-checkout-review-item>span strong{font-size:13px!important}.sf-v52 .sf-checkout-review-item>span small{font-size:11px!important}.sf-v52 .sf-checkout-review-item>b{grid-column:1/-1!important;font-size:12px!important}
  .sf-v52 .sf-account-hero,.sf-v52 .sf-order-hero,.sf-v52 .sf-invoice-hero,.sf-v52 .sf-return-hero,.sf-v52 .sf-public-invoice-hero,.sf-v52 .sf-success-card{border-radius:16px!important;box-shadow:none!important}
  .sf-v52 .sf-account-head h1,.sf-v52 .sf-orders-head h1,.sf-v52 .sf-order-hero-title h1,.sf-v52 .sf-invoice-hero h1,.sf-v52 .sf-return-hero h1,.sf-v52 .sf-public-invoice-title h1{font-size:20px!important}
  .sf-v52 .sf-footer{display:none}
}
@media(max-width:390px){
  .sf-v52 .sf-container{width:calc(100% - 16px)}
  .sf-v52 .sf-brand-sub{display:none!important}
  .sf-v52 .sf-product-row{grid-template-columns:102px minmax(0,1fr)}.sf-v52 .sf-product-image{width:102px;height:98px}
  .sf-v52 .sf-color-list[data-kind="orderable"]{grid-template-columns:1fr}
  .sf-v52 .sf-home-shell .sf-promo-image{width:27%;opacity:.85}
}
@media(prefers-reduced-motion:reduce){.sf-v52 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.sf-v52 img.sf-img-fallback{object-fit:contain!important;padding:12px!important;background:#f8fafc!important}


/* === storefront-v53.css === */
/* =========================================================
   Phase 53 — Real-data stress polish
   Stress targets: 200+ catalog items, 40–50 colors, 20-line carts.
   Scope: .sf-v53 only. Phase 52 remains the compatibility layer.
   ========================================================= */
.sf-v53{
  --sf53-ink:#18273d;
  --sf53-muted:#66768d;
  --sf53-line:#d8e2ee;
  --sf53-soft:#f7f9fc;
  --sf53-blue:#155eef;
  --sf53-blue-soft:#eef5ff;
  --sf53-shadow:0 8px 28px rgba(30,51,80,.065);
  --sf53-shadow-card:0 4px 15px rgba(30,51,80,.045);
  color:var(--sf53-ink);
}

/* A real readability floor for operational buyer text. */
.sf-v53 .sf-brand-sub,
.sf-v53 .sf-kicker,
.sf-v53 .sf-section-sub,
.sf-v53 .sf-product-code,
.sf-v53 .sf-product-meta,
.sf-v53 .sf-product-status,
.sf-v53 .sf-price small,
.sf-v53 .sf-price-action,
.sf-v53 .sf-catalog-trust span,
.sf-v53 .sf-promo-eyebrow,
.sf-v53 .sf-promo-points span,
.sf-v53 .sf-order-guide-compact small,
.sf-v53 .sf-color-card .sf-color-copy>small,
.sf-v53 .sf-color-more,
.sf-v53 .sf-series-main small,
.sf-v53 .sf-series-facts small,
.sf-v53 .sf-series-stock,
.sf-v53 .sf-series-production-note,
.sf-v53 .sf-series-min,
.sf-v53 .sf-series-unavailable,
.sf-v53 .sf-choice-help,
.sf-v53 .sf-qty-help,
.sf-v53 .sf-qty-presets>span,
.sf-v53 .sf-qty-presets button,
.sf-v53 .sf-price-line,
.sf-v53 .sf-stock-note,
.sf-v53 .sf-buy-info>small,
.sf-v53 .sf-flow-progress span,
.sf-v53 .sf-cart-row-label,
.sf-v53 .sf-cart-variant,
.sf-v53 .sf-cart-breakdown,
.sf-v53 .sf-cart-color,
.sf-v53 .sf-cart-fulfilment,
.sf-v53 .sf-stock-badge,
.sf-v53 .sf-cart-price-row,
.sf-v53 .sf-remove-btn,
.sf-v53 .sf-summary-line,
.sf-v53 .sf-summary-context span,
.sf-v53 .sf-checkout-checklist span,
.sf-v53 .sf-checkout-stats span,
.sf-v53 .sf-checkout-review-title small,
.sf-v53 .sf-checkout-review-item>span small,
.sf-v53 .sf-checkout-review-item .sf-checkout-breakdown,
.sf-v53 .sf-checkout-submit-copy>small,
.sf-v53 .sf-order-status,
.sf-v53 .sf-soft-badge,
.sf-v53 .sf-secure-pill,
.sf-v53 .sf-footer-inner,
.sf-v53 .sf-footer-copy{font-size:12px!important;line-height:1.65}

.sf-v53 .sf-series-facts strong{font-size:13px!important}
.sf-v53 .sf-product-name{font-size:15px!important}
.sf-v53 .sf-price b{font-size:15px!important}
.sf-v53 .sf-primary-btn{font-size:14px!important}
.sf-v53 .sf-secondary-btn{font-size:13px!important}
.sf-v53 .sf-chip{font-size:13px!important}

/* Catalog — dense data without looking like an ERP table. */
.sf-v53 .sf-catalog-tools{
  margin-top:12px;padding:10px;border:1px solid var(--sf53-line);border-radius:18px;
  background:rgba(255,255,255,.9);box-shadow:var(--sf53-shadow-card)
}
.sf-v53 .sf-catalog-tools .sf-catalog-chips{margin-top:8px;padding-bottom:0}
.sf-v53 .sf-catalog-intro{box-shadow:none!important;border-color:var(--sf53-line)!important}
.sf-v53 .is-large-catalog .sf-catalog-intro{padding-top:15px;padding-bottom:15px}
.sf-v53 .is-large-catalog .sf-catalog-intro p{max-width:760px}
.sf-v53 .is-large-catalog .sf-section-head{margin-top:20px}
.sf-v53 .sf-catalog-results-head .sf-section-sub{display:inline-flex;align-items:center;min-height:28px;padding:3px 9px;border:1px solid #dce5ef;border-radius:999px;background:#fff;color:#50637d;font-weight:850}
.sf-v53 .sf-product-row{border-color:#d9e3ef!important;box-shadow:var(--sf53-shadow-card)!important}
.sf-v53 .sf-product-row:hover{border-color:#bdcee2!important;box-shadow:0 9px 24px rgba(30,51,80,.075)!important}
.sf-v53 .sf-product-image{background:linear-gradient(145deg,#fbfcfe,#f3f6fa)!important}
.sf-v53 .sf-product-image img{object-fit:contain!important}
.sf-v53 .sf-product-meta{gap:6px!important}
.sf-v53 .sf-dot{min-height:28px;display:inline-flex;align-items:center;padding:4px 8px!important;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#53657e}
.sf-v53 .sf-product-status{min-height:28px;display:inline-flex;align-items:center;padding:4px 8px!important;border-radius:8px!important;font-weight:900}
.sf-v53 .sf-price-action{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:8px 12px!important;border-radius:11px!important}

/* Product — heavy color catalogs should remain scannable. */
.sf-v53 [data-sf-product-page].is-many-colors .sf-color-section-head{padding:10px 11px;border:1px solid #e0e7f0;border-radius:12px;background:#f8fafc}
.sf-v53 [data-sf-product-page].is-many-colors .sf-color-list[data-kind="orderable"]{gap:10px}
.sf-v53 [data-sf-product-page].is-extreme-colors .sf-color-more{position:sticky;bottom:8px;z-index:4;box-shadow:0 8px 22px rgba(30,51,80,.12)}
.sf-v53 .sf-color-card{min-height:92px!important;padding:8px!important;border-color:#d8e2ee!important}
.sf-v53 .sf-color-card .sf-color-visual{width:76px!important;height:72px!important;flex-basis:76px!important;border-radius:11px!important}
.sf-v53 .sf-color-card .sf-color-copy>b{font-size:13px!important;line-height:1.55;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.sf-v53 .sf-color-card .sf-color-copy>small{color:#66768d!important}
.sf-v53 .sf-selected-color{padding:10px!important;border:1px solid #cfddec!important;box-shadow:0 3px 12px rgba(30,51,80,.04)}
.sf-v53 .sf-series-card{min-height:128px;padding:14px!important;border-color:#d8e2ee!important}
.sf-v53 .sf-series-main b{font-size:14px!important}
.sf-v53 .sf-series-facts>span{min-height:54px;padding:9px!important}
.sf-v53 .sf-series-stock,.sf-v53 .sf-series-production-note,.sf-v53 .sf-series-min,.sf-v53 .sf-series-unavailable{margin-top:8px}
.sf-v53 .sf-qty-presets button{min-width:48px;min-height:44px}
.sf-v53 .sf-buy-bar{border-color:#cbdced!important;background:linear-gradient(135deg,#f4f8ff,#fff)!important}
.sf-v53 .sf-final-choice{font-size:13px!important;line-height:1.75}

/* Large cart — compact enough to scan, never too tiny to read. */
.sf-v53 .is-large-cart .sf-cart-audit-strip{position:sticky;top:84px;z-index:12;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.sf-v53 .is-large-cart [data-cart-items]{gap:9px!important}
.sf-v53 .is-large-cart .sf-cart-item{grid-template-columns:92px minmax(0,1fr) 150px;gap:11px;padding:10px!important;border-radius:14px!important;box-shadow:0 2px 10px rgba(30,51,80,.035)!important}
.sf-v53 .is-large-cart .sf-cart-item-image{width:92px;height:84px;padding:4px}
.sf-v53 .is-large-cart .sf-cart-title-copy h3{font-size:14px!important}
.sf-v53 .is-large-cart .sf-cart-variant{gap:6px!important}
.sf-v53 .is-large-cart .sf-cart-breakdown{margin-top:6px!important;padding:6px 8px!important}
.sf-v53 .is-large-cart .sf-cart-status-row{margin-top:7px!important}
.sf-v53 .is-large-cart .sf-cart-qty-line{margin-top:8px!important}
.sf-v53 .is-large-cart .sf-cart-line-total{padding-inline-start:10px!important}
.sf-v53 .sf-cart-item.is-needs-review{border-width:2px!important;box-shadow:0 0 0 4px rgba(199,68,80,.06)!important}
.sf-v53 .sf-cart-stock-issue{font-size:12px!important;line-height:1.75}
.sf-v53 .sf-cart-save-status,.sf-v53 .sf-cart-update-row>small{font-size:12px!important}
.sf-v53 .sf-cart-mobile-dock small{font-size:12px!important}

/* Checkout: review first on narrow screens; long orders are deliberately visible. */
.sf-v53 .sf-checkout-to-delivery{display:none;margin-top:14px;width:100%;justify-content:center;text-align:center}
.sf-v53 .is-large-checkout .sf-checkout-summary{border-color:#cddbeb!important}
.sf-v53 .is-large-checkout .sf-checkout-items{max-height:none!important}
.sf-v53 .is-large-checkout .sf-checkout-more[open]>summary{position:sticky;top:82px;z-index:3;background:#fff}
.sf-v53 .sf-checkout-review-item{padding-block:10px!important;border-bottom:1px solid #e8edf3}
.sf-v53 .sf-checkout-review-item:last-child{border-bottom:0}
.sf-v53 .sf-checkout-review-image{border-radius:10px!important;overflow:hidden}
.sf-v53 .sf-checkout-review-item>b{font-variant-numeric:tabular-nums}
.sf-v53 .sf-checkout-more summary{min-height:48px;align-items:center;font-size:13px!important}
.sf-v53 .sf-checkout-commit strong,.sf-v53 .sf-summary-total b{font-variant-numeric:tabular-nums}

/* Post-purchase readability inherits the same buyer-first floor. */
.sf-v53 .sf-account-kicker,.sf-v53 .sf-order-number,.sf-v53 .sf-order-date{font-size:12px!important}
.sf-v53 .sf-payment-form input,.sf-v53 .sf-payment-form textarea,.sf-v53 .sf-return-fields input,.sf-v53 .sf-return-fields textarea,.sf-v53 .sf-return-fields select{font-size:16px!important}

@media(max-width:1100px){
  .sf-v53 .sf-checkout-layout{display:flex!important;flex-direction:column!important;gap:14px!important}
  .sf-v53 .sf-checkout-summary{order:1!important}
  .sf-v53 .sf-checkout-card{order:2!important}
  .sf-v53 .sf-checkout-to-delivery{display:flex}
}

@media(max-width:720px){
  .sf-v53{font-size:15px}
  .sf-v53 .sf-brand-sub{font-size:11px!important}
  .sf-v53 .sf-bottom-nav a{font-size:12px!important}
  .sf-v53 .sf-search-submit{font-size:13px!important}
  .sf-v53 .sf-section-sub{font-size:12px!important}
  .sf-v53 .sf-promo-eyebrow{font-size:12px!important}
  .sf-v53 .sf-promo p{font-size:13px!important;line-height:1.75}
  .sf-v53 .sf-promo-action{font-size:13px!important}
  .sf-v53 .sf-order-guide-compact b{font-size:12px!important}
  .sf-v53 .sf-catalog-tools{margin-top:9px;padding:8px;border-radius:15px}
  .sf-v53 .sf-catalog-tools .sf-catalog-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px;padding-bottom:2px}
  .sf-v53 .sf-catalog-tools .sf-catalog-chips::-webkit-scrollbar{display:none}
  .sf-v53 .sf-catalog-tools .sf-chip{flex:0 0 auto;min-height:44px;padding:8px 12px;font-size:12px!important}
  .sf-v53 .is-large-catalog .sf-catalog-intro{padding:11px 12px!important}
  .sf-v53 .is-large-catalog .sf-catalog-intro p{display:none}
  .sf-v53 .sf-catalog-intro h1{font-size:19px!important;line-height:1.55}
  .sf-v53 .sf-catalog-trust span{font-size:12px!important}

  .sf-v53 .sf-product-row{grid-template-columns:124px minmax(0,1fr)!important;gap:12px!important;padding:11px!important}
  .sf-v53 .sf-product-image{width:124px!important;height:114px!important}
  .sf-v53 .sf-product-name{font-size:15px!important}
  .sf-v53 .sf-product-status{font-size:11px!important;min-height:27px;padding:4px 7px!important}
  .sf-v53 .sf-product-code{font-size:12px!important}
  .sf-v53 .sf-product-meta{font-size:12px!important;gap:5px!important}
  .sf-v53 .sf-dot{min-height:27px;padding:3px 7px!important}
  .sf-v53 .sf-price small{font-size:12px!important}
  .sf-v53 .sf-price b{font-size:15px!important}
  .sf-v53 .sf-price-action{min-height:46px!important;font-size:12px!important;padding:8px 11px!important}

  .sf-v53 .sf-product-head h1{font-size:22px!important}
  .sf-v53 .sf-color-list[data-kind="orderable"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .sf-v53 .sf-color-card{min-height:86px!important;padding:7px!important}
  .sf-v53 .sf-color-card .sf-color-visual{width:58px!important;height:58px!important;flex-basis:58px!important}
  .sf-v53 .sf-color-card .sf-color-copy>b{font-size:12px!important}
  .sf-v53 .sf-color-card .sf-color-copy>small{font-size:11px!important}
  .sf-v53 .sf-color-more{min-height:48px;font-size:12px!important}
  .sf-v53 .sf-series-main b{font-size:14px!important}
  .sf-v53 .sf-series-main small{font-size:12px!important}
  .sf-v53 .sf-series-facts small{font-size:11px!important}
  .sf-v53 .sf-series-facts strong{font-size:13px!important}
  .sf-v53 .sf-series-stock,.sf-v53 .sf-series-production-note,.sf-v53 .sf-series-min,.sf-v53 .sf-series-unavailable{font-size:12px!important}
  .sf-v53 .sf-choice-help,.sf-v53 .sf-qty-help,.sf-v53 .sf-stock-note{font-size:12px!important}
  .sf-v53 .sf-qty-presets>span,.sf-v53 .sf-qty-presets button{font-size:12px!important}
  .sf-v53 .sf-buy-bar .sf-primary-btn{font-size:14px!important}

  .sf-v53 .sf-flow-progress span{font-size:12px!important}
  .sf-v53 .sf-cart-title-copy h3{font-size:15px!important}
  .sf-v53 .sf-cart-row-label{font-size:11px!important}
  .sf-v53 .sf-cart-variant,.sf-v53 .sf-cart-breakdown,.sf-v53 .sf-cart-price-row{font-size:12px!important}
  .sf-v53 .sf-cart-color,.sf-v53 .sf-cart-fulfilment,.sf-v53 .sf-stock-badge{font-size:11px!important}
  .sf-v53 .sf-remove-btn{font-size:12px!important;min-height:44px}
  .sf-v53 .sf-summary-line,.sf-v53 .sf-summary-context span{font-size:12px!important}
  .sf-v53 .is-large-cart .sf-cart-audit-strip{top:72px}
  .sf-v53 .is-large-cart .sf-cart-item{grid-template-columns:82px minmax(0,1fr)!important;gap:9px!important;padding:9px!important}
  .sf-v53 .is-large-cart .sf-cart-item-image{width:82px!important;height:78px!important}
  .sf-v53 .is-large-cart .sf-cart-line-total{grid-column:1/-1!important;padding:9px 0 0!important;border-top:1px dashed #dfe6ee}
  .sf-v53 .is-large-cart .sf-cart-breakdown{display:block}

  .sf-v53 .sf-checkout-head p{font-size:13px!important}
  .sf-v53 .sf-checkout-checklist span,.sf-v53 .sf-checkout-stats span{font-size:12px!important}
  .sf-v53 .sf-checkout-review-title small{font-size:12px!important}
  .sf-v53 .sf-checkout-review-item>span small{font-size:12px!important;line-height:1.7}
  .sf-v53 .sf-checkout-review-item .sf-checkout-breakdown{font-size:11px!important}
  .sf-v53 .sf-checkout-review-item>b{font-size:13px!important}
  .sf-v53 .sf-checkout-to-delivery{min-height:54px;font-size:13px!important}
  .sf-v53 .sf-checkout-submit-copy>small{font-size:12px!important}
}

@media(max-width:390px){
  .sf-v53 .sf-product-row{grid-template-columns:112px minmax(0,1fr)!important}
  .sf-v53 .sf-product-image{width:112px!important;height:106px!important}
  .sf-v53 .sf-color-list[data-kind="orderable"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sf-v53 .sf-color-card .sf-color-visual{width:52px!important;height:54px!important;flex-basis:52px!important}
  .sf-v53 .sf-color-card{min-height:82px!important}
}

@media(max-width:340px){
  .sf-v53 .sf-color-list[data-kind="orderable"]{grid-template-columns:1fr!important}
  .sf-v53 .sf-product-row{grid-template-columns:100px minmax(0,1fr)!important}
  .sf-v53 .sf-product-image{width:100px!important;height:98px!important}
}

@media(prefers-reduced-motion:reduce){.sf-v53 *{transition:none!important;animation:none!important}}


/* === storefront-v54.css === */
/* Phase 54 — onboarding, order guide and cleaner home hero. Scoped to .sf-v54. */
.sf-v54 .sf54-home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:28px;align-items:center;margin-top:16px;padding:34px;border:1px solid #dde6f1;border-radius:28px;background:linear-gradient(135deg,#f8fbff 0%,#fff 56%,#f2f7ff 100%);box-shadow:0 18px 50px rgba(32,62,104,.08);overflow:hidden}
.sf-v54 .sf54-home-hero:before{content:"";position:absolute;width:260px;height:260px;left:-90px;top:-110px;border-radius:50%;background:radial-gradient(circle,#dbeafe 0%,rgba(219,234,254,0) 70%);pointer-events:none}.sf-v54 .sf54-home-hero:after{content:"";position:absolute;width:190px;height:190px;right:35%;bottom:-135px;border-radius:50%;background:radial-gradient(circle,#e0f2fe 0%,rgba(224,242,254,0) 70%);pointer-events:none}
.sf-v54 .sf54-home-hero-copy,.sf-v54 .sf54-order-preview{position:relative;z-index:1}.sf-v54 .sf54-kicker{display:inline-flex;align-items:center;gap:7px;color:#2c64b3;font-size:12px;font-weight:900}.sf-v54 .sf54-kicker i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}
.sf-v54 .sf54-home-hero h1{margin:13px 0 0;color:#13243b;font-size:34px;line-height:1.55;font-weight:900;letter-spacing:-.3px}.sf-v54 .sf54-home-hero h1 strong{color:#2465d8}.sf-v54 .sf54-home-hero p{max-width:650px;margin:12px 0 0;color:#64748b;font-size:13px;line-height:2}.sf-v54 .sf54-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.sf-v54 .sf54-primary-action,.sf-v54 .sf54-secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:14px;padding:0 17px;font-size:12px;font-weight:900;cursor:pointer}.sf-v54 .sf54-primary-action{border:1px solid #2262cf;background:#2465d8;color:#fff;box-shadow:0 10px 24px rgba(36,101,216,.2)}.sf-v54 .sf54-secondary-action{border:1px solid #dbe4ef;background:#fff;color:#42556f}
.sf-v54 .sf54-order-preview{padding:17px;border:1px solid #dbe4ef;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 18px 38px rgba(35,61,95,.09);backdrop-filter:blur(6px)}.sf-v54 .sf54-preview-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:11px;border-bottom:1px solid #edf1f6}.sf-v54 .sf54-preview-head span{display:flex;align-items:center;gap:7px;color:#314763;font-size:11px;font-weight:900}.sf-v54 .sf54-preview-head span i{width:7px;height:7px;border-radius:50%;background:#22c55e}.sf-v54 .sf54-preview-head>b{color:#8491a4;font-size:10px}.sf-v54 .sf54-preview-line{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px dashed #e8edf4}.sf-v54 .sf54-preview-line>i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#f1f5f9;color:#64748b;font-size:11px;font-style:normal;font-weight:900}.sf-v54 .sf54-preview-line span b,.sf-v54 .sf54-preview-line span small{display:block}.sf-v54 .sf54-preview-line span b{color:#253a55;font-size:11px}.sf-v54 .sf54-preview-line span small{margin-top:2px;color:#8793a6;font-size:10px}.sf-v54 .sf54-preview-line>strong{color:#47617f;font-size:11px}.sf-v54 .sf54-preview-line.is-done>i{background:#ecfdf3;color:#15995b}.sf-v54 .sf54-preview-line.is-done>strong{color:#16a262}.sf-v54 .sf54-preview-line.is-active{margin:7px -7px;padding:11px 7px;border:1px solid #d7e5ff;border-radius:13px;background:#f5f9ff}.sf-v54 .sf54-preview-line.is-active>i{background:#dfeaff;color:#2465d8}.sf-v54 .sf54-preview-line.is-active>strong{color:#2465d8}.sf-v54 .sf54-preview-total{padding-top:11px}.sf-v54 .sf54-preview-total span,.sf-v54 .sf54-preview-total b{display:block}.sf-v54 .sf54-preview-total span{color:#8592a5;font-size:10px}.sf-v54 .sf54-preview-total b{margin-top:3px;color:#304761;font-size:11px}
.sf-v54 .sf54-order-roadmap{margin-top:12px;padding:15px;border:1px solid #e1e7ef;border-radius:20px;background:#fff}.sf-v54 .sf54-order-roadmap header{display:flex;align-items:center;justify-content:space-between;gap:14px}.sf-v54 .sf54-order-roadmap header span{color:#2e68ba;font-size:10px;font-weight:900}.sf-v54 .sf54-order-roadmap h2{margin:2px 0 0;color:#24384f;font-size:14px}.sf-v54 .sf54-order-roadmap header button{min-height:38px;border:1px solid #dbe4ef;border-radius:11px;background:#f8fafc;padding:0 12px;color:#4b607b;font-size:10px;font-weight:900;cursor:pointer}.sf-v54 .sf54-roadmap-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:12px}.sf-v54 .sf54-roadmap-track>div{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border-radius:13px;background:#f8fafc}.sf-v54 .sf54-roadmap-track i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#e8f0ff;color:#2465d8;font-size:10px;font-style:normal;font-weight:900}.sf-v54 .sf54-roadmap-track b,.sf-v54 .sf54-roadmap-track small{display:block}.sf-v54 .sf54-roadmap-track b{color:#2f435d;font-size:10px}.sf-v54 .sf54-roadmap-track small{margin-top:2px;color:#8b97a8;font-size:9px;line-height:1.55}
.sf-v54 .sf54-guide-fab{position:fixed;left:18px;bottom:22px;z-index:45;display:flex;align-items:center;gap:8px;min-height:46px;border:1px solid #d8e3f2;border-radius:15px;background:#fff;padding:0 12px;color:#315171;font-size:11px;font-weight:900;box-shadow:0 14px 35px rgba(30,52,82,.15);cursor:pointer}.sf-v54 .sf54-guide-fab b{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#2465d8;color:#fff;font-size:14px}.sf-v54 .sf54-guide-modal{display:grid;gap:8px;margin-top:4px;text-align:right}.sf-v54 .sf54-guide-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:1px solid #e5eaf1;border-radius:13px;background:#fbfcfe}.sf-v54 .sf54-guide-step i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf2ff;color:#2465d8;font-style:normal;font-weight:900}.sf-v54 .sf54-guide-step b,.sf-v54 .sf54-guide-step span{display:block}.sf-v54 .sf54-guide-step b{color:#253a54;font-size:12px}.sf-v54 .sf54-guide-step span{margin-top:3px;color:#758297;font-size:11px;line-height:1.8}
.sf-v54 .sf54-credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.sf-v54 .sf54-credential-grid>div{padding:10px;border-radius:12px;background:#f7f9fc;text-align:center}.sf-v54 .sf54-credential-grid small,.sf-v54 .sf54-credential-grid b{display:block}.sf-v54 .sf54-credential-grid small{color:#778499;font-size:10px}.sf-v54 .sf54-credential-grid b{margin-top:3px;color:#1f3550;font-size:14px;direction:ltr}
@media(max-width:900px){.sf-v54 .sf54-home-hero{grid-template-columns:1fr;gap:18px;padding:24px}.sf-v54 .sf54-roadmap-track{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:2px}.sf-v54 .sf54-roadmap-track>div{flex:0 0 170px;scroll-snap-align:start}}
@media(max-width:720px){.sf-v54 .sf54-home-hero{margin-top:10px;padding:17px;border-radius:20px;box-shadow:none}.sf-v54 .sf54-home-hero h1{font-size:22px;line-height:1.65}.sf-v54 .sf54-home-hero p{font-size:12px;line-height:1.9}.sf-v54 .sf54-kicker{font-size:11px}.sf-v54 .sf54-hero-actions{display:grid;grid-template-columns:1fr;margin-top:15px}.sf-v54 .sf54-primary-action,.sf-v54 .sf54-secondary-action{width:100%;min-height:46px}.sf-v54 .sf54-order-preview{padding:13px;border-radius:17px}.sf-v54 .sf54-order-roadmap{padding:12px;border-radius:16px}.sf-v54 .sf54-order-roadmap h2{font-size:13px}.sf-v54 .sf54-order-roadmap header button{min-height:40px}.sf-v54 .sf54-guide-fab{left:10px;bottom:86px;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;justify-content:center}.sf-v54 .sf54-guide-fab span{display:none}.sf-v54 .sf54-guide-fab b{width:auto;height:auto;background:transparent;color:#2465d8;font-size:18px}.sf-v54 .sf54-roadmap-track b{font-size:11px}.sf-v54 .sf54-roadmap-track small{font-size:10px}.sf-v54 .sf54-preview-line span small,.sf-v54 .sf54-preview-total span{font-size:10px}}

/* Phase 60: new storefront ordering journey banner + model->color->modal flow */
/* Hidden is semantic state. Keep it stronger than component display rules. */
.sf-v54 [hidden]{display:none!important}
.sf-v54 .sfm-home-banner,.sf-v54 .sfm-journey-banner{display:grid;gap:16px;margin-top:14px;padding:18px;border:1px solid #dde7f6;border-radius:24px;background:linear-gradient(135deg,#f8fbff 0%,#ffffff 48%,#eef5ff 100%);box-shadow:0 20px 45px rgba(32,64,108,.08)}
.sf-v54 .sfm-home-banner{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center}
.sf-v54 .sfm-home-kicker,.sf-v54 .sfm-journey-copy span{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#edf4ff;color:#2b5fd0;font-size:11px;font-weight:900}.sf-v54 .sfm-home-kicker i{width:8px;height:8px;border-radius:99px;background:#2b5fd0}
.sf-v54 .sfm-home-banner-copy h1,.sf-v54 .sfm-journey-copy h2{margin:12px 0 8px;color:#21354d;font-size:30px;line-height:1.45}.sf-v54 .sfm-home-banner-copy h1 strong,.sf-v54 .sfm-journey-copy h2 strong{color:#1e5fd1}.sf-v54 .sfm-home-banner-copy p,.sf-v54 .sfm-journey-copy p{margin:0;color:#6f7f95;font-size:13px;line-height:2}
.sf-v54 .sfm-home-banner-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.sf-v54 .sfm-home-banner-visual{display:grid;gap:14px}
.sf-v54 .sfm-home-steps,.sf-v54 .sfm-journey-steps{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.sf-v54 .sfm-home-steps article,.sf-v54 .sfm-journey-steps article{position:relative;padding:16px 15px 15px;border:1px solid #e0e8f5;border-radius:20px;background:#fff;box-shadow:0 10px 25px rgba(39,66,110,.06)}
.sf-v54 .sfm-home-steps article i,.sf-v54 .sfm-journey-steps article i{display:grid;place-items:center;width:34px;height:34px;margin-bottom:10px;border-radius:12px;background:linear-gradient(135deg,#2465d8,#5f93f1);color:#fff;font-style:normal;font-weight:900}.sf-v54 .sfm-home-steps article b,.sf-v54 .sfm-journey-steps article b{display:block;color:#233751;font-size:13px}.sf-v54 .sfm-home-steps article small,.sf-v54 .sfm-journey-steps article small{display:block;margin-top:6px;color:#7a889c;font-size:11px;line-height:1.9}
.sf-v54 .sfm-home-banner-note{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 15px;border-radius:18px;background:#243954;color:#fff}.sf-v54 .sfm-home-banner-note b{font-size:12px}.sf-v54 .sfm-home-banner-note span{font-size:11px;color:#d9e6ff}
.sf-v54 .sfm-order-roadmap{margin-top:14px}
.sf-v54 .sfm-model-colors-shell{display:grid;gap:14px}
.sf-v54 .sfm-model-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:16px;align-items:start}.sf-v54 .sfm-model-copy,.sf-v54 .sfm-model-sidecard{padding:18px;border:1px solid #e0e7f2;border-radius:24px;background:#fff;box-shadow:0 12px 28px rgba(31,53,85,.06)}
.sf-v54 .sfm-model-copy h1{margin:10px 0 8px;color:#22364d;font-size:29px;line-height:1.5}.sf-v54 .sfm-model-copy p{margin:0;color:#6d7b90;font-size:13px;line-height:2}.sf-v54 .sfm-model-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.sf-v54 .sfm-model-metrics span,.sf-v54 .sfm-picker-facts span{display:grid;gap:4px;padding:12px;border-radius:16px;background:#f7faff;border:1px solid #e4ebf6}.sf-v54 .sfm-model-metrics b,.sf-v54 .sfm-picker-facts b{color:#23374f;font-size:16px}.sf-v54 .sfm-model-metrics small,.sf-v54 .sfm-picker-facts small{color:#7a879b;font-size:10px}
.sf-v54 .sfm-model-sidecard-head{display:grid;gap:5px;margin-bottom:14px}.sf-v54 .sfm-model-sidecard-head span{color:#5a77ad;font-size:11px;font-weight:900}.sf-v54 .sfm-model-sidecard-head b{color:#243954;font-size:17px}
.sf-v54 .sfm-mini-steps{display:grid;gap:10px}.sf-v54 .sfm-mini-steps div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid #e3eaf4;border-radius:16px;background:#fbfcff}.sf-v54 .sfm-mini-steps i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#eef4ff;color:#2a62d2;font-style:normal;font-weight:900}.sf-v54 .sfm-mini-steps b{display:block;color:#243750;font-size:12px}.sf-v54 .sfm-mini-steps small{display:block;margin-top:4px;color:#7a889c;font-size:10px;line-height:1.8}
.sf-v54 .sfm-color-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}.sf-v54 .sfm-color-search{flex:1 1 260px;margin:0}.sf-v54 .sfm-filter-chips{gap:8px}
.sf-v54 .sfm-color-summary-bar{display:flex;flex-wrap:wrap;gap:10px}.sf-v54 .sfm-color-summary-bar span{padding:10px 14px;border-radius:999px;background:#f6f8fc;border:1px solid #e2e8f3;color:#66758c;font-size:11px}.sf-v54 .sfm-color-summary-bar b{color:#23374f}
.sf-v54 .sfm-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sf-v54 .sfm-color-card{display:grid;overflow:hidden;border:1px solid #dfe8f4;border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(29,52,86,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.sf-v54 .sfm-color-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(30,52,84,.1)}.sf-v54 .sfm-color-card.is-ready:hover{border-color:#59b98b}.sf-v54 .sfm-color-card.is-production:hover{border-color:#7aa5f5}.sf-v54 .sfm-color-card.is-unavailable:hover{border-color:#c8d2e1}
.sf-v54 .sfm-color-card-media{position:relative;aspect-ratio:1/1;background:#f3f6fb}.sf-v54 .sfm-color-card-media img{width:100%;height:100%;object-fit:cover;display:block}.sf-v54 .sfm-color-badge{position:absolute;right:10px;top:10px;padding:6px 10px;border-radius:999px;background:#fff;color:#55657c;font-size:10px;font-weight:900;box-shadow:0 6px 15px rgba(33,53,84,.1)}.sf-v54 .sfm-color-badge.is-ready{color:#1b8d52}.sf-v54 .sfm-color-badge.is-production{color:#235fd0}.sf-v54 .sfm-color-badge.is-unavailable{color:#6d7888}
.sf-v54 .sfm-color-card-fallback{display:grid;place-items:center;gap:10px;height:100%;text-align:center;color:#34475f}.sf-v54 .sfm-color-card-fallback span{display:block;width:56px;height:56px;border-radius:18px;border:4px solid rgba(255,255,255,.82);box-shadow:0 10px 20px rgba(32,51,80,.1)}
.sf-v54 .sfm-color-card-body{display:grid;gap:10px;padding:14px}.sf-v54 .sfm-color-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.sf-v54 .sfm-color-title b{color:#23364e;font-size:15px}.sf-v54 .sfm-color-title small{color:#7b8799;font-size:10px}.sf-v54 .sfm-color-meta{display:flex;flex-wrap:wrap;gap:7px}.sf-v54 .sfm-color-meta span{padding:6px 10px;border-radius:999px;background:#f6f9fc;border:1px solid #e7edf6;color:#6b7990;font-size:10px}
.sf-v54 .sfm-color-note{min-height:38px;margin:0;color:#66768c;font-size:11px;line-height:1.9}.sf-v54 .sfm-color-footer{display:flex;justify-content:space-between;gap:10px;align-items:end}.sf-v54 .sfm-color-price small{display:block;color:#8a96a7;font-size:10px}.sf-v54 .sfm-color-price b{display:block;margin-top:4px;color:#20354f;font-size:14px}.sf-v54 .sfm-open-picker{min-height:42px;border:0;border-radius:14px;background:linear-gradient(135deg,#243954,#315c97);padding:0 16px;color:#fff;font-size:11px;font-weight:900;cursor:pointer}.sf-v54 .sfm-color-card.is-unavailable .sfm-open-picker{background:#e8edf5;color:#48596f}
.sf-v54 .sfm-no-results{margin-top:4px}
.sf-v54 .sfm-color-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px}.sf-v54 .sfm-color-modal-backdrop{position:absolute;inset:0;background:rgba(17,27,42,.52);backdrop-filter:blur(2px)}.sf-v54 .sfm-color-modal-dialog{position:relative;z-index:1;width:min(1080px,100%);max-height:min(92vh,920px);border-radius:28px;background:#fff;box-shadow:0 28px 60px rgba(16,29,48,.32);overflow:hidden}.sf-v54 .sfm-color-modal-scroll{max-height:min(92vh,920px);overflow:auto}.sf-v54 .sfm-color-modal-loading{display:grid;place-items:center;gap:12px;padding:60px 24px;color:#607188;font-size:12px}.sf-v54 .sfm-modal-close{position:absolute;left:16px;top:16px;z-index:4;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:14px;background:#eff4fb;color:#1f314a;font-size:24px;cursor:pointer}
.sf-v54 .sfm-picker-panel{display:grid;gap:16px;padding:22px}.sf-v54 .sfm-picker-header{display:flex;justify-content:space-between;gap:12px;align-items:start;padding-left:48px}.sf-v54 .sfm-picker-header h2{margin:8px 0 6px;color:#22364d;font-size:22px}.sf-v54 .sfm-picker-header p{margin:0;color:#72839a;font-size:12px;line-height:1.9}.sf-v54 .sfm-picker-chip{padding:9px 14px;border-radius:999px;background:#f3f6fb;color:#52647d;font-size:11px;font-weight:900;white-space:nowrap}.sf-v54 .sfm-picker-chip.is-ready{background:#e8f8ef;color:#188850}.sf-v54 .sfm-picker-chip.is-production{background:#ebf2ff;color:#215ed1}.sf-v54 .sfm-picker-chip.is-unavailable{background:#f2f5f9;color:#637288}
.sf-v54 .sfm-picker-layout{display:grid;grid-template-columns:minmax(310px,.9fr) minmax(0,1.1fr);gap:18px}.sf-v54 .sfm-picker-gallery,.sf-v54 .sfm-picker-order{display:grid;gap:14px}.sf-v54 .sfm-picker-stage{overflow:hidden;border:1px solid #e2e9f5;border-radius:24px;background:#f4f7fc;aspect-ratio:1/1}.sf-v54 .sfm-picker-stage img,.sf-v54 .sfm-picker-stage video{width:100%;height:100%;display:block;object-fit:cover}.sf-v54 .sfm-picker-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sf-v54 .sfm-picker-thumb{overflow:hidden;height:78px;border:1px solid #dbe6f4;border-radius:16px;background:#fff;padding:0;cursor:pointer}.sf-v54 .sfm-picker-thumb.is-active{border-color:#2662d5;box-shadow:0 0 0 3px rgba(38,98,213,.12)}.sf-v54 .sfm-picker-thumb img,.sf-v54 .sfm-picker-thumb video{width:100%;height:100%;object-fit:cover;display:block}.sf-v54 .sfm-picker-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sf-v54 .sfm-picker-block{padding:14px;border:1px solid #e2e9f4;border-radius:22px;background:#fcfdff}.sf-v54 .sfm-picker-block-head{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:12px}.sf-v54 .sfm-picker-block-head i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#edf4ff;color:#2663d4;font-style:normal;font-weight:900}.sf-v54 .sfm-picker-block-head b{display:block;color:#23374f;font-size:13px}.sf-v54 .sfm-picker-block-head small{display:block;margin-top:4px;color:#7c8ba1;font-size:10px;line-height:1.8}
.sf-v54 .sfm-picker-series-list{display:grid;gap:10px}.sf-v54 .sfm-series-card{display:grid;gap:10px;padding:12px;border:1px solid #dce6f3;border-radius:18px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.sf-v54 .sfm-series-card input{display:none}.sf-v54 .sfm-series-card:hover{transform:translateY(-1px);border-color:#7fa5e9}.sf-v54 .sfm-series-card.is-active{border-color:#245fd2;box-shadow:0 0 0 3px rgba(36,95,210,.12)}.sf-v54 .sfm-series-card.is-disabled{opacity:.65;background:#f7f9fc;cursor:not-allowed}.sf-v54 .sfm-series-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.sf-v54 .sfm-series-top b{display:block;color:#22364d;font-size:13px}.sf-v54 .sfm-series-top small{display:block;margin-top:4px;color:#7d8ca1;font-size:10px}.sf-v54 .sfm-series-radio{width:18px;height:18px;border:2px solid #ccd8ea;border-radius:999px}.sf-v54 .sfm-series-card.is-active .sfm-series-radio{border-color:#245fd2;box-shadow:inset 0 0 0 4px #245fd2}.sf-v54 .sfm-series-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sf-v54 .sfm-series-prices span{padding:9px 10px;border-radius:14px;background:#f7faff;border:1px solid #e4ebf6}.sf-v54 .sfm-series-prices small{display:block;color:#8794a5;font-size:9px}.sf-v54 .sfm-series-prices strong{display:block;margin-top:4px;color:#243751;font-size:11px}.sf-v54 .sfm-series-stock{padding:9px 10px;border-radius:14px;background:#edf9f1;color:#1b8a4f;font-size:10px;font-weight:900}.sf-v54 .sfm-series-stock.is-muted{background:#f2f5f9;color:#6d7888}.sf-v54 .sfm-series-card em{color:#49627e;font-size:10px;font-style:normal}
.sf-v54 .sfm-fulfilment-row{display:flex;flex-wrap:wrap;gap:10px}.sf-v54 .sfm-fulfilment-btn{min-height:42px;border:1px solid #d8e2f1;border-radius:15px;background:#fff;padding:0 15px;color:#2d4768;font-size:11px;font-weight:900;cursor:pointer}.sf-v54 .sfm-fulfilment-btn.is-active{border-color:#245fd2;background:#edf4ff;color:#245fd2}
.sf-v54 .sfm-qty-row{display:grid;gap:12px}.sf-v54 .sfm-qty-row input{width:100%;min-height:48px;border:1px solid #d8e1ee;border-radius:16px;background:#fff;padding:0 14px;color:#22364d;font-size:16px;font-weight:900;outline:none}.sf-v54 .sfm-qty-row input:disabled{background:#f5f7fb;color:#9aa6b7}.sf-v54 .sfm-qty-presets{display:flex;flex-wrap:wrap;gap:8px}.sf-v54 .sfm-qty-presets button{min-width:42px;height:38px;border:1px solid #dbe4f1;border-radius:13px;background:#fff;color:#455971;font-size:11px;font-weight:900;cursor:pointer}.sf-v54 .sfm-qty-presets button:disabled{opacity:.45;cursor:not-allowed}.sf-v54 .sfm-qty-presets button.is-active{border-color:#245fd2;background:#edf4ff;color:#245fd2}
.sf-v54 .sfm-price-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.sf-v54 .sfm-price-box div{padding:10px 11px;border:1px solid #e4ebf6;border-radius:15px;background:#fff}.sf-v54 .sfm-price-box span{display:block;color:#8794a6;font-size:10px}.sf-v54 .sfm-price-box strong{display:block;margin-top:6px;color:#243750;font-size:12px}.sf-v54 .sfm-price-box .is-total{grid-column:1/-1;background:#243954;border-color:#243954}.sf-v54 .sfm-price-box .is-total span,.sf-v54 .sfm-price-box .is-total strong{color:#fff}
.sf-v54 .sfm-picker-submit{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border:1px solid #dde6f2;border-radius:22px;background:#fff}.sf-v54 .sfm-picker-submit-copy{display:grid;gap:5px}.sf-v54 .sfm-picker-submit-copy b{color:#23374f;font-size:13px}.sf-v54 .sfm-picker-submit-copy small{color:#738299;font-size:10px;line-height:1.9}.sf-v54 .sfm-picker-submit .sf-primary-btn{min-height:48px;white-space:nowrap}.sf-v54 .sfm-picker-submit .sf-primary-btn[disabled]{opacity:.55;cursor:not-allowed}
.sf-v54 .sfm-picker-result{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px;border:1px solid #d8e9de;border-radius:18px;background:#f1fbf5}.sf-v54 .sfm-picker-result.is-error{border-color:#f0d2d6;background:#fff5f6}.sf-v54 .sfm-picker-result-copy b{display:block;color:#1c7f49;font-size:12px}.sf-v54 .sfm-picker-result.is-error .sfm-picker-result-copy b{color:#b73344}.sf-v54 .sfm-picker-result-copy span{display:block;margin-top:4px;color:#5f7288;font-size:10px;line-height:1.8}
.sf-v54 .sf-inline-warning,.sf-v54 .sf-inline-error{padding:14px;border-radius:18px;font-size:11px;line-height:1.9}.sf-v54 .sf-inline-warning{border:1px solid #f0e3b1;background:#fff9e7;color:#8a6a09}.sf-v54 .sf-inline-warning b,.sf-v54 .sf-inline-error b{display:block;margin-bottom:4px}.sf-v54 .sf-inline-error{border:1px solid #f0d1d6;background:#fff4f6;color:#b33344}
html.sfm-modal-open,body.sfm-modal-open{overflow:hidden}
@media (max-width:1100px){.sf-v54 .sfm-home-banner,.sf-v54 .sfm-model-head,.sf-v54 .sfm-picker-layout{grid-template-columns:1fr}.sf-v54 .sfm-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.sf-v54 .sfm-home-banner,.sf-v54 .sfm-journey-banner,.sf-v54 .sfm-model-copy,.sf-v54 .sfm-model-sidecard,.sf-v54 .sfm-picker-panel{padding:14px}.sf-v54 .sfm-home-banner-copy h1,.sf-v54 .sfm-journey-copy h2,.sf-v54 .sfm-model-copy h1{font-size:22px}.sf-v54 .sfm-home-steps,.sf-v54 .sfm-journey-steps,.sf-v54 .sfm-color-grid,.sf-v54 .sfm-model-metrics,.sf-v54 .sfm-picker-facts,.sf-v54 .sfm-price-box{grid-template-columns:1fr}.sf-v54 .sfm-picker-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.sf-v54 .sfm-color-modal{padding:0}.sf-v54 .sfm-color-modal-dialog{width:100%;height:100%;max-height:none;border-radius:0}.sf-v54 .sfm-picker-header{padding-left:42px}.sf-v54 .sfm-picker-submit,.sf-v54 .sfm-picker-result,.sf-v54 .sfm-color-toolbar,.sf-v54 .sfm-home-banner-note{grid-template-columns:1fr;display:grid}.sf-v54 .sfm-picker-submit .sf-primary-btn,.sf-v54 .sfm-picker-result .sf-primary-btn{width:100%}.sf-v54 .sfm-color-summary-bar{gap:8px}.sf-v54 .sfm-color-summary-bar span{width:100%;justify-content:space-between;display:flex}}

/* Phase 62: compact model header + simplified color picker */
.sf-v54 .sfm-model-colors-shell-v62{gap:12px}
.sf-v54 .sfm-model-strip{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:11px 14px;border:1px solid #dce7f5;border-radius:20px;background:linear-gradient(135deg,#ffffff 0%,#f6f9ff 55%,#eef4ff 100%);box-shadow:0 10px 24px rgba(31,54,88,.06)}
.sf-v54 .sfm-model-strip-main{min-width:0}.sf-v54 .sfm-model-strip-kicker{display:block;margin-bottom:2px;color:#5676aa;font-size:9px;font-weight:900}.sf-v54 .sfm-model-strip h1{display:inline;margin:0;color:#223750;font-size:20px;line-height:1.4}.sf-v54 .sfm-model-strip-main small{display:block;margin-top:3px;color:#7b899d;font-size:10px}
.sf-v54 .sfm-model-strip-stats{display:flex;gap:7px}.sf-v54 .sfm-model-strip-stats span{display:grid;min-width:58px;padding:7px 9px;border:1px solid #e2e9f4;border-radius:13px;background:#fff;text-align:center}.sf-v54 .sfm-model-strip-stats b{color:#21364e;font-size:14px}.sf-v54 .sfm-model-strip-stats small{margin-top:2px;color:#8390a2;font-size:8px}
.sf-v54 .sfm-model-strip-back{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:13px;background:#233a57;color:#fff;font-size:10px;font-weight:900;text-decoration:none}
.sf-v54 .sfm-color-toolbar-v62{margin-top:0}.sf-v54 .sfm-color-toolbar-v62 .sfm-filter-chips{margin:0}
.sf-v54 .sfm-color-card-body{gap:8px}.sf-v54 .sfm-color-card .sfm-color-meta{min-height:30px}.sf-v54 .sfm-color-card .sfm-color-footer{margin-top:2px}
.sf-v54 .sfm-picker-panel-v62{gap:12px;padding:18px}.sf-v54 .sfm-picker-header-v62{padding-left:44px;align-items:center}.sf-v54 .sfm-picker-header-v62 h2{margin:3px 0 1px;font-size:20px}.sf-v54 .sfm-picker-header-v62 p{font-size:10px;line-height:1.5}
.sf-v54 .sfm-picker-layout-v62{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:14px}.sf-v54 .sfm-picker-gallery-v62,.sf-v54 .sfm-picker-order-v62{gap:10px}.sf-v54 .sfm-picker-gallery-v62 .sfm-picker-stage{aspect-ratio:1/1;border-radius:20px}.sf-v54 .sfm-picker-thumbs-v62{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.sf-v54 .sfm-picker-thumbs-v62 .sfm-picker-thumb{position:relative;height:58px;border-radius:12px}.sf-v54 .sfm-picker-thumbs-v62 .sfm-picker-thumb span{position:absolute;inset:auto 5px 5px auto;display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:rgba(22,36,56,.78);color:#fff;font-size:9px}
.sf-v54 .sfm-gallery-caption{padding:9px 11px;border:1px solid #e3ebf6;border-radius:14px;background:#f8fbff;color:#61728a;font-size:9px;line-height:1.8}.sf-v54 .sfm-gallery-caption b{font-weight:800}
.sf-v54 .sfm-simple-step{padding:12px;border:1px solid #e1e9f4;border-radius:18px;background:#fcfdff}.sf-v54 .sfm-simple-step+.sfm-simple-step{margin-top:10px}.sf-v54 .sfm-simple-step-title{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;margin-bottom:10px}.sf-v54 .sfm-simple-step-title i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#eaf2ff;color:#255fce;font-style:normal;font-size:11px;font-weight:900}.sf-v54 .sfm-simple-step-title b{display:block;color:#243850;font-size:12px}.sf-v54 .sfm-simple-step-title small{display:block;margin-top:2px;color:#8090a5;font-size:9px}
.sf-v54 .sfm-picker-series-list-v62{gap:8px}.sf-v54 .sfm-series-card-v62{grid-template-columns:22px minmax(86px,.7fr) minmax(130px,1fr) auto;gap:9px;align-items:center;padding:10px 11px;border-radius:15px}.sf-v54 .sfm-series-card-v62 .sfm-series-radio{grid-column:1;grid-row:1}.sf-v54 .sfm-series-identity{display:grid;gap:1px}.sf-v54 .sfm-series-identity b{color:#24374f;font-size:11px}.sf-v54 .sfm-series-identity small{color:#8795a7;font-size:9px}.sf-v54 .sfm-series-compact-price{display:grid;gap:2px}.sf-v54 .sfm-series-compact-price b{color:#24436a;font-size:10px}.sf-v54 .sfm-series-compact-price small{color:#8a96a6;font-size:8px}.sf-v54 .sfm-series-stock-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}.sf-v54 .sfm-series-stock-pill.is-ready{background:#e9f8ef;color:#1b8b50}.sf-v54 .sfm-series-stock-pill.is-production{background:#ecf2ff;color:#245fd0}.sf-v54 .sfm-series-stock-pill.is-out{background:#f1f4f8;color:#748195}
.sf-v54 .sfm-simple-qty-control{display:grid;grid-template-columns:44px minmax(80px,1fr) 44px;gap:7px;align-items:center}.sf-v54 .sfm-simple-qty-control button,.sf-v54 .sfm-simple-qty-control input{height:44px;border:1px solid #d9e3ef;border-radius:13px;background:#fff}.sf-v54 .sfm-simple-qty-control button{color:#2f4968;font-size:18px;font-weight:900;cursor:pointer}.sf-v54 .sfm-simple-qty-control button:disabled{opacity:.4;cursor:not-allowed}.sf-v54 .sfm-simple-qty-control input{text-align:center;color:#22364d;font-size:15px;font-weight:900;outline:none}.sf-v54 .sfm-simple-qty-control input:disabled{background:#f5f7fb;color:#9aa5b5}.sf-v54 .sfm-qty-presets-v62{margin-top:8px}.sf-v54 .sfm-qty-presets-v62 button{height:34px;min-width:40px;border-radius:11px}
.sf-v54 .sfm-order-mode-note{margin-top:8px;padding:8px 10px;border-radius:12px;font-size:9px;font-weight:900}.sf-v54 .sfm-order-mode-note.is-ready{background:#edf9f1;color:#1b8750}.sf-v54 .sfm-order-mode-note.is-production{background:#eef3ff;color:#245dca}
.sf-v54 .sfm-price-box-v62{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.sf-v54 .sfm-price-box-v62 div{padding:8px 9px;border-radius:12px}.sf-v54 .sfm-price-box-v62 span{font-size:8px}.sf-v54 .sfm-price-box-v62 strong{margin-top:4px;font-size:10px}.sf-v54 .sfm-price-box-v62 .is-total{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.sf-v54 .sfm-price-box-v62 .is-total strong{margin-top:0;font-size:12px}
.sf-v54 .sfm-picker-submit-v62{margin-top:10px;padding:11px 12px;border-radius:17px}.sf-v54 .sfm-picker-submit-v62 .sf-primary-btn{min-height:44px}.sf-v54 .sfm-picker-submit-v62 .sfm-picker-submit-copy b{font-size:11px}.sf-v54 .sfm-picker-submit-v62 .sfm-picker-submit-copy small{font-size:9px;line-height:1.7}
@media (max-width:900px){.sf-v54 .sfm-picker-layout-v62{grid-template-columns:1fr}.sf-v54 .sfm-picker-gallery-v62{grid-template-columns:minmax(0,1fr);}.sf-v54 .sfm-picker-gallery-v62 .sfm-picker-stage{aspect-ratio:16/10}.sf-v54 .sfm-picker-thumbs-v62{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:720px){.sf-v54 .sfm-model-strip{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 11px;border-radius:16px}.sf-v54 .sfm-model-strip-stats{grid-column:1/-1;order:3}.sf-v54 .sfm-model-strip-stats span{flex:1;min-width:0}.sf-v54 .sfm-model-strip h1{font-size:17px}.sf-v54 .sfm-model-strip-back{min-height:34px;padding:0 10px}.sf-v54 .sfm-picker-panel-v62{padding:12px}.sf-v54 .sfm-picker-header-v62{padding-left:38px}.sf-v54 .sfm-picker-header-v62 h2{font-size:17px}.sf-v54 .sfm-picker-layout-v62{gap:10px}.sf-v54 .sfm-picker-gallery-v62 .sfm-picker-stage{aspect-ratio:16/9}.sf-v54 .sfm-picker-thumbs-v62{display:flex;overflow-x:auto;gap:7px;padding-bottom:2px;scrollbar-width:none}.sf-v54 .sfm-picker-thumbs-v62::-webkit-scrollbar{display:none}.sf-v54 .sfm-picker-thumbs-v62 .sfm-picker-thumb{flex:0 0 58px}.sf-v54 .sfm-series-card-v62{grid-template-columns:20px minmax(80px,.8fr) minmax(0,1fr);gap:7px}.sf-v54 .sfm-series-card-v62 .sfm-series-stock-pill{grid-column:2/-1;justify-self:start}.sf-v54 .sfm-price-box-v62{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-v54 .sfm-picker-submit-v62{display:grid;grid-template-columns:1fr}.sf-v54 .sfm-picker-submit-v62 .sf-primary-btn{width:100%}.sf-v54 .sfm-color-modal-scroll{overscroll-behavior:contain}.sf-v54 .sfm-simple-step{padding:10px}}


/* === storefront-account-v67.css === */
/* Phase 67 — customer order list + order detail mobile-first polish */
.sf67-orders-page,.sf67-order-detail-page{display:grid;gap:12px}
.sf67-orders-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0}.sf67-orders-head .sf-section-title{font-size:19px;font-weight:900;color:#21364e}.sf67-orders-head .sf-section-sub{font-size:11px;color:#7b899d}.sf67-new-order{min-height:42px;padding:0 14px;font-size:12px;white-space:nowrap}
.sf67-order-filters{display:flex;gap:8px;overflow:auto;padding:1px 0 3px;scrollbar-width:none}.sf67-order-filters::-webkit-scrollbar{display:none}.sf67-order-filters .sf-chip{flex:0 0 auto;min-height:38px;padding:0 13px;font-size:11px}
.sf67-order-list{display:grid;gap:10px}.sf67-order-card{overflow:hidden;border:1px solid #dfe7f1;border-radius:19px;background:#fff;box-shadow:0 7px 22px rgba(28,50,82,.045)}
.sf67-order-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:13px 14px 10px}.sf67-order-card-top>div{min-width:0}.sf67-order-card-top>div>b{display:block;color:#20364e;font-size:14px;line-height:1.55}.sf67-order-card-top>div>small{display:block;margin-top:3px;color:#8190a4;font-size:10px;line-height:1.6}.sf67-order-card-top .sf-order-status{flex:0 0 auto;max-width:48%;padding:6px 9px;font-size:10px!important;line-height:1.45;text-align:center}
.sf67-order-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 10px}.sf67-order-facts>div{min-height:58px;padding:9px 11px;border:1px solid #e7edf5;border-radius:13px;background:#f9fbfd}.sf67-order-facts small{display:block;color:#8794a6;font-size:9px}.sf67-order-facts b{display:block;margin-top:4px;color:#233d5c;font-size:12px;line-height:1.5}.sf67-order-facts b em{font-style:normal;font-size:9px}.sf67-order-facts span{display:block;margin-top:2px;color:#2d7a58;font-size:9px}
.sf67-mini-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 14px 10px;padding:8px 0}.sf67-mini-track:before{content:"";position:absolute;right:11%;left:11%;top:19px;height:2px;background:#e4eaf2}.sf67-mini-track>div{position:relative;z-index:1;display:grid;justify-items:center;gap:4px;text-align:center}.sf67-mini-track i{display:grid;place-items:center;width:24px;height:24px;border:4px solid #fff;border-radius:50%;background:#edf1f6;color:#73839a;font-style:normal;font-size:9px;box-shadow:0 0 0 1px #dfe6ee}.sf67-mini-track span{color:#67788e;font-size:10px;font-weight:800;line-height:1.35}.sf67-mini-track .is-done i{background:#29a36b;color:#fff}.sf67-mini-track .is-active i{background:#2464dc;color:#fff}.sf67-mini-track .is-active span{color:#1f5fcf}.sf67-order-exception{display:flex;align-items:center;gap:8px;margin:0 14px 10px;padding:8px 10px;border-radius:12px;background:#fff3f4;color:#a8414a;font-size:10px;line-height:1.7}.sf67-order-exception i{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:#e8606b;color:#fff;font-style:normal;font-weight:900}
.sf67-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px 13px;border-top:1px solid #edf1f5}.sf67-order-actions a{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:13px;font-size:11px;font-weight:900}.sf67-detail-btn{border:1px solid #dbe4f0;background:#fff;color:#36506d}.sf67-track-btn{gap:6px;background:#2264dc;color:#fff}.sf67-track-btn span{font-size:15px}

/* Detail */
.sf67-detail-toolbar{display:flex;justify-content:space-between;gap:8px;align-items:center}.sf67-detail-toolbar>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;border:1px solid #dce5f0;border-radius:12px;background:#fff;color:#38506d;font-size:11px;font-weight:900}.sf67-track-order-btn{background:#edf4ff!important;color:#245fc9!important;border-color:#d5e4fb!important}
.sf67-detail-hero{display:grid;gap:12px;padding:17px;border:1px solid #dce6f2;border-radius:21px;background:linear-gradient(135deg,#f7faff,#fff 58%,#f4f0ff);box-shadow:0 10px 26px rgba(34,59,91,.055)}.sf67-detail-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sf67-detail-title>div{min-width:0}.sf67-detail-title small{display:block;color:#4d6f9a;font-size:10px;font-weight:900}.sf67-detail-title h1{margin:4px 0;color:#21364d;font-size:21px;line-height:1.45}.sf67-detail-title p{margin:0;color:#687990;font-size:11px;line-height:1.8}.sf67-detail-title>.sf-order-status{flex:0 0 auto;max-width:40%;padding:7px 10px;font-size:10px!important;text-align:center}
.sf67-detail-progress{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:4px 0}.sf67-detail-progress:before{content:"";position:absolute;right:9%;left:9%;top:18px;height:2px;background:#e0e7f0}.sf67-detail-progress>div{position:relative;z-index:1;display:grid;justify-items:center;gap:5px}.sf67-detail-progress i{display:grid;place-items:center;width:28px;height:28px;border:5px solid #fff;border-radius:50%;background:#e9eef4;color:#74849a;font-style:normal;box-shadow:0 0 0 1px #dae3ee}.sf67-detail-progress span{font-size:10px;color:#687990;font-weight:900;text-align:center}.sf67-detail-progress .is-done i{background:#2aa36c;color:#fff}.sf67-detail-progress .is-active i{background:#2464dc;color:#fff}.sf67-detail-progress .is-active span{color:#245fca}
.sf67-hero-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sf67-hero-facts>div{min-height:58px;padding:9px 10px;border:1px solid #e3ebf4;border-radius:13px;background:rgba(255,255,255,.82)}.sf67-hero-facts small{display:block;color:#8592a4;font-size:9px}.sf67-hero-facts b{display:block;margin-top:4px;color:#253d58;font-size:11px;line-height:1.5}.sf67-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.sf67-hero-actions a{min-height:43px;padding:0 14px;font-size:11px}.sf67-secondary-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9e4f1;border-radius:13px;background:#fff;color:#36516e;font-weight:900}
.sf67-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px}.sf67-detail-card{overflow:hidden;border:1px solid #dfe7f1;border-radius:19px;background:#fff;box-shadow:0 7px 20px rgba(32,52,78,.04)}.sf67-detail-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #edf1f5;background:#fcfdff}.sf67-detail-card>header h2{margin:0;color:#233a55;font-size:14px}.sf67-detail-card>header p{margin:3px 0 0;color:#8290a2;font-size:10px}.sf67-detail-card>header>span,.sf67-detail-card>header>strong{color:#2f5f99;font-size:11px;font-weight:900}
.sf67-items-card{grid-row:span 2}.sf67-detail-items{display:grid}.sf67-detail-items article{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 13px;border-bottom:1px solid #edf1f5}.sf67-detail-items article:last-child{border-bottom:0}.sf67-detail-item-img{display:grid;place-items:center;width:62px;height:62px;overflow:hidden;border-radius:13px;background:#f3f6fa}.sf67-detail-item-img img{width:100%;height:100%;object-fit:contain}.sf67-detail-item-main{display:grid;gap:4px;min-width:0}.sf67-detail-item-main>b{color:#22374f;font-size:13px}.sf67-detail-item-main>div{display:flex;gap:6px;flex-wrap:wrap}.sf67-detail-item-main>div span{padding:3px 7px;border-radius:999px;background:#f5f8fc;color:#65778d;font-size:10px}.sf67-detail-item-main>div strong{color:#2b445f}.sf67-detail-item-main>small{color:#8592a2;font-size:9px}.sf67-detail-items aside{display:grid;justify-items:end;gap:2px;text-align:left}.sf67-detail-items aside>b{color:#31547a;font-size:11px}.sf67-detail-items aside>span{color:#7d8a9b;font-size:10px}.sf67-detail-items aside>strong{color:#183f6b;font-size:12px;white-space:nowrap}
.sf67-delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.sf67-delivery-grid>div{padding:9px 10px;border:1px solid #e7edf4;border-radius:12px;background:#f9fbfd}.sf67-delivery-grid>div.is-wide{grid-column:1/-1}.sf67-delivery-grid small{display:block;color:#8895a6;font-size:9px}.sf67-delivery-grid b{display:block;margin-top:4px;color:#2a425d;font-size:11px;line-height:1.7}.sf67-customer-note{margin:0 12px 12px;padding:10px 11px;border-radius:12px;background:#fff8e7}.sf67-customer-note small{color:#896b20;font-size:9px}.sf67-customer-note p{margin:4px 0 0;color:#5f5130;font-size:10px;line-height:1.8}
.sf67-finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.sf67-finance-grid>div{padding:9px 10px;border:1px solid #e5ebf3;border-radius:12px;background:#f9fbfd}.sf67-finance-grid small{display:block;color:#8794a5;font-size:9px}.sf67-finance-grid b{display:block;margin-top:4px;color:#28425e;font-size:11px}.sf67-finance-grid .is-good{background:#f0faf4;border-color:#d7ebdf}.sf67-finance-grid .is-good b{color:#1f7f53}.sf67-finance-grid .is-warning{background:#fff9eb;border-color:#efe0b7}.sf67-finance-grid .is-warning b{color:#916916}.sf67-finance-grid .is-main{background:#edf4ff;border-color:#d4e3fa}.sf67-finance-grid .is-main b{color:#1c5fbd}.sf67-payment-history{display:grid;gap:7px;padding:0 12px 12px}.sf67-payment-history>b{font-size:11px;color:#2f435b}.sf67-payment-history>div{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;padding:8px 9px;border:1px solid #edf1f5;border-radius:11px;font-size:9px}.sf67-payment-history strong{font-size:10px}.sf67-payment-history em{padding:3px 6px;border-radius:999px;font-style:normal;font-size:9px}.sf67-payment-history em.is-confirmed{background:#eaf8f0;color:#207a51}.sf67-payment-history em.is-pending{background:#fff5df;color:#8c6816}.sf67-payment-history em.is-cancelled{background:#fdeced;color:#ad4149}
.sf67-history-list{display:grid;gap:0;padding:5px 12px 12px}.sf67-history-list>div{display:grid;grid-template-columns:12px minmax(0,1fr);gap:8px;align-items:start;padding:9px 0;border-bottom:1px solid #eef2f6}.sf67-history-list>div:last-child{border-bottom:0}.sf67-history-list i{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#2b68d6;box-shadow:0 0 0 4px #edf4ff}.sf67-history-list span{display:grid;gap:2px}.sf67-history-list b{font-size:10px;color:#2c4159}.sf67-history-list small{font-size:9px;color:#8491a1;line-height:1.7}
.sf67-deposit-card{margin-top:0}.sf67-money-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px}.sf67-money-strip span{padding:9px;border-radius:11px;background:#f8fafc;border:1px solid #e6ecf3}.sf67-money-strip small{display:block;color:#8793a3;font-size:9px}.sf67-money-strip b{display:block;margin-top:4px;color:#2d4764;font-size:11px}.sf67-deposit-details{margin:0 12px 12px;border:1px solid #dfe7f1;border-radius:13px;overflow:hidden}.sf67-deposit-details summary{cursor:pointer;padding:10px 12px;background:#f7faff;color:#2b5d99;font-size:10px;font-weight:900}.sf67-deposit-inner{display:grid;gap:10px;padding:11px}

@media(max-width:980px){.sf67-detail-grid{grid-template-columns:1fr}.sf67-items-card{grid-row:auto}}
@media(max-width:720px){
 .sf67-orders-page,.sf67-order-detail-page{gap:9px}.sf67-orders-head .sf-section-title{font-size:17px}.sf67-new-order{min-height:40px;padding:0 11px;font-size:10px}.sf67-order-filters{gap:6px}.sf67-order-filters .sf-chip{min-height:35px;padding:0 10px;font-size:10px}
 .sf67-order-card{border-radius:16px;box-shadow:none}.sf67-order-card-top{padding:10px 11px 8px}.sf67-order-card-top>div>b{font-size:12px}.sf67-order-card-top>div>small{font-size:9px}.sf67-order-card-top .sf-order-status{max-width:46%;font-size:9.5px!important;padding:5px 8px}.sf67-order-facts{gap:6px;padding:0 11px 8px}.sf67-order-facts>div{min-height:49px;padding:7px 9px}.sf67-order-facts small{font-size:8.5px}.sf67-order-facts b{font-size:11px}.sf67-mini-track{margin:0 11px 8px;padding:6px 0}.sf67-mini-track:before{top:17px}.sf67-mini-track i{width:22px;height:22px}.sf67-mini-track span{font-size:9.5px}.sf67-order-actions{gap:6px;padding:8px 11px 10px}.sf67-order-actions a{min-height:39px;font-size:10.5px}
 .sf67-detail-toolbar>a{min-height:38px;padding:0 10px;font-size:10px}.sf67-detail-hero{gap:10px;padding:13px;border-radius:17px;box-shadow:none}.sf67-detail-title h1{font-size:18px}.sf67-detail-title p{font-size:10px}.sf67-detail-title>.sf-order-status{font-size:9.5px!important}.sf67-detail-progress{padding:2px 0}.sf67-detail-progress:before{top:16px}.sf67-detail-progress i{width:25px;height:25px}.sf67-detail-progress span{font-size:9.5px}.sf67-hero-facts{grid-template-columns:1fr 1fr;gap:6px}.sf67-hero-facts>div{min-height:50px;padding:7px 8px}.sf67-hero-facts b{font-size:10.5px}.sf67-hero-actions{display:grid;grid-template-columns:1fr 1fr}.sf67-hero-actions a{min-height:41px;padding:0 9px;font-size:10px}.sf67-hero-actions a:first-child:last-child{grid-column:1/-1}
 .sf67-detail-grid{gap:9px}.sf67-detail-card{border-radius:16px;box-shadow:none}.sf67-detail-card>header{padding:10px 11px}.sf67-detail-card>header h2{font-size:13px}.sf67-detail-card>header p{font-size:9.5px}.sf67-detail-items article{grid-template-columns:54px minmax(0,1fr);gap:8px;padding:9px 10px}.sf67-detail-item-img{width:54px;height:54px}.sf67-detail-item-main>b{font-size:12px}.sf67-detail-item-main>div span{font-size:9.5px;padding:3px 6px}.sf67-detail-items aside{grid-column:2;grid-template-columns:repeat(3,max-content);justify-items:start;align-items:center;gap:8px;text-align:right}.sf67-detail-items aside>b,.sf67-detail-items aside>span,.sf67-detail-items aside>strong{font-size:10px}.sf67-delivery-grid,.sf67-finance-grid{gap:6px;padding:10px}.sf67-delivery-grid>div,.sf67-finance-grid>div{padding:8px 9px}.sf67-delivery-grid b,.sf67-finance-grid b{font-size:10.5px}.sf67-payment-history{padding:0 10px 10px}.sf67-payment-history>div{grid-template-columns:1fr auto;gap:4px}.sf67-payment-history em{grid-column:1/-1;width:max-content}.sf67-history-list{padding:4px 10px 10px}.sf67-money-strip{gap:6px;padding:10px}.sf67-money-strip b{font-size:10px}
}
@media(max-width:390px){.sf67-hero-actions{grid-template-columns:1fr}.sf67-order-actions{grid-template-columns:1fr 1fr}.sf67-detail-title{display:grid}.sf67-detail-title>.sf-order-status{width:max-content;max-width:100%}}

/* Phase 67.1 — stronger order separation + clearer timeline */
.sf67-order-list{gap:14px}
.sf67-order-card{
 border:2px solid #cfdbea;
 border-radius:20px;
 box-shadow:0 10px 28px rgba(31,54,88,.075);
 position:relative;
}
.sf67-order-card:before{
 content:"";
 position:absolute;
 inset-inline-start:0;
 top:14px;
 bottom:14px;
 width:4px;
 border-radius:0 6px 6px 0;
 background:#2d6cdf;
 opacity:.72;
}
.sf67-order-card-top{padding:14px 16px 11px}
.sf67-order-facts{padding:0 16px 11px}
.sf67-order-facts>div{
 min-height:52px;
 padding:8px 11px;
 border-color:#dbe5f0;
 background:#fbfcfe;
}
.sf67-order-facts small{font-size:10px}
.sf67-order-facts b{font-size:13px}
.sf67-mini-track{
 margin:1px 16px 11px;
 padding:10px 0 8px;
}
.sf67-mini-track:before{
 top:23px;
 height:3px;
 background:#d7e0eb;
}
.sf67-mini-track i{
 width:30px;
 height:30px;
 border-width:4px;
 font-size:11px;
 font-weight:900;
 box-shadow:0 0 0 1px #ced9e6;
}
.sf67-mini-track span{
 margin-top:2px;
 color:#4f6279;
 font-size:11.5px;
 font-weight:900;
 line-height:1.45;
}
.sf67-mini-track .is-done i{background:#249764}
.sf67-mini-track .is-done span{color:#267453}
.sf67-mini-track .is-active i{background:#1f63dc;box-shadow:0 0 0 3px rgba(31,99,220,.13)}
.sf67-mini-track .is-active span{color:#174fae}
.sf67-order-actions{padding:11px 16px 14px}
.sf-pager{margin-top:4px}

@media(max-width:720px){
 .sf67-order-list{gap:13px}
 .sf67-order-card{border-width:2px;border-color:#c9d6e5;border-radius:17px;box-shadow:0 8px 20px rgba(31,54,88,.065)}
 .sf67-order-card:before{top:10px;bottom:10px;width:3px}
 .sf67-order-card-top{padding:11px 13px 8px}
 .sf67-order-facts{gap:7px;padding:0 13px 9px}
 .sf67-order-facts>div{min-height:46px;padding:7px 9px}
 .sf67-order-facts small{font-size:9.5px}
 .sf67-order-facts b{font-size:12px}
 .sf67-mini-track{margin:0 13px 9px;padding:9px 0 7px}
 .sf67-mini-track:before{top:21px;height:3px;right:10%;left:10%}
 .sf67-mini-track i{width:28px;height:28px;font-size:10px}
 .sf67-mini-track span{font-size:11px;font-weight:900}
 .sf67-order-actions{padding:9px 13px 11px}
}

/* Make the next action clear without requiring buyers to decode the timeline. */
.sf67-next-step{margin:0 14px 11px;padding:10px 12px;border:1px solid #dbe8f8;border-radius:12px;background:#f5f9ff;color:#2c4968;font-size:12px;line-height:1.8}
.sf67-next-step b{color:#174d9c}
@media(max-width:720px){.sf67-next-step{margin:0 11px 10px;font-size:12px}.sf67-order-facts small{font-size:11px}.sf67-order-facts b{font-size:12px}.sf67-mini-track span{font-size:11px}.sf67-order-actions a{font-size:12px}}

/* Put tracking and ordering ahead of optional reseller tools. */
.sf-account-priority{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px 0;padding:22px 24px;border:1px solid #bed5f5;border-radius:20px;background:linear-gradient(120deg,#eaf3ff,#fff 75%);box-shadow:0 12px 30px rgba(28,74,140,.06)}
.sf-account-priority span{display:block;color:#2264c6;font-size:12px;font-weight:800}.sf-account-priority strong{display:block;margin-top:4px;color:#142f4e;font-size:20px}.sf-account-priority p{margin:5px 0 0;color:#526a82;font-size:13px;line-height:1.7}
.sf-account-priority-actions{display:flex;flex-wrap:wrap;gap:9px}.sf-account-priority-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border-radius:11px;background:#1c62d4;color:#fff;text-decoration:none;font-size:12px;font-weight:800}.sf-account-priority-actions a+a{border:1px solid #c9daef;background:#fff;color:#245583}
.sf-account-more{margin:20px 0;border:1px solid #dbe5f0;border-radius:16px;background:#fff}.sf-account-more>summary{cursor:pointer;list-style:none;padding:16px 18px;color:#233b58;font-size:14px;font-weight:800}.sf-account-more>summary::-webkit-details-marker{display:none}.sf-account-more>summary:after{content:'+';float:left;color:#2264c6;font-size:20px;line-height:1}.sf-account-more[open]>summary:after{content:'−'}.sf-account-more>summary span{display:block;color:#70829a;font-size:11px;font-weight:400}.sf-account-more-content{display:grid;gap:16px;padding:0 18px 18px}
.sf-account-more .p97-size-insights,.sf-account-more .p98-reseller-profile{margin:0;padding:18px;border:1px solid #dce5ef;border-radius:14px;background:#fff}
.sf-account-more .p97-insight-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.sf-account-more .p97-insight-head h2{margin:5px 0 0;font-size:17px}.sf-account-more .p97-size-bars{display:grid;gap:11px;margin:18px 0}.sf-account-more .p97-size-bars>div{display:grid;grid-template-columns:minmax(135px,1fr) minmax(100px,2fr) 45px;align-items:center;gap:12px}.sf-account-more .p97-size-bars>div>span{display:flex;justify-content:space-between;gap:8px;background:none!important;font-size:12px}.sf-account-more .p97-size-bars small{color:#63758b}.sf-account-more .p97-size-bars i{height:9px;border-radius:99px;background:#e3ebf5!important;overflow:hidden}.sf-account-more .p97-size-bars u{display:block;height:100%;border-radius:99px;background:#2264d4}.sf-account-more .p97-size-bars em{font-style:normal;font-size:12px;color:#45627d}
.sf-account-more .p98-reseller-profile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sf-account-more .p98-reseller-profile-head small,.sf-account-more .p98-reseller-profile-head b{display:block}.sf-account-more .p98-reseller-profile form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.sf-account-more .p98-reseller-profile label{display:grid;gap:6px;color:#344d67;font-size:12px;font-weight:700}.sf-account-more .p98-reseller-profile input{width:100%;min-height:42px;padding:8px 11px;border:1px solid #d3dfeb;border-radius:10px;background:#fff;font:inherit}.sf-account-more .p98-reseller-profile input[type=file]{padding:8px;height:auto}.sf-account-more .p98-reseller-profile form button{min-height:42px}
@media(max-width:720px){.sf-account-priority{align-items:stretch;flex-direction:column;padding:17px}.sf-account-priority-actions{display:grid}.sf-account-more-content{padding:0 12px 12px}.sf-account-more .p97-size-bars>div{grid-template-columns:1fr 1fr 35px;gap:7px}.sf-account-more .p97-size-bars>div>span{display:grid;gap:0}.sf-account-more .p98-reseller-profile form{grid-template-columns:1fr}}
.sf67-production-due{margin:10px 0 0;padding:10px 13px;border:1px solid #cbdff5;border-radius:12px;background:#f2f8ff;color:#2c4d6e;font-size:12px;line-height:1.8}.sf67-production-due b{color:#174d94}


/* === customer-phase97.css === */
/* Royan Phase 97 - customer portal clarity */
.p97-shipping-tracker{margin:10px 0;padding:12px;border:1.5px solid #cbd5e1;border-radius:16px;background:#fff;color:#0f172a}.p97-tracker-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.p97-tracker-title b{font-size:13px}.p97-tracker-title span{font-size:10px;color:#475569}.p97-tracker-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:10px}.p97-tracker-steps>div{position:relative;min-height:52px;padding:7px 4px;border:1.5px solid #cbd5e1;border-radius:10px;text-align:center;background:#f8fafc;color:#475569;font-size:9.5px;font-weight:900}.p97-tracker-steps>div.is-done{border-color:#86efac;background:#f0fdf4;color:#166534}.p97-tracker-steps>div.is-current,.p97-tracker-steps>div.is-active{border-color:#38bdf8;background:#f0f9ff;color:#075985}.p97-size-insights{border:1.5px solid #cbd5e1!important;background:#fff!important;color:#0f172a!important}.p97-size-bars span{background:#e2e8f0!important}.p97-size-bars i{background:#0f766e!important}.p97-insight-head small{color:#475569!important}.p97-reorder,.p97-recommend-basket{min-height:44px;font-weight:950}
@media(max-width:600px){.p97-tracker-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.p97-tracker-steps>div{font-size:10.5px;min-height:50px}}


/* === storefront-phase101.css === */
/* Royan Phase 101 — Sensory Commerce & Advanced Mobile Interaction
   Lightweight, progressive, shared-hosting safe. No WebGL dependency. */
:root{--p101-accent:#0f9f6e;--p101-accent-rgb:15,159,110;--p101-warn:#d8890b;--p101-danger:#d94848;--p101-glass:rgba(255,255,255,.78);--p101-glass-border:rgba(148,163,184,.32);--p101-ink:#101827;--p101-muted:#667085;--p101-shadow:0 18px 44px rgba(15,23,42,.11)}
html[data-p101-accent="blue"]{--p101-accent:#2868d8;--p101-accent-rgb:40,104,216}html[data-p101-accent="amber"]{--p101-accent:#d98308;--p101-accent-rgb:217,131,8}html[data-p101-accent="emerald"]{--p101-accent:#0f9f6e;--p101-accent-rgb:15,159,110}
html[data-p101-theme="neon"] body{background:#071018!important;color:#f4f8fb!important}html[data-p101-theme="neon"]{--p101-glass:rgba(10,25,34,.84);--p101-glass-border:rgba(105,181,159,.27);--p101-ink:#f5fbf8;--p101-muted:#aac1bc;--p101-shadow:0 18px 46px rgba(0,0,0,.38)}html[data-p101-theme="neon"] .sf-topbar,html[data-p101-theme="neon"] .sf-bottom-nav{background:rgba(7,16,24,.92)!important;border-color:rgba(130,164,159,.25)!important;color:#eefaf6!important}html[data-p101-theme="neon"] .sf-product-row,html[data-p101-theme="neon"] .sf-summary,html[data-p101-theme="neon"] .sf-cart-item{background:#0b1822!important;color:#f5fbf8!important;border-color:#263946!important}
.p101-experience-fab{position:fixed;z-index:89;left:max(12px,env(safe-area-inset-left));bottom:calc(82px + env(safe-area-inset-bottom));width:46px;height:46px;border:1px solid rgba(var(--p101-accent-rgb),.32);border-radius:50%;display:grid;place-items:center;background:rgba(15,23,42,.9);color:#fff;box-shadow:0 12px 32px rgba(2,6,23,.28);font-size:20px;cursor:pointer;backdrop-filter:blur(12px)}
.p101-experience-sheet{position:fixed;z-index:130;inset:0;display:grid;align-items:end;background:rgba(2,6,23,.48);padding:12px;backdrop-filter:blur(3px)}.p101-experience-sheet[hidden]{display:none}.p101-experience-card{max-width:520px;width:100%;margin:0 auto;border:1px solid var(--p101-glass-border);border-radius:24px 24px 16px 16px;background:var(--p101-glass);color:var(--p101-ink);box-shadow:0 30px 70px rgba(2,6,23,.28);padding:14px;backdrop-filter:blur(24px);display:grid;gap:12px}.p101-sheet-grip{width:46px;height:5px;border-radius:999px;background:#aab5c3;margin:0 auto 3px}.p101-pref-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.p101-pref-head h3{margin:0;font-size:16px}.p101-pref-head button{width:44px;height:44px;border:0;border-radius:12px;background:rgba(148,163,184,.16);font-size:22px}.p101-pref-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.p101-pref-group{display:grid;gap:6px;padding:10px;border:1px solid var(--p101-glass-border);border-radius:14px}.p101-pref-group>span{font-size:11px;color:var(--p101-muted);font-weight:900}.p101-pref-options{display:flex;gap:5px;flex-wrap:wrap}.p101-pref-options button{min-height:40px;border:1px solid var(--p101-glass-border);border-radius:10px;background:transparent;color:inherit;padding:0 10px;font:inherit;font-size:11px;font-weight:900}.p101-pref-options button.is-active{background:var(--p101-accent);border-color:var(--p101-accent);color:#fff}.p101-pref-note{font-size:10.5px;line-height:1.7;color:var(--p101-muted)}
.p101-glass-card{position:relative;isolation:isolate;overflow:visible!important;transform:perspective(900px) rotateX(var(--p101-rx,0deg)) rotateY(var(--p101-ry,0deg)) translateZ(0);transform-style:preserve-3d;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease;will-change:transform;border-color:var(--p101-glass-border)!important;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(248,250,252,.82))!important;box-shadow:var(--p101-shadow)!important}.p101-glass-card:before{content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;background:radial-gradient(circle at var(--p101-glow-x,20%) var(--p101-glow-y,10%),rgba(var(--p101-accent-rgb),.14),transparent 38%);pointer-events:none}.p101-aura-card:after{content:"";position:absolute;z-index:-2;inset:-4px;border-radius:inherit;background:conic-gradient(from var(--p101-aura-angle,0deg),rgba(var(--p101-accent-rgb),.02),rgba(var(--p101-accent-rgb),.25),rgba(245,158,11,.16),rgba(var(--p101-accent-rgb),.02));filter:blur(9px);opacity:.58;animation:p101Aura 8s linear infinite}.p101-last-stock{animation:p101LowNudge 5s ease-in-out infinite}.p101-glass-card .p97-product-photo,.p101-glass-card .p97-card-body{transform:translateZ(18px)}
@keyframes p101Aura{to{--p101-aura-angle:360deg}}@keyframes p101LowNudge{0%,92%,100%{transform:perspective(900px) rotateX(var(--p101-rx,0deg)) rotateY(var(--p101-ry,0deg))}94%{transform:perspective(900px) rotateZ(-.7deg)}96%{transform:perspective(900px) rotateZ(.7deg)}98%{transform:perspective(900px) rotateZ(-.4deg)}}
.p101-card-tools,.p101-card-signals{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.p101-card-tools button,.p101-card-tools a,.p101-toss-handle{min-height:38px;border:1px solid #d7e0ea;border-radius:10px;background:#fff;color:#435269;font:inherit;font-size:10.5px;font-weight:900;padding:0 9px;text-decoration:none}.p101-card-tools button.is-selected{border-color:var(--p101-accent);background:rgba(var(--p101-accent-rgb),.1);color:var(--p101-accent)}.p101-card-signals span{padding:4px 7px;border-radius:999px;font-size:9.5px;font-weight:900;background:#f1f5f9;color:#526176}.p101-card-signals [data-p101-viewer-chip]{background:rgba(var(--p101-accent-rgb),.1);color:var(--p101-accent)}.p101-card-signals .p101-urgency{background:#fff4db;color:#a56306;animation:p101Pulse 1.8s infinite}.p101-fit-chip{border:1px solid #e2e8f0}.p101-swipe-hint{display:none;align-items:center;justify-content:space-between;gap:6px;color:#718096;font-size:9px}.p101-swipe-hint b{font-size:9.5px;color:#475569}.p101-toss-handle{width:100%;border-style:dashed;background:#f8fafc}.p101-toss-handle:active{transform:scale(.97)}
@keyframes p101Pulse{50%{box-shadow:0 0 0 6px rgba(217,137,8,0)}}
.p101-swipe-right{transition:transform .28s ease,opacity .28s ease!important;transform:translateX(115%) rotate(8deg)!important;opacity:0}.p101-swipe-left{transition:transform .28s ease,opacity .28s ease!important;transform:translateX(-115%) rotate(-8deg)!important;opacity:0}.p101-card-dragging{transition:none!important;z-index:8}.p101-card-dragging:after{content:attr(data-p101-gesture-label);position:absolute;z-index:8;top:14px;right:14px;padding:8px 12px;border-radius:12px;background:rgba(15,23,42,.86);color:#fff;font-size:11px;font-weight:950;backdrop-filter:blur(10px)}
.p101-fly{position:fixed;z-index:300;pointer-events:none;width:72px;height:72px;border-radius:18px;object-fit:cover;box-shadow:0 18px 36px rgba(15,23,42,.28);transition:transform .65s cubic-bezier(.2,.82,.24,1),opacity .58s ease}.p101-cart-hit{animation:p101CartHit .42s cubic-bezier(.2,1.5,.4,1)}@keyframes p101CartHit{50%{transform:scale(1.18)}}
.p101-fomo{position:fixed;z-index:110;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));max-width:min(370px,calc(100vw - 24px));display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;padding:9px 11px;border:1px solid rgba(255,255,255,.28);border-radius:15px;background:rgba(20,30,43,.87);color:#fff;box-shadow:0 14px 38px rgba(2,6,23,.27);backdrop-filter:blur(14px);animation:p101ToastIn .3s ease both}.p101-fomo i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(var(--p101-accent-rgb),.22);font-style:normal}.p101-fomo b{font-size:11px}.p101-fomo span{display:block;margin-top:2px;font-size:9.5px;color:#dbe7ed}.p101-fomo.is-out{animation:p101ToastOut .3s ease both}@keyframes p101ToastIn{from{opacity:0;transform:translateY(18px) scale(.96)}}@keyframes p101ToastOut{to{opacity:0;transform:translateY(12px)}}
.p101-compare-sheet{position:fixed;z-index:125;inset:0;background:rgba(2,6,23,.5);display:grid;align-items:end;padding:10px}.p101-compare-sheet[hidden]{display:none}.p101-compare-card{max-width:720px;width:100%;margin:auto;border-radius:22px 22px 14px 14px;background:#fff;padding:12px;display:grid;gap:10px;box-shadow:0 28px 70px rgba(2,6,23,.3)}.p101-compare-head{display:flex;justify-content:space-between;align-items:center}.p101-compare-head h3{margin:0;font-size:15px}.p101-compare-head button{width:44px;height:44px;border:0;border-radius:12px;background:#eef2f6;font-size:22px}.p101-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.p101-compare-item{display:grid;gap:6px;padding:9px;border:1px solid #dce4ed;border-radius:15px}.p101-compare-item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;background:#f2f4f7}.p101-compare-item b{font-size:12px}.p101-compare-item span{font-size:10px;color:#667085}.p101-compare-item strong{font-size:12px;color:#0d865f}.p101-compare-item a{display:grid;place-items:center;min-height:42px;border-radius:11px;background:#111827;color:#fff;text-decoration:none;font-size:11px;font-weight:900}
.p101-voice-orb{position:fixed;z-index:86;right:max(12px,env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom));width:50px;height:50px;border:0;border-radius:50%;background:linear-gradient(145deg,var(--p101-accent),#0f172a);color:#fff;box-shadow:0 13px 36px rgba(var(--p101-accent-rgb),.34);font-size:20px;display:grid;place-items:center}.p101-voice-orb.is-listening{animation:p101Voice 1s infinite}.p101-voice-wave{position:fixed;z-index:112;right:14px;left:14px;bottom:calc(142px + env(safe-area-inset-bottom));max-width:520px;margin:auto;padding:10px 12px;border-radius:15px;background:rgba(15,23,42,.92);color:#fff;box-shadow:0 14px 40px rgba(2,6,23,.3);display:flex;align-items:center;gap:10px}.p101-voice-wave[hidden]{display:none}.p101-wave-bars{display:flex;align-items:center;gap:2px;height:28px}.p101-wave-bars i{width:3px;height:8px;border-radius:99px;background:#5ee3b5;animation:p101Wave .55s ease-in-out infinite alternate}.p101-wave-bars i:nth-child(2n){animation-delay:.12s}.p101-wave-bars i:nth-child(3n){animation-delay:.24s}@keyframes p101Wave{to{height:25px}}@keyframes p101Voice{50%{box-shadow:0 0 0 10px rgba(var(--p101-accent-rgb),.12),0 13px 36px rgba(var(--p101-accent-rgb),.34)}}
.p101-share-cart{width:100%;min-height:48px;border:1.5px solid rgba(var(--p101-accent-rgb),.35);border-radius:13px;background:rgba(var(--p101-accent-rgb),.08);color:var(--p101-accent);font:inherit;font-size:11px;font-weight:950;display:flex;align-items:center;justify-content:center;gap:7px}.p101-share-cart span{font-size:18px}.p101-share-pop{position:fixed;z-index:120;right:12px;left:12px;bottom:calc(88px + env(safe-area-inset-bottom));max-width:520px;margin:auto;border-radius:16px;background:#0f172a;color:#fff;padding:12px;box-shadow:0 20px 50px rgba(2,6,23,.32);display:grid;gap:7px}.p101-share-pop b{font-size:12px}.p101-share-pop small{color:#cbd5e1;font-size:10px}.p101-share-pop div{display:flex;gap:6px}.p101-share-pop button,.p101-share-pop a{min-height:42px;flex:1;border:0;border-radius:10px;background:#fff;color:#111827;font:inherit;font-size:10.5px;font-weight:900;text-decoration:none;display:grid;place-items:center}
.p101-shared-cart{padding-top:18px;padding-bottom:110px}.p101-shared-head{display:grid;gap:4px;margin-bottom:12px}.p101-shared-head>span{font-size:10px;color:var(--p101-accent);font-weight:950}.p101-shared-head h1{margin:0;font-size:20px}.p101-shared-head p{margin:0;color:#68768a;font-size:11px;line-height:1.8}.p101-shared-list{display:grid;gap:7px}.p101-shared-list article{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px solid #dfe6ee;border-radius:15px;background:#fff}.p101-shared-list img{width:72px;height:72px;object-fit:cover;border-radius:12px;background:#f3f5f8}.p101-shared-list article div{min-width:0;display:grid;gap:2px}.p101-shared-list article div b{font-size:12px}.p101-shared-list article div span,.p101-shared-list article div small{font-size:10px;color:#69768a}.p101-shared-list aside{text-align:left;display:grid;gap:4px}.p101-shared-list aside b{font-size:11px}.p101-shared-list aside small{font-size:9px}.p101-shared-list aside small.ok{color:#087b54}.p101-shared-list aside small.no{color:#b42318}.p101-shared-summary{display:flex;justify-content:space-between;gap:8px;margin:10px 0;padding:10px;border-radius:13px;background:#f6f8fa;font-size:11px}.p101-import-cart{width:100%;min-height:52px;border:0;border-radius:14px;background:var(--p101-accent);color:#fff;font:inherit;font-weight:950}.p101-import-cart:disabled{opacity:.45}.p101-shared-note{display:block;text-align:center;margin-top:7px;color:#78869a;font-size:9.5px}.p101-shared-empty{padding:24px;text-align:center;border:1px dashed #ccd7e2;border-radius:15px}
.p101-fit-gauge{display:grid;gap:7px;padding:10px;border:1px solid #dce5ed;border-radius:15px;background:#fbfcfd}.p101-fit-gauge-head{display:flex;justify-content:space-between;gap:8px}.p101-fit-gauge-head b{font-size:12px}.p101-fit-gauge-head span{font-size:10px;color:#667085}.p101-fit-track{position:relative;height:8px;border-radius:99px;background:linear-gradient(90deg,#f59e0b,#10b981,#3b82f6)}.p101-fit-track i{position:absolute;top:50%;left:var(--fit-at);width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#0f172a;box-shadow:0 3px 9px rgba(15,23,42,.22);transform:translate(-50%,-50%)}.p101-fit-labels{display:flex;justify-content:space-between;font-size:9px;color:#7a8798}
.p101-bale-meter{display:flex;align-items:center;gap:9px}.p101-bale-circle{--pct:0;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--p101-accent) calc(var(--pct)*1%),#e7edf2 0);position:relative}.p101-bale-circle:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.p101-bale-circle b{position:relative;z-index:2;font-size:11px}.p101-bale-meter span{font-size:10px;color:#667085}
.p101-brand-skeleton{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(105deg,#edf1f5 20%,#f8fafc 40%,#edf1f5 60%);background-size:220% 100%;animation:p101Skeleton 1.2s linear infinite;pointer-events:none}.p101-brand-skeleton:after{content:"👟";font-size:32px;filter:grayscale(1);opacity:.22;animation:p101ShoeLoad 1.1s ease-in-out infinite}.p101-brand-skeleton.is-done{opacity:0;transition:opacity .3s;visibility:hidden}@keyframes p101Skeleton{to{background-position:-220% 0}}@keyframes p101ShoeLoad{50%{transform:translateY(-4px) rotate(-5deg)}}
.p101-neon-ripple{overflow:hidden}.p101-ripple-host{position:relative}.p101-ripple-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:rgba(var(--p101-accent-rgb),.42);transform:translate(-50%,-50%) scale(0);animation:p101Ripple .55s ease-out forwards;pointer-events:none}@keyframes p101Ripple{to{transform:translate(-50%,-50%) scale(16);opacity:0}}
@media(max-width:700px){.p101-pref-grid{grid-template-columns:1fr}.p101-swipe-hint{display:flex}.p101-glass-card{touch-action:pan-y}.p101-card-tools button,.p101-card-tools a,.p101-toss-handle{min-height:42px}.p101-compare-card{max-height:82vh;overflow:auto}.p101-shared-list article{grid-template-columns:62px minmax(0,1fr)}.p101-shared-list img{width:62px;height:62px}.p101-shared-list aside{grid-column:2;text-align:right}.p101-experience-fab{left:10px}.p101-voice-orb{right:10px}}
@media(prefers-reduced-motion:reduce){.p101-glass-card,.p101-aura-card,.p101-last-stock,.p101-urgency,.p101-voice-orb,.p101-wave-bars i,.p101-brand-skeleton,.p101-brand-skeleton:after{animation:none!important;transition:none!important;transform:none!important}}html[data-p101-motion="off"] .p101-glass-card,html[data-p101-motion="off"] .p101-aura-card,html[data-p101-motion="off"] .p101-last-stock,html[data-p101-motion="off"] .p101-urgency,html[data-p101-motion="off"] .p101-brand-skeleton{animation:none!important;transition:none!important;transform:none!important}
.p101-reorder-capsule{margin:10px 0;padding:11px;border:1px solid rgba(var(--p101-accent-rgb),.26);border-radius:16px;background:linear-gradient(145deg,rgba(var(--p101-accent-rgb),.08),rgba(255,255,255,.86));display:flex;align-items:center;justify-content:space-between;gap:10px}.p101-reorder-capsule div{display:grid;gap:2px}.p101-reorder-capsule small{font-size:9.5px;color:var(--p101-accent);font-weight:950}.p101-reorder-capsule b{font-size:12px}.p101-reorder-capsule span{font-size:10px;color:#68768a}.p101-reorder-capsule form{flex:0 0 auto}.p101-reorder-capsule button{min-height:46px;border:0;border-radius:12px;background:var(--p101-accent);color:#fff;padding:0 13px;font:inherit;font-size:11px;font-weight:950}@media(max-width:620px){.p101-reorder-capsule{align-items:stretch;flex-direction:column}.p101-reorder-capsule button{width:100%}}


/* === storefront-repair-106.css === */
/* Royan 0.106.0 repair pack — order consistency, trust, checkout clarity and dark-theme contrast. */
.sf107-checkout-steps{grid-template-columns:repeat(7,minmax(0,auto))}
.sf107-order-costs{display:grid;gap:8px;margin:12px 0;padding:12px;border:1px solid #e3e8ef;border-radius:14px;background:#f8fafc;color:#172033}.sf107-order-costs>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.sf107-order-costs small{display:block;color:#64748b;font-size:10px}
.sf107-reservation-before-submit,.sf106-reservation-facts,.sf107-production-time{margin:10px 0;padding:11px 12px;border:1px solid #cfe0f7;border-radius:12px;background:#eef6ff;color:#194e89}.sf107-reservation-before-submit b,.sf107-reservation-before-submit span,.sf107-production-time b,.sf107-production-time span,.sf107-production-time strong{display:block}.sf107-reservation-before-submit span,.sf107-production-time span{margin-top:3px;font-size:10.5px;line-height:1.8}.sf107-production-time strong{margin-top:6px;font-size:12px}.sf107-reservation-exact{display:block;margin-top:6px;font-size:10.5px;line-height:1.8;font-weight:800}
.sf106-receiver-choice{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #dce5ef;border-radius:13px;background:#f8fafc}.sf106-receiver-choice>div span,.sf106-receiver-choice>div b{display:block}.sf106-receiver-choice>div b{margin-top:3px;font-size:12px}.sf106-receiver-choice>label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;font-weight:900}
.sf107-carrier-empty{display:grid;gap:7px;padding:11px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#1e293b}.sf107-carrier-empty>span,.sf107-carrier-empty>small{font-size:10.5px;color:#64748b}.sf106-carrier-mode{display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:10px;background:#fff;font-size:11px;font-weight:800}.sf107-carrier-empty input[type=text],.sf107-carrier-empty input:not([type]){width:100%;min-height:42px;border:1px solid #d8e1eb;border-radius:10px;padding:8px 10px;background:#fff;color:#172033}
.sf106-delivery-review{margin-top:12px;padding:13px;border:1px solid #dfe6ef;border-radius:15px;background:#fff}.sf106-delivery-review header{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}.sf106-delivery-review header b{font-size:13px}.sf106-delivery-review header small{font-size:10px;color:#64748b}.sf106-delivery-review>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sf106-delivery-review>div>span{padding:9px;border-radius:10px;background:#f8fafc}.sf106-delivery-review small,.sf106-delivery-review b{display:block}.sf106-delivery-review small{color:#64748b;font-size:9px}.sf106-delivery-review b{margin-top:2px;font-size:11px;line-height:1.7}
.sf107-finance-split,.sf106-finance-split{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.sf107-finance-split>div,.sf106-finance-split>span{padding:10px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#172033}.sf107-finance-split small,.sf107-finance-split span,.sf106-finance-split small,.sf106-finance-split b,.sf106-finance-split em{display:block}.sf107-finance-split small,.sf106-finance-split small{font-size:10px;color:#64748b}.sf107-finance-split span{margin-top:3px;font-size:11px}.sf106-finance-split b{margin-top:3px}.sf106-finance-split em{margin-top:2px;color:#64748b;font-size:9px;font-style:normal}
.sf106-stock-blocked{color:#9a3412!important}.sf106-color-block-reason{display:block;margin-top:4px;padding:5px 7px;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:9px;line-height:1.65}
.sf106-reorder-preview{scroll-margin-top:80px;margin-bottom:10px;padding:12px;border:1px solid #dde5ef;border-radius:14px;background:#fff}.sf106-reorder-preview header{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:8px}.sf106-reorder-preview header small{color:#64748b;font-size:9px}.sf106-reorder-preview article{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #edf1f5}.sf106-reorder-preview article:first-child{border-top:0}.sf106-reorder-preview span b,.sf106-reorder-preview span small{display:block}.sf106-reorder-preview span small{color:#64748b;font-size:9px}.sf106-reorder-preview em{font-style:normal;font-size:10px;font-weight:900}.sf106-reorder-preview .is-out em{color:#b91c1c}.sf106-reorder-preview .is-changed em{color:#a16207}.sf106-reorder-actions{display:flex;flex-wrap:wrap;gap:7px}.sf106-reorder-actions small{flex-basis:100%;color:#64748b;font-size:9px}
.sf107-return-policy{margin:0 0 12px;padding:11px 12px;border:1px solid #f3cf9e;border-radius:13px;background:#fff7ed;color:#7c3d12}.sf107-return-policy b,.sf107-return-policy span{display:block}.sf107-return-policy span{margin-top:3px;font-size:10.5px;line-height:1.8}.sf107-return-policy.is-checkout{margin-top:12px}
.sf107-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.sf107-content-main{display:grid;gap:12px}.sf107-trust-card{padding:16px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;color:#172033}.sf107-trust-card h2{margin:0 0 10px;font-size:16px}.sf107-page-copy{font-size:12px;line-height:2.05;color:#475569}.sf107-trust-steps{display:grid;gap:8px}.sf107-trust-steps>div{padding:10px 11px;border-radius:12px;background:#f8fafc}.sf107-trust-steps b,.sf107-trust-steps span{display:block}.sf107-trust-steps b{font-size:12px}.sf107-trust-steps span{margin-top:2px;font-size:10.5px;line-height:1.85;color:#5b687a}.sf107-trust-meta{display:grid;gap:8px}.sf107-trust-meta a,.sf107-trust-meta span{padding:10px 12px;border-radius:11px;background:#f8fafc;color:#334155;font-size:12px}.sf107-contact-missing{display:grid;gap:3px;margin:8px 0;padding:10px;border-radius:11px;background:#fff7ed;color:#8a4b0f}.sf107-contact-missing span{font-size:10px;line-height:1.8}.sf107-business-card{position:sticky;top:84px}.sf107-complaint-path{border-top:1px solid #e5e7eb;padding-top:9px!important}
.sf107-product-specs{margin:12px auto;padding:14px;border:1px solid #dfe6ef;border-radius:16px;background:#fff}.sf107-spec-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:10px}.sf107-spec-head b{font-size:14px;color:#172033}.sf107-spec-head span{font-size:9.5px;color:#64748b}.sf107-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sf107-spec-grid>div{padding:9px 10px;border-radius:10px;background:#f8fafc}.sf107-spec-grid small,.sf107-spec-grid b{display:block}.sf107-spec-grid small{font-size:9px;color:#64748b}.sf107-spec-grid b{margin-top:2px;font-size:11px;line-height:1.7;color:#24364f}
.sf107-success-recipient{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}.sf107-success-recipient>span{padding:8px 9px;border-radius:10px;background:#f8fafc}.sf107-success-recipient small,.sf107-success-recipient b{display:block}.sf107-success-recipient small{font-size:9px;color:#64748b}.sf107-success-recipient b{font-size:11px}

/* The storefront theme system uses html[data-p101-theme="neon"]. Keep default/light untouched and improve only actual dark mode. */
html[data-p101-theme="neon"] .sf-brand-title,html[data-p101-theme="neon"] .sf-mobile-title,html[data-p101-theme="neon"] .sf-section-title,html[data-p101-theme="neon"] .sf-summary b,html[data-p101-theme="neon"] .sf75-card b,html[data-p101-theme="neon"] .sf67-detail-card h2{color:#f4f8ff!important}
html[data-p101-theme="neon"] .sf-brand-sub,html[data-p101-theme="neon"] .sf-section-sub,html[data-p101-theme="neon"] .sf75-card small,html[data-p101-theme="neon"] .sf67-detail-card p{color:#b9c8d8!important}
html[data-p101-theme="neon"] .sf-cart-page .sf-cart-item,html[data-p101-theme="neon"] .sf75-order-page .sf75-order-hero,html[data-p101-theme="neon"] .sf-account-page .sf67-detail-card,html[data-p101-theme="neon"] .sf-order-card{background:#0c1b27!important;border-color:#29404e!important;color:#edf5f8!important}
html[data-p101-theme="neon"] .sf-cart-page .sf-cart-item b,html[data-p101-theme="neon"] .sf75-order-page .sf75-order-hero h1,html[data-p101-theme="neon"] .sf75-order-page .sf75-order-hero b,html[data-p101-theme="neon"] .sf-account-page .sf67-detail-card b,html[data-p101-theme="neon"] .sf-order-card b{color:#f4f8ff!important}
html[data-p101-theme="neon"] .sf-cart-page .sf-cart-item small,html[data-p101-theme="neon"] .sf75-order-page .sf75-order-hero small,html[data-p101-theme="neon"] .sf-account-page .sf67-detail-card small,html[data-p101-theme="neon"] .sf-order-card small{color:#b9c8d8!important}
html[data-p101-theme="neon"] .sf107-order-costs,html[data-p101-theme="neon"] .sf107-carrier-empty,html[data-p101-theme="neon"] .sf106-receiver-choice,html[data-p101-theme="neon"] .sf106-delivery-review,html[data-p101-theme="neon"] .sf107-trust-card,html[data-p101-theme="neon"] .sf107-product-specs,html[data-p101-theme="neon"] .sf106-reorder-preview{background:#0c1b27;border-color:#29404e;color:#edf5f8}
html[data-p101-theme="neon"] .sf106-carrier-mode,html[data-p101-theme="neon"] .sf106-delivery-review>div>span,html[data-p101-theme="neon"] .sf107-trust-steps>div,html[data-p101-theme="neon"] .sf107-trust-meta a,html[data-p101-theme="neon"] .sf107-trust-meta span,html[data-p101-theme="neon"] .sf107-spec-grid>div,html[data-p101-theme="neon"] .sf107-success-recipient>span{background:#112632;color:#edf5f8}
html[data-p101-theme="neon"] .sf107-finance-split>div,html[data-p101-theme="neon"] .sf106-finance-split>span{background:#102432;border-color:#2a4352;color:#eef7fa}
html[data-p101-theme="neon"] .sf107-page-copy,html[data-p101-theme="neon"] .sf107-trust-steps span,html[data-p101-theme="neon"] .sf107-spec-head span,html[data-p101-theme="neon"] .sf107-spec-grid small,html[data-p101-theme="neon"] .sf107-order-costs small,html[data-p101-theme="neon"] .sf107-carrier-empty>span,html[data-p101-theme="neon"] .sf106-delivery-review small,html[data-p101-theme="neon"] .sf106-reorder-preview small,html[data-p101-theme="neon"] .sf106-finance-split small,html[data-p101-theme="neon"] .sf106-finance-split em{color:#b4c4d0!important}
html[data-p101-theme="neon"] .sf107-spec-head b,html[data-p101-theme="neon"] .sf107-spec-grid b{color:#f1f8fb}
html[data-p101-theme="neon"] .sf107-carrier-empty input,html[data-p101-theme="neon"] input,html[data-p101-theme="neon"] select,html[data-p101-theme="neon"] textarea{color:#edf5f8;border-color:#395365;background:#102432}
html[data-p101-theme="neon"] input::placeholder,html[data-p101-theme="neon"] textarea::placeholder{color:#8fa5b4}
html[data-p101-theme="neon"] .sf107-production-time,html[data-p101-theme="neon"] .sf106-reservation-facts,html[data-p101-theme="neon"] .sf107-reservation-before-submit{background:#102a3b;border-color:#285875;color:#ddecf7}
html[data-p101-theme="neon"] .sf107-return-policy,html[data-p101-theme="neon"] .sf106-color-block-reason,html[data-p101-theme="neon"] .sf107-contact-missing{background:#332717;border-color:#6a4f25;color:#f6d69a}

@media(max-width:760px){.sf107-checkout-steps{display:flex;overflow:auto}.sf107-checkout-steps>em{min-width:18px}.sf107-finance-split,.sf106-finance-split,.sf106-delivery-review>div,.sf107-spec-grid{grid-template-columns:1fr}.sf107-content-grid{grid-template-columns:1fr}.sf107-business-card{position:static}.sf107-order-costs>div{align-items:flex-start;flex-direction:column}.sf106-receiver-choice{align-items:flex-start;flex-direction:column}.sf107-spec-head{align-items:flex-start;flex-direction:column}.sf106-reorder-preview article{align-items:flex-start;flex-direction:column}}


/* === storefront-repair-107.css === */
/* Royan 0.107 catalog/product repair layer — issues 21..30 */
.sf108-catalog-size-context,
.sf108-modal-size-context{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:12px 0;padding:12px 14px;border:1px solid rgba(37,99,235,.22);
  border-radius:14px;background:rgba(37,99,235,.055);color:var(--sf-text,#172033)
}
.sf108-catalog-size-context>div,.sf108-modal-size-context{min-width:0}
.sf108-catalog-size-context small,.sf108-modal-size-context span{display:block;color:var(--sf-muted,#657086);font-size:12px;line-height:1.7}
.sf108-catalog-size-context b,.sf108-modal-size-context b{display:block;margin:2px 0;font-size:14px;line-height:1.7}
.sf108-catalog-size-context.is-expanded{opacity:.76;border-style:dashed}
.sf-series-card.is-catalog-size-match,
.sfm-series-card.is-catalog-size-match{outline:2px solid rgba(37,99,235,.38);outline-offset:1px;box-shadow:0 0 0 4px rgba(37,99,235,.07)}
.sf108-qty-notice{margin-top:8px;padding:9px 11px;border-radius:10px;background:rgba(217,119,6,.09);border:1px solid rgba(217,119,6,.25);color:#92400e;font-size:12px;line-height:1.8}
.sf108-qty-notice[hidden]{display:none!important}
[data-sf-step]:disabled,[data-modal-qty-step]:disabled{opacity:.38;cursor:not-allowed;filter:saturate(.45);pointer-events:none}
.sfm-color-scroll-cue[hidden],[data-catalog-loader][hidden]{display:none!important}
@media(max-width:720px){
 .sf108-catalog-size-context{align-items:stretch;flex-direction:column}
 .sf108-catalog-size-context .sf-secondary-btn{width:100%}
}
html[data-p101-theme="neon"] .sf108-catalog-size-context,
html[data-p101-theme="neon"] .sf108-modal-size-context{background:rgba(59,130,246,.12);border-color:rgba(96,165,250,.34);color:#edf5ff}
html[data-p101-theme="neon"] .sf108-catalog-size-context small,
html[data-p101-theme="neon"] .sf108-modal-size-context span{color:#b8c7dd}
html[data-p101-theme="neon"] .sf108-qty-notice{background:rgba(245,158,11,.12);border-color:rgba(251,191,36,.35);color:#fde68a}


/* === storefront-audit-v109.css === */
/* public UX audit hardening */
.sf66-content-page{max-width:1180px;margin-inline:auto;min-height:55vh}.sf66-content-hero{margin-bottom:18px}.sf66-content-hero h1{font-size:clamp(24px,4vw,38px);line-height:1.25;color:#f8fbff}.sf109-page-title{font-size:clamp(24px,4vw,38px);line-height:1.25;color:#172941}.sf107-content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:18px}.sf107-trust-card,.sf107-business-card{border-radius:18px;padding:18px}.sf107-page-copy{font-size:15px;line-height:2}.sf109-page-title{max-width:1180px;margin:24px auto 8px;padding:0 16px}
/* product selection / keyboard */
.sf-series-card input[type=radio],.sfm-series-card input[type=radio]{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;display:block!important}.sf-series-card:focus-within,.sfm-series-card:focus-within{outline:3px solid #7fa3ff!important;outline-offset:3px}.sf-color-visual.is-image-missing:after,.sfm-picker-main.is-image-missing:after{content:'تصویر این رنگ هنوز موجود نیست';display:grid;place-items:center;min-height:120px;padding:16px;text-align:center;color:#8090aa;background:#f1f4f8;border-radius:14px}.sf-product-unavailable-note,.sf-inline-warning{font-size:13px}.sf-color-scroll-cue[hidden]{display:none!important}
/* cart balance */
.sf64-cart-layout{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)!important;gap:20px!important}.sf-cart-summary,.cart-summary{position:sticky;top:90px;align-self:start}.sf-cart-item,.cart-item{width:100%}.sf-cart-item small,.sf-cart-summary small{font-size:12px!important;color:#68798d!important}.sf-cart-item b,.sf-cart-summary b{color:#203a57!important}
@media(max-width:800px){.sf107-content-grid{grid-template-columns:1fr}.sf64-cart-layout{grid-template-columns:1fr!important}.sf-cart-summary,.cart-summary{position:static}}
:root{--r109-public-surface:#ffffff;--r109-public-surface-soft:#f8fafc;--r109-public-text:#0f172a;--r109-public-muted:#64748b;--r109-public-primary:#315efb;--r109-public-success:#15803d;--r109-public-warning:#b45309;--r109-public-danger:#b91c1c;--r109-public-border:#dbe4ef}
.sf109-return-policy{padding:0!important;overflow:hidden}.sf109-return-policy>summary{cursor:pointer;list-style:none;padding:10px 12px;font-weight:900}.sf109-return-policy>summary::-webkit-details-marker{display:none}.sf109-return-policy>span{display:block;padding:0 12px 12px;line-height:1.8}


/* === customer-auth.css === */
:root{--ca-blue:#145bff;--ca-navy:#071936;--ca-text:#0b1b38;--ca-muted:#74819a;--ca-line:#e4e9f2;--ca-bg:#f5f8fc;--ca-green:#13b981;--ca-red:#e44949;--ca-shadow:0 24px 70px rgba(18,47,90,.12)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ca-bg);color:var(--ca-text)}body{font-family:Yekan,Tahoma,sans-serif}.ca-body{min-height:100vh;background:radial-gradient(circle at 90% 5%,rgba(20,91,255,.08),transparent 28%),radial-gradient(circle at 8% 90%,rgba(19,185,129,.06),transparent 22%),var(--ca-bg)}.ca-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);overflow:hidden}.ca-visual{position:relative;display:flex;min-height:100vh;overflow:hidden;padding:48px 54px;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#071936 0%,#0c2f76 54%,#145bff 130%);color:white}.ca-visual:before{content:"";position:absolute;inset:auto -50px -120px auto;width:480px;height:480px;border:1px solid rgba(255,255,255,.09);border-radius:50%}.ca-visual:after{content:"R";position:absolute;left:-45px;bottom:-115px;font:900 500px/1 Arial;color:rgba(255,255,255,.035);transform:rotate(-11deg)}.ca-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.ca-orb-one{width:260px;height:260px;right:-120px;top:25%;background:radial-gradient(circle,rgba(76,147,255,.48),rgba(76,147,255,0))}.ca-orb-two{width:210px;height:210px;left:13%;bottom:5%;background:radial-gradient(circle,rgba(31,216,162,.22),rgba(31,216,162,0))}.ca-brand{position:relative;z-index:2;display:inline-flex;align-items:center;width:max-content;text-decoration:none}.ca-brand img{display:block;max-width:165px;max-height:58px;object-fit:contain}.ca-brand-light img{filter:brightness(0) invert(1)}.ca-visual-copy{position:relative;z-index:2;max-width:620px;margin:auto 0}.ca-eyebrow{display:inline-flex;gap:10px;align-items:center;padding:9px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07);font-size:13px;font-weight:800;color:#dbe7ff}.ca-eyebrow i{width:8px;height:8px;border-radius:50%;background:#58e4ad;box-shadow:0 0 0 5px rgba(88,228,173,.11)}.ca-visual h1{margin:24px 0 14px;font-size:clamp(38px,4.1vw,64px);line-height:1.4;letter-spacing:-1.8px}.ca-visual h1 strong{color:#78a9ff}.ca-visual-copy>p{max-width:540px;margin:0;color:#c8d5ea;font-size:16px;line-height:2}.ca-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:30px}.ca-benefits>div{min-width:0;padding:16px 14px;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}.ca-benefit-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:12px;border-radius:11px;background:rgba(255,255,255,.1);color:#9bc0ff}.ca-benefit-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ca-benefits b,.ca-benefits small{display:block}.ca-benefits b{font-size:13px}.ca-benefits small{margin-top:5px;color:#9fb0c9;font-size:10px;line-height:1.7}.ca-trust{position:relative;z-index:2;display:flex;align-items:center;gap:9px;color:#97abc9;font-size:11px}.ca-trust-dot{width:7px;height:7px;border-radius:50%;background:#58e4ad}.ca-auth-wrap{display:flex;align-items:center;justify-content:center;padding:38px 6vw;background:rgba(255,255,255,.5)}.ca-mobile-brand{display:none}.ca-card{width:min(100%,490px);padding:30px;border:1px solid rgba(220,227,239,.9);border-radius:30px;background:rgba(255,255,255,.94);box-shadow:var(--ca-shadow);backdrop-filter:blur(15px)}.ca-card-head{display:flex;align-items:center;gap:14px}.ca-login-icon{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:17px;background:linear-gradient(145deg,#eef4ff,#fff);box-shadow:inset 0 0 0 1px #dce7ff;color:var(--ca-blue)}.ca-login-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.ca-card-head h2{margin:0;font-size:23px}.ca-card-head p{margin:5px 0 0;color:var(--ca-muted);font-size:12px}.ca-tabs{display:grid;grid-template-columns:1.15fr .85fr;gap:4px;margin-top:25px;padding:4px;border-radius:15px;background:#f0f3f8}.ca-tab{position:relative;border:0;border-radius:12px;padding:12px 10px;background:transparent;color:#7b879b;font:800 12px Yekan;cursor:pointer;transition:.2s}.ca-tab.is-active{background:#fff;color:var(--ca-text);box-shadow:0 5px 18px rgba(16,47,89,.09)}.ca-tab-badge{display:inline-block;margin-left:6px;padding:3px 6px;border-radius:7px;background:#e8fff5;color:#119564;font-size:8px}.ca-panel{display:none;margin-top:22px}.ca-panel.is-active{display:block;animation:caIn .2s ease}.ca-panel-intro{margin-bottom:15px}.ca-panel-intro b,.ca-panel-intro span{display:block}.ca-panel-intro b{font-size:14px}.ca-panel-intro span{margin-top:4px;color:var(--ca-muted);font-size:11px}.ca-form{display:grid;gap:13px}.ca-field{display:grid;gap:7px}.ca-field>span{font-size:11px;font-weight:800;color:#536079}.ca-input-wrap{position:relative;display:flex;align-items:center}.ca-input-wrap>svg{position:absolute;right:14px;width:19px;height:19px;fill:none;stroke:#8795ad;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ca-field input{width:100%;height:52px;border:1px solid var(--ca-line);border-radius:15px;outline:0;background:#fafbfd;padding:0 44px 0 14px;color:var(--ca-text);font:700 14px Yekan;transition:.18s}.ca-field input:focus{border-color:#9bbdff;background:#fff;box-shadow:0 0 0 4px rgba(20,91,255,.08)}.ca-field input[dir=ltr]{text-align:left}.ca-primary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:0;border-radius:15px;background:linear-gradient(135deg,#155dff,#0c49dc);box-shadow:0 11px 25px rgba(20,91,255,.22);color:#fff;font:900 13px Yekan;cursor:pointer;transition:.18s}.ca-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(20,91,255,.27)}.ca-primary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.ca-alert{display:flex;align-items:flex-start;gap:9px;margin-top:16px;padding:11px 13px;border-radius:13px;font-size:11px;font-weight:800;line-height:1.8}.ca-alert svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.ca-alert-error{background:#fff1f1;color:#c93c3c}.ca-alert-success{background:#ecfff7;color:#168760}.ca-verify-box{margin-top:16px;padding:15px;border:1px solid #dde7f8;border-radius:19px;background:linear-gradient(180deg,#f8fbff,#fff)}.ca-verify-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ca-verify-head b,.ca-verify-head small{display:block}.ca-verify-head b{font-size:13px}.ca-verify-head small{margin-top:4px;color:var(--ca-muted);font-size:10px}.ca-timer{direction:ltr;padding:6px 9px;border-radius:9px;background:#edf3ff;color:var(--ca-blue);font:800 11px monospace}.ca-test-code{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0;padding:12px;border-radius:14px;background:#0b204a;color:white}.ca-test-code>div span,.ca-test-code>div b{display:block}.ca-test-code>div span{color:#9fb7e2;font-size:9px}.ca-test-code>div b{margin-top:3px;font:900 25px/1.2 monospace;letter-spacing:5px;color:#fff}.ca-test-code button{display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.07);padding:8px;color:#dbe8ff;font:700 10px Yekan;cursor:pointer}.ca-test-code button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.ca-code-input{padding:0!important;text-align:center!important;font:900 22px monospace!important;letter-spacing:9px!important}.ca-mode-note{display:flex;align-items:center;gap:7px;margin-top:14px;color:#8793a9;font-size:9px;line-height:1.8}.ca-mode-note>span{flex:0 0 7px;width:7px;height:7px;border-radius:50%}.ca-mode-note.is-live>span{background:#19b779}.ca-mode-note.is-test>span{background:#f0a528}.ca-eye{position:absolute;left:8px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#8795ad;cursor:pointer}.ca-eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.ca-switch-link{display:block;margin:16px auto 0;border:0;background:transparent;color:var(--ca-blue);font:800 10px Yekan;cursor:pointer}.ca-card-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;padding-top:17px;border-top:1px solid #edf0f5}.ca-card-foot a{display:flex;align-items:center;gap:6px;color:#66748c;text-decoration:none;font-size:10px;font-weight:800}.ca-card-foot a svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.ca-card-foot small{color:#a2acbc;font-size:9px}@keyframes caIn{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:980px){.ca-shell{display:block}.ca-visual{display:none}.ca-auth-wrap{min-height:100vh;padding:max(20px,env(safe-area-inset-top)) 15px max(20px,env(safe-area-inset-bottom))}.ca-mobile-brand{display:flex;justify-content:center;margin-bottom:22px}.ca-mobile-brand .ca-brand img{max-width:128px;max-height:48px}.ca-card{max-width:460px;padding:24px;border-radius:26px;box-shadow:0 18px 50px rgba(18,47,90,.1)}}@media(max-width:520px){.ca-auth-wrap{display:block}.ca-mobile-brand{margin:5px 0 18px}.ca-card{padding:20px 16px;border-radius:23px}.ca-card-head{gap:11px}.ca-login-icon{flex-basis:45px;height:45px;border-radius:14px}.ca-card-head h2{font-size:20px}.ca-card-head p{font-size:10px}.ca-tabs{margin-top:20px}.ca-tab{padding:11px 6px;font-size:11px}.ca-tab-badge{display:none}.ca-field input{height:50px}.ca-primary{min-height:50px}.ca-card-foot{margin-top:20px}.ca-card-foot small{display:none}.ca-test-code>div b{font-size:22px}.ca-verify-box{padding:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.ca-alert-info{background:linear-gradient(135deg,#edf5ff,#f7fbff);color:#245ea8;border:1px solid #d7e7ff}.ca-card{position:relative;overflow:hidden}.ca-card:before{content:"";position:absolute;width:160px;height:160px;left:-80px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(20,91,255,.08),transparent 70%);pointer-events:none}.ca-tab.is-active:first-child:after{content:"سریع";display:inline-flex;margin-right:6px;padding:2px 5px;border-radius:6px;background:#e9fff6;color:#119665;font-size:7px}.ca-primary{position:relative;overflow:hidden}.ca-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translateX(120%);transition:.4s}.ca-primary:hover:after{transform:translateX(-120%)}

/* Phase 41 — customer login readability */
.ca-tab-badge{font-size:10px}.ca-benefits small{font-size:11px}.ca-verify-head small{font-size:11px}.ca-test-code>div span{font-size:10px}.ca-test-code button{font-size:11px;min-height:36px}.ca-mode-note{font-size:10px}.ca-switch-link{font-size:11px;min-height:36px}.ca-card-foot a{font-size:11px}.ca-card-foot small{font-size:10px}.ca-tab.is-active:first-child:after{font-size:9px}.ca-tab:focus-visible,.ca-primary:focus-visible,.ca-switch-link:focus-visible,.ca-eye:focus-visible,.ca-test-code button:focus-visible,.ca-card-foot a:focus-visible{outline:3px solid rgba(20,91,255,.24);outline-offset:2px}
@media(max-width:520px){.ca-card-head p{font-size:11px}.ca-panel-intro span,.ca-field>span,.ca-alert{font-size:11px}.ca-mode-note{font-size:10px}}

/* Phase 42 — login clarity and accessibility */
.ca-tab{font-size:13px;min-height:46px}.ca-panel-intro span,.ca-field>span,.ca-alert{font-size:12px}.ca-mode-note,.ca-card-foot a,.ca-switch-link{font-size:12px}.ca-verify-head small,.ca-benefits small{font-size:12px}.ca-test-code>div span,.ca-test-code button{font-size:11px}.ca-trust{font-size:12px}
.ca-tab[aria-selected="true"]{color:var(--ca-text)}.ca-primary:disabled{cursor:wait;opacity:.72;transform:none;box-shadow:none}
@media(max-width:520px){.ca-card-head p{font-size:12px;line-height:1.8}.ca-tab{font-size:12px}.ca-mode-note{font-size:11px}.ca-card-foot a{font-size:12px}}

/* Phase 43 — calmer customer login, optimized for first-time wholesale buyers */
:root{--ca-blue:#1769e0;--ca-navy:#10213b;--ca-text:#172338;--ca-muted:#6f7c90;--ca-line:#dfe5ed;--ca-bg:#f5f7fa;--ca-shadow:0 16px 44px rgba(23,41,70,.10)}
.ca-body{background:#f5f7fa}
.ca-visual{background:linear-gradient(145deg,#0e203b,#164a83 70%,#1769e0 135%)}
.ca-visual:after{display:none}.ca-orb{opacity:.55}
.ca-visual h1{font-size:clamp(36px,3.7vw,58px);letter-spacing:-1px}
.ca-visual-copy>p{font-size:15px}.ca-benefits{gap:10px}.ca-benefits>div{padding:15px;border-radius:16px}.ca-benefits b{font-size:13px}.ca-benefits small{font-size:11px}
.ca-auth-wrap{background:#f5f7fa}
.ca-card{max-width:500px;padding:28px;border-radius:22px;border-color:#dfe5ed;background:#fff;box-shadow:var(--ca-shadow);backdrop-filter:none}
.ca-card:before{display:none}.ca-card-head h2{font-size:22px}.ca-card-head p{font-size:12px;line-height:1.8}.ca-login-icon{border-radius:14px;box-shadow:none}
.ca-tabs{margin-top:22px;border-radius:13px}.ca-tab{min-height:48px;border-radius:10px;font-size:12px}.ca-tab.is-active{box-shadow:0 2px 8px rgba(23,41,70,.07)}
.ca-panel-intro b{font-size:14px}.ca-panel-intro span{font-size:12px;line-height:1.7}.ca-field>span{font-size:12px}.ca-field input{height:52px;border-radius:12px;background:#fff;font-size:14px}.ca-primary{min-height:52px;border-radius:12px;background:var(--ca-blue);box-shadow:none;font-size:13px}.ca-primary:hover{transform:none;box-shadow:none;background:#0f55bd}.ca-primary:after{display:none}
.ca-alert{font-size:12px}.ca-verify-box{border-radius:15px}.ca-switch-link,.ca-card-foot a,.ca-mode-note{font-size:11px}
@media(max-width:980px){.ca-auth-wrap{align-items:flex-start;padding:24px 14px}.ca-mobile-brand{margin-bottom:16px}.ca-card{padding:22px;border-radius:19px;box-shadow:0 8px 28px rgba(23,41,70,.08)}}
@media(max-width:520px){.ca-auth-wrap{padding:14px 10px 24px}.ca-mobile-brand{margin:2px 0 12px}.ca-card{padding:17px 14px;border-radius:17px}.ca-card-head h2{font-size:19px}.ca-login-icon{flex-basis:42px;height:42px}.ca-tabs{margin-top:17px}.ca-tab{min-height:46px;font-size:11px}.ca-field input{height:50px}.ca-primary{min-height:50px}.ca-card-foot{margin-top:17px}}

/* Phase 44 — remove the dead end for first-time wholesale visitors. */
.ca-account-help{margin-top:13px;padding:10px 11px;border:1px solid #e3e8f0;border-radius:12px;background:#f8fafc;color:#65738a;line-height:1.75}
.ca-account-help b,.ca-account-help span{display:block}.ca-account-help b{font-size:11px;color:#34445e}.ca-account-help span{margin-top:2px;font-size:10px}

/* Phase 44.1 — critical auth guidance stays readable on small screens. */
.ca-tab.is-active:first-child:after{font-size:10px}
.ca-account-help b,.ca-account-help span{font-size:11px}

/* Phase 45 — buyer auth readability/touch floor. */
.ca-tab,.ca-primary,.ca-switch-link,.ca-card-foot a,.ca-eye{touch-action:manipulation}
.ca-tab:focus-visible,.ca-primary:focus-visible,.ca-switch-link:focus-visible,.ca-card-foot a:focus-visible,.ca-eye:focus-visible,.ca-field input:focus-visible{outline:3px solid rgba(20,91,255,.2);outline-offset:2px}
.ca-field>span{font-size:12px}.ca-panel-intro span,.ca-verify-head small,.ca-alert,.ca-mode-note,.ca-account-help span{font-size:12px;line-height:1.8}
.ca-panel-intro b,.ca-verify-head b,.ca-account-help b{font-size:14px}
.ca-tab{min-height:46px;font-size:13px}.ca-tab-badge{font-size:10px}
.ca-primary{min-height:54px;font-size:14px}.ca-switch-link{min-height:44px;font-size:12px;padding:8px 10px}
.ca-card-foot a{min-height:42px;font-size:12px}.ca-card-foot small{font-size:11px}
.ca-test-code>div span,.ca-test-code button{font-size:11px}.ca-mode-note{font-size:12px}
.ca-account-help{margin-top:14px;padding:12px 13px;border:1px solid #e4e9f1;border-radius:13px;background:#f8fafc}.ca-account-help b,.ca-account-help span{display:block}.ca-account-help span{margin-top:3px;color:#6e7b90}
@media(max-width:520px){
  .ca-card{padding:20px 17px}
  .ca-card-head h2{font-size:21px}.ca-card-head p{font-size:12px;line-height:1.7}
  .ca-field>span{font-size:13px}
  .ca-field input{height:54px;font-size:16px!important}
  .ca-tab{min-height:50px;font-size:13px}
  .ca-primary{min-height:54px;font-size:14px}
  .ca-panel-intro span,.ca-verify-head small,.ca-alert,.ca-mode-note,.ca-account-help span{font-size:12px}
  .ca-code-input{font-size:24px!important}
  .ca-test-code button{min-height:42px;font-size:12px}
  .ca-eye{width:44px;height:44px}
}

/* Phase 45 — expired OTP must never look submit-ready. */
.ca-timer-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.ca-timer.is-expired{background:#fff0f1!important;color:#a33f49!important;min-width:auto!important}
.ca-resend{min-height:40px;border:1px solid #cfdced;border-radius:10px;background:#f5f9ff;color:#175fbf;padding:7px 10px;font:900 11px Yekan;cursor:pointer}
.ca-primary:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}
@media(max-width:520px){.ca-timer-actions{justify-content:flex-start}.ca-resend{min-height:44px;font-size:12px}}

/* Phase 45.9 — auth final touch floor */
.ca-card-foot a{min-height:44px}.ca-tab-badge,.ca-test-code>div span{font-size:11px}
@media(max-width:520px){.ca-card-foot a{min-height:44px}.ca-resend{min-height:44px;font-size:12px}}


/* === customer-auth-v52.css === */
/* Phase 52 — Customer auth joins the same premium, calm visual system. */
.ca-v52{
  --ca-blue:#155eef;--ca-navy:#10213c;--ca-text:#17243a;--ca-muted:#728096;--ca-line:#dce5ef;--ca-bg:#f3f6fa;--ca-green:#179565;--ca-red:#c74450;--ca-shadow:0 18px 50px rgba(29,50,79,.10);
  background:radial-gradient(circle at 88% 5%,rgba(21,94,239,.07),transparent 27rem),#f3f6fa;
}
.ca-v52 .ca-shell{grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr)}
.ca-v52 .ca-visual{padding:48px 56px;background:linear-gradient(145deg,#0c1d39 0%,#123e78 62%,#1a63c8 130%)}
.ca-v52 .ca-visual:before{border-color:rgba(255,255,255,.065)}
.ca-v52 .ca-brand img{max-width:170px;max-height:56px}
.ca-v52 .ca-eyebrow{padding:7px 11px;border-radius:999px;font-size:12px}
.ca-v52 .ca-visual h1{margin:21px 0 12px;font-size:clamp(36px,3.7vw,56px);line-height:1.42;letter-spacing:-1px}
.ca-v52 .ca-visual h1 strong{color:#8dbdff}
.ca-v52 .ca-visual-copy>p{font-size:14px;line-height:2}
.ca-v52 .ca-benefits{gap:10px;margin-top:26px}.ca-v52 .ca-benefits>div{padding:15px;border-radius:16px;background:rgba(255,255,255,.055)}
.ca-v52 .ca-benefits b{font-size:13px}.ca-v52 .ca-benefits small{font-size:11px}
.ca-v52 .ca-auth-wrap{background:transparent;padding:38px 5vw}
.ca-v52 .ca-card{max-width:510px;padding:30px;border:1px solid #dce5ef;border-radius:23px;background:#fff;box-shadow:var(--ca-shadow)}
.ca-v52 .ca-card-head{gap:13px}.ca-v52 .ca-login-icon{flex-basis:50px;height:50px;border-radius:14px;background:#eef4ff;color:var(--ca-blue);box-shadow:none}
.ca-v52 .ca-card-head h2{font-size:22px;color:#1b2b43}.ca-v52 .ca-card-head p{font-size:12px;line-height:1.75}
.ca-v52 .ca-tabs{margin-top:22px;padding:4px;border-radius:13px;background:#f1f4f8}.ca-v52 .ca-tab{min-height:48px;border-radius:10px;font-size:12px}.ca-v52 .ca-tab.is-active{box-shadow:0 3px 10px rgba(28,48,75,.065)}
.ca-v52 .ca-panel{margin-top:20px}.ca-v52 .ca-panel-intro b{font-size:14px}.ca-v52 .ca-panel-intro span{font-size:12px;line-height:1.7}
.ca-v52 .ca-field>span{font-size:12px}.ca-v52 .ca-field input{height:54px;border-color:#dce5ef;border-radius:12px;background:#fbfcfd;font-size:15px}.ca-v52 .ca-field input:focus{border-color:#98b9ee;box-shadow:0 0 0 4px rgba(21,94,239,.065)}
.ca-v52 .ca-primary{min-height:54px;border-radius:12px;background:var(--ca-blue);box-shadow:0 8px 18px rgba(21,94,239,.16);font-size:14px}.ca-v52 .ca-primary:hover{background:#0e48c9;box-shadow:0 10px 22px rgba(21,94,239,.19);transform:none}
.ca-v52 .ca-verify-box{padding:14px;border-color:#dce7f6;border-radius:15px;background:#f8fbff}.ca-v52 .ca-verify-head b{font-size:13px}.ca-v52 .ca-verify-head small{font-size:11px}
.ca-v52 .ca-test-code{border-radius:12px;background:#132a50}.ca-v52 .ca-code-input{font-size:24px!important}
.ca-v52 .ca-account-help{padding:12px;border-color:#e1e7ee;border-radius:12px;background:#f8fafc}.ca-v52 .ca-account-help b{font-size:12px}.ca-v52 .ca-account-help span{font-size:11px;line-height:1.8}
.ca-v52 .ca-card-foot{margin-top:22px}.ca-v52 .ca-card-foot a{font-size:12px}.ca-v52 .ca-switch-link{font-size:12px}
@media(max-width:980px){
  .ca-v52 .ca-auth-wrap{padding:20px 14px}.ca-v52 .ca-mobile-brand{margin:4px 0 15px}.ca-v52 .ca-card{padding:23px;box-shadow:0 10px 32px rgba(29,50,79,.08)}
}
@media(max-width:520px){
  .ca-v52 .ca-auth-wrap{padding:12px 10px 24px}.ca-v52 .ca-mobile-brand{margin:2px 0 10px}.ca-v52 .ca-card{padding:18px 15px;border-radius:18px}
  .ca-v52 .ca-card-head h2{font-size:20px}.ca-v52 .ca-card-head p{font-size:12px}.ca-v52 .ca-login-icon{flex-basis:44px;height:44px}
  .ca-v52 .ca-tabs{margin-top:17px}.ca-v52 .ca-tab{min-height:50px;font-size:12px}.ca-v52 .ca-field>span{font-size:13px}.ca-v52 .ca-field input{height:54px;font-size:16px!important}.ca-v52 .ca-primary{min-height:54px;font-size:14px}
}


/* === customer-auth-v54.css === */
.ca-v54 .ca-captcha{display:grid;gap:8px;padding:12px;border:1px solid #e4eaf2;border-radius:16px;background:#f8fafc}
.ca-v54 .ca-captcha-copy{display:flex;align-items:center;justify-content:space-between;gap:10px}.ca-v54 .ca-captcha-copy b{font-size:12px;color:#1e293b}.ca-v54 .ca-captcha-copy small{font-size:11px;color:#7b8799}
.ca-v54 .ca-captcha-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(110px,.65fr);gap:9px;align-items:center;direction:ltr}.ca-v54 .ca-captcha-row img{width:100%;height:58px;object-fit:cover;border:1px solid #dce4ee;border-radius:13px;background:#fff}.ca-v54 .ca-captcha-row input{width:100%;height:58px;border:1px solid #dce4ee;border-radius:13px;background:#fff;text-align:center;font-size:19px;font-weight:900;letter-spacing:5px;outline:0}.ca-v54 .ca-captcha-row input:focus{border-color:#4f7cff;box-shadow:0 0 0 3px rgba(79,124,255,.12)}
.ca-v54 .ca-captcha-refresh{font-size:10px;color:#8a96a8}.ca-v54 .ca-account-help{border-color:#dbeafe;background:#f4f8ff}.ca-v54 .ca-account-help b{color:#275fb6}
@media(max-width:560px){.ca-v54 .ca-captcha{padding:10px}.ca-v54 .ca-captcha-row{grid-template-columns:1fr 104px}.ca-v54 .ca-captcha-row input{font-size:18px}.ca-v54 .ca-captcha-copy{align-items:flex-start;flex-direction:column;gap:2px}}

.ca-v54 .ca-captcha.is-attention{border-color:#f59e0b;background:#fffbeb;animation:ca54CaptchaPulse .5s ease}.ca-v54 .ca-captcha.is-attention .ca-captcha-refresh{color:#b45309;font-weight:800}@keyframes ca54CaptchaPulse{0%,100%{transform:translateY(0)}45%{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.ca-v54 .ca-captcha.is-attention{animation:none}}
.ca-otp-request.is-secondary-request{display:none}.ca-otp-request.is-secondary-request.is-resend-visible{display:grid}


/* === customer-auth-v64.css === */
/* Phase 64 — OTP-first customer auth */
.ca-v64{--ca64-blue:#2468e8;--ca64-navy:#15375d;--ca64-text:#21354f;--ca64-muted:#76859a;--ca64-line:#dde5ef;--ca64-soft:#f6f9fd;background:#f5f8fc}
.ca64-shell{min-height:100vh}.ca64-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#112c4e 0%,#1c5b9c 62%,#2b75dc 125%)}.ca64-visual:after{display:none}.ca64-visual-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.ca64-visual-glow.is-one{width:360px;height:360px;left:-120px;top:-90px;background:radial-gradient(circle,rgba(80,155,255,.28),transparent 68%)}.ca64-visual-glow.is-two{width:300px;height:300px;right:-80px;bottom:-80px;background:radial-gradient(circle,rgba(70,209,202,.17),transparent 70%)}.ca64-brand{position:relative;z-index:2}.ca64-visual-copy{position:relative;z-index:2;max-width:560px}.ca64-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#dbeaff;font-size:10px;font-weight:900}.ca64-eyebrow i{width:7px;height:7px;border-radius:50%;background:#60e3b4;box-shadow:0 0 0 5px rgba(96,227,180,.1)}.ca64-visual-copy h1{margin:18px 0 10px;color:#fff;font-size:clamp(38px,4vw,60px);line-height:1.35;letter-spacing:-1.2px}.ca64-visual-copy h1 strong{color:#9fd6ff}.ca64-visual-copy>p{max-width:520px;margin:0;color:#d2e0f0;font-size:14px;line-height:2}.ca64-benefits{display:grid;gap:10px;margin-top:27px}.ca64-benefits>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;padding:12px 13px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(6px)}.ca64-benefits i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.1);color:#bfe0ff}.ca64-benefits svg{width:21px;height:21px;stroke-width:1.7}.ca64-benefits b,.ca64-benefits small{display:block}.ca64-benefits b{color:#fff;font-size:12px}.ca64-benefits small{margin-top:3px;color:#b9cce1;font-size:10px}.ca64-visual-foot{position:relative;z-index:2;display:flex;align-items:center;gap:7px;color:#c6d7e9;font-size:10px}.ca64-visual-foot span{width:8px;height:8px;border-radius:50%;background:#5be2ac}
.ca64-auth-wrap{background:radial-gradient(circle at 85% 10%,rgba(36,104,232,.06),transparent 28%),#f5f8fc}.ca64-mobile-top{display:none}.ca64-card{width:min(500px,100%);padding:25px;border:1px solid #dfe7f1;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(21,47,78,.09);overflow:visible}.ca64-card:before{display:none}.ca64-card-head{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:start}.ca64-login-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#eaf2ff,#f6f9ff);color:#2368e7}.ca64-login-icon svg{width:23px;height:23px;stroke-width:1.8}.ca64-secure-label{display:block;margin-bottom:3px;color:#2a7b68;font-size:9px;font-weight:900}.ca64-card-head h2{margin:0;color:#1c3451;font-size:21px;line-height:1.5}.ca64-card-head p{margin:4px 0 0;color:#7a889b;font-size:10px;line-height:1.8}
.ca64-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:19px 0 15px;padding:4px;border-radius:14px;background:#f1f4f8}.ca64-tabs .ca-tab{display:grid;justify-items:center;gap:1px;min-height:48px;padding:7px 8px;border-radius:11px;font-size:11px}.ca64-tabs .ca-tab span{font-weight:900}.ca64-tabs .ca-tab small{font-size:8px;color:#8b97a8}.ca64-tabs .ca-tab.is-active{background:#fff;color:#1c5fc2;box-shadow:0 3px 10px rgba(31,62,100,.08)}.ca64-tabs .ca-tab.is-active small{color:#2f7b65}.ca64-tabs .ca-tab.is-active:first-child:after{display:none}
.ca64-step-intro{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin:3px 0 14px;padding:10px 11px;border:1px solid #e2e8f1;border-radius:14px;background:#f8fafc}.ca64-step-intro>span{padding:6px 8px;border-radius:10px;background:#e9f2ff;color:#1d63c9;font-size:9px;font-weight:900;white-space:nowrap}.ca64-step-intro b,.ca64-step-intro small{display:block}.ca64-step-intro b{color:#304760;font-size:11px}.ca64-step-intro small{margin-top:2px;color:#8190a3;font-size:9px;line-height:1.7}
.ca64-otp-request,.ca64-verify-form{gap:12px}.ca64-card .ca-field>span{margin-bottom:6px;color:#4c5f77;font-size:11px}.ca64-card .ca-field input{height:51px;border:1px solid #dce4ee;border-radius:13px;background:#fff;font-size:14px}.ca64-card .ca-input-wrap svg{color:#7c8ba0}.ca64-card .ca-field input:focus{border-color:#87aef0;box-shadow:0 0 0 4px rgba(36,104,232,.08)}.ca64-primary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:13px;background:linear-gradient(135deg,#2468e8,#1758c8);font-size:13px;box-shadow:0 9px 20px rgba(36,104,232,.18)}.ca64-primary svg{width:17px;height:17px}.ca64-primary:hover{background:linear-gradient(135deg,#1e61da,#124fae)}.ca64-primary:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
.ca64-captcha{padding:10px 11px;border:1px solid #e2e8f1;border-radius:14px;background:#fafbfd}.ca64-captcha .ca-captcha-copy{margin-bottom:7px}.ca64-captcha .ca-captcha-copy b{font-size:10px}.ca64-captcha .ca-captcha-copy small{font-size:8px}.ca64-captcha .ca-captcha-row{gap:8px}.ca64-captcha .ca-captcha-row img{height:42px;border-radius:10px}.ca64-captcha .ca-captcha-row input{height:42px!important;font-size:15px!important}.ca64-captcha .ca-captcha-refresh{font-size:8px;color:#98a3b1}
.ca64-otp-target{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;padding:10px 11px;border:1px solid #dfe7f1;border-radius:14px;background:#f8fafc}.ca64-otp-target div{display:grid;gap:2px}.ca64-otp-target small{color:#8391a4;font-size:8px}.ca64-otp-target b{color:#24415f;font-size:13px;letter-spacing:.4px}.ca64-otp-target button{min-height:35px;border:1px solid #d9e3ef;border-radius:10px;background:#fff;padding:0 10px;color:#2664b3;font-size:9px;font-weight:900;cursor:pointer}.ca64-verify-box{margin-top:0;padding:13px;border:1px solid #dce6f3;border-radius:17px;background:linear-gradient(145deg,#fbfdff,#f7faff)}.ca64-verify-head{margin-bottom:10px}.ca64-verify-head b{font-size:12px}.ca64-verify-head small{font-size:9px}.ca64-code-field .ca-code-input{height:58px!important;border:1px solid #bfd0e8!important;background:#fff!important;font:900 25px monospace!important;letter-spacing:11px!important}.ca64-test-code{margin-bottom:10px;border-radius:12px}.ca64-test-code>div b{font-size:19px}.ca64-test-code button{min-height:36px}.ca64-verify-form .ca-primary{margin-top:1px}.ca64-verify-form .ca-primary span{font-size:15px}
.ca64-account-note{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:start;margin-top:13px;padding:10px 11px;border-radius:13px;background:#f3f8ff;color:#65788f}.ca64-account-note svg{width:22px;height:22px;color:#2d75cf;stroke-width:1.7}.ca64-account-note span{font-size:9px;line-height:1.8}.ca64-account-note b{color:#35516f}.ca64-card .ca-switch-link{margin-top:12px;font-size:10px}.ca64-card-foot{margin-top:18px;padding-top:12px;border-top:1px solid #edf0f4}.ca64-card-foot>span{display:flex;align-items:center;gap:7px;color:#929dab;font-size:8px;line-height:1.7}.ca64-card-foot i{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#40b78a}
.ca64-card .ca-alert{margin:10px 0;padding:9px 10px;border-radius:12px;font-size:10px}.ca64-card .ca-alert svg{width:17px;height:17px}.ca64-card .ca-mode-note,.ca64-card .ca-account-help{display:none}
@media(max-width:980px){.ca64-visual{display:none}.ca64-auth-wrap{display:block;min-height:100vh;padding:max(15px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom))}.ca64-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(500px,100%);margin:0 auto 11px}.ca64-mobile-brand{display:flex;align-items:center;max-width:120px;height:38px}.ca64-mobile-brand img{max-width:100%;max-height:38px;object-fit:contain}.ca64-back-store{color:#65768b;font-size:9px;font-weight:900}.ca64-card{margin:0 auto;padding:20px;border-radius:20px;box-shadow:0 10px 32px rgba(24,49,80,.08)}}
@media(max-width:520px){.ca64-auth-wrap{padding:10px 9px 18px}.ca64-mobile-top{margin-bottom:8px;padding:0 4px}.ca64-mobile-brand{height:32px;max-width:100px}.ca64-mobile-brand img{max-height:32px}.ca64-back-store{font-size:8px}.ca64-card{padding:15px 13px;border-radius:18px}.ca64-card-head{grid-template-columns:42px minmax(0,1fr);gap:10px}.ca64-login-icon{width:42px;height:42px;border-radius:13px}.ca64-login-icon svg{width:21px;height:21px}.ca64-card-head h2{font-size:18px}.ca64-card-head p{font-size:9px;line-height:1.7}.ca64-tabs{margin:14px 0 12px}.ca64-tabs .ca-tab{min-height:46px;font-size:10px}.ca64-tabs .ca-tab small{font-size:7px}.ca64-step-intro{margin-bottom:11px;padding:9px 10px}.ca64-card .ca-field>span{font-size:10px}.ca64-card .ca-field input{height:50px;font-size:16px!important}.ca64-captcha .ca-captcha-row img{height:40px}.ca64-captcha .ca-captcha-row input{height:40px!important}.ca64-primary{min-height:51px;font-size:12px}.ca64-otp-target{margin-bottom:9px}.ca64-verify-box{padding:11px}.ca64-code-field .ca-code-input{height:57px!important;font-size:24px!important;letter-spacing:9px!important}.ca64-account-note{margin-top:10px}.ca64-card-foot{margin-top:13px}.ca64-card .ca-alert{font-size:9px}.ca64-timer-actions{gap:5px}}


/* === customer-auth-v66.css === */
.ca-v64 .ca66-home-link{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin-bottom:15px;padding:10px 13px;border:1px solid #dce6f3;border-radius:13px;background:#f7faff;color:#28527e;text-decoration:none;font-size:13px;font-weight:900}.ca-v64 .ca66-home-link span{font-size:20px;line-height:1}.ca-v64 .ca66-rate-note{display:flex;align-items:flex-start;gap:9px;margin:12px 0;padding:10px 11px;border:1px solid #e5eaf2;border-radius:14px;background:#f8fafc}.ca-v64 .ca66-rate-note i{font-style:normal;font-size:18px}.ca-v64 .ca66-rate-note b{display:block;color:#344a64;font-size:12px}.ca-v64 .ca66-rate-note small{display:block;margin-top:3px;color:#748399;font-size:11px;line-height:1.75}.ca-v64 .ca64-card-head h2{font-size:24px!important}.ca-v64 .ca64-card-head p{font-size:13px!important;line-height:1.8}.ca-v64 .ca-tab span{font-size:14px!important}.ca-v64 .ca-tab small{font-size:10px!important}.ca-v64 .ca-field>span,.ca-v64 label>span{font-size:13px!important}.ca-v64 input{font-size:16px!important}.ca-v64 .ca-submit,.ca-v64 button[type=submit]{font-size:14px!important}.ca-v64 .ca-alert{font-size:12px!important;line-height:1.8}.ca-v64 .ca64-visual-copy h1{font-size:42px!important}.ca-v64 .ca64-visual-copy p{font-size:14px!important}.ca-v64 .ca64-benefits b{font-size:13px!important}.ca-v64 .ca64-benefits small{font-size:11px!important}
@media(max-width:760px){.ca-v64 .ca64-card-head h2{font-size:20px!important}.ca-v64 .ca66-home-link{width:100%;justify-content:center}.ca-v64 .ca64-mobile-top .ca64-back-store{font-size:13px!important;font-weight:900}}
/* Phase 66.6 — login viewport fit: remove non-essential notices, surface first-login guidance */
.ca-v64 .ca66-first-login{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;margin:10px 0 12px;padding:11px 12px;border:1px solid #d9e7fa;border-radius:14px;background:linear-gradient(135deg,#eef6ff,#f8fbff);color:#526b86}
.ca-v64 .ca66-first-login svg{width:25px;height:25px;color:#2468d8;stroke-width:1.8}
.ca-v64 .ca66-first-login span{font-size:12px!important;line-height:1.85}
.ca-v64 .ca66-first-login b{display:inline;color:#244b78;font-size:13px!important;margin-left:3px}
@media(max-width:520px){
 .ca64-auth-wrap{min-height:100dvh;padding:6px 8px calc(10px + env(safe-area-inset-bottom))!important}
 .ca64-mobile-top{margin-bottom:5px!important;padding:0 3px!important}
 .ca64-mobile-brand{height:28px!important;max-width:92px!important}.ca64-mobile-brand img{max-height:28px!important}
 .ca64-card{padding:11px 12px 12px!important;border-radius:17px!important}
 .ca-v64 .ca66-home-link{min-height:34px;margin-bottom:7px!important;padding:6px 9px!important;border-radius:11px;font-size:10.5px!important}
 .ca-v64 .ca66-home-link span{font-size:17px}
 .ca64-card-head{grid-template-columns:38px minmax(0,1fr)!important;gap:8px!important}.ca64-login-icon{width:38px!important;height:38px!important;border-radius:12px!important}.ca64-login-icon svg{width:19px!important;height:19px!important}
 .ca64-secure-label{font-size:8px!important;margin-bottom:1px!important}.ca-v64 .ca64-card-head h2{font-size:18px!important;line-height:1.35!important}.ca-v64 .ca64-card-head p{margin-top:2px!important;font-size:10.5px!important;line-height:1.55!important}
 .ca64-tabs{margin:9px 0 7px!important;padding:3px!important}.ca64-tabs .ca-tab{min-height:42px!important;padding:5px 6px!important}.ca-v64 .ca-tab span{font-size:12px!important}.ca-v64 .ca-tab small{font-size:8px!important}
 .ca-v64 .ca66-first-login{grid-template-columns:28px minmax(0,1fr);gap:8px;margin:0 0 8px;padding:8px 9px;border-radius:12px}.ca-v64 .ca66-first-login svg{width:22px;height:22px}.ca-v64 .ca66-first-login span{font-size:11.5px!important;line-height:1.65}.ca-v64 .ca66-first-login b{font-size:12.5px!important}
 .ca64-step-intro{margin:0 0 7px!important;padding:7px 8px!important;border-radius:11px!important}.ca64-step-intro>span{padding:4px 6px!important;font-size:8px!important}.ca64-step-intro b{font-size:10.5px!important}.ca64-step-intro small{font-size:8.5px!important;line-height:1.5!important}
 .ca64-otp-request,.ca64-verify-form{gap:8px!important}.ca64-card .ca-field{gap:4px!important}.ca-v64 .ca64-card .ca-field>span{margin-bottom:3px!important;font-size:11.5px!important}.ca64-card .ca-field input{height:46px!important}
 .ca64-captcha{padding:7px 8px!important;border-radius:12px!important}.ca64-captcha .ca-captcha-copy{margin-bottom:4px!important}.ca64-captcha .ca-captcha-copy b{font-size:10px!important}.ca64-captcha .ca-captcha-copy small{font-size:8px!important}.ca64-captcha .ca-captcha-row img{height:36px!important}.ca64-captcha .ca-captcha-row input{height:36px!important}.ca64-captcha .ca-captcha-refresh{font-size:7.5px!important}
 .ca64-primary{min-height:46px!important;font-size:12px!important}.ca64-card-foot{display:none!important}
 .ca64-card .ca-alert{margin:6px 0!important;padding:7px 8px!important;font-size:10px!important}
}
@media(max-width:520px) and (max-height:740px){
 .ca64-mobile-top{display:none!important}
 .ca64-card{padding-top:9px!important}
 .ca-v64 .ca66-first-login{padding-block:7px}
 .ca64-card-head p{display:none}
 .ca64-tabs{margin-top:7px!important}
 .ca64-step-intro{display:none!important}
}

/* Phase 66.7 — clearer empty mobile field */
.ca-v64 .ca-input-wrap input::placeholder,.ca-v64 input::placeholder{color:#aeb9c8!important;opacity:.48!important;font-weight:400!important}
.ca-v64 .ca-input-wrap input:placeholder-shown{color:#23384f}


/* === workforce-v89.css === */
/* Royan workforce UI v90 - mobile first, shared-hosting safe */
.wf90-page{--wf-border:#d7e0ec;--wf-border-strong:#c5d0df;--wf-muted:#64748b;--wf-soft:#f7f9fc;--wf-ink:#0f172a;--wf-primary:#315efb;--wf-violet:#7157f6;--wf-success:#0f9f6e;--wf-danger:#dc3f52;--wf-warning:#d98716;color:var(--wf-ink)}
.wf90-page *{box-sizing:border-box}.wf90-page button,.wf90-page input,.wf90-page select,.wf90-page textarea{font-family:inherit}.wf90-page button{cursor:pointer}.wf90-page a{text-decoration:none}
.wf90-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.wf90-head-main{min-width:0}.wf90-kicker{display:block;margin-bottom:3px;font-size:12px;font-weight:900;color:#64748b}.wf90-title{margin:0;font-size:22px;line-height:1.25;font-weight:950;color:#0f172a}.wf90-subtitle{margin:4px 0 0;font-size:12.5px;line-height:1.75;color:#64748b}.wf90-head-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.wf90-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--wf-border);border-radius:12px;padding:0 12px;background:#fff;color:#334155;font-size:12px;font-weight:950;white-space:nowrap;transition:.15s ease}.wf90-btn:hover{border-color:#b7c5d7;background:#f8fafc}.wf90-btn svg{width:17px;height:17px;flex:0 0 auto}.wf90-btn-primary{border-color:#111d34;background:#111d34;color:#fff}.wf90-btn-primary:hover{background:#17243d}.wf90-btn-blue{border-color:#cbd8ff;background:#eef3ff;color:#264dd7}.wf90-btn-violet{border-color:#ddd5ff;background:#f3f0ff;color:#6248da}.wf90-btn-green{border-color:#c9ebdf;background:#edfbf6;color:#07805a}.wf90-btn-danger{border-color:#ffd3d8;background:#fff1f3;color:#c42d42}.wf90-btn:disabled{cursor:not-allowed;opacity:.48}
.wf90-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.wf90-kpi{min-width:0;border:1px solid var(--wf-border);border-radius:15px;background:#fff;padding:10px 11px}.wf90-kpi-top{display:flex;align-items:center;gap:7px}.wf90-kpi-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#f1f5f9;color:#64748b;flex:0 0 auto}.wf90-kpi-icon svg{width:16px;height:16px}.wf90-kpi-label{font-size:11.5px;font-weight:850;color:#64748b;line-height:1.35}.wf90-kpi-value{display:flex;align-items:baseline;gap:4px;margin-top:7px;font-size:19px;font-weight:950;line-height:1.15;color:#0f172a;direction:ltr;justify-content:flex-end}.wf90-kpi-value.is-blue{color:#2454d8}.wf90-kpi-value.is-violet{color:#6548df}.wf90-kpi-value.is-danger{color:#c83246}.wf90-kpi-value.is-success{color:#07805a}.wf90-kpi-unit{font-size:11px;font-weight:850;color:#7c899b;direction:rtl}.wf90-kpi-note{display:block;margin-top:4px;font-size:11px;line-height:1.45;color:#7b8798}
.wf90-panel{border:1px solid var(--wf-border);border-radius:18px;background:#fff;overflow:hidden}.wf90-toolbar{padding:10px;border-bottom:1px solid #e9eef5}.wf90-desktop-filter{display:grid;grid-template-columns:minmax(240px,1fr) 170px 145px auto;gap:7px}.wf90-field{display:grid;gap:4px}.wf90-field>span{font-size:11.5px;font-weight:900;color:#5f6f84}.wf90-input,.wf90-select{width:100%;height:42px;border:1px solid #d6dfeb;border-radius:11px;padding:0 11px;background:#fff;color:#1e293b;font-size:14px;outline:0}.wf90-input{background:#f8fafc}.wf90-input:focus,.wf90-select:focus{border-color:#8094b3;box-shadow:0 0 0 3px rgba(79,107,148,.08)}.wf90-filter-apply{height:42px;align-self:end;border:0;border-radius:11px;padding:0 18px;background:#101d34;color:#fff;font-size:12px;font-weight:950}.wf90-mobile-toolbar{display:none}.wf90-active-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:7px}.wf90-chip{display:inline-flex;align-items:center;gap:4px;min-height:27px;border-radius:9px;padding:0 8px;background:#f1f5f9;color:#526176;font-size:11px;font-weight:850}.wf90-reset{font-size:11px;font-weight:900;color:#d23a4d}
.wf90-table{display:block}.wf90-table-head,.wf90-table-row{display:grid;grid-template-columns:minmax(230px,1.45fr) 135px 135px 150px 190px 112px;align-items:center;column-gap:10px}.wf90-table-head{min-height:38px;padding:0 13px;background:#f8fafc;border-bottom:1px solid #e6ecf3;color:#607087;font-size:11.5px;font-weight:950}.wf90-table-row{min-height:66px;padding:8px 13px;border-bottom:1px solid #e8edf4;transition:.15s ease}.wf90-table-row:last-child{border-bottom:0}.wf90-table-row:hover{background:#fbfcfe}.wf90-person{display:flex;align-items:center;gap:9px;min-width:0}.wf90-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#eff3ff,#f6f2ff);color:#4f5fd5;font-size:14px;font-weight:950;flex:0 0 auto}.wf90-person-text{min-width:0}.wf90-person-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:950;color:#152238}.wf90-person-meta{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;color:#758296}.wf90-metric{display:flex;align-items:baseline;gap:4px;font-size:13px;font-weight:950}.wf90-metric small{font-size:10.5px;font-weight:800;color:#8591a2}.wf90-metric.blue{color:#2855d2}.wf90-metric.violet{color:#684bd8}.wf90-metric.danger{color:#c53246}.wf90-metric.success{color:#07805a}.wf90-work-condition{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.wf90-badge{min-height:26px;display:inline-flex;align-items:center;border-radius:8px;padding:0 7px;background:#f1f5f9;color:#566579;font-size:10.5px;font-weight:900}.wf90-badge-blue{background:#edf3ff;color:#3159cf}.wf90-badge-violet{background:#f3efff;color:#6747d7}.wf90-badge-green{background:#eafaf4;color:#087956}.wf90-badge-amber{background:#fff6e7;color:#ac6713}.wf90-badge-red{background:#fff0f2;color:#be3145}.wf90-row-action{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dbe4ef;border-radius:10px;background:#fff;color:#334155;font-size:11px;font-weight:950}.wf90-row-action svg{width:14px;height:14px}.wf90-mobile-list{display:none}.wf90-empty{padding:44px 14px;text-align:center;color:#738196;font-size:13px}.wf90-empty b{display:block;margin-bottom:4px;color:#46566c;font-size:14px}
.wf90-mobile-card{display:block;border:1px solid var(--wf-border);border-radius:15px;background:#fff;padding:10px}.wf90-mobile-card+.wf90-mobile-card{margin-top:7px}.wf90-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.wf90-card-title{min-width:0}.wf90-card-title b{display:block;font-size:14px;font-weight:950;color:#152238}.wf90-card-title small{display:block;margin-top:2px;font-size:11.5px;color:#6f7d91}.wf90-state{min-height:25px;display:inline-flex;align-items:center;border-radius:8px;padding:0 7px;font-size:10.5px;font-weight:900;background:#edf9f3;color:#087958}.wf90-state.off{background:#f1f5f9;color:#6b7788}.wf90-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:9px;border:1px solid #e5ebf2;border-radius:11px;overflow:hidden;background:#f9fbfd}.wf90-card-metric{min-width:0;padding:7px 5px;text-align:center;border-left:1px solid #e5ebf2}.wf90-card-metric:last-child{border-left:0}.wf90-card-metric span{display:block;font-size:10.5px;font-weight:850;color:#778598}.wf90-card-metric b{display:block;margin-top:2px;font-size:12.5px;font-weight:950}.wf90-card-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:8px}.wf90-card-condition{display:flex;gap:4px;min-width:0;overflow:hidden}.wf90-card-open{display:inline-flex;align-items:center;gap:4px;color:#34455d;font-size:11px;font-weight:950;white-space:nowrap}.wf90-card-open svg{width:14px;height:14px}
.wf90-profile-head{border:1px solid var(--wf-border);border-radius:17px;background:#fff;padding:11px 12px;margin-bottom:9px}.wf90-profile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.wf90-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:4px;color:#68778c;font-size:11.5px;font-weight:900}.wf90-profile-name{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.wf90-profile-name h1{margin:0;font-size:21px;line-height:1.25;font-weight:950;color:#132137}.wf90-profile-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:6px;color:#69798e;font-size:11.5px}.wf90-profile-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.wf90-profile-actions .wf90-btn{width:100%;padding:0 7px}.wf90-info-alert{display:flex;align-items:flex-start;gap:8px;border:1px solid #f1d9a8;border-radius:13px;background:#fff8e8;padding:9px 10px;margin-bottom:9px;color:#8d5b12;font-size:11.5px;line-height:1.65}.wf90-info-alert b{font-weight:950}.wf90-info-alert svg{width:17px;height:17px;flex:0 0 auto;margin-top:1px}
.wf90-tabs{display:flex;gap:5px;overflow-x:auto;padding:5px;border:1px solid var(--wf-border);border-radius:14px;background:#fff;margin-bottom:9px;scrollbar-width:none}.wf90-tabs::-webkit-scrollbar{display:none}.wf90-tab{min-height:37px;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;border-radius:10px;padding:0 10px;color:#617086;font-size:11.5px;font-weight:950}.wf90-tab.active{background:#111d34;color:#fff}.wf90-tab-count{min-width:19px;height:19px;display:grid;place-items:center;border-radius:7px;background:#eef2f7;color:#6b788a;font-size:10.5px}.wf90-tab.active .wf90-tab-count{background:rgba(255,255,255,.14);color:#fff}
.wf90-section{border:1px solid var(--wf-border);border-radius:17px;background:#fff;overflow:hidden}.wf90-section-head{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:54px;padding:9px 11px;border-bottom:1px solid #e8edf3;background:#fbfcfe}.wf90-section-title{margin:0;font-size:14px;font-weight:950;color:#17243a}.wf90-section-desc{display:block;margin-top:2px;font-size:11.5px;line-height:1.5;color:#748196}.wf90-section-body{display:block}.wf90-line{display:grid;grid-template-columns:minmax(220px,1.4fr) 150px 155px;align-items:center;gap:10px;min-height:62px;padding:8px 11px;border-bottom:1px solid #e8edf3}.wf90-line:last-child{border-bottom:0}.wf90-line-main{min-width:0}.wf90-line-title{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.wf90-line-title b{font-size:13px;font-weight:950;color:#1b293e}.wf90-line-meta{display:block;margin-top:4px;font-size:11.5px;line-height:1.55;color:#738196}.wf90-line-value{text-align:left;direction:ltr;font-size:14px;font-weight:950;color:#152238}.wf90-line-value small{font-size:10.5px;font-weight:800;color:#8390a2}.wf90-line-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.wf90-mini-btn{min-height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dde5ef;border-radius:9px;padding:0 8px;background:#fff;color:#47566c;font-size:10.5px;font-weight:950}.wf90-mini-btn.red{border-color:#ffd7dd;background:#fff2f4;color:#bf3145}.wf90-mini-btn.blue{border-color:#d4e0ff;background:#f0f4ff;color:#2c55ce}.wf90-mini-btn.violet{border-color:#e0d8ff;background:#f4f1ff;color:#654bd0}.wf90-settlement{border-bottom:1px solid #e7edf4}.wf90-settlement:last-child{border-bottom:0}.wf90-settlement>summary{display:grid;grid-template-columns:minmax(180px,1fr) 170px 190px;align-items:center;gap:9px;min-height:64px;padding:8px 11px;cursor:pointer;list-style:none}.wf90-settlement>summary::-webkit-details-marker{display:none}.wf90-settlement-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px 11px 11px;border-top:1px solid #edf1f6;background:#fbfcfe}.wf90-settlement-item{border:1px solid #e2e8f0;border-radius:11px;background:#fff;padding:8px}.wf90-settlement-item-head{display:flex;justify-content:space-between;gap:7px}.wf90-settlement-item-head b{font-size:11.5px}.wf90-settlement-item-head span{font-size:10.5px;color:#778397}.wf90-settlement-item-foot{display:flex;justify-content:space-between;gap:7px;margin-top:5px;font-size:11.5px}.wf90-settlement-item-foot b{color:#2854d0}.wf90-manage-link{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid #dbe4ef;border-radius:10px;background:#fff;padding:0 9px;color:#46566d;font-size:10.5px;font-weight:950}
.wf-dialog{border:0;padding:0;background:transparent;box-shadow:none}.wf-dialog::backdrop{background:rgba(7,20,45,.56);backdrop-filter:blur(3px)}.wf-sheet-form{width:min(92vw,590px);max-height:min(88vh,760px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #d7e0eb;border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.25)}.wf-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;padding:13px 14px 10px;border-bottom:1px solid #e7edf3}.wf-sheet-head b{display:block;font-size:15px;font-weight:950;color:#172238}.wf-sheet-head p{margin:2px 0 0;font-size:11.5px;line-height:1.55;color:#748196}.wf-sheet-close{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #dfe6ef;border-radius:10px;background:#f8fafc;color:#64748b;font-size:21px;line-height:1}.wf-sheet-body{overflow-y:auto;padding:11px 13px 13px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.wf-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wf-form-grid.one{grid-template-columns:1fr}.wf-form-field{display:grid;gap:4px}.wf-form-field.full{grid-column:1/-1}.wf-form-label{font-size:11.5px;font-weight:900;color:#5d6c81}.wf-form-control{width:100%;min-width:0;height:43px;border:1px solid #d7e0eb;border-radius:11px;padding:0 10px;background:#fff;color:#1f2c3e;font-size:14px;outline:0}.wf-form-control.soft{background:#f8fafc}.wf-form-control:focus{border-color:#8093af;box-shadow:0 0 0 3px rgba(76,103,144,.08)}textarea.wf-form-control{height:auto;min-height:76px;padding-top:9px;resize:vertical}.wf-sheet-actions{display:flex;gap:7px;margin-top:10px}.wf-sheet-submit{min-height:44px;display:flex;align-items:center;justify-content:center;flex:1;border:0;border-radius:11px;background:#111d34;color:#fff;font-size:12.5px;font-weight:950}.wf-sheet-submit.blue{background:#315efb}.wf-sheet-submit.violet{background:#7157f6}.wf-sheet-submit.green{background:#0f9f6e}.wf-sheet-submit:disabled{background:#e2e8f0;color:#8b97a7}.wf-results{max-height:220px;overflow:auto;border:1px solid #dce4ee;border-radius:10px;background:#fff}.wf-results:empty{display:none}.wf-result{display:block;width:100%;text-align:right;border:0;border-bottom:1px solid #edf1f6;padding:8px 9px;background:#fff}.wf-result:last-child{border-bottom:0}.wf-result:hover{background:#f8fafc}.wf-result b{display:block;font-size:12px;color:#26364b}.wf-result small{display:block;margin-top:2px;font-size:11px;color:#778598}.wf-selected{border-radius:9px;background:#eef4ff;padding:7px 8px;color:#2d56ce;font-size:11.5px;font-weight:900}.wf-selected:empty{display:none}.wf90-money{direction:ltr;text-align:left;font-variant-numeric:tabular-nums}.wf90-scroll-list{max-height:310px;overflow:auto;overscroll-behavior:contain}.wf90-preview-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e2e8f0;border-radius:11px;background:#f9fbfd;padding:8px}.wf90-preview-row+.wf90-preview-row{margin-top:6px}.wf90-preview-row b{font-size:12px}.wf90-preview-row small{display:block;margin-top:2px;font-size:10.5px;color:#748196}.wf90-preview-price{text-align:left;direction:ltr}.wf90-preview-price b{display:block}.wf90-preview-price span{font-size:11.5px;font-weight:950;color:#2855d2}.wf90-total-box{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;border:1px solid #d6e2ff;border-radius:11px;background:#eff4ff;padding:9px}.wf90-total-box span{font-size:11.5px;font-weight:850;color:#4363af}.wf90-total-box b{font-size:16px;color:#2347ad;direction:ltr}.wf90-danger-note{border:1px solid #f4d69e;border-radius:11px;background:#fff8e8;padding:8px 9px;color:#915d13;font-size:11.5px;line-height:1.6}
.wf90-filter-dialog .wf-sheet-form{width:min(92vw,450px)}
@media(max-width:1023px){.wf90-table{display:none}.wf90-mobile-list{display:block;padding:8px;background:#f8fafc}.wf90-desktop-filter{display:none}.wf90-mobile-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.wf90-mobile-search{display:grid;grid-template-columns:minmax(0,1fr) 56px;border:1px solid #d9e2ed;border-radius:11px;background:#fff;overflow:hidden}.wf90-mobile-search input{min-width:0;height:42px;border:0;padding:0 10px;background:transparent;font-size:15px;outline:0}.wf90-mobile-search button{border:0;background:#111d34;color:#fff;font-size:11px;font-weight:950}.wf90-filter-trigger{min-width:78px;height:42px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #d8e1ec;border-radius:11px;background:#fff;color:#405169;font-size:11.5px;font-weight:950}.wf90-filter-trigger i{min-width:19px;height:19px;display:grid;place-items:center;border-radius:7px;background:#315efb;color:#fff;font-size:10px;font-style:normal}.wf90-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.wf90-line{grid-template-columns:minmax(0,1fr) auto;gap:7px;min-height:0;padding:9px 10px}.wf90-line-value{grid-column:2;grid-row:1}.wf90-line-actions{grid-column:1/-1;justify-content:flex-start}.wf90-settlement>summary{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:9px 10px}.wf90-settlement>summary>:nth-child(2){grid-column:1}.wf90-settlement>summary>:nth-child(3){grid-column:2;grid-row:1/3}.wf90-settlement-items{grid-template-columns:1fr;padding:7px 10px 10px}}
@media(max-width:700px){.wf90-page{padding-bottom:4px}.wf90-head{display:block}.wf90-title{font-size:19px}.wf90-subtitle{font-size:12px}.wf90-head-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:9px}.wf90-head-actions .wf90-btn{width:100%;padding:0 6px;font-size:11.5px}.wf90-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:9px}.wf90-kpi{padding:8px 9px;border-radius:13px}.wf90-kpi-icon{width:25px;height:25px;border-radius:8px}.wf90-kpi-icon svg{width:14px;height:14px}.wf90-kpi-label{font-size:11px}.wf90-kpi-value{margin-top:5px;font-size:17px}.wf90-kpi-note{font-size:10.5px}.wf90-panel{border-radius:15px}.wf90-toolbar{padding:7px}.wf90-mobile-list{padding:7px}.wf90-profile-head{padding:9px 10px;border-radius:15px}.wf90-profile-name h1{font-size:18px}.wf90-profile-meta{font-size:11px}.wf90-profile-top .wf90-btn{min-height:36px;padding:0 8px;font-size:10.5px}.wf90-profile-actions{gap:5px;margin-top:8px}.wf90-profile-actions .wf90-btn{min-height:39px;font-size:11px}.wf90-tabs{margin-bottom:7px}.wf90-tab{min-height:36px;padding:0 9px;font-size:11px}.wf90-section{border-radius:14px}.wf90-section-head{min-height:50px;padding:8px 10px}.wf90-section-title{font-size:13.5px}.wf90-section-desc{font-size:11px}.wf90-line-title b{font-size:12.5px}.wf90-line-meta{font-size:11px}.wf90-line-value{font-size:13px}.wf-dialog{position:fixed;inset:auto 0 0 0!important;width:100%!important;max-width:none!important;margin:0!important}.wf-sheet-form{width:100%;max-height:88dvh;border-width:1px 0 0;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}.wf-sheet-head{padding:11px 12px 8px}.wf-sheet-head b{font-size:14.5px}.wf-sheet-head p{font-size:11px}.wf-sheet-body{padding:9px 11px 11px}.wf-form-grid{gap:7px}.wf-form-control{height:43px;font-size:16px}.wf-form-label{font-size:11.5px}.wf-sheet-submit{font-size:12.5px}.wf90-filter-dialog .wf-sheet-form{width:100%}}
@media(max-width:390px){.wf90-head-actions{grid-template-columns:1fr 1fr}.wf90-head-actions .wf90-btn-primary{grid-column:1/-1}.wf90-card-condition .wf90-badge:nth-child(n+2){display:none}.wf-form-grid{grid-template-columns:1fr}.wf-form-field.full{grid-column:auto}}
.theme-dark .wf90-page{--wf-border:#334155;--wf-border-strong:#475569;--wf-muted:#94a3b8;--wf-soft:#111827;--wf-ink:#e5edf8;color:#e5edf8}.theme-dark .wf90-title,.theme-dark .wf90-person-name,.theme-dark .wf90-profile-name h1,.theme-dark .wf90-section-title,.theme-dark .wf90-line-title b{color:#edf3fb}.theme-dark .wf90-kpi,.theme-dark .wf90-panel,.theme-dark .wf90-mobile-card,.theme-dark .wf90-profile-head,.theme-dark .wf90-tabs,.theme-dark .wf90-section,.theme-dark .wf-sheet-form{background:#101827;border-color:#314056}.theme-dark .wf90-toolbar,.theme-dark .wf90-section-head{background:#131d2d;border-color:#2b394d}.theme-dark .wf90-input,.theme-dark .wf90-select,.theme-dark .wf-form-control,.theme-dark .wf90-mobile-search,.theme-dark .wf90-filter-trigger,.theme-dark .wf90-row-action,.theme-dark .wf90-manage-link,.theme-dark .wf90-mini-btn{background:#152033;border-color:#34445a;color:#e5edf8}.theme-dark .wf90-table-head,.theme-dark .wf90-mobile-list,.theme-dark .wf90-card-metrics,.theme-dark .wf90-settlement-items{background:#121c2b}.theme-dark .wf90-table-row,.theme-dark .wf90-line,.theme-dark .wf90-settlement{border-color:#2b394d}.theme-dark .wf90-table-row:hover{background:#142033}.theme-dark .wf90-card-metrics,.theme-dark .wf90-card-metric{border-color:#2c3b4e}.theme-dark .wf90-badge,.theme-dark .wf90-chip{background:#1d2a3c;color:#aebbd0}.theme-dark .wf90-state{background:#14342c;color:#7be0bd}.theme-dark .wf90-state.off{background:#202c3c;color:#aab5c5}.theme-dark .wf-result,.theme-dark .wf-results,.theme-dark .wf90-preview-row,.theme-dark .wf90-settlement-item{background:#152033;border-color:#34445a}.theme-dark .wf-result b{color:#e6edf7}.theme-dark .wf-result:hover{background:#1a283c}.theme-dark .wf90-kpi-value,.theme-dark .wf90-line-value{color:#f1f5f9}.theme-dark .wf90-info-alert,.theme-dark .wf90-danger-note{background:#352b16;border-color:#5b4822;color:#f0c36f}.theme-dark .wf90-total-box{background:#17264c;border-color:#294477}.theme-dark .wf-sheet-close{background:#172235;border-color:#34445a;color:#b5c0d0}

html.royan-wf-sheet-open,body.royan-wf-sheet-open{overflow:hidden!important;overscroll-behavior:none}


/* === kamadatepicker.min.css === */
/*! kamadatepicker - version 1.5.3 */.bd-hide{display:none}.bd-main{background-color:#fff;border:1px solid #000;padding:5px;z-index:9999;width:auto!important;margin:0;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.bd-calendar{width:210px;padding:0;margin:0}.bd-calendar table{border:none;width:210px}.bd-title{width:210px;padding:0;margin:0}.bd-dropdown{display:inline-block;float:right;width:75px}.bd-dropdown select{width:100%}.bd-dropdown select,.bd-next,.bd-prev{height:30px;border:none;cursor:pointer}.bd-next,.bd-prev{background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;width:30px;margin:0;padding:0;display:inline-block;float:right}.bd-table thead{background-color:#555;color:#fff}.bd-table thead tr{height:30px;cursor:context-menu}.bd-table thead tr th{text-align:center}.bd-table tbody tr td{border:none}.bd-empty-cell,.bd-table-days button{width:30px;height:30px}.bd-table-days button{background-color:#f8f8f8;border:0}.bd-table-days button:hover:enabled{color:red;font-weight:700;background-color:#e7e7e7;cursor:pointer}.bd-table-days button:disabled{background-color:#eee}.bd-today{background-color:#dff0d8!important;color:green}.bd-holiday{background-color:#fde8e8!important}.bd-selected-day{color:red;font-weight:700}.bd-goto-today{width:210px;height:30px;color:#fff;background-color:#555;padding-top:5px;cursor:pointer;text-align:center}

/* === overrides.css === */
/* === overrides-v110.css === */
/* Royan 0.111 root UI/runtime stabilization. This is the final authority layer. */

/* Public storefront is intentionally LIGHT-ONLY. No automatic/night theme. */
html:has(body.sf-body),html:has(body.ca-body){color-scheme:light!important;background:#f4f7fb!important}
body.sf-body,body.ca-body,
html[data-p101-theme="neon"] body.sf-body,html[data-p101-theme="neon"] body.ca-body,
html[data-p101-theme="light"] body.sf-body,html[data-p101-theme="light"] body.ca-body{
  background:#f4f7fb!important;color:#17263b!important;
}
body.sf-body *,body.ca-body *{text-shadow:none}
body.sf-body :is(.sf-topbar,.sf-footer,.sf-card,.sf-surface,.sf-panel,.sf75-card,.sf66-delivery-card,.sf-cart-item,.sf-cart-summary,.p101-card,.sf107-carrier-empty),
body.ca-body :is(.ca-card,.sf-card,.sf-panel){--sf-surface:#fff;background-color:#fff;color:#17263b}
body.sf-body :is(p,small,em,label,.sf-muted),body.ca-body :is(p,small,em,label){color:#516176}
body.sf-body :is(h1,h2,h3,h4,b,strong),body.ca-body :is(h1,h2,h3,h4,b,strong){color:#152238}
body.sf-body input,body.sf-body select,body.sf-body textarea,body.ca-body input,body.ca-body select,body.ca-body textarea{background:#fff!important;color:#16263c!important;border-color:#cdd7e5!important}
body.sf-body input::placeholder,body.sf-body textarea::placeholder,body.ca-body input::placeholder{color:#7b8798!important;opacity:1}

/* Checkout: carrier options are compact radios, never giant button cards. */
.sf66-delivery-card .sf107-carrier-empty{padding:12px!important;border:1px solid #d7e0eb!important;border-radius:14px!important;background:#f8fafc!important}
.sf66-delivery-card .sf107-carrier-empty>b{font-size:14px!important;color:#24364d!important}.sf66-delivery-card .sf107-carrier-empty>span{font-size:12.5px!important;color:#607188!important}
.sf66-delivery-card .sf106-carrier-mode{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;width:100%!important;min-height:42px!important;margin:7px 0 0!important;padding:8px 10px!important;border:1px solid #d6dfeb!important;border-radius:10px!important;background:#fff!important;color:#25384f!important;font-size:13px!important;font-weight:800!important;box-shadow:none!important;transform:none!important}
.sf66-delivery-card .sf106-carrier-mode input[type="radio"]{appearance:auto!important;-webkit-appearance:radio!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;margin:0!important;padding:0!important;accent-color:#245cf2!important;box-shadow:none!important}
.sf66-delivery-card [data-carrier-suggestion] input{min-height:42px!important;margin-top:7px!important}
@media(max-width:520px){.sf66-delivery-card{padding:13px!important}.sf66-delivery-card .sf106-carrier-mode{font-size:12.5px!important;line-height:1.6!important}}

/* Public order: one visual path, secondary information is quiet. */
.sf75-order-page{max-width:1120px!important}.sf75-order-page .sf75-journey{margin-bottom:12px!important;padding:10px 14px!important;border:1px solid #dce4ee!important;border-radius:14px!important;background:#fff!important}
.sf75-order-page .sf75-order-hero{margin-bottom:9px!important;background:#fff!important;border:1px solid #dce4ee!important;box-shadow:0 7px 22px rgba(33,53,83,.06)!important}
.sf75-order-page .sf75-status-note{margin:0 0 9px!important}.sf75-order-page .p100-order-share{margin:0 0 10px!important;padding:8px 10px!important;border:1px dashed #d3dce8!important;border-radius:11px!important;background:#fbfcfe!important}
.sf75-order-page .p100-order-share>div:first-child small{display:none!important}.sf75-order-page .p100-order-share button{min-height:34px!important;padding:0 10px!important;font-size:12px!important;background:#fff!important;color:#44546a!important;border:1px solid #d8e0ea!important;border-radius:9px!important}
.sf75-order-page .sf75-finance,.sf75-order-page .sf107-finance-split{margin-block:9px!important}.sf75-order-page .sf75-finance>div,.sf75-order-page .sf107-finance-split>div{background:#fff!important;border-color:#dce4ee!important}.sf75-order-page .sf75-finance small,.sf75-order-page .sf107-finance-split small{font-size:12px!important;color:#68778b!important}.sf75-order-page .sf75-finance b,.sf75-order-page .sf107-finance-split b{font-size:16px!important;color:#16263c!important}
.sf75-order-page .sf75-info-grid{gap:10px!important}.sf75-order-page .sf75-card{border:1px solid #dce4ee!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}.sf75-order-page .sf75-card header{padding:12px 14px!important}.sf75-order-page .sf75-card header b{font-size:15px!important}.sf75-order-page .sf75-card header small{font-size:12px!important;color:#68778b!important}.sf75-order-page .sf75-items article,.sf75-order-page .sf75-payments-history article{font-size:13px!important}.sf75-order-page .sf75-items article span,.sf75-order-page .sf75-payments-history small{font-size:12px!important;color:#66768a!important}
@media(min-width:900px){.sf75-order-page .sf75-info-grid{grid-template-columns:1.05fr .95fr!important}.sf75-order-page .sf75-payment-section{max-width:760px;margin-inline:auto!important}}

/* Admin: explicit semantic contrast. Light is genuinely light; dark is genuinely dark. */
body.admin-body.theme-light{--ad-bg:#f3f6fb;--ad-surface:#fff;--ad-surface-2:#f7f9fc;--ad-text:#142238;--ad-text-2:#33465f;--ad-muted:#617187;--ad-line:#d7e0eb;--ad-primary:#245cf2;--ad-danger:#bd3146;background:#f3f6fb!important;color:var(--ad-text)!important}
body.admin-body.theme-light .admin-main,body.admin-body.theme-light .admin-content{background:#f5f8fc!important;color:var(--ad-text)!important}
body.admin-body.theme-light :is(.admin-content,.admin-topbar) :is(h1,h2,h3,h4,b,strong){color:var(--ad-text)!important}
body.admin-body.theme-light :is(.admin-content,.admin-topbar) :is(p,small,em,label,.text-slate-400,.text-slate-500,.text-slate-600){color:var(--ad-muted)!important}
body.admin-body.theme-light :is(.admin-content input,.admin-content select,.admin-content textarea){color:var(--ad-text)!important;background:#fff!important;border-color:#ccd7e5!important}
body.admin-body.theme-light :is(.admin-content input,.admin-content textarea)::placeholder{color:#77869a!important;opacity:1!important}
body.admin-body.theme-dark{--ad-bg:#0e1726;--ad-surface:#172235;--ad-surface-2:#1d2a40;--ad-text:#f4f7fb;--ad-text-2:#d7e0ed;--ad-muted:#aebbd0;--ad-line:#34445d;--ad-primary:#78a2ff;--ad-danger:#ff8291;background:#0e1726!important;color:var(--ad-text)!important}
body.admin-body.theme-dark .admin-main,body.admin-body.theme-dark .admin-content{background:#101a2b!important;color:var(--ad-text)!important}
body.admin-body.theme-dark .admin-content :is(section,article,.rounded-xl,.rounded-2xl,.rounded-\[24px\],.ship-kpi,.ship-row,.order-command-surface,.order-table-shell,.inv76-row,.inv76-card){border-color:var(--ad-line)}
body.admin-body.theme-dark .admin-content :is(h1,h2,h3,h4,b,strong){color:var(--ad-text)!important}
body.admin-body.theme-dark .admin-content :is(p,small,em,label,.ship-muted,.text-slate-400,.text-slate-500,.text-slate-600){color:var(--ad-muted)!important}
body.admin-body.theme-dark .admin-content :is(input,select,textarea){background:#162237!important;color:#f4f7fb!important;border-color:#3a4b65!important}
body.admin-body.theme-dark .admin-content :is(input,textarea)::placeholder{color:#a4b1c4!important;opacity:1!important}

/* Operational typography floor. */
body.admin-body .admin-content{font-size:14px!important;line-height:1.65!important}.admin-content :is(button,a,input,select,textarea){font-size:max(13px,1em)}.admin-content small{font-size:12px;line-height:1.6}.admin-content [class*="text-[9px]"],.admin-content [class*="text-[10px]"]{font-size:12px!important}

/* Orders: explicit desktop/table vs mobile cards; no reliance on Tailwind responsive utility compilation. */
@media(min-width:768px){.orders-page-v1 .order-mobile-list{display:none!important}.orders-page-v1 .order-table-shell{display:block!important}.orders-page-v1 .order-table-head,.orders-page-v1 .order-table-row{display:grid!important;grid-template-columns:145px minmax(170px,1.35fr) 130px 135px 135px 115px 118px!important;gap:10px!important;align-items:center!important;padding:9px 12px!important}.orders-page-v1 .order-table-row{min-height:64px!important}.orders-page-v1 .order-detail-btn{width:auto!important;min-height:36px!important;padding:0 12px!important;justify-self:stretch!important}.orders-page-v1 .order-cancel-btn{width:auto!important;min-height:34px!important;padding:0 9px!important;margin:0!important}.orders-page-v1 .order-row-actions{display:flex!important;align-items:center!important;gap:6px!important;justify-content:flex-start!important}}
@media(max-width:767px){.orders-page-v1 .order-table-shell{display:none!important}.orders-page-v1 .order-mobile-list{display:grid!important}.orders-page-v1 .order-mobile-card{padding:11px!important}.orders-page-v1 .order-mobile-card .order-detail-btn{width:auto!important;min-width:120px!important;display:inline-flex!important}.orders-page-v1 .order-mobile-card .order-cancel-btn{width:auto!important;display:inline-flex!important}}
.orders-page-v1 .order-table-head{font-size:12px!important;color:var(--ad-muted)!important}.orders-page-v1 .order-table-row{font-size:13px!important;background:var(--ad-surface)!important;border-color:var(--ad-line)!important}.orders-page-v1 .order-table-row:hover{background:var(--ad-surface-2)!important}.orders-page-v1 .order-row-customer b,.orders-page-v1 .order-row-number b{font-size:13.5px!important}.orders-page-v1 .order-row-customer small,.orders-page-v1 .order-row-number small,.orders-page-v1 .order-row-date small{font-size:12px!important;color:var(--ad-muted)!important}

/* Quick sale: clear flow, readable series and receipts. */
.route-admin-quick-sale .qs71-page :is(p,small,span,label){color:var(--ad-muted)!important}.route-admin-quick-sale .qs71-page :is(h2,h3,b,strong){color:var(--ad-text)!important}.route-admin-quick-sale .qs71-payment-card{background:var(--ad-surface)!important;border-color:var(--ad-line)!important;padding:14px!important;border-radius:16px!important}.route-admin-quick-sale .qs71-payment-card h3{font-size:16px!important}.route-admin-quick-sale .qs110-payment-help{display:block;margin-top:3px;font-size:12px!important;color:var(--ad-muted)!important;font-weight:650!important}.route-admin-quick-sale .qs110-payment-note{margin-top:9px!important;font-size:12px!important;line-height:1.7!important;color:var(--ad-muted)!important}.route-admin-quick-sale #paymentRows{display:grid!important;gap:9px!important}.route-admin-quick-sale .qs109-payment-row{padding:11px!important;border:1px solid var(--ad-line)!important;border-radius:13px!important;background:var(--ad-surface-2)!important}.route-admin-quick-sale .qs109-payment-row legend{padding:0 5px!important;font-size:12px!important;color:var(--ad-text-2)!important;font-weight:900!important}.route-admin-quick-sale .qs109-payment-main{display:grid!important;grid-template-columns:minmax(160px,.9fr) minmax(180px,1fr) auto!important;gap:9px!important;align-items:end!important}.route-admin-quick-sale .qs109-payment-extra{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:9px!important}.route-admin-quick-sale .qs109-payment-row label>span{font-size:12px!important;color:var(--ad-text-2)!important;font-weight:800!important}.route-admin-quick-sale .qs109-payment-row :is(select,input){height:42px!important;font-size:14px!important}.route-admin-quick-sale .qs109-payment-remove{min-width:72px!important;height:42px!important;border:1px solid #e4aeb8!important;border-radius:9px!important;background:transparent!important;color:var(--ad-danger)!important;font-size:12px!important}.route-admin-quick-sale .qs71-series-row{font-size:13px!important}.route-admin-quick-sale .qs71-series-row b{font-size:14px!important}.route-admin-quick-sale .qs71-series-row small{font-size:12px!important}.route-admin-quick-sale #submitSale:disabled{opacity:.48!important;cursor:not-allowed!important}
@media(max-width:767px){.route-admin-quick-sale .qs109-payment-main,.route-admin-quick-sale .qs109-payment-extra{grid-template-columns:1fr!important}.route-admin-quick-sale .qs109-payment-remove{width:100%!important}}

/* Inventory: one deliberate action per row, no fragile ±1 AJAX controls. */
.route-admin-inventory .inv76-row{min-height:76px!important;background:var(--ad-surface)!important;color:var(--ad-text)!important}.route-admin-inventory .inv76-table-head{font-size:12px!important;color:var(--ad-muted)!important}.route-admin-inventory .inv76-identity>b{font-size:14px!important;color:var(--ad-text)!important}.route-admin-inventory .inv76-variant-line strong,.route-admin-inventory .inv76-identity em,.route-admin-inventory .inv93-location-tag{font-size:12px!important;color:var(--ad-muted)!important}.route-admin-inventory .inv76-num b{font-size:18px!important;color:var(--ad-text)!important}.route-admin-inventory .inv76-num small{font-size:12px!important;color:var(--ad-muted)!important}.route-admin-inventory .inv110-row-actions{display:grid!important;grid-template-columns:minmax(105px,1fr) 72px!important;gap:6px!important;align-items:center!important}.route-admin-inventory .inv110-adjust-btn,.route-admin-inventory .inv110-kardex-link{min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;font-size:12px!important;font-weight:900!important}.route-admin-inventory .inv110-adjust-btn{border:0!important;background:var(--ad-primary)!important;color:#fff!important}.route-admin-inventory .inv110-kardex-link{border:1px solid var(--ad-line)!important;background:var(--ad-surface-2)!important;color:var(--ad-text-2)!important}

/* Shipments: KPIs and hover stay readable in both themes. */
.route-admin-shipments .ship-kpi{background:var(--ad-surface)!important;border:1px solid var(--ad-line)!important}.route-admin-shipments .ship-kpi small{font-size:12px!important;color:var(--ad-muted)!important}.route-admin-shipments .ship-kpi b{font-size:21px!important;color:var(--ad-text)!important}.route-admin-shipments .ship-row{background:var(--ad-surface)!important;color:var(--ad-text)!important;border-color:var(--ad-line)!important}.route-admin-shipments .ship-row:hover{background:var(--ad-surface-2)!important;color:var(--ad-text)!important}.route-admin-shipments .ship-row:hover :is(b,strong,span,small){color:inherit}.route-admin-shipments .ship-main b,.route-admin-shipments .ship-row>div>b{font-size:13.5px!important;color:var(--ad-text)!important}.route-admin-shipments .ship-muted{font-size:12px!important;color:var(--ad-muted)!important}.route-admin-shipments .ship-pill{font-size:12px!important}.route-admin-shipments .ship-open{min-height:38px!important;font-size:12px!important}
.route-admin-shipment-detail .admin-content,.route-admin-shipments-show .admin-content{color:var(--ad-text)!important}

/* Password management in customer account. */
.sf110-password-card{margin-top:10px;border:1px solid #dce4ee;border-radius:14px;background:#fff}.sf110-password-card summary{cursor:pointer;padding:12px 14px;font-weight:900;color:#22354c}.sf110-password-card summary span{margin-inline-start:6px;font-size:12px;font-weight:600;color:#6a788b}.sf110-password-card .sf-account-more-content{padding:0 14px 14px}.sf110-password-copy p{font-size:12.5px;color:#627287}.sf110-password-form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end}.sf110-password-form label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#43546a}.sf110-password-form input{min-height:42px;border:1px solid #cfd9e6;border-radius:10px;padding:0 10px}.sf110-password-form button{min-height:42px}.sf110-password-form button{white-space:nowrap}@media(max-width:700px){.sf110-password-form{grid-template-columns:1fr}.sf110-password-form button{width:100%}}

/* Keyboard clarity */
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgba(36,92,242,.34)!important;outline-offset:2px!important}

/* Shipment detail: override legacy ultra-dark/tiny inline skin with semantic admin surfaces. */
body[class*="route-admin-shipments-"] .shd{color:var(--ad-text)!important}
body[class*="route-admin-shipments-"] .shd :is(.shd-stat,.shd-card,.shd-primary,.shd-driver){background:var(--ad-surface)!important;border-color:var(--ad-line)!important;color:var(--ad-text)!important;box-shadow:none!important}
body[class*="route-admin-shipments-"] .shd :is(.shd-item,.shd-upload,.shd-waybill){background:var(--ad-surface-2)!important;border-color:var(--ad-line)!important;color:var(--ad-text-2)!important}
body[class*="route-admin-shipments-"] .shd :is(.shd-title small,.shd-title p,.shd-stat small,.shd-card .hint,.shd-item small,.shd-event p,.shd-event small,.shd-primary>p,.shd-field span,.shd-driver small,.shd-driver label>span){color:var(--ad-muted)!important}
body[class*="route-admin-shipments-"] .shd .shd-title h2{font-size:22px!important;color:var(--ad-text)!important}
body[class*="route-admin-shipments-"] .shd .shd-title small,body[class*="route-admin-shipments-"] .shd .shd-title p{font-size:12.5px!important;line-height:1.65!important}
body[class*="route-admin-shipments-"] .shd .shd-stat{padding:11px 12px!important}.shd-stat small{font-size:12px!important}.shd-stat b{font-size:16px!important;color:var(--ad-text)!important}
body[class*="route-admin-shipments-"] .shd .shd-card{padding:14px!important}.shd-card h3,.shd-primary h3{font-size:15px!important;color:var(--ad-text)!important}
body[class*="route-admin-shipments-"] .shd .shd-step b{font-size:11.5px!important;color:var(--ad-muted)!important}.shd-step.current b,.shd-step.done b{color:var(--ad-text)!important}
body[class*="route-admin-shipments-"] .shd .shd-item b{font-size:13px!important;color:var(--ad-text)!important}.shd-item small{font-size:12px!important}.shd-item span{font-size:12.5px!important}
body[class*="route-admin-shipments-"] .shd .shd-event b{font-size:12.5px!important;color:var(--ad-text)!important}.shd-event p,.shd-event small{font-size:11.5px!important}
body[class*="route-admin-shipments-"] .shd .shd-field span{font-size:12px!important}.shd-field input,.shd-field select,.shd-field textarea{font-size:14px!important;background:var(--ad-surface-2)!important;color:var(--ad-text)!important;border-color:var(--ad-line)!important}
body[class*="route-admin-shipments-"] .shd .shd-save{background:var(--ad-surface-2)!important;color:var(--ad-text)!important;border:1px solid var(--ad-line)!important;font-size:13px!important}.shd-next{background:var(--ad-primary)!important;color:#fff!important;font-size:13px!important}.shd-danger,.shd-public{font-size:12px!important}.shd-public{color:var(--ad-text-2)!important;border-color:var(--ad-line)!important}
body[class*="route-admin-shipments-"] .shd .p94-freight-wrap{position:static!important;height:auto!important;min-height:0!important;overflow:visible!important;display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
body[class*="route-admin-shipments-"] .shd .p94-freight-box{position:static!important;width:auto!important;min-width:0!important;height:auto!important;overflow:visible!important;background:var(--ad-surface-2)!important;border-color:var(--ad-line)!important}
@media(max-width:900px){body[class*="route-admin-shipments-"] .shd-grid{grid-template-columns:1fr!important}body[class*="route-admin-shipments-"] .shd-action{position:static!important}}

/* Order status explanation should not repeat the same heading twice. */
.sf75-order-page .sf75-status-note>b{display:none!important}.sf75-order-page .sf75-status-note>span{font-size:13px!important;font-weight:750!important;color:inherit!important}

/* Prevent legacy pseudo-dark public surfaces after cached preference values. */
html[data-p101-theme="neon"] body.sf-body :is(.sf-topbar,.sf-footer,.sf-card,.sf75-card,.sf66-delivery-card,.sf-cart-item,.sf-cart-summary,.p101-card),
html[data-p101-theme="neon"] body.ca-body :is(.ca-card,.sf-card){background:#fff!important;color:#17263b!important;border-color:#dce4ee!important}
html.storefront-light{background:#f4f7fb!important;color-scheme:light!important}

/* === 0.111 root interaction + layout correction === */
/* Numeric editors keep native caret while typing; grouping happens only on blur (JS). */
[data-money-input]{font-variant-numeric:tabular-nums;direction:ltr;text-align:left}

/* Proforma detail: light means light. Remove legacy dark islands and cramped freight columns. */
body.theme-light .p75-order-hero,
body.theme-light .p75-panel,
body.theme-light .p75-summary-card,
body.theme-light .p75-customer-card,
body.theme-light .p75-link-card,
body.theme-light .p94-freight-box,
body.theme-light .p94-freight-read,
body.theme-light .p108-next-action{background:#fff!important;color:#142238!important;border-color:#d5dfeb!important}
body.theme-light .p75-order-total{background:#edf4ff!important;border:1px solid #ccdcfb!important;color:#17325f!important}
body.theme-light .p75-order-total :is(small,span){color:#526d98!important}
body.theme-light .p75-order-total b{color:#164ac8!important}
body.theme-light .p75-decision-bar{background:#edf4ff!important;border:1px solid #c9dafb!important;color:#142238!important}
body.theme-light .p75-decision-bar :is(b,span){color:#213c64!important}
body.theme-light .p75-decision-bar .p75-btn.is-primary{background:#245cf2!important;color:#fff!important}
body.theme-light .p75-decision-bar .p75-btn.is-danger,
body.theme-light .p75-decision-bar .p75-btn.is-danger-soft{background:#fff2f4!important;color:#b4233d!important;border:1px solid #f0bdc7!important}
body.theme-light .p75-item-row{background:#fbfdff!important;border-color:#dfe7f0!important}
body.theme-light .p75-item-name :is(b,span),body.theme-light .p75-item-mini :is(b,small),body.theme-light .p75-line-total :is(b,small,span){color:#24364d!important}
body.theme-light .p75-price-field>span{color:#41536b!important}
body.theme-light .p75-price-field input:not([readonly]){background:#fff!important;color:#101d30!important;border-color:#bac8da!important}
body.theme-light .p75-price-field input[readonly]{background:#eef2f7!important;color:#536277!important;border-color:#d5dde8!important}
body.theme-dark .p75-decision-bar,body.theme-dark .p75-order-total{background:#17263e!important;border:1px solid #3d5270!important}
body.theme-dark .p75-decision-bar :is(b,span),body.theme-dark .p75-order-total :is(b,small,span){color:#edf4ff!important}
body.theme-dark .p75-item-row,body.theme-dark .p75-panel,body.theme-dark .p75-summary-card,body.theme-dark .p75-customer-card,body.theme-dark .p94-freight-box{background:#172235!important;border-color:#34445d!important;color:#f3f7fd!important}
body.theme-dark .p75-item-row :is(b,strong),body.theme-dark .p75-summary-card :is(b,strong),body.theme-dark .p75-customer-card :is(b,strong){color:#f5f8ff!important}
body.theme-dark .p75-item-row :is(span,small),body.theme-dark .p75-summary-card span,body.theme-dark .p75-customer-card span{color:#b7c4d8!important}
.p75-order-layout{grid-template-columns:minmax(0,1fr) 300px!important;gap:14px!important}
.p75-order-main,.p75-order-side{gap:12px!important}.p75-panel{padding:14px!important}.p75-item-row{min-height:64px!important;padding:9px 10px!important;grid-template-columns:minmax(240px,1.8fr) 72px 82px minmax(180px,.9fr) 140px!important;gap:10px!important}
.p75-item-name b{font-size:14px!important}.p75-item-name span{font-size:12px!important}.p75-item-mini small{font-size:11px!important}.p75-item-mini b{font-size:14px!important}.p75-price-field>span{font-size:12px!important}.p75-price-field input{height:42px!important;font-size:15px!important;padding-inline:11px!important}.p75-line-total small,.p75-line-total span{font-size:11px!important}.p75-line-total b{font-size:14px!important}
.p75-price-footer{display:grid!important;grid-template-columns:minmax(260px,420px) minmax(0,1fr)!important;align-items:start!important;gap:14px!important;margin-top:14px!important;padding-top:14px!important}.p75-price-field.is-shipping{grid-column:1!important;align-self:start!important}.p75-price-footer>.p94-freight-wrap{grid-column:1/-1!important}.p75-price-footer>.p108-freight-table,.p75-price-footer>.p94-patch-note{grid-column:1/-1!important}.p75-price-footer>[data-price-save]{grid-column:1!important;justify-self:start!important;min-width:220px!important}.p75-price-footer>.p75-dirty-note{grid-column:2!important;grid-row:1!important;align-self:end!important}
.p94-freight-wrap{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;position:static!important;height:auto!important;min-height:0!important;overflow:visible!important}.p94-freight-box{min-width:0!important;padding:12px!important}.p94-freight-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.p94-freight-fields :is(input,select){min-width:0!important;width:100%!important;height:42px!important}.p94-freight-fields .wide{grid-column:1/-1!important}.p108-freight-table{width:100%!important;table-layout:auto!important}.p108-freight-table th,.p108-freight-table td{font-size:12px!important;padding:9px!important;white-space:normal!important}
@media(max-width:1100px){.p75-order-layout{grid-template-columns:1fr!important}.p75-order-side{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.p75-price-footer{grid-template-columns:1fr!important}.p75-price-footer>*{grid-column:1!important}.p75-price-footer>.p75-dirty-note{grid-row:auto!important}.p94-freight-wrap{grid-template-columns:1fr!important}}
@media(max-width:700px){.p75-order-side{grid-template-columns:1fr!important}.p75-item-row{grid-template-columns:1fr!important;grid-template-areas:none!important}.p75-item-row>*{grid-area:auto!important}.p75-price-field{grid-template-columns:1fr!important}.p75-line-total{text-align:right!important}.p108-freight-table{display:block!important;overflow:auto!important}}

/* Quick Sale: no dark finance island in light theme; series modal is stable and readable. */
body.theme-light.route-admin-quick-sale .qs71-summary-card{background:#f1f6ff!important;border:1px solid #cedcf3!important;color:#17304f!important;box-shadow:none!important}
body.theme-light.route-admin-quick-sale .qs71-summary-card :is(h3,b,span){color:#17304f!important}
body.theme-light.route-admin-quick-sale .qs71-summary-card .qs71-summary-top b{color:#174fc5!important}
body.theme-light.route-admin-quick-sale .qs71-global-discount{border-color:#d6e1f0!important;color:#40536e!important}
body.theme-dark.route-admin-quick-sale .qs71-summary-card{background:#17263e!important;border:1px solid #3b506e!important;color:#f4f7fb!important}
body.theme-dark.route-admin-quick-sale .qs71-summary-card :is(h3,b,span){color:#f4f7fb!important}
.route-admin-quick-sale .qs71-browser-modal,.route-admin-quick-sale .qs71-modal-card{color:var(--ad-text)!important}
.route-admin-quick-sale .qs71-browser-modal :is(.qs71-browser-shell,.qs71-series-row,.qs71-color-row),.route-admin-quick-sale .qs71-modal-card{background:var(--ad-surface)!important;border-color:var(--ad-line)!important}
.route-admin-quick-sale .qs71-series-drawer{background:var(--ad-surface-2)!important;border-color:var(--ad-line)!important}.route-admin-quick-sale .qs71-series-row{background:var(--ad-surface)!important;border:1px solid var(--ad-line)!important;border-radius:12px!important;padding:10px!important}.route-admin-quick-sale .qs71-series-row :is(b,strong){color:var(--ad-text)!important}.route-admin-quick-sale .qs71-series-row :is(small,span){color:var(--ad-muted)!important}.route-admin-quick-sale .qs71-row-action:disabled{opacity:.6!important;cursor:wait!important}
.route-admin-quick-sale .qs71-payment-card{box-shadow:none!important}.route-admin-quick-sale .qs109-payment-row{margin:0!important;min-inline-size:0!important}.route-admin-quick-sale .qs109-payment-row legend{font-size:13px!important}.route-admin-quick-sale .qs109-payment-main{grid-template-columns:minmax(145px,.8fr) minmax(190px,1fr) 70px!important}.route-admin-quick-sale .qs109-payment-extra{grid-template-columns:repeat(2,minmax(0,1fr))!important}.route-admin-quick-sale .qs109-payment-row :is(input,select){font-size:14px!important;min-width:0!important}.route-admin-quick-sale .qs109-payment-remove{width:70px!important;min-width:70px!important;padding:0!important}
@media(max-width:760px){.route-admin-quick-sale .qs109-payment-main,.route-admin-quick-sale .qs109-payment-extra{grid-template-columns:1fr!important}.route-admin-quick-sale .qs109-payment-remove{width:100%!important}.route-admin-quick-sale .qs71-browser-shell{max-height:82vh!important}}

/* Products: deterministic desktop grid and a real More menu. */
.products-page-v3 .product-compact-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.products-page-v3 .product-compact-card{display:grid!important;grid-template-columns:minmax(0,1fr) 150px!important;min-width:0!important;min-height:154px!important;background:var(--ad-surface)!important;border:1px solid var(--ad-line)!important;border-radius:16px!important;overflow:visible!important}.products-page-v3 .product-compact-main{display:grid!important;grid-template-columns:104px minmax(180px,1fr) 88px 128px!important;gap:12px!important;align-items:center!important;min-width:0!important;padding:12px!important}.products-page-v3 .product-thumb{width:104px!important;height:104px!important;min-height:104px!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important}.products-page-v3 .product-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important}.products-page-v3 .product-identity{min-width:0!important}.products-page-v3 .product-identity>b{display:block!important;font-size:16px!important;line-height:1.45!important;color:var(--ad-text)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.products-page-v3 .product-code-line small,.products-page-v3 .product-diversity em{font-size:12px!important;color:var(--ad-muted)!important}.products-page-v3 .product-stock-compact b,.products-page-v3 .product-price-compact b{font-size:18px!important;color:var(--ad-text)!important}.products-page-v3 .product-stock-compact small,.products-page-v3 .product-price-compact small,.products-page-v3 .product-stock-compact em,.products-page-v3 .product-price-compact em{font-size:11.5px!important;color:var(--ad-muted)!important}.products-page-v3 .product-compact-actions{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:7px!important;width:150px!important;min-width:0!important;padding:10px!important;border-inline-start:1px solid var(--ad-line)!important;overflow:visible!important}.products-page-v3 .product-compact-actions>a,.products-page-v3 .product-compact-actions>button,.products-page-v3 .product-compact-actions>.royan-more-actions>summary{width:100%!important;min-height:38px!important;border-radius:10px!important;font-size:12.5px!important;font-weight:850!important}.products-page-v3 .product-compact-actions>a.detail{background:var(--ad-primary)!important;color:#fff!important;border:1px solid var(--ad-primary)!important}.products-page-v3 .product-compact-actions>a:not(.detail),.products-page-v3 .product-compact-actions>button{background:var(--ad-surface-2)!important;color:var(--ad-text-2)!important;border:1px solid var(--ad-line)!important}.products-page-v3 .compact-warning{font-size:12px!important;line-height:1.5!important;color:#9a4a00!important;background:#fff7e8!important;border:1px solid #f2d3a0!important;border-radius:9px!important;padding:5px 7px!important}.products-page-v3 .royan-more-actions{width:100%!important}.products-page-v3 .royan-more-actions>summary{background:var(--ad-surface-2)!important;color:var(--ad-text-2)!important;border:1px solid var(--ad-line)!important}.products-page-v3 .royan-more-actions-panel{right:auto!important;left:0!important;min-width:220px!important;background:var(--ad-surface)!important;border-color:var(--ad-line)!important;z-index:150!important}.products-page-v3 .royan-more-actions-panel :is(a,button){font-size:13px!important;color:var(--ad-text)!important;background:var(--ad-surface-2)!important}
@media(max-width:1599px){.products-page-v3 .product-compact-grid{grid-template-columns:1fr!important}.products-page-v3 .product-compact-card{max-width:none!important}}
@media(max-width:760px){.products-page-v3 .product-compact-card{grid-template-columns:1fr!important;overflow:hidden!important}.products-page-v3 .product-compact-main{grid-template-columns:88px minmax(0,1fr)!important}.products-page-v3 .product-stock-compact,.products-page-v3 .product-price-compact{grid-column:auto!important}.products-page-v3 .product-compact-actions{width:100%!important;border-inline-start:0!important;border-top:1px solid var(--ad-line)!important;display:grid!important;grid-template-columns:1fr 1fr!important}.products-page-v3 .royan-more-actions-panel{position:fixed!important;right:12px!important;left:12px!important;bottom:78px!important}}

/* Product editor and every modal/sheet: strong readable semantic colors. */
.phase78-product-editor,.phase78-product-editor :is(.product-topline,.editor-section,.color-card,.color-media-manager,.media-item-v2,.p99-hotspot-admin){color:var(--ad-text)!important}.phase78-product-editor :is(.product-topline,.editor-section,.color-card,.color-media-manager,.media-item-v2,.p99-hotspot-admin){background:var(--ad-surface)!important;border-color:var(--ad-line)!important}.phase78-product-editor :is(h2,h3,h4,b,strong,.identity-title code){color:var(--ad-text)!important}.phase78-product-editor :is(p,small,em,.identity-stats span,.media-manager-head small){color:var(--ad-muted)!important}.phase78-product-editor :is(input,select,textarea){background:var(--ad-surface)!important;color:var(--ad-text)!important;border-color:var(--ad-line)!important;font-size:14px!important}.phase78-product-editor :is(input,textarea)::placeholder{color:#77869a!important;opacity:1!important}.phase78-product-editor .p100-fast-link.is-disabled{opacity:.55!important;cursor:not-allowed!important}.product-sheet .sheet-panel{background:var(--ad-surface)!important;color:var(--ad-text)!important;border:1px solid var(--ad-line)!important}.product-sheet .sheet-head{background:var(--ad-surface)!important;border-color:var(--ad-line)!important}.product-sheet .sheet-head :is(h3,b){color:var(--ad-text)!important}.product-sheet .sheet-head small,.product-sheet label>span,.product-sheet label>small{color:var(--ad-muted)!important}.product-sheet :is(input,select,textarea){background:var(--ad-surface-2)!important;color:var(--ad-text)!important;border-color:var(--ad-line)!important;font-size:14px!important}.swal2-popup{color:#17263b!important}.swal2-popup :is(.swal2-title,label,span,b,strong){color:#17263b}.swal2-popup :is(input,select,textarea){color:#17263b!important;background:#fff!important;border-color:#cbd6e4!important}.swal2-popup :is(input,textarea)::placeholder{color:#758399!important;opacity:1!important}body.theme-dark .swal2-popup{background:#182438!important;color:#f4f7fb!important}body.theme-dark .swal2-popup :is(.swal2-title,label,span,b,strong){color:#f4f7fb!important}body.theme-dark .swal2-popup :is(input,select,textarea){background:#101b2c!important;color:#f4f7fb!important;border-color:#43536b!important}body.theme-dark .swal2-popup :is(input,textarea)::placeholder{color:#a9b6c9!important}

/* Inventory: list first, optional color workspace collapsed, readable columns. */
.route-admin-inventory .inv111-color-workspace{margin:10px 0 12px;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-surface);overflow:hidden}.route-admin-inventory .inv111-color-workspace>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:10px 14px;cursor:pointer;list-style:none}.route-admin-inventory .inv111-color-workspace>summary::-webkit-details-marker{display:none}.route-admin-inventory .inv111-color-workspace>summary span{display:grid;gap:2px}.route-admin-inventory .inv111-color-workspace>summary b{font-size:14px;color:var(--ad-text)}.route-admin-inventory .inv111-color-workspace>summary small{font-size:12px;color:var(--ad-muted)}.route-admin-inventory .inv111-color-workspace>summary em{font-style:normal;font-size:12px;font-weight:900;color:var(--ad-primary)}.route-admin-inventory .inv111-color-workspace[open]>summary{border-bottom:1px solid var(--ad-line)}.route-admin-inventory .inv111-color-workspace .inv91-color-workspace{margin:0!important;border:0!important;border-radius:0!important;background:var(--ad-surface)!important}
.route-admin-inventory .inv76-desktop{border:1px solid var(--ad-line)!important;border-radius:14px!important;overflow:hidden!important;background:var(--ad-surface)!important}.route-admin-inventory .inv76-grid{grid-template-columns:minmax(320px,1.8fr) 90px 90px 100px 90px 190px!important;gap:10px!important;align-items:center!important}.route-admin-inventory .inv76-table-head{min-height:44px!important;padding:0 14px!important;background:var(--ad-surface-2)!important}.route-admin-inventory .inv76-row{min-height:82px!important;padding:8px 14px!important;border:0!important;border-top:1px solid var(--ad-line)!important;border-radius:0!important}.route-admin-inventory .inv76-thumb{width:58px!important;height:58px!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important}.route-admin-inventory .inv76-thumb img{width:100%!important;height:100%!important;object-fit:contain!important}.route-admin-inventory .inv76-num{text-align:center!important}.route-admin-inventory .inv76-actions{grid-template-columns:minmax(112px,1fr) 70px!important}.route-admin-inventory .inv76-command{gap:10px!important}.route-admin-inventory .inv76-filter{min-width:0!important}.route-admin-inventory .inv76-search{min-width:240px!important;flex:1!important}
@media(max-width:1100px){.route-admin-inventory .inv76-grid{grid-template-columns:minmax(260px,1.6fr) repeat(4,74px) 160px!important}}
@media(max-width:900px){.route-admin-inventory .inv76-desktop{display:none!important}.route-admin-inventory .inv76-mobile{display:grid!important}}

/* Keep all form controls legible in both admin themes. */
body.theme-light .admin-content :is(input,select,textarea){caret-color:#12233b!important}body.theme-dark .admin-content :is(input,select,textarea){caret-color:#fff!important}.admin-content :is(input,select,textarea):disabled{opacity:.68!important;cursor:not-allowed!important}

/* Quick Sale final semantic skin: one surface system, no mixed light/dark islands. */
.route-admin-quick-sale .qs71-page,
.route-admin-quick-sale .qs71-page :is(.qs71-card,.qs71-lines-card,.qs71-payment-card,.qs71-invoice-inner,.qs71-search-results,.qs71-browser-list),
.route-admin-quick-sale :is(.qs71-modal-card,.qs71-series-row,.qs71-color-row,.qs71-model-row,.qs71-sticky-tools){
  color:var(--ad-text)!important;
}
body.theme-light.route-admin-quick-sale .qs71-page :is(.qs71-card,.qs71-lines-card,.qs71-payment-card,.qs71-invoice-inner),
body.theme-light.route-admin-quick-sale :is(.qs71-modal-card,.qs71-series-row,.qs71-color-row,.qs71-model-row){
  background:#fff!important;border-color:#d5deea!important;box-shadow:none!important;
}
body.theme-light.route-admin-quick-sale .qs71-page :is(.qs71-search,.qs71-search-results,input,select,textarea),
body.theme-light.route-admin-quick-sale :is(.qs71-modal-card input,.qs71-modal-card select,.qs71-modal-card textarea){
  background:#fff!important;color:#16263c!important;border-color:#cbd6e4!important;
}
body.theme-light.route-admin-quick-sale .qs71-page :is(p,small,label,span,.qs71-hint,.qs110-payment-help,.qs110-payment-note),
body.theme-light.route-admin-quick-sale .qs71-modal-card :is(p,small,span,label){color:#586a82!important}
body.theme-light.route-admin-quick-sale .qs71-page :is(h2,h3,h4,b,strong),
body.theme-light.route-admin-quick-sale .qs71-modal-card :is(h2,h3,h4,b,strong){color:#13233a!important}
body.theme-light.route-admin-quick-sale .qs71-summary-card{background:#eef4ff!important;color:#152c4b!important;border:1px solid #cbdaf0!important}
body.theme-light.route-admin-quick-sale .qs71-summary-card :is(h3,b,strong,span,label){color:#152c4b!important}
body.theme-light.route-admin-quick-sale .qs71-summary-card .qs71-summary-top b{color:#174fc5!important}
body.theme-light.route-admin-quick-sale .qs71-global-discount input{background:#fff!important;color:#16263c!important;border-color:#c7d3e3!important}
body.theme-light.route-admin-quick-sale .qs71-series-drawer{background:#f7f9fc!important;border-color:#d5deea!important}
body.theme-light.route-admin-quick-sale .qs71-row-action,
body.theme-light.route-admin-quick-sale .qs71-browse-btn,
body.theme-light.route-admin-quick-sale .qs94-scan-btn{background:#f4f7fb!important;color:#214264!important;border-color:#cdd8e7!important}

body.theme-dark.route-admin-quick-sale .qs71-page :is(.qs71-card,.qs71-lines-card,.qs71-payment-card,.qs71-invoice-inner),
body.theme-dark.route-admin-quick-sale :is(.qs71-modal-card,.qs71-series-row,.qs71-color-row,.qs71-model-row){
  background:#172235!important;border-color:#364862!important;color:#f4f7fb!important;box-shadow:none!important;
}
body.theme-dark.route-admin-quick-sale .qs71-page :is(.qs71-search,.qs71-search-results,input,select,textarea),
body.theme-dark.route-admin-quick-sale :is(.qs71-modal-card input,.qs71-modal-card select,.qs71-modal-card textarea){
  background:#101b2c!important;color:#f4f7fb!important;border-color:#40516b!important;
}
body.theme-dark.route-admin-quick-sale .qs71-page :is(p,small,label,span,.qs71-hint,.qs110-payment-help,.qs110-payment-note),
body.theme-dark.route-admin-quick-sale .qs71-modal-card :is(p,small,span,label){color:#b7c3d4!important}
body.theme-dark.route-admin-quick-sale .qs71-page :is(h2,h3,h4,b,strong),
body.theme-dark.route-admin-quick-sale .qs71-modal-card :is(h2,h3,h4,b,strong){color:#f4f7fb!important}
body.theme-dark.route-admin-quick-sale .qs71-summary-card{background:#14233a!important;color:#f4f7fb!important;border:1px solid #3b506e!important}
body.theme-dark.route-admin-quick-sale .qs71-summary-card :is(h3,b,strong,span,label){color:#f4f7fb!important}
body.theme-dark.route-admin-quick-sale .qs71-global-discount input{background:#0f1a2b!important;color:#fff!important;border-color:#42546f!important}
body.theme-dark.route-admin-quick-sale .qs71-series-drawer{background:#111d30!important;border-color:#354760!important}
body.theme-dark.route-admin-quick-sale .qs71-row-action,
body.theme-dark.route-admin-quick-sale .qs71-browse-btn,
body.theme-dark.route-admin-quick-sale .qs94-scan-btn{background:#20304a!important;color:#f4f7fb!important;border-color:#41536c!important}

.route-admin-quick-sale .qs71-modal{isolation:isolate!important}
.route-admin-quick-sale .qs71-modal-card{max-height:min(82vh,780px)!important;overflow:hidden!important}
.route-admin-quick-sale .qs71-modal-scroll{overflow:auto!important;overscroll-behavior:contain!important}
.route-admin-quick-sale .qs71-color-row,.route-admin-quick-sale .qs71-model-row{min-height:72px!important;padding:10px!important}
.route-admin-quick-sale .qs71-series-drawer{margin-top:8px!important;border:1px solid var(--ad-line)!important;border-radius:12px!important;padding:8px!important}
.route-admin-quick-sale .qs71-series-row{min-height:56px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important}
.route-admin-quick-sale .qs71-series-row :is(b,strong){font-size:14px!important;line-height:1.6!important}.route-admin-quick-sale .qs71-series-row small{font-size:12.5px!important;line-height:1.65!important}
.route-admin-quick-sale .qs71-row-action{min-width:76px!important;min-height:40px!important;border:1px solid var(--ad-line)!important;border-radius:10px!important;font-size:13px!important;font-weight:900!important}
.route-admin-quick-sale .qs71-spinner{padding:14px!important;text-align:center!important;font-size:13px!important;color:var(--ad-muted)!important;background:transparent!important}
.route-admin-quick-sale .qs71-noresult{padding:14px!important;font-size:13px!important;color:var(--ad-muted)!important}
.route-admin-quick-sale .qs71-page :is(button,input,select,textarea){min-height:40px}
.route-admin-quick-sale .qs71-page :is(input,select,textarea),.route-admin-quick-sale .qs71-modal-card :is(input,select,textarea){font-size:14px!important}
.route-admin-quick-sale .qs71-series-size-meta{color:var(--ad-muted)!important;font-weight:700!important}


/* === quick-sale.css === */
/* Quick Sale: self-contained structural + theme CSS.
 * This page intentionally does not depend on dynamic Tailwind compilation after first paint. */
.qs71-card{border:1px solid #dfe6f1;background:#fff;border-radius:20px;box-shadow:0 8px 28px rgba(31,55,88,.04)}
.qs71-head{padding:11px 14px}.qs71-head-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.qs71-title{display:flex;align-items:baseline;gap:8px;min-width:0}.qs71-title h2{font-size:20px;font-weight:900;color:#0b1f3c}.qs71-title span{font-size:12px;font-weight:900;color:#2563eb}.qs71-head-note{margin-top:4px;font-size:10px;color:#8794a9}
.qs71-reserve-note{margin:0 0 12px;padding:9px 12px;border:1px solid #fde5a8;border-radius:14px;background:#fff9e8;color:#895b00;font-size:10px;line-height:1.8}.qs71-reserve-note b{font-weight:900;color:#6d4500}
.qs71-reserve-status{font-size:11px!important;font-weight:900!important;border:1px solid #bbf7d0;box-shadow:0 3px 12px rgba(16,185,129,.09)}
.qs71-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.qs71-search{width:100%;min-height:46px;border:1px solid #d9e2ef;border-radius:13px;background:#f8fafc;padding:0 13px;font-size:12px;outline:none}.qs71-search:focus{border-color:#8ab4ff;box-shadow:0 0 0 3px rgba(37,99,235,.08);background:#fff}.qs71-browse-btn{min-height:46px;padding:0 14px;border-radius:13px;background:#0b1f3c;color:#fff;font-size:11px;font-weight:900;white-space:nowrap}.qs71-browse-btn:disabled{opacity:.45}.qs94-scan-btn{min-height:46px;min-width:52px;padding:0 12px;border-radius:13px;border:1px solid #b9d2ff;background:#eef5ff;color:#155eef;font-size:18px;font-weight:900}.qs94-scan-btn:disabled{opacity:.4}.qs94-scanner-card{width:min(520px,100%)!important;background:#07111f!important;color:#fff}.qs94-camera{position:relative;min-height:330px;background:#02060d;overflow:hidden}.qs94-camera video,.qs94-camera canvas{width:100%!important;height:330px!important;object-fit:cover}.qs94-scan-line{position:absolute;left:10%;right:10%;top:50%;height:2px;background:#b9f34c;box-shadow:0 0 16px #b9f34c;z-index:8}.qs94-scan-help{padding:10px 12px;font-size:11px;color:#d7e3f7;text-align:center;line-height:1.8}.qs94-scan-state{color:#b9f34c;font-weight:900}
.qs71-search-results{display:grid;gap:5px}.qs71-customer-result,.qs71-colorway-result{display:flex;align-items:center;gap:7px;width:100%;min-height:38px;border:1px solid #e1e7f0;border-radius:11px;padding:5px 8px;background:#fff;text-align:right;transition:.15s;overflow:hidden}.qs71-customer-result:hover,.qs71-colorway-result:hover{border-color:#a9c5ff;background:#f7faff}.qs71-result-copy{display:flex;align-items:center;gap:7px;min-width:0;flex:1;white-space:nowrap;overflow:hidden}.qs71-result-copy b{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:#10233f}.qs71-result-copy small{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;color:#7b899d}.qs71-result-pick{flex:0 0 auto;font-size:8.5px;font-weight:900;color:#2563eb}.qs71-result-price{display:flex;align-items:baseline;gap:3px;flex:0 0 auto;white-space:nowrap}.qs71-result-price b{color:#245ee8;font-size:10px}.qs71-result-price small{font-size:7px;color:#8995a6}.qs71-search-limit{padding:2px 4px 0;font-size:8px;color:#8b97a8}.qs71-thumb{width:52px;height:52px;flex:0 0 52px;border-radius:12px;object-fit:cover;background:#f0f3f8;border:1px solid #e6ebf3}.qs71-colorway-result .qs71-thumb{width:32px;height:32px;flex-basis:32px;border-radius:8px}.qs71-thumb-empty{display:grid;place-items:center;color:#8da0bb;font-size:8px}.qs71-selected{border:1px solid #c9f0d8;background:#f0fff6!important}
.qs71-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(3,13,31,.55);backdrop-filter:blur(3px)}.qs71-modal.is-open{display:flex}.qs71-modal-card{width:min(860px,100%);max-height:min(86vh,850px);display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:#f6f8fc;box-shadow:0 28px 90px rgba(4,16,37,.32)}.qs71-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;background:#fff;border-bottom:1px solid #e4e9f1}.qs71-modal-head h3{font-size:14px;font-weight:900;color:#0d213d}.qs71-modal-close{width:36px;height:36px;border-radius:11px;background:#f0f3f8;font-size:20px;line-height:1;color:#52637c}.qs71-modal-scroll{overflow:auto;overscroll-behavior:contain}.qs71-sticky-tools{position:sticky;top:0;z-index:4;padding:10px;background:rgba(246,248,252,.96);backdrop-filter:blur(8px);border-bottom:1px solid #e4e9f1}.qs71-browser-list{padding:10px;display:grid;gap:8px}.qs71-model-row,.qs71-color-row{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #e0e7f0;border-radius:16px;background:#fff}.qs71-model-row:hover,.qs71-color-row:hover{border-color:#a7c5ff}.qs71-row-main{min-width:0;flex:1}.qs71-row-main b{font-size:12px;color:#10233f}.qs71-row-main small{display:block;margin-top:3px;color:#7a899d;font-size:9px}.qs71-row-action{border-radius:10px;background:#edf4ff;color:#2259d8;padding:8px 10px;font-size:10px;font-weight:900}.qs71-loadmore{margin:2px 10px 12px;width:calc(100% - 20px);min-height:42px;border:1px dashed #adc4e8;border-radius:12px;color:#315d9a;font-size:10px;font-weight:900;background:#f8fbff}.qs71-stage-title{display:flex;align-items:center;gap:8px}.qs71-back{min-height:40px;padding:0 11px;border-radius:11px;background:#eef3fa;font-size:10px;font-weight:900;color:#31445f}.qs71-series-drawer{display:none;margin-top:8px;padding:9px;border-radius:13px;background:#f3f7fd;border:1px solid #dce7f7}.qs71-series-drawer.is-open{display:block}.qs71-series-row{display:grid;grid-template-columns:minmax(0,1fr) 96px auto;gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid #e0e8f4}.qs71-series-row:last-child{border-bottom:0}.qs71-series-copy b{font-size:11px;color:#10233f}.qs71-series-copy small{display:block;margin-top:3px;font-size:9px;color:#718098;line-height:1.65}.qs71-series-existing{color:#6756c9!important;font-weight:900}.qs71-series-control{display:grid;gap:3px}.qs71-series-qty-field{display:block;width:100%}.qs71-series-qty{width:100%;height:36px;border:1px solid #d5deeb;border-radius:9px;padding:0 7px;text-align:center;font-size:10px;background:#fff}.qs71-series-qty.is-invalid{border-color:#ef8c97;background:#fff7f8}.qs71-series-error{min-height:12px;color:#d64555;font-size:7.5px;line-height:1.4;text-align:center}.qs71-add-series{height:36px;padding:0 10px;border-radius:9px;background:#b9f34c;color:#10213a;font-size:9.5px;font-weight:900}.qs71-add-series:disabled{background:#e7ebf1;color:#9aa6b7;cursor:not-allowed}.qs71-stock-ok{color:#138a53!important}.qs71-stock-zero{color:#d44848!important}
.qs71-mobile-lines-onpage{display:none}.qs71-desktop-table{display:block}.qs71-mobile-invoice-btn{display:none}.qs71-invoice-modal-head{display:none}.qs71-invoice-inner{width:100%}.qs71-summary-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.qs71-summary-top h3{font-weight:900}.qs71-summary-top b{font-size:22px;color:#bef264;white-space:nowrap}.qs71-summary-grid{margin-top:12px;display:grid;gap:7px;font-size:12px}.qs71-summary-grid>div{display:flex;justify-content:space-between;gap:8px}.qs71-global-discount{display:block;margin-top:10px;border-top:1px solid rgba(255,255,255,.1);padding-top:9px;font-size:10px;color:#cbd5e1}.qs71-global-discount input{margin-top:5px;width:100%;border-radius:10px;background:#fff;padding:8px 9px;text-align:left;font-weight:900;color:#071936}
.qs71-noresult{padding:12px;text-align:center;color:#8491a4;font-size:10px}.qs71-spinner{padding:14px;text-align:center;color:#5373a4;font-size:10px}.qs71-hint{padding:10px 2px;color:#8c99ab;font-size:10px}
.qs93-day-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0 0 10px}.qs93-day-summary span{padding:7px 9px;border:1px solid #dfe6f1;border-radius:11px;background:#fff}.qs93-day-summary small{display:block;font-size:9px;color:#718096}.qs93-day-summary b{display:block;margin-top:1px;font-size:11px;color:#0b1f3c}.qs93-remainder{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:7px;padding:8px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff}.qs93-remainder span{font-size:10px;color:#3c5d8e}.qs93-remainder b{font-size:12px;color:#1d4ed8}.qs93-remainder button{min-height:32px;border:0;border-radius:8px;background:#315efb;color:#fff;padding:0 8px;font-size:9px;font-weight:900}body.theme-dark.route-admin-quick-sale .qs93-day-summary span{background:#0b1d3f;border-color:#263d65}body.theme-dark.route-admin-quick-sale .qs93-day-summary b{color:#eef4ff}
.p97-shift-close{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;padding:9px 11px;border:1px solid #cddbf0;border-radius:13px;background:#eef5ff}.p97-shift-close b{display:block;font-size:11px;color:#12305d}.p97-shift-close small{display:block;margin-top:2px;font-size:9px;color:#6b7f9e}.p97-shift-close button{height:34px;border:0;border-radius:9px;background:#163b72;color:#fff;padding:0 11px;font-size:9px;font-weight:900}.p97-shift-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:14px}.p97-shift-modal[hidden]{display:none}.p97-shift-backdrop{position:absolute;inset:0;border:0;background:#07111faa;backdrop-filter:blur(3px)}.p97-shift-modal>section{position:relative;width:min(100%,620px);border-radius:18px;background:#fff;padding:12px;box-shadow:0 20px 70px #0004}.p97-shift-modal header{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-bottom:9px;border-bottom:1px solid #e5ebf2}.p97-shift-modal header b{font-size:14px}.p97-shift-modal header small{display:block;font-size:10px;color:#718096}.p97-shift-modal header button{width:34px;height:34px;border:0;border-radius:10px;background:#edf1f6;font-size:20px}.p97-shift-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:9px 0}.p97-shift-kpis span{padding:7px;border:1px solid #e0e6ee;border-radius:10px}.p97-shift-kpis small{display:block;font-size:8px;color:#718096}.p97-shift-kpis b{font-size:11px}.p97-shift-modal form{display:grid;grid-template-columns:1fr 1fr;gap:7px}.p97-shift-modal form label>span{display:block;font-size:9px;color:#526278;margin-bottom:3px}.p97-shift-modal form input[type=text],.p97-shift-modal form input:not([type]){width:100%;height:42px;border:1px solid #d9e2ed;border-radius:10px;padding:0 9px;font-size:16px}.p97-shift-modal form .wide,.p97-shift-sms,.p97-shift-modal form>button{grid-column:1/-1}.p97-shift-sms{display:flex;align-items:center;gap:7px}.p97-shift-modal form>button{height:46px;border:0;border-radius:11px;background:#139b55;color:#fff;font-size:12px;font-weight:950}.p97-customer-risk{margin-top:6px;padding:7px 9px;border-radius:10px;border:1px solid #f0c26a;background:#fff8e3;color:#7c5000}.p97-customer-risk b{display:block;font-size:10px}.p97-customer-risk span{display:block;font-size:9px}.p97-customer-risk.is-diamond{border-color:#a5b4fc;background:#eef2ff;color:#3730a3}
@media(max-width:767px){
 .qs71-head{padding:8px 9px;border-radius:15px}.qs71-head-main{align-items:flex-start}.qs71-title{gap:5px;flex-wrap:wrap}.qs71-title h2{font-size:15px}.qs71-title span{font-size:9px}.qs71-head-note{font-size:7.5px;line-height:1.55}.qs71-head-actions{gap:4px!important}.qs71-reserve-status{padding:5px 7px!important;font-size:8px!important}.qs71-cancel-draft{padding:5px 7px!important;font-size:8px!important}.qs71-reserve-note{margin-bottom:7px;padding:6px 8px;border-radius:10px;font-size:8px;line-height:1.55}
 #saleForm{display:block}.qs71-main{display:block}.qs71-main>section{border-radius:14px!important;padding:9px!important;margin-bottom:7px}.qs71-search-row{grid-template-columns:minmax(0,1fr) auto;gap:4px}.qs71-search,.qs71-browse-btn{min-height:38px}.qs71-search{padding:0 10px;font-size:10px;border-radius:10px}.qs71-browse-btn{padding:0 8px;font-size:8.5px;border-radius:10px}.qs71-customer-result,.qs71-colorway-result{min-height:34px;padding:4px 6px;border-radius:9px;gap:5px}.qs71-result-copy{gap:5px}.qs71-result-copy b{font-size:9px}.qs71-result-copy small{font-size:7px}.qs71-result-pick{font-size:7.5px}.qs71-result-price b{font-size:8.5px}.qs71-result-price small{display:none}.qs71-colorway-result .qs71-thumb{width:28px;height:28px;flex-basis:28px}.qs71-search-limit{font-size:7px}.qs71-selected{padding:7px!important;font-size:9px!important}.qs71-selected #selectedCustomerMeta{display:block;margin:2px 0 0!important;font-size:8px}.qs71-new-grid{padding:8px!important;gap:5px!important}.qs71-new-grid input,.qs71-new-grid select{padding:8px!important;font-size:10px}
 .qs71-desktop-table{display:none}.qs71-mobile-lines-onpage{display:block}.qs71-lines-card{padding:8px!important}.qs71-lines-head{margin-bottom:5px!important}.qs71-lines-head h3{font-size:11px}.qs71-lines-head p{font-size:7px!important;margin-top:1px!important}.qs71-lines-head span{font-size:8px!important}.qs71-mobile-line{position:relative;border:1px solid #e0e6ef;border-radius:9px;background:#fff;padding:5px 6px;margin-bottom:4px}.qs71-mobile-line-top{display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:4px}.qs71-mobile-line-title{min-width:0}.qs71-mobile-line-title b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.8px;color:#10233f;line-height:1.35}.qs71-mobile-line-title small{display:block;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;color:#7b899c;line-height:1.3}.qs71-mobile-line-remove{width:22px;height:22px;border-radius:7px;background:#fff1f2;color:#d13e4f;font-size:14px;line-height:1}.qs71-mobile-line-controls{display:grid;grid-template-columns:54px minmax(84px,1fr) 48px auto;gap:4px;align-items:end;margin-top:4px}.qs71-mobile-line-controls label{display:grid;gap:1px;font-size:6.5px;color:#7a8799;white-space:nowrap}.qs71-mobile-line-controls input{width:100%;height:27px;border:1px solid #dbe2ec;border-radius:6px;padding:0 4px;font-size:8px;text-align:center}.qs71-mobile-line-total{display:grid;align-content:end;gap:1px;min-width:70px;height:27px;font-size:6.5px;color:#7a8799;white-space:nowrap}.qs71-mobile-line-total b{font-size:8px;color:#10233f}.qs71-mobile-empty{padding:12px 4px;text-align:center;font-size:8px;color:#8b97a8}
 .qs71-mobile-invoice-btn{display:flex;position:fixed;left:12px;bottom:78px;z-index:82;align-items:center;gap:6px;min-height:42px;padding:0 12px;border-radius:13px;background:#071936;color:#fff;box-shadow:0 10px 24px rgba(7,25,54,.26);font-size:9.5px;font-weight:900}.qs71-mobile-invoice-btn b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:99px;background:#b9f34c;color:#071936;font-size:8px}
 #invoicePanel{display:none;position:fixed!important;inset:0!important;z-index:125!important;background:rgba(3,13,31,.58);padding:10px!important;overflow:auto!important;align-items:flex-end!important}.invoice-panel-open #invoicePanel{display:flex!important}.invoice-panel-open{overflow:hidden}.qs71-invoice-inner{width:100%;max-height:82vh;overflow:auto;border-radius:18px 18px 12px 12px;background:#f5f7fb;padding:7px}.qs71-invoice-modal-head{position:sticky;top:-7px;z-index:5;display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:11px;padding:6px 8px;margin-bottom:6px;box-shadow:0 4px 12px rgba(25,45,74,.06)}.qs71-invoice-modal-head b{font-size:10px}.qs71-invoice-modal-head .qs71-modal-close{width:28px;height:28px;border-radius:8px;font-size:16px}.qs71-summary-card{border-radius:13px!important;padding:9px!important}.qs71-summary-top h3{font-size:10px}.qs71-summary-top b{font-size:15px}.qs71-summary-grid{margin-top:6px;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:8px}.qs71-summary-grid>div{border-top:1px solid rgba(255,255,255,.07);padding-top:3px}.qs71-global-discount{margin-top:6px;padding-top:5px;font-size:7.5px}.qs71-global-discount{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px}.qs71-global-discount input{margin-top:0;height:29px;padding:0 7px;border-radius:7px;font-size:8px}.qs71-payment-card{border-radius:13px!important;padding:9px!important}.qs71-payment-card h3{font-size:10px}.qs71-payment-card>div:first-child span{font-size:8px!important}.qs71-payment-card #addPayment{padding:6px 8px!important;font-size:8px!important;border-radius:8px!important}.qs71-payment-card #paymentRows{margin-top:6px!important}.qs71-payment-card #paymentRows>div{padding:6px!important}.qs71-payment-card #paymentRows select,.qs71-payment-card #paymentRows input{padding:5px!important;font-size:8px!important}.qs71-payment-card>div:nth-last-of-type(1){margin-top:6px!important;padding-top:6px!important;font-size:8px!important}.qs71-payment-card p{margin-top:5px!important;font-size:7px!important;line-height:1.55!important}.qs71-submit{padding:10px!important;border-radius:11px!important;font-size:10px!important;margin-bottom:2px}.qs71-desktop-only-note{display:none}
 .qs71-modal{padding:0;align-items:flex-end}.qs71-modal-card{width:100%;max-height:93vh;border-radius:20px 20px 0 0}.qs71-modal-head{padding:8px 10px}.qs71-modal-head h3{font-size:11px}.qs71-modal-close{width:31px;height:31px;border-radius:9px;font-size:18px}.qs71-modal-scroll{max-height:calc(93vh - 48px)}.qs71-sticky-tools{padding:6px}.qs71-browser-list{padding:6px;gap:5px}.qs71-model-row,.qs71-color-row{padding:6px;border-radius:11px;gap:6px}.qs71-model-row .qs71-thumb,.qs71-color-row .qs71-thumb{width:40px;height:40px;flex-basis:40px;border-radius:9px}.qs71-row-main b{font-size:9.5px}.qs71-row-main small{font-size:7.5px;margin-top:2px}.qs71-row-action{padding:6px 7px;border-radius:8px;font-size:8px}.qs71-back{min-height:32px;padding:0 8px;border-radius:8px;font-size:8px}.qs71-loadmore{min-height:36px;font-size:8px}.qs71-series-drawer{margin-top:5px;padding:6px;border-radius:10px}.qs71-series-row{grid-template-columns:minmax(0,1fr) 74px 58px;gap:4px;padding:6px 0}.qs71-series-copy b{font-size:9px}.qs71-series-copy small{font-size:7px;margin-top:2px;line-height:1.5}.qs71-series-qty,.qs71-add-series{height:31px;border-radius:7px;font-size:8px}.qs71-series-error{font-size:6.5px;min-height:10px}.qs71-add-series{padding:0 5px}
}

@media(max-width:767px){.qs93-day-summary{grid-template-columns:1fr 1fr;margin-bottom:7px}.qs93-day-summary span{padding:6px 7px}.qs93-day-summary small{font-size:10.5px}.qs93-day-summary b{font-size:12px}.qs71-payment-card #paymentRows select,.qs71-payment-card #paymentRows input{font-size:16px!important;min-height:40px!important}.qs71-payment-card h3{font-size:13px!important}.qs71-payment-card>div:first-child span{font-size:10.5px!important}.qs71-payment-card #addPayment{font-size:10.5px!important;min-height:34px}.qs71-payment-card>div:nth-last-of-type(1){font-size:11px!important}.qs71-payment-card p{font-size:10.5px!important}.qs93-remainder span{font-size:11px}.qs93-remainder b{font-size:13px}.qs93-remainder button{font-size:10.5px;min-height:36px}}


/* Unified palette authority: every Quick Sale surface follows the selected admin theme. */
body.route-admin-quick-sale{
 --qs-bg:var(--ad-bg);--qs-surface:var(--ad-surface);--qs-surface-2:var(--ad-surface-2);--qs-text:var(--ad-text);--qs-text-2:var(--ad-text-2);--qs-muted:var(--ad-muted);--qs-line:var(--ad-line);--qs-primary:var(--ad-primary);--qs-danger:var(--ad-danger);
 --qs-success:#168256;--qs-success-soft:#edf9f3;--qs-warn:#8a5a00;--qs-warn-soft:#fff8e6;--qs-focus:rgba(36,92,242,.14);--qs-overlay:rgba(3,13,31,.60);
}
body.theme-dark.route-admin-quick-sale{--qs-success:#70d9ad;--qs-success-soft:#153329;--qs-warn:#f0c46c;--qs-warn-soft:#332914;--qs-focus:rgba(120,162,255,.20);--qs-overlay:rgba(1,7,18,.72)}
body.route-admin-quick-sale .admin-content{color:var(--qs-text)!important}
body.route-admin-quick-sale .qs71-card,
body.route-admin-quick-sale .qs71-payment-card,
body.route-admin-quick-sale .qs71-invoice-inner,
body.route-admin-quick-sale .qs71-modal-card,
body.route-admin-quick-sale .qs71-modal-head,
body.route-admin-quick-sale .qs71-sticky-tools,
body.route-admin-quick-sale .qs71-model-row,
body.route-admin-quick-sale .qs71-color-row,
body.route-admin-quick-sale .qs71-series-row,
body.route-admin-quick-sale .qs109-payment-row,
body.route-admin-quick-sale .qs93-day-summary>span,
body.route-admin-quick-sale .p97-shift-modal>section,
body.route-admin-quick-sale .p97-shift-kpis>span{
 background:var(--qs-surface)!important;color:var(--qs-text)!important;border-color:var(--qs-line)!important;
}
body.route-admin-quick-sale .qs71-series-drawer,
body.route-admin-quick-sale .qs71-search-results,
body.route-admin-quick-sale .qs109-shift-tools,
body.route-admin-quick-sale .qs109-shift-tools-body{
 background:var(--qs-surface-2)!important;color:var(--qs-text)!important;border-color:var(--qs-line)!important;
}
body.route-admin-quick-sale :is(.qs71-title h2,.qs71-row-main b,.qs71-result-copy b,.qs71-series-copy b,.qs71-mobile-line-title b,.qs71-mobile-line-total b,.qs93-day-summary b,.p97-shift-close b,.p97-shift-modal header b,.p97-shift-kpis b){color:var(--qs-text)!important}
body.route-admin-quick-sale :is(.qs71-head-note,.qs71-result-copy small,.qs71-result-price small,.qs71-search-limit,.qs71-row-main small,.qs71-series-copy small,.qs71-hint,.qs71-noresult,.qs71-spinner,.qs71-mobile-line-title small,.qs71-mobile-line-controls label,.qs71-mobile-line-total,.qs93-day-summary small,.p97-shift-close small,.p97-shift-modal header small,.p97-shift-kpis small,.p97-shift-modal form label>span,.qs110-payment-help,.qs110-payment-note){color:var(--qs-muted)!important}
body.route-admin-quick-sale :is(.qs71-search,.qs71-series-qty,.qs71-new-grid input,.qs71-new-grid select,.qs109-payment-row input,.qs109-payment-row select,#globalDiscount,textarea[name="note"],.p97-shift-modal input){background:var(--qs-surface)!important;color:var(--qs-text)!important;border-color:var(--qs-line)!important}
body.route-admin-quick-sale :is(.qs71-search,.qs71-series-qty,.qs71-new-grid input,.qs71-new-grid select,.qs109-payment-row input,.qs109-payment-row select,#globalDiscount,textarea[name="note"],.p97-shift-modal input):focus{outline:none!important;border-color:var(--qs-primary)!important;box-shadow:0 0 0 3px var(--qs-focus)!important}
body.route-admin-quick-sale :is(input,textarea)::placeholder{color:var(--qs-muted)!important;opacity:.88}
body.route-admin-quick-sale .qs71-new-grid{background:var(--qs-surface-2)!important;border:1px solid var(--qs-line)!important}
body.route-admin-quick-sale :is(#changeCustomerBtn,#cancelNewCustomer,.qs105-customer-card>div:first-child>div>span,.qs105-goods-card>div:first-child>div>span){color:var(--qs-primary)!important}
body.route-admin-quick-sale .p96-rem-buttons button{background:var(--qs-surface-2)!important;color:var(--qs-text-2)!important;border-color:var(--qs-line)!important}
body.route-admin-quick-sale .qs71-desktop-table thead{color:var(--qs-muted)!important;border-color:var(--qs-line)!important}
body.route-admin-quick-sale .qs71-desktop-only-note{color:var(--qs-muted)!important}
body.route-admin-quick-sale .qs71-modal{background:var(--qs-overlay)!important}
body.route-admin-quick-sale .qs71-modal-head{border-bottom:1px solid var(--qs-line)!important}
body.route-admin-quick-sale .qs71-sticky-tools{border-bottom:1px solid var(--qs-line)!important;backdrop-filter:none!important}
body.route-admin-quick-sale .qs71-modal-close,
body.route-admin-quick-sale .qs71-back,
body.route-admin-quick-sale .qs71-loadmore,
body.route-admin-quick-sale .qs71-row-action,
body.route-admin-quick-sale #addPayment,
body.route-admin-quick-sale #newCustomerBtn{
 background:var(--qs-surface-2)!important;color:var(--qs-text-2)!important;border:1px solid var(--qs-line)!important;
}
body.route-admin-quick-sale .qs71-browse-btn{background:var(--qs-primary)!important;color:#fff!important;border:1px solid var(--qs-primary)!important}
body.route-admin-quick-sale .qs94-scan-btn{background:var(--qs-surface-2)!important;color:var(--qs-primary)!important;border-color:var(--qs-line)!important}
body.route-admin-quick-sale .qs71-selected{background:var(--qs-success-soft)!important;border-color:color-mix(in srgb,var(--qs-success) 32%,var(--qs-line))!important;color:var(--qs-text)!important}
body.route-admin-quick-sale #selectedCustomerMeta{color:var(--qs-success)!important}
body.route-admin-quick-sale .qs71-reserve-note{background:var(--qs-warn-soft)!important;border-color:color-mix(in srgb,var(--qs-warn) 30%,var(--qs-line))!important;color:var(--qs-warn)!important}
body.route-admin-quick-sale .qs71-reserve-note b{color:inherit!important}
body.route-admin-quick-sale .qs71-reserve-status{display:inline-flex!important;align-items:center!important;min-height:38px!important;padding:8px 12px!important;border-radius:12px!important;font-size:11px!important;font-weight:900!important;box-shadow:none!important;border:1px solid var(--qs-line)!important;background:var(--qs-surface-2)!important;color:var(--qs-muted)!important}
body.route-admin-quick-sale .qs71-reserve-status.is-ok{background:var(--qs-success-soft)!important;color:var(--qs-success)!important;border-color:color-mix(in srgb,var(--qs-success) 34%,var(--qs-line))!important}
body.route-admin-quick-sale .qs71-reserve-status.is-error{background:color-mix(in srgb,var(--qs-danger) 11%,var(--qs-surface))!important;color:var(--qs-danger)!important;border-color:color-mix(in srgb,var(--qs-danger) 35%,var(--qs-line))!important}
body.route-admin-quick-sale .qs71-reserve-status.is-empty{background:var(--qs-surface-2)!important;color:var(--qs-muted)!important}
body.route-admin-quick-sale .qs71-cancel-draft{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--qs-danger) 32%,var(--qs-line));border-radius:12px;background:color-mix(in srgb,var(--qs-danger) 9%,var(--qs-surface));color:var(--qs-danger);font-size:11px;font-weight:900}
body.route-admin-quick-sale .qs71-title span,
body.route-admin-quick-sale .qs71-result-pick,
body.route-admin-quick-sale .qs71-result-price b{color:var(--qs-primary)!important}
body.route-admin-quick-sale .qs71-customer-result,
body.route-admin-quick-sale .qs71-colorway-result{background:var(--qs-surface)!important;color:var(--qs-text)!important;border-color:var(--qs-line)!important}
body.route-admin-quick-sale :is(.qs71-customer-result,.qs71-colorway-result):hover{background:var(--qs-surface-2)!important;border-color:color-mix(in srgb,var(--qs-primary) 45%,var(--qs-line))!important}
body.route-admin-quick-sale .qs71-thumb{background:var(--qs-surface-2)!important;border-color:var(--qs-line)!important}
body.route-admin-quick-sale .qs71-series-row{border-bottom:1px solid var(--qs-line)!important}
body.route-admin-quick-sale .qs71-series-qty.is-invalid{border-color:var(--qs-danger)!important;background:color-mix(in srgb,var(--qs-danger) 7%,var(--qs-surface))!important}
body.route-admin-quick-sale .qs71-series-error{color:var(--qs-danger)!important}
body.route-admin-quick-sale .qs71-add-series{background:#b9f34c!important;color:#10213a!important;border:0!important}
body.route-admin-quick-sale .qs71-add-series:disabled{background:var(--qs-surface-2)!important;color:var(--qs-muted)!important;border:1px solid var(--qs-line)!important}
body.route-admin-quick-sale .qs71-stock-ok{color:var(--qs-success)!important}
body.route-admin-quick-sale .qs71-stock-zero{color:var(--qs-danger)!important}
body.route-admin-quick-sale .qs71-summary-card{background:var(--qs-surface)!important;color:var(--qs-text)!important;border:1px solid var(--qs-line)!important;box-shadow:none!important}
body.route-admin-quick-sale .qs71-summary-card :is(h3,b,span,label){color:var(--qs-text)!important}
body.route-admin-quick-sale .qs71-summary-top b{color:var(--qs-primary)!important}
body.route-admin-quick-sale .qs71-global-discount{border-color:var(--qs-line)!important;color:var(--qs-muted)!important}
body.route-admin-quick-sale .qs93-remainder{background:var(--qs-surface-2)!important;border-color:var(--qs-line)!important}
body.route-admin-quick-sale .qs93-remainder span{color:var(--qs-muted)!important}
body.route-admin-quick-sale .qs93-remainder b{color:var(--qs-primary)!important}
body.route-admin-quick-sale .p97-shift-close{background:var(--qs-surface-2)!important;border-color:var(--qs-line)!important;color:var(--qs-text)!important}
body.route-admin-quick-sale .p97-shift-close button{background:var(--qs-primary)!important;color:#fff!important}
body.route-admin-quick-sale .p97-shift-modal header{border-color:var(--qs-line)!important}
body.route-admin-quick-sale .p97-shift-modal header button{background:var(--qs-surface-2)!important;color:var(--qs-text)!important;border:1px solid var(--qs-line)!important}
body.route-admin-quick-sale .p97-customer-risk{background:var(--qs-warn-soft)!important;border-color:color-mix(in srgb,var(--qs-warn) 35%,var(--qs-line))!important;color:var(--qs-warn)!important}
body.route-admin-quick-sale .p97-customer-risk.is-diamond{background:color-mix(in srgb,var(--qs-primary) 10%,var(--qs-surface))!important;border-color:color-mix(in srgb,var(--qs-primary) 35%,var(--qs-line))!important;color:var(--qs-primary)!important}
body.route-admin-quick-sale .qs71-mobile-line{background:var(--qs-surface)!important;border-color:var(--qs-line)!important;color:var(--qs-text)!important}
body.route-admin-quick-sale .qs71-mobile-line-controls input{background:var(--qs-surface)!important;color:var(--qs-text)!important;border-color:var(--qs-line)!important}
body.route-admin-quick-sale .qs71-mobile-line-remove{background:color-mix(in srgb,var(--qs-danger) 10%,var(--qs-surface))!important;color:var(--qs-danger)!important}
body.route-admin-quick-sale .qs71-invoice-modal-head{background:var(--qs-surface)!important;color:var(--qs-text)!important;border:1px solid var(--qs-line)!important;box-shadow:none!important}
body.route-admin-quick-sale .qs71-submit{background:#b9f34c!important;color:#10213a!important;border:0!important}
body.route-admin-quick-sale .qs71-line-row{border-bottom:1px solid var(--qs-line)!important;background:var(--qs-surface)!important;color:var(--qs-text)!important}
body.route-admin-quick-sale .qs71-line-row.is-invalid{background:color-mix(in srgb,var(--qs-danger) 7%,var(--qs-surface))!important}
body.route-admin-quick-sale .qs71-line-cell{padding:8px!important;color:var(--qs-text)!important}
body.route-admin-quick-sale .qs71-line-meta{display:block;color:var(--qs-muted)!important;margin-top:2px}
body.route-admin-quick-sale .qs71-line-meta.is-invalid{color:var(--qs-danger)!important}
body.route-admin-quick-sale .qs71-line-input{border:1px solid var(--qs-line)!important;background:var(--qs-surface)!important;color:var(--qs-text)!important;border-radius:9px!important;padding:8px!important;text-align:center}
body.route-admin-quick-sale .qs71-line-input.is-qty{width:64px}.route-admin-quick-sale .qs71-line-input.is-discount{width:112px}.route-admin-quick-sale .qs71-line-input.is-tax{width:64px}
body.route-admin-quick-sale .qs71-line-total{text-align:left!important;font-weight:900!important}.route-admin-quick-sale .qs71-line-remove{color:var(--qs-danger)!important;font-size:18px!important;padding:4px 8px!important}
body.route-admin-quick-sale .qs71-empty-row{padding:32px!important;text-align:center!important;color:var(--qs-muted)!important}
@supports not (color:color-mix(in srgb,#000,#fff)){body.route-admin-quick-sale .qs71-selected{border-color:var(--qs-line)!important}body.route-admin-quick-sale .qs71-reserve-status.is-ok,body.route-admin-quick-sale .qs71-reserve-status.is-error,body.route-admin-quick-sale .p97-customer-risk,body.route-admin-quick-sale .p97-customer-risk.is-diamond{border-color:var(--qs-line)!important}body.route-admin-quick-sale .qs71-cancel-draft{border-color:var(--qs-line)!important}}

/* Phase 115: compact, deletion-safe Quick Sale receipts.
 * Keep this at the end of the Quick Sale source so old phase overrides cannot widen the sidebar rows. */
body.route-admin-quick-sale .qs115-payment-card{padding:12px!important;border-radius:15px!important;overflow:hidden!important}
body.route-admin-quick-sale .qs115-payment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
body.route-admin-quick-sale .qs115-payment-head>div{min-width:0}
body.route-admin-quick-sale .qs115-payment-head h3{margin:0!important;font-size:14px!important;line-height:1.35!important}
body.route-admin-quick-sale .qs115-payment-head .qs110-payment-help{display:block;margin-top:2px!important;font-size:9.5px!important;line-height:1.5!important;font-weight:650!important}
body.route-admin-quick-sale .qs115-payment-add{flex:0 0 auto;min-height:34px!important;padding:0 10px!important;border-radius:9px!important;font-size:10px!important;white-space:nowrap}
body.route-admin-quick-sale .qs115-payment-rows{display:grid!important;gap:7px!important;margin-top:8px!important;min-width:0}
body.route-admin-quick-sale .qs115-payment-empty{display:grid;gap:2px;padding:8px 9px;border:1px dashed var(--qs-line);border-radius:10px;background:var(--qs-surface-2);color:var(--qs-muted)}
body.route-admin-quick-sale .qs115-payment-empty b{font-size:10px!important;color:var(--qs-text-2)!important}
body.route-admin-quick-sale .qs115-payment-empty span{font-size:8.5px!important;line-height:1.55!important;color:var(--qs-muted)!important}
body.route-admin-quick-sale .qs115-payment-row{min-width:0;padding:8px;border:1px solid var(--qs-line);border-radius:11px;background:var(--qs-surface-2);overflow:hidden}
body.route-admin-quick-sale .qs115-payment-remove{display:inline-flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:36px;padding:0;border:1px solid color-mix(in srgb,var(--qs-danger) 30%,var(--qs-line));border-radius:8px;background:color-mix(in srgb,var(--qs-danger) 7%,var(--qs-surface));color:var(--qs-danger);font-size:9px;font-weight:900;line-height:1;cursor:pointer}
body.route-admin-quick-sale .qs115-payment-core{display:grid!important;grid-template-columns:minmax(88px,.68fr) minmax(0,1.32fr) 42px!important;gap:6px!important;align-items:end!important;min-width:0}
body.route-admin-quick-sale .qs115-payment-row label{display:grid!important;gap:3px!important;min-width:0!important;margin:0!important}
body.route-admin-quick-sale .qs115-payment-row label>span{display:flex;align-items:baseline;justify-content:space-between;gap:4px;font-size:8.5px!important;font-weight:850!important;line-height:1.25!important;color:var(--qs-muted)!important}
body.route-admin-quick-sale .qs115-payment-row label>span small{font-size:7px!important;font-weight:700!important;color:var(--qs-muted)!important}
body.route-admin-quick-sale .qs115-payment-row :is(input,select){width:100%!important;min-width:0!important;height:36px!important;min-height:36px!important;padding:0 8px!important;border:1px solid var(--qs-line)!important;border-radius:8px!important;background:var(--qs-surface)!important;color:var(--qs-text)!important;font-size:11px!important;line-height:1!important;box-shadow:none!important}
body.route-admin-quick-sale .qs115-payment-row :is(input,select):focus{outline:none!important;border-color:var(--qs-primary)!important;box-shadow:0 0 0 2px var(--qs-focus)!important}
body.route-admin-quick-sale .qs115-payment-amount input{text-align:left!important;direction:ltr!important;font-weight:900!important}
body.route-admin-quick-sale .qs115-payment-extra{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;margin-top:6px!important;padding-top:6px!important;border-top:1px dashed var(--qs-line)!important}
body.route-admin-quick-sale .qs115-payment-extra.is-two,body.route-admin-quick-sale .qs115-payment-extra.is-cheque{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.route-admin-quick-sale .qs115-payment-sayad{grid-column:1/-1!important}
body.route-admin-quick-sale .qs115-payment-summary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:8px!important;padding-top:8px!important;border-top:1px solid var(--qs-line)!important}
body.route-admin-quick-sale .qs115-payment-summary>div{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;padding:7px 8px;border:1px solid var(--qs-line);border-radius:9px;background:var(--qs-surface-2)}
body.route-admin-quick-sale .qs115-payment-summary span{font-size:8.5px!important;color:var(--qs-muted)!important;white-space:nowrap}
body.route-admin-quick-sale .qs115-payment-summary b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:10px!important;color:var(--qs-text)!important;white-space:nowrap}
body.route-admin-quick-sale .qs115-payment-summary .is-due b{color:var(--qs-primary)!important}
body.route-admin-quick-sale .qs115-payment-quick{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;margin-top:6px!important;padding:0!important}
body.route-admin-quick-sale .qs115-payment-quick>span{font-size:8px!important;color:var(--qs-muted)!important;white-space:nowrap}
body.route-admin-quick-sale .qs115-payment-quick>div{display:flex;align-items:center;gap:5px;min-width:0}
body.route-admin-quick-sale .qs115-payment-quick button{min-height:30px!important;padding:0 8px!important;border:1px solid var(--qs-line)!important;border-radius:8px!important;background:var(--qs-surface-2)!important;color:var(--qs-text-2)!important;font-size:8.5px!important;font-weight:900!important;white-space:nowrap}
body.route-admin-quick-sale .qs115-payment-quick button:disabled{opacity:.42!important;cursor:not-allowed!important}
@supports not (color:color-mix(in srgb,#000,#fff)){body.route-admin-quick-sale .qs115-payment-remove{border-color:var(--qs-line);background:var(--qs-surface)}}
@media(max-width:767px){
 body.route-admin-quick-sale .qs115-payment-card{padding:9px!important}
 body.route-admin-quick-sale .qs115-payment-head h3{font-size:12px!important}
 body.route-admin-quick-sale .qs115-payment-head .qs110-payment-help{font-size:8.5px!important;line-height:1.45!important}
 body.route-admin-quick-sale .qs115-payment-add{min-height:32px!important;padding:0 9px!important;font-size:9.5px!important}
 body.route-admin-quick-sale .qs115-payment-rows{gap:6px!important;margin-top:6px!important}
 body.route-admin-quick-sale .qs115-payment-row{padding:7px!important;border-radius:10px!important}
 body.route-admin-quick-sale .qs115-payment-row :is(input,select){height:38px!important;min-height:38px!important;font-size:16px!important;padding:0 7px!important}
 body.route-admin-quick-sale .qs115-payment-core{grid-template-columns:minmax(92px,.72fr) minmax(0,1.28fr) 42px!important;gap:5px!important}
 body.route-admin-quick-sale .qs115-payment-extra{gap:5px!important;margin-top:5px!important;padding-top:5px!important}
 body.route-admin-quick-sale .qs115-payment-extra.is-two,body.route-admin-quick-sale .qs115-payment-extra.is-cheque{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.route-admin-quick-sale .qs115-payment-summary{gap:5px!important;margin-top:6px!important;padding-top:6px!important}
 body.route-admin-quick-sale .qs115-payment-summary>div{padding:6px 7px!important}
 body.route-admin-quick-sale .qs115-payment-summary span{font-size:8px!important}
 body.route-admin-quick-sale .qs115-payment-summary b{font-size:9.5px!important}
 body.route-admin-quick-sale .qs115-payment-quick{margin-top:5px!important;gap:5px!important}
 body.route-admin-quick-sale .qs115-payment-quick>span{display:none!important}
 body.route-admin-quick-sale .qs115-payment-quick>div{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}
 body.route-admin-quick-sale .qs115-payment-quick button{width:100%!important;min-height:31px!important;font-size:9px!important}
 body.route-admin-quick-sale .qs115-payment-empty{padding:7px 8px!important}
}
@media(max-width:340px){body.route-admin-quick-sale .qs115-payment-core{grid-template-columns:80px minmax(0,1fr) 40px!important}body.route-admin-quick-sale .qs115-payment-remove{width:40px;min-width:40px}body.route-admin-quick-sale .qs115-payment-extra.is-two,body.route-admin-quick-sale .qs115-payment-extra.is-cheque{grid-template-columns:1fr!important}}


/* === storefront-phase116.css === */
/* Phase 116 — storefront light-theme consistency + cart/checkout contrast hardening. */
html.storefront-light,html.storefront-light body.sf-body{color-scheme:light!important;background:#f7f9fc!important;color:#172941!important}
html.storefront-light body.sf-body{--sf-bg:#f7f9fc;--sf-ink:#172941;--sf-line:#dbe4ef}

/* Home order path was still styled as an intentional dark card from an old buyer-experience experiment. */
.sf-v54 .sf-intro-visual,.sf-intro-visual{background:linear-gradient(145deg,#ffffff,#f4f8ff)!important;border:1px solid #dce7f5!important;box-shadow:0 16px 36px rgba(24,53,91,.08)!important;color:#1d334d!important}
.sf-intro-visual-head{border-bottom-color:#dbe6f3!important}.sf-intro-visual-head span{color:#526a83!important}.sf-intro-visual-head strong{background:#e9f7f2!important;color:#157252!important}
.sf-intro-steps li{background:#fff!important;border-color:#dce6f2!important;color:#213850!important;box-shadow:0 5px 14px rgba(31,55,84,.035)!important}
.sf-intro-steps li:last-child{background:#f1fbf7!important;border-color:#bae4d4!important}.sf-intro-steps b{background:#eaf2ff!important;color:#195fc8!important}.sf-intro-steps strong{color:#213850!important}.sf-intro-steps small{color:#687c91!important}.sf-intro-visual-note{color:#60758c!important}

/* Audit 109 accidentally applied dark-theme text colors to the light cart. */
.sf109-page-title{color:#172941!important}
.sf-cart-item small,.sf-cart-summary small,.cart-item small,.cart-summary small{color:#68798d!important}
.sf-cart-item b,.sf-cart-summary b,.cart-item b,.cart-summary b{color:#203a57!important}
.sf64-cart-item,.sf64-cart-overview,.sf64-cart-savebar,.sf-cart-summary,.cart-summary{color:#203a57}
.sf64-cart-item .sf64-line-number,.sf64-cart-item .sf64-price-each small,.sf64-cart-item .sf64-line-total small,.sf64-cart-overview small{color:#708198!important}
.sf64-cart-item .sf64-variant-chips span,.sf64-size-snapshot,.sf64-size-snapshot span{color:#536b84!important}

/* Checkout is light-only. Remove remaining dark panels while preserving strong primary actions. */
.sf66-checkout-page,.sf66-checkout-main,.sf66-delivery-card,.sf66-review-card,.sf66-checkout-side{color:#203850!important}
.sf66-review-card,.sf66-delivery-card,.sf66-checkout-side{background:#fff!important;border-color:#dce6f1!important}
.sf66-final-total{background:#f1f6fd!important;border:1px solid #d7e4f2!important;color:#17324f!important}
.sf66-final-total small{color:#667b91!important}.sf66-final-total span>b,.sf66-final-total>strong{color:#17324f!important}
.sf66-checkout-side>div span,.sf66-checkout-side>div small,.sf66-checkout-side ul{color:#60758c!important}.sf66-checkout-side>div b{color:#183653!important}
.sf66-review-list article>div b,.sf66-review-list aside b,.sf66-review-list aside span{color:#203b59!important}
.sf66-review-list article>div span,.sf66-review-list article>div small{color:#687b91!important}
.sf66-delivery-card>header,.sf66-review-card>header{background:#fbfdff!important;color:#203850!important}
.sf66-delivery-card>header b,.sf66-review-card>header b{color:#203850!important}.sf66-delivery-card>header small,.sf66-review-card>header small{color:#718399!important}
.sf66-form-grid .sf-field>span{color:#203b59!important}.sf66-form-grid input,.sf66-form-grid textarea,.sf66-form-grid select{background:#fff!important;color:#172941!important;border-color:#cdd9e7!important}
.sf66-form-grid input::placeholder,.sf66-form-grid textarea::placeholder{color:#97a4b3!important;opacity:1}
.sf66-terms-check{background:#f7faff!important;color:#304b68!important;border-color:#d7e3f0!important}

@media(max-width:760px){.sf-intro-visual{padding:15px!important}.sf-intro-steps li{padding:10px 11px!important}.sf109-page-title{font-size:25px!important}}


/* === admin-phase118.css === */
/* Phase 118 — stable admin lists, touch-scroll continuity and compact product operations. */

/* Form controls must never capture the page's vertical pan just because they own focus. */
body :is(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),textarea,select){
  touch-action:pan-y pinch-zoom!important;
}

/* Inventory: explicit sort control and stable in-place updates. */
body.route-admin-inventory .inv76-filter{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
body.route-admin-inventory .inv76-filter .inv76-search{flex:1 1 320px!important}
body.route-admin-inventory .inv76-filter>select{flex:0 1 220px!important;min-width:180px!important;max-width:260px!important}
body.route-admin-inventory .inv76-meta{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
@media(max-width:760px){
 body.route-admin-inventory .inv76-filter{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important}
 body.route-admin-inventory .inv76-filter .inv76-search{grid-column:1/-1!important;min-width:0!important;width:100%!important}
 body.route-admin-inventory .inv76-filter>select{min-width:0!important;max-width:none!important;width:100%!important}
 body.route-admin-inventory .inv76-search-btn,body.route-admin-inventory .inv76-clear{min-height:38px!important}
}

/* Quick Sale: series quantity gets a real responsive composition instead of a squeezed 2-col override. */
body.route-admin-quick-sale .qs71-series-row{
  grid-template-columns:minmax(0,1fr) minmax(112px,138px) 82px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:64px!important;
}
body.route-admin-quick-sale .qs71-series-control{min-width:0!important;align-self:center!important}
body.route-admin-quick-sale .qs71-series-qty{width:100%!important;min-width:0!important;text-align:center!important}
body.route-admin-quick-sale .qs71-add-series{width:82px!important;min-width:0!important;padding:0 6px!important}
@media(max-width:620px){
 body.route-admin-quick-sale .qs71-series-row{
   grid-template-columns:minmax(0,1fr) 88px!important;
   grid-template-areas:"copy copy" "control add"!important;
   align-items:end!important;
   gap:7px!important;
   padding:8px!important;
   min-height:0!important;
 }
 body.route-admin-quick-sale .qs71-series-copy{grid-area:copy!important;min-width:0!important}
 body.route-admin-quick-sale .qs71-series-control{grid-area:control!important}
 body.route-admin-quick-sale .qs71-add-series{grid-area:add!important;width:88px!important;height:38px!important}
 body.route-admin-quick-sale .qs71-series-copy b{font-size:12.5px!important;line-height:1.45!important}
 body.route-admin-quick-sale .qs71-series-copy small{font-size:10.5px!important;line-height:1.55!important}
 body.route-admin-quick-sale .qs71-series-error{font-size:9px!important;min-height:13px!important}
 body.route-admin-quick-sale .qs71-series-qty{height:38px!important;font-size:16px!important}
}

/* Products — operational density and hierarchy. Old phase overrides were fighting each other. */
body.route-admin-products .products-page-v3{gap:7px!important}
body.route-admin-products .product-command-surface{padding:8px!important;border-radius:14px!important;box-shadow:none!important}
body.route-admin-products .product-commandbar{grid-template-columns:auto minmax(260px,1fr) auto auto!important;gap:7px!important}
body.route-admin-products .product-list-heading{min-width:120px!important}
body.route-admin-products .product-inline-search{height:38px!important;border-radius:10px!important}
body.route-admin-products .product-filter-popover summary,
body.route-admin-products .product-add-btn{height:38px!important;min-height:38px!important;border-radius:10px!important}
body.route-admin-products .product-viewbar{min-height:30px!important}
body.route-admin-products .product-compact-grid{grid-template-columns:1fr!important;gap:6px!important}
body.route-admin-products .product-compact-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 190px!important;
  min-height:82px!important;
  border-radius:13px!important;
  overflow:visible!important;
  box-shadow:none!important;
}
body.route-admin-products .product-compact-card:hover{transform:none!important;box-shadow:0 4px 16px rgba(15,35,70,.07)!important}
body.route-admin-products .product-compact-main{
  display:grid!important;
  grid-template-columns:66px minmax(180px,1fr) 82px 120px!important;
  gap:10px!important;
  min-width:0!important;
  padding:8px 10px!important;
}
body.route-admin-products .product-thumb{width:66px!important;height:66px!important;min-height:66px!important;border-radius:11px!important}
body.route-admin-products .product-thumb img{object-fit:contain!important}
body.route-admin-products .product-identity>b{font-size:14px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.route-admin-products .product-code-line small{font-size:10.5px!important}
body.route-admin-products .product-diversity{margin-top:4px!important;gap:5px!important}
body.route-admin-products .product-diversity em{font-size:10px!important}
body.route-admin-products .product-stock-compact,
body.route-admin-products .product-price-compact{padding-inline-start:8px!important;border-inline-start:1px solid var(--ad-line)!important;border-right:0!important}
body.route-admin-products .product-stock-compact b{font-size:16px!important}
body.route-admin-products .product-price-compact b{font-size:12.5px!important}
body.route-admin-products .product-compact-actions{
  width:190px!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:center!important;
  gap:5px!important;
  padding:7px!important;
  border-inline-start:1px solid var(--ad-line)!important;
  border-right:0!important;
  background:var(--ad-surface-2)!important;
}
body.route-admin-products .product-compact-actions>.compact-warning{grid-column:1/-1!important;margin:0!important;padding:3px 6px!important;text-align:center!important}
body.route-admin-products .product-compact-actions>a,
body.route-admin-products .product-compact-actions>button,
body.route-admin-products .product-compact-actions>.royan-more-actions>summary{
  min-height:33px!important;
  height:33px!important;
  width:100%!important;
  padding:0 6px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
  white-space:nowrap!important;
}
body.route-admin-products .product-compact-actions .royan-more-actions{grid-column:1/-1!important;width:100%!important}
body.route-admin-products .product-compact-actions .royan-more-actions>summary{display:flex!important;align-items:center!important;justify-content:center!important}
body.route-admin-products .royan-more-actions-panel{min-width:210px!important;z-index:400!important}

body.route-admin-products .product-table-shell{border-radius:12px!important;overflow:hidden!important}
body.route-admin-products .product-dense-table th{height:32px!important}
body.route-admin-products .product-dense-table td{height:54px!important;padding-top:4px!important;padding-bottom:4px!important}
body.route-admin-products .table-product-core img{width:44px!important;height:44px!important;border-radius:9px!important;object-fit:contain!important}
body.route-admin-products .td-actions>a,
body.route-admin-products .td-actions>button,
body.route-admin-products .td-actions>.royan-more-actions>summary{min-height:31px!important;height:31px!important;font-size:10px!important}

@media(max-width:900px){
 body.route-admin-products .product-commandbar{grid-template-columns:minmax(0,1fr) auto auto!important}
 body.route-admin-products .product-list-heading{grid-column:1/-1!important;min-width:0!important}
 body.route-admin-products .product-head-actions{grid-column:auto!important}
 body.route-admin-products .product-compact-card{grid-template-columns:1fr!important;min-height:0!important;overflow:hidden!important}
 body.route-admin-products .product-compact-main{grid-template-columns:58px minmax(0,1fr) 62px!important;gap:7px!important;padding:7px!important}
 body.route-admin-products .product-thumb{width:58px!important;height:58px!important;min-height:58px!important}
 body.route-admin-products .product-price-compact{display:none!important}
 body.route-admin-products .product-stock-compact{padding-inline-start:6px!important}
 body.route-admin-products .product-compact-actions{
   width:100%!important;
   grid-template-columns:repeat(3,minmax(0,1fr))!important;
   gap:4px!important;
   padding:5px!important;
   border-inline-start:0!important;
   border-top:1px solid var(--ad-line)!important;
   background:var(--ad-surface-2)!important;
 }
 body.route-admin-products .product-compact-actions>.compact-warning{display:none!important}
 body.route-admin-products .product-compact-actions .royan-more-actions{grid-column:auto!important}
 body.route-admin-products .product-compact-actions>a,
 body.route-admin-products .product-compact-actions>button,
 body.route-admin-products .product-compact-actions>.royan-more-actions>summary{height:32px!important;min-height:32px!important;font-size:10px!important}
 body.route-admin-products .royan-more-actions-panel{position:fixed!important;right:10px!important;left:10px!important;bottom:74px!important;min-width:0!important;max-height:55vh!important;overflow:auto!important}
}
@media(max-width:520px){
 body.route-admin-products .product-command-surface{padding:6px!important;border-radius:12px!important}
 body.route-admin-products .product-list-heading{height:26px!important}
 body.route-admin-products .product-inline-search{grid-column:1/-1!important;height:36px!important}
 body.route-admin-products .product-filter-popover summary,
 body.route-admin-products .product-add-btn{height:36px!important;min-height:36px!important}
 body.route-admin-products .product-view-summary span{font-size:9.5px!important}
 body.route-admin-products .product-compact-grid{gap:5px!important}
 body.route-admin-products .product-compact-main{grid-template-columns:52px minmax(0,1fr) 56px!important;gap:6px!important;padding:6px!important}
 body.route-admin-products .product-thumb{width:52px!important;height:52px!important;min-height:52px!important}
 body.route-admin-products .product-identity>b{font-size:12.5px!important}
 body.route-admin-products .product-code-line small{font-size:9.5px!important}
 body.route-admin-products .product-diversity em{font-size:9px!important}
 body.route-admin-products .product-stock-compact b{font-size:14px!important}
 body.route-admin-products .product-stock-compact small,body.route-admin-products .product-stock-compact em{font-size:8.5px!important}
 body.route-admin-products .product-compact-actions>a span,
 body.route-admin-products .product-compact-actions>button span{display:inline!important}
}


/* === storefront-phase119.css === */
/* Phase 119 — compact storefront home journey and story/model rhythm. */
.sf-v54 .sfh-home,.sfh-home{padding-top:6px!important}
.sf-v54 .sf-intro,.sf-intro{
  min-height:0!important;
  grid-template-columns:minmax(0,1.45fr) minmax(250px,.75fr)!important;
  gap:18px!important;
  margin:6px 0 12px!important;
  padding:20px 24px!important;
  border-radius:20px!important;
  box-shadow:0 10px 28px rgba(32,70,124,.065)!important;
}
.sf-intro:before{width:180px!important;height:180px!important;inset:-80px auto auto -70px!important}
.sf-intro-eyebrow{margin-bottom:7px!important;padding:4px 9px!important;font-size:.76rem!important}
.sf-intro h1{max-width:700px!important;margin:0 0 7px!important;font-size:clamp(1.55rem,2.55vw,2.35rem)!important;line-height:1.34!important}
.sf-intro-copy p{max-width:720px!important;font-size:.91rem!important;line-height:1.8!important}
.sf-intro-benefits{gap:6px!important;margin-top:11px!important}.sf-intro-benefits span{padding:5px 9px!important;font-size:.75rem!important}
.sf-intro-benefits span:before{width:15px!important;height:15px!important;font-size:9px!important}
.sf-intro-actions{gap:8px!important;margin-top:13px!important}.sf-intro-actions a{min-height:40px!important;padding:8px 14px!important;border-radius:11px!important;font-size:.84rem!important}
.sf-intro-visual{padding:13px!important;border-radius:16px!important;box-shadow:0 9px 22px rgba(24,53,91,.06)!important}
.sf-intro-visual-head{margin-bottom:9px!important;padding:0 1px 9px!important}.sf-intro-visual-head span{font-size:.78rem!important}.sf-intro-visual-head strong{font-size:.68rem!important;padding:4px 7px!important}
.sf-intro-steps{gap:6px!important}.sf-intro-steps li{gap:8px!important;padding:8px 9px!important;border-radius:11px!important;min-height:0!important}.sf-intro-steps b{width:27px!important;height:27px!important;border-radius:8px!important;font-size:.82rem!important}.sf-intro-steps strong{font-size:.82rem!important;line-height:1.35!important}.sf-intro-steps small{font-size:.7rem!important;line-height:1.45!important}.sf-intro-visual-note{margin:8px 2px 0!important;font-size:.69rem!important;line-height:1.6!important}

.sf-workshop-disclosure{margin:0 0 12px!important;border:1px solid #dce6f1!important;border-radius:15px!important;background:#fff!important;overflow:hidden!important}
.sf-workshop-disclosure>summary{min-height:48px!important;padding:9px 13px!important;cursor:pointer!important}.sf-workshop-disclosure>summary strong{font-size:.82rem!important}.sf-workshop-disclosure>summary small{font-size:.68rem!important;margin-top:1px!important}.sf-workshop-disclosure>summary>b{font-size:14px!important;transition:transform .18s ease}.sf-workshop-disclosure[open]>summary>b{transform:rotate(180deg)}
.sf-workshop-disclosure .p102-live-zone{margin:0!important;padding:9px 11px 10px!important;border:0!important;border-top:1px solid #e6edf5!important;border-radius:0!important;box-shadow:none!important}
.sf-workshop-disclosure .p102-live-zone-head{margin-bottom:7px!important;min-height:0!important}.sf-workshop-disclosure .p102-live-zone-head b{font-size:.78rem!important}.sf-workshop-disclosure .p102-market-badge{min-height:28px!important;padding:4px 8px!important}
.sf-workshop-disclosure .p95-stories{padding:0!important;margin:0!important}.sf-workshop-disclosure .p95-story-strip{gap:6px!important;padding:1px 0!important}.sf-workshop-disclosure .p95-story-bubble{min-width:54px!important}.sf-workshop-disclosure .p95-story-ring{width:48px!important;height:48px!important}.sf-workshop-disclosure .p95-story-label{max-width:54px!important;font-size:8.5px!important;margin-top:3px!important}

.sfh-models-section{margin-top:0!important;padding-top:0!important}.sfh-models-head{margin:0 0 8px!important}.sfh-models-head h2{font-size:1.18rem!important}.sfh-models-head p{margin-top:2px!important;font-size:.76rem!important}.sfh-catalog-tools{gap:7px!important;margin-bottom:8px!important;padding:8px!important;border-radius:14px!important}.sfh-filter-row{gap:5px!important}.sfh-model-list,.p102-home-product-list{gap:7px!important}.sfh-model-item{margin:0!important}

@media(min-width:761px){
 .sf-intro-steps li{display:grid!important;grid-template-columns:27px 1fr!important}
 .sf-workshop-disclosure .p95-story-strip{min-height:56px!important}
}
@media(max-width:760px){
 .sf-v54 .sf-intro,.sf-intro{grid-template-columns:1fr!important;gap:11px!important;margin:2px 0 9px!important;padding:13px!important;border-radius:15px!important}
 .sf-intro-eyebrow{margin-bottom:5px!important}.sf-intro h1{font-size:1.42rem!important;line-height:1.38!important;margin-bottom:5px!important}.sf-intro-copy p{font-size:.82rem!important;line-height:1.68!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .sf-intro-benefits{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;margin-top:8px!important}.sf-intro-benefits span{justify-content:flex-start!important;padding:5px 7px!important;font-size:.7rem!important}
 .sf-intro-actions{display:grid!important;grid-template-columns:1.15fr .85fr!important;gap:6px!important;margin-top:9px!important}.sf-intro-actions a{min-width:0!important;min-height:38px!important;padding:7px 8px!important;font-size:.74rem!important}
 .sf-intro-visual{padding:9px!important}.sf-intro-visual-head{margin-bottom:6px!important;padding-bottom:6px!important}.sf-intro-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}.sf-intro-steps li{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;gap:4px!important;padding:7px 4px!important;text-align:center!important}.sf-intro-steps b{width:24px!important;height:24px!important}.sf-intro-steps strong{font-size:.71rem!important}.sf-intro-steps small{font-size:.61rem!important;line-height:1.35!important}.sf-intro-visual-note{display:none!important}
 .sf-workshop-disclosure{margin-bottom:8px!important;border-radius:12px!important}.sf-workshop-disclosure>summary{min-height:42px!important;padding:7px 9px!important}.sf-workshop-disclosure .p102-live-zone{padding:7px 8px 8px!important}.sf-workshop-disclosure .p102-live-zone-head{margin-bottom:5px!important}.sf-workshop-disclosure .p102-live-zone-head>div:first-child{display:none!important}.sf-workshop-disclosure .p95-story-strip{gap:5px!important;overflow-x:auto!important;scrollbar-width:none}.sf-workshop-disclosure .p95-story-strip::-webkit-scrollbar{display:none}.sf-workshop-disclosure .p95-story-ring{width:44px!important;height:44px!important}.sf-workshop-disclosure .p95-story-bubble{min-width:50px!important}.sf-workshop-disclosure .p95-story-label{max-width:50px!important;font-size:8px!important}
 .sfh-models-head{margin-bottom:6px!important}.sfh-models-head h2{font-size:1rem!important}.sfh-catalog-tools{padding:6px!important;gap:5px!important}.sfh-model-list,.p102-home-product-list{gap:5px!important}
}
/* Final compactness guard: old story rules carried desktop min-heights forward. */
.sf-workshop-disclosure .p95-stories,.sf-workshop-disclosure .p95-story-strip{min-height:0!important;height:auto!important}
@media(max-width:760px){
 .sf-intro-copy p{-webkit-line-clamp:2!important}
 .sf-intro-visual-head{display:none!important}
 .sf-intro-visual{padding:7px!important}
 .sf-intro-steps li{padding:5px 3px!important}
 .sf-workshop-disclosure .p102-live-zone-head{display:none!important}
 .sf-workshop-disclosure .p102-live-zone{padding-top:6px!important}
}


/* === admin-phase119.css === */
/* Phase 119 — pricing, invoice/proforma and production usability consolidation. */
:root{--p119-ink:#1c3149;--p119-muted:#66798f;--p119-line:#dce6f1;--p119-soft:#f5f8fc;--p119-blue:#245fcf;--p119-green:#15805d;--p119-red:#b9384d}

/* PRICING: one light visual language, task-first hierarchy. */
body.theme-light.route-admin-pricing .pr87-page{gap:9px!important;color:var(--p119-ink)!important;max-width:1220px;margin-inline:auto}
body.theme-light.route-admin-pricing .pr87-hero{min-height:0!important;padding:14px 16px!important;border:1px solid var(--p119-line)!important;border-radius:16px!important;background:linear-gradient(130deg,#fff,#f3f7fd)!important;color:var(--p119-ink)!important;box-shadow:none!important}
body.theme-light.route-admin-pricing .pr87-hero>div>span{color:var(--p119-blue)!important;font-size:10px!important}
body.theme-light.route-admin-pricing .pr87-hero h2,body.theme-light.route-admin-pricing .pr87-hero h1{margin:2px 0!important;color:#172d47!important;font-size:18px!important;line-height:1.45!important}
body.theme-light.route-admin-pricing .pr87-hero p{max-width:900px!important;margin:2px 0 0!important;color:var(--p119-muted)!important;font-size:11px!important;line-height:1.7!important}
body.theme-light.route-admin-pricing .pr87-hero a{height:34px!important;border:1px solid #cbd9eb!important;background:#fff!important;color:#274b75!important;border-radius:9px!important;font-size:10.5px!important}
body.theme-light.route-admin-pricing .royan-pricing-nav{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:0!important}
body.theme-light.route-admin-pricing .royan-pricing-nav a{min-height:50px!important;padding:8px 11px!important;border:1px solid var(--p119-line)!important;border-radius:12px!important;background:#fff!important;color:var(--p119-ink)!important;box-shadow:none!important}
body.theme-light.route-admin-pricing .royan-pricing-nav a:first-child{border-color:#bcd4fb!important;background:#eef5ff!important}
body.theme-light.route-admin-pricing .royan-pricing-nav b{font-size:12px!important}body.theme-light.route-admin-pricing .royan-pricing-nav small{display:block!important;margin-top:1px!important;color:#73859a!important;font-size:9.5px!important;line-height:1.45!important}
body.theme-light.route-admin-pricing .pr91-quick-price{padding:12px!important;border:1px solid #cadbef!important;border-radius:16px!important;background:#fff!important;color:var(--p119-ink)!important;box-shadow:0 4px 16px rgba(31,61,100,.04)!important}
body.theme-light.route-admin-pricing .pr91-quick-price>header{padding:0 0 9px!important;margin-bottom:9px!important;border-bottom:1px solid #e5ecf4!important}
body.theme-light.route-admin-pricing .pr91-quick-price>header span{color:var(--p119-blue)!important}body.theme-light.route-admin-pricing .pr91-quick-price>header h2{font-size:16px!important;color:#19324f!important}body.theme-light.route-admin-pricing .pr91-quick-price>header p{font-size:10.5px!important;color:#687b91!important;line-height:1.65!important}
body.theme-light.route-admin-pricing .pr91-quick-price>header a{background:#f5f8fc!important;border:1px solid #dce5ef!important;color:#38546f!important}
body.theme-light.route-admin-pricing #quickPriceForm{gap:7px!important;align-items:start!important}
body.theme-light.route-admin-pricing #quickPriceForm label>span{color:#40556d!important;font-size:10.5px!important}
body.theme-light.route-admin-pricing #quickPriceForm input,body.theme-light.route-admin-pricing #quickPriceForm select,body.theme-light.route-admin-pricing .pr91-preview{background:#fff!important;color:#1d334d!important;border-color:#cfdbe9!important;box-shadow:none!important}
body.theme-light.route-admin-pricing .pr91-preview{min-height:72px!important;background:#f8fbff!important}
body.theme-light.route-admin-pricing .pr91-preview .empty{padding:11px!important}body.theme-light.route-admin-pricing .pr91-preview .empty b{color:#23415f!important}body.theme-light.route-admin-pricing .pr91-preview .empty span{color:#70839a!important}
body.theme-light.route-admin-pricing .pr91-apply{min-height:42px!important;border-radius:11px!important;background:var(--p119-blue)!important;color:#fff!important}
body.theme-light.route-admin-pricing .p99-volume-admin{padding:12px!important;margin:0!important;border:1px solid var(--p119-line)!important;border-radius:16px!important;background:#fff!important;color:var(--p119-ink)!important}
body.theme-light.route-admin-pricing .p99-volume-admin>header h2{font-size:15px!important;color:#1d334d!important}body.theme-light.route-admin-pricing .p99-volume-admin>header span{color:var(--p119-green)!important}body.theme-light.route-admin-pricing .p99-volume-admin>header p{color:#6e8196!important}
body.theme-light.route-admin-pricing .p99-volume-form input,body.theme-light.route-admin-pricing .p99-volume-form select{background:#fff!important;color:#1d334d!important;border-color:#d3deea!important}
body.theme-light.route-admin-pricing .p99-volume-rules article{background:#f9fbfd!important;border-color:#e0e8f1!important;color:#243b55!important}
body.theme-light.route-admin-pricing .p99-volume-rules small{color:#74869a!important}
body.theme-light.route-admin-pricing .pr87-actions article,body.theme-light.route-admin-pricing .pr87-rules,body.theme-light.route-admin-pricing .pr87-adjust-history{box-shadow:none!important;border-color:var(--p119-line)!important}

/* INVOICE / PROFORMA DETAILS: high-contrast light operational surface. */
body.theme-light[class*="route-admin-invoices-"] .inv81-show{max-width:1240px!important;margin-inline:auto!important;color:var(--p119-ink)!important}
body.theme-light[class*="route-admin-invoices-"] .inv81-hero{padding:12px 14px!important;border:1px solid var(--p119-line)!important;border-radius:16px!important;background:linear-gradient(135deg,#fff,#f4f8fd)!important;color:var(--p119-ink)!important;box-shadow:none!important}
body.theme-light[class*="route-admin-invoices-"] .inv81-badges{gap:5px!important;margin-bottom:7px!important}.inv81-badges span{font-size:9.5px!important}
body.theme-light[class*="route-admin-invoices-"] .inv81-invoice-no small,body.theme-light[class*="route-admin-invoices-"] .inv81-facts small,body.theme-light[class*="route-admin-invoices-"] .inv81-hero-money small{color:#73859b!important}
body.theme-light[class*="route-admin-invoices-"] .inv81-invoice-no h2,body.theme-light[class*="route-admin-invoices-"] .inv81-facts b,body.theme-light[class*="route-admin-invoices-"] .inv81-hero-money b{color:#19334f!important}
body.theme-light[class*="route-admin-invoices-"] .inv81-hero-money>div{background:#fff!important;border:1px solid #dce6f1!important;box-shadow:none!important}
body.theme-light[class*="route-admin-invoices-"] .inv93-tools{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;margin:7px 0!important}
body.theme-light[class*="route-admin-invoices-"] .inv93-tools button{min-height:34px!important;padding:0 7px!important;border-color:#d6e1ed!important;background:#fff!important;color:#334d68!important;font-size:10px!important}
body.theme-light[class*="route-admin-invoices-"] .inv93-tools button:first-child,body.theme-light[class*="route-admin-invoices-"] .inv93-tools [data-p94-invoice-image]{background:#245fcf!important;border-color:#245fcf!important;color:#fff!important}
body.theme-light[class*="route-admin-invoices-"] .p94-freight-read{padding:8px!important;margin:6px 0!important;background:#f8fbff!important;border-color:#dce6f1!important}
body.theme-light[class*="route-admin-invoices-"] .inv81-layout{gap:8px!important}
body.theme-light[class*="route-admin-invoices-"] .inv81-panel,body.theme-light[class*="route-admin-invoices-"] .inv81-delivery,body.theme-light[class*="route-admin-invoices-"] .inv81-form-card,body.theme-light[class*="route-admin-invoices-"] .inv82-shipment-card{background:#fff!important;color:var(--p119-ink)!important;border-color:var(--p119-line)!important;box-shadow:none!important;border-radius:14px!important}
body.theme-light[class*="route-admin-invoices-"] .inv81-panel{padding:10px!important}.inv81-panel-head{margin-bottom:7px!important}.inv81-panel-head h3{color:#203a55!important;font-size:13px!important}.inv81-panel-head p,.inv81-pay-summary{color:#708197!important;font-size:10px!important}
body.theme-light[class*="route-admin-invoices-"] .inv81-items-desktop table{color:#263f5a!important}body.theme-light[class*="route-admin-invoices-"] .inv81-items-desktop th{background:#f4f7fb!important;color:#60758b!important;border-color:#e2e9f1!important}body.theme-light[class*="route-admin-invoices-"] .inv81-items-desktop td{border-color:#e8eef4!important}body.theme-light[class*="route-admin-invoices-"] .inv81-items-desktop td small{color:#73859a!important}
body.theme-light[class*="route-admin-invoices-"] .inv81-totals{background:#f7f9fc!important;border-color:#e1e8f0!important}.inv81-totals span{color:#62758b!important}.inv81-totals b{color:#203850!important}
body.theme-light[class*="route-admin-invoices-"] .inv81-payment{padding:8px!important;border-color:#e0e8f1!important;background:#fbfcfe!important}.inv81-payment-title b,.inv81-payment-amount b{color:#243d58!important}.inv81-payment-meta,.inv81-payment-meta span{color:#6c7f94!important}
body.theme-light[class*="route-admin-invoices-"] .inv81-side{gap:8px!important}body.theme-light[class*="route-admin-invoices-"] .inv81-delivery{padding:10px!important}.inv81-delivery-head h3{color:#203850!important}.inv81-delivery-head p{color:#71849a!important}
body.theme-light[class*="route-admin-invoices-"] .inv81-form-grid input,body.theme-light[class*="route-admin-invoices-"] .inv81-form-grid select,body.theme-light[class*="route-admin-invoices-"] .inv81-form-grid textarea{background:#fff!important;color:#203850!important;border-color:#ccd9e7!important}
body.theme-light[class*="route-admin-invoices-"] .inv81-form-grid label>span{color:#465d76!important}

/* Proforma details share the same readability contract. */
body.theme-light[class*="route-admin-proformas-"] .p75-order-hero,body.theme-light[class*="route-admin-proformas-"] .p75-panel,body.theme-light[class*="route-admin-proformas-"] .p75-summary-card,body.theme-light[class*="route-admin-proformas-"] .p75-link-card,body.theme-light[class*="route-admin-proformas-"] .p75-customer-card{background:#fff!important;color:var(--p119-ink)!important;border-color:var(--p119-line)!important;box-shadow:none!important}
body.theme-light[class*="route-admin-proformas-"] .p75-order-hero{padding:12px!important;background:linear-gradient(135deg,#fff,#f5f8fd)!important}.p75-order-facts small,.p75-panel-head p,.p75-item-name span{color:#718399!important}
body.theme-light[class*="route-admin-proformas-"] .p93-sharebar{padding:8px 10px!important;background:#f7faff!important;border-color:#d8e4f2!important;color:#27415c!important}.p93-sharebar span{color:#718399!important}.p93-sharebar button{min-height:34px!important}

/* PRODUCTION LIST: compact operational rows, clear next action. */
body.theme-light.route-admin-production .prod-page{max-width:1220px!important;color:var(--p119-ink)!important}
body.theme-light.route-admin-production .prod-toolbar{gap:7px!important;margin-bottom:7px!important;padding:8px!important;border:1px solid var(--p119-line)!important;border-radius:14px!important;background:#fff!important}
body.theme-light.route-admin-production .prod-title b{font-size:15px!important;color:#1f3852!important}.prod-title small{color:#718399!important}.prod-title>span:first-child{width:32px!important;height:32px!important;border-radius:9px!important;background:#eef3ff!important;color:#5c50d8!important}
body.theme-light.route-admin-production .prod-search input,body.theme-light.route-admin-production .prod-search select{height:36px!important;border-radius:9px!important;background:#fff!important;color:#203850!important;border-color:#d3deea!important}.prod-search button,.prod-new{height:36px!important;border-radius:9px!important}
body.theme-light.route-admin-production .p97-capacity{padding:8px 10px!important;margin-bottom:7px!important;border-radius:13px!important;background:#fff!important;border-color:var(--p119-line)!important}.p97-capacity-head strong{font-size:17px!important}.p97-capacity-head b{font-size:11.5px!important}.p97-capacity-head small,.p97-capacity-meta{color:#718399!important}
body.theme-light.route-admin-production .prod-mini-stats{gap:5px!important;margin-bottom:7px!important}.prod-mini-stat{min-width:92px!important;padding:5px 8px!important;border-radius:9px!important;background:#fff!important;border-color:var(--p119-line)!important}.prod-mini-stat b{font-size:13px!important}.prod-mini-stat span{font-size:8.5px!important}
body.theme-light.route-admin-production .prod-list{gap:5px!important}.prod-row{grid-template-columns:minmax(220px,1fr) 96px 108px 105px 180px!important;gap:6px!important;padding:7px 9px!important;border-radius:12px!important;background:#fff!important;border-color:var(--p119-line)!important;color:var(--p119-ink)!important;box-shadow:none!important}.prod-row:hover{transform:none!important;border-color:#b9cbe0!important;background:#fbfdff!important}
.prod-id small{font-size:8.5px!important;color:#7a8ca1!important}.prod-id b{font-size:11.5px!important;margin-top:1px!important}.prod-id em{font-size:8.5px!important;color:#6f8196!important}.prod-progress{height:4px!important;margin-top:4px!important;background:#edf2f7!important}.prod-metric small,.prod-due small{font-size:8px!important;color:#75879c!important}.prod-metric b,.prod-due b{font-size:10.5px!important}.prod-badge{padding:3px 7px!important;font-size:8px!important}.prod-next{font-size:8.5px!important;color:#63778e!important}.prod-open,.prod-quick-ready{min-height:32px!important;height:32px!important;border-radius:8px!important;font-size:9.5px!important}.prod-open{background:#edf3fa!important;color:#35516e!important}.prod-quick-ready{background:#ecfbf4!important;color:#087553!important;border-color:#a6dbc8!important}.prod-quick-ready small{font-size:7.5px!important;color:#4e8873!important}
.prod-row.is-urgent{background:linear-gradient(90deg,#fff6f6,#fff 34%)!important;border-color:#f0b6b6!important}.prod-urgency{margin-top:3px!important;padding:3px 6px!important;font-size:8.5px!important}

/* PRODUCTION DETAIL: information first, actions second, no dark cards. */
body.theme-light[class*="route-admin-production-"] .pshow{max-width:1180px!important;margin-inline:auto!important;color:var(--p119-ink)!important}
body.theme-light[class*="route-admin-production-"] .ps-head{padding:11px!important;border:1px solid var(--p119-line)!important;border-radius:15px!important;background:linear-gradient(135deg,#fff,#f5f8fc)!important;color:var(--p119-ink)!important;box-shadow:none!important}.ps-head-top h2{font-size:16px!important;margin:2px 0!important}.ps-head-top small{color:#718399!important}.ps-badge{padding:4px 8px!important;font-size:9px!important}
body.theme-light[class*="route-admin-production-"] .ps-summary{gap:5px!important;margin-top:8px!important}.ps-kpi{padding:7px 8px!important;border:1px solid #e2e9f1!important;border-radius:9px!important;background:#fff!important}.ps-kpi small{font-size:8.5px!important;color:#73859a!important}.ps-kpi b{font-size:11.5px!important;color:#203850!important}.ps-price-policy{margin-top:7px!important;padding:7px 9px!important;border-radius:10px!important}.ps-price-policy b{font-size:10.5px!important}.ps-price-policy span{font-size:9px!important;line-height:1.55!important}.ps-bar{height:5px!important;margin-top:8px!important}
body.theme-light[class*="route-admin-production-"] .ps-layout{grid-template-columns:minmax(0,1fr) 230px!important;gap:7px!important;margin-top:7px!important}.ps-items{gap:5px!important}.ps-item{padding:8px 9px!important;border-radius:11px!important;background:#fff!important;border-color:var(--p119-line)!important;color:var(--p119-ink)!important}.ps-item-top{gap:6px!important}.ps-item-top b{font-size:11.5px!important;color:#203850!important}.ps-item-top small{font-size:8.5px!important;color:#718399!important}.ps-count{font-size:9px!important}.ps-item-progress{height:4px!important}.ps-item-actions{margin-top:5px!important}.ps-complete-btn{min-height:31px!important;border-radius:8px!important;font-size:9.5px!important}
body.theme-light[class*="route-admin-production-"] .ps-panel{top:74px!important;padding:9px!important;border-radius:12px!important;background:#fff!important;border-color:var(--p119-line)!important;color:var(--p119-ink)!important}.ps-panel h3{font-size:11.5px!important;color:#203850!important}.ps-panel p{font-size:9px!important;color:#6f8196!important;line-height:1.6!important}.ps-primary,.ps-danger,.ps-secondary{height:34px!important;border-radius:8px!important;font-size:9.5px!important;margin-top:5px!important}.ps-primary{background:#1f8b66!important;color:#fff!important}.ps-secondary{background:#edf3fa!important;color:#36516d!important}.ps-danger{background:#fff1f2!important;color:#b9384d!important;border:1px solid #f4c7ce!important}.ps-deposit{padding:6px!important;margin-top:6px!important;font-size:8.5px!important;background:#fff8e6!important;color:#8b5a00!important}
body.theme-light[class*="route-admin-production-"] .ps-history{padding:9px!important;margin-top:7px!important;border-radius:12px!important;background:#fff!important;border-color:var(--p119-line)!important;color:var(--p119-ink)!important}.ps-history h3{font-size:10.5px!important}.ps-history-row{gap:6px!important;padding:5px 0!important;border-color:#e8eef4!important;font-size:8.5px!important}.ps-history-row span{color:#75879c!important}
body.theme-light[class*="route-admin-production-"] .ps-modal{background:#fff!important;color:var(--p119-ink)!important}.ps-modal-head button{color:#4c6077!important}.ps-modal label>span{color:#4b6077!important}.ps-modal input,.ps-modal textarea{background:#fff!important;color:#203850!important;border-color:#d1dce9!important}.ps-modal-actions button:last-child{background:#edf2f7!important;color:#334e69!important}

@media(max-width:900px){
 body.theme-light.route-admin-pricing .royan-pricing-nav{grid-template-columns:1fr!important}.royan-pricing-nav small{display:none!important}
 body.theme-light[class*="route-admin-invoices-"] .inv93-tools{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.theme-light.route-admin-production .prod-row{grid-template-columns:minmax(0,1fr) 84px 155px!important}.prod-id{grid-column:1/2!important}.prod-status{grid-column:2!important;grid-row:auto!important}.prod-due{display:none!important}.prod-actions{grid-column:3!important;grid-row:1/3!important;align-self:center!important}.prod-metric{grid-row:2!important}.prod-metric:nth-of-type(2){grid-column:2!important}.prod-actions{grid-template-columns:1fr!important}
 body.theme-light[class*="route-admin-production-"] .ps-layout{grid-template-columns:1fr!important}.ps-panel{position:static!important;order:-1!important}.ps-panel{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:5px 10px!important}.ps-panel h3,.ps-panel p,.ps-panel .ps-deposit{grid-column:1!important}.ps-panel form,.ps-panel>button,.ps-panel>a{grid-column:2!important;grid-row:auto!important;min-width:150px!important;margin-top:0!important}
}
@media(max-width:620px){
 body.theme-light.route-admin-pricing .pr87-hero{padding:10px!important}.pr87-hero p{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pr87-hero a{display:none!important}
 body.theme-light.route-admin-pricing .royan-pricing-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}.royan-pricing-nav a{min-height:38px!important;padding:6px!important;justify-content:center!important;text-align:center!important}.royan-pricing-nav b{font-size:10px!important}.royan-pricing-nav small{display:none!important}
 body.theme-light.route-admin-pricing .pr91-quick-price{padding:9px!important}.pr91-quick-price>header p{display:none!important}.pr91-quick-price>header a{display:none!important}
 body.theme-light.route-admin-pricing #quickPriceForm{grid-template-columns:1fr!important}.p99-volume-form{grid-template-columns:1fr 1fr!important}.p99-volume-form>*{min-width:0!important}.p99-volume-form .primary-btn{grid-column:1/-1!important}
 body.theme-light[class*="route-admin-invoices-"] .inv81-hero{padding:9px!important}.inv81-hero{grid-template-columns:1fr!important}.inv81-hero-money{grid-template-columns:1fr 1fr!important;gap:5px!important}.inv81-facts{grid-template-columns:1fr 1fr!important}.inv81-facts>span:last-child{grid-column:1/-1!important}
 body.theme-light[class*="route-admin-invoices-"] .inv93-tools{grid-template-columns:1fr 1fr!important}.inv93-tools button{min-height:38px!important;font-size:9.5px!important}.inv93-tools [data-p94-invoice-image]{grid-column:1/-1!important}
 body.theme-light[class*="route-admin-invoices-"] .inv81-panel{padding:8px!important}.inv81-item-card{padding:8px!important;border-radius:10px!important}.inv81-item-stats{gap:4px!important}.inv81-item-stats span{padding:5px!important}
 body.theme-light.route-admin-production .prod-toolbar{display:grid!important;grid-template-columns:1fr auto!important;padding:6px!important}.prod-title{width:auto!important}.prod-search{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 105px!important;gap:5px!important}.prod-search input{grid-column:1/-1!important}.prod-search button{display:none!important}.prod-new{height:34px!important;padding:0 10px!important}.p97-capacity{padding:7px!important}.p97-capacity-head{align-items:flex-start!important}.p97-capacity-head small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prod-mini-stats{margin-inline:-1px!important}.prod-row{grid-template-columns:minmax(0,1fr) auto!important;padding:7px!important}.prod-id{grid-column:1!important}.prod-status{grid-column:2!important}.prod-metric{grid-row:2!important}.prod-actions{grid-column:1/-1!important;grid-row:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important}.prod-open,.prod-quick-ready{height:34px!important;min-height:34px!important}.prod-quick-ready small{display:none!important}
 body.theme-light[class*="route-admin-production-"] .ps-head{padding:8px!important}.ps-summary{grid-template-columns:1fr 1fr!important}.ps-layout{margin-top:5px!important}.ps-panel{display:block!important;padding:8px!important}.ps-panel form,.ps-panel>button,.ps-panel>a{min-width:0!important;width:100%!important;margin-top:5px!important}.ps-item{padding:7px!important}.ps-item-top{grid-template-columns:1fr auto!important}.ps-item-progress{grid-column:1/-1!important}.ps-history-row{grid-template-columns:1fr auto!important}.ps-history-row span:last-child{grid-column:1/-1!important}
}
@media(max-width:620px){
 body.theme-light[class*="route-admin-invoices-"] .inv93-tools{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
 body.theme-light[class*="route-admin-invoices-"] .inv93-tools [data-p94-invoice-image]{grid-column:1/-1!important;grid-row:1!important}
 body.theme-light[class*="route-admin-invoices-"] .inv93-tools button:not([data-p94-invoice-image]){grid-row:2!important;min-width:0!important;padding-inline:3px!important;font-size:8.8px!important}
}


/* === storefront-phase120.css === */
/* Phase 120 — catalog controls, public order/tracking and first-login credential UX. */

/* Catalog: compact, legible controls instead of a tall empty panel. */
.sf120-filter-panel{padding:10px!important;gap:9px!important;border:1px solid #d9e3ef!important;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 24px rgba(28,48,79,.045)!important}
.sf120-filter-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.sf120-filter-panel .sf105-catalog-search{width:100%!important;max-width:none!important;height:48px!important;min-height:48px!important;margin:0!important;grid-template-columns:20px minmax(0,1fr) 32px 82px!important;gap:6px!important;padding:3px 5px 3px 11px!important;border-radius:13px!important;box-shadow:none!important}
.sf120-filter-panel .sf105-catalog-search>svg{width:18px!important;height:18px!important}
.sf120-filter-panel .sf105-catalog-search>#sf-catalog-search{height:40px!important;font-size:13px!important}
.sf120-filter-panel .sf105-catalog-search .sf-search-clear{width:30px!important;min-width:30px!important;height:30px!important;border-radius:8px!important}
.sf120-filter-panel .sf105-catalog-search .sf-search-submit{width:82px!important;min-width:82px!important;height:38px!important;min-height:38px!important;border-radius:10px!important;font-size:11px!important;box-shadow:none!important}
.sf120-filter-toggle{display:none;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 11px;border:1px solid #d9e3ef;border-radius:12px;background:#f8fbff;color:#27435f;font-size:11px;font-weight:950;white-space:nowrap}.sf120-filter-toggle b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#1769e8;color:#fff;font-size:9px}.sf120-filter-toggle i{font-size:15px;font-style:normal;transition:transform .16s ease}.sf120-filter-panel.is-mobile-open .sf120-filter-toggle i{transform:rotate(180deg)}
.sf120-filter-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:8px;align-items:stretch}
.sf120-filter-card{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;align-content:start!important;padding:8px 9px!important;border:1px solid #e2e9f2;border-radius:12px;background:#fbfdff}.sf120-filter-card>b{font-size:10px!important;color:#496079!important}.sf120-filter-card .sf105-filter-scroll{gap:5px!important;padding:0!important;margin:0!important}.sf120-filter-card .sf-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:33px!important;padding:0 10px!important;border-radius:9px!important;font-size:10.5px!important}.sf120-filter-card .sf-chip.is-active{background:#1769e8!important;border-color:#1769e8!important;color:#fff!important;box-shadow:none!important}
.sf120-budget-form{display:grid!important;grid-column:1/-1;grid-template-columns:minmax(240px,360px) 58px auto!important;justify-content:start;gap:6px!important;align-items:end!important;margin:0!important;padding:8px 9px!important;border:1px solid #e2e9f2!important;border-radius:12px!important;background:#fbfdff!important}.sf120-budget-form label>span{margin-bottom:4px!important;font-size:10px!important}.sf120-budget-form label>div{height:35px!important;border-radius:9px!important;background:#fff!important}.sf120-budget-form input{font-size:12px!important;padding-inline:8px!important}.sf120-budget-form em{padding-inline:7px!important;font-size:9px!important}.sf120-budget-form button,.sf120-budget-form>a{min-height:35px!important;height:35px!important;padding:0 9px!important;border-radius:9px!important;font-size:10px!important}.sf120-budget-form>a{white-space:nowrap!important}
.sf105-catalog{gap:9px!important}.sf105-catalog-head{padding:13px 16px!important;border-radius:16px!important}.sf105-catalog-head h1{font-size:23px!important}.sf105-catalog-head p{margin-top:2px!important;font-size:11px!important}.sf105-results-bar{margin-top:1px!important}

/* Public shipment tracking: one clear status, one compact route, then details. */
.sf120-track-page{display:grid;gap:10px;max-width:1060px;margin:14px auto 80px}.sf120-track-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px}.sf120-track-kicker{display:block;color:#2366cb;font-size:10px;font-weight:950}.sf120-track-title h1{margin:2px 0 0;color:#172d47;font-size:22px;line-height:1.45}.sf120-track-title p{margin:1px 0 0;color:#708096;font-size:11px}.sf120-track-status{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border-radius:999px;font-size:11px;font-weight:950}.sf120-track-status.is-info{background:#eaf2ff;color:#185ab9}.sf120-track-status.is-success{background:#eaf9f0;color:#0b7a4f}.sf120-track-status.is-danger{background:#fff0f2;color:#b53749}
.sf120-track-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid #dbe5f1;border-radius:18px;background:linear-gradient(135deg,#f5f9ff,#fff)}.sf120-track-hero.is-success{background:linear-gradient(135deg,#effaf4,#fff);border-color:#cfe8da}.sf120-track-hero.is-danger{background:linear-gradient(135deg,#fff4f5,#fff);border-color:#efd6da}.sf120-track-current small{display:block;color:#75869b;font-size:10px;font-weight:900}.sf120-track-current strong{display:block;margin:3px 0;color:#172f4b;font-size:20px;line-height:1.45}.sf120-track-current p{max-width:620px;margin:0;color:#62768f;font-size:12px;line-height:1.8}.sf120-waybill{display:grid;gap:2px;min-width:190px;padding:9px 11px;border:1px solid #d7e2ef;border-radius:13px;background:#fff;text-align:right;cursor:pointer}.sf120-waybill span,.sf120-waybill small{color:#74869b;font-size:9px}.sf120-waybill b{color:#173a61;font-size:14px;letter-spacing:.4px}
.sf120-track-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}.sf120-track-steps li{position:relative;display:flex;align-items:center;gap:8px;min-height:56px;padding:8px 10px;border:1px solid #e0e7f0;border-radius:13px;background:#fff;color:#728198}.sf120-track-steps li i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#f0f3f7;color:#8290a2;font-size:10px;font-style:normal;font-weight:950}.sf120-track-steps li b,.sf120-track-steps li small{display:block}.sf120-track-steps li b{color:#3f5066;font-size:11px}.sf120-track-steps li small{margin-top:1px;font-size:8.5px}.sf120-track-steps li.is-done{border-color:#d0eadb;background:#f7fcf9}.sf120-track-steps li.is-done i{background:#daf4e5;color:#08784e}.sf120-track-steps li.is-current{border-color:#b7cff4;background:#f5f9ff}.sf120-track-steps li.is-current i{background:#1769e8;color:#fff}.sf120-track-steps li.is-current b{color:#174f99}
.sf120-track-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.sf120-track-info article,.sf120-track-extras>div,.sf120-track-extras>a{min-width:0;padding:9px 11px;border:1px solid #e0e7f0;border-radius:12px;background:#fff}.sf120-track-info small,.sf120-track-extras small,.sf120-track-extras span{display:block;color:#7b899b;font-size:9px}.sf120-track-info b,.sf120-track-extras b{display:block;margin-top:2px;color:#263b56;font-size:11px;line-height:1.6}.sf120-track-info span{display:block;margin-top:2px;color:#6b7c91;font-size:9.5px;line-height:1.55}.sf120-track-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sf120-track-extras>a{text-decoration:none}.sf120-track-extras>a b{color:#1761bc}
.sf120-track-history{padding:12px 14px;border:1px solid #dce5ef;border-radius:16px;background:#fff}.sf120-track-history>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.sf120-track-history>header b,.sf120-track-history>header small{display:block}.sf120-track-history>header b{color:#203750;font-size:13px}.sf120-track-history>header small{margin-top:1px;color:#8592a3;font-size:9px}.sf120-track-history>header>span{padding:4px 7px;border-radius:99px;background:#f1f5fa;color:#63758b;font-size:9px;font-weight:900}.sf120-track-events{display:grid}.sf120-track-events article{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid #edf1f5}.sf120-track-events article:first-child{border-top:0}.sf120-track-events article>i{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#b7c2cf;box-shadow:0 0 0 4px #f2f5f8}.sf120-track-events article.is-latest>i{background:#1769e8;box-shadow:0 0 0 4px #e7f0ff}.sf120-track-events b{color:#30465f;font-size:11px}.sf120-track-events small{margin-right:6px;color:#8693a4;font-size:9px}.sf120-track-events p{margin:2px 0 0;color:#677a90;font-size:10px;line-height:1.65}.sf120-track-alert{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #efcfd5;border-radius:12px;background:#fff6f7;color:#a53b4a}.sf120-track-alert b{font-size:11px}.sf120-track-alert span{font-size:9.5px}.sf120-track-actions{display:flex;gap:7px;justify-content:flex-start}.sf120-track-actions a{min-height:40px!important;padding:0 14px!important;font-size:10.5px!important}

/* Public order page: override old micro-font mobile rules and make the next action obvious. */
.sf120-order-page{max-width:1080px!important;gap:8px!important}.sf120-order-page .sf75-journey{margin:0!important;padding:7px 10px!important;border-radius:12px!important;box-shadow:none!important}.sf120-order-page .sf75-order-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;margin:0!important;padding:12px 14px!important;border-radius:15px!important}.sf120-order-page .sf75-order-identity h1{font-size:19px!important}.sf120-order-page .sf75-order-identity small{font-size:10px!important}.sf120-order-page .sf75-order-amount{min-width:150px!important;text-align:left!important}.sf120-order-page .sf75-order-amount small{font-size:9px!important}.sf120-order-page .sf75-order-amount b{font-size:22px!important}.sf120-order-page .sf75-order-amount span{font-size:9px!important}.sf120-order-page .sf75-status{font-size:9px!important;padding:4px 7px!important}.sf120-order-page .sf75-status-note{padding:8px 10px!important;border-radius:11px!important}.sf120-order-page .sf75-status-note>span{font-size:11px!important;line-height:1.7!important}.sf120-order-page .sf75-finance,.sf120-order-page .sf107-finance-split{gap:7px!important;margin:0!important}.sf120-order-page .sf75-finance>div,.sf120-order-page .sf107-finance-split>div{padding:8px 9px!important;border-radius:11px!important}.sf120-order-page .sf75-finance small,.sf120-order-page .sf107-finance-split small{font-size:9px!important}.sf120-order-page .sf75-finance b,.sf120-order-page .sf107-finance-split b{font-size:13px!important}.sf120-order-page .sf75-finance span,.sf120-order-page .sf107-finance-split span{font-size:8px!important}.sf120-order-page .sf75-info-grid{gap:8px!important}.sf120-order-page .sf75-card{padding:10px!important;border-radius:14px!important}.sf120-order-page .sf75-card>header,.sf120-order-page .sf75-payment-head{padding:0 0 8px!important;margin:0 0 7px!important}.sf120-order-page .sf75-card>header b,.sf120-order-page .sf75-payment-head b{font-size:13px!important}.sf120-order-page .sf75-card>header small,.sf120-order-page .sf75-payment-head small{font-size:9px!important;line-height:1.6!important}.sf120-order-page .sf75-items{gap:5px!important}.sf120-order-page .sf75-items article{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;padding:7px 8px!important;border-radius:9px!important}.sf120-order-page .sf75-items article>div b{font-size:10.5px!important}.sf120-order-page .sf75-items article>div span{font-size:8.5px!important}.sf120-order-page .sf75-items p{display:grid!important;justify-items:end!important;gap:1px!important;margin:0!important}.sf120-order-page .sf75-items p strong{font-size:9px!important}.sf120-order-page .sf75-items p b{font-size:10px!important}.sf120-order-page .sf75-delivery-rows{gap:5px!important}.sf120-order-page .sf75-delivery-rows>div{padding:7px 8px!important;border-radius:9px!important}.sf120-order-page .sf75-delivery-rows small{font-size:8.5px!important}.sf120-order-page .sf75-delivery-rows b{font-size:10px!important}.sf120-order-page .sf75-delivery-rows span,.sf120-order-page .sf75-delivery-rows a{font-size:8.5px!important}.sf120-order-page .p100-order-share{padding:7px 9px!important}.sf120-order-page .p100-order-share b{font-size:10px!important}.sf120-order-page .p100-order-share button{min-height:32px!important;font-size:9.5px!important}.sf120-order-page .sf75-payment-jump{min-height:44px!important;padding:7px 10px!important}.sf120-order-page .sf75-payment-jump b{font-size:11px!important}.sf120-order-page .sf75-payment-jump small{font-size:9px!important}.sf120-order-page .sf75-payments-history article{padding:7px 8px!important}.sf120-order-page .sf75-payments-history article>div b,.sf120-order-page .sf75-payments-history article>strong{font-size:10px!important}.sf120-order-page .sf75-payments-history article>div small{font-size:8.5px!important}.sf120-order-page .sf75-field>span{font-size:10px!important}.sf120-order-page .sf75-field input,.sf120-order-page .sf75-field select,.sf120-order-page .sf75-readonly-money{height:40px!important;border-radius:10px!important;font-size:12px!important}.sf120-order-page .sf75-field>small{font-size:8.5px!important}.sf120-order-page .sf75-payment-submit{min-height:43px!important;font-size:11px!important}

/* Initial credential note is important enough to be visible but not alarming. */
.ca66-first-login strong{color:#184f98;font-weight:950}.ca-panel[data-auth-panel="password"] .ca64-step-intro small{line-height:1.85}

@media(max-width:720px){
 .sf105-catalog{padding-top:7px!important;gap:7px!important}.sf105-catalog-head{padding:9px 11px!important;border-radius:13px!important}.sf105-catalog-head h1{font-size:17px!important}.sf105-catalog-head p{font-size:9.5px!important;line-height:1.55!important}.sf-catalog-eyebrow{font-size:9px!important;margin-bottom:2px!important}.sf105-clear-all{min-height:30px!important;font-size:9px!important}
 .sf120-filter-panel{padding:7px!important;gap:7px!important;border-radius:13px!important}.sf120-filter-top{grid-template-columns:minmax(0,1fr) 82px;gap:6px}.sf120-filter-toggle{display:flex;min-height:44px}.sf120-filter-panel .sf105-catalog-search{height:44px!important;min-height:44px!important;grid-template-columns:18px minmax(0,1fr) 28px 58px!important;gap:4px!important;padding:2px 4px 2px 8px!important;border-radius:11px!important}.sf120-filter-panel .sf105-catalog-search>#sf-catalog-search{height:38px!important;font-size:16px!important}.sf120-filter-panel .sf105-catalog-search .sf-search-clear{width:27px!important;min-width:27px!important;height:27px!important}.sf120-filter-panel .sf105-catalog-search .sf-search-submit{width:58px!important;min-width:58px!important;height:36px!important;min-height:36px!important;padding:0 5px!important;font-size:9px!important}
 .sf120-filter-body{display:none;grid-template-columns:1fr;gap:6px}.sf120-filter-panel.is-mobile-open .sf120-filter-body{display:grid}.sf120-filter-card{padding:7px!important}.sf120-filter-card .sf105-filter-scroll{overflow-x:auto;flex-wrap:nowrap!important}.sf120-filter-card .sf-chip{flex:0 0 auto;min-height:32px!important;padding-inline:9px!important;font-size:10px!important}.sf120-budget-form{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 58px auto!important;justify-content:stretch;padding:7px!important}.sf120-budget-form label>div{height:34px!important}.sf120-budget-form input{font-size:16px!important}.sf120-budget-form button,.sf120-budget-form>a{height:34px!important;min-height:34px!important;font-size:9px!important}.sf105-results-bar span{max-width:62%;text-align:left}

 .sf120-track-page{gap:7px;margin:8px auto 86px;padding-inline:10px!important}.sf120-track-top{align-items:flex-start}.sf120-track-title h1{font-size:16px}.sf120-track-title p{font-size:9px}.sf120-track-kicker{font-size:8.5px}.sf120-track-status{min-height:28px;padding:0 8px;font-size:9px}.sf120-track-hero{grid-template-columns:1fr;gap:8px;padding:11px 12px;border-radius:14px}.sf120-track-current small{font-size:8.5px}.sf120-track-current strong{font-size:17px}.sf120-track-current p{font-size:10px;line-height:1.7}.sf120-waybill{width:100%;min-width:0;padding:7px 9px;grid-template-columns:1fr auto;align-items:center}.sf120-waybill span{font-size:8.5px}.sf120-waybill b{font-size:12px}.sf120-waybill small{grid-column:1/-1;font-size:7.5px}.sf120-track-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.sf120-track-steps li{min-height:46px;padding:6px 7px;border-radius:10px}.sf120-track-steps li i{flex-basis:23px;width:23px;height:23px;border-radius:7px;font-size:8px}.sf120-track-steps li b{font-size:9px}.sf120-track-steps li small{font-size:7px}.sf120-track-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.sf120-track-info article,.sf120-track-extras>div,.sf120-track-extras>a{padding:7px 8px;border-radius:10px}.sf120-track-info small,.sf120-track-extras small,.sf120-track-extras span{font-size:7.5px}.sf120-track-info b,.sf120-track-extras b{font-size:9.5px}.sf120-track-info span{font-size:8px}.sf120-track-extras{gap:5px}.sf120-track-history{padding:9px 10px;border-radius:13px}.sf120-track-history>header b{font-size:11px}.sf120-track-history>header small,.sf120-track-history>header>span{font-size:7.5px}.sf120-track-events article{padding:6px 0}.sf120-track-events b{font-size:9.5px}.sf120-track-events small{font-size:7.5px}.sf120-track-events p{font-size:8.5px}.sf120-track-alert{display:grid;padding:8px 9px}.sf120-track-alert b{font-size:9.5px}.sf120-track-alert span{font-size:8px}.sf120-track-actions{display:grid;grid-template-columns:1fr 1fr}.sf120-track-actions a{min-height:38px!important;padding:0 8px!important;font-size:9px!important}

 .sf120-order-page{padding-inline:10px!important;padding-top:7px!important;padding-bottom:92px!important;gap:6px!important}.sf120-order-page .sf75-journey{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;padding:5px!important}.sf120-order-page .sf75-journey>em{display:none!important}.sf120-order-page .sf75-journey>div{justify-content:center!important;gap:3px!important;min-width:0!important}.sf120-order-page .sf75-journey i{width:19px!important;height:19px!important;font-size:7px!important}.sf120-order-page .sf75-journey span{font-size:9px!important;overflow:hidden;text-overflow:ellipsis}.sf120-order-page .sf75-order-hero{grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;padding:8px 9px!important;border-radius:11px!important}.sf120-order-page .sf75-order-identity h1{font-size:13px!important;margin-top:2px!important}.sf120-order-page .sf75-order-identity small{font-size:9px!important}.sf120-order-page .sf75-status{font-size:8.5px!important;padding:2px 5px!important}.sf120-order-page .sf75-order-amount{min-width:90px!important}.sf120-order-page .sf75-order-amount small{font-size:8.5px!important}.sf120-order-page .sf75-order-amount b{font-size:15px!important}.sf120-order-page .sf75-order-amount span{font-size:8px!important}.sf120-order-page .sf75-status-note{padding:6px 7px!important}.sf120-order-page .sf75-status-note>span{font-size:9px!important;line-height:1.6!important}.sf120-order-page .sf75-finance{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}.sf120-order-page .sf75-finance>div{padding:6px 4px!important}.sf120-order-page .sf75-finance small{font-size:8px!important}.sf120-order-page .sf75-finance b{font-size:10px!important}.sf120-order-page .sf75-finance span{font-size:7.5px!important}.sf120-order-page .sf107-finance-split{display:flex!important;gap:4px!important;overflow-x:auto!important;padding-bottom:1px!important;scrollbar-width:none}.sf120-order-page .sf107-finance-split>div{flex:0 0 145px!important;padding:6px 7px!important}.sf120-order-page .sf107-finance-split small{font-size:8px!important}.sf120-order-page .sf107-finance-split b{font-size:9px!important}.sf120-order-page .sf107-finance-split span{font-size:7.5px!important}.sf120-order-page .sf75-info-grid{grid-template-columns:1fr!important;gap:6px!important}.sf120-order-page .sf75-card{padding:8px!important;border-radius:11px!important}.sf120-order-page .sf75-card>header,.sf120-order-page .sf75-payment-head{padding:0 0 6px!important;margin-bottom:5px!important}.sf120-order-page .sf75-card>header b,.sf120-order-page .sf75-payment-head b{font-size:10.5px!important}.sf120-order-page .sf75-card>header small,.sf120-order-page .sf75-payment-head small{font-size:8.5px!important}.sf120-order-page .sf75-items article{padding:6px!important}.sf120-order-page .sf75-items article>div b{font-size:9px!important}.sf120-order-page .sf75-items article>div span{font-size:8px!important}.sf120-order-page .sf75-items p strong{font-size:8.5px!important}.sf120-order-page .sf75-items p b{font-size:8.5px!important}.sf120-order-page .sf75-delivery-rows>div{padding:6px!important}.sf120-order-page .sf75-delivery-rows small{font-size:8px!important}.sf120-order-page .sf75-delivery-rows b{font-size:8.5px!important}.sf120-order-page .sf75-delivery-rows span,.sf120-order-page .sf75-delivery-rows a{font-size:8px!important}.sf120-order-page .p100-order-share{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}.sf120-order-page .p100-order-share>div:last-child{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}.sf120-order-page .sf75-payments-history article{grid-template-columns:minmax(0,1fr) auto auto!important;gap:5px!important}.sf120-order-page .sf75-payment-form{gap:6px!important}.sf120-order-page .sf75-field>span{font-size:9px!important}.sf120-order-page .sf75-field input,.sf120-order-page .sf75-field select,.sf120-order-page .sf75-readonly-money{height:38px!important;font-size:12px!important}.sf120-order-page .sf75-field>small{font-size:8.5px!important;line-height:1.6!important}.sf120-order-page .sf75-payment-submit{min-height:42px!important;font-size:10px!important}
}


/* === admin-phase122.css === */
/* Phase 122 — /admin/products More-menu stacking repair. */
body.route-admin-products .product-listing-v3,
body.route-admin-products .product-compact-grid,
body.route-admin-products [data-view-panel="cards"]{
  overflow:visible!important;
}
body.route-admin-products .product-compact-card{
  position:relative!important;
  z-index:0!important;
}
body.route-admin-products .product-compact-card.royan-actions-open{
  z-index:1200!important;
  overflow:visible!important;
}
body.route-admin-products .product-compact-actions,
body.route-admin-products .td-actions,
body.route-admin-products .royan-more-actions{
  position:relative!important;
  overflow:visible!important;
}
body.route-admin-products .royan-more-actions[open]{
  z-index:1201!important;
}
body.route-admin-products .royan-more-actions-panel{
  z-index:1202!important;
}
body.route-admin-products .product-table-shell.royan-actions-menu-open{
  overflow:visible!important;
}
body.route-admin-products .product-dense-table tbody tr{
  position:relative!important;
  z-index:0;
}
body.route-admin-products .product-dense-table tbody tr.royan-actions-open{
  z-index:1200!important;
}
@media(max-width:900px){
  body.route-admin-products .product-compact-card.royan-actions-open{
    overflow:visible!important;
  }
  body.route-admin-products .royan-more-actions-panel{
    z-index:12050!important;
  }
}