:root{
  --flipper-orange:#FF8200;
  --navy:#17324a;--navy-2:#214560;--navy-3:#0f2639;
  --orange:#f49a45;--orange-dark:#df7d26;
  --bg:#eef2f5;--panel:#ffffff;--soft:#f7f9fb;--line:#dce3e8;
  --text:#1a2732;--muted:#74818d;--green:#2e9b62;--red:#bf4f4f;
  --shadow:0 8px 28px rgba(35,55,72,.07)
}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--text)}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}
button,input,select{font:inherit}
button{cursor:pointer}
.topbar{background:linear-gradient(135deg,var(--navy-3),var(--navy));color:white;position:sticky;top:0;z-index:50;box-shadow:0 3px 18px rgba(7,27,43,.18)}
.topbar-inner{height:76px;width:min(1280px,94vw);margin:auto;display:grid;grid-template-columns:auto minmax(320px,1fr) auto;align-items:center;gap:24px}
.logo{text-decoration:none;display:flex;align-items:baseline;gap:3px;color:white;font-weight:950;letter-spacing:-1.2px}.logo-main{font-size:21px}.logo-ai{font-size:21px;color:var(--orange)}
.header-actions{display:flex;align-items:center;gap:8px}.header-actions>button{border:0;background:transparent;color:#d8e2ea;padding:10px}
.header-vehicle{
  display:flex!important;align-items:center;gap:8px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.07)!important;
  border-radius:10px!important;padding:7px 10px!important;max-width:260px
}
.header-vehicle[hidden]{display:none!important}
.header-vehicle>span{
  min-width:34px;height:28px;padding:0 7px;border-radius:7px;
  display:grid;place-items:center;background:rgba(255,255,255,.12);
  font-size:9px;font-weight:950;letter-spacing:.04em;color:#fff
}
.header-vehicle>b{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:11px;color:#fff
}
.cart-pill{border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.08)!important;border-radius:10px}.cart-pill b{display:inline-grid;place-items:center;background:var(--orange);color:white;border-radius:999px;min-width:20px;height:20px;margin-left:5px;font-size:11px}
main{width:min(1280px,94vw);margin:auto;padding:34px 0 110px}.view{display:none}.view.active{display:block}
.home-shell{padding:34px 0}.hero-copy{max-width:900px}.eyebrow{display:block;font-size:11px;letter-spacing:.14em;color:#778692;font-weight:850;margin-bottom:12px}.hero-copy h1{font-size:clamp(44px,6.3vw,82px);line-height:.98;letter-spacing:-.055em;margin:0 0 22px;color:var(--navy-3)}.hero-copy h1 span{color:#6c7d8b}.hero-copy p{font-size:18px;color:#6d7b87;line-height:1.6;max-width:720px}
.hero-search{display:flex;max-width:900px;background:white;border:1px solid #cfd8df;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);margin-top:28px}.hero-search input{flex:1;border:0;outline:0;padding:17px 18px;font-size:16px}.hero-search button{border:0;background:var(--navy);color:white;font-weight:800;padding:0 22px}
.quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.quick button{background:white;border:1px solid #d4dde4;color:#586875;border-radius:999px;padding:8px 11px;font-size:12px}
.home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:52px}.home-card{min-height:150px;text-align:left;border:1px solid var(--line);background:white;border-radius:14px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 5px 18px rgba(30,53,72,.04)}.home-card:hover{border-color:#bcc9d3;transform:translateY(-1px)}.card-kicker{font-size:10px;letter-spacing:.12em;color:var(--orange-dark);font-weight:900;margin-bottom:auto}.home-card strong{font-size:19px;color:var(--navy-3)}.home-card small{color:#7e8b96;margin-top:7px}
.breadcrumbs{font-size:12px;color:#8a96a0;margin:2px 0 20px}.breadcrumbs span{padding:0 7px;color:#aab3bb}.breadcrumbs b{color:#596a77}
.product-head{display:flex;justify-content:space-between;align-items:end;gap:24px;background:white;border:1px solid var(--line);border-radius:14px;padding:24px 26px;box-shadow:var(--shadow)}.product-head h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;color:var(--navy-3);margin:0 0 6px}.product-head p{margin:0;color:#7a8894}.product-stat{min-width:110px;text-align:right}.product-stat b{display:block;font-size:30px;color:var(--navy)}.product-stat span{font-size:12px;color:#8c98a2}
.catalog-toolbar{background:white;border:1px solid var(--line);border-radius:14px;margin-top:12px;padding:14px;box-shadow:var(--shadow)}.catalog-search{display:flex;border:1px solid #cfd8df;border-radius:9px;overflow:hidden}.catalog-search input{flex:1;border:0;outline:0;padding:13px 14px}.catalog-search button{border:0;background:var(--navy);color:white;font-weight:800;padding:0 24px}.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.filters{display:flex;gap:7px;overflow:auto}.filters button{white-space:nowrap;border:1px solid #d6dfe6;background:#f8fafb;color:#667784;border-radius:8px;padding:8px 10px}.filters button.active{background:#eaf0f4;border-color:#b9c8d3;color:var(--navy);font-weight:800}.sort-select{border:1px solid #d5dee5;background:white;color:#5c6b77;border-radius:8px;padding:8px 10px}
.catalog-group{margin-top:18px}.group-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 2px 9px}.group-head h3{margin:4px 0 0;font-size:21px;color:var(--navy-3)}.group-label{display:inline-block;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:900;letter-spacing:.08em}.group-label.exact{background:#e5f2e9;color:#278052}.group-label.analog{background:#fff0df;color:#b76a23}.group-note{font-size:11px;color:#8b98a2}
.offer-table{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.offer-table-head,.offer-row{display:grid;grid-template-columns:minmax(280px,2fr) 105px 90px 90px 120px 150px;align-items:center;column-gap:10px}.offer-table-head{background:#f5f8fa;border-bottom:1px solid var(--line);padding:10px 14px;color:#80909c;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.offer-row{padding:13px 14px;border-bottom:1px solid #edf1f3}.offer-row:last-child{border-bottom:0}.offer-row:hover{background:#fbfcfd}.part-main{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center}.brand-box{height:42px;border:1px solid #dbe3e8;border-radius:8px;background:#f7f9fa;display:grid;place-items:center;font-weight:900;color:#61717d;font-size:11px}.part-main b{display:block;color:var(--navy-3);font-size:14px}.part-main small{display:block;color:#7d8994;margin-top:4px}.part-main .article{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#566876}.warehouse{font-size:12px;color:#526572}.warehouse small{display:block;color:#98a3ab}.term{font-weight:800;color:#3f5667}.term.fast{color:var(--green)}.stock{font-weight:800}.stock.low{color:#b47333}.price{font-size:16px;font-weight:900;color:var(--navy-3);white-space:nowrap}.buy-cell{display:flex;align-items:center;justify-content:flex-end;gap:7px}.qty{display:grid;grid-template-columns:28px 30px 28px;border:1px solid #d0d9df;border-radius:8px;overflow:hidden;background:white}.qty button{border:0;background:#f3f6f8;color:#61717d}.qty span{display:grid;place-items:center;font-size:12px}.add-btn{border:0;background:var(--navy);color:white;border-radius:8px;padding:9px 11px;font-weight:800}.add-btn:hover{background:var(--navy-2)}.add-btn.added{background:var(--green)}
.page-simple-head{max-width:760px;margin-bottom:24px}.page-simple-head h2{font-size:52px;letter-spacing:-.05em;color:var(--navy-3);margin:0 0 10px}.page-simple-head p{color:#7a8792;line-height:1.6}
.garage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.garage-card{border:1px solid var(--line);background:white;border-radius:14px;padding:26px;color:var(--text);text-align:left;box-shadow:var(--shadow)}.garage-card h3{font-size:30px;color:var(--navy-3);margin:34px 0 6px}.garage-card p{color:#7b8893}.garage-card dl{margin:22px 0}.garage-card dl div{display:flex;justify-content:space-between;border-top:1px solid #edf1f3;padding:9px 0}.garage-card dt{color:#8b98a2}.garage-card dd{margin:0;color:#526472}.garage-chip{font-size:10px;color:var(--orange-dark);font-weight:900;letter-spacing:.1em}.add-card{display:flex;flex-direction:column;justify-content:flex-end}.add-card h3{margin:10px 0 6px}.plus{font-size:40px;color:#8b98a2}.primary{border:0;background:var(--navy);color:white;border-radius:9px;padding:12px 15px;font-weight:800}
.orders-list{display:grid;gap:10px}.order-row{display:flex;justify-content:space-between;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:18px 20px}.order-row small,.order-row span{color:#8a97a1}.order-row b{display:block;margin-top:5px;color:var(--navy-3)}.order-row>div:last-child{text-align:right}.status{display:inline-block;margin-left:10px;background:#e3f2e9;color:#287b50;border-radius:999px;padding:7px 10px;font-size:11px}.status.gray{background:#edf1f4;color:#6f7e89}.muted-row{opacity:.72}
.mobile-nav{display:none}
.drawer-backdrop{position:fixed;inset:0;background:rgba(12,30,44,.45);opacity:0;pointer-events:none;transition:.2s;z-index:70}.drawer-backdrop.show{opacity:1;pointer-events:auto}
.cart-drawer{position:fixed;top:0;right:0;width:min(500px,100%);height:100dvh;background:#f7f9fb;transform:translateX(100%);transition:.24s ease;z-index:80;box-shadow:-16px 0 40px rgba(20,42,59,.2);display:flex;flex-direction:column}.cart-drawer.open{transform:none}.drawer-head{padding:24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;background:white}.drawer-head h2{font-size:34px;color:var(--navy-3);margin:0;letter-spacing:-.04em}.close{border:0;background:transparent;color:#778692;font-size:34px;line-height:1}.cart-items{padding:14px;display:grid;gap:9px;overflow:auto}.cart-row{background:white;border:1px solid var(--line);border-radius:11px;padding:15px}.cart-row-top{display:flex;justify-content:space-between;gap:14px}.cart-row small{color:#8a97a1}.cart-row h4{margin:4px 0;color:var(--navy-3)}.cart-row-meta{color:#788792;font-size:12px}.cart-row-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;border-top:1px solid #edf1f3;padding-top:11px}.remove-btn{border:0;background:transparent;color:#8c98a2;padding:0}.cart-summary{margin-top:auto;background:white;border-top:1px solid var(--line);padding:20px 22px}.summary-line{display:flex;justify-content:space-between;color:#6f7e89;margin-bottom:8px}.summary-line.total{align-items:end;margin-top:10px;color:var(--navy-3)}.summary-line.total strong{font-size:30px}.cart-summary p{color:#82909b;font-size:12px;line-height:1.5}.wide{width:100%}
@media(max-width:900px){.topbar-inner{grid-template-columns:auto 1fr auto}.header-actions>button:not(.cart-pill){display:none}.offer-table-head{display:none}.offer-row{grid-template-columns:1fr 100px 110px;row-gap:10px}.offer-row>.warehouse,.offer-row>.stock{display:none}.offer-row>.term{grid-column:2}.offer-row>.price{grid-column:2}.offer-row>.buy-cell{grid-column:3;grid-row:1/3}.home-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar-inner{height:auto;padding:10px 0;grid-template-columns:auto auto;gap:10px}.header-actions{justify-self:end}.cart-pill{padding:8px 10px!important}.cart-pill{font-size:0}.cart-pill b{font-size:11px;margin:0}main{width:auto;padding:18px 12px 96px}.hero-copy h1{font-size:45px}.hero-copy p{font-size:16px}.hero-search{flex-direction:column;border-radius:10px}.hero-search input{width:100%}.hero-search button{width:100%;padding:13px}.home-grid{grid-template-columns:1fr}.product-head{align-items:flex-start;padding:18px}.product-head h2{font-size:33px}.product-stat{display:none}.toolbar-row{align-items:flex-start;flex-direction:column}.sort-select{width:100%}.group-head{align-items:flex-start;flex-direction:column}.group-note{display:none}.offer-table{border-radius:10px}.offer-row{grid-template-columns:1fr;gap:11px;padding:15px}.offer-row>.term,.offer-row>.price,.offer-row>.buy-cell{grid-column:auto;grid-row:auto}.offer-row>.term{border-top:1px solid #edf1f3;padding-top:10px}.offer-row>.price{font-size:19px}.buy-cell{justify-content:space-between}.garage-grid{grid-template-columns:1fr}.page-simple-head h2{font-size:40px}.mobile-nav{display:flex;position:fixed;left:9px;right:9px;bottom:9px;height:58px;background:var(--navy-3);border-radius:14px;z-index:60;align-items:center;justify-content:space-around;box-shadow:0 8px 24px rgba(12,30,44,.22)}.mobile-nav button{border:0;background:transparent;color:#dce5eb;font-size:12px}.mobile-nav b{color:var(--orange)}.cart-drawer{padding-bottom:72px}}
/* Welcome page */
.welcome{padding:22px 0 8px}
.welcome-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);gap:18px;align-items:stretch}
.welcome-copy{background:linear-gradient(135deg,#f9fbfc,#eef3f6);border:1px solid var(--line);border-radius:18px;padding:42px;box-shadow:var(--shadow)}
.welcome-kicker{display:inline-block;font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--orange-dark);margin-bottom:18px}
.welcome-copy h1{font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.055em;color:var(--navy-3);margin:0 0 22px}
.welcome-copy p{font-size:18px;line-height:1.6;color:#6c7b87;max-width:690px;margin:0 0 28px}
.welcome-actions{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap}
.secondary-action,.ghost-action{border-radius:9px;padding:11px 14px;font-weight:800}
.secondary-action{border:1px solid #b8c7d2;background:white;color:var(--navy)}
.ghost-action{border:1px solid transparent;background:transparent;color:#687985}
.welcome-panel{background:linear-gradient(160deg,var(--navy-3),var(--navy-2));color:white;border-radius:18px;padding:28px;box-shadow:var(--shadow)}
.welcome-panel-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:18px;margin-bottom:5px}
.welcome-panel-top span{color:#c7d6e0}.welcome-panel-top b{color:var(--orange)}
.step-row{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.step-row:last-child{border-bottom:0}.step-row>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);color:#a9bed0;font-weight:900}
.step-row b,.step-row small{display:block}.step-row small{color:#9fb1bf;margin-top:4px;line-height:1.35}
.welcome-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.welcome-strip>div{background:white;border:1px solid var(--line);border-radius:12px;padding:16px}
.welcome-strip b,.welcome-strip span{display:block}.welcome-strip b{font-size:14px;color:var(--navy-3)}.welcome-strip span{font-size:12px;color:#8996a1;margin-top:5px;line-height:1.4}
.welcome-section-title{margin-top:34px}
.cabinet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.cabinet-card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow)}
.cabinet-card small{color:var(--orange-dark);font-weight:900;letter-spacing:.08em}.cabinet-card h3{font-size:24px;color:var(--navy-3);margin:28px 0 7px}.cabinet-card p{color:#7c8994;line-height:1.5}.cabinet-card button{border:1px solid #ccd7df;background:#f9fbfc;color:var(--navy);border-radius:8px;padding:10px 12px;font-weight:800}
@media(max-width:900px){.welcome-main{grid-template-columns:1fr}.welcome-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.welcome-copy{padding:26px 20px}.welcome-copy h1{font-size:46px}.welcome-panel{padding:22px 18px}.welcome-strip{grid-template-columns:1fr}.cabinet-grid{grid-template-columns:1fr}}

/* AI-first welcome */
.ai-home{padding:34px 0 18px}
.ai-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,#f7fafc 0%,#edf4f8 55%,#e5eef4 100%);
  border:1px solid #d5e0e7;border-radius:22px;padding:48px;
  box-shadow:0 18px 60px rgba(31,55,74,.08)
}
.ai-hero:after{
  content:"";position:absolute;width:340px;height:340px;border-radius:50%;
  right:-110px;top:-150px;background:radial-gradient(circle,rgba(244,154,69,.22),rgba(244,154,69,0) 68%);
  pointer-events:none
}
.ai-badge{
  display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;
  background:#fff;border:1px solid #dbe5eb;color:#5c6d79;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase
}
.ai-hero h1{
  max-width:900px;font-size:clamp(48px,7vw,92px);line-height:.95;letter-spacing:-.06em;
  color:var(--navy-3);margin:22px 0 22px
}
.ai-hero>p{max-width:780px;color:#667884;font-size:19px;line-height:1.65;margin:0}
.ai-search{
  margin-top:34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;
  max-width:1040px
}
.ai-input-wrap{
  display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid #cbd8e1;
  border-radius:14px;padding:13px 14px;box-shadow:0 6px 20px rgba(36,57,74,.05)
}
.ai-spark{font-size:18px;color:var(--orange-dark);line-height:26px}
.ai-input-wrap textarea{
  flex:1;border:0;outline:0;resize:none;min-height:28px;max-height:120px;
  color:var(--text);font-size:16px;line-height:1.5;background:transparent
}
.ai-search>button{
  border:0;border-radius:14px;background:var(--navy);color:#fff;font-weight:900;
  padding:0 26px;min-height:58px
}
.ai-search>button:hover{background:var(--navy-2)}
.ai-examples{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}
.ai-examples>span{font-size:12px;color:#8896a1}
.ai-examples button{
  border:1px solid #d3dee6;background:rgba(255,255,255,.72);color:#60717e;
  border-radius:999px;padding:8px 10px;font-size:12px
}
.ai-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.ai-capabilities article{
  display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)
}
.ai-capabilities article>span{
  width:34px;height:34px;display:grid;place-items:center;border-radius:10px;
  background:#edf3f7;color:var(--navy);font-weight:900;font-size:11px
}
.ai-capabilities b{display:block;color:var(--navy-3);font-size:15px}
.ai-capabilities p{margin:6px 0 0;color:#82909b;line-height:1.45;font-size:13px}
.ai-footer-note{
  margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;
  border:1px solid #dbe3e9;border-radius:14px;padding:18px 20px;background:#f8fafb
}
.ai-footer-note strong{color:#52636f;font-size:14px}
.ai-footer-note button{border:0;background:transparent;color:var(--navy);font-weight:800}
@media(max-width:800px){.ai-hero{padding:28px 20px}.ai-hero h1{font-size:48px}.ai-hero>p{font-size:16px}.ai-search{grid-template-columns:1fr}.ai-search>button{min-height:50px}.ai-capabilities{grid-template-columns:1fr}.ai-footer-note{align-items:flex-start;flex-direction:column}}

/* Mobile catalog rework — professional information density */
html,body,.app{max-width:100%;overflow-x:hidden}
*{min-width:0}
.back-link{border:0;background:transparent;color:#687986;font-weight:800;padding:4px 0 12px}
.pg-product-card{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;box-shadow:var(--shadow)}
.pg-product-card h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.04em;color:var(--navy-3);margin:0 0 6px}
.pg-product-card p{margin:0;color:#798792}
.pg-product-count{text-align:right}.pg-product-count b{display:block;font-size:28px;color:var(--navy)}.pg-product-count span{font-size:11px;color:#8996a1}
.pg-search{margin-top:10px;background:#fff}
.pg-best{margin-top:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow)}
.pg-best-kicker{font-size:12px;font-weight:900;color:#2f7b9a;margin-bottom:14px}
.pg-best-main{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.pg-best-main b{display:block;font-size:17px;color:var(--navy-3)}.pg-best-main small{display:block;color:#85929c;margin-top:4px}
.pg-best-main strong{font-size:24px;white-space:nowrap;color:#263947}
.pg-best-bottom{margin-top:16px;padding-top:14px;border-top:1px solid #edf1f3;display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}
.pg-best-bottom div small,.pg-best-bottom div b{display:block}.pg-best-bottom div small{font-size:11px;color:#8b97a0}.pg-best-bottom div b{margin-top:3px;color:#425968}
.pg-best-bottom button{border:0;border-radius:8px;background:var(--navy);color:#fff;font-weight:800;padding:11px 16px}
.pg-disclaimer{margin:10px 0 12px;color:#6f7e89;font-size:12px;line-height:1.5}
.pg-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 14px}
.pg-filters{margin:0;flex:1}.pg-list-section{margin-top:16px}
.pg-section-title{display:flex;align-items:center;gap:10px;margin:0 2px 8px}.pg-section-title h3{font-size:18px;color:var(--navy-3);margin:0}
.pg-results{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}
.pg-offer-row{display:grid;grid-template-columns:minmax(280px,1.7fr) 100px 90px 90px 110px 140px;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid #edf1f3}
.pg-offer-row:last-child{border-bottom:0}.pg-offer-row:hover{background:#fbfcfd}
.pg-part{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center}.pg-brand{width:38px;height:38px;border:1px solid #dbe3e8;border-radius:7px;display:grid;place-items:center;background:#f7f9fa;color:#60717d;font-size:10px;font-weight:900}
.pg-part b{display:block;font-size:14px;color:var(--navy-3)}.pg-part small{display:block;color:#7d8994;margin-top:3px}.pg-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#526472}
.pg-cell small{display:block;font-size:10px;color:#98a3ab;margin-bottom:3px}.pg-cell b{font-size:13px;color:#435b6b}.pg-cell.fast b{color:var(--green)}.pg-price{font-size:16px;font-weight:900;color:#253a49;white-space:nowrap}
.pg-buy{display:flex;justify-content:flex-end;gap:6px;align-items:center}.pg-qty{display:grid;grid-template-columns:26px 28px 26px;border:1px solid #d3dce2;border-radius:7px;overflow:hidden}.pg-qty button{border:0;background:#f1f4f6;color:#60717d}.pg-qty span{display:grid;place-items:center;font-size:12px}.pg-add{border:0;background:var(--navy);color:#fff;border-radius:7px;padding:9px 10px;font-weight:800}.pg-add.added{background:var(--green)}

@media(max-width:680px){
  body{background:#edf2f5}
  .topbar{position:sticky;top:0}
  .topbar-inner{width:100%;padding:10px 12px}
  main{width:100%;padding:14px 12px 40px}
        .pg-product-card{padding:16px;align-items:flex-start}
  .pg-product-card h2{font-size:30px;line-height:1.02}
  .pg-product-count{display:none}
  .pg-search{margin-top:8px}
  .pg-best{padding:16px}
  .pg-best-main strong{font-size:21px}
  .pg-best-bottom{grid-template-columns:1fr 1fr;gap:10px}
  .pg-best-bottom button{grid-column:1/3;width:100%}
  .pg-controls{display:block}
  .pg-filters{display:flex;overflow-x:auto;gap:7px;padding-bottom:3px;scrollbar-width:none}
  .pg-filters::-webkit-scrollbar{display:none}
  .sort-select{width:100%;margin-top:8px}
  .pg-section-title{margin-top:14px}
  .pg-results{border-radius:8px}
  .pg-offer-row{
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:
      "part price"
      "meta buy";
    gap:10px 12px;
    padding:13px 12px
  }
  .pg-part{grid-area:part;grid-template-columns:32px 1fr}
  .pg-brand{width:32px;height:32px;font-size:9px}
  .pg-part b{font-size:13px;line-height:1.25}
  .pg-part small{font-size:11px}
  .pg-offer-row>.pg-cell.warehouse{display:none}
  .pg-meta-mobile{grid-area:meta;display:flex!important;gap:14px;align-items:center}
  .pg-meta-mobile span{font-size:11px;color:#6f7e89}
  .pg-meta-mobile b{color:#405867}
  .pg-price{grid-area:price;align-self:start;font-size:16px;text-align:right}
  .pg-buy{grid-area:buy;justify-self:end}
  .pg-qty{display:none}
  .pg-add{padding:9px 11px}
  .group-label{font-size:9px}
  .pg-section-title h3{font-size:16px}
  .drawer-head{padding:18px}.cart-drawer{padding-bottom:0}
}

/* One-search header: logo + actions only */
.topbar-inner{grid-template-columns:auto 1fr}
.header-actions{justify-self:end}
@media(max-width:680px){
  .topbar-inner{grid-template-columns:auto 1fr!important;height:62px!important;padding:0 12px!important}
  .header-actions{grid-column:auto!important;grid-row:auto!important}
}

/* Restored bottom mobile navigation */
.mobile-nav{display:none}
@media(max-width:680px){
  main{padding-bottom:96px}
  .mobile-nav{
    display:flex;
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    height:62px;
    align-items:center;
    justify-content:space-around;
    background:var(--navy-3);
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    box-shadow:0 10px 28px rgba(12,30,44,.28);
    z-index:65;
    padding-bottom:env(safe-area-inset-bottom)
  }
  .mobile-nav button{
    border:0;
    background:transparent;
    color:#dce5eb;
    font-size:12px;
    font-weight:700;
    padding:12px 8px
  }
  .mobile-nav b{color:var(--orange)}
  .cart-drawer{padding-bottom:88px}
}

/* Minimal ZapFormat landing */
.minimal-home{
  min-height:calc(100dvh - 150px);
  display:grid;
  place-items:center;
  padding:8vh 0 12vh;
}
.minimal-hero{
  width:min(900px,100%);
  text-align:center;
}
.minimal-kicker{
  display:inline-block;
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  color:var(--orange-dark);
  margin-bottom:22px;
}
.minimal-hero h1{
  margin:0;
  color:var(--navy-3);
  font-size:clamp(52px,8vw,96px);
  line-height:.92;
  letter-spacing:-.065em;
}
.minimal-hero>p{
  margin:24px auto 0;
  color:#73828e;
  font-size:18px;
  line-height:1.5;
}
.minimal-search{
  margin:34px auto 0;
  max-width:860px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:stretch;
}
.minimal-search textarea{
  width:100%;
  min-height:62px;
  max-height:140px;
  resize:none;
  border:1px solid #cbd7df;
  border-radius:16px;
  outline:0;
  background:#fff;
  color:var(--text);
  padding:19px 20px;
  font-size:17px;
  line-height:1.4;
  box-shadow:0 10px 28px rgba(31,55,74,.06);
}
.minimal-search textarea:focus{
  border-color:#aebfcb;
  box-shadow:0 12px 34px rgba(31,55,74,.09);
}
.minimal-search button{
  border:0;
  min-width:130px;
  border-radius:16px;
  background:var(--navy);
  color:#fff;
  font-weight:900;
  padding:0 26px;
  font-size:16px;
}
.search-vehicle-context{
  margin:12px auto 0;border:1px solid #d7e0e6;background:#f8fafb;color:#405767;
  border-radius:12px;padding:9px 11px;display:flex;align-items:center;gap:9px;
  max-width:860px;text-align:left
}
.search-vehicle-context[hidden]{display:none}
.search-vehicle-dot{
  width:9px;height:9px;border-radius:999px;background:#2e9b62;flex:0 0 auto
}
.search-vehicle-context>span:nth-child(2){min-width:0;flex:1}
.search-vehicle-context small,.search-vehicle-context b{display:block}
.search-vehicle-context small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#87949e}
.search-vehicle-context b{margin-top:2px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-vehicle-change{font-size:10px;font-weight:850;color:#617482;white-space:nowrap}
.minimal-note{
  margin:16px auto 0;
  color:#8a97a1;
  font-size:12px;
  line-height:1.5;
}
@media(max-width:680px){
  .header-vehicle{max-width:150px}
  .header-vehicle>b{max-width:92px}
  .catalog-vehicle-context{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .catalog-vehicle-context>span:nth-child(2){grid-column:1/2}
  .catalog-vehicle-context>strong{grid-column:2/3;grid-row:1/3;align-self:center}
  .minimal-home{
    min-height:calc(100dvh - 145px);
    padding:7vh 8px 12vh;
  }
  .minimal-hero{
    text-align:left;
  }
  .minimal-kicker{
    margin-bottom:16px;
  }
  .minimal-hero h1{
    font-size:54px;
  }
  .minimal-hero>p{
    margin-top:18px;
    font-size:16px;
  }
  .minimal-search{
    grid-template-columns:1fr;
    margin-top:26px;
  }
  .minimal-search textarea{
    min-height:74px;
    font-size:16px;
  }
  .minimal-search button{
    min-height:54px;
    width:100%;
  }
  .minimal-note{
    font-size:11px;
  }
}

/* Compact professional catalog */
.catalog-query-head{
  display:flex;justify-content:space-between;gap:20px;align-items:flex-end;
  padding:2px 2px 10px;
}
.catalog-query-head h2{
  margin:0 0 5px;color:var(--navy-3);
  font-size:clamp(28px,4vw,44px);letter-spacing:-.04em
}
.catalog-query-head p{margin:0;color:#7b8994}
.catalog-count{text-align:right}.catalog-count b{display:block;font-size:26px;color:var(--navy)}.catalog-count span{font-size:11px;color:#8b98a2}
.catalog-vehicle-context{
  width:100%;margin:10px 0 0;padding:10px 12px;
  border:1px solid #dbe3e8;background:#f8fafb;color:#405767;
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;text-align:left
}
.catalog-vehicle-context[hidden]{display:none}
.catalog-vehicle-context small,.catalog-vehicle-context b{display:block}
.catalog-vehicle-context small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8a97a1}
.catalog-vehicle-context b{margin-top:2px;font-size:12px}
.catalog-vehicle-context>span:nth-child(2){font-size:10px;color:#7f8d97}
.catalog-vehicle-context>strong{font-size:10px;color:#566d7c}
.catalog-disclaimer{
  font-size:12px;line-height:1.5;color:#5f6c76;text-decoration:underline;
  margin:12px 2px 12px
}
.vehicle-search-state{
  background:#fff;border:1px solid #dce4e9;border-radius:10px;padding:20px;
  box-shadow:0 5px 18px rgba(31,55,74,.04)
}
.vehicle-search-state .eyebrow{margin-bottom:8px}
.vehicle-search-state h3{margin:0;color:var(--navy-3);font-size:21px}
.vehicle-search-state p{margin:8px 0 0;color:#62737f;font-size:12px;line-height:1.5}
.vehicle-search-state p>b{color:#344d5e}
.vehicle-search-note{max-width:780px}
.vehicle-search-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.vehicle-search-actions button{
  border:1px solid #ccd7de;background:#fff;color:#405969;border-radius:7px;
  padding:9px 11px;font-size:11px;font-weight:850
}
.vehicle-search-actions button:last-child{background:var(--navy);border-color:var(--navy);color:#fff}
.smart-selection-state{padding-bottom:14px}
.smart-candidate-list,.smart-article-list{display:grid;gap:7px;margin-top:14px}
.smart-candidate,.smart-article{
  width:100%;border:1px solid #d8e1e7;background:#f9fbfc;color:#354d5c;
  display:grid;align-items:center;gap:12px;text-align:left;padding:11px 12px;border-radius:8px
}
.smart-candidate{grid-template-columns:minmax(0,1fr) auto}
.smart-candidate:hover,.smart-article:hover{border-color:#aebfca;background:#fff}
.smart-candidate span,.smart-article-copy{min-width:0}
.smart-candidate b,.smart-candidate small,.smart-article-copy b,.smart-article-copy small{display:block}
.smart-candidate b{font-size:12px;color:#263e4e}
.smart-candidate small{margin-top:4px;font-size:10px;color:#7c8a94;line-height:1.4}
.smart-candidate strong,.smart-article strong{font-size:10px;color:#506979;white-space:nowrap}
.smart-article{grid-template-columns:92px minmax(0,1fr) auto}
.smart-article-brand{
  display:grid;place-items:center;min-height:38px;padding:6px;border:1px solid #e0e6ea;
  background:#fff;font-size:10px;font-weight:900;color:#667984
}
.smart-article-copy b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#263e4e}
.smart-article-copy small{margin-top:4px;font-size:10px;color:#75838d;line-height:1.35}
.smart-spec-list{display:grid;gap:6px;margin-top:14px}
.smart-spec-row{
  display:grid;grid-template-columns:minmax(110px,.4fr) minmax(0,1fr);gap:12px;
  padding:9px 10px;border-top:1px solid #e5eaed;font-size:11px
}
.smart-spec-row:first-child{border-top:0}
.smart-spec-row>b{color:#586d7b;font-weight:850;text-transform:none}
.smart-spec-row>span{min-width:0;color:#263e4e;overflow-wrap:anywhere}
.catalog-actions{margin-top:8px}
.filters-toggle{
  width:100%;border:0;background:#263843;color:#fff;font-weight:800;
  padding:12px;border-radius:0
}
.sort-row{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  margin:12px 0 8px
}
.sort-row>span{color:#596770;font-size:12px}
.sort-row button{
  border:1px solid #d8dee3;background:#fff;color:#485864;
  padding:8px 10px;border-radius:6px
}
.sort-row button.active{border-color:#263843;box-shadow:inset 0 0 0 1px #263843}
.compact-filters{margin:8px 0 14px}
.catalog-section{margin-top:14px}
.section-inline-title{
  display:flex;align-items:center;gap:10px;margin:0 2px 7px
}
.section-inline-title h3{
  margin:0;color:var(--navy-3);font-size:18px
}
.compact-results{display:grid;gap:12px}
.product-group{
  background:#f5f8fa;border:1px solid #e4eaee
}
.product-group-head{
  display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:start;
  padding:12px 12px 8px
}
.product-thumb{
  width:42px;height:42px;background:#fff;border:1px solid #dfe6eb;
  display:grid;place-items:center;color:#7d8992;font-weight:800;font-size:9px
}
.product-title{min-width:0}
.product-title-line{
  display:flex;align-items:baseline;gap:6px;flex-wrap:wrap
}
.product-title .product-article{
  color:#2d4657;font-size:14px;font-weight:850;overflow-wrap:anywhere
}
.product-title b{font-size:14px;color:#263743}
.product-title small{
  display:block;color:#6f7d87;font-size:11px;line-height:1.35;margin-top:3px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.product-arrow{
  color:#8b969d;font-size:28px;line-height:1
}
.supply-list{padding:0 10px 8px}
.supply-row{
  display:grid;grid-template-columns:1fr 88px 70px 42px;
  gap:8px;align-items:center;
  min-height:58px;padding:7px 0;
  border-top:1px solid #e4eaee
}
.supply-left{display:flex;align-items:flex-end;gap:12px}
.supply-term{min-width:62px}
.supply-term b{display:block;font-size:13px;color:#40515d}
.supply-term small{display:block;margin-top:3px;color:#111;font-size:11px}
.supply-warehouse{font-size:11px;color:#111}
.supply-price{text-align:right;font-size:14px;color:#333;white-space:nowrap}
.supply-stock{text-align:right;color:#737f88;font-size:12px;white-space:nowrap}
.cart-icon-btn{
  width:38px;height:38px;border:0;border-radius:5px;background:#263843;color:#fff;
  display:grid;place-items:center;padding:0
}
.cart-icon-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
.cart-icon-btn.added{background:var(--green)}
.show-more{
  width:calc(100% - 20px);margin:0 10px 10px;border:0;background:#263843;color:white;
  font-weight:800;padding:10px
}
.show-more span{
  display:inline-grid;place-items:center;min-width:25px;height:22px;border-radius:99px;
  background:white;color:#111;margin-left:6px;padding:0 7px
}
@media(max-width:680px){
  .smart-article{grid-template-columns:70px minmax(0,1fr) auto;padding:9px}
  .smart-candidate{padding:10px}
  .smart-spec-row{grid-template-columns:1fr;gap:4px}
  .vehicle-search-state{padding:16px}
  .catalog-query-head{align-items:flex-start}
  .catalog-count{display:none}
  .catalog-query-head h2{font-size:28px}
  .catalog-query-head p{font-size:13px}
  .catalog-disclaimer{font-size:11px}
  .compact-filters{display:none}
  .section-inline-title h3{font-size:16px}
  .product-group-head{grid-template-columns:36px 1fr auto;padding:10px 10px 6px}
  .product-thumb{width:36px;height:36px}
  .product-title a,.product-title b{font-size:13px}
  .product-title small{font-size:10px}
  .supply-list{padding:0 8px 8px}
  .supply-row{grid-template-columns:1fr 78px 58px 38px;gap:6px;min-height:54px}
  .supply-left{gap:8px}
  .supply-term{min-width:52px}
  .supply-term b{font-size:12px}
  .supply-term small,.supply-warehouse{font-size:10px}
  .supply-price{font-size:13px}
  .supply-stock{font-size:11px}
  .cart-icon-btn{width:36px;height:36px}
}

/* Full cart / checkout */
.checkout-title{
  width:100%;
  background:#263843;
  color:#fff;
  text-align:center;
  font-size:24px;
  font-weight:900;
  padding:14px 18px;
  margin:4px 0 16px
}
.cart-livebar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 14px;
  background:#f5f8fa;
  border:1px solid #dfe6eb;
  margin-bottom:10px
}
.cart-livebar b,.cart-livebar span{display:block}
.cart-livebar b{font-size:13px;color:#344b5b}
.cart-livebar span{font-size:11px;color:#84919b;margin-top:3px}
.cart-livebar button{
  border:1px solid #cfd8df;
  background:#fff;
  color:#405564;
  padding:8px 10px;
  font-weight:800
}
.cart-change-notice{
  margin:0 0 10px;
  padding:11px 13px;
  background:#fff3d8;
  border:1px solid #ead6a4;
  color:#8c6b2d;
  font-size:12px
}
.cart-description>span{display:block}
.cart-vehicle-context{
  display:block;margin-top:4px;color:#6d7f8b;font-size:9px;line-height:1.3
}
.order-vehicle-context{
  display:block;margin-top:5px;color:#6c7f8c;font-size:10px;line-height:1.35;font-weight:650
}
.order-table-wrap{
  width:100%;
  overflow-x:auto;
  background:#fff;
  border:1px solid #d9e0e4
}
.order-table-head,.order-cart-row{
  min-width:1220px;
  display:grid;
  grid-template-columns:40px 48px 92px 140px minmax(210px,1.3fr) 72px 70px 112px 78px 100px 110px 150px 42px;
  align-items:stretch
}
.order-table-head{
  background:#e7eaed;
  color:#4b4f52;
  font-weight:900
}
.order-table-head span,.order-cart-row>div{
  border-right:1px solid #d3d8dc;
  border-bottom:1px solid #d3d8dc;
  padding:10px 8px;
  display:flex;
  align-items:center
}
.order-table-head span:last-child,.order-cart-row>div:last-child{border-right:0}
.order-cart-row{
  background:#fff;
  color:#454b4f
}
.order-cart-row.unavailable{background:#f5dddd}
.order-cart-row.price-changed{box-shadow:inset 4px 0 0 #d99a35}
.order-cart-row .row-number{justify-content:center}
.order-cart-row .row-select{justify-content:center}
.cart-check{
  width:22px;height:22px;accent-color:#1596e8
}
.cart-article{color:#314b5b;text-decoration:underline}
.cart-description{line-height:1.42}
.cart-stepper{
  display:grid;
  grid-template-columns:28px 40px 28px;
  border:1px solid #cfd5d9;
  border-radius:5px;
  overflow:hidden;
  margin:auto
}
.cart-stepper button{
  border:0;background:#e9ecef;color:#666;font-size:18px
}
.cart-stepper span{display:grid;place-items:center;background:#fff}
.cart-availability{
  justify-content:center;
  font-weight:800
}
.cart-availability.zero{color:red}
.cart-price-cell,.cart-sum-cell{
  justify-content:flex-end;
  white-space:nowrap
}
.cart-price-stack{display:block;width:100%;text-align:right}
.cart-price-stack .old-price{
  display:block;
  color:#9b6b52;
  text-decoration:line-through;
  font-size:11px
}
.cart-price-stack .new-price{display:block}
.cart-price-stack .changed-label{
  display:block;
  color:#b36b28;
  font-size:9px;
  margin-top:2px
}
.cart-comment input{
  width:100%;
  min-height:38px;
  border:1px solid #d4dadd;
  background:#fff;
  padding:6px
}
.cart-remove-icon{
  width:28px;height:28px;
  border:0;border-radius:4px;
  background:#8b8e91;color:white;
  font-weight:900;
  margin:auto
}
.cart-total-row{
  display:flex;
  justify-content:flex-end;
  gap:14px;
  align-items:center;
  padding:12px 16px;
  background:#fff;
  border:1px solid #d9e0e4;
  border-top:0;
  font-size:20px
}
.cart-bulk-actions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:14px
}
.cart-bulk-actions button{
  border:0;
  background:#dedede;
  color:#3e4144;
  font-weight:900;
  padding:12px
}
.checkout-order-button{
  width:100%;
  border:0;
  background:#263843;
  color:white;
  font-size:20px;
  font-weight:900;
  padding:14px;
  margin-top:10px
}
.cart-import{
  margin-top:18px;
  background:#fff;
  border-top:1px solid #dfe4e8
}
.cart-import summary{
  padding:14px 4px;
  color:#344954;
  text-decoration:underline;
  cursor:pointer
}
.cart-import-body{
  padding:0 4px 14px;
  display:grid;
  gap:8px
}
.cart-import-body small{color:#7c8992}
.order-warning{
  margin-top:18px;
  padding:17px 20px;
  background:#fff7dc;
  border:1px solid #efdfaa;
  color:#8b6b32;
  line-height:1.55
}
@media(max-width:680px){
  .checkout-title{font-size:18px;padding:12px;margin-bottom:10px}
  .cart-livebar{align-items:flex-start}
  .cart-livebar button{font-size:11px}
  .order-table-wrap{
    border:0;
    background:transparent;
    overflow:visible
  }
  .order-table-head{display:none}
  .order-cart-row{
    min-width:0;
    display:grid;
    grid-template-columns:34px 1fr auto;
    grid-template-areas:
      "check main price"
      "check meta qty"
      "check availability comment"
      "check remove remove";
    gap:0;
    margin-bottom:8px;
    border:1px solid #d9e0e4;
    background:#fff
  }
  .order-cart-row>div{
    border-right:0;
    border-bottom:0;
    padding:8px 9px
  }
  .order-cart-row .row-number{display:none}
  .order-cart-row .row-select{grid-area:check;align-items:flex-start;padding-top:12px}
  .order-cart-row .brand-cell{display:none}
  .order-cart-row .article-cell{
    grid-area:main;
    padding-bottom:2px;
    font-weight:800
  }
  .order-cart-row .description-cell{
    grid-area:main;
    padding-top:30px;
    color:#66747e;
    font-size:12px;
    pointer-events:none
  }
  .order-cart-row .warehouse-cell,
  .order-cart-row .term-cell{
    grid-area:meta;
    font-size:11px;
    color:#596975
  }
  .order-cart-row .warehouse-cell{padding-right:70px}
  .order-cart-row .term-cell{padding-left:78px}
  .order-cart-row .qty-cell{grid-area:qty}
  .order-cart-row .availability-cell{grid-area:availability;font-size:12px}
  .order-cart-row .price-cell{grid-area:price;justify-content:flex-end;font-weight:900}
  .order-cart-row .sum-cell{display:none}
  .order-cart-row .comment-cell{grid-area:comment}
  .order-cart-row .remove-cell{grid-area:remove;justify-content:flex-end;border-top:1px solid #edf1f3}
  .cart-comment input{min-height:32px;font-size:12px}
  .cart-bulk-actions{grid-template-columns:1fr}
  .cart-total-row{font-size:17px}
}

/* Personal cabinet */
.account-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:start}
.account-sidebar{position:sticky;top:92px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.account-user{display:flex;gap:11px;align-items:center;padding:18px;border-bottom:1px solid #edf1f3}.account-avatar{width:40px;height:40px;border-radius:11px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900}.account-user b,.account-user span{display:block}.account-user b{color:var(--navy-3)}.account-user span{font-size:11px;color:#8b98a2;margin-top:3px}
.account-nav{display:grid;padding:8px}.account-nav button{border:0;background:transparent;text-align:left;color:#61717d;padding:11px 12px;border-radius:8px}.account-nav button.active{background:#eaf0f4;color:var(--navy);font-weight:900}
.account-content{min-width:0}.account-pane{display:none}.account-pane.active{display:block}
.account-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px;box-shadow:var(--shadow);margin-bottom:12px}.account-head h2{margin:0 0 5px;font-size:36px;letter-spacing:-.04em;color:var(--navy-3)}.account-head p{margin:0;color:#7c8994}
.account-primary{border:0;background:var(--navy);color:#fff;border-radius:8px;padding:11px 14px;font-weight:900;white-space:nowrap}
.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.account-stats article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px;box-shadow:var(--shadow)}.account-stats span,.account-stats b,.account-stats small{display:block}.account-stats span{font-size:11px;color:#85929c}.account-stats b{font-size:24px;color:var(--navy-3);margin:12px 0 3px}.account-stats small{font-size:11px;color:#8b98a2}
.account-block{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:var(--shadow);margin-bottom:12px}.account-block-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:13px}.account-block-head h3{margin:0;color:var(--navy-3);font-size:20px}.account-block-head button{border:0;background:transparent;color:#5a6f7e;font-weight:800}
.account-order-list{display:grid}.account-order{display:grid;grid-template-columns:1fr 150px auto;gap:18px;align-items:center;padding:13px 0;border-top:1px solid #edf1f3}.account-order:first-child{border-top:0}.account-order small,.account-order b,.account-order span{display:block}.account-order small{color:#8d99a2;font-size:11px}.account-order b{margin:4px 0;color:#354b5b}.account-order span{color:#7a8791;font-size:12px}.order-progress{display:flex;gap:3px}.order-progress i{height:4px;flex:1;border-radius:5px;background:#dce4e9}.order-progress i.done{background:#3c9d70}.status.ready{background:#e5eef7;color:#376786}
.status.processing{background:#edf1f4;color:#5f707b}
.status.completed{background:#e3f2e9;color:#287b50}
.status.cancelled{background:#f6e7e7;color:#9a4c4c}
.status.review{background:#fff1df;color:#9b6929}
.order-progress.cancelled i{background:#e3d8d8}
.order-progress.cancelled i:first-child{background:#b77474}
.account-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-muted{color:#7d8993;line-height:1.55}.account-car{display:flex;gap:12px;align-items:center}.car-mark{width:46px;height:46px;border-radius:9px;background:#eef3f6;display:grid;place-items:center;font-size:11px;font-weight:900;color:#4c6170}.account-car b,.account-car span,.account-car small{display:block}.account-car span{color:#74828e;font-size:12px;margin-top:3px}.account-car small{color:#98a2aa;font-size:10px;margin-top:4px}
.account-toolbar{display:flex;gap:8px;background:#fff;border:1px solid var(--line);padding:11px;border-radius:10px;margin-bottom:10px}.account-toolbar input{flex:1}.account-toolbar input,.account-toolbar select{border:1px solid #d6dfe5;border-radius:7px;padding:10px;background:#fff}
.account-table{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.account-table-head,.account-table-row{display:grid;grid-template-columns:100px 120px 100px 120px 1fr 90px;gap:8px;align-items:center;padding:12px 14px}.account-table-head{background:#f1f5f7;color:#7b8994;font-size:11px;text-transform:uppercase}.account-table-row{border-top:1px solid #edf1f3}.account-table-row button{border:0;background:transparent;color:#405c6f;text-decoration:underline}
.account-empty{background:#fff;border:1px solid var(--line);border-radius:12px;padding:50px 24px;text-align:center}.empty-icon{font-size:34px;color:#84939e}.account-empty h3{color:var(--navy-3)}.account-empty p{max-width:600px;margin:8px auto 18px;color:#7e8b95;line-height:1.55}.account-empty button{border:1px solid #ccd7de;background:#fff;color:var(--navy);border-radius:8px;padding:10px 13px;font-weight:800}
.account-car-card{display:grid;grid-template-columns:74px 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.car-mark.large{width:70px;height:70px;font-size:15px}.car-info h3{margin:0;color:var(--navy-3)}.car-info p{color:#75838f}.car-info dl{display:flex;gap:26px;margin:12px 0 0}.car-info dl div{display:flex;gap:7px}.car-info dt{color:#95a0a9}.car-info dd{margin:0}.car-actions{display:grid;gap:7px}.car-actions button{border:1px solid #d2dce3;background:#fff;color:#465d6c;border-radius:7px;padding:9px 11px}
.report-placeholder{height:180px;border:1px dashed #ccd7de;background:#f8fafb;display:grid;place-items:center;color:#909ba4}
.account-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.account-form label span{display:block;font-size:11px;color:#7d8993;margin-bottom:5px}.account-form input{width:100%;border:1px solid #d5dee4;border-radius:7px;padding:11px}.account-form .wide-field{grid-column:1/3}.account-form button{justify-self:start}
.notification-list{display:grid;background:#fff;border:1px solid var(--line);border-radius:12px}.notification-list label{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border-top:1px solid #edf1f3}.notification-list label:first-child{border-top:0}.notification-list b,.notification-list small{display:block}.notification-list small{color:#8b97a1;margin-top:3px}.notification-list input{width:20px;height:20px}
@media(max-width:900px){.account-shell{grid-template-columns:1fr}.account-sidebar{position:static}.account-nav{display:flex;overflow-x:auto;gap:5px;scrollbar-width:none}.account-nav::-webkit-scrollbar{display:none}.account-nav button{white-space:nowrap}.account-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.account-shell{gap:9px}.account-user{display:none}.account-sidebar{border-radius:9px}.account-nav{padding:6px}.account-nav button{font-size:12px;padding:9px 10px}.account-head{padding:17px;align-items:flex-start}.account-head h2{font-size:29px}.account-head p{font-size:13px}.account-primary{font-size:12px}.account-stats{grid-template-columns:1fr 1fr;gap:7px}.account-stats article{padding:13px}.account-stats b{font-size:20px}.account-order{grid-template-columns:1fr auto;gap:10px}.order-progress{grid-column:1/3;grid-row:2}.account-grid-2{grid-template-columns:1fr}.account-toolbar{display:grid}.account-table-head{display:none}.account-table-row{grid-template-columns:1fr auto;gap:6px;padding:13px}.account-table-row span:nth-child(2),.account-table-row span:nth-child(3){display:none}.account-table-row .status{grid-column:1}.account-table-row button{grid-column:2;grid-row:1}.account-car-card{grid-template-columns:56px 1fr}.car-mark.large{width:54px;height:54px}.car-actions{grid-column:1/3;display:flex}.car-actions button{flex:1}.account-form{grid-template-columns:1fr}.account-form .wide-field{grid-column:auto}.account-form button{width:100%}}


/* Order detail */
.status.processing{background:#fff0dc;color:#9b6529}
.order-detail-head{
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:18px 20px 20px;
  box-shadow:var(--shadow);
  margin-bottom:12px
}
.order-detail-back{
  border:0;
  background:transparent;
  color:#60717d;
  padding:0;
  font-weight:800;
  margin-bottom:16px
}
.order-detail-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}
.order-detail-title h2{margin:0;color:var(--navy-3);font-size:38px;letter-spacing:-.04em}
.order-detail-title p{margin:5px 0 0;color:#86939d}
.order-detail-state{text-align:right;display:grid;justify-items:end;gap:8px}
.order-detail-state .status{margin-left:0}
.order-detail-state>b{font-size:24px;color:var(--navy-3)}
.order-detail-actions{display:flex;justify-content:flex-end;margin-top:16px}
.order-detail-actions button{
  border:1px solid #ccd7de;background:#fff;color:var(--navy);
  border-radius:8px;padding:10px 13px;font-weight:900
}

.order-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.order-summary-grid article{
  background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px;box-shadow:var(--shadow)
}
.order-summary-grid span,.order-summary-grid b,.order-summary-grid small{display:block}
.order-summary-grid span{font-size:11px;color:#85929c}
.order-summary-grid b{font-size:18px;color:var(--navy-3);margin:10px 0 4px}
.order-summary-grid small{font-size:11px;color:#929da5}

.order-detail-block{
  background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:20px;box-shadow:var(--shadow);margin-bottom:12px;min-width:0
}
.order-detail-block-head{margin-bottom:15px}
.order-detail-block-head h3{margin:0;color:var(--navy-3);font-size:20px}

.order-timeline{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(135px,1fr));
  gap:0;
  min-width:0
}
.timeline-step{position:relative;padding:0 12px 0 20px;min-width:0}
.timeline-step:before{
  content:"";position:absolute;left:7px;top:7px;bottom:-22px;width:2px;background:#dce4e9
}
.timeline-step:last-child:before{display:none}
.timeline-dot{
  position:absolute;left:2px;top:3px;width:12px;height:12px;border-radius:50%;
  background:#dce4e9;border:3px solid #fff;box-shadow:0 0 0 1px #cbd6dd
}
.timeline-step.done .timeline-dot{background:#3c9d70;box-shadow:0 0 0 1px #3c9d70}
.timeline-step.current .timeline-dot{background:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.timeline-copy small,.timeline-copy b{display:block}
.timeline-copy small{font-size:10px;color:#95a0a9;margin-bottom:5px}
.timeline-copy b{font-size:12px;color:#4d6170;line-height:1.35}
.timeline-step.done .timeline-copy b{color:#304f40}
.timeline-step.current .timeline-copy b{color:#8c5e2d}

.order-positions{display:grid;gap:10px}
.order-position{
  border:1px solid #dce3e8;border-radius:10px;background:#fbfcfd;overflow:hidden
}
.position-top{
  display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;
  padding:13px 14px;border-bottom:1px solid #e7ecef;background:#fff
}
.position-index{
  width:28px;height:28px;border-radius:8px;background:#eef3f6;color:#5d7180;
  display:grid;place-items:center;font-size:11px;font-weight:900
}
.position-title{min-width:0}
.position-brand-row{display:flex;gap:8px;align-items:baseline;min-width:0}
.position-brand-row b{font-size:13px;color:var(--navy-3)}
.position-brand-row span{
  font-size:11px;color:#6e7d88;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  overflow-wrap:anywhere
}
.position-title h3{margin:3px 0 0;color:#5b6974;font-size:13px;font-weight:600}
.position-top .status{margin-left:0;white-space:nowrap}
.position-meta{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;
  border-bottom:1px solid #e7ecef;background:#fff
}
.position-meta>div{padding:11px 13px;border-right:1px solid #edf1f3;min-width:0}
.position-meta>div:last-child{border-right:0}
.position-meta small,.position-meta b{display:block}
.position-meta small{font-size:10px;color:#919da6;margin-bottom:4px}
.position-meta b{font-size:12px;color:#435967;overflow-wrap:anywhere}

.position-timeline{display:flex;gap:5px;padding:12px 14px;background:#f8fafb;min-width:0}
.position-timeline .timeline-step{
  flex:1;padding:17px 4px 0;text-align:center;min-width:0;border-top:3px solid #dce4e9
}
.position-timeline .timeline-step:before{display:none}
.position-timeline .timeline-dot{
  top:-8px;left:50%;transform:translateX(-50%)
}
.position-timeline .timeline-copy b{font-size:10px;white-space:normal}
.position-timeline .timeline-step.done{border-top-color:#3c9d70}
.position-timeline .timeline-step.current{border-top-color:var(--orange)}

.position-actions{
  display:flex;justify-content:flex-end;align-items:center;min-height:46px;
  padding:8px 12px;background:#fff;border-top:1px solid #edf1f3
}
.position-return{
  border:1px solid #cfd9df;background:#fff;color:#405b6d;border-radius:7px;
  padding:8px 10px;font-size:11px;font-weight:800
}
.position-return:disabled{opacity:.52;cursor:not-allowed}
.return-created{font-size:11px;font-weight:900;color:#2e8258;background:#e8f4ed;border-radius:999px;padding:7px 9px}

.return-form{
  border-top:1px solid #e0e7eb;background:#f4f7f9;padding:14px
}
.return-form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.return-form-head b{color:var(--navy-3)}
.return-form-head button{border:0;background:transparent;color:#76858f;font-size:22px}
.return-form-grid{display:grid;grid-template-columns:1fr 120px;gap:10px}
.return-form label span{display:block;font-size:10px;color:#7f8d98;margin-bottom:5px}
.return-form select,.return-form input,.return-form textarea{
  width:100%;border:1px solid #cfd9df;background:#fff;border-radius:7px;padding:9px;font:inherit
}
.return-comment{grid-column:1/3}
.return-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.return-form-actions>button:not(.account-primary){
  border:1px solid #cfd9df;background:#fff;color:#596d7b;border-radius:7px;padding:9px 11px;font-weight:800
}

.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.order-comment,.receive-note{margin:0;color:#677681;line-height:1.55}
.receive-info{margin:0}
.receive-info>div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:8px 0;border-top:1px solid #edf1f3}
.receive-info>div:first-child{border-top:0}
.receive-info dt{color:#8c98a2}
.receive-info dd{margin:0;color:#465c6b;overflow-wrap:anywhere}
.receive-note{margin-top:12px;font-size:12px}

@media(max-width:900px){
  .order-summary-grid{grid-template-columns:1fr 1fr}
  .position-meta{grid-template-columns:repeat(3,1fr)}
  .position-meta>div:nth-child(3){border-right:0}
  .position-meta>div:nth-child(n+4){border-top:1px solid #edf1f3}
  .order-detail-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  html,body{max-width:100%;overflow-x:hidden}
  .order-detail-head{padding:14px;border-radius:9px}
  .order-detail-title{align-items:flex-start}
  .order-detail-title h2{font-size:30px}
  .order-detail-title p{font-size:12px}
  .order-detail-state>b{font-size:19px}
  .order-detail-state .status{font-size:10px;padding:6px 8px}
  .order-detail-actions button{width:100%}
  .order-summary-grid{grid-template-columns:1fr 1fr;gap:7px}
  .order-summary-grid article{padding:12px}
  .order-summary-grid b{font-size:15px}
  .order-detail-block{padding:14px;border-radius:9px}
  .order-timeline{grid-template-columns:1fr;gap:13px}
  .timeline-step{padding-left:24px}
  .timeline-step:before{left:7px;bottom:-16px}
  .position-top{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:11px}
  .position-index{width:24px;height:24px}
  .position-top .status{grid-column:2;justify-self:start;margin-top:2px}
  .position-brand-row{flex-wrap:wrap;gap:4px 7px}
  .position-title h3{font-size:12px;line-height:1.35}
  .position-meta{grid-template-columns:1fr 1fr}
  .position-meta>div{padding:9px 10px}
  .position-meta>div:nth-child(odd){border-right:1px solid #edf1f3}
  .position-meta>div:nth-child(even){border-right:0}
  .position-meta>div:nth-child(n+3){border-top:1px solid #edf1f3}
  .position-timeline{padding:12px 8px;gap:3px}
  .position-timeline .timeline-copy b{font-size:9px}
  .position-actions{justify-content:stretch}
  .position-return{width:100%}
  .return-form{padding:11px}
  .return-form-grid{grid-template-columns:1fr}
  .return-comment{grid-column:auto}
  .return-form-actions{display:grid;grid-template-columns:1fr 1fr}
  .return-form-actions button{width:100%}
  .receive-info>div{grid-template-columns:72px minmax(0,1fr)}
}


/* Authentication */
.auth-shell{
  min-height:calc(100dvh - 190px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,460px);
  gap:54px;
  align-items:center;
  max-width:1040px;
  margin:0 auto;
  padding:42px 0 70px
}
.auth-brand h2{
  margin:0 0 12px;
  color:var(--navy-3);
  font-size:clamp(42px,6vw,72px);
  line-height:.98;
  letter-spacing:-.055em
}
.auth-brand p{
  max-width:520px;
  margin:0;
  color:#74828d;
  font-size:17px;
  line-height:1.55
}
.auth-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:18px;
  box-shadow:0 16px 44px rgba(31,55,74,.08);
  min-width:0
}
.auth-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  padding:4px;
  border-radius:10px;
  background:#eef3f6;
  margin-bottom:18px
}
.auth-tabs button{
  border:0;
  background:transparent;
  color:#687985;
  border-radius:7px;
  padding:10px 8px;
  font-weight:800
}
.auth-tabs button.active{
  background:#fff;
  color:var(--navy);
  box-shadow:0 2px 8px rgba(24,48,66,.08)
}
.auth-form{display:none;gap:12px}
.auth-form.active{display:grid}
.auth-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.auth-form label span{
  display:block;
  margin-bottom:5px;
  color:#778691;
  font-size:11px
}
.auth-form input{
  width:100%;
  min-width:0;
  border:1px solid #d2dce3;
  background:#fff;
  color:var(--text);
  border-radius:8px;
  padding:12px;
  outline:0
}
.auth-form input:focus{
  border-color:#9fb2bf;
  box-shadow:0 0 0 3px rgba(46,83,108,.08)
}
.auth-password-field{
  position:relative
}
.auth-password-field input{
  padding-right:92px
}
.auth-password-toggle{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  color:var(--navy);
  font:inherit;
  font-size:12px;
  font-weight:800;
  padding:8px;
  cursor:pointer
}
.auth-session-hint{
  margin-top:-2px
}
.auth-stage{
  display:grid;
  gap:14px
}
.auth-stage[hidden]{display:none!important}
.auth-inline-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap
}
.auth-link{
  border:0;
  background:transparent;
  color:var(--navy);
  padding:0;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  text-decoration:none
}
.auth-link:hover{text-decoration:underline}
.auth-link:disabled{
  color:#96a3ac;
  cursor:default;
  text-decoration:none
}
.auth-stage-note{
  border:1px solid #d8e2e8;
  background:#f5f8fa;
  border-radius:9px;
  padding:11px 12px;
  color:#566d7b;
  font-size:13px;
  line-height:1.45
}
.auth-code-input{
  letter-spacing:.2em;
  font-variant-numeric:tabular-nums
}
.auth-recovery-title{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-bottom:2px
}
.auth-recovery-title b{
  color:var(--navy-3);
  font-size:18px
}
.auth-submit{width:100%;margin-top:2px}
.auth-submit:disabled{opacity:.6;cursor:wait}
.auth-hint{color:#8a97a1;line-height:1.45}
.auth-status{
  min-height:20px;
  margin-top:12px;
  font-size:12px;
  color:#7d8a94;
  line-height:1.45
}
.auth-status.error{
  color:#a34a4a;
  background:#fff0f0;
  border:1px solid #f0d2d2;
  border-radius:7px;
  padding:9px 10px
}
.auth-status.success{
  color:#2f7753;
  background:#edf8f1;
  border:1px solid #d3eadd;
  border-radius:7px;
  padding:9px 10px
}
.account-logout{
  width:calc(100% - 16px);
  margin:0 8px 8px;
  border:1px solid #d7dfe4;
  background:#fff;
  color:#7b8993;
  border-radius:8px;
  padding:10px 12px;
  text-align:left;
  font-weight:700
}
.account-logout[hidden]{display:none}

@media(max-width:900px){
  .auth-shell{grid-template-columns:1fr;gap:26px;max-width:620px;padding-top:26px}
  .auth-brand h2{font-size:48px}
}
@media(max-width:680px){
  .auth-shell{
    display:block;
    width:min(480px,100%);
    min-height:0;
    padding:14px 0 24px
  }
  .auth-brand{display:none}
  .auth-card{
    padding:14px;
    border-radius:12px;
    box-shadow:none
  }
  .auth-form-grid{grid-template-columns:1fr}
  .auth-tabs{margin-bottom:14px}
  .auth-tabs button{font-size:13px;padding:11px 8px}
  .auth-form{gap:14px}
  .auth-form label span{font-size:12px;margin-bottom:7px}
  .auth-form input{font-size:16px;padding:14px 12px}
  .auth-inline-actions{gap:10px}
  .auth-link{font-size:13px}
  .auth-stage-note{font-size:13px}
  .auth-submit{min-height:50px;font-size:15px}
}


/* Garage owner mini app */
.garage-owner-head{
  display:flex;justify-content:space-between;gap:20px;align-items:flex-end;
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px;
  box-shadow:var(--shadow);margin-bottom:10px
}
.garage-owner-head h2{margin:0 0 5px;font-size:36px;letter-spacing:-.04em;color:var(--navy-3)}
.garage-owner-head p{margin:0;color:#7c8994;max-width:720px}
.garage-vehicle-strip{
  display:flex;gap:8px;align-items:center;margin-bottom:10px;
  overflow-x:auto;scrollbar-width:none;padding-bottom:1px
}
.garage-vehicle-strip::-webkit-scrollbar{display:none}
.garage-vehicle-strip>button{
  border:1px solid #d6dfe5;background:#fff;border-radius:10px;padding:9px 11px;color:#566a78
}
.garage-vehicle-strip>button[data-garage-vehicle]{
  display:flex;align-items:center;gap:10px;text-align:left;min-width:max-content
}
.garage-vehicle-strip>button.active{
  display:flex;align-items:center;gap:10px;text-align:left;border-color:#849baa;
  background:#f8fafb;box-shadow:0 4px 14px rgba(31,55,74,.07)
}
.garage-vehicle-strip .car-mark{flex:0 0 auto}
.garage-vehicle-strip b,.garage-vehicle-strip small{display:block}
.garage-vehicle-strip b{color:var(--navy-3);font-size:12px}
.garage-vehicle-strip small{color:#8b98a2;font-size:10px;margin-top:2px}
.garage-add-small{width:42px;height:42px;min-width:42px;font-size:20px}
.garage-add-new{font-weight:500}
.garage-empty-state{
  min-height:330px;background:#fff;border:1px dashed #cad5dc;border-radius:12px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:36px 22px;box-shadow:var(--shadow)
}
.garage-empty-state h3{margin:12px 0 6px;color:var(--navy-3);font-size:22px}
.garage-empty-state p{max-width:560px;margin:0 0 18px;color:#7c8994;font-size:13px;line-height:1.55}
.garage-empty-icon{
  width:52px;height:52px;border-radius:14px;background:#eef3f6;color:var(--navy);
  display:grid;place-items:center;font-size:28px
}
.garage-empty-inline{
  display:flex;flex-direction:column;gap:5px;background:#f7f9fb;border:1px solid #e2e8ec;
  border-radius:9px;padding:16px;color:#74828d
}
.garage-empty-inline b{color:#425967;font-size:13px}
.garage-empty-inline span{font-size:11px;line-height:1.5}
.garage-empty-mini{padding:10px 0;color:#8b98a2;font-size:11px}
.garage-tabs{
  display:flex;gap:5px;background:#e9eef2;border:1px solid #dce3e8;border-radius:10px;
  padding:4px;margin-bottom:10px;overflow:auto;scrollbar-width:none
}
.garage-tabs::-webkit-scrollbar{display:none}
.garage-tabs button{
  border:0;background:transparent;color:#687986;border-radius:7px;padding:9px 13px;
  font-size:12px;font-weight:800;white-space:nowrap
}
.garage-tabs button.active{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(31,55,74,.08)}
.garage-owner-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);gap:10px}
.garage-owner-main,.garage-owner-side{min-width:0}
.garage-car-hero{
  display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;
  background:linear-gradient(135deg,#fff,#f6f9fb);border:1px solid var(--line);border-radius:12px;
  padding:20px;box-shadow:var(--shadow);margin-bottom:10px
}
.garage-car-badge{
  width:60px;height:60px;border-radius:12px;background:var(--navy-3);color:#fff;
  display:grid;place-items:center;font-weight:950;letter-spacing:.04em
}
.garage-car-title h2{margin:0;color:var(--navy-3);font-size:28px;letter-spacing:-.035em}
.garage-car-title p{margin:4px 0 0;color:#788691}
.garage-outline{
  border:1px solid #cbd6dd;background:#fff;color:var(--navy);border-radius:8px;
  padding:10px 12px;font-weight:850
}
.garage-mileage-card{
  display:flex;justify-content:space-between;gap:18px;align-items:center;background:#fff;
  border:1px solid var(--line);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow);margin-bottom:10px
}
.garage-mileage-card small,.garage-mileage-card strong,.garage-mileage-card span{display:block}
.garage-mileage-card small{font-size:10px;color:#8b98a2}
.garage-mileage-card strong{font-size:25px;color:var(--navy-3);margin:5px 0}
.garage-mileage-card span{font-size:11px;color:#87949e}
.garage-mileage-edit{display:flex;gap:6px;align-items:center}
.garage-mileage-edit input{
  width:115px;border:1px solid #d2dce3;border-radius:8px;padding:10px;text-align:right
}
.garage-mileage-edit button{
  border:0;background:var(--navy);color:#fff;border-radius:8px;padding:10px 11px;font-weight:800
}
.garage-panel{
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;
  box-shadow:var(--shadow);margin-bottom:10px;min-width:0
}
.garage-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:13px}
.garage-panel-head h3{margin:0;color:var(--navy-3);font-size:19px}
.garage-panel-head p{margin:5px 0 0;color:#7f8c96;font-size:12px;line-height:1.5}
.garage-panel-head>button{border:0;background:transparent;color:#526a7a;font-weight:800;white-space:nowrap}
.garage-primary{
  border:0!important;background:var(--navy)!important;color:#fff!important;border-radius:8px!important;
  padding:10px 12px!important;font-weight:900!important
}
.garage-next-service{
  display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;
  background:#f7f9fb;border:1px solid #e2e8ec;border-radius:9px;padding:14px
}
.garage-next-service small,.garage-next-service b{display:block}
.garage-next-service small{font-size:10px;color:#8c98a2;margin-bottom:4px}
.garage-next-service b{font-size:14px;color:#425967}
.garage-measure-mini{display:grid}
.garage-measure-mini>div{
  display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid #edf1f3
}
.garage-measure-mini>div:first-child{border-top:0}
.garage-measure-mini span{font-size:11px;color:#7c8994}
.garage-measure-mini b{font-size:12px;color:#425967;white-space:nowrap}
.garage-history-mini{display:grid}
.garage-history-mini article{padding:10px 0;border-top:1px solid #edf1f3}
.garage-history-mini article:first-child{border-top:0}
.garage-history-mini small,.garage-history-mini b,.garage-history-mini span{display:block}
.garage-history-mini small{font-size:9px;color:#98a2aa}
.garage-history-mini b{font-size:12px;color:#415868;margin:3px 0}
.garage-history-mini span{font-size:11px;color:#7b8993;line-height:1.35}
.garage-full-panel{margin-bottom:0}
.garage-maintenance-list{display:grid}
.garage-maintenance-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;
  padding:13px 0;border-top:1px solid #edf1f3
}
.garage-maintenance-row:first-child{border-top:0}
.garage-maintenance-main{min-width:0}
.garage-maintenance-main>b,.garage-maintenance-main>small{display:block}
.garage-maintenance-main>b{font-size:13px;color:#405766;margin:5px 0 3px}
.garage-maintenance-main>small{font-size:11px;color:#8b97a0}
.garage-maintenance-row>button{
  border:1px solid #ccd7de;background:#fff;color:var(--navy);border-radius:7px;
  padding:8px 10px;font-size:11px;font-weight:800
}
.garage-state{
  display:inline-block;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900;letter-spacing:.03em
}
.garage-state.soon{background:#fff0dc;color:#976029}
.garage-state.ok{background:#e8f4ed;color:#2f7753}
.garage-state.measure{background:#edf1f4;color:#62737f}
.garage-measure-form{
  display:grid;grid-template-columns:1.4fr .6fr .6fr;gap:9px;background:#f6f9fb;border:1px solid #dce5ea;
  border-radius:9px;padding:12px;margin-bottom:12px
}
.garage-measure-form label span{display:block;font-size:10px;color:#7d8993;margin-bottom:4px}
.garage-measure-form input{
  width:100%;min-width:0;border:1px solid #cfd9df;background:#fff;border-radius:7px;padding:9px
}
.garage-measure-note{grid-column:1/4}
.garage-measure-actions{grid-column:1/4;display:flex;justify-content:flex-end;gap:7px}
.garage-measure-actions button:not(.garage-primary){
  border:1px solid #cfd9df;background:#fff;color:#62737f;border-radius:7px;padding:9px 11px;font-weight:800
}
.garage-measure-list{display:grid}
.garage-measure-list article{
  display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 0;border-top:1px solid #edf1f3
}
.garage-measure-list article:first-child{border-top:0}
.garage-measure-list b,.garage-measure-list small{display:block}
.garage-measure-list b{font-size:12px;color:#435968}
.garage-measure-list small{font-size:10px;color:#939ea6;margin-top:3px}
.garage-measure-list strong{font-size:19px;color:var(--navy-3);white-space:nowrap}
.garage-measure-list strong span{font-size:11px;color:#7b8993;font-weight:700}
.garage-history-form{
  display:grid;grid-template-columns:1.2fr .55fr .55fr;gap:9px;
  background:#f6f9fb;border:1px solid #dce5ea;border-radius:9px;padding:12px;margin-bottom:12px
}
.garage-history-form label span{display:block;font-size:10px;color:#7d8993;margin-bottom:4px}
.garage-history-form input{
  width:100%;min-width:0;border:1px solid #cfd9df;background:#fff;border-radius:7px;padding:9px
}
.garage-history-form .wide{grid-column:1/4}
.garage-history-form .garage-measure-actions.wide{grid-column:1/4}
.garage-history-list{display:grid}
.garage-history-list article{
  display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;padding:14px 0;border-top:1px solid #edf1f3
}
.garage-history-list article:first-child{border-top:0}
.garage-history-date b,.garage-history-date span{display:block}
.garage-history-date b{font-size:12px;color:#405766}
.garage-history-date span{font-size:10px;color:#8b98a2;margin-top:3px}
.garage-history-list article>div:last-child>b{color:#405766;font-size:13px}
.garage-history-list p{margin:4px 0 0;color:#7b8993;font-size:12px;line-height:1.45}

@media(max-width:900px){
  .garage-owner-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .garage-owner-head{padding:16px;align-items:flex-start}
  .garage-owner-head h2{font-size:28px}
  .garage-owner-head p{font-size:12px}
  .garage-owner-head .account-primary{display:none}
  .garage-vehicle-strip{margin-left:-2px;margin-right:-2px;padding:0 2px 3px}
  .garage-vehicle-strip>button[data-garage-vehicle]{max-width:260px}
  .garage-empty-state{min-height:280px;padding:28px 18px}
  .garage-car-hero{grid-template-columns:46px minmax(0,1fr);padding:14px}
  .garage-car-badge{width:44px;height:44px;border-radius:9px;font-size:11px}
  .garage-car-title h2{font-size:22px}
  .garage-car-title p{font-size:11px}
  .garage-outline{grid-column:1/3;width:100%;font-size:12px}
  .garage-mileage-card{display:grid;padding:14px}
  .garage-mileage-edit{display:grid;grid-template-columns:1fr auto}
  .garage-mileage-edit input{width:100%;text-align:left}
  .garage-panel{padding:14px}
  .garage-panel-head{align-items:flex-start}
  .garage-next-service{grid-template-columns:1fr 1fr}
  .garage-next-service .garage-primary{grid-column:1/3;width:100%}
  .garage-maintenance-row{grid-template-columns:1fr auto}
  .garage-measure-form{grid-template-columns:1fr 1fr}
  .garage-measure-form label:first-child{grid-column:1/3}
  .garage-measure-note{grid-column:1/3}
  .garage-measure-actions{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr}
  .garage-history-form{grid-template-columns:1fr 1fr}
  .garage-history-form label:first-child{grid-column:1/3}
  .garage-history-form .wide{grid-column:1/3}
  .garage-history-form .garage-measure-actions.wide{grid-column:1/3}
    .garage-history-list article{grid-template-columns:1fr;gap:6px}
}


/* Garage service kit */
.garage-service-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 270px;
  gap:10px;
  align-items:start;
  min-width:0
}
.garage-service-main{min-width:0}
.garage-service-head{
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:18px 20px;
  box-shadow:var(--shadow);
  margin-bottom:10px
}
.garage-service-back{
  border:0;background:transparent;color:#617481;padding:0;margin-bottom:13px;font-weight:800
}
.garage-service-heading{
  display:flex;justify-content:space-between;gap:20px;align-items:flex-end
}
.garage-service-heading h3{
  margin:0;color:var(--navy-3);font-size:28px;letter-spacing:-.035em
}
.garage-service-heading p{
  margin:6px 0 0;color:#7c8993;font-size:12px;line-height:1.5;max-width:680px
}
.garage-service-due{
  min-width:150px;text-align:right
}
.garage-service-due small,.garage-service-due b,.garage-service-due span{display:block}
.garage-service-due small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#95a0a8}
.garage-service-due b{font-size:18px;color:var(--navy-3);margin:4px 0}
.garage-service-due span{font-size:10px;color:#7e8c96}

.garage-fitment{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;
  border-radius:10px;padding:13px 14px;margin-bottom:10px
}
.garage-fitment.pending{background:#fff7e9;border:1px solid #edd9b0}
.garage-fitment.verified{background:#edf7f1;border:1px solid #cfe5d8}
.garage-fitment small,.garage-fitment b,.garage-fitment span{display:block}
.garage-fitment small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#93836a}
.garage-fitment b{font-size:12px;color:#5d5344;margin:3px 0}
.garage-fitment span{font-size:10px;color:#82735f;line-height:1.4}
.garage-fitment.verified small,.garage-fitment.verified span{color:#688071}
.garage-fitment.verified b{color:#315e45}
.garage-vin-entry{display:flex;gap:6px}
.garage-vin-entry input{
  width:200px;border:1px solid #d4c39f;background:#fff;border-radius:7px;padding:9px 10px;
  text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace
}
.garage-vin-entry button{
  border:0;background:var(--navy);color:#fff;border-radius:7px;padding:9px 10px;font-weight:800;white-space:nowrap
}

.garage-service-list{display:grid;gap:7px;min-width:0}
.garage-service-item{
  display:grid;
  grid-template-columns:28px 30px minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
  background:#fff;
  border:1px solid #dbe3e8;
  border-radius:10px;
  padding:13px;
  min-width:0;
  opacity:.68
}
.garage-service-item.selected{opacity:1;border-color:#bdccd6;box-shadow:0 4px 14px rgba(31,55,74,.04)}
.garage-service-check{padding-top:2px}
.garage-service-check input{position:absolute;opacity:0;pointer-events:none}
.garage-service-check span{
  display:block;width:20px;height:20px;border-radius:5px;border:1px solid #c6d2da;background:#fff;position:relative
}
.garage-service-check input:checked+span{background:var(--navy);border-color:var(--navy)}
.garage-service-check input:checked+span:after{
  content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)
}
.garage-service-number{
  width:26px;height:26px;border-radius:7px;background:#edf2f5;color:#637582;
  display:grid;place-items:center;font-size:10px;font-weight:900
}
.garage-service-copy{min-width:0}
.garage-service-work{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.garage-service-work>b{font-size:12px;color:#3f5666}
.garage-service-kind{
  display:inline-block;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:900;letter-spacing:.03em
}
.garage-service-kind.required{background:#e9f3ed;color:#337150}
.garage-service-kind.optional{background:#eef2f5;color:#6f7f8a}
.garage-service-product{
  display:flex;gap:7px;align-items:baseline;flex-wrap:wrap;margin-top:6px
}
.garage-service-product strong{font-size:12px;color:var(--navy-3)}
.garage-service-product>span{
  font-size:10px;color:#74838e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace
}
.garage-service-product small{width:100%;font-size:11px;color:#798791}
.garage-service-meta{
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:7px
}
.garage-service-meta>span{font-size:9px;color:#8c99a2}
.garage-service-meta button{
  border:0;background:transparent;color:#476477;padding:0;text-decoration:underline;font-size:10px;font-weight:800
}
.garage-service-price{
  white-space:nowrap;font-size:15px;font-weight:900;color:var(--navy-3);padding-top:3px
}
.garage-service-summary{
  position:sticky;top:92px;background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:17px;box-shadow:var(--shadow)
}
.garage-service-summary-line{
  display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #edf1f3;
  color:#75838e;font-size:11px
}
.garage-service-summary-line b{color:#435a69}
.garage-service-summary-total{
  display:flex;justify-content:space-between;gap:10px;align-items:end;padding:13px 0 16px;border-top:1px solid #edf1f3
}
.garage-service-summary-total span{font-size:11px;color:#74828d}
.garage-service-summary-total strong{font-size:22px;color:var(--navy-3)}
.garage-service-summary .garage-primary{width:100%}
.garage-service-summary .garage-primary:disabled{opacity:.45;cursor:not-allowed}
.garage-service-summary>small{
  display:block;margin-top:9px;color:#909ba4;font-size:9px;line-height:1.45
}

@media(max-width:900px){
  .garage-service-layout{grid-template-columns:1fr}
  .garage-service-summary{position:static}
}
@media(max-width:680px){
  .garage-service-head{padding:14px;border-radius:9px}
  .garage-service-heading{display:grid;gap:12px}
  .garage-service-heading h3{font-size:23px}
  .garage-service-due{text-align:left;min-width:0}
  .garage-fitment{grid-template-columns:1fr;padding:11px}
  .garage-vin-entry{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .garage-vin-entry input{width:100%;min-width:0}
  .garage-vin-entry button{font-size:10px}
  .garage-service-item{
    grid-template-columns:24px 24px minmax(0,1fr) auto;
    gap:7px;
    padding:10px
  }
  .garage-service-check span{width:18px;height:18px}
  .garage-service-check input:checked+span:after{left:5px;top:2px}
  .garage-service-number{width:22px;height:22px}
  .garage-service-work>b{font-size:11px}
  .garage-service-product{display:block}
  .garage-service-product strong,.garage-service-product>span,.garage-service-product small{display:block}
  .garage-service-product>span{margin-top:2px;overflow-wrap:anywhere}
  .garage-service-product small{margin-top:3px;line-height:1.35}
  .garage-service-price{font-size:13px}
  .garage-service-summary{border-radius:9px;padding:14px}
}


/* Dense cabinet/order mobile pass */
.order-detail-toolbar{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:12px
}
.order-detail-toolbar .order-detail-back{
  margin:0 auto 0 0
}
.order-refresh-compact,
.order-repeat-compact{
  border:1px solid #cbd6dd;
  background:#fff;
  color:var(--navy);
  border-radius:7px;
  padding:7px 10px;
  font-size:11px;
  font-weight:850
}
.order-quickfacts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:var(--shadow);
  margin-bottom:8px;
  overflow:hidden
}
.order-quickfacts>div{
  padding:10px 12px;
  border-right:1px solid #edf1f3;
  min-width:0
}
.order-quickfacts>div:last-child{border-right:0}
.order-quickfacts span,.order-quickfacts b{display:block}
.order-quickfacts span{font-size:9px;color:#8c98a2;margin-bottom:3px}
.order-quickfacts b{font-size:12px;color:#405766;overflow-wrap:anywhere}
.order-detail-grid.single{grid-template-columns:1fr}

@media(max-width:680px){
  /* tighter shell */
  main{padding:10px 10px 82px}
  .topbar-inner{height:56px!important;padding:0 10px!important}
  .logo-main,.logo-ai{font-size:18px}
  .cart-pill{
    width:42px;
    height:42px;
    padding:0!important;
    display:grid;
    place-items:center
  }
  .cart-pill b{min-width:24px;height:24px;font-size:11px}

  /* account navigation: separate readable pills, not one merged sentence */
  .account-shell{gap:6px}
  .account-sidebar{
    position:static;
    border:0;
    background:transparent;
    border-radius:0;
    box-shadow:none;
    overflow:visible
  }
  .account-user{display:none}
  .account-nav{
    display:flex;
    gap:5px;
    overflow-x:auto;
    padding:1px 0 5px;
    margin:0;
    background:transparent;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity
  }
  .account-nav::-webkit-scrollbar{display:none}
  .account-nav button{
    flex:0 0 auto;
    min-width:max-content;
    scroll-snap-align:start;
    white-space:nowrap;
    border:1px solid #d9e1e6;
    background:#fff;
    color:#667986;
    border-radius:7px;
    padding:7px 10px;
    font-size:10px;
    line-height:1;
    font-weight:750
  }
  .account-nav button.active{
    background:#e8eef2;
    border-color:#bfcdd6;
    color:var(--navy);
    font-weight:900
  }
  .account-logout{display:none!important}

  /* compact order header */
  .order-detail-head{
    padding:11px 12px 12px;
    margin-bottom:7px;
    border-radius:9px;
    box-shadow:0 2px 8px rgba(31,55,74,.04)
  }
  .order-detail-toolbar{margin-bottom:9px}
  .order-detail-back{
    font-size:11px;
    font-weight:850
  }
  .order-refresh-compact,
  .order-repeat-compact{
    padding:6px 9px;
    font-size:10px
  }
  .order-detail-title{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:end
  }
  .order-detail-title .eyebrow{
    font-size:8px;
    margin-bottom:3px;
    letter-spacing:.11em
  }
  .order-detail-title h2{
    font-size:27px;
    line-height:1;
    letter-spacing:-.035em
  }
  .order-detail-title p{
    margin-top:4px;
    font-size:10px;
    line-height:1.2
  }
  .order-detail-state{
    gap:5px;
    align-self:end
  }
  .order-detail-state>b{
    font-size:18px;
    line-height:1
  }
  .order-detail-state .status{
    padding:5px 7px;
    font-size:8px;
    line-height:1;
    white-space:nowrap
  }

  /* one dense information strip instead of four large cards */
  .order-quickfacts{
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-bottom:7px;
    border-radius:8px;
    box-shadow:none
  }
  .order-quickfacts>div{
    padding:7px 6px;
    text-align:left
  }
  .order-quickfacts span{
    font-size:8px;
    margin-bottom:2px;
    white-space:nowrap
  }
  .order-quickfacts b{
    font-size:10px;
    line-height:1.2
  }

  /* tracking stays prominent but compact */
  .order-detail-block{
    padding:10px 11px;
    margin-bottom:7px;
    border-radius:9px;
    box-shadow:0 2px 8px rgba(31,55,74,.035)
  }
  .order-detail-block-head{margin-bottom:9px}
  .order-detail-block-head .eyebrow{
    font-size:8px;
    margin-bottom:4px
  }
  .order-detail-block-head h3{
    font-size:15px;
    line-height:1.15
  }
  .order-timeline{
    grid-template-columns:1fr;
    gap:7px
  }
  .timeline-step{
    min-height:28px;
    padding-left:22px
  }
  .timeline-step:before{
    left:6px;
    top:8px;
    bottom:-10px
  }
  .timeline-dot{
    left:1px;
    top:4px;
    width:11px;
    height:11px
  }
  .timeline-copy small{
    font-size:8px;
    margin-bottom:1px
  }
  .timeline-copy b{
    font-size:10px;
    line-height:1.2
  }

  /* position = dense professional row/card */
  .positions-block{padding:10px}
  .order-positions{gap:6px}
  .order-position{
    border-radius:8px;
    background:#fff
  }
  .position-top{
    grid-template-columns:22px minmax(0,1fr) auto;
    gap:7px;
    padding:8px 9px
  }
  .position-index{
    width:20px;
    height:20px;
    border-radius:5px;
    font-size:8px
  }
  .position-top .status{
    grid-column:3;
    grid-row:1;
    align-self:start;
    justify-self:end;
    margin:0;
    padding:5px 6px;
    font-size:8px
  }
  .position-brand-row{
    display:flex;
    flex-wrap:wrap;
    gap:2px 6px
  }
  .position-brand-row b{font-size:11px}
  .position-brand-row span{font-size:9px}
  .position-title h3{
    margin-top:2px;
    font-size:10px;
    line-height:1.25
  }

  .position-meta{
    grid-template-columns:repeat(5,minmax(0,1fr))
  }
  .position-meta>div,
  .position-meta>div:nth-child(n+3){
    padding:6px 5px;
    border-top:0
  }
  .position-meta>div:nth-child(odd),
  .position-meta>div:nth-child(even){
    border-right:1px solid #edf1f3
  }
  .position-meta>div:last-child{border-right:0}
  .position-meta small{
    font-size:7px;
    margin-bottom:2px;
    white-space:nowrap
  }
  .position-meta b{
    font-size:9px;
    line-height:1.15
  }

  .position-timeline{
    padding:9px 6px 7px;
    gap:2px
  }
  .position-timeline .timeline-step{
    min-height:0;
    padding:12px 2px 0;
    border-top-width:2px
  }
  .position-timeline .timeline-dot{
    top:-6px;
    width:9px;
    height:9px
  }
  .position-timeline .timeline-copy b{
    font-size:7px;
    line-height:1.1
  }
  .position-actions{
    min-height:0;
    padding:6px 8px
  }
  .position-return{
    width:auto;
    padding:6px 8px;
    font-size:9px
  }

  /* receiving/comment details */
  .order-detail-grid{gap:7px}
  .order-comment,.receive-note{
    font-size:10px;
    line-height:1.35
  }
  .receive-info>div{
    grid-template-columns:62px minmax(0,1fr);
    gap:8px;
    padding:6px 0;
    font-size:10px
  }
  .receive-note{margin-top:7px}

  /* bottom navigation should not cover half the page */
  .mobile-nav{
    left:10px;
    right:10px;
    bottom:max(8px,env(safe-area-inset-bottom));
    height:54px;
    border-radius:13px;
    padding:0 3px;
    box-shadow:0 8px 20px rgba(12,30,44,.22)
  }
  .mobile-nav button{
    flex:1;
    font-size:10px;
    padding:8px 3px;
    font-weight:750
  }
}


/* Dense personal cabinet overview */
@media(max-width:680px){
  #account-overview .account-head{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    padding:13px 14px;
    margin-bottom:7px;
    align-items:start;
  }
  #account-overview .account-head .eyebrow{
    font-size:8px;
    margin-bottom:4px;
  }
  #account-overview .account-head h2{
    font-size:25px;
    line-height:1.05;
    margin:0 0 4px;
  }
  #account-overview .account-head p{
    font-size:11px;
    line-height:1.35;
    max-width:none;
  }
  #account-overview .account-head .account-primary{
    width:100%;
    justify-self:stretch;
    padding:9px 11px;
    font-size:11px;
  }

  #account-overview .account-stats{
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin-bottom:7px;
  }
  #account-overview .account-stats article{
    min-height:0;
    padding:10px 11px;
    border-radius:9px;
    box-shadow:0 2px 8px rgba(31,55,74,.035);
  }
  #account-overview .account-stats span{
    font-size:9px;
    line-height:1.2;
  }
  #account-overview .account-stats b{
    font-size:22px;
    line-height:1;
    margin:7px 0 3px;
  }
  #account-overview .account-stats small{
    font-size:9px;
    line-height:1.2;
  }

  #account-overview .account-block{
    padding:11px 12px;
    margin-bottom:7px;
    border-radius:9px;
    box-shadow:0 2px 8px rgba(31,55,74,.035);
  }
  #account-overview .account-block-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:10px;
    margin-bottom:7px;
  }
  #account-overview .account-block-head .eyebrow{
    font-size:8px;
    margin-bottom:3px;
  }
  #account-overview .account-block-head h3{
    font-size:16px;
    line-height:1.1;
    white-space:nowrap;
  }
  #account-overview .account-block-head button{
    flex:0 0 auto;
    font-size:10px;
    padding:4px 0;
  }

  #account-overview .account-order{
    grid-template-columns:minmax(0,1fr) auto;
    gap:6px 8px;
    padding:8px 0;
  }
  #account-overview .account-order small{font-size:9px}
  #account-overview .account-order b{
    font-size:11px;
    margin:2px 0;
  }
  #account-overview .account-order span{font-size:9px}
  #account-overview .account-order .status{
    font-size:8px;
    padding:5px 6px;
    margin:0;
  }
  #account-overview .order-progress{
    grid-column:1/3;
    gap:2px;
  }
  #account-overview .order-progress i{height:3px}

  #account-overview .account-grid-2{
    gap:7px;
  }

  .account-content{
    min-width:0;
    width:100%;
    overflow:hidden;
  }
}


/* Dense mobile landing */
@media(max-width:680px){
  .minimal-home{
    min-height:0;
    display:block;
    padding:28px 2px 22px;
  }
  .minimal-hero{
    width:100%;
    text-align:left;
  }
  .minimal-kicker{
    margin-bottom:8px;
    font-size:9px;
    letter-spacing:.16em;
  }
  .minimal-hero h1{
    max-width:340px;
    font-size:43px;
    line-height:.95;
    letter-spacing:-.055em;
  }
  .minimal-hero>p{
    margin:12px 0 0;
    max-width:340px;
    font-size:13px;
    line-height:1.35;
  }
  .minimal-search{
    display:grid;
    grid-template-columns:minmax(0,1fr) 86px;
    gap:6px;
    margin:18px 0 0;
    max-width:none;
  }
  .minimal-search textarea{
    min-height:48px;
    max-height:96px;
    border-radius:9px;
    padding:13px 14px;
    font-size:13px;
    line-height:1.25;
    box-shadow:none;
  }
  .minimal-search button{
    min-width:0;
    min-height:48px;
    width:auto;
    border-radius:9px;
    padding:0 12px;
    font-size:12px;
  }
  .minimal-note{
    margin:8px 2px 0;
    font-size:9px;
    line-height:1.25;
    letter-spacing:.02em;
  }
}


/* Mobile clarity pass: orange navigation + denser orders */
@media(max-width:680px){
  .mobile-nav{
    background:linear-gradient(180deg,#f7a657 0%,var(--orange) 100%);
    border:1px solid rgba(130,76,24,.16);
    box-shadow:0 10px 24px rgba(122,72,25,.22);
    gap:3px;
  }
  .mobile-nav button{
    min-width:0;
    border-radius:10px;
    color:#5c3d21;
    opacity:.82;
    transition:background .16s ease,color .16s ease,opacity .16s ease,transform .16s ease;
  }
  .mobile-nav button.active{
    background:#fff;
    color:var(--navy-3);
    opacity:1;
    box-shadow:0 3px 10px rgba(88,51,17,.16);
  }
  .mobile-nav button:active{transform:scale(.98)}
  .mobile-nav b{
    display:inline-grid;
    min-width:17px;
    height:17px;
    place-items:center;
    margin-left:2px;
    padding:0 4px;
    border-radius:999px;
    background:rgba(255,255,255,.72);
    color:#6a401c;
    font-size:9px;
  }
  .mobile-nav button.active b{
    background:var(--navy-3);
    color:#fff;
  }

  #account-orders .account-head{
    padding:11px 12px;
    margin-bottom:7px;
    border-radius:9px;
    box-shadow:0 2px 8px rgba(31,55,74,.035);
  }
  #account-orders .account-head .eyebrow{
    font-size:8px;
    margin-bottom:3px;
  }
  #account-orders .account-head h2{
    margin:0;
    font-size:23px;
    line-height:1.05;
  }
  #account-orders .account-head p{display:none}

  #account-orders .account-toolbar{
    grid-template-columns:minmax(0,1.3fr) minmax(105px,.7fr);
    gap:6px;
    padding:7px;
    margin-bottom:7px;
    border-radius:9px;
    box-shadow:none;
  }
  #account-orders .account-toolbar input,
  #account-orders .account-toolbar select{
    min-width:0;
    width:100%;
    padding:8px 9px;
    font-size:11px;
    border-radius:7px;
  }

  #account-orders .account-table{
    border-radius:9px;
    box-shadow:none;
  }
  #account-orders .account-table-row{
    grid-template-columns:56px minmax(0,1fr) 28px;
    grid-template-rows:auto auto;
    gap:3px 8px;
    min-height:0;
    padding:9px 10px;
    align-items:center;
  }
  #account-orders .account-table-row>b{
    grid-column:1;
    grid-row:1;
    font-size:12px;
    color:var(--navy-3);
  }
  #account-orders .account-table-row span:nth-child(2){
    display:block;
    grid-column:1;
    grid-row:2;
    font-size:8px;
    color:#929da5;
    white-space:nowrap;
  }
  #account-orders .account-table-row span:nth-child(3){display:none}
  #account-orders .account-table-row span:nth-child(4){
    grid-column:2;
    grid-row:1;
    font-size:12px;
    font-weight:850;
    color:#405766;
    white-space:nowrap;
  }
  #account-orders .account-table-row .status{
    grid-column:2;
    grid-row:2;
    justify-self:start;
    margin:0;
    padding:4px 6px;
    font-size:8px;
    line-height:1;
  }
  #account-orders .account-table-row button{
    grid-column:3;
    grid-row:1/3;
    width:28px;
    height:32px;
    overflow:hidden;
    padding:0;
    border-radius:7px;
    background:#f2f5f7;
    color:transparent;
    text-decoration:none;
    position:relative;
  }
  #account-orders .account-table-row button:after{
    content:"›";
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:#526977;
    font-size:22px;
    line-height:1;
  }
}


/* Mobile cart redesign — compact, readable, no overlapping fields */
@media(max-width:1100px){
  #view-cart{
    padding-bottom:84px;
  }

  #view-cart .back-link{
    margin:0 0 10px;
    padding:2px 0;
    border:0;
    background:transparent;
    color:#607482;
    font-size:13px;
    font-weight:800;
  }

  #view-cart .checkout-title{
    margin:0 0 8px;
    padding:10px 12px;
    border-radius:9px;
    background:var(--navy-3);
    text-align:left;
    font-size:18px;
    line-height:1.15;
  }

  #view-cart .cart-livebar{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    padding:9px 10px;
    margin-bottom:8px;
    border-radius:9px;
    background:#fff;
    box-shadow:0 2px 8px rgba(31,55,74,.035);
  }
  #view-cart .cart-livebar b{
    font-size:11px;
    line-height:1.25;
  }
  #view-cart .cart-livebar span{
    margin-top:2px;
    font-size:9px;
  }
  #view-cart .cart-livebar button{
    padding:7px 9px;
    border-radius:7px;
    font-size:10px;
    white-space:nowrap;
  }

  #view-cart .order-table-wrap{
    width:100%;
    overflow:visible;
    background:transparent;
    border:0;
  }

  #view-cart .order-cart-row{
    min-width:0;
    display:grid;
    grid-template-columns:26px minmax(0,1fr) auto;
    grid-template-rows:auto auto auto auto auto auto;
    gap:0 8px;
    margin-bottom:8px;
    padding:9px 9px 8px;
    border:1px solid #d9e2e7;
    border-radius:10px;
    background:#fff;
    box-shadow:0 2px 8px rgba(31,55,74,.035);
  }

  #view-cart .order-cart-row>div{
    min-width:0;
    padding:0;
    border:0;
    display:flex;
    align-items:center;
  }

  #view-cart .order-cart-row .row-select{
    grid-column:1;
    grid-row:1 / 5;
    align-items:flex-start;
    justify-content:center;
    padding-top:2px;
  }
  #view-cart .cart-check{
    width:17px;
    height:17px;
  }

  #view-cart .order-cart-row .article-cell{
    grid-column:2;
    grid-row:1;
    font-size:13px;
    font-weight:900;
    line-height:1.15;
    overflow-wrap:anywhere;
  }
  #view-cart .cart-article{
    color:var(--navy-3);
    text-decoration:none;
  }

  #view-cart .order-cart-row .description-cell{
    grid-column:2;
    grid-row:2;
    margin-top:3px;
    padding:0;
    color:#667782;
    font-size:10px;
    line-height:1.25;
    pointer-events:auto;
  }

  #view-cart .order-cart-row .price-cell{
    grid-column:3;
    grid-row:1;
    align-self:start;
    justify-content:flex-end;
    padding-left:5px;
    font-size:13px;
    font-weight:950;
  }
  #view-cart .cart-price-stack{
    min-width:max-content;
    text-align:right;
  }

  #view-cart .order-cart-row .qty-cell{
    grid-column:3;
    grid-row:2 / 4;
    justify-content:flex-end;
    align-self:center;
    padding-left:8px;
  }
  #view-cart .cart-stepper{
    grid-template-columns:26px 34px 26px;
    border-radius:7px;
  }
  #view-cart .cart-stepper button{
    height:30px;
    font-size:17px;
  }
  #view-cart .cart-stepper span{
    height:30px;
    font-size:12px;
  }

  #view-cart .order-cart-row .warehouse-cell{
    grid-column:2;
    grid-row:3;
    margin-top:7px;
    color:#6a7b87;
    font-size:9px;
  }
  #view-cart .order-cart-row .warehouse-cell:before{
    content:"Склад ";
    color:#9aa5ad;
    margin-right:4px;
  }

  #view-cart .order-cart-row .term-cell{
    grid-column:2;
    grid-row:4;
    margin-top:3px;
    color:#6a7b87;
    font-size:9px;
  }
  #view-cart .order-cart-row .term-cell:before{
    content:"Срок ";
    color:#9aa5ad;
    margin-right:4px;
  }

  #view-cart .order-cart-row .availability-cell{
    grid-column:3;
    grid-row:4;
    justify-content:flex-end;
    margin-top:3px;
    color:#526873;
    font-size:9px;
    font-weight:800;
  }
  #view-cart .order-cart-row .availability-cell:before{
    content:"В наличии ";
    color:#9aa5ad;
    font-weight:500;
    margin-right:4px;
  }

  #view-cart .order-cart-row .comment-cell{
    grid-column:1 / 4;
    grid-row:5;
    margin-top:8px;
  }
  #view-cart .cart-comment input{
    width:100%;
    min-height:32px;
    padding:7px 9px;
    border:1px solid #d8e0e5;
    border-radius:7px;
    background:#fbfcfd;
    font-size:10px;
    outline:0;
  }
  #view-cart .cart-comment input:focus{
    border-color:#b5c6d1;
    background:#fff;
  }

  #view-cart .order-cart-row .remove-cell{
    grid-column:1 / 4;
    grid-row:6;
    justify-content:flex-end;
    margin-top:6px;
    padding-top:6px;
    border-top:1px solid #eef2f4;
  }
  #view-cart .cart-remove-icon{
    width:26px;
    height:26px;
    margin:0;
    border-radius:7px;
    background:#eef2f4;
    color:#7a8790;
    font-size:16px;
  }

  #view-cart .order-cart-row .brand-cell,
  #view-cart .order-cart-row .sum-cell,
  #view-cart .order-cart-row .row-number{
    display:none;
  }

  #view-cart .cart-total-row{
    margin-top:3px;
    padding:10px 12px;
    border:1px solid #d9e2e7;
    border-radius:9px;
    font-size:14px;
  }
  #view-cart .cart-total-row strong{
    font-size:18px;
    color:var(--navy-3);
  }

  #view-cart .cart-bulk-actions{
    grid-template-columns:1fr 1fr 1fr;
    gap:5px;
    margin-top:7px;
  }
  #view-cart .cart-bulk-actions button{
    min-width:0;
    padding:8px 4px;
    border-radius:7px;
    font-size:9px;
    line-height:1.15;
  }

  #view-cart .checkout-order-button{
    margin-top:7px;
    padding:11px 12px;
    border-radius:9px;
    font-size:14px;
  }

  #view-cart .cart-import{
    margin-top:9px;
    border-radius:9px;
    overflow:hidden;
  }
  #view-cart .cart-import summary{
    padding:10px 11px;
    font-size:10px;
  }
  #view-cart .order-warning{
    margin-top:8px;
    padding:10px 11px;
    border-radius:9px;
    font-size:9px;
    line-height:1.35;
  }
}


/* Cross-device QA pass: desktop / iPad / iPhone */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  width:100%;
  max-width:100%;
  overflow-x:hidden
}
body{
  width:100%;
  max-width:100%;
  min-width:320px;
  overflow-x:hidden
}
.app,main,.view,.account-content,.account-pane,.garage-tab-body,
.garage-owner-main,.garage-owner-side,.garage-service-main,
.product-group,.supply-list,.order-table-wrap{
  min-width:0;
  max-width:100%
}
img,video,canvas{max-width:100%;height:auto}
svg{max-width:100%}
input,select,textarea,button{min-width:0}
button,[role="button"]{touch-action:manipulation}
input,select,textarea{max-width:100%}

/* Narrow desktop + iPad landscape: prevent the cart table from becoming a horizontal page. */
@media(max-width:1100px){
  #view-cart .order-table-head{display:none}
  #view-cart .order-table-wrap{
    overflow:visible;
    border:0;
    background:transparent
  }
  #view-cart .order-cart-row{
    width:100%;
    max-width:100%
  }
  #view-cart .cart-livebar,
  #view-cart .cart-total-row,
  #view-cart .cart-import,
  #view-cart .order-warning{
    max-width:100%
  }
}

/* iPad portrait and smaller: navigation and account layout stay usable. */
@media(max-width:900px){
  main{
    width:calc(100% - 28px);
    max-width:100%;
    padding-bottom:96px
  }
  .topbar-inner{
    width:100%;
    max-width:100%;
    padding-left:18px;
    padding-right:18px
  }

  .mobile-nav{
    display:flex;
    left:50%;
    right:auto;
    width:min(620px,calc(100% - 20px));
    transform:translateX(-50%);
    bottom:max(8px,env(safe-area-inset-bottom));
    height:56px;
    padding:3px;
    border-radius:15px;
    background:linear-gradient(180deg,#f7a657 0%,var(--orange) 100%);
    border:1px solid rgba(130,76,24,.16);
    box-shadow:0 10px 24px rgba(122,72,25,.22);
    gap:3px;
    z-index:65
  }
  .mobile-nav button{
    flex:1;
    height:48px;
    padding:0 8px;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#5c3d21;
    opacity:.84;
    font-size:11px;
    font-weight:800;
    white-space:nowrap
  }
  .mobile-nav button.active{
    background:#fff;
    color:var(--navy-3);
    opacity:1;
    box-shadow:0 3px 10px rgba(88,51,17,.16)
  }
  .mobile-nav b{
    display:inline-grid;
    min-width:18px;
    height:18px;
    place-items:center;
    margin-left:2px;
    padding:0 4px;
    border-radius:999px;
    background:rgba(255,255,255,.72);
    color:#6a401c;
    font-size:9px
  }
  .mobile-nav button.active b{
    background:var(--navy-3);
    color:#fff
  }

  .account-user{display:none}
  .account-sidebar{
    position:static;
    max-width:100%
  }
  .account-nav{
    display:flex;
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none
  }
  .account-nav::-webkit-scrollbar{display:none}
  .account-nav button{flex:0 0 auto}

  .garage-vehicle-strip,
  .garage-tabs{
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch
  }
  .garage-vehicle-strip>button{flex:0 0 auto}

  #view-cart .checkout-title{
    border-radius:10px;
    text-align:left
  }
  #view-cart .cart-bulk-actions{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}

/* iPhone and other narrow phones. */
@media(max-width:680px){
  main{
    width:100%;
    padding-left:12px;
    padding-right:12px;
    padding-bottom:calc(88px + env(safe-area-inset-bottom))
  }
  .topbar-inner{
    width:100%!important;
    height:62px!important;
    padding:0 12px!important
  }
  .logo{
    min-width:0;
    white-space:nowrap
  }
  .logo-main,.logo-ai{font-size:20px}

  /* Keep Safari from auto-zooming focused fields and shifting the whole layout. */
  input,select,textarea{
    font-size:16px!important
  }
  .minimal-search textarea{
    font-size:16px!important;
    line-height:1.25
  }

  .catalog-query-head{
    min-width:0;
    gap:10px
  }
  .catalog-query-head>div{min-width:0}
  .catalog-query-head h2{
    overflow-wrap:anywhere
  }
  .sort-row{
    max-width:100%;
    overflow:hidden
  }
  .sort-row button{
    flex:0 0 auto
  }

  .product-title small{
    max-width:100%
  }
  .supply-row{
    min-width:0
  }
  .supply-left{
    min-width:0;
    overflow:hidden
  }
  .supply-warehouse{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }
  .supply-price,.supply-stock{white-space:nowrap}

  .account-head,
  .account-block,
  .account-table,
  .garage-owner-head,
  .garage-car-hero,
  .garage-mileage-card,
  .garage-panel,
  .garage-service-head,
  .garage-fitment,
  .garage-service-item,
  .order-detail-head,
  .order-detail-block,
  .order-position{
    max-width:100%;
    min-width:0
  }

  .garage-vin-entry{
    min-width:0
  }
  .garage-vin-entry input{
    width:100%!important;
    min-width:0
  }
  .garage-measure-form input,
  .garage-mileage-edit input,
  .account-form input,
  .auth-form input,
  .cart-comment input{
    width:100%;
    min-width:0
  }

  #view-cart{
    max-width:100%;
    overflow:hidden
  }
  #view-cart .cart-livebar{
    grid-template-columns:minmax(0,1fr) auto
  }
  #view-cart .cart-livebar button{
    max-width:122px;
    white-space:normal;
    line-height:1.15
  }
  #view-cart .order-cart-row{
    overflow:hidden
  }
  #view-cart .cart-comment input{
    font-size:16px!important
  }
  #view-cart .cart-bulk-actions{
    grid-template-columns:1fr
  }
  #view-cart .cart-bulk-actions button{
    min-height:38px;
    font-size:11px
  }

  .mobile-nav{
    width:calc(100% - 20px);
    height:54px
  }
  .mobile-nav button{
    height:46px;
    padding:0 3px;
    font-size:10px
  }
}

/* Very small iPhones: trade density for readability instead of squeezing. */
@media(max-width:390px){
  .minimal-hero h1{font-size:39px}
  .minimal-search{
    grid-template-columns:minmax(0,1fr) 78px;
    gap:5px
  }
  .minimal-search button{
    padding:0 8px;
    font-size:11px
  }

  .supply-row{
    grid-template-columns:minmax(0,1fr) 66px 48px 34px!important;
    gap:4px!important
  }
  .supply-warehouse{display:none}
  .supply-price{font-size:12px}
  .supply-stock{font-size:10px}
  .cart-icon-btn{width:34px;height:34px}

  .order-quickfacts{
    grid-template-columns:1fr 1fr!important
  }
  .position-meta{
    grid-template-columns:1fr 1fr!important
  }
  .position-meta>div{
    border-top:1px solid #edf1f3!important
  }
  .position-meta>div:nth-child(-n+2){
    border-top:0!important
  }

  .garage-next-service,
  .garage-measure-form{
    grid-template-columns:1fr!important
  }
  .garage-next-service .garage-primary,
  .garage-measure-form label,
  .garage-measure-form label:first-child,
  .garage-measure-note,
  .garage-measure-actions{
    grid-column:1!important
  }
  .garage-measure-actions{
    grid-template-columns:1fr!important
  }

  #view-cart .order-cart-row{
    grid-template-columns:22px minmax(0,1fr) auto
  }
  #view-cart .order-cart-row .price-cell{font-size:12px}
  #view-cart .cart-stepper{
    grid-template-columns:24px 30px 24px
  }
}


/* Screenshot QA refinements: mobile home, orders and dense cart workflow */
.cart-bulk-actions-top,
.cart-checkout-top{
  display:none
}

@media(max-width:900px){
  .cart-bulk-actions-top{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin:0 0 6px
  }
  .cart-bulk-actions-top button{
    min-width:0;
    padding:9px 7px;
    border:1px solid #d7dfe4;
    border-radius:8px;
    background:#e9edef;
    color:#3f4d56;
    font-size:10px;
    font-weight:850;
    line-height:1.15
  }
  .cart-checkout-top{
    display:block;
    margin:0 0 8px
  }

  .account-nav{
    scroll-snap-type:x proximity;
    scroll-padding-inline:8px
  }
  .account-nav button{
    scroll-snap-align:start
  }
}

@media(max-width:680px){
  .minimal-search textarea{
    min-height:54px;
    height:54px;
    max-height:88px;
    padding:15px 14px;
    overflow:hidden
  }

  #account-orders .account-toolbar{
    align-items:stretch
  }
  #account-orders .account-toolbar input,
  #account-orders .account-toolbar select{
    min-height:44px
  }

  .cart-bulk-actions-top{
    grid-template-columns:1fr 1fr 1fr
  }
  .cart-bulk-actions-top button{
    padding:8px 4px;
    font-size:9px
  }
  .cart-checkout-top{
    min-height:42px;
    font-size:13px
  }
}

@media(max-width:430px){
  #account-orders .account-toolbar{
    grid-template-columns:1fr!important
  }
  #account-orders .account-toolbar select{
    width:100%
  }
  .account-nav{
    gap:4px;
    padding-right:18px
  }
  .account-nav button{
    font-size:11px;
    padding:8px 9px
  }

  .cart-bulk-actions-top{
    grid-template-columns:1fr
  }
  .cart-bulk-actions-top button{
    min-height:36px;
    font-size:11px
  }
}


/* Final responsive/interaction QA layer */
.app-toast{
  position:fixed;
  left:50%;
  bottom:calc(88px + env(safe-area-inset-bottom));
  transform:translate(-50%,14px);
  width:min(520px,calc(100% - 28px));
  padding:11px 14px;
  border-radius:10px;
  background:var(--navy-3);
  color:#fff;
  font-size:12px;
  line-height:1.35;
  text-align:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
  box-shadow:0 10px 30px rgba(15,38,57,.24);
  z-index:120
}
.app-toast.show{opacity:1;transform:translate(-50%,0)}
.app-toast.warn{background:#765322}

.filters-toggle{display:none}

:where(button,input,select,textarea):focus-visible{
  outline:3px solid rgba(244,154,69,.38);
  outline-offset:2px
}

html{scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom))}

@media(max-width:680px){
  .filters-toggle{display:block;border-radius:8px}
  .compact-filters{display:none}
  .compact-filters.open{
    display:flex;
    overflow-x:auto;
    gap:7px;
    padding:0 0 4px;
    scrollbar-width:none
  }
  .compact-filters.open::-webkit-scrollbar{display:none}
  .compact-filters.open button{flex:0 0 auto}

  .catalog-actions{margin-top:8px}
  .sort-row{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:3px;
    scrollbar-width:none
  }
  .sort-row::-webkit-scrollbar{display:none}
  .sort-row>span{flex:0 0 auto}
  .sort-row button{white-space:nowrap}

  .account-nav,
  .garage-tabs,
  .garage-vehicle-strip{
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 18px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 18px),transparent 100%)
  }

  .order-detail-title,
  .garage-panel-head,
  .account-block-head{
    min-width:0
  }

  .app-toast{
    bottom:calc(72px + env(safe-area-inset-bottom));
    font-size:11px
  }
}

/* iPhone landscape: preserve usable content height and avoid oversized chrome. */
@media(max-width:900px) and (orientation:landscape) and (max-height:500px){
  .topbar-inner{
    height:50px!important
  }
  .logo-main,.logo-ai{font-size:18px}
  main{
    padding-top:10px;
    padding-bottom:calc(58px + env(safe-area-inset-bottom))
  }
  .mobile-nav{
    height:44px;
    bottom:max(4px,env(safe-area-inset-bottom));
    border-radius:12px
  }
  .mobile-nav button{
    height:38px;
    font-size:9px
  }
  .minimal-home{padding:14px 2px 10px}
  .minimal-hero h1{
    max-width:520px;
    font-size:36px
  }
  .minimal-hero>p{margin-top:7px}
  .minimal-search{margin-top:10px}
  .account-head,.garage-owner-head{padding:12px 14px}
  .app-toast{bottom:calc(54px + env(safe-area-inset-bottom))}
}

/* Large desktop polish. */
@media(min-width:1101px){
  .checkout-title{
    border-radius:12px;
    text-align:left
  }
  #view-cart .cart-bulk-actions-top,
  #view-cart .cart-checkout-top{
    display:none
  }
  .account-shell{gap:18px}
  .account-sidebar{top:96px}
}


/* Safe-area and landscape input stability */
@media(max-width:900px) and (hover:none) and (pointer:coarse){
  input,select,textarea{font-size:16px!important}
}

@media(max-width:900px){
  .topbar-inner{
    padding-left:max(12px,env(safe-area-inset-left))!important;
    padding-right:max(12px,env(safe-area-inset-right))!important
  }
  main{
    padding-left:max(12px,env(safe-area-inset-left));
    padding-right:max(12px,env(safe-area-inset-right))
  }
  .mobile-nav{
    width:min(620px,calc(100% - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)))
  }
}


/* Garage vehicle editor */
.vehicle-editor-backdrop{
  position:fixed;
  inset:0;
  z-index:130;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(9,24,36,.46);
  opacity:0;
  transition:opacity .16s ease
}
.vehicle-editor-backdrop.show{opacity:1}
.vehicle-editor{
  width:min(620px,100%);
  max-height:min(760px,calc(100dvh - 48px));
  overflow:auto;
  background:#fff;
  border:1px solid #dce3e8;
  border-radius:16px;
  box-shadow:0 24px 70px rgba(9,24,36,.28)
}
.vehicle-editor-head{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px 14px;
  background:#fff;
  border-bottom:1px solid #edf1f3
}
.vehicle-editor-head h3{
  margin:0;
  color:var(--navy-3);
  font-size:26px
}
.vehicle-editor-close{
  width:34px;
  height:34px;
  border:0;
  border-radius:8px;
  background:#eef2f4;
  color:#677985;
  font-size:22px;
  line-height:1
}
.vehicle-editor-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:18px 20px 20px
}
.vehicle-editor-form label span{
  display:block;
  margin-bottom:5px;
  color:#778691;
  font-size:11px
}
.vehicle-editor-form input{
  width:100%;
  border:1px solid #d2dce3;
  border-radius:8px;
  padding:11px 12px;
  outline:0;
  background:#fff;
  color:var(--text)
}
.vehicle-editor-form input:focus{
  border-color:#9fb2bf;
  box-shadow:0 0 0 3px rgba(46,83,108,.08)
}
.vehicle-editor-form .wide{grid-column:1/3}
.vehicle-editor-actions{
  grid-column:1/3;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding-top:4px
}
.vehicle-editor-actions>button:not(.account-primary){
  border:1px solid #cfd8df;
  border-radius:8px;
  background:#fff;
  color:#60717d;
  padding:10px 13px;
  font-weight:800
}

@media(max-width:680px){
  .vehicle-editor-backdrop{
    place-items:end center;
    padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))
  }
  .vehicle-editor{
    width:100%;
    max-height:calc(100dvh - 20px);
    border-radius:14px
  }
  .vehicle-editor-head{padding:14px}
  .vehicle-editor-head h3{font-size:22px}
  .vehicle-editor-form{
    grid-template-columns:1fr;
    gap:10px;
    padding:14px
  }
  .vehicle-editor-form .wide,
  .vehicle-editor-actions{grid-column:1}
  .vehicle-editor-actions{
    display:grid;
    grid-template-columns:1fr 1fr
  }
}


/* Mobile readability floor: keep dense screens legible on real iPhones */
@media(max-width:680px){
  .account-nav button{font-size:11px}
  .order-detail-title .eyebrow,
  .order-detail-state .status,
  .order-detail-block-head .eyebrow,
  .timeline-copy small,
  .position-index,
  .position-top .status{
    font-size:9px
  }
  .order-quickfacts span{font-size:9px}
  .order-quickfacts b{font-size:11px}
  .position-title h3{font-size:11px}
  .position-meta small{font-size:9px}
  .position-meta b{font-size:10px}
  .position-timeline .timeline-copy b{
    font-size:9px;
    line-height:1.2
  }
  .position-return{font-size:10px}
}


/* Cart cleanup after real-device QA */
@media(max-width:900px){
  #view-cart .checkout-title{
    margin-bottom:8px;
    padding:9px 12px;
    border-radius:9px;
    background:#fff;
    border:1px solid var(--line);
    color:var(--navy-3);
    font-size:20px;
    box-shadow:0 2px 8px rgba(31,55,74,.035)
  }

  #view-cart .cart-bulk-actions:not(.cart-bulk-actions-top){
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin-top:8px
  }
  #view-cart .cart-bulk-actions:not(.cart-bulk-actions-top) button{
    min-width:0;
    min-height:38px;
    padding:8px 5px;
    border:1px solid #d7dfe4;
    border-radius:8px;
    background:#eef2f4;
    color:#465863;
    font-size:10px;
    font-weight:850;
    line-height:1.15
  }
  #view-cart .checkout-order-button{
    min-height:44px;
    margin-top:7px;
    border-radius:9px;
    font-size:14px
  }
}

@media(max-width:430px){
  #view-cart .cart-bulk-actions:not(.cart-bulk-actions-top){
    grid-template-columns:repeat(3,minmax(0,1fr))!important
  }
  #view-cart .cart-bulk-actions:not(.cart-bulk-actions-top) button{
    min-height:36px;
    padding:7px 3px;
    font-size:9px
  }
  #view-cart .cart-comment input{
    min-height:40px
  }
}


/* Live supplier mode: verified offer identification + manual price confirmation */
.quote-contact{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.quote-contact label{display:grid;gap:6px;color:#6f7e89;font-size:12px}
.quote-contact input{width:100%;box-sizing:border-box;border:1px solid #d6dee4;border-radius:10px;background:#fff;padding:12px 13px;font:inherit;color:#263843}
.quote-contact input:focus{outline:2px solid rgba(38,56,67,.12);border-color:#82939f}
.quote-only-label{font-weight:800;color:#7a8792;white-space:nowrap}
.quote-request-btn{border:0;background:#263843;color:#fff;border-radius:9px;padding:10px 12px;font-weight:800}
.quote-request-btn.added{background:#2b7d53}
@media(max-width:680px){.quote-contact{grid-template-columns:1fr}}


/* Live two-stage catalog */
[hidden]{display:none!important}
.brand-choice{
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  border-radius:11px;
  box-shadow:0 3px 12px rgba(31,55,74,.035)
}
.brand-choice-button{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:13px 14px;
  border:0;
  background:#fff;
  color:inherit;
  text-align:left
}
.brand-choice-button:hover{background:#f8fafb}
.brand-choice-logo{
  width:46px;
  height:40px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #dbe3e8;
  border-radius:8px;
  background:#f4f7f8;
  color:#5e707c;
  font-size:10px;
  font-weight:900
}
.brand-choice-main{min-width:0;display:grid;gap:4px}
.brand-choice-line{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:10px;
  flex-wrap:wrap
}
.brand-choice-line b{
  color:var(--navy-3);
  font-size:14px
}
.brand-choice-line code{
  color:#556974;
  font-size:12px;
  overflow-wrap:anywhere
}
.brand-choice-main small{
  min-width:0;
  color:#7c8993;
  font-size:12px;
  line-height:1.35
}
.brand-choice-action{
  white-space:nowrap;
  color:var(--navy);
  font-size:12px;
  font-weight:850
}
.search-state-card .product-group-head{grid-template-columns:1fr}
.search-state-card .product-title small{display:block;margin-top:5px}
.catalog-actions,.compact-filters{max-width:100%}
.sort-row{
  max-width:100%;
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch
}
.sort-row::-webkit-scrollbar{display:none}
.sort-row button,.sort-row>span{flex:0 0 auto}

@media(max-width:680px){
  .brand-choice-button{
    grid-template-columns:40px minmax(0,1fr);
    gap:10px;
    padding:11px
  }
  .brand-choice-logo{
    width:40px;
    height:38px
  }
  .brand-choice-action{
    grid-column:2;
    justify-self:start;
    white-space:normal
  }
  .catalog-actions{min-width:0;overflow:hidden}
  .sort-row{
    width:100%;
    margin-left:0;
    padding-bottom:2px
  }
  .sort-row button{
    min-width:max-content;
    padding-left:10px;
    padding-right:10px
  }
  #view-search{min-width:0}
  #view-search .compact-results,
  #view-search .product-group,
  #view-search .supply-list{min-width:0}
}


/* Live cart verification */
.checkout-recheck-note{
  margin:8px 2px 0;
  color:#74828c;
  font-size:11px;
  line-height:1.4;
  text-align:right
}
.order-cart-row.unavailable{
  opacity:.64
}
.order-cart-row.unavailable .cart-price-cell,
.order-cart-row.unavailable .cart-availability{
  color:#8a969e
}
#refreshCartButton:disabled,
#checkoutOrderButton:disabled{
  cursor:wait;
  opacity:.65
}
@media(max-width:680px){
  .checkout-recheck-note{
    text-align:left;
    font-size:10px
  }
}


/* Checkout delivery context */
.checkout-delivery-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin:8px 0 0;
  padding:12px 14px;
  border:1px solid #dbe3e8;
  border-radius:10px;
  background:#fff
}
.checkout-delivery-summary>div{
  min-width:0;
  display:grid;
  gap:3px
}
.checkout-delivery-summary small{
  color:#8b98a1;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em
}
.checkout-delivery-summary b{
  min-width:0;
  color:var(--navy-3);
  font-size:12px;
  line-height:1.3;
  overflow-wrap:anywhere
}
.checkout-delivery-summary span{
  color:#788792;
  font-size:10px;
  line-height:1.35
}
.checkout-delivery-summary button{
  border:1px solid #d2dce2;
  border-radius:8px;
  background:#f4f7f8;
  color:#526773;
  padding:8px 10px;
  font-size:10px;
  font-weight:850
}
.order-delivery-line{
  margin-top:5px!important;
  color:#647986!important;
  font-size:10px!important;
  line-height:1.35!important
}
@media(max-width:680px){
  .checkout-delivery-summary{
    grid-template-columns:minmax(0,1fr) auto;
    padding:10px 11px;
    gap:8px
  }
  .checkout-delivery-summary button{
    padding:8px;
    font-size:9px
  }
}

.order-item-comment{
  display:block;
  margin-top:5px;
  color:#6c7f8c;
  font-size:10px;
  line-height:1.35;
  font-weight:650
}


/* Account notification feed */
.notification-badge{
  display:inline-grid;
  min-width:18px;
  height:18px;
  place-items:center;
  margin-left:5px;
  padding:0 5px;
  border-radius:999px;
  background:var(--orange);
  color:#fff;
  font-size:9px;
  line-height:1
}
.notification-feed-block{margin-top:12px}
.notification-feed{
  display:grid;
  gap:7px
}
.notification-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
  padding:11px 12px;
  border:1px solid #e1e7eb;
  border-radius:9px;
  background:#fff
}
.notification-item.unread{
  border-color:#e7c291;
  background:#fffaf3
}
.notification-item>div{
  min-width:0;
  display:grid;
  gap:3px
}
.notification-item small{
  color:#89969f;
  font-size:9px
}
.notification-item b{
  color:var(--navy-3);
  font-size:12px;
  line-height:1.25
}
.notification-item p{
  margin:0;
  color:#697b87;
  font-size:10px;
  line-height:1.4
}
.notification-item>span{
  color:#89969f;
  font-size:9px;
  font-weight:800;
  white-space:nowrap
}
.notification-item.unread>span{color:#a46424}
@media(max-width:680px){
  .notification-item{
    grid-template-columns:minmax(0,1fr) auto;
    padding:10px
  }
  .notification-item b{font-size:11px}
  .notification-item p{font-size:10px}
}


/* First customer visit: authentication is the only entry point. */
body.guest-mode .header-actions{display:none!important}
body.guest-mode .mobile-nav{display:none!important}
body.guest-mode #view-auth{
  min-height:calc(100dvh - 76px)
}
.auth-points{
  display:grid;
  gap:9px;
  margin-top:24px;
  max-width:520px
}
.auth-points span{
  position:relative;
  padding-left:22px;
  color:#526a78;
  font-size:13px;
  font-weight:750;
  line-height:1.35
}
.auth-points span::before{
  content:"";
  position:absolute;
  left:2px;
  top:.42em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--orange)
}
@media(max-width:680px){
  body.guest-mode main{
    padding-bottom:28px
  }
  body.guest-mode .topbar-inner{
    justify-content:center
  }
  body.guest-mode .logo{
    margin:auto
  }
  body.guest-mode #view-auth{
    min-height:calc(100dvh - 62px)
  }
  .auth-points{
    margin-top:16px;
    gap:7px
  }
  .auth-points span{
    font-size:12px;
    padding-left:19px
  }
}


/* Simpler first garage setup */
.garage-empty-first{
  max-width:620px;
  margin:34px auto;
  text-align:center;
  padding:36px 28px
}
.garage-empty-first .eyebrow{
  display:block;
  margin-bottom:14px
}
.garage-empty-first p{
  max-width:500px;
  margin:0 auto 20px
}
.vehicle-editor-more{
  border:1px solid #e0e6ea;
  border-radius:10px;
  background:#f9fbfc;
  padding:0
}
.vehicle-editor-more summary{
  cursor:pointer;
  padding:12px 13px;
  font-size:12px;
  font-weight:850;
  color:#596d79;
  list-style:none
}
.vehicle-editor-more summary::-webkit-details-marker{display:none}
.vehicle-editor-more summary::after{
  content:"+";
  float:right;
  font-size:16px;
  line-height:1
}
.vehicle-editor-more[open] summary::after{content:"−"}
.vehicle-editor-more-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:0 12px 12px
}
.vehicle-editor-more-grid .wide{grid-column:1/3}
@media(max-width:680px){
  .garage-empty-first{
    margin:12px auto;
    padding:28px 18px
  }
  .vehicle-editor-more-grid{
    grid-template-columns:1fr
  }
  .vehicle-editor-more-grid .wide{grid-column:auto}
}


/* Session boot prevents auth/home flicker while cookies are checked. */
body.session-pending main,
body.session-pending .mobile-nav{
  visibility:hidden
}
body.guest-mode .topbar-inner{
  grid-template-columns:1fr!important
}
body.guest-mode .logo{
  justify-self:center
}


.cart-add-text{
  border:0;
  border-radius:8px;
  background:var(--navy);
  color:#fff;
  min-height:38px;
  padding:8px 12px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap
}
.cart-add-text:hover{filter:brightness(.96)}
.cart-add-text:disabled{
  background:#e7ecef;
  color:#9aa6ae;
  cursor:not-allowed
}
.supply-row.unavailable{
  opacity:.72
}
@media(max-width:680px){
  .cart-add-text{
    width:100%;
    min-height:42px;
    font-size:12px
  }
  .supply-row.unavailable{
    opacity:.62
  }
}


.checkout-contact-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin:10px 0 0;
  padding:12px 14px;
  border:1px solid #dbe3e8;
  border-radius:10px;
  background:#fff
}
.checkout-contact-summary>div{
  min-width:0;
  display:grid;
  gap:3px
}
.checkout-contact-summary small{
  color:#8b98a1;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em
}
.checkout-contact-summary b{
  color:var(--navy-3);
  font-size:12px;
  overflow-wrap:anywhere
}
.checkout-contact-summary span{
  color:#788792;
  font-size:10px
}
.checkout-contact-summary button{
  border:1px solid #d2dce2;
  border-radius:8px;
  background:#f4f7f8;
  color:#526773;
  padding:8px 10px;
  font-size:10px;
  font-weight:850
}
.vehicle-editor-more{
  border:1px solid #d8e1e6;
  border-radius:9px;
  padding:0 12px
}
.vehicle-editor-more>summary{
  cursor:pointer;
  padding:11px 0;
  color:#617683;
  font-size:12px;
  font-weight:850
}
.vehicle-editor-more-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:0 0 12px
}
.vehicle-editor-more-grid .wide{grid-column:1/3}
.garage-empty-first{
  max-width:620px;
  margin:38px auto;
  text-align:center
}
@media(max-width:680px){
  .checkout-contact-summary{
    padding:10px 11px;
    gap:8px
  }
  .vehicle-editor-more-grid{
    grid-template-columns:1fr
  }
  .vehicle-editor-more-grid .wide{grid-column:auto}
  .garage-empty-first{
    margin:18px auto
  }
}


.cart-empty-state{
  display:grid;
  justify-items:center;
  gap:8px;
  margin:18px 0;
  padding:42px 20px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  text-align:center
}
.cart-empty-state h3{
  margin:0;
  color:var(--navy-3);
  font-size:24px
}
.cart-empty-state p{
  margin:0 0 8px;
  max-width:420px;
  color:#7a8993;
  font-size:13px;
  line-height:1.5
}
@media(max-width:680px){
  .cart-empty-state{
    padding:30px 16px
  }
}


.search-vehicle-setup{
  margin:12px auto 0;
  border:0;
  background:transparent;
  color:#657985;
  font-size:12px;
  font-weight:800
}
.search-vehicle-setup small{
  color:#9aa6ae;
  font-size:10px;
  font-weight:700;
  margin-left:4px
}
.search-vehicle-setup:hover{color:var(--navy)}


/* Mobile primary navigation owns all actions. */
@media(max-width:900px){
  body:not(.guest-mode) .header-actions{display:none!important}
  .topbar-inner{
    grid-template-columns:1fr!important;
  }
  .logo{justify-self:start}
}
@media(max-width:430px){
  .mobile-nav{
    width:calc(100% - 12px);
    gap:2px;
    padding:3px
  }
  .mobile-nav button{
    min-width:0;
    padding:0 4px;
    font-size:9px;
    letter-spacing:-.01em
  }
  .mobile-nav b{
    min-width:16px;
    height:16px;
    font-size:8px;
    padding:0 3px
  }
}


/* Keep logout reachable on mobile. */
@media(max-width:900px){
  .account-logout{
    display:block!important;
    width:100%;
    margin-top:8px;
    border:1px solid #d8e1e6;
    border-radius:9px;
    background:#fff;
    color:#657985;
    padding:11px 12px;
    font-size:12px;
    font-weight:850
  }
  .account-logout[hidden]{display:none!important}
}


.order-created-confirmation{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(220px,auto);
  gap:18px;
  align-items:center;
  margin:0 0 14px;
  padding:20px 22px;
  border:1px solid #cfe2d5;
  border-radius:14px;
  background:#f6fbf7;
  box-shadow:0 12px 32px rgba(39,77,53,.07)
}
.order-created-check{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:#e2f3e7;
  color:#2d7444;
  font-size:22px;
  font-weight:950
}
.order-created-confirmation h2{
  margin:3px 0 5px;
  color:var(--navy-3);
  font-size:24px;
  letter-spacing:-.025em
}
.order-created-confirmation p{
  margin:0;
  max-width:620px;
  color:#667b70;
  font-size:12px;
  line-height:1.45
}
.order-created-summary{
  display:grid;
  gap:5px;
  justify-items:end;
  text-align:right
}
.order-created-summary>b{
  color:var(--navy-3);
  font-size:22px
}
.order-created-summary>span{
  max-width:330px;
  color:#6f8078;
  font-size:10px;
  line-height:1.35
}
.order-created-actions{
  display:flex;
  gap:7px;
  margin-top:7px
}
.order-created-actions button{
  border:1px solid #c9d9cf;
  border-radius:8px;
  background:#fff;
  color:#50695a;
  padding:8px 10px;
  font-size:10px;
  font-weight:850
}
.order-created-actions button:first-child{
  border-color:var(--navy);
  background:var(--navy);
  color:#fff
}
.order-detail-state small{
  display:block;
  max-width:270px;
  margin-top:6px;
  color:#70808a;
  font-size:10px;
  line-height:1.35;
  font-weight:650
}
.notification-item[data-notification-order]{
  cursor:pointer
}
.notification-item[data-notification-order]:hover{
  border-color:#c6d3da;
  background:#fbfcfd
}
.notification-item[data-notification-order]:focus-visible{
  outline:2px solid rgba(31,55,74,.22);
  outline-offset:2px
}
@media(max-width:760px){
  .order-created-confirmation{
    grid-template-columns:auto minmax(0,1fr);
    padding:16px;
    gap:12px
  }
  .order-created-summary{
    grid-column:1/-1;
    width:100%;
    justify-items:start;
    text-align:left;
    padding-top:4px
  }
  .order-created-actions{
    width:100%
  }
  .order-created-actions button{
    flex:1;
    min-height:40px
  }
  .order-created-confirmation h2{
    font-size:20px
  }
}


/* Final mobile order-detail guard */
@media(max-width:680px){
  .order-detail-title{
    grid-template-columns:1fr!important;
    align-items:start!important
  }
  .order-detail-state{
    justify-items:start!important;
    text-align:left!important;
    align-self:auto!important;
    width:100%
  }
  .order-detail-state small{
    max-width:none;
    font-size:11px
  }
  .position-meta{
    grid-template-columns:1fr 1fr!important
  }
  .position-meta>div,
  .position-meta>div:nth-child(n+3){
    padding:9px 10px!important;
    border-top:1px solid #edf1f3!important
  }
  .position-meta>div:nth-child(-n+2){
    border-top:0!important
  }
  .position-meta>div:nth-child(odd){
    border-right:1px solid #edf1f3!important
  }
  .position-meta>div:nth-child(even){
    border-right:0!important
  }
  .position-meta small{
    font-size:9px!important;
    white-space:normal!important
  }
  .position-meta b{
    font-size:11px!important
  }
}


/* Final mobile orders list guard */
@media(max-width:680px){
  #account-orders .account-table-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    gap:4px 10px!important;
    padding:12px!important;
    align-items:center!important
  }
  #account-orders .order-list-number{
    grid-column:1!important;
    grid-row:1!important;
    font-size:14px!important
  }
  #account-orders .order-list-date{
    display:block!important;
    grid-column:1!important;
    grid-row:2!important;
    color:#82919b!important;
    font-size:10px!important
  }
  #account-orders .order-list-items{
    display:inline!important;
    grid-column:1!important;
    grid-row:3!important;
    color:#8c98a0!important;
    font-size:10px!important
  }
  #account-orders .order-list-total{
    display:block!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    color:var(--navy-3)!important;
    font-size:13px!important;
    font-weight:900!important
  }
  #account-orders .order-list-status{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:end!important;
    font-size:9px!important;
    padding:5px 7px!important
  }
  #account-orders .order-list-open{
    grid-column:2!important;
    grid-row:3!important;
    width:auto!important;
    height:auto!important;
    padding:6px 9px!important;
    border:1px solid #d4dde2!important;
    border-radius:7px!important;
    background:#f7f9fa!important;
    color:#526977!important;
    font-size:10px!important;
    font-weight:850!important;
    text-decoration:none!important;
    overflow:visible!important
  }
  #account-orders .order-list-open:after{
    content:none!important
  }
}


.order-stage{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0 0 18px;
  padding:14px 16px;
  border:1px solid #dfe7eb;
  border-radius:12px;
  background:#fff
}
.order-stage>div{
  position:relative;
  display:grid;
  justify-items:center;
  gap:7px;
  color:#9aa7af;
  font-size:10px;
  font-weight:800;
  text-align:center
}
.order-stage>div::after{
  content:"";
  position:absolute;
  top:7px;
  left:50%;
  width:100%;
  height:2px;
  background:#e4eaee;
  z-index:0
}
.order-stage>div:last-child::after{display:none}
.order-stage i{
  position:relative;
  z-index:1;
  width:16px;
  height:16px;
  border-radius:50%;
  border:2px solid #d8e0e5;
  background:#fff
}
.order-stage .done,
.order-stage .current{color:var(--navy-3)}
.order-stage .done i{
  border-color:var(--navy);
  background:var(--navy)
}
.order-stage .current i{
  border-color:var(--orange);
  box-shadow:0 0 0 4px rgba(239,113,48,.12)
}
.order-stage .done::after{background:var(--navy)}
.order-stage.cancelled .current,
.order-stage.cancelled .done{color:#a66363}
.order-stage.cancelled .current i,
.order-stage.cancelled .done i{
  border-color:#c88b8b;
  background:#fff
}
@media(max-width:680px){
  .order-stage{
    padding:12px 8px;
    margin-bottom:12px
  }
  .order-stage>div{
    font-size:9px;
    line-height:1.2
  }
}


/* Launch responsive baseline */
@media(max-width:900px){
  main{
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
    padding-bottom:calc(84px + env(safe-area-inset-bottom))!important
  }
  .auth-shell{
    width:min(640px,100%)!important;
    max-width:100%!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:24px 0 34px!important
  }
  .catalog-query-head{gap:12px!important}
  .account-shell{
    grid-template-columns:1fr!important;
    max-width:100%!important
  }
  .account-sidebar{
    position:static!important;
    min-width:0!important
  }
  .account-nav{
    max-width:100%!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch
  }
  #view-cart .order-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important
  }
}
@media(max-width:680px){
  main{
    padding-left:12px!important;
    padding-right:12px!important
  }
  .auth-brand{padding:4px 2px 14px!important}
  .auth-brand h2{
    font-size:36px!important;
    line-height:1!important
  }
  .auth-card{
    width:100%!important;
    padding:14px!important;
    border-radius:12px!important
  }
  .minimal-home{
    min-height:calc(100dvh - 150px)!important;
    padding:6vh 0 10vh!important
  }
  .minimal-hero h1{font-size:clamp(42px,14vw,58px)!important}
  .minimal-hero>p{
    font-size:14px!important;
    line-height:1.5!important
  }
  .minimal-search{width:100%!important}
  .catalog-query-head{display:block!important}
  .catalog-query-head h2{
    font-size:30px!important;
    overflow-wrap:anywhere
  }
  .catalog-count{margin-top:8px!important}
  .product-group{max-width:100%!important}
  .product-group-head{min-width:0!important}
  .product-title{min-width:0!important}
  .product-title-line{flex-wrap:wrap!important}
  .supply-row{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px 10px!important;
    align-items:center!important
  }
  .supply-left{
    min-width:0!important;
    grid-column:1!important;
    grid-row:1/3!important
  }
  .supply-price{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    font-size:18px!important
  }
  .supply-stock{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:end!important;
    font-size:11px!important
  }
  .cart-add-text{
    grid-column:1/-1!important;
    grid-row:3!important;
    width:100%!important
  }
  .checkout-contact-summary,
  .checkout-delivery-summary{
    grid-template-columns:minmax(0,1fr) auto!important
  }
  .account-content,
  .account-pane{
    min-width:0!important;
    max-width:100%!important
  }
  .account-head{display:block!important}
  .account-head .account-primary{
    width:100%!important;
    margin-top:12px!important
  }
}
@media(max-width:390px){
  .mobile-nav button{
    min-height:44px!important;
    font-size:10px!important;
    padding-inline:2px!important
  }
  .mobile-nav b{margin-left:1px!important}
  .auth-brand h2{font-size:32px!important}
  .checkout-contact-summary,
  .checkout-delivery-summary{
    grid-template-columns:1fr!important
  }
  .checkout-contact-summary button,
  .checkout-delivery-summary button{
    justify-self:start!important
  }
}


.nav-notification-badge{
  display:inline-grid;
  place-items:center;
  min-width:18px;
  height:18px;
  padding:0 5px;
  margin-left:4px;
  border-radius:999px;
  background:var(--orange);
  color:#fff;
  font-size:9px;
  line-height:1;
  font-weight:900
}
.nav-notification-badge[hidden]{display:none!important}
.mobile-nav .nav-notification-badge{
  min-width:16px;
  height:16px;
  padding:0 4px;
  font-size:8px
}


/* Focused mobile account screens */
@media(max-width:900px){
  #view-profile.account-focus-view .account-sidebar{
    display:none!important
  }
  #view-profile.account-focus-view .account-shell{
    display:block!important
  }
}


.cart-check-label{display:none}
.row-select label{
  display:inline-flex;
  align-items:center;
  gap:6px
}
@media(max-width:680px){
  .cart-check-label{
    display:inline;
    color:#6d808c;
    font-size:10px;
    font-weight:800
  }
}


.product-kind{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  margin-left:4px;
  padding:3px 7px;
  border-radius:999px;
  font-style:normal;
  font-size:9px;
  font-weight:900;
  white-space:nowrap
}
.product-kind.exact{
  background:#e8f4ec;
  color:#2f7447
}
.product-kind.analog{
  background:#eef2f5;
  color:#607380
}
@media(max-width:680px){
  .product-title-line{
    flex-wrap:wrap
  }
  .product-kind{
    font-size:8px;
    min-height:18px
  }
}


.order-created-steps{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  margin-top:10px
}
.order-created-steps span{
  color:#5d7467;
  font-size:10px;
  font-weight:750
}
@media(max-width:680px){
  .order-created-steps{
    display:grid;
    gap:5px;
    margin-top:9px
  }
  .order-created-steps span{
    font-size:10px
  }
}


.checkout-payment-note{
  display:grid;
  gap:3px;
  margin:10px 0 0;
  padding:11px 13px;
  border:1px solid #e0e6ea;
  border-radius:10px;
  background:#f8fafb
}
.checkout-payment-note small{
  color:#8b98a1;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em
}
.checkout-payment-note b{
  color:#344b59;
  font-size:11px
}
.checkout-payment-note span{
  color:#7b8b95;
  font-size:10px;
  line-height:1.35
}


/* Order tracking — cart → checkout → created → live status */
.order-tracking-card{padding:16px 18px}
.order-tracking-live{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.order-tracking-dot{width:12px;height:12px;border-radius:50%;background:#e1a15c;box-shadow:0 0 0 5px rgba(225,161,92,.13)}
.order-tracking-live h3{margin:2px 0 4px;color:var(--navy-3);font-size:18px}
.order-tracking-live p{margin:0;max-width:680px;color:#6f7f89;font-size:11px;line-height:1.45}
.order-tracking-time{display:grid;justify-items:end;gap:3px;text-align:right}
.order-tracking-time small,.order-tracking-time span{color:#8a979f;font-size:9px}
.order-tracking-time b{color:#526875;font-size:11px}
.order-tracking-card.live .order-tracking-dot,
.order-tracking-card.ready .order-tracking-dot,
.order-tracking-card.done .order-tracking-dot{background:#3c9d70;box-shadow:0 0 0 5px rgba(60,157,112,.12)}
.order-tracking-card.alert .order-tracking-dot{background:#b66e6e;box-shadow:0 0 0 5px rgba(182,110,110,.12)}
@media(max-width:680px){
  .order-tracking-live{grid-template-columns:auto minmax(0,1fr)}
  .order-tracking-time{grid-column:1/-1;justify-items:start;text-align:left;padding-top:4px}
  .order-tracking-live h3{font-size:16px}
}


/* Staged checkout: cart → review → confirm */
.checkout-review{
  margin:18px 0 8px;
  padding:18px;
  border:1px solid #d7e0e5;
  border-radius:14px;
  background:#f8fafb;
  box-shadow:0 12px 30px rgba(27,52,70,.06)
}
.checkout-review[hidden]{display:none!important}
.checkout-review-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  padding-bottom:14px;
  margin-bottom:12px;
  border-bottom:1px solid #e2e8ec
}
.checkout-review-head h2{
  margin:2px 0 5px;
  color:var(--navy-3);
  font-size:23px;
  letter-spacing:-.025em
}
.checkout-review-head p{
  margin:0;
  color:#768690;
  font-size:11px;
  line-height:1.45
}
.checkout-review-head-actions{
  display:grid;
  justify-items:end;
  gap:7px;
  flex:0 0 auto
}
.checkout-review-head-actions strong{
  color:var(--navy-3);
  font-size:15px
}
.checkout-review-head-actions button{
  border:0;
  background:transparent;
  color:#6e7e88;
  padding:0;
  font-size:10px;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px
}
.checkout-review .checkout-order-button{
  margin-top:12px
}
@media(max-width:680px){
  .checkout-review{
    margin-left:-2px;
    margin-right:-2px;
    padding:14px;
    border-radius:12px
  }
  .checkout-review-head{
    display:grid;
    gap:10px
  }
  .checkout-review-head-actions{
    justify-items:start
  }
  .checkout-review-head h2{font-size:20px}
}


/* Orders live UX — list, deep links, loading states */
#account-orders .account-table-row[data-live-order-detail],
#account-orders .account-table-row[data-live-request-detail]{
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease
}
#account-orders .account-table-row[data-live-order-detail]:hover,
#account-orders .account-table-row[data-live-request-detail]:hover{
  background:#fbfcfd
}
#account-orders .account-table-row[data-live-order-detail]:focus-visible,
#account-orders .account-table-row[data-live-request-detail]:focus-visible{
  outline:2px solid rgba(31,55,74,.22);
  outline-offset:-2px
}
.order-list-date small{
  display:block;
  margin-top:2px;
  color:#99a4ab;
  font-size:8px;
  font-weight:650;
  text-transform:none;
  white-space:nowrap
}
.order-detail-loading,
.order-detail-error{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:96px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  box-shadow:var(--shadow)
}
.order-detail-loading>div{
  display:grid;
  gap:4px
}
.order-detail-loading b,
.order-detail-error b{
  color:var(--navy-3);
  font-size:14px
}
.order-detail-loading small,
.order-detail-error p{
  margin:0;
  color:#7b8993;
  font-size:11px;
  line-height:1.4
}
.order-loading-dot{
  width:12px;
  height:12px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 0 5px rgba(239,113,48,.12);
  animation:orderLoadingPulse 1.2s ease-in-out infinite
}
@keyframes orderLoadingPulse{
  50%{opacity:.45;transform:scale(.86)}
}
.order-detail-error{
  display:grid;
  align-items:start
}
.order-detail-error>div{
  display:flex;
  gap:8px
}
.order-detail-error button{
  border:1px solid #d1dbe1;
  border-radius:8px;
  background:#fff;
  color:#526977;
  padding:8px 10px;
  font-size:10px;
  font-weight:850
}
@media(max-width:680px){
  #account-orders .account-table-row{
    min-width:0
  }
  #account-orders .order-list-date small{
    margin-top:1px;
    font-size:7px;
    white-space:normal
  }
  .order-detail-loading,
  .order-detail-error{
    min-height:84px;
    padding:14px
  }
}


/* Customer payment policy — cash only at pickup */
.checkout-payment-note.cash-only{
  border-color:#d8e1e6;
  background:#fff
}
.checkout-payment-note.cash-only b{color:var(--navy-3)}
.order-payment-line{
  margin-top:5px!important;
  color:#526977!important;
  font-size:10px!important;
  font-weight:800;
  line-height:1.35!important
}
.order-created-payment{
  color:#526977!important;
  font-weight:800
}


/* VIN visual catalog */
.vin-catalog-browser{display:grid;gap:18px}
.vin-vehicle-hero{
  display:grid;grid-template-columns:minmax(280px,.9fr) minmax(460px,1.4fr);
  gap:24px;align-items:stretch;padding:24px;border:1px solid #d8e0e6;border-radius:18px;
  background:linear-gradient(135deg,#fff 0%,#f4f7f9 100%);
  box-shadow:0 14px 40px rgba(14,42,61,.08)
}
.vin-vehicle-copy h2{margin:8px 0 4px;font-size:30px;line-height:1.08;color:#122d42}
.vin-vehicle-mod{margin:0;color:#5f7080;font-weight:700}
.vin-vehicle-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.vin-vehicle-facts span{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-radius:12px;background:#eef3f6}
.vin-vehicle-facts small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#80909e}
.vin-vehicle-facts b{font-size:13px;color:#16334a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.vin-exploded{position:relative;min-height:360px;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 52% 45%,#fff 0,#f1f6f8 52%,#e8eff3 100%);border:1px solid #e2e9ed}
.vin-exploded:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(24,55,75,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(24,55,75,.035) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 92%)}
.vin-exploded-title{position:absolute;left:18px;top:15px;z-index:3;display:flex;flex-direction:column;gap:2px}
.vin-exploded-title b{font-size:12px;color:#203f55;letter-spacing:.03em}
.vin-exploded-title span{font-size:10px;color:#8a9aa6}
.vin-car-schematic{position:absolute;inset:42px 34px 18px}
.vin-car-schematic svg{width:100%;height:100%;filter:drop-shadow(0 14px 18px rgba(20,50,70,.10))}
.vin-car-schematic .car-body{fill:url(#zfBody);stroke:#90a6b5;stroke-width:3}
.vin-car-schematic .car-glass{fill:url(#zfGlass);stroke:#8aa4b4;stroke-width:3}
.vin-car-schematic .car-line{fill:none;stroke:#a3b5c0;stroke-width:3}
.vin-car-schematic .car-wheel{fill:#263a49;stroke:#122a3b;stroke-width:4}
.vin-car-schematic .car-wheel-core{fill:#c4d0d7;stroke:#8197a6;stroke-width:3}
.vin-car-schematic .exploded-components .comp{fill:#f4af57;stroke:#bd6f21;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.vin-car-schematic .exploded-components .comp-drive,.vin-car-schematic .exploded-components .comp-strut-front,.vin-car-schematic .exploded-components .comp-strut-rear,.vin-car-schematic .exploded-components .comp-steering{fill:none;stroke:#486a80;stroke-width:5}
.vin-car-schematic .exploded-components .comp-front-brake,.vin-car-schematic .exploded-components .comp-rear-brake{fill:none;stroke:#d28231;stroke-width:5}
.vin-car-schematic .exploded-guides{fill:none;stroke:#aebdc6;stroke-width:2;stroke-dasharray:7 7}

.vin-hotspot{
  position:absolute;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #c8d5dd;border-radius:999px;
  background:rgba(255,255,255,.96);box-shadow:0 7px 18px rgba(16,49,70,.10);color:#17354a;font:inherit;cursor:pointer
}
.vin-hotspot:hover{transform:translateY(-1px);border-color:#8aa6b8}
.vin-hotspot span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef3f6}
.vin-hotspot svg{width:18px;height:18px;fill:none;stroke:#17354a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.vin-hotspot b{font-size:12px}
.hot-engine{right:4%;top:34%}.hot-filter{right:4%;top:12%}.hot-brake{left:4%;bottom:14%}
.hot-suspension{right:3%;bottom:8%}.hot-steering{left:4%;top:24%}.hot-gearbox{left:38%;bottom:2%}

.vin-catalog-panel{padding:22px;border:1px solid #d7e0e6;border-radius:18px;background:#fff}
.vin-catalog-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}
.vin-catalog-panel-head h3{margin:4px 0 0;font-size:22px;color:#142f43}
.vin-catalog-back{border:1px solid #cbd7df;background:#f7fafb;color:#17354a;border-radius:9px;padding:9px 12px;font-weight:700;cursor:pointer}
.vin-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-2px 0 16px;color:#7a8c99;font-size:12px}
.vin-breadcrumb button{border:0;background:none;padding:0;color:#355c75;font:inherit;cursor:pointer}
.vin-breadcrumb button:disabled{color:#81919d;cursor:default;font-weight:700}

.vin-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.vin-category-card{
  min-height:112px;display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;text-align:left;
  border:1px solid #dbe3e8;border-radius:14px;padding:13px;background:#fbfcfd;color:#17354a;cursor:pointer;transition:.15s ease
}
.vin-category-card:hover{border-color:#9db1bf;background:#fff;box-shadow:0 8px 22px rgba(15,48,68,.08);transform:translateY(-1px)}
.vin-category-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#eaf0f4}
.vin-category-icon svg{width:32px;height:32px;fill:none;stroke:#18384f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.vin-category-copy{min-width:0;display:flex;flex-direction:column;gap:5px}
.vin-category-copy b{font-size:13px;line-height:1.25}
.vin-category-copy small{color:#8594a0;font-size:11px}
.vin-category-card>strong{font-size:24px;font-weight:400;color:#8da0ad}

.vin-node-loading{display:flex;align-items:center;gap:12px;padding:22px;border-radius:13px;background:#f5f8fa}
.vin-node-loading div{display:flex;flex-direction:column;gap:3px}.vin-node-loading small{color:#7c8d99}

.vin-parts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vin-part-card{display:flex;flex-direction:column;border:1px solid #dce4e9;border-radius:14px;overflow:hidden;background:#fff;min-height:330px}
.vin-part-image{height:160px;display:grid;place-items:center;background:#f7f9fa;border-bottom:1px solid #e7ecef}
.vin-part-image img{width:100%;height:100%;object-fit:contain;padding:12px}
.vin-part-image>span svg{width:72px;height:72px;fill:none;stroke:#9aacb8;stroke-width:2.5}
.vin-part-copy{display:flex;flex-direction:column;gap:5px;padding:14px;flex:1}
.vin-part-copy small{color:#6f8492;font-weight:800;letter-spacing:.04em}
.vin-part-copy b{font-size:18px;color:#132f44}
.vin-part-copy p{margin:0;color:#5f7180;font-size:12px;line-height:1.45}
.vin-fit-note{margin-top:5px;padding:6px 8px;border-radius:8px;background:#f1f5f7;color:#5e7382;font-size:11px}
.vin-price-button{margin:0 14px 14px;border:0;border-radius:10px;background:#112f46;color:white;padding:11px 13px;font-weight:800;cursor:pointer}
.vin-empty-node{margin-top:8px}

@media(max-width:980px){
  .vin-vehicle-hero{grid-template-columns:1fr}
  .vin-exploded{min-height:340px}
  .vin-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vin-parts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .vin-vehicle-hero{padding:15px;border-radius:14px}
  .vin-vehicle-copy h2{font-size:24px}
  .vin-vehicle-facts{grid-template-columns:1fr 1fr}
  .vin-exploded{min-height:330px}
  .vin-car-schematic{inset:62px 0 42px}
  .vin-hotspot{padding:6px 8px}.vin-hotspot b{font-size:10px}.vin-hotspot span{width:24px;height:24px}
  .hot-engine{right:1%;top:34%}.hot-filter{right:1%;top:9%}.hot-brake{left:1%;bottom:14%}
  .hot-suspension{right:1%;bottom:8%}.hot-steering{left:1%;top:23%}.hot-gearbox{left:30%;bottom:1%}
  .vin-catalog-panel{padding:14px;border-radius:14px}
  .vin-catalog-panel-head{align-items:flex-start}
  .vin-category-grid{grid-template-columns:1fr}
  .vin-category-card{min-height:88px}
  .vin-parts-grid{grid-template-columns:1fr}
  .vin-part-card{min-height:0}
  .vin-part-image{height:190px}
}

.vin-catalog-notice{display:flex;flex-direction:column;gap:5px;margin:0 0 14px;padding:13px 14px;border:1px solid #dbe4e9;border-radius:12px;background:#f6f9fa;color:#17354a}
.vin-catalog-notice b{font-size:13px}
.vin-catalog-notice span{font-size:12px;color:#70828f;line-height:1.45}
.vin-category-grid-locked{margin-top:12px}
.vin-category-card-locked{cursor:default;opacity:.74}
.vin-category-card-locked:hover{transform:none;box-shadow:none;border-color:#dbe3e8;background:#fbfcfd}


/* VIN technical-map refinement */
.vin-exploded{
  min-height:390px;
  background:
    radial-gradient(circle at 72% 42%,rgba(255,255,255,.98) 0,rgba(244,248,250,.96) 42%,rgba(231,238,243,.96) 100%);
  border:1px solid rgba(198,211,220,.72);
}
.vin-scheme-label{
  position:absolute;z-index:4;left:18px;top:16px;display:flex;flex-direction:column;gap:2px;
  padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);
  border:1px solid rgba(201,214,222,.8);box-shadow:0 5px 16px rgba(16,49,70,.06)
}
.vin-scheme-label b{font-size:11px;color:#17354a;letter-spacing:.02em}
.vin-scheme-label span{font-size:10px;color:#8595a0}
.vin-car-schematic{inset:54px 30px 24px}
.vin-car-schematic svg{filter:none}
.vin-car-schematic .car-shadow ellipse{fill:rgba(24,52,70,.08)}
.vin-car-schematic .car-body{stroke:#8da4b4;stroke-width:3.2}
.vin-car-schematic .car-glass{stroke:#85a3b4;stroke-width:3}
.vin-car-schematic .car-line,
.vin-car-schematic .car-hood-line,
.vin-car-schematic .car-bumper-line{
  fill:none;stroke:#9badb8;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round
}
.vin-car-schematic .car-wheel{fill:#233847;stroke:#112b3d;stroke-width:4}
.vin-car-schematic .brake-disc{fill:#d7e0e5;stroke:#7f95a4;stroke-width:3}
.vin-car-schematic .car-wheel-core{fill:#9fb1bc;stroke:#6f8796;stroke-width:2.5}
.vin-car-schematic .brake-caliper{fill:none;stroke:#e58a2b;stroke-width:7;stroke-linecap:round}
.vin-car-schematic .component{fill:none;stroke:#45687e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.vin-car-schematic .component-engine rect:first-child{fill:#f4ae55;stroke:#c97825}
.vin-car-schematic .component-engine rect:nth-child(2){fill:#ffd08d;stroke:#c97825}
.vin-car-schematic .component-engine path,
.vin-car-schematic .component-engine circle{fill:none;stroke:#a96522;stroke-width:3}
.vin-car-schematic .component-gearbox path{fill:#cad8e0;stroke:#6e8797}
.vin-car-schematic .component-gearbox circle{fill:#eef3f6;stroke:#6e8797}
.vin-car-schematic .component-drive path{stroke:#56768a;stroke-width:5}
.vin-car-schematic .component-drive circle{fill:#eaf0f4;stroke:#56768a}
.vin-car-schematic .component-exhaust path{stroke:#9babb5;stroke-width:7}
.vin-car-schematic .component-exhaust rect{fill:#d6dee3;stroke:#8b9da8}
.vin-car-schematic .component-steering circle,
.vin-car-schematic .component-filter rect{fill:#eef4f7;stroke:#607d90}
.vin-car-schematic .component-suspension path{stroke:#718a9a;stroke-width:5}
.vin-car-schematic .component-filter path{stroke:#607d90}
.vin-hotspot{
  z-index:5;padding:7px 10px;border-color:#c5d2da;background:rgba(255,255,255,.94);
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease
}
.vin-hotspot:hover{transform:translateY(-2px);border-color:#7594a8;box-shadow:0 10px 24px rgba(16,49,70,.13)}
.vin-hotspot.is-locked{cursor:default;opacity:.78}
.vin-hotspot.is-locked:hover{transform:none;border-color:#c5d2da;box-shadow:0 7px 18px rgba(16,49,70,.10)}
.hot-engine{right:2.5%;top:43%}
.hot-filter{right:4%;top:18%}
.hot-brake{left:2.5%;bottom:17%}
.hot-suspension{left:5%;top:29%}
.hot-steering{right:21%;top:9%}
.hot-gearbox{left:47%;bottom:5%}
.hot-drive{left:31%;bottom:15%}

@media(max-width:980px){
  .vin-exploded{min-height:360px}
  .vin-car-schematic{inset:58px 18px 28px}
}
@media(max-width:680px){
  .vin-exploded{min-height:355px}
  .vin-scheme-label{left:10px;top:10px;padding:7px 9px}
  .vin-scheme-label span{display:none}
  .vin-car-schematic{inset:66px -14px 48px}
  .vin-hotspot{padding:5px 7px;gap:4px}
  .vin-hotspot span{width:21px;height:21px}
  .vin-hotspot svg{width:14px;height:14px}
  .vin-hotspot b{font-size:9px}
  .hot-engine{right:1%;top:44%}
  .hot-filter{right:1%;top:20%}
  .hot-brake{left:1%;bottom:19%}
  .hot-suspension{left:1%;top:31%}
  .hot-steering{right:18%;top:8%}
  .hot-gearbox{left:43%;bottom:4%}
  .hot-drive{left:27%;bottom:15%}
}

.vin-vehicle-vin{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid #e0e7eb;border-radius:10px;background:#fff}
.vin-vehicle-vin small{font-size:10px;letter-spacing:.12em;color:#8b9aa5}
.vin-vehicle-vin b{font-size:12px;color:#2b495d;letter-spacing:.04em}
.vin-hotspot-disabled{cursor:default;opacity:.58}
.vin-hotspot-disabled:hover{transform:none;border-color:#c8d5dd}

.vin-vehicle-actions{display:flex;align-items:center;gap:10px;margin-top:12px}
.vin-vehicle-actions button{border:0;border-radius:10px;background:#12324a;color:#fff;padding:10px 13px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.vin-vehicle-actions button:disabled{opacity:.6;cursor:wait}
.vin-saved-pill{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border-radius:999px;background:#eaf5ef;color:#2b6f4b;font-size:12px;font-weight:800}

.minimal-search-hints{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.minimal-search-hints span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #dce5ea;border-radius:999px;background:#f8fafb;color:#6b7f8d;font-size:11px}
.minimal-search-hints b{color:#17364c}
#view-search.vin-catalog-mode .catalog-query-head{margin-bottom:14px}
#view-search.vin-catalog-mode .catalog-query-head h2{font-size:clamp(28px,4vw,46px)}
#view-search.vin-catalog-mode .catalog-section{margin-top:0}
#view-search.vin-catalog-mode .compact-results{margin-top:0}
.vin-part-image{position:relative}
.vin-part-image-fallback{position:absolute;inset:0;display:grid;place-items:center}
.vin-part-image-fallback svg{width:68px;height:68px;fill:none;stroke:#9aadb9;stroke-width:2.5}
.vin-part-image img{position:relative;z-index:1;background:#f7f9fa}
@media(max-width:680px){
  .minimal-search-hints{gap:6px}
  .minimal-search-hints span{font-size:10px;padding:6px 8px}
  #view-search.vin-catalog-mode .catalog-query-head h2{font-size:28px}
}

.auth-capability-notice{margin:10px 0 4px;padding:10px 12px;border:1px solid #ecd7b7;border-radius:10px;background:#fff8ed;color:#795928;font-size:12px;line-height:1.45}
.auth-tabs button:disabled,.auth-link:disabled{opacity:.45;cursor:not-allowed}


/* 2026-10-27: unified storefront and customer-account experience */
.storefront-status{
  display:inline-flex;align-items:flex-start;gap:10px;
  max-width:800px;margin:18px auto 0;padding:11px 15px;
  background:#fff;border:1px solid #d9e4ea;border-radius:12px;
  color:#465d6e;font-size:12px;line-height:1.5;text-align:left;
  box-shadow:0 4px 15px rgba(25,52,71,.045)
}
.storefront-status-dot{width:9px;height:9px;flex:0 0 9px;margin-top:4px;border-radius:50%;background:#91a2ad}
.storefront-status.is-ready{background:#eef7f1;border-color:#c9e5d3;color:#285b40}
.storefront-status.is-ready .storefront-status-dot{background:#339b62}
.storefront-status.is-pending{background:#fff8ed;border-color:#f1ddbc;color:#795c30}
.storefront-status.is-pending .storefront-status-dot{background:#d89039}
.storefront-steps{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
  width:min(900px,100%);margin:38px auto 10px;text-align:left
}
.storefront-steps>div{
  display:grid;align-content:start;gap:7px;min-width:0;
  padding:18px 20px;border:1px solid #dbe4e9;border-radius:16px;
  background:#fff;box-shadow:0 6px 22px rgba(24,49,66,.035)
}
.storefront-steps b{color:#b47b44;letter-spacing:.1em;font-size:11px}
.storefront-steps strong{font-size:15px;letter-spacing:-.02em;color:#19374c}
.storefront-steps span{font-size:12px;line-height:1.5;color:#71818d}
.account-setup{
  background:#fff;border:1px solid #dbe4e9;border-radius:13px;
  box-shadow:var(--shadow);padding:19px 21px;margin-bottom:12px
}
.account-setup-count{font-size:12px;font-weight:800;color:#46677d;background:#eef3f6;border-radius:999px;padding:7px 11px;white-space:nowrap}
.account-setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.account-setup-step{
  display:flex;align-items:flex-start;gap:10px;text-align:left;
  min-height:105px;padding:13px;border:1px solid #dce5e9;
  border-radius:11px;background:#f9fbfc;color:#244259
}
.account-setup-step:hover{border-color:#a8bdca;background:#f2f7fa}
.account-setup-step.is-complete{background:#f2f8f4;border-color:#c9e1d1}
.account-setup-indicator{
  display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;
  border-radius:8px;background:#dfe9ef;color:#365568;font-size:12px;font-weight:900
}
.account-setup-step.is-complete .account-setup-indicator{background:#d5ecdd;color:#226641}
.account-setup-step b,.account-setup-step small{display:block}
.account-setup-step b{font-size:13px}
.account-setup-step small{margin-top:5px;font-size:11px;line-height:1.45;color:#71848e}
.account-nav button[aria-current="page"]{font-weight:900}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,
[role="button"]:focus-visible{outline:3px solid #e3a65c!important;outline-offset:3px}
button:disabled{cursor:not-allowed}
#view-cart .checkout-title{border-radius:12px;font-size:clamp(24px,3vw,31px);letter-spacing:-.035em}
#view-cart .cart-livebar,#view-cart .order-table-wrap{border-radius:11px}
@media(max-width:900px){
  .storefront-steps{gap:8px;margin-top:26px}
  .storefront-steps>div{padding:14px}
  .account-setup-grid{grid-template-columns:1fr}
  .account-setup-step{min-height:0}
}
@media(max-width:680px){
  .minimal-home{min-height:auto!important;padding-bottom:0!important}
  .storefront-status{display:flex;width:100%;margin-top:12px;font-size:11px;padding:10px 12px}
  .storefront-steps{grid-template-columns:1fr;margin:18px 0 12px;gap:7px}
  .storefront-steps>div{grid-template-columns:31px 1fr;gap:2px 9px;padding:12px}
  .storefront-steps>div>b{grid-row:1/3;align-self:center}
  .storefront-steps strong{font-size:12px}
  .storefront-steps span{font-size:10px}
  .account-setup{padding:14px 12px}
  .account-setup .account-block-head h3{font-size:17px}
  .account-setup-step{padding:10px}
}
@media(prefers-reduced-motion:reduce){
  .storefront-steps *, .account-setup-step{transition:none!important}
}


/* Public storefront: guest visitors can navigate and search without an account. */
@media(min-width:901px){
  body.guest-mode .topbar-inner{grid-template-columns:auto minmax(0,1fr) auto!important}
  body.guest-mode .logo{justify-self:start!important;margin:0!important}
  body.guest-mode .header-actions{display:flex!important}
}
@media(max-width:900px){
  body.guest-mode .topbar-inner{grid-template-columns:1fr!important}
  body.guest-mode .logo{justify-self:start!important;margin:0!important}
  body.guest-mode .header-actions{display:none!important}
  body.guest-mode .mobile-nav{display:flex!important}
  body.guest-mode main{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
}


/* ZAPFORMAT DESIGN SYSTEM · 2026.10.27 / desktop • tablet • mobile */
:root{
  --navy:#17364b;--navy-2:#26495f;--navy-3:#102b3e;
  --orange:#e58a41;--orange-dark:#b96527;
  --bg:#f3f6f8;--soft:#f8fafb;--line:#dfe7ec;
  --text:#182e3c;--muted:#6e8391;
  --shadow:0 12px 34px rgba(24,52,70,.06)
}
html{scroll-behavior:smooth}
body{
  background:linear-gradient(180deg,#f9fbfc 0%,#f0f5f8 100%) fixed;
  color:var(--text);-webkit-font-smoothing:antialiased
}
button,input,textarea,select{accent-color:var(--navy)}
button{transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}
button:active:not(:disabled){transform:translateY(1px)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f4ba80!important;outline-offset:3px}
.visually-hidden{position:absolute!important;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
[hidden]{display:none!important}

/* Unified app header */
.topbar{background:rgba(255,255,255,.97)!important;color:var(--navy-3)!important;box-shadow:0 2px 14px rgba(25,47,63,.065)!important;border-bottom:1px solid #e5edf1;backdrop-filter:blur(16px)}
.topbar-inner,body.guest-mode .topbar-inner{
  display:flex!important;align-items:center;justify-content:space-between!important;
  width:min(1420px,calc(100% - 60px))!important;max-width:1420px;
  height:76px!important;gap:24px!important;padding:0!important;margin:0 auto;
}
.logo,body.guest-mode .logo{color:var(--navy-3)!important;letter-spacing:-.045em;text-decoration:none;flex-shrink:0;align-items:center;justify-self:start!important;margin:0!important}
.logo-main{font-size:23px;color:var(--navy-3)}
.logo-ai{font-size:23px;color:var(--orange-dark)}
.desktop-nav{display:flex;flex:1;align-items:center;justify-content:center;gap:5px;min-width:0}
.desktop-nav button{border:0;background:transparent;color:#5e7280;font-weight:750;font-size:13px;padding:12px 16px;border-radius:11px;white-space:nowrap}
.desktop-nav button:hover,.desktop-nav button.active{background:#edf3f6;color:var(--navy-3)}
.header-actions,body.guest-mode .header-actions{display:flex!important;align-items:center;gap:9px;flex-shrink:0}
.header-actions>button{height:44px;padding:0 15px;border-radius:12px!important;color:var(--navy-3)!important;font-size:12px;font-weight:800;white-space:nowrap}
.header-actions>button:hover{background:#eef3f5}
.header-vehicle{
  display:flex!important;gap:9px;min-width:0;max-width:240px;
  background:#f0f5f7!important;border:1px solid #dfebef!important;
  color:#28475a!important;box-shadow:none
}
.header-vehicle>span{background:#dfecf1!important;color:#2c5870!important}
.header-vehicle>b{color:#27475c!important}
#accountEntryButton{background:#fff!important;border:1px solid #dae5eb!important}
.header-actions .cart-pill{display:flex!important;align-items:center;gap:5px;color:#fff!important;background:var(--navy-3)!important;border:1px solid var(--navy-3)!important;padding:0 14px}
.header-actions .cart-pill:hover{background:#284c63!important}
.cart-pill svg{width:19px;height:19px;flex:none}
.cart-pill b{color:var(--navy-3)!important;background:#f3bb83!important}
main{width:min(1420px,calc(100% - 60px))!important;max-width:1420px;padding:26px 0 110px}
.mobile-nav{display:none!important}

/* Modern storefront hero */
.minimal-home{min-height:auto!important;display:block!important;padding:0 0 24px!important}
.minimal-hero{
  position:relative;isolation:isolate;overflow:hidden;
  width:100%!important;max-width:none!important;
  min-height:440px;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(370px,.93fr);
  align-items:stretch;gap:clamp(18px,3vw,44px);text-align:left!important;
  padding:clamp(24px,4.4vw,58px)!important;
  background:radial-gradient(circle at 15% 110%,#295573 0%,transparent 42%),linear-gradient(126deg,#112d41 5%,#1a3a50 88%);
  color:#fff;border:1px solid rgba(22,54,77,.5);border-radius:30px;
  box-shadow:0 24px 56px rgba(17,44,61,.14)
}
.minimal-hero:before{
  content:"";position:absolute;z-index:-1;width:420px;height:420px;
  border:1px solid rgba(255,255,255,.065);border-radius:50%;left:-150px;top:-190px;
  box-shadow:0 0 0 55px rgba(255,255,255,.018),0 0 0 120px rgba(255,255,255,.012)
}
.hero-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.minimal-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 28px!important;color:#b7d5e4!important;font-size:10px!important;letter-spacing:.18em}
.hero-kicker-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f5ac68;box-shadow:0 0 0 4px rgba(245,172,104,.13)}
.minimal-hero h1{font-size:clamp(42px,5vw,76px)!important;line-height:1.04!important;letter-spacing:-.067em!important;margin:0!important;color:white!important;max-width:710px!important}
.minimal-hero h1 span{display:block;color:#f8b77d!important}
.minimal-hero .hero-intro>p{color:#d1e0e9!important;font-size:clamp(14px,1.35vw,17px)!important;line-height:1.65!important;max-width:590px!important;margin:24px 0 0!important}
.hero-primary-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}
.hero-primary-actions button{display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.22);border-radius:11px;padding:12px 16px;color:#fff;background:rgba(255,255,255,.08);font-weight:800;font-size:12px}
.hero-primary-actions button:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.5)}
.hero-primary-actions span{font-size:16px;color:#f2b17c}
.hero-footnote{font-size:11px;line-height:1.5;color:#a7c0cf;margin-top:25px;max-width:510px}
.hero-search-panel{
  align-self:center;min-width:0;padding:clamp(21px,2.8vw,35px);
  border:1px solid #eff2f3;border-radius:23px;
  background:linear-gradient(160deg,#fff,#f9fbfc);box-shadow:0 28px 55px rgba(9,31,45,.16);
  color:var(--text)
}
.search-panel-heading>span{font-size:10px;letter-spacing:.17em;color:#b2733f;font-weight:900}
.search-panel-heading h2{margin:8px 0 6px;font-size:clamp(24px,2.5vw,35px);letter-spacing:-.045em;line-height:1.12;color:var(--navy-3)}
.search-panel-heading p{margin:0;color:#738593;font-size:12px;line-height:1.55}
.minimal-search{width:100%!important;margin:21px 0 0!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) 106px!important;gap:9px!important}
.minimal-search textarea{
  width:100%!important;min-width:0;min-height:66px!important;max-height:146px;
  border:1px solid #d5e2e8!important;border-radius:13px!important;resize:vertical;
  padding:18px 15px!important;font-size:14px!important;line-height:1.45;
  box-shadow:none!important;background:#fff!important;color:var(--text)
}
.minimal-search textarea:focus{border-color:#8faebf!important;box-shadow:0 0 0 4px rgba(52,117,153,.085)!important}
.minimal-search button{
  display:flex;align-items:center;justify-content:center;gap:8px;
  min-width:0!important;width:auto!important;min-height:66px!important;
  padding:0 14px!important;background:var(--orange)!important;border:0;
  color:#fff!important;border-radius:13px!important;font-weight:900;font-size:13px!important;
  box-shadow:0 8px 20px rgba(187,94,33,.17)
}
.minimal-search button:hover{background:#cb7331!important}
.minimal-search button svg{width:17px;height:17px;flex:none}
.hero-search-panel .search-vehicle-setup,.hero-search-panel .search-vehicle-context{margin:13px 0 0;text-align:left}
.hero-search-panel .minimal-search-hints{justify-content:flex-start;margin-top:17px;gap:6px}
.hero-search-panel .minimal-search-hints span{background:#f2f6f8;border:1px solid #e0e8ed;color:#5c7281;font-size:10px;border-radius:999px;padding:6px 10px}
.hero-search-panel .storefront-status{display:flex!important;width:100%;margin:17px 0 0;box-shadow:none;padding:11px 12px;font-size:11px;line-height:1.5}
.hero-search-panel .minimal-note{font-size:10px;color:#8797a1;text-align:left;margin-top:12px}
.storefront-steps{max-width:none!important;margin:17px 0 0!important;gap:12px}
.storefront-steps>div{border-radius:16px;padding:21px 22px}
.storefront-steps b{font-size:10px;color:#c17d44;letter-spacing:.13em}
.storefront-steps strong{font-size:17px;letter-spacing:-.035em}
.storefront-steps span{font-size:12px}

/* Catalog: compact comparison, clear focus */
#view-search .back-link{margin-bottom:18px}
.catalog-query-head{
  background:#fff;border:1px solid var(--line);border-radius:20px;
  box-shadow:var(--shadow);padding:26px 30px;margin-bottom:12px;align-items:center
}
.catalog-query-head h2{font-size:clamp(27px,3.2vw,44px);letter-spacing:-.045em}
.catalog-count{border-radius:14px;background:#f1f6f8;padding:13px 18px}
.catalog-search{border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);min-height:54px;background:#fff}
.catalog-search input{min-width:0;font-size:15px}
.catalog-search button{background:var(--navy-3);color:#fff;border:0;font-weight:800;padding:12px 24px}
.catalog-actions{gap:12px}
.compact-filters button,.sort-row button{border-radius:999px!important;font-weight:750}
.product-group,.account-block,.account-head,.account-stats article,.account-sidebar,.account-table,.garage-owner-head,.garage-empty-state{border-radius:16px}
.product-group{box-shadow:var(--shadow)}
.supply-row{transition:background-color .15s ease}
.supply-row:hover{background:#f8fbfc}
.cart-icon-btn,button[data-add-cart]{border-radius:10px}
.account-shell{gap:18px;grid-template-columns:250px minmax(0,1fr)}
.account-sidebar{top:96px}
.account-nav button{font-size:13px}
.account-nav button.active{background:#ecf4f7;color:#14374d}
.account-primary{border-radius:11px}
.account-head{padding:26px}
.account-head h2{font-size:clamp(29px,3vw,39px)}
#view-cart .checkout-title{margin:0 0 18px;color:var(--navy-3);background:transparent!important;border:0;padding:0!important;text-align:left!important;font-size:36px!important}
#view-cart .cart-livebar{background:#fff;box-shadow:var(--shadow);padding:15px 17px}
#view-cart .order-table-wrap{box-shadow:var(--shadow)}
#view-cart .cart-total-row{border-radius:13px}

/* Tablet: retain large search and spacious controls */
@media(max-width:1150px){
  .topbar-inner,body.guest-mode .topbar-inner{width:calc(100% - 36px)!important;gap:12px!important}
  main{width:calc(100% - 36px)!important}
  .desktop-nav{gap:1px}
  .desktop-nav button{padding:11px 9px}
  .header-vehicle{max-width:160px}
  .minimal-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.97fr);padding:28px!important;gap:20px}
  .minimal-hero h1{font-size:clamp(38px,4.7vw,61px)!important}
}
@media(max-width:900px){
  main{padding-top:17px!important;padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
  .topbar-inner,body.guest-mode .topbar-inner{height:66px!important}
  .desktop-nav{display:none!important}
  .header-actions,body.guest-mode .header-actions{display:none!important}
  .minimal-hero{grid-template-columns:1fr!important;gap:21px!important;border-radius:22px;padding:30px!important}
  .hero-intro{align-items:flex-start}
  .minimal-hero h1{font-size:clamp(44px,6.6vw,64px)!important;max-width:710px!important}
  .minimal-hero .hero-intro>p{font-size:15px!important;max-width:600px!important}
  .hero-search-panel{width:100%;box-shadow:0 16px 38px rgba(12,30,44,.13)}
  .storefront-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .storefront-steps>div{padding:15px}
  .storefront-steps strong{font-size:14px}
  .storefront-steps span{font-size:11px}
  .account-shell{grid-template-columns:1fr;gap:10px}
  .mobile-nav,body.guest-mode .mobile-nav{
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    position:fixed!important;left:50%!important;right:auto!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    width:min(620px,calc(100% - 24px))!important;
    transform:translateX(-50%)!important;
    height:72px!important;padding:6px!important;gap:2px!important;
    background:rgba(255,255,255,.98)!important;color:var(--navy-3)!important;
    border:1px solid #dce7ec!important;border-radius:20px!important;
    box-shadow:0 12px 36px rgba(17,47,64,.16)!important;
    align-items:center;z-index:65;backdrop-filter:blur(18px)
  }
  .mobile-nav button,body.guest-mode .mobile-nav button{
    position:relative;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:4px!important;
    min-width:0;width:100%;height:59px!important;min-height:59px!important;
    border:0!important;border-radius:14px!important;
    color:#728696!important;background:transparent!important;opacity:1!important;
    font-size:10px!important;font-weight:800!important;
    padding:6px 1px!important;line-height:1!important;letter-spacing:0!important;
    box-shadow:none!important;white-space:nowrap
  }
  .mobile-nav button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .mobile-nav button span{display:block;line-height:1.1}
  .mobile-nav button.active,.mobile-nav button[aria-current="page"]{
    background:#ebf3f7!important;color:#14384f!important;box-shadow:none!important
  }
  .mobile-nav button.active svg{stroke:#c17435}
  .mobile-nav button b{
    position:absolute;top:0;right:3px;min-width:17px!important;
    height:17px!important;padding:0 3px!important;margin:0!important;
    display:grid;place-items:center;color:white!important;
    font-size:9px;background:var(--orange)!important;border:2px solid white;
    border-radius:999px;line-height:1
  }
  .mobile-nav button b[hidden]{display:none!important}
}
@media(max-width:600px){
  .topbar-inner,body.guest-mode .topbar-inner{width:calc(100% - 28px)!important;height:60px!important}
  .logo-main,.logo-ai{font-size:20px!important}
  main{width:calc(100% - 24px)!important;padding:12px 0 calc(94px + env(safe-area-inset-bottom))!important}
  .minimal-home{padding:0 0 12px!important}
  .minimal-hero{
    gap:17px!important;padding:21px 17px!important;border-radius:20px!important;
    min-height:0!important;
  }
  .minimal-kicker{font-size:9px!important;margin-bottom:16px!important}
  .minimal-hero h1{font-size:clamp(37px,9vw,51px)!important;line-height:1.04!important;max-width:100%!important}
  .minimal-hero .hero-intro>p{font-size:13px!important;line-height:1.5!important;margin:14px 0 0!important}
  .hero-primary-actions{margin-top:15px;gap:7px}
  .hero-primary-actions button{padding:9px 11px;font-size:10px;border-radius:9px}
  .hero-primary-actions span{font-size:12px}
  .hero-footnote{margin-top:15px;font-size:10px}
  .hero-search-panel{padding:17px 14px;border-radius:16px}
  .search-panel-heading h2{font-size:25px}
  .search-panel-heading p{font-size:11px}
  .minimal-search{grid-template-columns:minmax(0,1fr) 84px!important;gap:7px!important;margin:15px 0 0!important}
  .minimal-search textarea{min-height:58px!important;padding:12px!important;font-size:13px!important;border-radius:11px!important;resize:none}
  .minimal-search button{min-height:58px!important;padding:0 8px!important;font-size:11px!important;border-radius:11px!important}
  .minimal-search button svg{width:15px;height:15px}
  .hero-search-panel .minimal-search-hints{margin-top:12px;gap:5px}
  .hero-search-panel .minimal-search-hints span{padding:5px 8px;font-size:9px}
  .hero-search-panel .storefront-status{margin-top:12px;font-size:10px;padding:10px}
  .storefront-steps{grid-template-columns:1fr!important;gap:7px!important;margin-top:10px!important}
  .storefront-steps>div{
    display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;
    gap:4px 9px!important;align-items:center!important;padding:12px 14px!important;
    border-radius:12px
  }
  .storefront-steps b{grid-row:1/3;font-size:9px}
  .storefront-steps strong{font-size:13px}
  .storefront-steps span{font-size:10px;line-height:1.35}
  #view-search .catalog-query-head{padding:18px 16px;border-radius:15px}
  #view-search .catalog-query-head h2{font-size:28px!important}
  .catalog-search{min-height:50px}
  .catalog-search button{padding:10px 15px;font-size:12px}
  .account-head{padding:17px!important}
  .account-head h2{font-size:28px!important}
  #view-cart .checkout-title{font-size:27px!important}
  #view-cart .cart-livebar{display:grid;grid-template-columns:1fr auto;align-items:start}
  #view-cart .cart-livebar button{min-height:40px}
  .mobile-nav,body.guest-mode .mobile-nav{
    bottom:max(6px,env(safe-area-inset-bottom))!important;
    width:calc(100% - 16px)!important;height:66px!important;
    border-radius:15px!important;padding:4px!important
  }
  .mobile-nav button,body.guest-mode .mobile-nav button{height:56px!important;min-height:56px!important;font-size:9px!important}
  .mobile-nav button svg{width:20px;height:20px}
}
@media(max-width:370px){
  .minimal-hero{padding:18px 13px!important}
  .minimal-hero h1{font-size:36px!important}
  .minimal-search{grid-template-columns:minmax(0,1fr) 73px!important}
  .minimal-search button{padding:0 5px!important;font-size:10px!important;gap:4px}
  .hero-primary-actions button{gap:6px}
  .storefront-steps>div{grid-template-columns:83px minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}


/* Responsive refinement and truthful cached pricing */
html,body{overflow-x:clip}
.cart-price-cell{flex-wrap:wrap;gap:5px}
.cart-price-unverified{
  display:block;flex-basis:100%;
  font-size:10px;line-height:1.35;font-weight:750;color:#ae752e
}
#accountReportStats article{min-width:0}
#accountReturnsList>.account-order-list{gap:0}
#accountReturnsList .account-order{grid-template-columns:minmax(0,1fr) auto}
#accountReturnsList .account-order .status{justify-self:end;white-space:nowrap}
#accountReturnsList .account-empty .account-primary{margin-top:8px}
@media(max-width:900px){
  .hero-search-panel{order:-1}
  .hero-intro{order:1}
}
@media(max-width:600px){
  #accountReturnsList .account-order{grid-template-columns:minmax(0,1fr);gap:8px}
  #accountReturnsList .account-order .status{justify-self:start}
}


/* Navigation footer: all actions use the same existing in-app routes. */
.site-footer{border-top:1px solid #dfe9ee;background:rgba(255,255,255,.91);padding:29px 0 34px}
.site-footer-inner{width:min(1420px,calc(100% - 60px));margin:0 auto;display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(250px,1.4fr) minmax(190px,1.1fr);gap:30px;align-items:center}
.site-footer-brand b{display:block;font-size:21px;letter-spacing:-.055em;color:#19374c}
.site-footer-brand b span{color:#bc7135}
.site-footer-brand p,.site-footer small{display:block;margin:8px 0 0;color:#758996;font-size:11px;line-height:1.6}
.site-footer nav{display:flex;flex-wrap:wrap;gap:5px 14px}
.site-footer nav button{background:transparent;border:0;color:#476174;font-weight:800;font-size:12px;padding:9px 3px}
.site-footer nav button:hover{color:#bc7135}
.site-footer small{margin:0}
@media(max-width:900px){
  .site-footer{padding:22px 0 calc(100px + env(safe-area-inset-bottom))}
  .site-footer-inner{width:calc(100% - 36px);grid-template-columns:1fr 1fr;gap:12px 20px}
  .site-footer small{grid-column:1/-1}
}
@media(max-width:600px){
  .site-footer-inner{width:calc(100% - 28px);grid-template-columns:1fr;gap:10px}
  .site-footer small{grid-column:1}
  .site-footer nav{gap:0 16px}
  .site-footer-brand p{margin-top:3px}
}

/* 320px devices: never force document width wider than the layout viewport. */
body{min-width:0!important}

/* Guest entry: public search is accessible while SMS registration is offline. */
.auth-guest-link{
  display:inline-flex;align-items:center;justify-content:space-between;gap:16px;
  margin:23px 0 0;padding:13px 17px;
  background:#eff5f8;border:1px solid #d6e4ec;color:#23475c;
  border-radius:12px;font-size:13px;font-weight:800;line-height:1.3;
  cursor:pointer;
}
.auth-guest-link:hover{background:#e4eff4;border-color:#bad2df}
.auth-guest-link span{font-size:20px;color:#b8703b;line-height:1}
@media(max-width:900px){
  .auth-guest-link{margin-top:15px;min-height:46px;width:100%}
}

/* ZAPFORMAT MANAGEMENT UI · owner/admin only */
.management-page{max-width:1280px;margin:0 auto;display:grid;gap:16px}
.management-heading{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  padding:28px 30px;border:1px solid #dfe9ee;border-radius:22px;
  background:linear-gradient(125deg,#193d52,#102e42);color:#fff
}
.management-heading .eyebrow{color:#f3b77e}
.management-heading h1{font-size:clamp(28px,3.5vw,46px);letter-spacing:-.04em;color:#fff;margin:8px 0}
.management-heading p{color:#c8dce6;font-size:13px;line-height:1.55;max-width:630px;margin:0}
.management-heading .account-primary{flex:none;background:#f0a45c;border:0;color:#183345;min-height:44px;border-radius:11px}
.management-heading .account-primary:hover{background:#f6bd88}
.management-message{border:1px solid #dce7ee;background:#f3f8fb;border-radius:11px;padding:12px 15px;color:#47657a;font-size:12px}
.management-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.management-stats article{min-width:0;display:flex;flex-direction:column;gap:11px;padding:22px;border-radius:15px;border:1px solid #dfe8ed;background:white;box-shadow:0 6px 20px rgba(20,54,74,.035)}
.management-stats span{color:#768b99;font-size:12px;font-weight:700}
.management-stats strong{color:#183c52;font-weight:850;font-size:clamp(23px,2.5vw,32px);letter-spacing:-.05em;overflow-wrap:anywhere}
.management-stats small{color:#8295a2;font-size:11px}
.management-profit{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:22px 25px;border-radius:15px;background:#edf5f7;border:1px solid #d7e7ee}
.management-profit h2{color:#1c3f54;font-size:19px;margin:6px 0 8px}
.management-profit p{color:#6b8190;font-size:12px;max-width:700px;line-height:1.5;margin:0}
.management-profit>div:last-child{min-width:180px;text-align:right}
.management-profit strong{display:block;color:#183c52;font-size:24px;overflow-wrap:anywhere}
.management-profit small{color:#6b8190;font-size:11px;line-height:1.5}
.management-orders{background:#fff;border:1px solid #dfe8ed;border-radius:17px;overflow:hidden}
.management-orders-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 25px;border-bottom:1px solid #edf1f3}
.management-orders-head h2{color:#183c52;margin:6px 0 0;font-size:23px}
.management-filter{display:flex;align-items:center;gap:10px;font-size:12px;color:#648090;font-weight:750}
.management-filter select{min-width:156px;min-height:42px;background:#f8fafb;border:1px solid #cfdee6;border-radius:10px;padding:8px 12px;color:#243e50;font-size:13px}
.management-order-list{display:grid}
.management-order-item{display:grid;grid-template-columns:1fr minmax(150px,.9fr) auto;align-items:center;gap:22px;padding:17px 24px;border-bottom:1px solid #edf2f5}
.management-order-item:last-child{border-bottom:0}
.management-order-item:nth-child(even){background:#fcfdfe}
.management-order-identity,.management-order-contact,.management-order-summary{display:grid;gap:5px;min-width:0}
.management-order-identity strong,.management-order-contact b,.management-order-summary strong{color:#233e51;font-size:13px;overflow-wrap:anywhere}
.management-order-identity span,.management-order-contact span{color:#778c9b;font-size:11px;overflow-wrap:anywhere}
.management-order-summary{justify-items:end;text-align:right}
.management-order-summary .status{font-size:10px;padding:6px 9px;border-radius:8px}
.management-empty{padding:33px 20px;text-align:center;color:#788b98;font-size:13px}
.admin-nav-entry{margin-top:8px!important;color:#bc7135!important}
@media(max-width:900px){
  .management-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .management-heading{align-items:flex-start;padding:23px}
  .management-profit{align-items:flex-start}
}
@media(max-width:600px){
  .management-page{gap:10px}
  .management-heading{flex-direction:column;padding:19px;border-radius:16px;gap:16px}
  .management-heading .account-primary{width:100%}
  .management-stats{gap:8px}
  .management-stats article{gap:7px;padding:14px 12px;border-radius:12px}
  .management-stats span{font-size:10px}
  .management-stats strong{font-size:clamp(18px,5vw,24px)}
  .management-stats small{font-size:10px}
  .management-profit{display:grid;gap:15px;padding:17px;border-radius:12px}
  .management-profit h2{font-size:17px}
  .management-profit>div:last-child{text-align:left;min-width:0}
  .management-profit strong{font-size:23px}
  .management-orders-head{padding:16px;align-items:stretch;flex-direction:column}
  .management-orders-head h2{font-size:20px}
  .management-filter{justify-content:space-between}
  .management-filter select{flex:1;max-width:220px}
  .management-order-item{grid-template-columns:1fr auto;gap:13px;padding:14px 16px}
  .management-order-contact{grid-column:1/3;grid-row:2}
  .management-order-summary{grid-column:2;grid-row:1}
}

.management-pricing{padding:22px 25px;background:#fff;border:1px solid #dfe8ed;border-radius:16px}
.management-pricing-head h2{margin:6px 0;font-size:22px;color:#1b3c50}
.management-pricing-head p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#758b9b}
.management-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px}
.management-pricing-grid label{display:grid;gap:7px;min-width:0;color:#506d7e;font-size:12px;font-weight:800}
.management-pricing-grid input{width:100%;min-width:0;height:45px;border-radius:10px;padding:10px 13px;background:#f8fafc;border:1px solid #ccdde5;color:#14344a;font-size:13px}
.management-pricing-result{margin-top:16px;background:#ecf5f6;color:#245269;border:1px solid #cde0e7;padding:13px 15px;border-radius:11px;font-size:13px;font-weight:750;line-height:1.6}
@media(max-width:600px){
  .management-pricing{padding:16px}
  .management-pricing-grid{grid-template-columns:1fr;gap:10px}
  .management-pricing-head h2{font-size:19px}
  .management-pricing-result{font-size:12px}
}

/* Owner order queue pagination, including narrow touch screens. */
.management-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:15px 24px;border-top:1px solid #e9f0f4;background:#f9fbfc}
.management-pagination[hidden],.management-pagination button[hidden]{display:none!important}
.management-pagination span{font-size:12px;color:#607b8c;font-weight:650}
.management-pagination button{min-height:44px;min-width:150px}
@media(max-width:600px){.management-pagination{padding:14px 16px;align-items:stretch;flex-direction:column}.management-pagination button{width:100%}}

/* Owner's service desk: clear scanning hierarchy without horizontal scroll. */
.management-desk .management-orders-head{flex-wrap:wrap}
.management-desk-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.management-desk-controls input{
  background:#f8fafb;border:1px solid #cfdee6;border-radius:10px;color:#243e50;
  min-height:42px;min-width:210px;max-width:100%;padding:8px 12px;font-size:13px
}
.management-desk-reload{
  border:1px solid #cfdee6;border-radius:10px;background:#fff;color:#23475e;
  min-height:42px;padding:9px 14px;font-size:12px;font-weight:750;cursor:pointer
}
.management-desk-reload:hover{background:#eef5f8}
.management-desk-caption{margin:0;padding:10px 24px;color:#708798;font-size:12px;border-bottom:1px solid #edf1f3}
.management-desk-list{display:grid}
.management-desk-row{
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;
  gap:18px;align-items:center;padding:16px 24px;border-bottom:1px solid #edf2f5
}
.management-desk-row:last-child{border-bottom:0}
.management-desk-row:nth-child(even){background:#fcfdfe}
.management-desk-row>div{display:grid;gap:5px;min-width:0}
.management-desk-row strong,.management-desk-row b{font-size:13px;color:#203e52;overflow-wrap:anywhere}
.management-desk-row small{font-size:11px;color:#6c8393;overflow-wrap:anywhere}
.management-desk-row .status{justify-self:end;font-size:10px;border-radius:8px;padding:7px 9px;white-space:nowrap}
.management-desk-articles{max-width:100%;word-break:break-word}
.management-desk-counters{text-align:right;justify-items:end}
@media(max-width:680px){
  .management-desk .management-orders-head{padding:16px;align-items:stretch}
  .management-desk-controls{display:grid;grid-template-columns:1fr;align-items:stretch}
  .management-desk-controls .management-filter{display:grid;gap:7px}
  .management-desk-controls input,.management-desk-controls select{width:100%;max-width:none;min-width:0}
  .management-desk-reload{width:100%}
  .management-desk-caption{padding:9px 16px}
  .management-desk-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 16px}
  .management-desk-row>div:nth-child(2){grid-column:1/3;grid-row:2}
  .management-desk-row .status,.management-desk-counters{grid-column:2;grid-row:1;text-align:right}
}
@media(prefers-reduced-motion:reduce){
  .management-desk *{scroll-behavior:auto;transition-duration:0.01ms!important}
}

/* ZAPFORMAT: owner-controlled pricing bands */
.pricing-editor{display:grid;gap:18px}
.pricing-tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pricing-tier{display:flex;flex-direction:column;gap:11px;padding:19px;border:1px solid #dce3e9;border-radius:16px;background:linear-gradient(155deg,#fff,#f7f9fb);min-width:0}
.pricing-tier>span{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pricing-tier b{font-size:15px;line-height:1.3}
.pricing-tier output{font-size:23px;font-weight:800;font-variant-numeric:tabular-nums;color:#132934}
.pricing-tier input[type="range"]{width:100%;accent-color:#e5672a;cursor:pointer;min-height:30px}
.pricing-tier small{line-height:1.45;color:#73808c}
.pricing-editor .management-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pricing-editor .management-pricing-grid select,
.pricing-editor .management-pricing-grid input{width:100%;min-height:43px;border:1px solid #d9e0e5;border-radius:9px;background:#fff;padding:9px 12px;color:#132934;font:inherit}
.pricing-editor-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}
.pricing-editor-actions p{margin:0 auto 0 0;color:#647481;font-size:13px;max-width:440px}
.pricing-editor-actions button{min-height:42px}
.pricing-editor-actions button:disabled{opacity:.46;cursor:not-allowed}
@media (max-width:760px){
  .pricing-tier-grid,.pricing-editor .management-pricing-grid{grid-template-columns:1fr}
  .pricing-tier{padding:16px}
  .pricing-editor-actions{align-items:stretch}
  .pricing-editor-actions p{flex-basis:100%;max-width:none}
  .pricing-editor-actions button{flex:1}
}

/* Customer account: actionable supplier exception without procurement details */
.account-status-update{margin:6px 0 18px;font-size:13px;color:#687986;line-height:1.55}
.order-partial-alert{border:1px solid #e8bd8b;border-left:4px solid #cf7a21;background:#fff9f0;padding:17px 20px;border-radius:12px;margin:16px 0}
.order-partial-alert b{color:#7d470b;display:block;margin-bottom:7px}
.order-partial-alert p{margin:0;color:#664d35;font-size:14px;line-height:1.55}
.supply-minimum{display:block;font-size:11px;color:#926c34;line-height:1.3;margin-top:4px}
@media(max-width:600px){.order-partial-alert{padding:14px}.account-head #accountOrdersRefresh{min-height:40px}}

/* Guest quote checkout: explicit consent without making an unverified order. */
.guest-quote-consent{background:#f0f5fc;border:1px solid #dae6f5;border-radius:12px;padding:14px 17px;margin:12px 0}
.guest-quote-consent label{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;color:#223a57;line-height:1.5}
.guest-quote-consent input[type="checkbox"]{width:18px;height:18px;flex:0 0 auto;margin-top:2px}
.guest-quote-consent small{display:block;font-size:12px;color:#667b96;line-height:1.5;margin-top:7px}
.guest-quote-consent .guest-honeypot{position:absolute!important;left:-10000px!important;height:1px!important;width:1px!important;opacity:0!important;pointer-events:none!important}


/* Mobile viewport containment: keep every app route stable within the device width.
   Do not hide the page behind horizontal clipping; constrain its grid children. */
html{width:100%;max-width:100%;-webkit-text-size-adjust:100%}
body{width:100%;max-width:100%;margin:0;overflow-x:clip}
.app,main,.view,.auth-shell,.auth-card,.auth-form,.auth-stage,
.auth-stage>label,.auth-password-field,.auth-tabs,.auth-tabs button{
  box-sizing:border-box;min-width:0;max-width:100%
}
.auth-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
.auth-tabs button{min-width:0;white-space:normal;overflow-wrap:anywhere}
.auth-form input,.auth-form select,.auth-password-field input,
.auth-form button.auth-submit{
  display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%
}
.auth-form select{min-height:48px;border:1px solid #d2dce3;background:#fff;color:var(--text);border-radius:8px;padding:10px 12px}
.auth-form .auth-password-toggle{width:auto;max-width:92px}
.auth-stage-note,.auth-hint,.auth-status{overflow-wrap:anywhere}
@media(max-width:900px){
  main,.app,.view{width:100%;min-width:0;max-width:100%}
  .auth-shell{min-width:0;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important}
  .auth-card{min-width:0;width:100%;max-width:100%}
}
@media(max-width:680px){
  body{background:#f3f6f8}
  .topbar{position:relative}
  .auth-shell{width:100%!important;margin:0 auto;padding:12px 0 24px!important}
  .auth-card{width:100%!important;padding:14px!important;margin:0}
  .auth-form{width:100%;min-width:0;max-width:100%}
  .auth-form label,.auth-form label>span{min-width:0;max-width:100%}
  .auth-form input,.auth-form select{font-size:16px!important;max-width:100%}
  .auth-tabs button{font-size:clamp(12px,3.5vw,15px)!important}
  .auth-form .auth-password-toggle{font-size:12px;max-width:92px}
  .auth-stage-note,.auth-hint{font-size:13px;line-height:1.45}
  .mobile-nav,body.guest-mode .mobile-nav{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    transform:none!important;width:100%!important;max-width:100%!important;
    height:calc(62px + env(safe-area-inset-bottom))!important;
    padding:4px 8px calc(4px + env(safe-area-inset-bottom))!important;
    border-radius:0!important;border-left:0!important;border-right:0!important;
    border-bottom:0!important;box-shadow:none!important;z-index:90
  }
  .mobile-nav button,body.guest-mode .mobile-nav button{
    width:100%!important;min-width:0!important;height:54px!important;min-height:0!important
  }
  main{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
}

/* Stable storefront entry and iOS keyboard behaviour, 31 October 2026. */
.session-entry{display:none;white-space:nowrap;align-items:center;justify-content:center;max-width:48vw;min-height:37px;padding:8px 12px;border:1px solid #d6e2e9;border-radius:10px;background:#f6f9fb;color:#18354b;font:700 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden;text-overflow:ellipsis}
.auth-blocked-help{display:block;margin-top:9px;font-size:12px;line-height:1.5;color:#546d7f}
@media(max-width:900px){
  #sessionEntryButton{display:inline-flex!important;flex:0 1 auto;min-width:0}
  .topbar-inner,body.guest-mode .topbar-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
  body.auth-route .mobile-nav,
  body:has(#view-auth.active) .mobile-nav,
  body:has(input:focus) .mobile-nav,
  body:has(textarea:focus) .mobile-nav,
  body:has(select:focus) .mobile-nav{display:none!important}
  body.auth-route main{padding-bottom:calc(22px + env(safe-area-inset-bottom))!important}
}
@media(max-width:680px){
  html,body{scroll-behavior:auto!important;overscroll-behavior-x:none}
  #sessionEntryButton{font-size:12px;max-width:51vw;min-height:36px}
  #view-auth{min-height:0!important;max-width:100%!important}
  #view-auth .auth-shell{max-width:100%!important;min-height:0!important;padding:10px 0 22px!important}
  #view-auth .auth-card{max-width:100%;overflow:visible}
  #view-auth .auth-tabs{max-width:100%}
  #view-auth .auth-form input:not([type=checkbox]),
  #view-auth .auth-form select,
  #view-auth .auth-form textarea,
  .minimal-search input,.minimal-search textarea,
  .catalog-search input,
  .account-shell input,.account-shell select,.account-shell textarea{
    font-size:17px!important;line-height:1.4!important;
    -webkit-text-size-adjust:100%;
  }
  #view-auth .auth-form label{display:block;min-width:0;max-width:100%}
  #view-auth .auth-form .auth-password-field{max-width:100%}
  #view-auth .auth-form .auth-password-field input{padding-right:95px!important}
  #view-auth .auth-form .auth-password-toggle{max-width:90px!important;right:7px}
  #view-auth .auth-form .auth-code-input{letter-spacing:.12em}
}

/* Mobile guest choice is visible even when the desktop auth introduction is hidden. */
.auth-guest-browse-button{display:block;width:100%;margin-top:12px;min-height:44px;padding:9px 12px;border:1px solid #d7e3e9;border-radius:10px;background:#fff;color:#26536d;font-size:14px;font-weight:700;text-align:center;cursor:pointer}
.auth-guest-browse-button:focus-visible{outline:2px solid #d78542;outline-offset:2px}


/* iPhone Safari: prevent animated viewport jumps and keep forms in a fixed layout width.
   Only vertical page scrolling is allowed; the keyboard must not resize the card. */
html,body{scroll-behavior:auto!important}
@media(max-width:900px){
  #view-auth, #view-auth .auth-shell, #view-auth .auth-card{
    min-height:0!important;
    max-height:none!important;
    transform:none!important;
    animation:none!important;
    transition:none!important
  }
  #view-auth .auth-form,
  #view-auth .auth-stage,
  #view-auth .auth-tabs{
    transform:none!important;
    transition:none!important;
    min-width:0!important;
    max-width:100%!important
  }
  #view-auth input:focus,
  #view-auth select:focus{
    scroll-margin-top:80px;
    scroll-margin-bottom:22px
  }
  #view-auth .auth-form input,
  #view-auth .auth-form select{
    font-size:18px!important;
    line-height:1.4!important;
    min-height:48px;
  }
}

/* When a saved session exists, paint the catalog while the real session is checked.
   Avoid flashing login, or leaving an empty page behind an API request. */
html.zf-preauth #view-auth.active{display:none!important}
html.zf-preauth #view-home{display:block!important}
html.zf-preauth #sessionEntryButton{font-size:0!important}
html.zf-preauth #sessionEntryButton::after{content:"Проверяем вход…";font-size:12px}

/* Higher-specificity override: keep Safari auth controls above its auto-zoom threshold. */
@media(max-width:900px){
  #view-auth .auth-form input:not([type="checkbox"]),
  #view-auth .auth-form select,
  #view-auth .auth-form textarea{font-size:18px!important}
}

/* Recover a server-accepted phone verification without requesting or billing another call. */
.auth-recovery-check{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #bfd1dd;border-radius:9px;background:#edf5f9;color:#173b55;cursor:pointer;font-size:14px;font-weight:700;line-height:1.4;text-align:center}
.auth-recovery-check[hidden]{display:none!important}
.auth-recovery-check:disabled{opacity:.6;cursor:wait}


/* Storefront cleanup — 31 October 2026 */
#view-home .minimal-hero{
  grid-template-columns:minmax(0,1fr)!important;
  min-height:0!important;
  padding:clamp(22px,4vw,42px)!important;
}
#view-home .hero-search-panel{
  width:min(100%,760px)!important;
  justify-self:center!important;
  align-self:center!important;
}
@media(max-width:900px){
  #view-home .minimal-hero{padding:24px!important}
}
@media(max-width:680px){
  #view-home .minimal-hero{padding:14px!important;border-radius:18px!important}
  #view-home .hero-search-panel{padding:17px 14px!important}
}


/* Orders visual refinement — 31 October 2026 */
.logo-ai{color:var(--flipper-orange)!important}

#account-orders{
  font-family:"PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
#account-orders .account-head{
  background:#fff!important;
  border:1px solid #d7dde1!important;
  box-shadow:0 8px 24px rgba(25,38,47,.055)!important;
}
#account-orders .account-head .eyebrow{
  color:#707a80!important;
  font-weight:700!important;
  letter-spacing:.13em!important;
}
#account-orders .account-head h2{
  color:#30383d!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}
#account-orders #accountOrdersRefresh{
  background:var(--flipper-orange)!important;
  color:#151515!important;
  border:1px solid #e97600!important;
  box-shadow:0 5px 14px rgba(255,130,0,.22)!important;
  font-weight:800!important;
}
#account-orders #accountOrdersRefresh:hover{
  background:#f47c00!important;
}
#account-orders .account-status-update{
  color:#687278!important;
  font-size:12px!important;
}
#account-orders .account-toolbar{
  background:#fff!important;
  border:1px solid #d7dde1!important;
  box-shadow:none!important;
}
#account-orders .account-toolbar input,
#account-orders .account-toolbar select{
  border:1px solid #cfd6da!important;
  color:#333b40!important;
  background:#fff!important;
}
#account-orders .account-toolbar input:focus,
#account-orders .account-toolbar select:focus{
  border-color:var(--flipper-orange)!important;
  outline:2px solid rgba(255,130,0,.12)!important;
  outline-offset:0;
}
#account-orders .account-table{
  border:1px solid #cfd6da!important;
  box-shadow:0 10px 26px rgba(25,38,47,.06)!important;
  background:#fff!important;
}
#account-orders .account-table-head{
  background:#27333a!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
  border-top:3px solid var(--flipper-orange)!important;
  padding-top:13px!important;
  padding-bottom:13px!important;
}
#account-orders .account-table-row{
  color:#404040!important;
  background:#fff!important;
  border-top:1px solid #e2e5e7!important;
}
#account-orders .account-table-row:nth-child(odd){
  background:#fbfbfa!important;
}
#account-orders .account-table-row:hover{
  background:#fff7ef!important;
}
#account-orders .order-list-number{
  color:#242b2f!important;
  font-weight:800!important;
}
#account-orders .order-list-total{
  color:#242b2f!important;
  font-weight:800!important;
}
#account-orders .order-list-open{
  color:#b95e00!important;
  font-weight:800!important;
}
#account-orders .account-empty{
  color:#626c72!important;
}

@media(max-width:680px){
  #account-orders .account-head{
    border-radius:12px!important;
  }
  #account-orders .account-head h2{
    font-size:28px!important;
  }
  #account-orders #accountOrdersRefresh{
    min-height:42px!important;
    border-radius:9px!important;
  }
  #account-orders .account-table-row{
    border-left:3px solid transparent!important;
  }
  #account-orders .account-table-row:active{
    border-left-color:var(--flipper-orange)!important;
    background:#fff7ef!important;
  }
}


/* Unified customer profile — 31 October 2026 */
.account-user[data-account-tab="profile"]{
  cursor:pointer;
  transition:background .15s ease;
}
.account-user[data-account-tab="profile"]:hover{
  background:#fff7ef;
}
.account-user[data-account-tab="profile"]:focus-visible{
  outline:2px solid rgba(255,130,0,.45);
  outline-offset:-2px;
}
.account-user small{
  display:block;
  margin-top:4px;
  color:#b95e00;
  font-size:10px;
  font-weight:800;
}
.account-avatar,
.profile-photo{
  background-color:#27333a!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.account-avatar.has-photo,
.profile-photo.has-photo{
  color:transparent!important;
}
.account-avatar{
  border:2px solid var(--flipper-orange);
}
.account-logout#logoutButton{
  background:var(--flipper-orange)!important;
  color:#171717!important;
  border:1px solid #e97600!important;
  font-weight:900!important;
}
.account-logout#logoutButton:hover{
  background:#f47c00!important;
}

#account-profile{
  font-family:"PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
#account-profile .profile-head{
  margin-bottom:14px;
}
.profile-identity{
  display:grid;
  grid-template-columns:96px minmax(0,1fr) minmax(220px,310px);
  gap:20px;
  align-items:center;
  background:#fff;
  border:1px solid #d7dde1;
  border-radius:16px;
  padding:22px;
  margin-bottom:14px;
  box-shadow:0 8px 24px rgba(25,38,47,.055);
}
.profile-photo{
  width:96px;
  height:96px;
  border-radius:24px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:28px;
  font-weight:900;
  border:3px solid var(--flipper-orange);
}
.profile-identity-copy h3{
  margin:0 0 5px;
  color:#30383d;
  font-size:25px;
  line-height:1.08;
}
.profile-identity-copy p{
  margin:0 0 13px;
  color:#6e777d;
}
.profile-photo-button{
  border:1px solid #d2d8dc;
  background:#fff;
  color:#333b40;
  border-radius:9px;
  padding:9px 12px;
  font-weight:800;
}
.profile-photo-button:hover{
  border-color:var(--flipper-orange);
}
.profile-vehicle{
  min-width:0;
  background:#27333a;
  color:#fff;
  border-top:3px solid var(--flipper-orange);
  border-radius:13px;
  padding:16px 17px;
}
.profile-vehicle small,
.profile-vehicle b,
.profile-vehicle span{
  display:block;
}
.profile-vehicle small{
  color:#ffb76f;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.profile-vehicle b{
  margin-top:7px;
  font-size:18px;
}
.profile-vehicle span{
  margin-top:5px;
  color:#cfd7db;
  font-size:12px;
  line-height:1.4;
}

.profile-section{
  background:#fff;
  border:1px solid #d7dde1;
  border-radius:16px;
  padding:22px;
  margin-bottom:14px;
  box-shadow:0 8px 24px rgba(25,38,47,.045);
}
.profile-section-head{
  margin-bottom:15px;
}
.profile-section-head h3{
  margin:0;
  color:#30383d;
  font-size:21px;
}
#account-profile .account-form{
  border:0!important;
  padding:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
#account-profile .account-form label span{
  color:#59646a;
  font-weight:700;
}
#account-profile .account-form input{
  border-color:#ccd3d7;
  color:#30383d;
}
#account-profile .account-form input:focus{
  border-color:var(--flipper-orange);
  outline:2px solid rgba(255,130,0,.12);
}
#account-profile .account-primary{
  background:var(--flipper-orange)!important;
  color:#151515!important;
  border:1px solid #e97600!important;
  font-weight:900!important;
}
.profile-stats-section .account-stats{
  margin:0;
}
.profile-stats-section .account-stats article{
  box-shadow:none;
  border-color:#d9dee1;
  background:#fbfbfa;
}
.profile-stats-section .account-stats b{
  color:#30383d;
}
.profile-stats-section .account-stats article:first-child{
  border-top:3px solid var(--flipper-orange);
}

@media(max-width:900px){
  .profile-identity{
    grid-template-columns:82px minmax(0,1fr);
  }
  .profile-photo{
    width:82px;
    height:82px;
    border-radius:20px;
  }
  .profile-vehicle{
    grid-column:1/-1;
  }
}
@media(max-width:680px){
  .profile-identity{
    grid-template-columns:68px minmax(0,1fr);
    padding:15px;
    gap:13px;
    border-radius:13px;
  }
  .profile-photo{
    width:68px;
    height:68px;
    border-radius:18px;
    font-size:21px;
  }
  .profile-identity-copy h3{
    font-size:20px;
  }
  .profile-photo-button{
    padding:7px 9px;
    font-size:11px;
  }
  .profile-section{
    padding:15px;
    border-radius:13px;
  }
  .profile-section-head h3{
    font-size:18px;
  }
  .profile-stats-section .account-stats{
    grid-template-columns:1fr 1fr;
  }
}


/* Detailed customer orders table — 31 October 2026 */
#account-orders .orders-detail-table{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:1px solid #d5dade!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(25,38,47,.045)!important;
  -webkit-overflow-scrolling:touch;
}
#account-orders .orders-detail-table .account-table-head,
#account-orders .orders-detail-table .orders-detail-row{
  display:grid!important;
  grid-template-columns:
    92px 96px 105px 118px minmax(230px,1.8fr)
    88px 72px 102px 108px 118px
    120px 160px 160px 110px 142px!important;
  min-width:1720px!important;
  gap:0!important;
  padding:0!important;
  align-items:stretch!important;
}
#account-orders .orders-detail-table .account-table-head{
  background:#eef1f2!important;
  color:#343b40!important;
  border-top:3px solid var(--flipper-orange)!important;
  border-bottom:1px solid #cdd3d6!important;
  font-family:"PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#account-orders .orders-detail-table .account-table-head>span,
#account-orders .orders-detail-table .orders-detail-row>*{
  min-width:0;
  margin:0!important;
  padding:11px 9px!important;
  display:flex;
  align-items:center;
  border-right:1px solid #d6dbde;
  line-height:1.25;
}
#account-orders .orders-detail-table .account-table-head>span{
  justify-content:center;
  text-align:center;
}
#account-orders .orders-detail-table .account-table-head>span:nth-child(5),
#account-orders .orders-detail-table .account-table-head>span:nth-child(12),
#account-orders .orders-detail-table .account-table-head>span:nth-child(13){
  justify-content:flex-start;
  text-align:left;
}
#account-orders .orders-detail-table .account-table-head>span:last-child,
#account-orders .orders-detail-table .orders-detail-row>*:last-child{
  border-right:0;
}
#account-orders .orders-detail-table .orders-detail-row{
  background:#fff!important;
  border-top:1px solid #e5e8ea!important;
  color:#404040!important;
  font-family:"PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:12px!important;
}
#account-orders .orders-detail-table .orders-detail-row:nth-child(odd){
  background:#fbfbfa!important;
}
#account-orders .orders-detail-table .orders-detail-row:hover{
  background:#fff7ef!important;
}
#account-orders .orders-detail-table .orders-detail-row>*{
  justify-content:center;
  text-align:center;
  word-break:break-word;
}
#account-orders .orders-detail-table .orders-col-description,
#account-orders .orders-detail-table .orders-col-comment,
#account-orders .orders-detail-table .orders-col-manager{
  justify-content:flex-start;
  text-align:left;
}
#account-orders .orders-detail-table .orders-col-number,
#account-orders .orders-detail-table .orders-col-article,
#account-orders .orders-detail-table .orders-col-price,
#account-orders .orders-detail-table .orders-col-sum{
  font-weight:800!important;
  color:#2f363a!important;
}
#account-orders .orders-detail-table .orders-col-status{
  align-self:center;
  justify-self:stretch;
  justify-content:center;
  min-height:100%;
  border-radius:0!important;
}
#account-orders .orders-detail-table .orders-col-delete,
#account-orders .orders-detail-table .orders-col-return{
  color:#69747a;
}
#account-orders .orders-detail-table .account-empty{
  min-width:100%;
  padding:28px 18px!important;
}

@media(max-width:900px){
  #account-orders .orders-detail-table .account-table-head,
  #account-orders .orders-detail-table .orders-detail-row{
    grid-template-columns:
      92px 96px 105px 118px 230px
      88px 72px 102px 108px 118px
      120px 160px 160px 110px 142px!important;
    min-width:1720px!important;
  }
  #account-orders .orders-detail-table .account-table-head{
    display:grid!important;
  }
  #account-orders .orders-detail-table .orders-detail-row>*{
    display:flex!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }
}


/* Orders table finish — compact primary row + service strip */
#account-orders .orders-detail-table{
  overflow:visible!important;
  border:1px solid #d5dade!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(25,38,47,.045)!important;
}
#account-orders .orders-primary-head,
#account-orders .orders-primary-row{
  display:grid!important;
  grid-template-columns:
    86px 88px 82px 108px minmax(180px,1fr)
    72px 58px 82px 92px 112px!important;
  min-width:0!important;
  width:100%!important;
  gap:0!important;
  padding:0!important;
}
#account-orders .orders-primary-head{
  background:#eef1f2!important;
  color:#343b40!important;
  border-top:3px solid var(--flipper-orange)!important;
  border-bottom:1px solid #cdd3d6!important;
  font-size:11px!important;
  font-weight:800!important;
  text-transform:none!important;
  letter-spacing:0!important;
  border-radius:13px 13px 0 0!important;
  overflow:hidden;
}
#account-orders .orders-primary-head>span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  padding:10px 7px!important;
  border-right:1px solid #d2d7da!important;
  line-height:1.15!important;
  text-align:center!important;
}
#account-orders .orders-primary-head>span:nth-child(5){
  justify-content:flex-start!important;
  text-align:left!important;
}
#account-orders .orders-primary-head>span:last-child{border-right:0!important}

#account-orders .orders-item-record{
  display:block;
  margin:0!important;
  padding:0!important;
  background:#fff;
  border:0;
  border-top:1px solid #e1e5e7;
  color:#404040;
  cursor:pointer;
  transition:background .15s ease,box-shadow .15s ease;
}
#account-orders .orders-item-record:first-of-type{border-top:0}
#account-orders .orders-item-record:hover{
  background:#fffaf5;
  box-shadow:inset 3px 0 0 var(--flipper-orange);
}
#account-orders .orders-item-record:focus-visible{
  outline:2px solid rgba(255,130,0,.35);
  outline-offset:-2px;
}
#account-orders .orders-primary-row{
  background:transparent!important;
  border:0!important;
  align-items:stretch!important;
  font-size:11px!important;
  color:#3d4448!important;
}
#account-orders .orders-primary-row>*{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  margin:0!important;
  padding:11px 7px!important;
  border-right:1px solid #edf0f1!important;
  text-align:center!important;
  line-height:1.25!important;
  word-break:normal!important;
  overflow-wrap:anywhere;
}
#account-orders .orders-primary-row>*:last-child{border-right:0!important}
#account-orders .orders-primary-row small{display:none!important}
#account-orders .orders-col-description{
  justify-content:flex-start!important;
  text-align:left!important;
  color:#343a3e!important;
}
#account-orders .orders-col-number,
#account-orders .orders-col-article,
#account-orders .orders-col-price,
#account-orders .orders-col-sum{
  font-weight:800!important;
  color:#2d3337!important;
}
#account-orders .orders-col-status{
  align-self:stretch!important;
  justify-self:stretch!important;
  border-radius:0!important;
  min-height:44px!important;
  font-size:10px!important;
  padding:9px 6px!important;
}

#account-orders .orders-service-row{
  display:grid;
  grid-template-columns:.9fr 1.45fr 1.45fr .8fr 1fr;
  gap:0;
  background:#fafbfb;
  border-top:1px solid #edf0f1;
}
#account-orders .orders-service-row>div{
  min-width:0;
  padding:9px 11px;
  border-right:1px solid #e3e7e9;
}
#account-orders .orders-service-row>div:last-child{border-right:0}
#account-orders .orders-service-row small{
  display:block;
  margin-bottom:3px;
  color:#8a949a;
  font-size:9px;
  font-weight:800;
  letter-spacing:.025em;
}
#account-orders .orders-service-row b,
#account-orders .orders-service-row span{
  display:block;
  color:#50595e;
  font-size:10px;
  line-height:1.35;
  font-weight:600;
  overflow-wrap:anywhere;
}
#account-orders .orders-service-row b{color:#30373b}
#account-orders .account-empty{
  min-height:118px;
  display:grid;
  place-items:center;
  padding:24px!important;
  color:#7a858b!important;
  background:#fff!important;
  border-radius:0 0 13px 13px;
}
#account-orders .account-empty p{margin:0!important}

@media(max-width:1080px){
  #account-orders .orders-primary-head,
  #account-orders .orders-primary-row{
    grid-template-columns:
      78px 82px 74px 96px minmax(155px,1fr)
      66px 52px 76px 84px 102px!important;
  }
  #account-orders .orders-primary-head{font-size:10px!important}
  #account-orders .orders-primary-row{font-size:10px!important}
}

@media(max-width:760px){
  #account-orders .orders-detail-table{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #account-orders .orders-primary-head{display:none!important}
  #account-orders .orders-item-record{
    margin-bottom:10px!important;
    border:1px solid #d8dde0!important;
    border-radius:13px!important;
    overflow:hidden;
    box-shadow:0 5px 16px rgba(25,38,47,.045);
  }
  #account-orders .orders-primary-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
  #account-orders .orders-primary-row>*{
    display:block!important;
    padding:9px 11px!important;
    text-align:left!important;
    justify-content:flex-start!important;
    border-right:1px solid #edf0f1!important;
    border-bottom:1px solid #edf0f1!important;
  }
  #account-orders .orders-primary-row>*:nth-child(even){border-right:0!important}
  #account-orders .orders-primary-row small{
    display:block!important;
    margin-bottom:3px;
    color:#8a949a;
    font-size:8px;
    font-weight:800;
  }
  #account-orders .orders-col-description{
    grid-column:1/-1!important;
    border-right:0!important;
  }
  #account-orders .orders-col-status{
    border-radius:0!important;
    min-height:0!important;
  }
  #account-orders .orders-service-row{
    grid-template-columns:1fr 1fr!important;
    border-top:0;
  }
  #account-orders .orders-service-row>div{
    border-top:1px solid #edf0f1;
  }
  #account-orders .orders-service-row>div:nth-child(even){border-right:0}
  #account-orders .orders-service-row>div:last-child{
    grid-column:1/-1;
    border-right:0;
  }
  #account-orders .account-empty{
    border:1px solid #d8dde0!important;
    border-radius:13px!important;
  }
}


/* Orders table legacy-width override */
#account-orders .orders-detail-table .orders-primary-head{
  min-width:0!important;
  width:100%!important;
  grid-template-columns:
    86px 88px 82px 108px minmax(180px,1fr)
    72px 58px 82px 92px 112px!important;
}
@media(max-width:1080px){
  #account-orders .orders-detail-table .orders-primary-head{
    min-width:0!important;
    width:100%!important;
    grid-template-columns:
      78px 82px 74px 96px minmax(155px,1fr)
      66px 52px 76px 84px 102px!important;
  }
}
@media(max-width:760px){
  #account-orders .orders-detail-table .orders-primary-head{
    display:none!important;
    min-width:0!important;
    width:100%!important;
  }
}


/* Customer UX audit — PartGrade-inspired density and ZapFormat accents */
#view-search .catalog-query-head{
  padding:18px 22px!important;
  margin-bottom:9px!important;
  border-radius:15px!important;
}
#view-search .catalog-query-head h2{
  font-size:clamp(25px,2.8vw,37px)!important;
  margin-bottom:3px!important;
}
#view-search .catalog-query-head p{
  font-size:12px!important;
  line-height:1.35!important;
}
#view-search .catalog-count{
  padding:9px 13px!important;
  min-width:92px!important;
  border-radius:11px!important;
}
#view-search .catalog-count b{font-size:25px!important}
#view-search .catalog-count span{font-size:9px!important}
#view-search .catalog-search{
  min-height:46px!important;
  border-radius:11px!important;
  box-shadow:none!important;
}
#view-search .catalog-search input{
  padding:10px 14px!important;
  font-size:14px!important;
}
#view-search .catalog-search button{
  background:var(--flipper-orange)!important;
  color:#171717!important;
  padding:10px 21px!important;
  font-weight:900!important;
}
#view-search .catalog-vehicle-context{
  margin-top:8px!important;
  padding:8px 12px!important;
  border-radius:9px!important;
}
#view-search .catalog-disclaimer{
  margin:7px 1px 9px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#7a858b!important;
  font-size:10px!important;
}
#view-search .catalog-actions{margin-top:7px!important}
#view-search .sort-row,
#view-search .compact-filters{gap:5px!important}
#view-search .sort-row button,
#view-search .compact-filters button{
  padding:7px 11px!important;
  font-size:11px!important;
}
#view-search .section-inline-title{margin-top:14px!important}
#view-search button[data-add-cart],
#view-search .cart-icon-btn{
  background:var(--flipper-orange)!important;
  border-color:#e97600!important;
  color:#171717!important;
  font-weight:900!important;
}

/* Customer primary actions use the orange brand accent. */
#view-profile .account-primary,
#view-profile .garage-primary,
#view-profile .garage-mileage-edit button,
#view-cart .checkout-order-button,
#view-cart .cart-empty-state .account-primary{
  background:var(--flipper-orange)!important;
  border-color:#e97600!important;
  color:#171717!important;
  font-weight:900!important;
}
#view-profile .account-primary:hover,
#view-profile .garage-primary:hover,
#view-profile .garage-mileage-edit button:hover,
#view-cart .checkout-order-button:hover,
#view-cart .cart-empty-state .account-primary:hover{
  background:#f47c00!important;
}
#view-profile .garage-vehicle-strip>button.active{
  border-color:var(--flipper-orange)!important;
  box-shadow:inset 0 0 0 1px var(--flipper-orange)!important;
}
#view-profile .garage-tabs button.active{
  color:#20292e!important;
  box-shadow:inset 0 -3px 0 var(--flipper-orange)!important;
}
#view-profile .garage-owner-head{
  padding:20px 22px!important;
}
#view-profile .garage-owner-head h2{
  margin-bottom:0!important;
}
#view-profile .garage-mileage-card{
  padding:16px 18px!important;
}

/* Returns: compact functional state instead of an oversized presentation panel. */
#account-returns .account-head{
  padding:20px 22px!important;
  margin-bottom:10px!important;
}
#account-returns #accountReturnsList{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#account-returns .account-empty{
  min-height:190px!important;
  padding:30px 22px!important;
  border:1px solid #d9dee1!important;
  border-radius:14px!important;
  box-shadow:0 6px 18px rgba(25,38,47,.035)!important;
}
#account-returns .account-empty .empty-icon{font-size:25px!important}
#account-returns .account-empty h3{margin:8px 0 4px!important}
#account-returns .account-empty p{margin:0 auto!important}

/* Cart: same table language as customer orders, without supplier warehouse. */
#view-cart .cart-livebar[hidden]{display:none!important}
#view-cart .order-table-wrap{
  border:1px solid #d5dade!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 8px 22px rgba(25,38,47,.045)!important;
}
#view-cart .order-table-head,
#view-cart .order-cart-row{
  min-width:0!important;
  width:100%!important;
  grid-template-columns:
    34px 54px 84px 118px minmax(210px,1fr)
    72px 96px 76px 96px 104px 135px 36px!important;
}
#view-cart .order-table-head{
  background:#eef1f2!important;
  border-top:3px solid var(--flipper-orange)!important;
  color:#343b40!important;
  font-size:11px!important;
}
#view-cart .order-table-head span,
#view-cart .order-cart-row>div{
  padding:10px 7px!important;
  border-right:1px solid #d7dcdf!important;
}
#view-cart .order-cart-row{
  font-size:11px!important;
}
#view-cart .order-cart-row:hover{
  background:#fffaf5!important;
}
#view-cart .cart-check{accent-color:var(--flipper-orange)!important}
#view-cart .cart-article{
  color:#2f363a!important;
  text-decoration:none!important;
  font-weight:800!important;
}
#view-cart .cart-import{
  margin-top:12px!important;
  border:1px solid #d8dde0!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
}
#view-cart .cart-import summary{
  padding:11px 14px!important;
  color:#4c565c!important;
  font-size:12px!important;
  font-weight:800!important;
}
#view-cart .cart-empty-state{
  min-height:210px!important;
  padding:34px 20px!important;
}
#view-cart .cart-empty-state h3{margin:0 0 5px!important}
#view-cart .cart-empty-state p{margin:0 0 15px!important}
#view-cart .cart-total-row{
  border-top:3px solid var(--flipper-orange)!important;
}

/* Home: keep the strong hero, reduce unused vertical space. */
#view-home .minimal-hero{
  min-height:0!important;
  padding-top:30px!important;
  padding-bottom:30px!important;
}
#view-home .hero-search-panel{
  padding-top:28px!important;
  padding-bottom:28px!important;
}

/* Footer stays useful but quieter than the storefront. */
.site-footer{
  margin-top:28px!important;
}
.site-footer-inner{
  padding-top:20px!important;
  padding-bottom:20px!important;
}
.site-footer-brand p{
  font-size:11px!important;
  margin-top:5px!important;
}

@media(max-width:1100px){
  #view-cart .order-table-wrap{overflow:visible!important;border:0!important;box-shadow:none!important}
}
@media(max-width:760px){
  #view-search .catalog-query-head{padding:15px!important}
  #view-search .catalog-query-head h2{font-size:25px!important}
  #view-search .catalog-count{padding:7px 10px!important}
  #view-profile .garage-owner-head{padding:15px!important}
  #account-returns .account-empty{min-height:150px!important;padding:24px 16px!important}
}


/* Mobile cart guard after desktop audit overrides */
@media(max-width:1100px){
  #view-cart .order-table-head{display:none!important}
  #view-cart .order-cart-row{
    min-width:0!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto auto auto auto!important;
    gap:0 8px!important;
    margin-bottom:9px!important;
    padding:10px!important;
    border:1px solid #d9e2e7!important;
    border-radius:11px!important;
    background:#fff!important;
    box-shadow:0 2px 8px rgba(31,55,74,.035)!important;
  }
  #view-cart .order-cart-row>div{
    min-width:0!important;
    padding:0!important;
    border:0!important;
  }
  #view-cart .order-cart-row .row-number,
  #view-cart .order-cart-row .brand-cell,
  #view-cart .order-cart-row .sum-cell{display:none!important}
  #view-cart .order-cart-row .row-select{
    display:flex!important;
    grid-column:1!important;
    grid-row:1/5!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding-top:2px!important;
  }
  #view-cart .order-cart-row .article-cell{
    display:flex!important;
    grid-column:2!important;
    grid-row:1!important;
    font-size:13px!important;
    font-weight:900!important;
  }
  #view-cart .order-cart-row .description-cell{
    display:block!important;
    grid-column:2!important;
    grid-row:2!important;
    margin-top:4px!important;
    color:#667782!important;
    font-size:10px!important;
    line-height:1.3!important;
  }
  #view-cart .order-cart-row .term-cell{
    display:flex!important;
    grid-column:2!important;
    grid-row:3!important;
    margin-top:7px!important;
    color:#526873!important;
    font-size:9px!important;
  }
  #view-cart .order-cart-row .term-cell:before{
    content:"Срок ";
    color:#9aa5ad;
    margin-right:4px;
  }
  #view-cart .order-cart-row .availability-cell{
    display:flex!important;
    grid-column:2!important;
    grid-row:4!important;
    margin-top:3px!important;
    color:#526873!important;
    font-size:9px!important;
  }
  #view-cart .order-cart-row .availability-cell:before{
    content:"В наличии ";
    color:#9aa5ad;
    font-weight:500;
    margin-right:4px;
  }
  #view-cart .order-cart-row .price-cell{
    display:flex!important;
    grid-column:3!important;
    grid-row:1!important;
    justify-content:flex-end!important;
    align-self:start!important;
    padding-left:7px!important;
    font-size:13px!important;
    font-weight:900!important;
  }
  #view-cart .order-cart-row .qty-cell{
    display:flex!important;
    grid-column:3!important;
    grid-row:2/5!important;
    justify-content:flex-end!important;
    align-self:center!important;
    padding-left:8px!important;
  }
  #view-cart .order-cart-row .comment-cell{
    display:block!important;
    grid-column:1/4!important;
    grid-row:5!important;
    margin-top:9px!important;
  }
  #view-cart .order-cart-row .remove-cell{
    display:flex!important;
    grid-column:1/4!important;
    grid-row:6!important;
    justify-content:flex-end!important;
    margin-top:7px!important;
    padding-top:7px!important;
    border-top:1px solid #eef2f4!important;
  }
}


/* Final cleanup after full-site audit */
.garage-car-actions{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
}
.garage-car-actions .garage-primary,
.garage-car-actions .garage-outline{
  min-height:40px;
}
.site-footer-inner{
  justify-content:flex-start!important;
}
.site-footer-brand p,
.site-footer nav{
  display:none!important;
}
@media(max-width:760px){
  .garage-car-actions{
    grid-column:1/-1;
    justify-content:stretch;
  }
  .garage-car-actions .garage-primary,
  .garage-car-actions .garage-outline{
    flex:1 1 auto;
  }
}


/* Mobile garage action fix */
@media(max-width:680px){
  .garage-car-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  .garage-car-actions .garage-outline,
  .garage-car-actions .garage-primary{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
}

/* Owner-only storefront test mode. Activated only with ?test=1 and an owner session. */
.owner-test-banner{position:sticky;top:0;z-index:1200;display:flex;align-items:center;justify-content:center;gap:12px;min-height:38px;padding:7px 16px;background:#ff8200;color:#111820;border-bottom:1px solid rgba(17,24,32,.18);box-shadow:0 6px 18px rgba(17,24,32,.12);font-size:13px;letter-spacing:.01em}.owner-test-banner b{font-size:12px;letter-spacing:.12em}.owner-test-banner span{font-weight:650}.owner-test-mode #checkoutOrderButton,.owner-test-mode [data-cart-action="start-checkout"]{box-shadow:0 0 0 2px rgba(255,130,0,.16)}@media(max-width:680px){.owner-test-banner{align-items:flex-start;justify-content:flex-start;gap:8px;padding:8px 12px;font-size:11px}.owner-test-banner b{white-space:nowrap;font-size:10px}}

/* Free-text, non-purchase lead funnel for incomplete VIN/part catalogs. */
.manual-lead{margin:15px 0 20px;padding:0;max-width:920px}
.manual-lead-toggle{width:100%;padding:14px 16px;border:1px solid #cdd7de;background:#f6f9fb;color:#17354c;border-radius:10px;font-size:14px;font-weight:700;text-align:left;cursor:pointer}
.manual-lead-form{margin-top:10px;padding:17px;border:1px solid #dce5eb;background:#fff;border-radius:12px;display:grid;gap:12px}
.manual-lead-form[hidden]{display:none}
.manual-lead-form h3{margin:0;font-size:19px;color:#15334b}
.manual-lead-form p{margin:0;font-size:13px;line-height:1.5;color:#60717e}
.manual-lead-form label{display:grid;gap:6px;font-size:13px;font-weight:650;color:#344b5d}
.manual-lead-form input:not([type="checkbox"]),.manual-lead-form textarea{width:100%;min-width:0;font-size:16px;line-height:1.4;padding:11px 12px;border:1px solid #cbd8e2;border-radius:8px;background:#fff;color:#1b3447}
.manual-lead-form .manual-lead-consent{display:flex;align-items:flex-start;gap:9px;font-weight:500;font-size:12px;line-height:1.5}
.manual-lead-consent input{margin-top:3px;flex-shrink:0}
.manual-lead-form .guest-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.manual-lead-submit{padding:13px 16px;border:0;border-radius:8px;background:#f28c00;color:#141d27;font-weight:750;font-size:15px;cursor:pointer}
.manual-lead-submit:disabled{opacity:.55;cursor:wait}
.manual-lead-status{font-size:13px;line-height:1.5;color:#334e63;margin:10px 0 0}

/* Email and phone registration tabs must remain one row on mobile. */
.auth-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.auth-tabs button{min-width:0;font-size:12px;white-space:nowrap;padding:10px 4px}
@media(max-width:410px){.auth-tabs button{font-size:11px;padding:10px 3px}}

/* Do not offer email signup until a transactional mail provider is configured. */
[data-auth-tab="email"][hidden]{display:none!important}


/* Compact customer login: fix the white space between action buttons and
   keep labels and touch inputs comfortably readable on small iPhones. */
@media (max-width:680px){
  body.auth-route #view-auth .auth-shell {
    padding:8px 0 12px!important;
  }
  body.auth-route #view-auth .auth-card {
    border-radius:15px!important;
    padding:16px!important;
    box-shadow:0 7px 20px rgba(24,48,66,.04);
  }
  body.auth-route #view-auth .auth-tabs {
    margin-bottom:12px;
    gap:4px;
    padding:4px;
  }
  body.auth-route #view-auth .auth-tabs button {
    min-height:42px;
    padding:8px 5px;
    font-size:14px!important;
    line-height:1.2;
  }
  body.auth-route #view-auth .auth-form {
    gap:10px;
  }
  body.auth-route #view-auth .auth-form label span {
    margin-bottom:5px;
    font-size:13px;
    line-height:1.3;
  }
  body.auth-route #view-auth .auth-form input:not([type=checkbox]),
  body.auth-route #view-auth .auth-form select {
    min-height:48px;
    height:48px;
    padding:10px 12px;
    border-radius:10px;
    font-size:16px!important;
    line-height:1.3!important;
  }
  body.auth-route #sessionEntryButton {display:none!important;}
  body.auth-route #view-auth .auth-link:disabled {display:none!important;}
  body.auth-route #view-auth .auth-inline-actions {
    margin-top:0;
    gap:8px;
    font-size:12px;
    line-height:1.3;
  }
  body.auth-route #view-auth .auth-submit {
    min-height:48px;
    margin-top:1px;
    font-size:15px;
    border-radius:11px;
  }
  body.auth-route #view-auth #authStatus:empty {
    display:none!important;
    min-height:0;
    margin:0;
    padding:0;
  }
  body.auth-route #view-auth .auth-guest-browse-button {
    min-height:44px;
    margin-top:12px;
    padding:9px 10px;
    border-radius:11px;
    font-size:13px;
    line-height:1.3;
  }
  /* Guest exploration remains accessible without a giant secondary panel. */
  body.auth-route main {padding-top:12px!important;}
}
@media(max-width:365px){
  body.auth-route #view-auth .auth-card {padding:13px!important;}
  body.auth-route #view-auth .auth-tabs button {font-size:12px!important;}
  body.auth-route #view-auth .auth-guest-browse-button {font-size:12px;}
}

/* Customer type is an explicit, mobile-friendly choice in both registration methods. */
#view-auth .auth-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-auth .auth-buyer-type{border:0;padding:0;margin:0;min-width:0}
#view-auth .auth-buyer-type legend{font-size:12px;font-weight:700;color:#647889;margin-bottom:9px}
#view-auth .auth-buyer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#view-auth .auth-buyer-options label{display:flex;align-items:center;gap:9px;min-width:0;margin:0;padding:11px 10px;border:1px solid #cfdbe3;border-radius:9px;background:#f8fafc;cursor:pointer}
#view-auth .auth-buyer-options label:has(input:checked){border-color:#d47b29;background:#fff7ef}
#view-auth .auth-buyer-options input[type="radio"]{appearance:auto!important;display:block!important;box-sizing:border-box!important;width:17px!important;min-width:17px!important;max-width:17px!important;height:17px!important;min-height:17px!important;margin:0!important;padding:0!important;flex:0 0 17px}
#view-auth .auth-buyer-options label span{margin:0;font-size:13px;font-weight:700;color:#21374a;line-height:1.3}
#view-auth .auth-form [data-service-only][hidden],#view-auth .auth-provider-warning[hidden]{display:none!important}
#view-auth .auth-provider-warning{margin:0;padding:10px 12px;background:#fff8e9;border:1px solid #ebd5aa;border-radius:8px;color:#7b561b;font-size:13px;line-height:1.45}
@media(max-width:390px){#view-auth .auth-buyer-options{gap:6px}#view-auth .auth-buyer-options label{padding:10px 7px}#view-auth .auth-buyer-options label span{font-size:12px}}

/* Unified email-only customer authentication, iPhone and desktop. */
#view-auth .auth-card{border-radius:18px;border:1px solid #d9e2e9;padding:25px;box-shadow:0 14px 36px rgba(17,45,67,.065);background:#fff}
#view-auth .auth-card-intro{margin:0 0 19px}
#view-auth .auth-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:#cc741a;margin-bottom:9px}
#view-auth .auth-card-intro h2{margin:0 0 7px;color:#17384d;font-size:clamp(22px,3.1vw,29px);letter-spacing:-.035em;line-height:1.15}
#view-auth .auth-card-intro p{margin:0;color:#7b8b98;font-size:13px;line-height:1.45}
#view-auth .auth-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;background:#eef2f5;border-radius:11px;padding:4px;margin-bottom:21px}
#view-auth .auth-tabs button{min-height:43px;border-radius:8px;font-size:14px;font-weight:700}
#view-auth .auth-tabs button.active{box-shadow:0 2px 6px rgba(17,45,67,.07);color:#17394f}
#view-auth .auth-form{gap:16px}
#view-auth .auth-stage{gap:16px}
#view-auth .auth-form label>span{font-size:12px;font-weight:750;color:#617585;margin-bottom:7px}
#view-auth .auth-form input:not([type=radio]){border:1px solid #cfdae2;border-radius:10px;padding:12px 13px;min-height:49px;background:#fff}
#view-auth .auth-form input:focus{border-color:#da853b;box-shadow:0 0 0 3px rgba(226,136,52,.12)}
#view-auth .auth-buyer-type legend{font-size:12px;font-weight:750;color:#617585;margin-bottom:9px}
#view-auth .auth-buyer-options label{min-height:49px;border-radius:10px;padding:10px 11px;background:#f9fbfc;gap:9px}
#view-auth .auth-buyer-options label:has(input:checked){border-color:#e18029;background:#fff8f0}
#view-auth .auth-buyer-options label span{font-size:13px;white-space:normal;font-weight:750}
#view-auth .auth-buyer-options input[type=radio]{accent-color:#173a50}
#view-auth .auth-support-hint{color:#7b8d9a;font-size:13px;line-height:1.45;margin:0}
#view-auth .auth-provider-warning{color:#936026;background:#fff9f0;border:1px solid #edddbd;border-radius:9px;font-size:12px;line-height:1.4;padding:9px 11px;margin:0}
#view-auth .auth-return-link{justify-self:center;margin-top:6px}
#view-auth .auth-submit{min-height:49px;border-radius:10px;font-weight:800;margin-top:4px}
#view-auth .auth-submit:disabled{cursor:not-allowed;opacity:.55}
#view-auth .auth-guest-browse-button{border:0;border-top:1px solid #eef2f4;border-radius:0;background:transparent;margin-top:19px;padding:16px 0 2px;font-size:13px;color:#587082;min-height:40px}
@media(max-width:680px){
  #view-auth .auth-shell{padding:12px 8px 26px!important}
  #view-auth .auth-card{border-radius:16px;padding:19px 17px!important;box-shadow:0 8px 24px rgba(18,40,59,.045)}
  #view-auth .auth-card-intro{margin-bottom:18px}
  #view-auth .auth-card-intro h2{font-size:23px}
  #view-auth .auth-tabs{margin-bottom:18px}
  #view-auth .auth-buyer-options label{padding:9px 9px;gap:7px}
  #view-auth .auth-buyer-options label span{font-size:12px}
  #view-auth .auth-form input:not([type=radio]){font-size:16px!important}
}