:root{
  --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}
.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;
}
.minimal-note{
  margin:16px auto 0;
  color:#8a97a1;
  font-size:12px;
  line-height:1.5;
}
@media(max-width:680px){
  .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-disclaimer{
  font-size:12px;line-height:1.5;color:#5f6c76;text-decoration:underline;
  margin:12px 2px 12px
}
.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 a{
  color:#2d4657;text-decoration:underline;font-size:14px
}
.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){
  .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
}
.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}
.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-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;
    min-height:0;
    padding:16px 0 30px
  }
  .auth-brand{padding:6px 4px 20px}
  .auth-brand h2{font-size:38px}
  .auth-brand p{font-size:14px}
  .auth-card{padding:13px;border-radius:10px}
  .auth-form-grid{grid-template-columns:1fr}
  .auth-tabs button{font-size:12px}
}


/* 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
}
.garage-vehicle-strip>button{
  border:1px solid #d6dfe5;background:#fff;border-radius:10px;padding:9px 11px;color:#566a78
}
.garage-vehicle-strip>button.active{
  display:flex;align-items:center;gap:10px;text-align:left;border-color:#b9c9d4;
  box-shadow:0 4px 14px rgba(31,55,74,.05)
}
.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;font-size:20px}
.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-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-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-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:space-between;
  gap:12px;
  margin-bottom:12px
}
.order-detail-toolbar .order-detail-back{margin:0}
.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-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 PartGrade-style 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
  }
}


/* Weekend live mode: real PartGrade 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}}