:root{
  --red:#e51b23;--red-dark:#b90f16;--red-soft:#fff0f1;--ink:#111114;--ink-2:#1b1b1f;
  --muted:#6c6d75;--line:#e5e5e9;--surface:#fff;--soft:#f6f6f8;--cream:#fbf8f2;
  --panel:#0b0b0d;--panel-2:#121215;--panel-3:#19191d;--panel-line:#2a2a30;
  --green:#27b463;--amber:#e59c1b;--blue:#3283e8;--radius:18px;--shadow:0 16px 50px rgba(16,16,20,.10);
  --container:1320px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--surface);line-height:1.55;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container,.header-wide{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.ui-icon{width:22px;height:22px;display:inline-block;flex:0 0 auto}.section{padding:72px 0}.section-dark{background:var(--ink);color:#fff}.section-kicker,.breadcrumbs{display:inline-flex;color:var(--red);font-size:13.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.section-title{font-size:clamp(32px,5vw,58px);line-height:1.04;letter-spacing:-.04em;margin:10px 0 16px}.section-copy{color:var(--muted)}

/* Brand and public header */
.site-header{position:relative;z-index:60;background:#09090a;color:#fff}.top-strip{background:#111114;border-bottom:1px solid #25252a;font-size:13px;color:#c6c6cb}.top-strip .header-wide{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-strip .header-wide>div{display:flex;gap:22px}.top-item{display:flex;align-items:center;gap:7px;white-space:nowrap}.top-item .ui-icon{width:16px;height:16px;color:var(--red)}.header-main{background:#09090a}.header-main .header-wide{min-height:78px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}.brand-wing{position:relative;width:58px;height:40px;display:block;transform:skewX(-18deg)}.brand-wing i{position:absolute;left:0;height:5px;border-radius:20px;background:var(--red);box-shadow:0 1px 10px rgba(229,27,35,.3)}.brand-wing i:nth-child(1){top:5px;width:58px}.brand-wing i:nth-child(2){top:16px;width:47px}.brand-wing i:nth-child(3){top:27px;width:35px}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy b{font-size:22px;letter-spacing:.02em;color:#fff}.brand-copy em{font-style:normal;color:var(--red)}.brand-copy small{margin-top:6px;font-size:12px;font-weight:800;color:#bdbdc4;letter-spacing:.08em;text-transform:uppercase}.header-search{display:flex;flex:1;max-width:620px;margin-left:auto;border-radius:11px;overflow:hidden;background:#fff;border:1px solid #2e2e33}.header-search input{width:100%;min-height:46px;border:0;padding:0 17px;outline:0;color:#19191c}.header-search button{width:52px;border:0;background:var(--red);color:#fff;display:grid;place-items:center}.header-actions{display:flex;align-items:center;gap:20px}.account-link,.cart-link{display:flex;align-items:center;gap:10px;position:relative}.action-icon{width:38px;height:38px;border:1px solid #34343a;border-radius:11px;display:grid;place-items:center;color:#fff}.account-link small,.cart-link small{display:block;color:#a9a9b0;font-size:12px}.account-link b,.cart-link b{display:block;font-size:13.5px;color:#fff}.cart-link em{position:absolute;top:-8px;left:29px;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:var(--red);color:#fff;font-size:12px;font-style:normal;display:grid;place-items:center}.menu-toggle{display:none;border:0;background:transparent;color:#fff;padding:8px}.nav-bar{background:linear-gradient(90deg,var(--red-dark),var(--red));box-shadow:0 8px 30px rgba(0,0,0,.15)}.nav-bar .header-wide{min-height:48px;display:flex;align-items:center;justify-content:space-between}.main-nav{display:flex;align-items:center;height:100%}.main-nav a{height:48px;display:flex;align-items:center;padding:0 18px;font-size:13.5px;font-weight:850;color:#fff;transition:.2s}.main-nav a:hover{background:rgba(0,0,0,.16)}.whatsapp-head{display:flex;align-items:center;gap:9px;background:#0ca843;height:48px;padding:0 18px;color:#fff}.whatsapp-head span{font-size:12px;text-transform:uppercase;opacity:.85}.whatsapp-head b{font-size:13.5px}.flash{position:fixed;z-index:200;right:22px;top:22px;width:min(420px,calc(100% - 44px));padding:15px 45px 15px 17px;border-radius:13px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);font-weight:750}.flash-success{border-left:5px solid var(--green)}.flash-error{border-left:5px solid var(--red)}.flash button{position:absolute;right:11px;top:10px;border:0;background:transparent;font-size:20px}

/* Homepage slider */
.hero-slider{position:relative;background:#050506;color:#fff;overflow:hidden;min-height:560px}.hero-slides{position:relative;min-height:560px}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.02);transition:opacity .65s ease,transform .8s ease;background:radial-gradient(circle at 74% 40%,rgba(229,27,35,.22),transparent 29%),linear-gradient(110deg,#050506 0,#0c0c0e 58%,#17171a 100%)}.hero-slide.active{opacity:1;visibility:visible;transform:scale(1)}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.98) 0,rgba(0,0,0,.76) 42%,rgba(0,0,0,.15) 72%,rgba(0,0,0,.48) 100%);pointer-events:none}.hero-glow{position:absolute;right:10%;top:32%;width:540px;height:120px;background:var(--red);filter:blur(70px);opacity:.28;transform:skewX(-20deg)}.hero-slide-inner{position:relative;z-index:2;min-height:560px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:40px}.hero-slide-copy{padding:66px 0}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#ff777c;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.hero-slide-copy h1{margin:10px 0 12px;font-size:clamp(68px,9vw,132px);line-height:.83;letter-spacing:-.065em;text-transform:uppercase}.hero-slide-copy p{max-width:610px;color:#c9c9cf;font-size:17px;margin:0 0 25px}.hero-specs{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 27px}.hero-specs span{display:flex;align-items:center;gap:7px;border:1px solid #34343a;background:rgba(255,255,255,.04);border-radius:10px;padding:9px 12px;font-size:13px}.hero-specs .ui-icon{color:var(--red);width:18px;height:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.store-button,.button,.panel-button{min-height:46px;border:0;border-radius:10px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--red);color:#fff;font-weight:850;font-size:13.5px;transition:transform .2s,background .2s,box-shadow .2s}.store-button:hover,.button:hover,.panel-button:hover{transform:translateY(-1px);background:#f2262e;box-shadow:0 12px 28px rgba(229,27,35,.22)}.store-button.outline{background:transparent;border:1px solid #56565c}.hero-price{display:flex;align-items:baseline;gap:12px;margin-top:23px}.hero-price small{color:#9d9da4}.hero-price strong{font-size:24px;color:#fff}.hero-bike-stage{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;padding:45px 10px 20px}.hero-bike-stage img{width:min(760px,100%);max-height:480px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 35px 40px rgba(0,0,0,.65));transform:translateY(16px)}.hero-bike-shadow{position:absolute;bottom:72px;width:70%;height:40px;background:#000;filter:blur(20px);border-radius:50%;opacity:.85}.slider-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid #4b4b51;background:rgba(12,12,14,.72);color:#fff;font-size:30px;display:grid;place-items:center;transition:.2s}.slider-arrow:hover{background:var(--red);border-color:var(--red)}.slider-arrow.prev{left:22px}.slider-arrow.next{right:22px}.slider-dots{position:absolute;z-index:5;left:50%;bottom:21px;transform:translateX(-50%);display:flex;gap:9px}.slider-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#777}.slider-dots button.active{width:28px;border-radius:10px;background:var(--red)}

/* Home categories and sections */
.quick-categories{position:relative;z-index:10;margin-top:-18px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(6,1fr);overflow:hidden}.quick-category{min-height:108px;padding:18px 16px;display:flex;align-items:center;gap:12px;border-right:1px solid var(--line);position:relative;transition:.2s}.quick-category:last-child{border-right:0}.quick-category:hover{background:var(--red-soft)}.quick-icon{width:46px;height:46px;border-radius:13px;background:var(--red-soft);color:var(--red);display:grid;place-items:center}.quick-category strong{display:block;font-size:14px}.quick-category small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.quick-arrow{position:absolute;right:10px;width:15px;height:15px;color:#b6b6bc;opacity:0;transform:translateX(-5px);transition:.2s}.quick-category:hover .quick-arrow{opacity:1;transform:none;color:var(--red)}.store-benefits{padding:28px 0 0}.store-benefits .container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.store-benefits .container>div{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.store-benefits i{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--red);background:#fff}.store-benefits strong{display:block;font-size:13.5px}.store-benefits small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.store-section{padding-top:72px}.store-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}.store-heading>div>span{display:block;color:var(--red);font-weight:900;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.store-heading h2{font-size:clamp(30px,4vw,48px);line-height:1.04;letter-spacing:-.04em;margin:7px 0 5px}.store-heading p{margin:0;color:var(--muted)}.store-heading>a{display:inline-flex;align-items:center;gap:8px;color:var(--red);font-weight:850;font-size:13.5px;white-space:nowrap}.store-heading>a .ui-icon{width:16px;height:16px}.bike-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.store-product-card,.product-card{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;transition:.24s;box-shadow:0 6px 22px rgba(20,20,25,.04)}.store-product-card:hover,.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d5d5db}.store-product-image,.product-media{height:265px;background:linear-gradient(180deg,#fff,#f4f4f6);position:relative;display:flex;align-items:center;justify-content:center;padding:22px}.store-product-image img,.product-media img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.store-product-card:hover img,.product-card:hover img{transform:scale(1.04)}.availability,.store-product-image>span{position:absolute;top:14px;left:14px;background:#eaf8ef;color:#167f41;border-radius:20px;padding:5px 9px;font-size:12px;font-weight:850}.availability.out{background:#fff0f1;color:var(--red)}.store-product-body,.product-body{padding:18px}.store-product-body>small,.product-meta{color:var(--red);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.store-product-body h3,.product-body h3{margin:5px 0 7px;font-size:18px}.store-product-body p,.product-body p{color:var(--muted);font-size:13.5px;min-height:38px;margin:0 0 13px}.store-price,.price-line{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:13px}.store-price strong,.price-line strong{font-size:17px;color:var(--red)}.store-price em{display:block;color:var(--green);font-style:normal;font-size:12px;font-weight:800}.card-link{display:flex!important;align-items:center;justify-content:center;gap:7px;margin-top:14px;min-height:38px;border:1px solid var(--line);border-radius:9px;font-size:13px;font-weight:850}.card-link:hover{border-color:var(--red);color:var(--red)}.home-split{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:72px}.home-service-panel,.home-parts-panel{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff}.store-heading.compact{align-items:start;margin-bottom:18px}.store-heading.compact h2{font-size:28px}.service-tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-tile-grid>a{min-height:112px;border:1px solid var(--line);border-radius:13px;padding:14px;display:grid;grid-template-columns:42px 1fr 18px;gap:11px;align-items:start;transition:.2s}.service-tile-grid>a:hover{border-color:#f1a7aa;background:var(--red-soft)}.service-tile-grid i{width:42px;height:42px;border-radius:11px;background:var(--red-soft);color:var(--red);display:grid;place-items:center}.service-tile-grid strong{display:block;font-size:13.5px}.service-tile-grid small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.tile-arrow{width:16px;height:16px;color:#b7b7bd;margin-top:10px}.parts-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.parts-mini-grid>a{min-height:82px;display:grid;grid-template-columns:64px 1fr 18px;gap:12px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:12px;transition:.2s}.parts-mini-grid>a:hover{border-color:#f1a7aa;background:var(--red-soft)}.part-thumb{width:64px;height:64px;border-radius:9px;background:#f5f5f7;display:grid;place-items:center;padding:7px}.part-thumb img{width:100%;height:100%;object-fit:contain}.parts-mini-grid strong{display:block;font-size:13px}.parts-mini-grid small{display:block;color:var(--red);font-size:12px;font-weight:850;margin-top:3px}.parts-mini-grid>a>.ui-icon{width:16px;height:16px;color:#aaa}.wholesale-banner{margin-top:72px;margin-bottom:72px;border-radius:23px;overflow:hidden;background:linear-gradient(120deg,#111114,#2a1113);color:#fff;display:grid;grid-template-columns:1.15fr .85fr;min-height:320px;position:relative}.wholesale-banner:after{content:"";position:absolute;right:-100px;top:-100px;width:380px;height:380px;border-radius:50%;background:var(--red);filter:blur(90px);opacity:.23}.wholesale-copy{padding:45px;position:relative;z-index:2}.wholesale-copy>span{color:#ff6e73;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.wholesale-copy h2{font-size:clamp(32px,4vw,50px);line-height:1.03;margin:8px 0 12px;letter-spacing:-.04em}.wholesale-copy p{max-width:650px;color:#bdbdc4}.wholesale-copy .store-button{margin-top:15px}.wholesale-steps{position:relative;z-index:2;align-self:center;padding:35px}.wholesale-steps>div{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #3b3b42}.wholesale-steps>div:last-child{border-bottom:0}.wholesale-steps b{font-size:24px;color:var(--red)}.wholesale-steps strong{display:block;font-size:14px}.wholesale-steps small{color:#a9a9af}.customer-trust{padding-top:0;padding-bottom:72px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.trust-grid>div{border:1px solid var(--line);border-radius:16px;padding:24px}.trust-grid .ui-icon{width:34px;height:34px;color:var(--red);margin-bottom:16px}.trust-grid strong{display:block;font-size:17px}.trust-grid p{color:var(--muted);font-size:13.5px;margin-bottom:0}

/* Generic store pages */
.page-hero{padding:58px 0;background:linear-gradient(125deg,#101013,#29292e);color:#fff}.page-hero h1{font-size:clamp(40px,6vw,72px);letter-spacing:-.05em;line-height:1;margin:10px 0}.page-hero p{max-width:740px;color:#c6c6cc}.button-dark{background:var(--ink)}.button-light{background:#fff;color:var(--ink);border:1px solid var(--line)}.button-small{min-height:38px;padding:0 14px}.form-control,.panel-input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:10px 13px;outline:0;transition:.2s}.form-control:focus,.panel-input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(229,27,35,.11)}textarea.form-control,textarea.panel-input{min-height:105px;resize:vertical}.form-row,.panel-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field label,.filter-group label,.panel-field label{display:block;margin-bottom:6px;font-size:13px;font-weight:850;color:#4f5058}.form-help{font-size:12px;color:var(--muted)}.shop-layout{display:grid;grid-template-columns:250px 1fr;gap:25px;align-items:start}.filter-card,.summary-card,.account-card,.contact-panel,.booking-form,.booking-aside,.content-card,.wholesale-panel{border:1px solid var(--line);border-radius:17px;background:#fff;padding:22px}.filter-card{position:sticky;top:18px}.filter-card h3{margin-top:0}.filter-group{margin-bottom:14px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.product-tag{position:absolute;top:13px;left:13px;background:#fff;border:1px solid var(--line);padding:5px 9px;border-radius:20px;font-size:12px;font-weight:850;text-transform:uppercase}.product-stock{position:absolute;top:18px;right:18px;width:9px;height:9px;border-radius:50%;background:var(--green)}.product-stock.out{background:var(--red)}.price-line span{font-size:12px;color:var(--muted)}.product-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.icon-button{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:21px}.icon-button:hover{border-color:var(--red);color:var(--red)}.empty-state{border:1px dashed #cfcfd5;border-radius:17px;padding:55px;text-align:center;background:var(--soft)}.empty-state h3{font-size:26px;margin:0 0 8px}.product-detail{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}.product-detail-media{min-height:520px;border-radius:22px;background:linear-gradient(180deg,#fff,#f1f1f4);display:grid;place-items:center;padding:42px;border:1px solid var(--line)}.product-detail-media img{width:100%;max-height:430px;object-fit:contain}.detail-content h1{font-size:clamp(42px,6vw,72px);line-height:1;letter-spacing:-.05em;margin:8px 0 14px}.detail-description{color:var(--muted)}.detail-price{margin:25px 0;display:flex;align-items:end;gap:12px}.detail-price strong{font-size:30px;color:var(--red)}.detail-price span{color:var(--muted);font-size:13px}.wholesale-note{padding:14px 16px;border-radius:11px;background:#eef8f1;border:1px solid #cbe9d4;color:#216a3d;font-size:13.5px}.purchase-box{margin:18px 0}.purchase-row{display:grid;grid-template-columns:110px 1fr;gap:10px}.spec-table{border-top:1px solid var(--line)}.spec-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px}.spec-row span{color:var(--muted)}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}.cart-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff}.cart-item{display:grid;grid-template-columns:82px 1fr 80px 130px 32px;gap:15px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.cart-thumb{width:82px;height:72px;border-radius:10px;background:var(--soft);padding:7px}.cart-thumb img{width:100%;height:100%;object-fit:contain}.cart-item h3{margin:0;font-size:14px}.cart-item p{margin:3px 0 0;color:var(--muted);font-size:12px}.cart-qty{width:72px;min-height:39px;border:1px solid var(--line);border-radius:9px;text-align:center}.cart-line-total{color:var(--red)}.remove-button{width:29px;height:29px;border:0;border-radius:7px;background:#fff0f1;color:var(--red);font-size:19px}.summary-card{position:sticky;top:18px}.summary-card h3{margin-top:0}.summary-line{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:13.5px}.summary-line.total{font-size:17px;font-weight:900}.summary-card .button{width:100%;margin-top:17px}.auth-section{min-height:72vh;padding:70px 20px;display:grid;place-items:center;background:radial-gradient(circle at 15% 10%,rgba(229,27,35,.18),transparent 23%),#0c0c0e}.auth-card{width:min(620px,100%);padding:36px;border-radius:22px;background:#fff;box-shadow:0 25px 90px rgba(0,0,0,.34)}.auth-card h1{font-size:42px;line-height:1.04;letter-spacing:-.04em;margin:8px 0}.auth-card>p{color:var(--muted)}.auth-card .button{width:100%;margin-top:17px}.auth-footer{text-align:center;margin-top:16px;font-size:13.5px}.auth-footer a{color:var(--red);font-weight:850}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff}.service-card-media{height:180px;background:var(--soft);display:grid;place-items:center;padding:26px}.service-card-media img{height:100%;object-fit:contain}.service-card-body{padding:20px}.service-card-body h3{margin:0 0 8px}.service-card-body p{color:var(--muted);font-size:13.5px}.booking-layout,.contact-grid,.wholesale-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px}.booking-aside{background:var(--ink);color:#fff}.contact-list>div{padding:13px 0;border-bottom:1px solid var(--line)}.contact-list span{display:block;color:var(--muted);font-size:12px}.contact-list strong{display:block;margin-top:3px}.map-embed{position:relative;min-height:430px;border-radius:18px;overflow:hidden}.map-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.account-layout{display:grid;grid-template-columns:230px 1fr;gap:22px}.account-nav{border:1px solid var(--line);border-radius:15px;padding:10px;height:max-content}.account-nav a,.account-nav button{width:100%;display:block;border:0;background:transparent;text-align:left;padding:12px;border-radius:9px;font-weight:750}.account-nav a.active,.account-nav a:hover{background:var(--red-soft);color:var(--red)}.order-row{display:grid;grid-template-columns:1fr 120px 120px 140px;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.status{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:4px 8px;border-radius:20px;background:#ececf0;color:#56565e;font-size:12px;font-weight:850;text-transform:capitalize}.status-completed,.status-paid,.status-ready{background:#e8f8ee;color:#167c40}.status-cancelled,.status-refunded{background:#fff0f1;color:var(--red)}.status-processing,.status-in_progress,.status-partial,.status-contacted{background:#fff6e4;color:#99620a}.status-pending,.status-requested,.status-scheduled,.status-received,.status-new{background:#edf4ff;color:#2865a7}

/* Admin and service manager panel */
.panel-body{background:var(--panel);color:#f4f4f6;min-height:100vh}.panel-shell{min-height:100vh;display:grid;grid-template-columns:278px minmax(0,1fr)}.panel-sidebar{position:sticky;top:0;height:100vh;background:#09090b;border-right:1px solid var(--panel-line);display:flex;flex-direction:column;z-index:80}.panel-sidebar-head{min-height:80px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--panel-line)}.panel-brand .brand-copy b{font-size:18px}.panel-brand .brand-wing{width:48px;height:34px}.panel-brand .brand-wing i:nth-child(1){width:48px}.panel-brand .brand-wing i:nth-child(2){width:39px}.panel-brand .brand-wing i:nth-child(3){width:29px}.panel-close{display:none}.panel-role{padding:15px 20px 8px}.panel-role span{display:block;color:#777780;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.panel-role strong{display:block;margin-top:3px;font-size:14px}.panel-sidebar nav{padding:8px 12px;display:flex;flex-direction:column;gap:4px;overflow:auto}.panel-sidebar nav a{min-height:43px;border-radius:10px;display:flex;align-items:center;gap:12px;padding:0 12px;color:#b7b7be;font-size:13.5px;font-weight:750;position:relative}.panel-sidebar nav a i{width:26px;height:26px;display:grid;place-items:center;color:#8f8f98}.panel-sidebar nav a i .ui-icon{width:20px;height:20px}.panel-sidebar nav a:hover{background:#17171a;color:#fff}.panel-sidebar nav a.active{background:linear-gradient(90deg,#621014,#2b0c0e);color:#fff}.panel-sidebar nav a.active:before{content:"";position:absolute;left:-12px;width:3px;height:26px;background:var(--red);border-radius:0 5px 5px 0}.panel-sidebar nav a.active i{color:var(--red)}.panel-side-promo{margin:auto 16px 15px;border:1px solid var(--panel-line);border-radius:14px;padding:17px;background:linear-gradient(145deg,#161619,#0d0d0f)}.panel-side-promo>span{width:38px;height:38px;border-radius:11px;background:#2a1113;color:var(--red);display:grid;place-items:center;margin-bottom:13px}.panel-side-promo strong{font-size:17px;line-height:1.2}.panel-side-promo em{color:var(--red);font-style:normal}.panel-side-promo p{color:#85858e;font-size:12px;margin-bottom:0}.panel-user{min-height:70px;border-top:1px solid var(--panel-line);padding:12px 16px;display:grid;grid-template-columns:38px 1fr 32px;align-items:center;gap:10px}.panel-avatar{width:38px;height:38px;border-radius:50%;background:var(--red);display:grid;place-items:center;font-weight:900}.panel-user strong{display:block;font-size:13px}.panel-user span:not(.panel-avatar){display:block;color:#7f7f88;font-size:12px}.panel-user form button{width:31px;height:31px;border:1px solid var(--panel-line);border-radius:9px;background:#151518;color:#aaa;display:grid;place-items:center}.panel-user form .ui-icon{width:16px;height:16px}.panel-main{min-width:0}.panel-topbar{height:80px;border-bottom:1px solid var(--panel-line);background:rgba(10,10,12,.94);display:flex;align-items:center;gap:15px;padding:0 24px;position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.panel-menu{display:none;border:0;background:transparent;color:#fff}.panel-page-title small{display:block;color:#73737c;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.panel-page-title h1{margin:1px 0 0;font-size:22px}.panel-top-actions{margin-left:auto;display:flex;align-items:center;gap:22px}.panel-top-actions>span{font-size:13px;text-align:right}.panel-top-actions>span small{display:block;color:#777780}.panel-top-actions>a{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid var(--panel-line);border-radius:9px;font-size:12px;font-weight:800}.panel-top-actions .ui-icon{width:16px;height:16px}.panel-content{padding:22px;max-width:1700px;margin:0 auto}
.layout-edit-toggle-form{display:contents}.layout-edit-toggle{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid var(--panel-line);border-radius:9px;background:transparent;color:#fff;font-size:12px;font-weight:800;cursor:pointer;transition:.2s}.layout-edit-toggle .ui-icon{width:16px;height:16px}.layout-edit-toggle:hover{border-color:#54545c}.layout-edit-toggle.is-on{background:var(--red);border-color:var(--red)}
.layout-edit-banner{margin:16px 22px 0;padding:12px 16px;border-radius:11px;background:#1d2a12;border:1px solid #3a5a1e;color:#d9f2c3;display:flex;align-items:center;gap:12px;font-size:13px}.layout-edit-banner .ui-icon{width:18px;height:18px;flex:0 0 auto;color:#8fd35c}.layout-edit-banner span{flex:1}.layout-reset-btn{display:flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid #3a5a1e;border-radius:8px;background:rgba(255,255,255,.06);color:inherit;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.layout-reset-btn .ui-icon{width:14px;height:14px}.layout-reset-btn:hover{background:rgba(255,255,255,.14)}
.layout-draggable{position:relative;cursor:grab;transition:transform .15s ease,box-shadow .15s ease}.layout-draggable:hover{box-shadow:0 0 0 1px var(--red)}.layout-draggable.is-dragging{opacity:.35;cursor:grabbing}.layout-draggable.layout-drop-before{box-shadow:inset 0 3px 0 var(--red)}.layout-draggable.layout-drop-after{box-shadow:inset 0 -3px 0 var(--red)}
.layout-section-editable{position:relative}
.layout-drag-handle{position:absolute;top:10px;right:10px;z-index:5;width:30px;height:30px;border-radius:8px;background:rgba(229,27,35,.14);border:1px solid rgba(229,27,35,.4);color:var(--red);display:grid;place-items:center;cursor:grab}.layout-drag-handle .ui-icon{width:16px;height:16px}.layout-drag-handle:active{cursor:grabbing}
.layout-section-toggle{position:absolute;top:10px;right:48px;z-index:5;width:30px;height:30px;border-radius:8px;border:1px solid rgba(120,120,130,.35);background:rgba(20,21,25,.7);color:#c9c9d1;display:grid;place-items:center;cursor:pointer;padding:0}
.layout-section-toggle:hover{border-color:var(--red);color:var(--red)}
.layout-section-toggle .ui-icon{width:15px;height:15px}
[data-layout-section-hidden="1"]{opacity:.4;filter:grayscale(.3)}
[data-layout-section-hidden="1"] .layout-section-toggle{border-color:rgba(62,211,127,.5);color:#3ed37f;opacity:1}
.layout-btn-toggle{position:absolute;top:-7px;right:-7px;z-index:6;width:20px;height:20px;border-radius:50%;background:#17181c;border:1px solid rgba(120,120,130,.4);color:#c9c9d1;display:grid;place-items:center;cursor:pointer}
.layout-btn-toggle:hover{border-color:var(--red);color:var(--red)}
.layout-btn-toggle .ui-icon{width:11px;height:11px}
[data-layout-btn-key].layout-hidden-btn{opacity:.35;filter:grayscale(.4)}
[data-layout-btn-key].layout-hidden-btn .layout-btn-toggle{border-color:rgba(62,211,127,.5);color:#3ed37f;opacity:1}
[data-layout-btn-key]{position:relative}
.panel-alert{margin:16px 22px 0;padding:13px 42px 13px 15px;border-radius:11px;position:relative}.panel-alert-success{background:#12311e;color:#bcefcf;border:1px solid #285a39}.panel-alert-error{background:#351316;color:#ffd1d3;border:1px solid #6a252a}.panel-alert button{position:absolute;right:10px;border:0;background:transparent;color:inherit}.dash-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dash-intro h2{font-size:28px;margin:0}.dash-intro p{margin:4px 0 0;color:#82828b}.dashboard-metrics,.panel-grid,.wholesale-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.dash-metric,.metric-card{border:1px solid var(--panel-line);background:linear-gradient(145deg,#18181c,#111114);border-radius:13px;padding:15px;min-width:0}.dash-metric i{width:38px;height:38px;border-radius:50%;background:#2d1114;color:var(--red);display:grid;place-items:center;margin-bottom:11px}.dash-metric i .ui-icon{width:20px;height:20px}.dash-metric>span,.metric-card span{display:block;color:#888891;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.dash-metric strong,.metric-card strong{display:block;margin-top:4px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-metric small{display:block;color:#6f6f77;font-size:12px;margin-top:4px}.dash-metric.alert{border-color:#633039}.panel-card{border:1px solid var(--panel-line);background:linear-gradient(145deg,#17171a,#111113);border-radius:14px;padding:17px;min-width:0}.panel-card.no-pad{padding:0;overflow:hidden}.panel-card h2{font-size:14px;margin:0 0 13px}.panel-note{color:#777781;font-size:12px}.panel-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.panel-section-head.padded{padding:16px 17px 0}.panel-section-head h2{margin:0}.panel-section-head a{color:#ff555b;font-size:12px;font-weight:800}.dashboard-charts,.dashboard-tables,.panel-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.dashboard-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.modern-chart{height:240px;display:flex;align-items:end;gap:13px;padding-top:17px}.modern-chart>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.modern-chart span{width:62%;min-height:4px;background:linear-gradient(180deg,#f42b33,#8e0d12);border-radius:6px 6px 2px 2px}.modern-chart.line span{width:5px;border-radius:10px;box-shadow:0 0 0 4px rgba(229,27,35,.12)}.modern-chart b{font-size:12px;color:#aaa}.modern-chart small{font-size:11px;color:#707078}.panel-table-wrap{overflow:auto}.panel-table{width:100%;border-collapse:collapse;font-size:12px}.panel-table th{background:#111114;color:#75757e;text-align:left;font-weight:750;text-transform:uppercase;letter-spacing:.05em;padding:11px 12px;white-space:nowrap}.panel-table td{padding:11px 12px;border-top:1px solid var(--panel-line);white-space:nowrap}.panel-table a{color:#fff;font-weight:800}.red-text{color:#ff4e55}.rank-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--panel-line)}.rank-list>div:last-child{border-bottom:0}.rank-list strong{display:block;font-size:13px}.rank-list small{display:block;color:#74747d;font-size:12px}.rank-list b{color:#ff5258;font-size:12px}.panel-button{min-height:40px;padding:0 15px}.panel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.panel-form{display:grid;gap:13px}.panel-input{background:#0d0d0f;border-color:#303036;color:#fff;min-height:42px}.panel-input[readonly]{opacity:.65}.panel-field label{color:#aaaab2}.panel-field .tall,.panel-input.tall{min-height:130px}.panel-section{margin-top:12px}.cols-3{grid-template-columns:repeat(3,1fr)}.pos-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:13px}.pos-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pos-product{border:1px solid var(--panel-line);border-radius:12px;padding:12px;background:#131316}.pos-product strong{display:block;font-size:13px}.pos-product small{color:#777780}.pos-cart-row{display:grid;grid-template-columns:1fr 80px 90px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--panel-line)}.job-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.job-toolbar>div{display:flex;align-items:center;gap:12px}.workshop-index{display:grid;grid-template-columns:.82fr 1.18fr;gap:12px}.workshop-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:12px}.workshop-billing{display:grid;gap:12px;align-content:start}.job-customer{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}.job-customer>div{border:1px solid var(--panel-line);border-radius:10px;padding:11px}.job-customer span{display:block;color:#777780;font-size:11px;text-transform:uppercase}.job-customer strong{display:block;font-size:13.5px;margin:3px 0}.job-customer small{color:#8d8d95;font-size:12px}.complaint-box{padding:13px;border-radius:11px;background:#0e0e10;border:1px solid var(--panel-line);margin-bottom:14px}.complaint-box strong{font-size:12px}.complaint-box p{font-size:13px;color:#b0b0b7;margin-bottom:0}.used-parts>div{display:grid;grid-template-columns:1fr auto 28px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--panel-line)}.used-parts strong{display:block;font-size:12px}.used-parts small{display:block;color:#777780;font-size:12px}.used-parts b{font-size:12px;color:#ff555b}.used-parts button{width:26px;height:26px;border:1px solid #54282b;background:#291214;color:#ff7d82;border-radius:7px}.part-add-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px}.bill-summary>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--panel-line);font-size:12px}.bill-summary .total{font-size:14px;font-weight:900}.bill-summary .balance{color:#ff555b;font-size:14px;font-weight:900}.bill-summary>a{width:100%;margin-top:13px}.profile-panel{display:grid;grid-template-columns:minmax(0,680px) 320px;gap:13px}.security-card>.ui-icon{width:42px;height:42px;color:var(--red)}.security-card p{color:#8c8c95;font-size:13px}.panel-chart{height:220px;display:flex;align-items:end;gap:12px}.panel-chart-bar{flex:1;min-height:3px;background:var(--red);position:relative;border-radius:6px 6px 0 0}.panel-chart-bar span{position:absolute;bottom:-20px;font-size:11px;color:#777}.inline-admin-form{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.wrap-cell{white-space:normal!important;min-width:240px}.deploy-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.progress{height:9px;border-radius:20px;background:#242429;overflow:hidden}.progress>span{display:block;height:100%;background:var(--red)}

/* Invoice */
.invoice-body{background:#ececef;color:#171719;padding:24px;font-family:Arial,sans-serif}.invoice-actions{width:min(900px,100%);margin:0 auto 12px;display:flex;justify-content:space-between}.invoice-actions a,.invoice-actions button{border:0;background:#111;color:#fff;padding:10px 15px;border-radius:7px;font-weight:750}.service-invoice{width:min(900px,100%);margin:auto;background:#fff;padding:34px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.service-invoice>header{display:flex;justify-content:space-between;align-items:start;border-bottom:4px solid var(--red);padding-bottom:18px}.invoice-brand .brand-copy b{color:#111}.invoice-brand .brand-copy small{color:#666}.service-invoice>header>div:last-child{text-align:right;display:flex;flex-direction:column}.service-invoice>header>div:last-child>strong{font-size:27px}.service-invoice>header>div:last-child>span{color:var(--red);font-weight:900}.service-invoice>header>div:last-child>small{color:#777}.invoice-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.invoice-info>div{border:1px solid #ddd;padding:13px;display:flex;flex-direction:column}.invoice-info span{font-size:12px;text-transform:uppercase;color:#777}.invoice-info strong{font-size:14px;margin:4px 0}.invoice-info small{font-size:12px;color:#666}.invoice-work{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.invoice-work>h2{font-size:13px;margin:0}.invoice-work>p{font-size:13px;border:1px solid #ddd;padding:10px;margin:0;min-height:70px}.invoice-table{width:100%;border-collapse:collapse;font-size:13px}.invoice-table th,.invoice-table td{border:1px solid #d7d7d7;padding:9px;text-align:left}.invoice-table th{background:#161618;color:#fff}.invoice-summary{margin-left:auto;width:min(370px,100%);margin-top:18px}.invoice-summary>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #ddd;font-size:13px}.invoice-summary .grand{font-size:15px;font-weight:900}.invoice-summary .due{font-size:14px;color:#c8151d;font-weight:900}.service-invoice footer{border-top:1px solid #ddd;margin-top:25px;padding-top:14px;display:flex;justify-content:space-between;font-size:12px;color:#666}
.report-print{width:min(980px,100%)}.report-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.report-tile{border:1px solid #ddd;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:4px}.report-tile span{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:#777}.report-tile strong{font-size:21px;color:#111}.report-tile small{font-size:11.5px;color:#888}.report-subhead{font-size:15px;margin:26px 0 10px;padding-top:16px;border-top:1px solid #e2e2e6}.report-table{margin-bottom:6px}.report-table td{vertical-align:top}.report-note{font-size:11px;color:#888;margin-top:2px}.report-total-row td{font-weight:900;background:#f4f4f6;border-top:2px solid #171719}
.report-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.report-card{display:flex;flex-direction:column;gap:14px}.report-card-head{display:flex;gap:12px;align-items:flex-start}.report-card-head i{flex:0 0 auto;width:40px;height:40px;border-radius:10px;background:var(--red-soft,#fdeaec);color:var(--red,#c8151d);display:grid;place-items:center}.report-card-head i .ui-icon{width:20px;height:20px}.report-card-head h3{margin:0;font-size:15px}.report-card-forms{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-card-forms form{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--line);border-radius:9px}.report-card-forms label{font-size:11.5px;font-weight:800;color:#777;text-transform:uppercase}.report-card-forms .panel-input{min-height:38px;font-size:13px}.report-card-forms button{width:100%;justify-content:center}
@media(max-width:760px){.report-tiles{grid-template-columns:1fr 1fr}.report-card-forms{grid-template-columns:1fr}}
@media print{.report-tiles{grid-template-columns:repeat(4,1fr)!important}}

@media(max-width:1200px){.quick-categories{grid-template-columns:repeat(3,1fr)}.quick-category:nth-child(3n){border-right:0}.dashboard-metrics,.panel-grid,.wholesale-metrics{grid-template-columns:repeat(3,1fr)}.bike-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.home-split{grid-template-columns:1fr}.workshop-layout{grid-template-columns:1fr}.pos-products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.top-strip{display:none}.header-main .header-wide{min-height:66px}.header-search{display:none}.menu-toggle{display:grid;place-items:center;margin-left:auto;order:3}.header-actions{margin-left:auto}.nav-bar{background:#111114}.nav-bar .header-wide{min-height:0}.main-nav{position:fixed;left:0;right:0;top:66px;z-index:100;display:grid;height:auto;background:#111114;padding:12px;transform:translateY(-130%);opacity:0;pointer-events:none;transition:.25s;border-top:1px solid #29292e}.main-nav.open{transform:none;opacity:1;pointer-events:auto}.main-nav a{height:45px;border-bottom:1px solid #29292e}.whatsapp-head{display:none}.hero-slider,.hero-slides,.hero-slide-inner{min-height:610px}.hero-slide-inner{grid-template-columns:1fr}.hero-slide-copy{padding:55px 0 0;position:relative;z-index:3}.hero-slide-copy h1{font-size:76px}.hero-bike-stage{position:absolute;right:-7%;bottom:0;width:68%;height:62%;opacity:.75}.hero-slide:after{background:linear-gradient(90deg,#050506 0,rgba(5,5,6,.88) 55%,rgba(5,5,6,.2))}.slider-arrow{display:none}.store-benefits .container{grid-template-columns:1fr 1fr}.wholesale-banner{grid-template-columns:1fr}.panel-shell{grid-template-columns:1fr}.panel-sidebar{position:fixed;left:0;top:0;width:278px;transform:translateX(-105%);transition:.25s;box-shadow:20px 0 50px rgba(0,0,0,.5)}.panel-sidebar.open{transform:none}.panel-close{display:block;border:0;background:transparent;color:#fff;font-size:24px}.panel-menu{display:grid;place-items:center}.workshop-index,.pos-layout{grid-template-columns:1fr}.product-detail{grid-template-columns:1fr}.shop-layout{grid-template-columns:1fr}.filter-card{position:static}.cart-layout{grid-template-columns:1fr}.summary-card{position:static}.booking-layout,.contact-grid,.wholesale-panel{grid-template-columns:1fr}.account-layout{grid-template-columns:1fr}.account-nav{display:flex;flex-wrap:wrap}.account-nav a,.account-nav button{width:auto}.profile-panel{grid-template-columns:1fr}}
@media(max-width:680px){.container,.header-wide{width:min(100% - 24px,var(--container))}.brand-copy b{font-size:17px}.brand-copy small{display:none}.brand-wing{width:45px;height:34px}.brand-wing i:nth-child(1){width:45px}.brand-wing i:nth-child(2){width:36px}.brand-wing i:nth-child(3){width:27px}.header-actions{gap:8px}.account-link>span:last-child,.cart-link>span:nth-child(2){display:none}.action-icon{width:36px;height:36px}.hero-slider,.hero-slides,.hero-slide-inner{min-height:620px}.hero-slide-copy{padding-top:48px}.hero-slide-copy h1{font-size:58px}.hero-slide-copy p{font-size:14px}.hero-specs{display:grid;grid-template-columns:1fr}.hero-bike-stage{width:90%;right:-22%;height:47%;bottom:20px}.hero-price{margin-top:14px}.quick-categories{grid-template-columns:1fr 1fr;margin-top:12px}.quick-category{min-height:92px;padding:13px;border-bottom:1px solid var(--line)}.quick-category:nth-child(odd){border-right:1px solid var(--line)}.quick-category:nth-child(even){border-right:0}.quick-icon{width:39px;height:39px}.store-benefits .container{grid-template-columns:1fr}.bike-grid,.product-grid,.service-grid{grid-template-columns:1fr}.store-heading{align-items:flex-start;flex-direction:column}.home-service-panel,.home-parts-panel{padding:16px}.service-tile-grid,.parts-mini-grid{grid-template-columns:1fr}.wholesale-copy,.wholesale-steps{padding:27px}.trust-grid{grid-template-columns:1fr}.form-row,.panel-form-grid,.cols-3{grid-template-columns:1fr}.cart-item{grid-template-columns:62px 1fr 65px}.cart-thumb{width:62px;height:58px}.cart-line-total{grid-column:2}.cart-item .remove-button{grid-column:3;grid-row:2}.order-row{grid-template-columns:1fr 100px}.order-row>span:nth-of-type(2),.order-row>strong{grid-column:2}.dashboard-metrics,.panel-grid,.wholesale-metrics,.dashboard-bottom{grid-template-columns:1fr}.dashboard-charts,.dashboard-tables,.panel-split{grid-template-columns:1fr}.panel-content{padding:12px}.panel-topbar{padding:0 12px}.panel-top-actions>span{display:none}.panel-top-actions>a{font-size:0;width:40px;padding:0;justify-content:center}.panel-top-actions>a .ui-icon{width:18px;height:18px}.layout-edit-toggle span{display:none}.layout-edit-toggle{width:38px;padding:0;justify-content:center}.layout-edit-banner{margin:12px;flex-wrap:wrap}.dash-intro{align-items:flex-start;flex-direction:column;gap:12px}.job-customer{grid-template-columns:1fr}.part-add-row{grid-template-columns:1fr}.invoice-body{padding:0}.service-invoice{box-shadow:none;padding:18px}.invoice-info,.invoice-work{grid-template-columns:1fr}.service-invoice footer{flex-direction:column}.invoice-actions{padding:10px}.pos-products{grid-template-columns:1fr}.modern-chart{height:190px}}
@media print{.invoice-actions{display:none}.invoice-body{background:#fff;padding:0}.service-invoice{box-shadow:none;width:100%;padding:0}.site-header,.site-footer,.panel-sidebar,.panel-topbar{display:none!important}}

/* Footer and small utility refinements */
.site-footer{background:#0d0d0f;color:#fff;margin-top:0}.footer-main{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:42px;padding-top:52px;padding-bottom:42px}.footer-brand p,.footer-main>div>p{color:#909098;font-size:13px;max-width:360px}.footer-main h4{margin:0 0 14px;font-size:13.5px;text-transform:uppercase;letter-spacing:.08em}.footer-main>div:not(.footer-brand)>a{display:block;color:#b9b9c0;font-size:13px;padding:5px 0}.footer-main>div:not(.footer-brand)>a:hover{color:#fff}.footer-bottom{border-top:1px solid #2a2a2e;min-height:52px;display:flex;align-items:center;justify-content:space-between;color:#777780;font-size:12px}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.role-note{margin-top:15px;padding:12px;border-radius:10px;background:var(--soft);color:var(--muted);font-size:12px}.booking-aside h2,.wholesale-copy h2{font-size:clamp(28px,4vw,44px);line-height:1.04;margin:9px 0 12px}.booking-aside p{color:#b5b5bc}.booking-aside ul,.wholesale-copy ul{padding-left:18px;color:#c6c6cc;font-size:13.5px}.booking-aside li,.wholesale-copy li{margin:8px 0}.wholesale-panel>.wholesale-copy{padding:0}.wholesale-panel>.wholesale-copy h2{color:var(--ink)}.wholesale-panel>.wholesale-copy li,.wholesale-panel>.wholesale-copy p{color:var(--muted)}.deploy-drop{border:1px dashed #46464e;border-radius:13px;min-height:145px;padding:22px;display:grid;place-items:center;text-align:center;background:#0e0e10;transition:.2s}.deploy-drop:hover,.deploy-drop.dragover{border-color:var(--red);background:#1d1012}.deploy-drop strong{font-size:14px}.panel-button.light{background:#25252a;color:#fff;border:1px solid #393940}.panel-button.dark{background:#25252a}.panel-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.panel-card code{background:#242429;border-radius:5px;padding:2px 5px;color:#fff}.panel-card hr{border-color:var(--panel-line)!important}.profile-panel{max-width:1050px}.product-actions form{margin:0}
@media(max-width:900px){.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:620px){.footer-main{grid-template-columns:1fr;gap:24px}.footer-brand{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px}}

/* Honda Markaz storefront v5: mockup-matched header, hero, homepage panels and footer */
.hm-site-header{position:sticky;top:0;z-index:90;height:70px;background:rgba(5,5,6,.97);border-bottom:1px solid #202024;backdrop-filter:blur(16px)}
.hm-header-inner{width:min(1480px,calc(100% - 32px));height:70px;margin:auto;display:flex;align-items:center;gap:18px}
.hm-brand{gap:9px}.hm-brand .brand-wing{width:47px;height:35px}.hm-brand .brand-wing i:nth-child(1){width:47px}.hm-brand .brand-wing i:nth-child(2){width:39px}.hm-brand .brand-wing i:nth-child(3){width:30px}.hm-brand .brand-copy b{font-size:19px;line-height:.92;letter-spacing:.08em}.hm-brand .brand-copy em{display:block;color:#fff;font-size:14px;letter-spacing:.24em;margin-top:5px}.hm-brand .brand-copy small{display:none}
.hm-brand-divider{width:1px;height:32px;background:#3b3b40}.hm-header-slogan{font-size:12px;font-weight:800;line-height:1.35;letter-spacing:.04em;color:#d9d9dc;min-width:92px}.hm-header-slogan::first-line{color:#fff}.hm-main-nav{height:70px;display:flex;align-items:stretch;gap:1px;white-space:nowrap}.hm-main-nav a{position:relative;display:flex;align-items:center;padding:0 14px;color:#eee;font-size:13px;font-weight:650}.hm-main-nav a:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--red);transform:scaleX(0);transition:.2s}.hm-main-nav a:hover,.hm-main-nav a.active{color:#ff3138}.hm-main-nav a.active:after{transform:scaleX(1)}
.hm-header-search{margin-left:auto;width:min(270px,20vw);height:38px;border:1px solid #4a4a4f;border-radius:22px;display:flex;align-items:center;overflow:hidden;background:#0e0e10}.hm-header-search input{width:100%;height:100%;border:0;background:transparent;color:#fff;outline:0;padding:0 14px;font-size:12px}.hm-header-search input::placeholder{color:#98989f}.hm-header-search button{width:42px;height:100%;border:0;background:transparent;color:#fff;display:grid;place-items:center}.hm-header-search .ui-icon{width:18px;height:18px}
.hm-header-tools{display:flex;align-items:center;height:100%;gap:8px}.hm-tool{position:relative;min-width:44px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.hm-tool>span{height:23px;font-size:24px;display:grid;place-items:center}.hm-tool .ui-icon{width:20px;height:20px}.hm-tool small{font-size:11px;color:#ddd}.hm-tool em{position:absolute;right:3px;top:4px;min-width:16px;height:16px;padding:0 4px;border-radius:20px;background:var(--red);font-style:normal;font-size:12px;display:grid;place-items:center}.hm-login-button{height:42px;padding:0 18px;border-radius:4px;background:linear-gradient(135deg,#bf0c12,#ef1d25);display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.hm-login-button .ui-icon{width:16px;height:16px}.hm-menu-toggle{display:none;margin-left:auto}

.hm-home{background:#090b0d;color:#fff;min-height:100vh;padding-bottom:15px}.hm-hero{position:relative;min-height:590px;overflow:visible;background:#07080a;border-bottom:1px solid #222}.hm-hero-slides{position:relative;min-height:inherit}.hm-hero-slide{position:absolute;inset:0}.hm-hero-slide.active{position:relative;inset:auto;min-height:590px;display:flex;flex-direction:column;justify-content:flex-start}.hm-hero-slide{opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity var(--hm-hero-fade,.65s) ease,transform 1s ease;background-image:var(--hm-hero-image);background-size:var(--hm-hero-image-size,cover);background-position:center;isolation:isolate}.hm-hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07080a 0%,rgba(7,8,10,.99) 28%,rgba(7,8,10,.82) 46%,rgba(7,8,10,.14) 73%,rgba(7,8,10,.12) 100%);z-index:-1}.hm-hero-slide.active{opacity:1;visibility:visible;transform:scale(1)}.hm-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(5,6,7,.64));pointer-events:none}.hm-hero-content{position:relative;z-index:2;width:min(1200px,calc(100% - 160px));margin:0 auto;padding-top:54px;padding-bottom:132px}.hm-hero-eyebrow{display:block;color:#ff242c;font-size:13.5px;font-weight:900;letter-spacing:.2em;margin-bottom:10px}.hm-hero-content h1{margin:0 0 14px;font-size:clamp(50px,5.7vw,82px);line-height:.93;letter-spacing:.015em;text-transform:uppercase;max-width:660px}.hm-hero-content h1 span,.hm-hero-content h1 strong{display:block}.hm-hero-content h1 strong{color:#ed1b24;margin-top:9px}.hm-hero-content>p{max-width:560px;color:#c8c8ce;font-size:14px;line-height:1.55;margin:0 0 20px}.hm-hero-trust{display:flex;gap:30px;margin:0 0 24px}.hm-hero-trust span{display:flex;align-items:center;gap:10px}.hm-hero-trust .ui-icon{width:18px;height:18px;color:var(--red);box-sizing:content-box;padding:11px;border:1.5px solid rgba(229,27,35,.55);border-radius:50%;background:rgba(229,27,35,.06);flex:0 0 auto}.hm-hero-trust b{font-size:12px;line-height:1.35}.hm-hero-actions{display:flex;gap:14px;align-items:center}.hm-primary-button,.hm-secondary-button{min-height:43px;padding:0 18px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:850;letter-spacing:.01em}.hm-primary-button{background:linear-gradient(135deg,#d3131a,#f21f28);color:#fff;border:1px solid #f32d34}.hm-primary-button:hover{background:#ff242d}.hm-secondary-button{background:rgba(12,13,15,.78);color:#fff;border:1px solid #66676d}.hm-secondary-button:hover{border-color:#fff}.hm-primary-button .ui-icon,.hm-secondary-button .ui-icon{width:16px;height:16px}
.hm-hero-rail{position:absolute;left:20px;top:135px;z-index:8;display:grid;gap:0}.hm-hero-rail button{position:relative;width:60px;height:56px;padding:0 0 0 20px;border:0;background:transparent;color:#8c8d93;text-align:left;font-size:13.5px}.hm-hero-rail button span{position:absolute;left:0;top:4px;bottom:4px;width:3px;background:#34353a;border-radius:3px}.hm-hero-rail button.active{color:#fff}.hm-hero-rail button.active span{background:var(--red)}.hm-slider-controls{position:absolute;right:20px;bottom:112px;z-index:10;display:flex;gap:10px}.hm-slider-controls button{width:43px;height:43px;border-radius:50%;border:1px solid #6b6b70;background:rgba(10,10,12,.75);color:#fff;font-size:22px;display:grid;place-items:center;box-shadow:0 7px 22px rgba(0,0,0,.35)}.hm-slider-controls button.next{background:var(--red);border-color:var(--red)}.hm-slider-controls button:hover{transform:translateY(-1px)}
.hm-quick-actions{position:absolute;z-index:12;left:50%;bottom:-30px;transform:translateX(-50%);width:min(1260px,calc(100% - 100px));height:92px;border:1px solid #424348;border-radius:14px;background:linear-gradient(180deg,rgba(31,32,35,.97),rgba(20,21,23,.98));box-shadow:0 20px 50px rgba(0,0,0,.46);display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden}.hm-quick-actions>a{position:relative;display:grid;grid-template-columns:48px 1fr 18px;align-items:center;gap:12px;padding:0 22px;border-right:1px solid #3e3f43;transition:.2s}.hm-quick-actions>a:last-child{border-right:0}.hm-quick-actions>a:hover{background:rgba(229,27,35,.08)}.hm-quick-actions i{color:var(--red);display:grid;place-items:center}.hm-quick-actions i .ui-icon{width:40px;height:40px}.hm-quick-actions strong{display:block;font-size:13.5px}.hm-quick-actions small{display:block;color:#bbbcc1;font-size:12px;line-height:1.5;margin-top:2px}.hm-quick-actions>a>.ui-icon{width:16px;height:16px;color:var(--red)}

.hm-home-panels{width:min(1380px,calc(100% - 40px));margin:62px auto 0;display:grid;grid-template-columns:1.1fr .85fr 1.05fr;gap:12px}.hm-panel{min-height:255px;border:1px solid #303136;border-radius:11px;background:linear-gradient(145deg,#16181a,#101214);overflow:hidden}.hm-panel>header,.hm-service-copy>header,.hm-wholesale-panel header{min-height:45px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.hm-panel h2{font-size:14px;letter-spacing:.01em;margin:0}.hm-panel header>a,.hm-panel header>span{font-size:12px;color:#f3242d}.hm-featured-panel,.hm-parts-panel,.hm-service-panel{min-height:260px}.hm-bike-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 14px 14px}.hm-bike-card{border:1px solid #414249;border-radius:8px;background:linear-gradient(180deg,#292b2e,#151719);padding:9px;min-width:0}.hm-bike-image{height:112px;display:grid;place-items:center;border-radius:6px;background:radial-gradient(circle,#4a4c50 0,#282a2d 55%,#17181a 100%);overflow:hidden}.hm-bike-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 13px 12px rgba(0,0,0,.55));transition:.25s}.hm-bike-card:hover img{transform:scale(1.06)}.hm-bike-card>strong{font-size:13px;display:block;margin-top:7px}.hm-bike-card>small{font-size:11px;color:#a9aab0;display:block}.hm-bike-card>b{font-size:12px;color:#ff2029;display:block}.hm-parts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 12px 12px}.hm-parts-grid a{height:85px;border:1px solid #34353a;border-radius:7px;background:linear-gradient(180deg,#242629,#17191b);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#ddd}.hm-parts-grid a:hover{border-color:var(--red);color:#fff}.hm-parts-grid .ui-icon{width:30px;height:30px}.hm-service-panel{display:grid;grid-template-columns:48% 52%;position:relative}.hm-service-image{background-size:cover;background-position:center}.hm-service-copy{padding:0 10px 14px;background:linear-gradient(90deg,rgba(18,20,22,.9),#111315)}.hm-service-copy>header{padding:0}.hm-service-copy ul,.hm-wholesale-panel ul{list-style:none;padding:0;margin:6px 0 17px}.hm-service-copy li,.hm-wholesale-panel li{position:relative;padding-left:18px;font-size:12px;color:#d2d2d6;margin:8px 0}.hm-service-copy li:before,.hm-wholesale-panel li:before{content:"✓";position:absolute;left:0;color:#fff}.hm-service-copy .hm-primary-button{width:100%}.hm-wholesale-panel{display:grid;grid-template-columns:54% 46%;padding:0}.hm-wholesale-panel>div{padding:0 16px 16px}.hm-wholesale-panel header{padding:0}.hm-wholesale-panel img{width:100%;height:100%;object-fit:cover}.hm-wholesale-panel .hm-secondary-button{min-height:36px}.hm-testimonial-panel{padding-bottom:12px}.hm-quote{position:relative;margin:0 12px;padding:14px 16px 12px 52px;border:1px solid #303237;border-radius:8px;background:#1a1c1f;min-height:165px}.hm-quote>span{position:absolute;left:16px;top:2px;font-size:56px;color:#666970;font-family:Georgia,serif}.hm-quote p{margin:0;color:#c6c7cc;font-size:12px;line-height:1.55}.hm-stars{color:#ffad20;letter-spacing:2px;margin:8px 0 0}.hm-quote strong{display:inline-block;font-size:12px;margin-left:8px}.hm-quote small{display:block;margin-left:101px;color:#aaa;font-size:11px}.hm-why-grid{height:188px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:0 12px}.hm-why-grid span{text-align:center}.hm-why-grid .ui-icon{width:40px;height:40px;color:var(--red);margin-bottom:10px}.hm-why-grid b{display:block;font-size:12px;line-height:1.45;font-weight:500}

.hm-site-footer{background:#090a0c;color:#fff;border-top:0;padding:0 20px 8px}.hm-footer-contact{width:min(1380px,100%);min-height:100px;margin:auto;border:1px solid #6d1b20;border-radius:10px;background:linear-gradient(90deg,#7b1115 0,#1a1113 24%,#151416 60%,#281113 100%);display:grid;grid-template-columns:1.35fr 1.15fr .9fr .9fr 1.15fr .8fr;align-items:stretch;overflow:hidden}.hm-footer-contact>div{padding:16px 20px;border-right:1px solid rgba(255,255,255,.15)}.hm-footer-contact>div:last-child{border-right:0}.hm-footer-visit{display:flex;flex-direction:column;justify-content:center}.hm-footer-visit small,.hm-footer-block small,.hm-footer-social>small{font-size:11px;color:#ddd}.hm-footer-visit strong{font-size:22px;line-height:1.1}.hm-footer-visit span{font-size:11px;color:#d7c6c8;margin-top:6px}.hm-footer-block{display:flex;align-items:center;gap:12px}.hm-footer-block>.ui-icon{width:28px;height:28px;color:#f2272f}.hm-footer-block>span:not(.hm-whatsapp-icon){display:flex;flex-direction:column;gap:3px}.hm-footer-block b{font-size:12px;font-weight:500;line-height:1.45}.hm-footer-block a{font-size:11px;color:#ff3038}.hm-whatsapp-icon{font-size:30px;color:#20d264}.hm-footer-whatsapp a{color:#20d264}.hm-footer-social{display:flex;flex-direction:column;justify-content:center}.hm-footer-social>div{display:flex;gap:8px;margin-top:8px}.hm-footer-social a{width:27px;height:27px;border-radius:50%;border:1px solid #666;display:grid;place-items:center;font-size:13px}.hm-footer-bottom{width:min(1380px,100%);min-height:34px;margin:auto;display:flex;justify-content:center;gap:170px;align-items:center;color:#6f7075;font-size:11px}.hm-footer-bottom span:last-child{display:flex;align-items:center;gap:12px}.hm-footer-bottom i{width:1px;height:10px;background:#444}

/* Developer panel */
.developer-body{margin:0;background:#08090b;color:#fff;min-height:100vh}.dev-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.dev-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#090a0c,#0c0d10);border-right:1px solid #28292e;display:flex;flex-direction:column}.dev-sidebar-head{height:85px;padding:0 18px;display:flex;align-items:center;border-bottom:1px solid #292a2f}.dev-brand .brand-copy b{font-size:18px}.dev-brand .brand-copy small{display:none}.dev-sidebar nav{padding:16px 8px;display:grid;gap:4px}.dev-sidebar nav a{min-height:50px;padding:0 16px;border-radius:6px;display:flex;align-items:center;gap:14px;color:#c6c7cc;font-size:13.5px;border-left:2px solid transparent}.dev-sidebar nav a .ui-icon{width:20px;height:20px}.dev-sidebar nav a:hover,.dev-sidebar nav a.active{background:linear-gradient(90deg,rgba(229,27,35,.25),rgba(229,27,35,.04));border-left-color:var(--red);color:#fff}.dev-help{margin:auto 14px 16px;padding:18px;border:1px solid #7b1c21;border-radius:12px;background:linear-gradient(145deg,#211114,#111214)}.dev-help .ui-icon{color:var(--red)}.dev-help strong{display:block;margin:8px 0;font-size:13.5px}.dev-help p{font-size:12px;color:#aaa;margin:0 0 13px}.dev-help a{height:38px;border:1px solid #45464b;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px}.dev-main{min-width:0}.dev-topbar{height:85px;padding:0 24px;border-bottom:1px solid #28292e;display:flex;align-items:center;gap:20px;position:sticky;top:0;background:rgba(8,9,11,.95);backdrop-filter:blur(16px);z-index:20}.dev-topbar h1{margin:0;font-size:21px}.dev-topbar h1 small{display:block;font-size:12px;color:#92939a;font-weight:500;margin-top:3px}.dev-search{margin-left:auto;width:300px;height:38px;border:1px solid #3a3b40;border-radius:21px;display:flex;align-items:center;padding:0 13px}.dev-search input{width:100%;border:0;background:transparent;color:#fff;outline:0;font-size:12px}.dev-search .ui-icon{width:16px;height:16px}.dev-user{display:flex;align-items:center;gap:10px}.dev-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#26272b;border:1px solid #4a4b50;font-weight:900}.dev-user strong{font-size:12px}.dev-user small{display:block;color:#8d8e94;font-size:11px}.dev-content{padding:18px 24px 90px}.dev-alert{padding:12px 15px;border:1px solid #4c4d53;border-left:4px solid var(--red);border-radius:7px;background:#16171a;margin-bottom:14px;font-size:13px}.dev-alert-success{border-left-color:#35bd69}.dev-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.dev-summary-card{min-height:95px;border:1px solid #2e2f34;border-radius:9px;background:linear-gradient(145deg,#17181b,#111214);padding:15px;display:flex;align-items:center;gap:15px}.dev-summary-card i{width:42px;height:42px;display:grid;place-items:center;color:var(--red);border:1px solid #3d3e43;border-radius:8px}.dev-summary-card strong{display:block;font-size:15px}.dev-summary-card small{color:#8e8f96;font-size:12px}.dev-card{border:1px solid #2f3035;border-radius:10px;background:linear-gradient(145deg,#121315,#0e0f11);padding:16px;margin-bottom:14px}.dev-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.dev-card-head h2{font-size:15px;margin:0}.dev-card-head p{font-size:12px;color:#929399;margin:3px 0 0}.dev-actions{display:flex;gap:9px}.dev-button{min-height:38px;padding:0 16px;border-radius:5px;border:1px solid #44454a;background:#1b1c20;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:750}.dev-button.primary{background:var(--red);border-color:var(--red)}.dev-button.danger{border-color:#7b1d22;color:#ff7075}.dev-button .ui-icon{width:16px;height:16px}.dev-grid{display:grid;grid-template-columns:220px minmax(330px,1fr) minmax(380px,1.15fr);gap:12px}.dev-slide-list{display:grid;align-content:start;gap:9px}.dev-slide-item{border:1px solid #36373c;border-radius:7px;background:#17181b;display:grid;grid-template-columns:58px 1fr 20px;align-items:center;gap:10px;padding:8px;color:#fff}.dev-slide-item.active{border-color:var(--red);box-shadow:inset 3px 0 0 var(--red)}.dev-slide-item img{width:58px;height:48px;object-fit:cover;border-radius:4px}.dev-slide-item strong{font-size:12px;display:block}.dev-slide-item small{font-size:11px;color:#8f9096}.dev-status-dot{width:10px;height:10px;border-radius:50%;background:#40bd69}.dev-status-dot.off{background:#6d6e75}.dev-form{display:grid;gap:10px}.dev-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dev-field{display:grid;gap:5px}.dev-field label{font-size:12px;color:#b9bac0}.dev-input{width:100%;min-height:39px;border:1px solid #3a3b40;border-radius:5px;background:#101113;color:#fff;padding:9px 11px;outline:0;font-size:12px}.dev-input:focus{border-color:var(--red)}textarea.dev-input{min-height:76px;resize:vertical}.dev-checkbox{display:flex;align-items:center;gap:8px;font-size:12px}.dev-checkbox input{accent-color:var(--red)}.dev-image-row{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center}.dev-image-row img{width:92px;height:70px;object-fit:cover;border-radius:6px;border:1px solid #444}.dev-preview{border:1px solid #35363b;border-radius:8px;overflow:hidden;background:#090a0c}.dev-preview-toolbar{height:39px;padding:0 10px;display:flex;justify-content:space-between;align-items:center;background:#151619;font-size:12px}.dev-preview-frame{position:relative;aspect-ratio:16/8;background-size:cover;background-position:center;overflow:hidden}.dev-preview-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.78) 48%,transparent)}.dev-preview-copy{position:absolute;left:32px;top:28px;width:48%;z-index:2}.dev-preview-copy small{color:#ff242c;font-size:10px;letter-spacing:.15em}.dev-preview-copy h3{margin:6px 0;font-size:24px;line-height:.95}.dev-preview-copy h3 span,.dev-preview-copy h3 b{display:block}.dev-preview-copy h3 b{color:var(--red);margin-top:4px}.dev-preview-copy p{font-size:10px;color:#ccc;line-height:1.5}.dev-preview-buttons{display:flex;gap:6px;margin-top:10px}.dev-preview-buttons span{font-size:10px;border:1px solid #555;padding:6px 9px;border-radius:3px}.dev-preview-buttons span:first-child{background:var(--red);border-color:var(--red)}.dev-section-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dev-section-link{padding:18px;border:1px solid #303136;border-radius:8px;background:#151619;display:flex;gap:14px;align-items:flex-start}.dev-section-link i{width:38px;height:38px;border:1px solid var(--red);color:var(--red);border-radius:6px;display:grid;place-items:center}.dev-section-link strong{font-size:13px;display:block}.dev-section-link p{font-size:12px;color:#92939a;margin:4px 0 10px}.dev-bottom-bar{position:fixed;right:0;left:260px;bottom:0;z-index:30;height:66px;border-top:1px solid #292a2f;background:rgba(9,10,12,.96);display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 24px;backdrop-filter:blur(12px)}

@media(max-width:1260px){.hm-main-nav a{padding:0 9px}.hm-header-slogan,.hm-brand-divider{display:none}.hm-header-search{width:210px}.hm-home-panels{grid-template-columns:1fr 1fr}.hm-service-panel,.hm-why-panel{grid-column:auto}.hm-footer-contact{grid-template-columns:1.2fr 1fr 1fr}.hm-footer-contact>div{border-bottom:1px solid rgba(255,255,255,.13)}.dev-grid{grid-template-columns:210px 1fr}.dev-preview-wrap{grid-column:1/-1}.dev-summary{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.hm-site-header{height:64px}.hm-header-inner{height:64px}.hm-main-nav{position:fixed;left:0;right:0;top:64px;height:auto;display:grid;gap:0;padding:10px 18px;background:#0b0c0e;border-top:1px solid #333;transform:translateY(-125%);opacity:0;pointer-events:none;transition:.25s}.hm-main-nav.open{transform:none;opacity:1;pointer-events:auto}.hm-main-nav a{height:47px;border-bottom:1px solid #292a2e;padding:0 8px}.hm-main-nav a:after{display:none}.hm-menu-toggle{display:grid}.hm-header-search,.hm-header-tools .hm-tool{display:none}.hm-header-tools{margin-left:auto}.hm-login-button{height:38px}.hm-hero{min-height:560px}.hm-hero-slide{background-position:60% center}.hm-hero-slide:before{background:linear-gradient(90deg,#07080a 0%,rgba(7,8,10,.96) 52%,rgba(7,8,10,.24))}.hm-hero-content{width:calc(100% - 80px);padding-top:55px}.hm-hero-content h1{font-size:58px}.hm-hero-rail{left:10px}.hm-quick-actions{position:static;transform:none;margin:16px auto 0;width:calc(100% - 24px);height:auto;grid-template-columns:repeat(2,1fr)}.hm-quick-actions>a{min-height:78px;padding:10px 14px}.hm-quick-actions>a:nth-child(3){border-right:0}.hm-home-panels{margin-top:26px;grid-template-columns:1fr}.hm-service-panel{min-height:310px}.hm-footer-contact{grid-template-columns:1fr 1fr}.hm-footer-bottom{gap:30px}.dev-shell{grid-template-columns:1fr}.dev-sidebar{position:fixed;z-index:50;left:0;width:260px;transform:translateX(-105%);transition:.25s}.dev-sidebar.open{transform:none}.dev-bottom-bar{left:0}.dev-topbar{padding:0 14px}.dev-content{padding:14px}.dev-search{display:none}.dev-grid{grid-template-columns:1fr}.dev-section-cards{grid-template-columns:1fr}}
@media(max-width:640px){.hm-header-inner{width:calc(100% - 18px);gap:9px}.hm-brand .brand-copy b{font-size:15px}.hm-brand .brand-copy em{font-size:12px}.hm-brand .brand-wing{width:38px}.hm-brand .brand-wing i:nth-child(1){width:38px}.hm-brand .brand-wing i:nth-child(2){width:31px}.hm-brand .brand-wing i:nth-child(3){width:24px}.hm-login-button{padding:0 11px}.hm-login-button span{display:none}.hm-hero{min-height:540px}.hm-hero-slide[data-mobile-visible="0"]{display:none}.hm-hero-slide{background-position:64% center}.hm-hero-slide:before{background:linear-gradient(180deg,rgba(7,8,10,.72),#07080a 76%)}.hm-hero-content{width:calc(100% - 32px);padding-top:42px}.hm-hero-content h1{font-size:43px;max-width:100%}.hm-hero-content>p{font-size:13.5px;max-width:100%}.hm-hero-trust{gap:14px;flex-wrap:wrap}.hm-hero-trust .ui-icon{width:15px;height:15px;padding:9px}.hm-hero-trust b{font-size:11px}.hm-hero-actions{display:grid;grid-template-columns:1fr 1fr}.hm-primary-button,.hm-secondary-button{padding:0 10px;font-size:11px}.hm-hero-rail{display:none}.hm-slider-controls{right:12px;bottom:14px}.hm-slider-controls button{width:38px;height:38px}.hm-quick-actions{grid-template-columns:1fr}.hm-quick-actions>a{border-bottom:1px solid #34353a}.hm-quick-actions>a{border-right:0}.hm-quick-actions>a:last-child{grid-column:1/-1}.hm-home-panels{width:calc(100% - 18px);margin-top:22px}.hm-bike-cards{grid-template-columns:1fr}.hm-bike-image{height:160px}.hm-parts-grid{grid-template-columns:1fr 1fr}.hm-service-panel{grid-template-columns:1fr}.hm-service-image{min-height:210px}.hm-wholesale-panel{grid-template-columns:1fr}.hm-wholesale-panel img{height:180px}.hm-why-grid{grid-template-columns:1fr 1fr;height:auto;gap:25px;padding:25px}.hm-footer-contact{grid-template-columns:1fr}.hm-footer-contact>div{border-right:0}.hm-footer-bottom{flex-direction:column;gap:3px;padding:9px;text-align:center}.dev-summary{grid-template-columns:1fr}.dev-topbar h1{font-size:17px}.dev-user>div{display:none}.dev-content{padding-bottom:86px}.dev-form-grid{grid-template-columns:1fr}.dev-card-head{align-items:flex-start;flex-direction:column}.dev-actions{width:100%;flex-wrap:wrap}.dev-bottom-bar{height:76px;padding:0 10px}.dev-bottom-bar .dev-button{flex:1}.dev-preview-copy{left:16px;top:14px;width:58%}.dev-preview-copy h3{font-size:17px}.dev-preview-copy p{display:none}}
@media(max-width:1500px) and (min-width:981px){.hm-header-inner{gap:10px}.hm-main-nav a{padding:0 9px}.hm-header-slogan,.hm-brand-divider{display:none}.hm-header-search{width:220px}.hm-login-button{padding:0 13px}}

/* Honda Markaz v6 developer authentication and deployment */
.dev-login-body{background:radial-gradient(circle at 15% 20%,rgba(229,27,35,.16),transparent 32%),radial-gradient(circle at 85% 80%,rgba(229,27,35,.08),transparent 34%),#08090b}
.dev-login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.dev-login-card{width:min(100%,460px);border:1px solid #303136;border-radius:18px;background:linear-gradient(145deg,rgba(24,25,29,.98),rgba(11,12,14,.98));box-shadow:0 28px 80px rgba(0,0,0,.45);padding:34px}
.dev-login-brand{display:inline-flex;margin-bottom:30px}
.dev-login-copy small{color:var(--red);font-size:12px;font-weight:900;letter-spacing:.16em}
.dev-login-copy h1{font-size:36px;line-height:1;margin:9px 0 12px}
.dev-login-copy p{margin:0 0 24px;color:#9b9ca3;font-size:13.5px;line-height:1.65}
.dev-login-form{gap:14px}
.dev-login-form .dev-input{min-height:48px;font-size:13.5px}
.dev-login-form .dev-button{min-height:48px;width:100%;margin-top:4px}
.dev-login-back{display:block;text-align:center;margin-top:20px;color:#8d8e95;font-size:12px}
.dev-alert-error{border-left-color:#ff4f56;background:#251114;color:#ffd4d6}
.dev-logout-form{margin:0}
.dev-logout{width:38px;height:38px;border-radius:7px;border:1px solid #3c3d42;background:#17181b;color:#bdbec4;display:grid;place-items:center;cursor:pointer}
.dev-logout:hover{border-color:var(--red);color:#fff}
.dev-logout .ui-icon{width:18px;height:18px}
.dev-section-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.dev-deploy-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px;margin-bottom:14px}
.dev-deploy-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dev-deploy-metrics .dev-summary-card{min-height:80px}
.dev-deploy-result{border-color:#315d40}
.dev-small-value{font-size:13px!important;overflow-wrap:anywhere}
.dev-deploy-note{margin-top:22px;padding:15px;border:1px solid #34353a;border-radius:8px;background:#0d0e10}
.dev-deploy-note strong{font-size:13px}
.dev-deploy-note p{margin:6px 0 0;color:#8d8e95;font-size:12px;line-height:1.55}
.dev-table{font-size:12px}
.dev-table th{background:#0c0d0f}
.dev-table td{border-color:#2b2c31}
.developer-body .deploy-drop{background:#0c0d0f}
.developer-body .progress{height:7px;border-radius:8px;background:#24252a;overflow:hidden}
.developer-body .progress span{display:block;width:0;height:100%;background:var(--red);transition:width .2s}
@media(max-width:1300px){.dev-section-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-topbar{gap:12px}.dev-topbar>.dev-button{display:none}}
@media(max-width:980px){.dev-deploy-grid{grid-template-columns:1fr}.dev-deploy-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-user{margin-left:auto}.dev-topbar .dev-user div{display:none}}
@media(max-width:620px){.dev-login-card{padding:24px}.dev-login-copy h1{font-size:30px}.dev-section-cards{grid-template-columns:1fr}.dev-deploy-metrics{grid-template-columns:1fr}.dev-topbar h1 small{display:none}.dev-content{padding:12px}.dev-user{display:none}}

/* Honda Markaz v7: unified dark/red UI for every public inner page */
.hm-public-body.hm-inner-page{
  --inner-bg:#07080a;
  --inner-card:#111216;
  --inner-card-2:#16171b;
  --inner-line:#2b2d33;
  --inner-muted:#9a9ca5;
  color:#fff;
  background:
    radial-gradient(circle at 8% 18%,rgba(229,27,35,.08),transparent 26rem),
    radial-gradient(circle at 92% 68%,rgba(229,27,35,.05),transparent 30rem),
    var(--inner-bg);
}
.hm-inner-page main{min-height:62vh;background:transparent;color:#fff;overflow:hidden}
.hm-inner-page main>.section,
.hm-inner-page main>form>.section{position:relative;background:transparent}
.hm-inner-page .section{padding:72px 0}
.hm-inner-page .section-dark{background:linear-gradient(180deg,#0b0c0f,#07080a);border-top:1px solid #24262b;border-bottom:1px solid #24262b}
.hm-inner-page .section-title{color:#fff;text-transform:uppercase;font-size:clamp(34px,4.6vw,62px);letter-spacing:-.045em}
.hm-inner-page .section-copy,
.hm-inner-page .detail-description,
.hm-inner-page .content-card p,
.hm-inner-page .contact-panel>p,
.hm-inner-page .booking-form>p,
.hm-inner-page .wholesale-login-callout>p{color:var(--inner-muted)}
.hm-inner-page .section-kicker,.hm-inner-page .breadcrumbs{color:#ff4c53}

.hm-inner-page .page-hero{
  position:relative;
  isolation:isolate;
  min-height:360px;
  display:flex;
  align-items:center;
  padding:72px 0;
  color:#fff;
  background-color:#08090b;
  background-image:var(--page-hero-image,url('../img/hero-slide-1.jpg'));
  background-size:var(--page-hero-image-size,cover);
  background-position:var(--page-hero-image-position,66% 53%);
  border-bottom:1px solid #282a2f;
}
.hm-inner-page.hm-page-wholesale .page-hero{background-image:url('../img/wholesale-benefits.jpg');background-position:center 52%}
.hm-inner-page.hm-page-cart .page-hero,
.hm-inner-page.hm-page-checkout .page-hero,
.hm-inner-page.hm-page-account .page-hero,
.hm-inner-page.hm-page-order .page-hero{background-image:url('../img/hero-slide-2.jpg');background-position:68% 52%}
.hm-inner-page .page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(90deg,#07080a 0%,rgba(7,8,10,.96) 42%,rgba(7,8,10,.68) 62%,rgba(7,8,10,.34) 100%);
}
.hm-inner-page .page-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.52)),radial-gradient(circle at 72% 50%,rgba(229,27,35,.20),transparent 28%);
}
.hm-inner-page .page-hero .container{position:relative;z-index:1}
.hm-inner-page .page-hero .container:before{content:"HONDA MARKAZ";display:block;color:#ff4c53;font-size:12px;font-weight:950;letter-spacing:.22em;margin-bottom:12px}
.hm-inner-page .page-hero h1{max-width:820px;margin:6px 0 14px;color:#fff;text-transform:uppercase;font-size:clamp(46px,7vw,92px);font-weight:950;line-height:.88;letter-spacing:-.06em;text-wrap:balance}
.hm-inner-page .page-hero p{max-width:680px;margin:0;color:#c1c3ca;font-size:14px;line-height:1.75}
.hm-inner-page .breadcrumbs{padding:7px 10px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:rgba(0,0,0,.28);font-size:12px;letter-spacing:.16em}

.hm-inner-page .button,
.hm-inner-page .button-dark,
.hm-inner-page .button-light{
  min-height:46px;
  border-radius:4px;
  padding:0 20px;
  border:1px solid var(--red);
  background:var(--red);
  color:#fff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:none;
}
.hm-inner-page .button:hover,.hm-inner-page .button-dark:hover,.hm-inner-page .button-light:hover{background:#f0242c;border-color:#f0242c;color:#fff;box-shadow:0 14px 32px rgba(229,27,35,.22)}
.hm-inner-page .button-dark,.hm-inner-page .button-light{background:#16171b;border-color:#393b42}
.hm-inner-page .button-dark:hover,.hm-inner-page .button-light:hover{background:var(--red);border-color:var(--red)}
.hm-inner-page .button-small{min-height:38px;padding:0 14px;font-size:11px}

.hm-inner-page .form-control{
  min-height:48px;
  border:1px solid #363840;
  border-radius:5px;
  background:#0c0d10;
  color:#fff;
  padding:11px 13px;
}
.hm-inner-page .form-control::placeholder{color:#6f717a}
.hm-inner-page .form-control:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(229,27,35,.12);background:#0f1013}
.hm-inner-page select.form-control{color-scheme:dark}
.hm-inner-page .form-field label,.hm-inner-page .filter-group label{color:#bfc1c8;font-size:12px;letter-spacing:.09em;text-transform:uppercase}
.hm-inner-page .form-help{color:#858892}

.hm-inner-page .filter-card,
.hm-inner-page .summary-card,
.hm-inner-page .account-card,
.hm-inner-page .contact-panel,
.hm-inner-page .booking-form,
.hm-inner-page .booking-aside,
.hm-inner-page .content-card,
.hm-inner-page .wholesale-panel,
.hm-inner-page .cart-card,
.hm-inner-page .auth-card{
  border:1px solid var(--inner-line);
  border-radius:8px;
  background:linear-gradient(145deg,var(--inner-card-2),var(--inner-card));
  color:#fff;
  box-shadow:0 22px 55px rgba(0,0,0,.22);
}
.hm-inner-page .filter-card,
.hm-inner-page .summary-card{position:sticky;top:84px}
.hm-inner-page .filter-card h3,
.hm-inner-page .summary-card h3,
.hm-inner-page .account-card h2,
.hm-inner-page .contact-panel h2,
.hm-inner-page .booking-form h2,
.hm-inner-page .wholesale-panel h2{color:#fff;text-transform:uppercase;letter-spacing:-.025em}

.hm-inner-page .shop-layout{grid-template-columns:270px minmax(0,1fr);gap:22px}
.hm-inner-page .filter-card{padding:22px}
.hm-inner-page .filter-card:before{content:"PRODUCT FINDER";display:block;color:var(--red);font-size:11px;font-weight:950;letter-spacing:.17em;margin-bottom:7px}
.hm-inner-page .filter-card h3{font-size:22px;margin:0 0 20px}
.hm-inner-page .filter-card .button{width:100%}
.hm-inner-page .product-grid{gap:14px}
.hm-inner-page .product-card{
  border:1px solid var(--inner-line);
  border-radius:7px;
  background:#111216;
  box-shadow:0 12px 34px rgba(0,0,0,.18);
}
.hm-inner-page .product-card:hover{border-color:#4b2a2e;box-shadow:0 18px 42px rgba(0,0,0,.30);transform:translateY(-4px)}
.hm-inner-page .product-media{height:270px;background:linear-gradient(180deg,#f3f4f5,#d7d9dd);border-bottom:1px solid #292b31}
.hm-inner-page .product-media:after{content:"";position:absolute;left:17%;right:17%;bottom:20px;height:18px;border-radius:50%;background:rgba(0,0,0,.68);filter:blur(10px)}
.hm-inner-page .product-media img{position:relative;z-index:1;filter:drop-shadow(0 18px 15px rgba(0,0,0,.28));mix-blend-mode:multiply}
.hm-inner-page .product-tag{z-index:2;border:1px solid #41434a;border-radius:3px;background:rgba(8,9,11,.82);color:#dadbe0;letter-spacing:.09em}
.hm-inner-page .product-body{padding:18px}
.hm-inner-page .product-body h3{color:#fff;font-size:18px}
.hm-inner-page .product-body p{color:#858892}
.hm-inner-page .price-line{border-color:#292b31}
.hm-inner-page .price-line strong{color:#ff4b52}
.hm-inner-page .price-line span{color:#8d9099}
.hm-inner-page .icon-button{border:1px solid #3b3d44;border-radius:4px;background:#18191d;color:#fff}
.hm-inner-page .icon-button:hover{background:var(--red);border-color:var(--red);color:#fff}

.hm-inner-page.hm-page-product main>.section{padding-top:58px}
.hm-inner-page .product-detail{align-items:stretch;gap:36px}
.hm-inner-page .product-detail-media{position:relative;min-height:560px;border:1px solid var(--inner-line);border-radius:8px;background:linear-gradient(180deg,#f3f4f5,#d4d6da);overflow:hidden}
.hm-inner-page .product-detail-media:before{content:"GENUINE HONDA";position:absolute;left:22px;top:22px;color:#5b5e66;font-size:12px;font-weight:950;letter-spacing:.18em}
.hm-inner-page .product-detail-media:after{content:"";position:absolute;left:18%;right:18%;bottom:60px;height:28px;border-radius:50%;background:#000;filter:blur(18px);opacity:.7}
.hm-inner-page .product-detail-media img{position:relative;z-index:1;filter:drop-shadow(0 28px 28px rgba(0,0,0,.28));mix-blend-mode:multiply}
.hm-inner-page .detail-content{align-self:center}
.hm-inner-page .detail-content h1{color:#fff;text-transform:uppercase;font-weight:950;font-size:clamp(43px,5.8vw,78px);line-height:.9}
.hm-inner-page .detail-price strong{color:#ff4b52}
.hm-inner-page .detail-price span{color:#888b94}
.hm-inner-page .wholesale-note,.hm-inner-page .purchase-box{border-color:#35373e;background:#111216;color:#c2c4cb}
.hm-inner-page .wholesale-note{border-left:3px solid var(--red)}
.hm-inner-page .spec-table{border-color:#30323a;background:#101115}
.hm-inner-page .spec-row{border-color:#292b31}
.hm-inner-page .spec-row span{color:#838690}
.hm-inner-page .spec-row strong{color:#f0f1f3}

.hm-inner-page .cart-card{overflow:hidden;padding:0}
.hm-inner-page .cart-item{border-color:#2d2f35;background:#111216}
.hm-inner-page .cart-item:hover{background:#15161a}
.hm-inner-page .cart-item h3{color:#fff}
.hm-inner-page .cart-item p{color:#858892}
.hm-inner-page .cart-thumb{border:1px solid #30323a;border-radius:5px;background:radial-gradient(circle,#282a30,#111216)}
.hm-inner-page .cart-qty{border:1px solid #3a3c43;border-radius:4px;background:#0d0e11;color:#fff}
.hm-inner-page .cart-line-total{color:#ff4b52}
.hm-inner-page .remove-button{border-color:#4a292d;background:#251013;color:#ff6b71}
.hm-inner-page .summary-card{padding:24px}
.hm-inner-page .summary-line{border-color:#2b2d33;color:#a7a9b1}
.hm-inner-page .summary-line strong{color:#fff}
.hm-inner-page .summary-line.total{color:#fff}
.hm-inner-page .summary-line.total strong{color:#ff4b52}
.hm-inner-page .summary-card>.button,.hm-inner-page .summary-card>button{width:100%;margin-top:14px}

.hm-inner-page .service-grid{gap:14px}
.hm-inner-page .service-card{border:1px solid var(--inner-line);border-radius:7px;background:#111216;color:#fff;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.18)}
.hm-inner-page .service-card:hover{transform:translateY(-4px);border-color:#4a292d}
.hm-inner-page .service-card-media{height:220px;background:#0b0c0e;overflow:hidden}
.hm-inner-page .service-card-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05)}
.hm-inner-page .service-card-body{padding:18px}
.hm-inner-page .service-card-body h3{color:#fff;text-transform:uppercase}
.hm-inner-page .service-card-body p{color:#8d9099}
.hm-inner-page .booking-layout{gap:22px;align-items:stretch}
.hm-inner-page .booking-aside{position:relative;overflow:hidden;background:linear-gradient(145deg,#181013,#111216)}
.hm-inner-page .booking-aside:after{content:"";position:absolute;right:-90px;bottom:-100px;width:250px;height:250px;border-radius:50%;background:var(--red);filter:blur(100px);opacity:.18}
.hm-inner-page .booking-aside h2{color:#fff;text-transform:uppercase}
.hm-inner-page .booking-aside p,.hm-inner-page .booking-aside li{color:#a6a9b1}

.hm-inner-page .wholesale-panel{gap:24px;align-items:stretch;background:linear-gradient(135deg,#181013,#111216 55%,#0d0e11)}
.hm-inner-page .wholesale-panel>.wholesale-copy h2{color:#fff;text-transform:uppercase}
.hm-inner-page .wholesale-panel>.wholesale-copy li,.hm-inner-page .wholesale-panel>.wholesale-copy p{color:#a4a7af}
.hm-inner-page .wholesale-copy li::marker{color:var(--red)}
.hm-inner-page .wholesale-login-callout{box-shadow:none;background:#0b0c0f}

.hm-inner-page .contact-grid{gap:18px}
.hm-inner-page .contact-panel{background:linear-gradient(145deg,#17181c,#101115)}
.hm-inner-page .contact-list>div{border-color:#2c2e35}
.hm-inner-page .contact-list span{color:#7f828b}
.hm-inner-page .contact-list strong{color:#fff}
.hm-inner-page .map-embed{position:relative;min-height:470px;border:1px solid var(--inner-line);border-radius:8px;overflow:hidden}
.hm-inner-page .map-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.hm-inner-page .account-nav{position:sticky;top:84px;align-self:start;border:1px solid var(--inner-line);border-radius:8px;background:#111216;padding:10px}
.hm-inner-page .account-nav a,.hm-inner-page .account-nav button{border-radius:4px;color:#a8abb3}
.hm-inner-page .account-nav a:hover,.hm-inner-page .account-nav button:hover{background:#191a1f;color:#fff}
.hm-inner-page .account-nav a.active{background:var(--red);color:#fff}
.hm-inner-page .account-nav form{margin:0}
.hm-inner-page .account-card{padding:25px}
.hm-inner-page .order-row{border-color:#2d2f35;color:#c2c4ca}
.hm-inner-page a.order-row:hover{background:#17181d}
.hm-inner-page .order-row strong{color:#fff}
.hm-inner-page .status{border:1px solid rgba(255,255,255,.12)}

.hm-inner-page .empty-state{border:1px dashed #3d3f46;border-radius:8px;background:linear-gradient(145deg,#15161a,#0e0f12);color:#fff}
.hm-inner-page .empty-state:before{content:"HM";display:grid;place-items:center;width:54px;height:54px;margin:0 auto 18px;border:1px solid #4b2a2e;border-radius:50%;color:var(--red);font-size:13.5px;font-weight:950;letter-spacing:.08em}
.hm-inner-page .empty-state p{color:#8f929b}

.hm-inner-page .auth-section{position:relative;min-height:calc(100vh - 66px);display:grid;place-items:center;padding:48px 20px}
.hm-inner-page .auth-shell{width:min(1040px,100%);display:grid;grid-template-columns:1.05fr 1fr;border-radius:24px;overflow:hidden;background:rgba(14,15,18,.94);box-shadow:0 30px 90px rgba(0,0,0,.5)}
.hm-inner-page .auth-visual{position:relative;background-size:cover;background-position:center;padding:34px;display:flex;flex-direction:column;justify-content:space-between;min-height:560px}
.hm-inner-page .auth-visual .brand-copy b{color:#fff}
.hm-inner-page .auth-visual .brand-copy small{color:#c7c8ce}
.hm-inner-page .auth-visual-copy h2{color:#fff;font-size:clamp(26px,2.6vw,34px);line-height:1.15;letter-spacing:-.02em;margin:0 0 12px}
.hm-inner-page .auth-visual-copy>p{color:#d3d4da;font-size:14.5px;line-height:1.6;max-width:420px}
.hm-inner-page .auth-trust-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.hm-inner-page .auth-trust-list li{display:flex;align-items:center;gap:11px;color:#eceef2;font-size:13.5px;font-weight:650}
.hm-inner-page .auth-trust-list .ui-icon{width:19px;height:19px;flex:0 0 auto;color:var(--red)}
.hm-inner-page .auth-card{width:auto;margin:0;padding:clamp(28px,4vw,46px);border-left:0;backdrop-filter:none;background:#101114;display:flex;flex-direction:column;justify-content:center}
.hm-inner-page .auth-card h1{color:#fff;font-size:clamp(26px,3vw,32px);line-height:1.12;letter-spacing:-.03em}
.hm-inner-page .auth-card>p{color:#9699a2}
.hm-inner-page .auth-card form{display:grid;gap:14px;margin-top:8px}
.hm-inner-page .auth-card .button{width:100%;margin-top:4px}
.hm-inner-page .auth-footer{border-color:#2c2e34;color:#8b8e97}
.hm-inner-page .auth-footer a{color:#ff4b52}
.hm-inner-page .role-note{display:flex;align-items:flex-start;gap:10px;border:1px solid #2e3037;background:#0b0c0f;color:#8e919a}
.hm-inner-page .role-note .ui-icon{width:17px;height:17px;flex:0 0 auto;margin-top:1px;color:var(--red)}
.auth-forgot-link{margin:-6px 0 4px;text-align:right}.auth-forgot-link a{font-size:13px;font-weight:700;color:var(--red)}.auth-forgot-link a:hover{text-decoration:underline}
.hm-icon-field{position:relative}
.hm-icon-field .form-control,.hm-inner-page .hm-icon-field .form-control{padding-left:42px!important}
.hm-icon-field textarea.form-control,.hm-inner-page .hm-icon-field textarea.form-control{padding-top:11px!important}
.hm-field-icon{position:absolute;left:13px;top:38px;display:grid;place-items:center;color:#9a9ca4;pointer-events:none;z-index:1}
.hm-icon-field-top .hm-field-icon{top:44px}
.hm-field-icon .ui-icon{width:17px;height:17px}
.hm-password-field .form-control,.hm-inner-page .hm-password-field .form-control{padding-right:42px!important}
.hm-password-toggle{position:absolute;right:9px;top:31px;width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;color:#9a9ca4;border-radius:8px;transition:.15s}
.hm-password-toggle:hover{color:var(--red);background:rgba(229,27,35,.1)}
.hm-password-toggle .ui-icon{width:18px;height:18px}
@media(max-width:900px){
  .hm-inner-page .auth-shell{grid-template-columns:1fr}
  .hm-inner-page .auth-visual{min-height:220px}
  .hm-inner-page .auth-visual-copy>p,.hm-inner-page .auth-trust-list{display:none}
}

.hm-inner-page .flash{background:#111216;color:#fff;border-color:#33353c}

@media(max-width:980px){
  .hm-inner-page .page-hero{min-height:320px;background-position:62% center}
  .hm-inner-page .page-hero:before{background:linear-gradient(90deg,#07080a 0%,rgba(7,8,10,.95) 60%,rgba(7,8,10,.52))}
  .hm-inner-page .shop-layout{grid-template-columns:1fr}
  .hm-inner-page .filter-card,.hm-inner-page .summary-card,.hm-inner-page .account-nav{position:static}
  .hm-inner-page .product-detail-media{min-height:440px}
}
@media(max-width:680px){
  .hm-inner-page .section{padding:52px 0}
  .hm-inner-page .page-hero{min-height:300px;padding:54px 0;background-position:60% center}
  .hm-inner-page .page-hero:before{background:linear-gradient(90deg,rgba(7,8,10,.99),rgba(7,8,10,.90) 72%,rgba(7,8,10,.62))}
  .hm-inner-page .page-hero h1{font-size:44px}
  .hm-inner-page .page-hero p{font-size:13.5px}
  .hm-inner-page .product-media{height:245px}
  .hm-inner-page .product-detail-media{min-height:340px;padding:24px}
  .hm-inner-page .detail-content h1{font-size:42px}
  .hm-inner-page .filter-card,.hm-inner-page .summary-card,.hm-inner-page .account-card,.hm-inner-page .contact-panel,.hm-inner-page .booking-form,.hm-inner-page .booking-aside,.hm-inner-page .content-card,.hm-inner-page .wholesale-panel,.hm-inner-page .auth-card{padding:18px}
  .hm-inner-page .map-embed{min-height:280px}
  .hm-inner-page .auth-section{padding:40px 12px;background-position:58% center}
  .hm-inner-page .auth-card{border-left-width:2px}
}

/* Honda Markaz v8: larger storefront typography, aligned header tools, rebuilt footer */
.hm-public-body{font-size:16px}

/* Header: clearer navigation and one alignment system for every icon */
.hm-site-header{height:84px;background:rgba(5,5,7,.985);border-bottom:1px solid #2b2c31;box-shadow:0 8px 28px rgba(0,0,0,.26)}
.hm-header-inner{width:min(1540px,calc(100% - 36px));height:84px;gap:16px}
.hm-brand{gap:11px}.hm-brand .brand-wing{width:52px;height:39px}.hm-brand .brand-wing i:nth-child(1){width:52px}.hm-brand .brand-wing i:nth-child(2){width:43px}.hm-brand .brand-wing i:nth-child(3){width:33px}.hm-brand .brand-copy b{font-size:21px}.hm-brand .brand-copy em{font-size:14px;margin-top:6px}
.hm-brand-divider{height:38px}.hm-header-slogan{font-size:13px;line-height:1.4;min-width:105px}
.hm-main-nav{height:84px;gap:0}.hm-main-nav a{height:84px;padding:0 13px;font-size:14px;font-weight:800;letter-spacing:.005em}.hm-main-nav a:after{left:13px;right:13px;height:3px}
.hm-header-search{width:min(300px,19vw);height:46px;border-radius:24px}.hm-header-search input{padding:0 17px;font-size:14px}.hm-header-search button{width:48px}.hm-header-search .ui-icon{width:20px;height:20px}
.hm-header-tools{gap:5px;align-self:stretch}.hm-tool{width:58px;min-width:58px;height:84px;display:grid;grid-template-rows:31px 18px;align-content:center;justify-items:center;gap:2px;padding:0}.hm-tool>span{width:31px;height:31px;display:grid;place-items:center;font-size:27px;line-height:1}.hm-tool .ui-icon{width:24px;height:24px}.hm-tool small{font-size:12px;font-weight:700;line-height:1}.hm-tool em{right:4px;top:13px;min-width:19px;height:19px;font-size:12px;border:2px solid #070709}.hm-login-button{height:48px;padding:0 17px;border-radius:7px;font-size:13.5px}.hm-login-button .ui-icon{width:20px;height:20px}

/* Homepage text: large enough to read comfortably */
.hm-hero-content>p{font-size:17px;line-height:1.68;max-width:620px}.hm-hero-eyebrow{font-size:14px}.hm-hero-trust b{font-size:13.5px}.hm-primary-button,.hm-secondary-button{min-height:48px;padding:0 22px;font-size:13.5px}.hm-quick-actions{height:104px}.hm-quick-actions>a{grid-template-columns:52px 1fr 20px;padding:0 20px}.hm-quick-actions strong{font-size:15px}.hm-quick-actions small{font-size:13px;line-height:1.45}.hm-panel>header,.hm-service-copy>header,.hm-wholesale-panel header{min-height:58px}.hm-panel h2{font-size:19px}.hm-panel header>a,.hm-panel header>span{font-size:13.5px;font-weight:800}.hm-bike-card>strong{font-size:14px}.hm-bike-card>small{font-size:13px}.hm-bike-card>b{font-size:14px}.hm-parts-grid a{font-size:13px;font-weight:700}.hm-service-copy li,.hm-wholesale-panel li{font-size:13.5px;line-height:1.45}.hm-quote p{font-size:14px;line-height:1.6}.hm-quote strong{font-size:14px}.hm-why-grid strong{font-size:14px}.hm-why-grid small{font-size:13px;line-height:1.5}

/* Inner pages: remove tiny 8–10px interface text */
.hm-inner-page .section-copy,.hm-inner-page .detail-description,.hm-inner-page .content-card p,.hm-inner-page .contact-panel>p,.hm-inner-page .booking-form>p,.hm-inner-page .wholesale-login-callout>p{font-size:16px;line-height:1.7}
.hm-inner-page .page-hero .container:before{font-size:13.5px}.hm-inner-page .page-hero p{font-size:17px;line-height:1.7}.hm-inner-page .breadcrumbs{font-size:13px;padding:9px 12px}
.hm-inner-page .button,.hm-inner-page .button-dark,.hm-inner-page .button-light{min-height:50px;padding:0 23px;font-size:14px}.hm-inner-page .button-small{min-height:42px;font-size:13px}
.hm-inner-page .form-control{min-height:52px;font-size:15px;padding:13px 15px}.hm-inner-page .form-field label,.hm-inner-page .filter-group label{font-size:13.5px}.hm-inner-page .form-help{font-size:14px}
.hm-inner-page .filter-card:before{font-size:12px}.hm-inner-page .filter-card h3{font-size:26px}.hm-inner-page .product-body h3{font-size:21px}.hm-inner-page .product-body p{font-size:14px;line-height:1.6}.hm-inner-page .product-tag{font-size:12px}.hm-inner-page .price-line strong{font-size:18px}.hm-inner-page .price-line span{font-size:14px}
.hm-inner-page .detail-price strong{font-size:28px}.hm-inner-page .detail-price span,.hm-inner-page .wholesale-note,.hm-inner-page .purchase-box{font-size:14px}.hm-inner-page .spec-row span,.hm-inner-page .spec-row strong{font-size:14px}
.hm-inner-page .cart-item h3{font-size:18px}.hm-inner-page .cart-item p{font-size:14px}.hm-inner-page .cart-qty{font-size:14px}.hm-inner-page .summary-line{font-size:15px}.hm-inner-page .summary-line.total{font-size:17px}
.hm-inner-page .service-card-body h3{font-size:20px}.hm-inner-page .service-card-body p{font-size:15px;line-height:1.65}.hm-inner-page .booking-aside p,.hm-inner-page .booking-aside li,.hm-inner-page .wholesale-panel>.wholesale-copy li,.hm-inner-page .wholesale-panel>.wholesale-copy p{font-size:15px;line-height:1.65}
.hm-inner-page .contact-list span{font-size:13.5px}.hm-inner-page .contact-list strong{font-size:16px}.hm-inner-page .account-nav a,.hm-inner-page .account-nav button{font-size:14px;min-height:46px}.hm-inner-page .order-row{font-size:14px}.hm-inner-page .auth-card>p,.hm-inner-page .auth-footer,.hm-inner-page .role-note{font-size:14px;line-height:1.65}
.hm-inner-page .empty-state p{font-size:15px}

/* Rebuilt footer */
.hm-site-footer{position:relative;margin-top:0;padding:0;background:#07080a;color:#fff;border-top:1px solid #26272c;overflow:hidden}.hm-site-footer:before{content:"";position:absolute;left:-180px;top:90px;width:460px;height:460px;border-radius:50%;background:rgba(229,27,35,.12);filter:blur(120px);pointer-events:none}.hm-footer-shell{position:relative;z-index:1;width:min(1420px,calc(100% - 40px));margin:auto;padding:54px 0 0}
.hm-footer-cta{min-height:164px;border:1px solid #6e252a;border-radius:16px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:linear-gradient(110deg,#9c1117 0,#441014 31%,#171216 65%,#101114 100%);box-shadow:0 24px 60px rgba(0,0,0,.3)}.hm-footer-cta>div:first-child{max-width:720px}.hm-footer-cta>div>span{display:block;color:#ffb2b6;font-size:13.5px;font-weight:900;letter-spacing:.16em}.hm-footer-cta h2{margin:7px 0 8px;font-size:clamp(28px,3.1vw,44px);line-height:1.05;letter-spacing:-.035em}.hm-footer-cta p{margin:0;color:#e0d4d6;font-size:15px;line-height:1.6}.hm-footer-cta-actions{display:flex;gap:12px;flex:0 0 auto;flex-wrap:wrap}.hm-footer-call{display:flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(9,10,12,.55);backdrop-filter:blur(6px);transition:border-color .2s ease,background .2s ease,transform .2s ease}.hm-footer-call:hover{border-color:rgba(255,255,255,.34);background:rgba(9,10,12,.75);transform:translateY(-1px)}.hm-footer-cta-icon{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:rgba(255,61,69,.16);border:1px solid rgba(255,61,69,.4)}.hm-footer-call>.ui-icon{width:20px;height:20px;color:#ff3d45}.hm-footer-call span{display:grid;gap:2px;white-space:nowrap}.hm-footer-call small{color:#e5b7ba;font-size:10.5px;font-weight:900;letter-spacing:.12em}.hm-footer-call strong{color:#fff;font-size:14.5px;font-weight:850}.hm-footer-whatsapp .hm-footer-cta-icon{background:rgba(37,211,102,.16);border-color:rgba(37,211,102,.42)}.hm-footer-whatsapp .ui-icon{color:#25d366}.hm-footer-whatsapp small{color:#bfe9cf}
.hm-footer-main-v8{display:grid;grid-template-columns:1.45fr .75fr .85fr 1.35fr;gap:58px;padding:58px 8px 50px}.hm-footer-logo{display:inline-flex;margin-bottom:22px}.hm-footer-logo .brand-wing{width:62px;height:43px}.hm-footer-logo .brand-wing i:nth-child(1){width:62px}.hm-footer-logo .brand-wing i:nth-child(2){width:51px}.hm-footer-logo .brand-wing i:nth-child(3){width:40px}.hm-footer-logo .brand-copy b{font-size:25px}.hm-footer-logo .brand-copy small{font-size:12px}.hm-footer-brand-v8>p{max-width:390px;margin:0;color:#a6a8b0;font-size:15px;line-height:1.8}.hm-footer-social-v8{display:flex;gap:10px;margin-top:24px}.hm-footer-social-v8 a{width:42px;height:42px;border-radius:9px;border:1px solid #393b42;background:#111216;display:grid;place-items:center;font-size:17px;font-weight:800;color:#fff;transition:.2s}.hm-footer-social-v8 a:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
.hm-footer-column h3{position:relative;margin:5px 0 25px;padding-bottom:13px;font-size:17px;text-transform:uppercase;letter-spacing:.08em}.hm-footer-column h3:after{content:"";position:absolute;left:0;bottom:0;width:38px;height:3px;background:var(--red);border-radius:5px}.hm-footer-column>a{display:flex;align-items:center;min-height:36px;color:#aeb0b8;font-size:15px;transition:.2s}.hm-footer-column>a:hover{color:#fff;transform:translateX(4px)}.hm-footer-contact-v8{display:grid;align-content:start;gap:20px}.hm-footer-contact-v8>div{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start}.hm-footer-contact-v8>div>.ui-icon{width:24px;height:24px;color:#f12a32;margin-top:2px}.hm-footer-contact-v8>div>span{display:flex;flex-direction:column}.hm-footer-contact-v8 small{color:#747780;font-size:12px;font-weight:900;letter-spacing:.11em;margin-bottom:5px}.hm-footer-contact-v8 strong{color:#d8d9de;font-size:14px;font-weight:600;line-height:1.6}.hm-footer-contact-v8 a{color:#ff4b52;font-size:14px;margin-top:5px}
.hm-footer-map{position:relative;margin:0 8px 42px;height:220px;border-radius:14px;overflow:hidden;border:1px solid #26272c}.hm-footer-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.25) invert(.92) contrast(.9)}
@media(max-width:680px){.hm-footer-map{margin:0 4px 32px;height:180px}}
.hm-footer-bottom-v8{min-height:70px;border-top:1px solid #282a30;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#7f828b;font-size:14px}.hm-footer-bottom-v8>span:last-child{display:flex;align-items:center;gap:14px}.hm-footer-bottom-v8 a:hover{color:#fff}.hm-footer-bottom-v8 i{width:1px;height:13px;background:#3b3d43}

@media(max-width:1440px) and (min-width:981px){.hm-header-inner{gap:9px}.hm-header-slogan,.hm-brand-divider{display:none}.hm-main-nav a{padding:0 9px;font-size:14px}.hm-header-search{width:210px}.hm-tool{width:52px;min-width:52px}.hm-login-button{padding:0 12px}.hm-footer-main-v8{gap:36px}}
@media(max-width:1100px){.hm-footer-cta{align-items:flex-start;flex-direction:column}.hm-footer-cta-actions{width:100%}.hm-footer-main-v8{grid-template-columns:1.2fr 1fr 1fr}.hm-footer-contact-v8{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.hm-footer-contact-v8 h3{grid-column:1/-1}}
@media(max-width:980px){.hm-site-header,.hm-header-inner{height:72px}.hm-main-nav{top:72px}.hm-main-nav a{height:54px;font-size:16px;padding:0 12px}.hm-login-button{height:44px;font-size:13.5px}.hm-menu-toggle{width:44px;height:44px}.hm-footer-shell{width:min(100% - 28px,1420px);padding-top:38px}.hm-footer-main-v8{grid-template-columns:1fr 1fr}.hm-footer-brand-v8{grid-column:1/-1}.hm-footer-contact-v8{grid-template-columns:1fr 1fr}.hm-footer-contact-v8>div:last-child{grid-column:1/-1}}
@media(max-width:680px){.hm-public-body{font-size:16px}.hm-brand .brand-copy b{font-size:17px}.hm-brand .brand-copy em{font-size:13px}.hm-hero-content>p{font-size:15px}.hm-hero-trust b{font-size:12px}.hm-primary-button,.hm-secondary-button{font-size:13px}.hm-quick-actions strong{font-size:14px}.hm-quick-actions small{font-size:13px}.hm-panel h2{font-size:18px}.hm-inner-page .page-hero p{font-size:15px}.hm-inner-page .button,.hm-inner-page .button-dark,.hm-inner-page .button-light{font-size:13.5px}.hm-footer-cta{padding:24px 20px}.hm-footer-cta h2{font-size:30px}.hm-footer-cta p{font-size:14px}.hm-footer-cta-actions{display:grid;grid-template-columns:1fr}.hm-footer-main-v8{grid-template-columns:1fr;gap:34px;padding:42px 4px 38px}.hm-footer-brand-v8,.hm-footer-contact-v8{grid-column:auto}.hm-footer-contact-v8{grid-template-columns:1fr}.hm-footer-contact-v8 h3,.hm-footer-contact-v8>div:last-child{grid-column:auto}.hm-footer-column h3{margin-bottom:18px}.hm-footer-column>a{font-size:16px;min-height:40px}.hm-footer-bottom-v8{padding:18px 0;flex-direction:column;text-align:center}.hm-footer-bottom-v8>span:last-child{flex-wrap:wrap;justify-content:center}}

/* Honda Markaz Admin v9 — light performance dashboard */
.panel-admin-body{--admin-red:#e30613;--admin-red-dark:#c5000c;--admin-bg:#f5f7fa;--admin-sidebar:#202832;--admin-sidebar-deep:#171e27;--admin-text:#171a20;--admin-muted:#707680;--admin-border:#e2e6eb;--admin-card:#fff;background:var(--admin-bg);color:var(--admin-text);font-size:14px}
.panel-admin-body .panel-shell{grid-template-columns:276px minmax(0,1fr);background:var(--admin-bg)}
.panel-admin-body .panel-sidebar{width:auto;background:linear-gradient(180deg,var(--admin-sidebar) 0%,var(--admin-sidebar-deep) 100%);border-right:0;color:#fff;box-shadow:4px 0 18px rgba(17,24,39,.08)}
.panel-admin-body .panel-sidebar-head{height:92px;min-height:92px;padding:0 24px;background:linear-gradient(135deg,#f20b18,#d8000b);border-bottom:0}
.panel-admin-body .panel-brand{gap:11px;min-width:0}
.panel-admin-body .panel-brand .brand-wing{width:55px;height:39px}
.panel-admin-body .panel-brand .brand-wing i{background:#fff;box-shadow:none}
.panel-admin-body .panel-brand .brand-wing i:nth-child(1){width:55px}.panel-admin-body .panel-brand .brand-wing i:nth-child(2){width:44px}.panel-admin-body .panel-brand .brand-wing i:nth-child(3){width:33px}
.panel-admin-body .panel-brand .brand-copy b{font-size:19px;line-height:1.05;letter-spacing:-.02em;white-space:nowrap}.panel-admin-body .panel-brand .brand-copy em{color:#fff}.panel-admin-body .panel-brand .brand-copy small{margin-top:5px;color:#fff;font-size:12px;letter-spacing:.02em;text-transform:none;font-weight:650;opacity:.92}
.panel-admin-body .panel-sidebar nav{padding:16px 12px 8px;gap:5px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#47515f transparent}
.panel-admin-body .panel-sidebar nav a{min-height:51px;border-radius:9px;padding:0 15px;gap:14px;color:#f0f3f7;font-size:15px;font-weight:650;letter-spacing:-.01em}
.panel-admin-body .panel-sidebar nav a i{width:25px;height:25px;color:#f6f7f9}.panel-admin-body .panel-sidebar nav a i .ui-icon{width:22px;height:22px;stroke-width:1.9}
.panel-admin-body .panel-sidebar nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.panel-admin-body .panel-sidebar nav a.active{background:linear-gradient(90deg,#f20b18,#e0000d);color:#fff;box-shadow:0 7px 18px rgba(226,0,13,.24)}
.panel-admin-body .panel-sidebar nav a.active:before{display:none}.panel-admin-body .panel-sidebar nav a.active i{color:#fff}
.panel-admin-body .panel-quick-stats{margin:auto 20px 8px;padding:18px 0 4px;border-top:1px solid rgba(255,255,255,.15);color:#fff}
.panel-admin-body .panel-quick-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:14px}.panel-admin-body .panel-quick-title strong{font-size:14px}.panel-admin-body .panel-quick-title span{font-size:20px;color:#aeb5bf}
.panel-admin-body .panel-quick-stats dl{margin:0;display:grid;gap:10px}.panel-admin-body .panel-quick-stats dl>div{display:flex;align-items:center;justify-content:space-between}.panel-admin-body .panel-quick-stats dt{color:#b7bec8;font-size:13.5px}.panel-admin-body .panel-quick-stats dd{margin:0;color:#fff;font-size:14px;font-weight:800}
.panel-admin-body .panel-sidebar-version{padding:4px 20px 10px;color:#7f8996;font-size:12px;display:flex;justify-content:space-between}.panel-admin-body .panel-sidebar-version span{color:#a9b1bc}
.panel-admin-body .panel-user{min-height:74px;border-top:1px solid rgba(255,255,255,.12);padding:12px 16px;grid-template-columns:40px 1fr 34px;background:rgba(0,0,0,.1)}
.panel-admin-body .panel-avatar{width:40px;height:40px;background:#fff;color:var(--admin-red);font-size:15px}.panel-admin-body .panel-user strong{font-size:13.5px;color:#fff}.panel-admin-body .panel-user span:not(.panel-avatar){font-size:12px;color:#9ba4b0}.panel-admin-body .panel-user form button{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:#d7dce2}
.panel-admin-body .panel-main{background:var(--admin-bg)}
.panel-admin-body .panel-topbar{height:82px;background:#fff;border-bottom:1px solid var(--admin-border);padding:0 28px;gap:18px;box-shadow:0 2px 8px rgba(17,24,39,.035);backdrop-filter:none}
.panel-admin-body .panel-menu{color:#222;background:#f3f4f6;border:1px solid var(--admin-border);border-radius:9px;width:42px;height:42px;place-items:center}
.panel-admin-body .panel-global-search{width:min(555px,47vw);height:47px;display:flex;align-items:center;position:relative}
.panel-admin-body .panel-global-search>.ui-icon{position:absolute;left:17px;width:20px;height:20px;color:#7d8490;z-index:1}
.panel-admin-body .panel-global-search input{width:100%;height:47px;border:1px solid #dfe3e8;border-radius:9px;background:#fff;padding:0 16px 0 48px;color:#222;outline:0;font-size:14px;transition:.2s}
.panel-admin-body .panel-global-search input:focus{border-color:#f04a52;box-shadow:0 0 0 3px rgba(227,6,19,.08)}
.panel-admin-body .panel-top-actions{gap:19px}.panel-admin-body .panel-top-actions>a{border:0;padding:0;min-height:0;border-radius:0;color:#222;background:transparent}
.panel-admin-body .panel-top-icon{position:relative;width:35px;height:42px;display:grid!important;place-items:center}.panel-admin-body .panel-top-icon .ui-icon{width:22px;height:22px;color:#404651}.panel-admin-body .panel-top-icon em{position:absolute;right:0;top:2px;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:var(--admin-red);color:#fff;font-size:12px;font-style:normal;font-weight:850;display:grid;place-items:center;border:2px solid #fff}
.panel-admin-body .panel-top-divider{width:1px;height:42px;background:#e5e7eb}
.panel-admin-body .panel-admin-profile{display:flex!important;align-items:center;gap:11px;min-width:175px}.panel-admin-body .panel-admin-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#252a31,#59616c);color:#fff;font-size:14px;font-weight:900;border:3px solid #f1f2f4}.panel-admin-body .panel-admin-profile>span:nth-child(2){display:block}.panel-admin-body .panel-admin-profile strong{display:block;font-size:14px;color:#1c1f24}.panel-admin-body .panel-admin-profile small{display:block;margin-top:2px;font-size:12px;color:#777e88}.panel-admin-body .panel-admin-profile b{margin-left:auto;font-size:16px;color:#31363e}
.panel-admin-body .panel-content{max-width:none;margin:0;padding:20px 22px 12px}
.panel-admin-body .panel-alert{margin:14px 22px 0;color:#25302a}.panel-admin-body .panel-alert-success{background:#eaf8ef;border-color:#bfe6cc;color:#176c35}.panel-admin-body .panel-alert-error{background:#fff0f1;border-color:#ffc9cc;color:#9e1018}
.panel-admin-body .panel-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-admin-body .panel-page-heading span{display:block;color:#8a9099;font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.panel-admin-body .panel-page-heading h1{margin:3px 0 0;font-size:28px;line-height:1.15;color:#171a20;letter-spacing:-.025em}.panel-admin-body .panel-page-heading>a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid var(--admin-border);border-radius:9px;background:#fff;color:#333942;font-size:13.5px;font-weight:750}.panel-admin-body .panel-page-heading>a .ui-icon{width:16px;height:16px}

/* Light admin forms, tables and working pages */
.panel-admin-body .panel-card{border:1px solid var(--admin-border);background:#fff;border-radius:10px;padding:20px;color:var(--admin-text);box-shadow:0 2px 7px rgba(20,27,38,.035)}
.panel-admin-body .panel-card.no-pad{padding:0}.panel-admin-body .panel-card h2{font-size:17px;color:#20242a;margin-bottom:15px}.panel-admin-body .panel-note{color:#7d838c;font-size:13.5px}.panel-admin-body .panel-section-head{margin-bottom:15px}.panel-admin-body .panel-section-head.padded{padding:19px 20px 0}.panel-admin-body .panel-section-head a{color:var(--admin-red);font-size:13.5px}
.panel-admin-body .panel-input{background:#fff;border:1px solid #dfe3e8;color:#24282f;min-height:45px;border-radius:8px;padding:10px 12px;font-size:14px;outline:0}.panel-admin-body .panel-input:focus{border-color:#ef4a53;box-shadow:0 0 0 3px rgba(227,6,19,.075)}.panel-admin-body .panel-input[readonly]{background:#f4f5f7;color:#777;opacity:1}.panel-admin-body .panel-field label{color:#4a5059;font-size:13.5px;font-weight:750;margin-bottom:6px}.panel-admin-body .panel-field label small{font-weight:500;color:#9298a1}.panel-admin-body .panel-check-field{align-content:center;gap:7px;display:grid}.panel-admin-body .panel-form{gap:15px}.panel-admin-body .panel-form-grid{gap:12px}
.panel-admin-body .panel-button{min-height:42px;padding:0 17px;border-radius:8px;background:linear-gradient(135deg,#ef0a17,#d8000b);color:#fff;font-size:13.5px;box-shadow:none}.panel-admin-body .panel-button:hover{background:#c9000b;box-shadow:0 8px 18px rgba(227,6,19,.15)}.panel-admin-body .panel-button.light{background:#f5f6f8;color:#31363d;border:1px solid #dfe3e8}.panel-admin-body .panel-button.dark{background:#252b33}
.panel-admin-body .panel-table{font-size:13.5px;color:#2c3138}.panel-admin-body .panel-table th{background:#f7f8fa;color:#737a84;font-size:12px;padding:13px 14px;border-bottom:1px solid var(--admin-border)}.panel-admin-body .panel-table td{padding:13px 14px;border-top:1px solid #eceef1}.panel-admin-body .panel-table a{color:#d90713}.panel-admin-body .panel-table tr:hover td{background:#fbfbfc}.panel-admin-body .low-stock{color:#d90713;font-weight:850}
.panel-admin-body .status{font-size:12px;border-radius:5px;padding:5px 8px;font-weight:750;text-transform:capitalize}.panel-admin-body .status-completed,.panel-admin-body .status-ready,.panel-admin-body .status-paid{background:#dff8e7;color:#188243}.panel-admin-body .status-processing,.panel-admin-body .status-confirmed,.panel-admin-body .status-in_progress,.panel-admin-body .status-scheduled{background:#e1efff;color:#216dc2}.panel-admin-body .status-pending,.panel-admin-body .status-requested,.panel-admin-body .status-unpaid{background:#fff0d7;color:#bd6d00}.panel-admin-body .status-cancelled,.panel-admin-body .status-declined{background:#ffe4e6;color:#c51b26}.panel-admin-body .status-partial,.panel-admin-body .status-received{background:#f2e6ff;color:#8439b6}
.panel-admin-body .pos-product,.panel-admin-body .complaint-box,.panel-admin-body .job-customer>div{background:#fff;border-color:var(--admin-border);color:#2b3037}.panel-admin-body .pos-product strong,.panel-admin-body .job-customer strong,.panel-admin-body .used-parts strong{font-size:14px}.panel-admin-body .job-customer span,.panel-admin-body .used-parts small,.panel-admin-body .rank-list small{color:#7c828c}.panel-admin-body .bill-summary>div,.panel-admin-body .used-parts>div,.panel-admin-body .rank-list>div{border-color:#eceef1}.panel-admin-body .security-card p{color:#777f89;font-size:14px}
.panel-admin-body .admin-inventory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.panel-admin-body .admin-inventory-toolbar nav{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--admin-border);border-radius:9px;padding:5px}.panel-admin-body .admin-inventory-toolbar nav a{padding:9px 14px;border-radius:7px;font-size:13.5px;font-weight:750;color:#646b74}.panel-admin-body .admin-inventory-toolbar nav a.active{background:#e30613;color:#fff}.panel-admin-body .admin-inventory-toolbar form{width:320px;height:42px;position:relative;display:flex;align-items:center}.panel-admin-body .admin-inventory-toolbar form .ui-icon{position:absolute;left:13px;width:18px;height:18px;color:#8a9098}.panel-admin-body .admin-inventory-toolbar form input{width:100%;height:42px;border:1px solid var(--admin-border);border-radius:8px;background:#fff;padding:0 12px 0 39px;outline:0}.panel-admin-body .admin-inventory-layout{grid-template-columns:minmax(420px,.88fr) minmax(570px,1.12fr)}

/* Dashboard banner */
.panel-admin-body .admin-welcome-banner{height:176px;position:relative;overflow:hidden;border:1px solid #e8eaee;border-radius:11px;background:linear-gradient(110deg,#fafbfc 0%,#f4f6f8 66%,#e4000d 66%,#d0000b 100%);box-shadow:0 2px 7px rgba(20,27,38,.035);display:flex;align-items:center;margin-bottom:18px}
.panel-admin-body .admin-welcome-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 34%,rgba(194,200,207,.14) 34.2% 34.8%,transparent 35% 43%,rgba(194,200,207,.1) 43.2% 43.8%,transparent 44%),repeating-linear-gradient(120deg,transparent 0 22px,rgba(255,255,255,.16) 23px 24px);pointer-events:none}
.panel-admin-body .admin-welcome-banner:after{content:"";position:absolute;right:26%;top:-45px;width:170px;height:260px;border-left:2px solid rgba(227,6,19,.22);border-right:2px solid rgba(227,6,19,.12);transform:skewX(-24deg)}
.panel-admin-body .admin-welcome-copy{position:relative;z-index:3;padding-left:46px;width:46%}.panel-admin-body .admin-welcome-copy>span{font-size:14px;color:#272b31}.panel-admin-body .admin-welcome-copy>span b{font-size:18px}.panel-admin-body .admin-welcome-copy h1{margin:7px 0 4px;font-size:31px;line-height:1.04;letter-spacing:-.045em;color:#181b20}.panel-admin-body .admin-welcome-copy h1 em{font-style:normal;color:var(--admin-red)}.panel-admin-body .admin-welcome-copy p{margin:0;color:#5f6670;font-size:14px}
.panel-admin-body .admin-welcome-bike{position:absolute;z-index:4;left:49%;bottom:-14px;transform:translateX(-50%);width:365px;height:205px;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(30,34,40,.18))}
.panel-admin-body .admin-welcome-brand{position:absolute;z-index:4;right:6.2%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;color:#fff}.panel-admin-body .admin-welcome-brand strong{font-family:Georgia,serif;font-size:25px;letter-spacing:.04em}.panel-admin-body .admin-welcome-brand small{font-size:12px;margin-top:-3px}.panel-admin-body .admin-honda-wing{width:80px;height:52px;position:relative;display:block;transform:skewX(-18deg);margin-bottom:3px}.panel-admin-body .admin-honda-wing i{position:absolute;right:0;height:8px;border-radius:20px;background:#fff}.panel-admin-body .admin-honda-wing i:nth-child(1){top:4px;width:78px}.panel-admin-body .admin-honda-wing i:nth-child(2){top:20px;width:62px}.panel-admin-body .admin-honda-wing i:nth-child(3){top:36px;width:46px}

/* Dashboard metrics */
.panel-admin-body .admin-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.panel-admin-body .admin-metric-card{min-height:105px;background:#fff;border:1px solid var(--admin-border);border-radius:10px;padding:14px 17px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 7px rgba(20,27,38,.035)}
.panel-admin-body .admin-metric-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;border:8px solid}.panel-admin-body .admin-metric-icon .ui-icon{width:24px;height:24px;stroke-width:2}
.panel-admin-body .metric-red .admin-metric-icon{background:#e30613;color:#fff;border-color:#ffd9dc}.panel-admin-body .metric-blue .admin-metric-icon{background:#1976df;color:#fff;border-color:#dbeaff}.panel-admin-body .metric-purple .admin-metric-icon{background:#9636c7;color:#fff;border-color:#efddfa}.panel-admin-body .metric-orange .admin-metric-icon{background:#fb8c00;color:#fff;border-color:#ffebd2}.panel-admin-body .metric-green .admin-metric-icon{background:#0bad53;color:#fff;border-color:#d8f2e3}
.metric-teal .admin-metric-icon{background:#0d9488;color:#fff;border-color:#ccfbf1}
.metric-navy .admin-metric-icon{background:#1e3a8a;color:#fff;border-color:#dbeafe}
.metric-pink .admin-metric-icon{background:#db2777;color:#fff;border-color:#fce7f3}
.metric-slate .admin-metric-icon{background:#475569;color:#fff;border-color:#e2e8f0}
.metric-amber .admin-metric-icon{background:#d97706;color:#fff;border-color:#fef3c7}
.metric-rose .admin-metric-icon{background:#e11d48;color:#fff;border-color:#ffe4e6}
.metric-compact{min-height:88px}
.admin-metric-grid.compact{grid-template-columns:repeat(6,minmax(0,1fr))}
.admin-metric-grid.compact .admin-metric-icon{width:42px;height:42px;border-width:5px}
.admin-metric-grid.compact strong{font-size:19px}
@media(max-width:1260px){.admin-metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.admin-metric-grid.compact{grid-template-columns:1fr 1fr}}

/* Bar charts (Revenue vs Expenses / Sales by Category) */
.admin-bar-chart{padding:6px 4px 0}
.admin-bar-chart svg{width:100%;height:auto;display:block}
.admin-bar-legend{display:flex;gap:16px;flex-wrap:wrap;padding:0 4px 10px;font-size:12px;color:#6b7280}
.admin-bar-legend span{display:inline-flex;align-items:center;gap:6px}
.admin-bar-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.admin-bar-legend .rev i{background:#e30613}
.admin-bar-legend .exp i{background:#1e3a8a}
.admin-donut-wrap{display:flex;align-items:center;gap:18px;padding:8px 4px 4px;flex-wrap:wrap}
.admin-donut-wrap svg{flex:0 0 auto}
.admin-donut-legend{display:flex;flex-direction:column;gap:8px;flex:1 1 160px;min-width:150px}
.admin-donut-legend div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:#4b5563}
.admin-donut-legend div span{display:flex;align-items:center;gap:8px}
.admin-donut-legend i{width:10px;height:10px;border-radius:3px;flex:0 0 auto}
.admin-donut-legend b{color:#111827;font-weight:800}

/* Extra dashboard cards: workshop jobs / top products / stock summary / activity */
.admin-dashboard-row.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1400px){.admin-dashboard-row.four-col{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.admin-dashboard-row.four-col{grid-template-columns:1fr}}
.admin-mini-table{width:100%;border-collapse:collapse;font-size:12.5px}
.admin-mini-table th{text-align:left;color:#8a8f98;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;padding:0 10px 8px}
.admin-mini-table td{padding:8px 10px;border-top:1px solid var(--admin-border);vertical-align:middle}
.admin-mini-table tr:first-child td{border-top:0}
.admin-stock-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}
.admin-stock-summary div{background:#f8f9fb;border:1px solid var(--admin-border);border-radius:8px;padding:12px}
.admin-stock-summary small{display:block;color:#8a8f98;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.admin-stock-summary strong{display:block;margin-top:4px;font-size:19px;color:#111827}
.admin-stock-summary.alert strong{color:#e30613}
.admin-activity-feed{display:flex;flex-direction:column;padding:6px 14px 14px}
.admin-activity-feed div{display:flex;gap:10px;padding:9px 0;border-top:1px solid var(--admin-border)}
.admin-activity-feed div:first-child{border-top:0}
.admin-activity-feed i{width:8px;height:8px;border-radius:50%;background:#e30613;margin-top:6px;flex:0 0 auto}
.admin-activity-feed span{flex:1;min-width:0;font-size:12.5px;color:#374151}
.admin-activity-feed span b{display:block;color:#111827;font-weight:750}
.admin-activity-feed time{font-size:11px;color:#9ca3af;white-space:nowrap}

.panel-admin-body .admin-metric-card>div{min-width:0}.panel-admin-body .admin-metric-card small{display:block;color:#686f79;font-size:13px}.panel-admin-body .admin-metric-card strong{display:block;margin-top:3px;font-size:18px;line-height:1.15;color:#22262c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-admin-body .metric-trend{display:flex;align-items:center;gap:8px;margin:8px 0 0;font-size:12px;white-space:nowrap}.panel-admin-body .metric-trend b{font-size:12px}.panel-admin-body .metric-trend.up b{color:#12a451}.panel-admin-body .metric-trend.down b{color:#e30613}.panel-admin-body .metric-trend.flat b{color:#7b828b}.panel-admin-body .metric-trend span{color:#9aa0a8}

/* Dashboard cards and charts */
.panel-admin-body .admin-dashboard-row{display:grid;gap:12px;margin-bottom:12px}.panel-admin-body .admin-dashboard-charts-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(300px,.83fr)}.panel-admin-body .admin-dashboard-data-row{grid-template-columns:minmax(520px,1.15fr) minmax(420px,.9fr) minmax(370px,.78fr)}
.panel-admin-body .admin-dashboard-card{background:#fff;border:1px solid var(--admin-border);border-radius:10px;box-shadow:0 2px 7px rgba(20,27,38,.035);min-width:0}.panel-admin-body .admin-dashboard-card>header{min-height:52px;padding:14px 16px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel-admin-body .admin-dashboard-card>header h2{margin:0;color:#20242a;font-size:14px;line-height:1.3}.panel-admin-body .admin-dashboard-card>header>a{color:#555d67;font-size:12px}.panel-admin-body .admin-dashboard-card>header>button{height:30px;padding:0 12px;border:1px solid #dde1e6;border-radius:6px;background:#fff;color:#525963;font-size:12px}.panel-admin-body .admin-dashboard-card>header>button b{margin-left:8px}.panel-admin-body .admin-chart-legend{display:flex;gap:21px;margin-top:9px}.panel-admin-body .admin-chart-legend span{position:relative;padding-left:13px;color:#5f6670;font-size:12px}.panel-admin-body .admin-chart-legend span:before{content:"";position:absolute;left:0;top:4px;width:7px;height:7px;border-radius:2px}.panel-admin-body .admin-chart-legend .current:before{background:#ef1b24}.panel-admin-body .admin-chart-legend .previous:before{background:#9ca3ab}
.panel-admin-body .admin-line-chart{height:195px;padding:3px 15px 11px}.panel-admin-body .admin-line-chart svg{width:100%;height:164px;overflow:visible}.panel-admin-body .chart-grid line{stroke:#e9ebee;stroke-width:1;stroke-dasharray:3 5}.panel-admin-body .chart-line{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.panel-admin-body .chart-line.current{stroke:#ee1b24}.panel-admin-body .chart-line.previous{stroke:#a1a7af;stroke-width:1.7}.panel-admin-body .chart-area{stroke:none}.panel-admin-body .admin-chart-axis{display:flex;justify-content:space-between;padding:0 3px;color:#8f959e;font-size:12px}
.panel-admin-body .admin-quick-actions nav{padding:0 12px 12px;display:grid;gap:5px}.panel-admin-body .admin-quick-actions nav a{min-height:37px;display:grid;grid-template-columns:27px 1fr 15px;align-items:center;gap:9px;padding:0 9px;border:1px solid #e7e9ed;border-radius:6px;color:#2c3138;font-size:13px;transition:.18s}.panel-admin-body .admin-quick-actions nav a:hover{border-color:#f2a6ab;background:#fff8f8;transform:translateX(2px)}.panel-admin-body .admin-quick-actions nav i{width:25px;height:25px;border-radius:6px;display:grid;place-items:center}.panel-admin-body .admin-quick-actions nav i .ui-icon{width:16px;height:16px}.panel-admin-body .admin-quick-actions nav i.red{background:#ffe7e9;color:#e30613}.panel-admin-body .admin-quick-actions nav i.blue{background:#e5f0ff;color:#1875dc}.panel-admin-body .admin-quick-actions nav i.green{background:#e1f7ea;color:#0e9e4e}.panel-admin-body .admin-quick-actions nav i.purple{background:#f0e5f8;color:#8f36bc}.panel-admin-body .admin-quick-actions nav i.orange{background:#fff0dc;color:#ec8200}.panel-admin-body .admin-quick-actions nav b{font-size:18px;color:#8a9099;text-align:right}

/* Dashboard data */
.panel-admin-body .admin-recent-orders{overflow:hidden}.panel-admin-body .admin-data-table{width:100%;border-collapse:collapse;font-size:12px}.panel-admin-body .admin-data-table th{height:38px;padding:0 12px;background:#fafbfc;color:#5f6670;text-align:left;font-size:12px;font-weight:750;border-top:1px solid #eceef1;border-bottom:1px solid #eceef1;white-space:nowrap}.panel-admin-body .admin-data-table td{height:40px;padding:0 12px;border-bottom:1px solid #eef0f2;color:#343941;white-space:nowrap}.panel-admin-body .admin-data-table tbody tr:last-child td{border-bottom:0}.panel-admin-body .admin-data-table td>a:first-child{color:#e30613;font-weight:800}.panel-admin-body .admin-type-tag{display:inline-flex;padding:4px 7px;border-radius:5px;font-size:11px;font-weight:750}.panel-admin-body .type-retail{background:#ffe8e9;color:#dc0b16}.panel-admin-body .type-wholesale{background:#fff0d7;color:#c57100}.panel-admin-body .admin-row-more{color:#3d424a!important;font-weight:900!important;letter-spacing:1px}
.panel-admin-body .admin-bike-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px 12px}.panel-admin-body .admin-bike-card{border:1px solid #e7e9ed;border-radius:8px;padding:9px;color:#24282e;min-width:0;transition:.2s}.panel-admin-body .admin-bike-card:hover{border-color:#f1a1a6;box-shadow:0 7px 17px rgba(40,44,51,.08);transform:translateY(-2px)}.panel-admin-body .admin-bike-card img{width:100%;height:89px;object-fit:contain;border-radius:5px;background:#fff}.panel-admin-body .admin-bike-card strong{display:block;margin-top:8px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-admin-body .admin-bike-card small{display:block;margin-top:2px;color:#7f858e;font-size:12px}.panel-admin-body .admin-bike-card b{display:block;margin-top:8px;color:#e30613;font-size:13px}.panel-admin-body .admin-empty{padding:15px;color:#858b94;font-size:13px}
.panel-admin-body .admin-dashboard-side-stack{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}.panel-admin-body .admin-dashboard-side-stack .admin-dashboard-card{min-width:0}.panel-admin-body .admin-activity-list{padding:0 10px;display:grid}.panel-admin-body .admin-activity-list>a{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid #eceef1;min-width:0}.panel-admin-body .admin-mini-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#dfe3e7;color:#2d333a;font-size:12px;font-weight:850}.panel-admin-body .admin-activity-list>a>span:nth-child(2){min-width:0}.panel-admin-body .admin-activity-list strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-admin-body .admin-activity-list small{display:block;color:#7f858e;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-admin-body .admin-activity-list time{font-size:10px;color:#8d939c;white-space:nowrap}.panel-admin-body .admin-card-footer-link{height:31px;margin:5px 10px 10px;border:1px solid #e5e8ec;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#e30613;font-size:11px;font-weight:750}
.panel-admin-body .admin-approval-list{padding:0 10px;display:grid}.panel-admin-body .admin-approval-list>a{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:5px;border-bottom:1px solid #eceef1;font-size:11px;color:#424850}.panel-admin-body .admin-approval-list>a span{display:flex;align-items:center;gap:5px;min-width:0}.panel-admin-body .admin-approval-list .ui-icon{width:16px;height:16px}.panel-admin-body .admin-approval-list b{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#ffe6e8;color:#e30613;font-size:11px}
.panel-admin-body .admin-bottom-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:10px;overflow:hidden}.panel-admin-body .admin-bottom-stats>a{min-height:78px;padding:12px 18px;display:flex;align-items:center;gap:12px;border-right:1px solid #e5e8ec;color:#2b3037}.panel-admin-body .admin-bottom-stats>a:last-child{border-right:0}.panel-admin-body .admin-bottom-stats i{width:42px;height:42px;border-radius:8px;display:grid;place-items:center}.panel-admin-body .admin-bottom-stats i .ui-icon{width:22px;height:22px}.panel-admin-body .bottom-red{background:#ffe5e7;color:#e30613}.panel-admin-body .bottom-orange{background:#fff1dc;color:#ec8605}.panel-admin-body .bottom-purple{background:#f0e3f8;color:#9138bd}.panel-admin-body .admin-bottom-stats span{display:grid;min-width:0}.panel-admin-body .admin-bottom-stats small{font-size:12px;color:#686f78}.panel-admin-body .admin-bottom-stats strong{margin-top:2px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-admin-body .admin-bottom-stats em{margin-top:2px;font-style:normal;font-size:11px;color:#4d5560}.panel-admin-body .admin-dashboard-footer{min-height:30px;display:flex;align-items:center;justify-content:center;position:relative;color:#777e87;font-size:12px}.panel-admin-body .admin-dashboard-footer span:last-child{position:absolute;right:0}

@media(max-width:1500px){
  .panel-admin-body .panel-shell{grid-template-columns:248px minmax(0,1fr)}
  .panel-admin-body .panel-sidebar nav a{font-size:14px;min-height:47px}
  .panel-admin-body .admin-metric-grid{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:2px}
  .panel-admin-body .admin-dashboard-charts-row{grid-template-columns:1fr 1fr}.panel-admin-body .admin-quick-actions{grid-column:1/-1}.panel-admin-body .admin-quick-actions nav{grid-template-columns:repeat(3,1fr)}
  .panel-admin-body .admin-dashboard-data-row{grid-template-columns:1.15fr .85fr}.panel-admin-body .admin-dashboard-side-stack{grid-column:1/-1;grid-template-columns:1fr 1fr}
}
@media(max-width:1120px){
  .panel-admin-body .admin-welcome-copy{width:58%;padding-left:30px}.panel-admin-body .admin-welcome-bike{left:64%;width:320px}.panel-admin-body .admin-welcome-brand{display:none}
  .panel-admin-body .admin-dashboard-charts-row,.panel-admin-body .admin-dashboard-data-row{grid-template-columns:1fr}.panel-admin-body .admin-quick-actions{grid-column:auto}.panel-admin-body .admin-recent-orders,.panel-admin-body .admin-top-bikes,.panel-admin-body .admin-dashboard-side-stack{grid-column:auto}
  .panel-admin-body .admin-inventory-layout{grid-template-columns:1fr}
}
@media(max-width:980px){
  .panel-admin-body .panel-shell{grid-template-columns:1fr}.panel-admin-body .panel-sidebar{width:276px}.panel-admin-body .panel-menu{display:grid}.panel-admin-body .panel-topbar{padding:0 16px}.panel-admin-body .panel-global-search{width:min(460px,58vw)}
  .panel-admin-body .admin-bottom-stats{grid-template-columns:1fr 1fr}.panel-admin-body .admin-bottom-stats>a:nth-child(2){border-right:0}.panel-admin-body .admin-bottom-stats>a:nth-child(-n+2){border-bottom:1px solid #e5e8ec}
}
@media(max-width:700px){
  .panel-admin-body .panel-content{padding:12px}.panel-admin-body .panel-topbar{height:70px;padding:0 12px}.panel-admin-body .panel-global-search{width:auto;flex:1}.panel-admin-body .panel-global-search input{height:42px}.panel-admin-body .panel-top-icon,.panel-admin-body .panel-top-divider{display:none!important}.panel-admin-body .panel-admin-profile{min-width:44px}.panel-admin-body .panel-admin-profile>span:nth-child(2),.panel-admin-body .panel-admin-profile>b{display:none}.panel-admin-body .panel-admin-avatar{width:40px;height:40px}
  .panel-admin-body .admin-welcome-banner{height:225px;align-items:flex-start;background:linear-gradient(160deg,#fafbfc 0%,#f4f6f8 72%,#df000c 72%)}.panel-admin-body .admin-welcome-copy{width:100%;padding:22px}.panel-admin-body .admin-welcome-copy h1{font-size:27px}.panel-admin-body .admin-welcome-bike{left:auto;right:-45px;transform:none;width:260px;height:155px;bottom:-8px;opacity:.62}.panel-admin-body .admin-welcome-brand{display:none}
  .panel-admin-body .admin-metric-grid{grid-template-columns:1fr 1fr;overflow:visible}.panel-admin-body .admin-metric-card{min-height:93px;padding:12px;gap:10px}.panel-admin-body .admin-metric-icon{width:48px;height:48px;border-width:6px}.panel-admin-body .admin-metric-card strong{font-size:15px}.panel-admin-body .metric-trend span{display:none}
  .panel-admin-body .admin-quick-actions nav{grid-template-columns:1fr}.panel-admin-body .admin-bike-grid{grid-template-columns:1fr}.panel-admin-body .admin-bike-card{display:grid;grid-template-columns:100px 1fr;column-gap:10px}.panel-admin-body .admin-bike-card img{grid-row:1/5;height:80px}.panel-admin-body .admin-bike-card strong{margin-top:4px}.panel-admin-body .admin-dashboard-side-stack{grid-template-columns:1fr}.panel-admin-body .admin-bottom-stats{grid-template-columns:1fr}.panel-admin-body .admin-bottom-stats>a{border-right:0!important;border-bottom:1px solid #e5e8ec!important}.panel-admin-body .admin-bottom-stats>a:last-child{border-bottom:0!important}.panel-admin-body .admin-dashboard-footer{justify-content:flex-start}.panel-admin-body .admin-dashboard-footer span:last-child{right:0}
  .panel-admin-body .admin-inventory-toolbar{align-items:stretch;flex-direction:column}.panel-admin-body .admin-inventory-toolbar nav{overflow-x:auto}.panel-admin-body .admin-inventory-toolbar nav a{white-space:nowrap}.panel-admin-body .admin-inventory-toolbar form{width:100%}.panel-admin-body .panel-page-heading{align-items:flex-start}.panel-admin-body .panel-page-heading>a{display:none}
}
@media(max-width:460px){.panel-admin-body .admin-metric-grid{grid-template-columns:1fr}.panel-admin-body .admin-welcome-copy p{max-width:220px}.panel-admin-body .admin-welcome-bike{opacity:.38}.panel-admin-body .admin-data-table{font-size:12px}}

/* =========================================================
   Honda Markaz Control Panels v10 — full-width, large-text UI
   ========================================================= */
.panel-modern-body{--hm-red:#e30613;--hm-red-dark:#bd000b;--hm-navy:#141d28;--hm-navy-2:#1d2733;--hm-border:#dfe4ea;--hm-muted:#69717d;--hm-bg:#f7f8fa;background:var(--hm-bg);color:#161a20;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px}.panel-modern-body *{box-sizing:border-box}.panel-modern-body a{text-decoration:none}.panel-modern-body .panel-shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh;width:100%;max-width:none}.panel-modern-body .panel-sidebar{position:sticky;top:0;height:100vh;width:258px;display:flex;flex-direction:column;background:linear-gradient(180deg,#17212c 0%,#101820 100%);color:#fff;z-index:50;border-right:1px solid #26313c;overflow-y:auto}.panel-modern-body .panel-sidebar-head{min-height:82px;padding:14px 18px;background:var(--hm-red);display:flex;align-items:center}.panel-modern-body .panel-brand{display:flex!important;align-items:center;gap:11px;color:#fff!important;width:100%}.panel-modern-body .panel-brand .brand-wing{width:58px;height:40px}.panel-modern-body .panel-brand .brand-copy b{font-size:18px;line-height:1.05;letter-spacing:.3px}.panel-modern-body .panel-brand .brand-copy em{display:block;font-size:13.5px;letter-spacing:1.7px}.panel-modern-body .panel-brand .brand-copy small{font-size:12px;color:#fff;opacity:.8}.panel-modern-body .panel-close{color:#fff;font-size:26px}.panel-modern-body .employee-panel-label{padding:24px 25px 9px;color:#aeb8c3;font-size:13.5px;font-weight:750;letter-spacing:.7px}.panel-modern-body .panel-sidebar nav{padding:16px 10px;display:grid;gap:5px}.panel-modern-body .panel-sidebar nav a{min-height:48px;padding:0 14px;border-radius:8px;color:#f0f3f6;display:flex;align-items:center;gap:13px;font-size:15px;font-weight:650;transition:.18s}.panel-modern-body .panel-sidebar nav a:hover{background:#24313e}.panel-modern-body .panel-sidebar nav a.active{background:linear-gradient(90deg,#ed0714,#d7000c);box-shadow:0 7px 18px rgba(227,6,19,.25)}.panel-modern-body .panel-sidebar nav i{width:24px;height:24px;display:grid;place-items:center}.panel-modern-body .panel-sidebar nav .ui-icon{width:22px;height:22px;stroke-width:1.8}.panel-modern-body .panel-quick-stats{margin:auto 18px 10px;padding:19px 0 10px;border-top:1px solid #34404c}.panel-modern-body .panel-quick-title{display:flex;justify-content:space-between;margin-bottom:14px;font-size:14px}.panel-modern-body .panel-quick-stats dl{display:grid;gap:13px}.panel-modern-body .panel-quick-stats dl>div{display:flex;justify-content:space-between;gap:12px}.panel-modern-body .panel-quick-stats dt{color:#b9c2cb;font-size:14px}.panel-modern-body .panel-quick-stats dd{margin:0;font-weight:800;font-size:14px}.panel-modern-body .panel-sidebar-logout{margin:0 10px 14px}.panel-modern-body .panel-sidebar-logout button{width:100%;height:46px;padding:0 14px;border:1px solid #36424e;border-radius:8px;background:transparent;color:#fff;display:flex;align-items:center;gap:13px;font-size:15px;font-weight:650}.panel-modern-body .panel-sidebar-logout .ui-icon{width:22px;height:22px}.panel-modern-body .employee-help-card{margin:auto 16px 18px;padding:19px 16px;border:1px solid #36424e;border-radius:10px;text-align:center}.panel-modern-body .employee-help-card>span{width:48px;height:48px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:var(--hm-red)}.panel-modern-body .employee-help-card .ui-icon{width:24px;height:24px}.panel-modern-body .employee-help-card strong{display:block;font-size:16px}.panel-modern-body .employee-help-card p{margin:5px 0 13px;color:#bac3cc;font-size:14px}.panel-modern-body .employee-help-card a{height:38px;border:1px solid var(--hm-red);border-radius:6px;color:#ff3b45;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:750}
.panel-modern-body .panel-main{min-width:0;width:100%;background:#f8f9fb}.panel-modern-body .panel-topbar{position:sticky;top:0;z-index:40;width:100%;height:78px;padding:0 26px;display:flex;align-items:center;gap:20px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--hm-border);box-shadow:0 1px 5px rgba(18,25,34,.04);backdrop-filter:blur(12px)}.panel-modern-body .panel-menu{display:none;width:44px;height:44px;border:0;background:transparent;color:#252c35}.panel-modern-body .panel-menu .ui-icon{width:26px;height:26px}.panel-modern-body .panel-global-search{width:min(520px,45vw);height:44px;border:1px solid #d8dee5;border-radius:8px;background:#fff;display:flex;align-items:center;gap:11px;padding:0 14px}.panel-modern-body .panel-global-search .ui-icon{width:20px;height:20px;color:#7a8490}.panel-modern-body .panel-global-search input{width:100%;height:100%;border:0;outline:0;background:transparent;font-size:14px;color:#20262d}.panel-modern-body .panel-top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.panel-modern-body .panel-top-icon{position:relative;width:42px;height:42px;display:grid;place-items:center;color:#26303a}.panel-modern-body .panel-top-icon .ui-icon{width:24px;height:24px}.panel-modern-body .panel-top-icon em{position:absolute;right:1px;top:1px;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:20px;background:var(--hm-red);color:#fff;display:grid;place-items:center;font-size:12px;font-style:normal;font-weight:850}.panel-modern-body .panel-top-divider{width:1px;height:38px;background:#e3e7eb}.panel-modern-body .panel-admin-profile{display:flex;align-items:center;gap:10px;color:#181d23;min-width:175px}.panel-modern-body .panel-admin-avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#dfe5ea;color:#1c2732;font-size:16px;font-weight:850}.panel-modern-body .panel-admin-profile>span:nth-child(2){display:grid;line-height:1.2}.panel-modern-body .panel-admin-profile strong{font-size:14px}.panel-modern-body .panel-admin-profile small{margin-top:3px;color:#7c858f;font-size:13.5px}.panel-modern-body .panel-admin-profile b{margin-left:auto}.panel-modern-body .restricted-access{height:36px;padding:0 12px;border:1px solid #ff9aa0;border-radius:6px;color:var(--hm-red);display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:750}.panel-modern-body .restricted-access .ui-icon{width:16px;height:16px}.panel-modern-body .employee-welcome{font-size:14px;white-space:nowrap}.panel-modern-body .employee-welcome strong{color:var(--hm-red);font-size:15px}.panel-modern-body .employee-search{margin-left:8px}.panel-modern-body .panel-content{width:100%;max-width:none!important;margin:0!important;padding:22px 26px 30px!important}.panel-modern-body .panel-alert{margin:14px 26px 0;font-size:14px}
.panel-modern-body .hm-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px;padding:0 4px}.panel-modern-body .hm-page-head h1,.panel-modern-body .employee-dashboard-title h1{margin:0;font-size:27px;line-height:1.15;color:#101419;letter-spacing:-.4px}.panel-modern-body .hm-page-head p,.panel-modern-body .employee-dashboard-title p{margin:6px 0 0;color:#5e6671;font-size:14px}.panel-modern-body .hm-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.panel-modern-body .hm-btn{min-height:42px;padding:0 17px;border:1px solid #d8dee5;border-radius:7px;background:#fff;color:#20262d;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:750;cursor:pointer;transition:.18s}.panel-modern-body .hm-btn:hover{border-color:#ef7d84;transform:translateY(-1px)}.panel-modern-body .hm-btn.primary{background:linear-gradient(180deg,#ed0c18,#d9000c);border-color:#d9000c;color:#fff;box-shadow:0 6px 14px rgba(227,6,19,.13)}.panel-modern-body .hm-btn.outline{border-color:#ff8d94;color:var(--hm-red);background:#fff}.panel-modern-body .hm-btn.full{width:100%}.panel-modern-body .hm-btn .ui-icon{width:18px;height:18px}.panel-modern-body .hm-page-tabs{height:54px;margin-bottom:16px;padding:0 6px;border-bottom:1px solid #dfe4e8;display:flex;align-items:flex-end;gap:28px}.panel-modern-body .hm-page-tabs a{height:54px;padding:0 8px;display:flex;align-items:center;gap:9px;color:#5c646e;font-size:14px;font-weight:650;border-bottom:2px solid transparent}.panel-modern-body .hm-page-tabs a.active{color:var(--hm-red);border-color:var(--hm-red)}.panel-modern-body .hm-page-tabs .ui-icon{width:20px;height:20px}.panel-modern-body .hm-page-tabs.compact{height:48px;margin:0;padding:0 15px;align-items:flex-end}.panel-modern-body .hm-page-tabs.compact a{height:48px}
.panel-modern-body .hm-card{background:#fff;border:1px solid var(--hm-border);border-radius:9px;box-shadow:0 2px 8px rgba(24,31,41,.035);min-width:0}.panel-modern-body .hm-card>header{min-height:54px;padding:14px 16px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.panel-modern-body .hm-card>header h2{margin:0;color:#191e24;font-size:16px;line-height:1.25}.panel-modern-body .hm-card>header h2 small{margin-left:6px;color:#7b838e;font-size:13px;font-weight:600}.panel-modern-body .hm-card>header p{margin:5px 0 0;color:var(--hm-muted);font-size:14px}.panel-modern-body .hm-card>header a{color:var(--hm-red);font-size:13.5px;font-weight:700}.panel-modern-body .hm-metric-grid{display:grid;gap:13px;margin-bottom:16px}.panel-modern-body .hm-metric-grid.four{grid-template-columns:repeat(4,minmax(180px,1fr))}.panel-modern-body .hm-metric-card{min-height:112px;padding:18px 20px;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--hm-border);border-radius:9px;box-shadow:0 2px 8px rgba(24,31,41,.035)}.panel-modern-body .hm-metric-card>i{width:58px;height:58px;flex:0 0 58px;border-radius:50%;display:grid;place-items:center;border:7px solid}.panel-modern-body .hm-metric-card>i .ui-icon{width:28px;height:28px}.panel-modern-body .tone-red>i{background:#e30613;color:#fff;border-color:#ffdfe1}.panel-modern-body .tone-blue>i{background:#126fe0;color:#fff;border-color:#dfeeff}.panel-modern-body .tone-green>i{background:#0ba74f;color:#fff;border-color:#dcf4e5}.panel-modern-body .tone-orange>i{background:#f58a00;color:#fff;border-color:#ffecd6}.panel-modern-body .tone-purple>i{background:#9237bf;color:#fff;border-color:#eedff6}.panel-modern-body .hm-metric-card span{display:block;color:#525b66;font-size:14px}.panel-modern-body .hm-metric-card strong{display:block;margin-top:3px;color:#171b20;font-size:22px;line-height:1.15;white-space:nowrap}.panel-modern-body .hm-metric-card small{display:block;margin-top:8px;color:#10a14b;font-size:13px;font-weight:750}.panel-modern-body .hm-metric-card small.down{color:#df1420}.panel-modern-body .hm-metric-card small em{margin-left:8px;color:#9299a2;font-style:normal;font-weight:500}
.panel-modern-body .hm-editor-card{margin-bottom:16px}.panel-modern-body .hm-editor-card>header{border-bottom:1px solid #e8ebee}.panel-modern-body .hm-form-grid{padding:17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel-modern-body .hm-form-grid.compact{padding:0}.panel-modern-body .hm-form-grid label,.panel-modern-body .hm-stacked-form label{display:grid;gap:7px;color:#3c444e;font-size:13.5px;font-weight:650}.panel-modern-body .hm-form-grid label>span{font-size:13.5px}.panel-modern-body .hm-form-grid input,.panel-modern-body .hm-form-grid select,.panel-modern-body .hm-form-grid textarea,.panel-modern-body .hm-stacked-form input,.panel-modern-body .hm-stacked-form select,.panel-modern-body .hm-stacked-form textarea,.panel-modern-body .hm-order-filters input,.panel-modern-body .hm-order-filters select{width:100%;min-height:42px;padding:9px 11px;border:1px solid #dbe0e5;border-radius:6px;background:#fff;color:#20262d;font:inherit;font-size:14px;outline:0}.panel-modern-body .hm-form-grid textarea,.panel-modern-body .hm-stacked-form textarea{min-height:88px;resize:vertical}.panel-modern-body .hm-form-grid input:focus,.panel-modern-body .hm-form-grid select:focus,.panel-modern-body .hm-form-grid textarea:focus{border-color:#ee737b;box-shadow:0 0 0 3px rgba(227,6,19,.07)}.panel-modern-body .hm-form-grid .span-2{grid-column:span 2}.panel-modern-body .hm-form-actions{display:flex;gap:10px}.panel-modern-body .hm-stacked-form{padding:0 16px 16px;display:grid;gap:12px}
.panel-modern-body .hm-inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}.panel-modern-body .hm-table-card{overflow:hidden}.panel-modern-body .hm-filter-bar{min-height:72px;padding:12px 15px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #e5e9ed}.panel-modern-body .hm-filter-bar>label:not(.search){min-width:150px}.panel-modern-body .hm-filter-bar label small{display:block;margin-bottom:5px;color:#69717b;font-size:12px}.panel-modern-body .hm-filter-bar select{height:42px;padding:0 10px;border:1px solid #dce1e6;border-radius:6px;background:#fff;font-size:13.5px}.panel-modern-body .hm-filter-bar .search{height:42px;min-width:230px;flex:1;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #dce1e6;border-radius:6px}.panel-modern-body .hm-filter-bar .search .ui-icon{width:18px;height:18px;color:#7b858f}.panel-modern-body .hm-filter-bar .search input{width:100%;border:0;outline:0;font-size:14px}.panel-modern-body .hm-table-scroll{width:100%;overflow:auto}.panel-modern-body .hm-data-table{width:100%;border-collapse:collapse;color:#28303a;font-size:13.5px}.panel-modern-body .hm-data-table th{height:46px;padding:0 14px;background:#fbfcfd;color:#444c56;text-align:left;font-size:13px;font-weight:800;white-space:nowrap;border-bottom:1px solid #e2e6ea}.panel-modern-body .hm-data-table td{height:56px;padding:8px 14px;border-bottom:1px solid #e9ecef;white-space:nowrap;vertical-align:middle}.panel-modern-body .hm-data-table tbody tr:hover{background:#fffafa}.panel-modern-body .hm-data-table tbody tr.selected{background:#fff4f4}.panel-modern-body .hm-data-table .empty,.panel-modern-body .empty{padding:25px;text-align:center;color:#7d8691}.panel-modern-body .hm-data-table.compact th{height:36px;font-size:12px}.panel-modern-body .hm-data-table.compact td{height:38px;font-size:13px}.panel-modern-body .hm-product-cell{display:flex;align-items:center;gap:11px;min-width:190px}.panel-modern-body .hm-product-cell img{width:58px;height:42px;object-fit:contain}.panel-modern-body .hm-product-cell strong{font-size:13.5px}.panel-modern-body .red-link{color:var(--hm-red);font-weight:800}.panel-modern-body .hm-tag,.panel-modern-body .hm-status{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border-radius:5px;font-size:12px;font-weight:750}.panel-modern-body .hm-tag{background:#f1f3f5;color:#4b535d}.panel-modern-body .tag-bike,.panel-modern-body .tag-retail{background:#e5f0ff;color:#1169cc}.panel-modern-body .tag-spare-part,.panel-modern-body .tag-wholesale{background:#fff0dd;color:#ce7200}.panel-modern-body .tag-accessory{background:#f2e7fa;color:#8534b2}.panel-modern-body .tag-lubricant{background:#e4f7eb;color:#15944c}.panel-modern-body .hm-status.success,.panel-modern-body .status-paid,.panel-modern-body .status-completed,.panel-modern-body .status-approved,.panel-modern-body .status-ready{background:#dff5e7;color:#0b9143}.panel-modern-body .hm-status.warning,.panel-modern-body .status-partial,.panel-modern-body .status-pending,.panel-modern-body .status-confirmed,.panel-modern-body .status-waiting-parts{background:#fff0d6;color:#d56f00}.panel-modern-body .hm-status.danger,.panel-modern-body .status-unpaid,.panel-modern-body .status-cancelled{background:#ffe4e6;color:#d30a16}.panel-modern-body .status-processing,.panel-modern-body .status-in-progress,.panel-modern-body .status-received{background:#e3efff;color:#146bce}.panel-modern-body .status-ready,.panel-modern-body .status-refunded{background:#eee3f8;color:#7f31a9}.panel-modern-body .hm-row-actions{display:flex;gap:6px}.panel-modern-body .hm-row-actions a,.panel-modern-body .hm-row-actions button{width:32px;height:32px;border:1px solid #dde2e7;border-radius:6px;background:#fff;color:#4b5560;display:grid;place-items:center;font-size:14px;cursor:pointer}.panel-modern-body .hm-row-actions form{display:contents}.panel-modern-body .hm-table-footer{min-height:52px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:#68717c;font-size:13.5px}.panel-modern-body .hm-table-footer a{color:#4a535e}.panel-modern-body .hm-side-stack{display:grid;gap:14px}.panel-modern-body .hm-mini-list>header,.panel-modern-body .hm-alert-list>header,.panel-modern-body .hm-compact-list>header{border-bottom:1px solid #e8ebee}.panel-modern-body .hm-mini-list>a{min-height:70px;padding:10px 13px;display:grid;grid-template-columns:18px 48px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid #eceff2;color:#242a31}.panel-modern-body .hm-mini-list>a>b{font-size:14px}.panel-modern-body .hm-mini-list img{width:48px;height:40px;object-fit:contain}.panel-modern-body .hm-mini-list span strong,.panel-modern-body .hm-alert-list span strong{display:block;font-size:13.5px}.panel-modern-body .hm-mini-list span small,.panel-modern-body .hm-alert-list span small{display:block;margin-top:3px;color:#777f89;font-size:12px}.panel-modern-body .hm-mini-list em{padding:5px 7px;border-radius:4px;background:#e7f6ec;color:#139448;font-size:12px;font-style:normal}.panel-modern-body .hm-alert-list>a{min-height:62px;padding:10px 13px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid #eceff2;color:#252b32}.panel-modern-body .hm-alert-list>a>i{color:var(--hm-red);font-size:20px}.panel-modern-body .hm-alert-list>a>b{color:var(--hm-red);font-size:13px}
.panel-modern-body .hm-order-filters{margin-bottom:14px;padding:12px 14px;display:grid;grid-template-columns:minmax(230px,1fr) repeat(3,minmax(160px,.7fr)) auto auto;gap:10px;align-items:end}.panel-modern-body .hm-order-filters label{display:grid;gap:5px}.panel-modern-body .hm-order-filters label small{font-size:12px}.panel-modern-body .hm-order-filters .search{position:relative}.panel-modern-body .hm-order-filters .search .ui-icon{position:absolute;left:11px;bottom:11px;width:18px;height:18px}.panel-modern-body .hm-order-filters .search input{padding-left:38px}.panel-modern-body .hm-order-detail{margin-bottom:14px}.panel-modern-body .hm-order-detail>header{border-bottom:1px solid #e6e9ec}.panel-modern-body .hm-order-detail-grid{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel-modern-body .hm-order-detail-grid h3{margin:0 0 10px;font-size:14px}.panel-modern-body .hm-summary-row{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eceff2;font-size:13.5px}.panel-modern-body .hm-summary-row.total{min-height:49px;border:0;font-size:14px;font-weight:800}.panel-modern-body .hm-summary-row.total strong{color:var(--hm-red);font-size:18px}.panel-modern-body .hm-bottom-grid{display:grid;gap:14px;margin-top:14px}.panel-modern-body .hm-bottom-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-modern-body .hm-compact-list>a{min-height:65px;padding:10px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eceff2;color:#22282f}.panel-modern-body .hm-compact-list>a>span{min-width:0;flex:1}.panel-modern-body .hm-compact-list>a strong{display:block;color:var(--hm-red);font-size:13px}.panel-modern-body .hm-compact-list>a small{display:block;margin-top:3px;color:#6e7782;font-size:12px;line-height:1.35}.panel-modern-body .hm-compact-list>a>b{font-size:13px;white-space:nowrap}.panel-modern-body .hm-compact-list>a>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffe6e8;color:var(--hm-red)}.panel-modern-body .hm-compact-list>a>i .ui-icon{width:16px;height:16px}.panel-modern-body .hm-panel-footer{min-height:50px;margin-top:12px;color:#767e88;font-size:13px;display:flex;align-items:center;justify-content:center;position:relative}.panel-modern-body .hm-panel-footer span{position:absolute;right:0}
.panel-modern-body .hm-workshop-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(420px,.95fr) 300px;gap:14px;align-items:start}.panel-modern-body .workshop-queue{overflow:hidden}.panel-modern-body .workshop-queue>header,.panel-modern-body .workshop-parts>header,.panel-modern-body .workshop-summary>header{border-bottom:1px solid #e8ebee}.panel-modern-body .hm-queue-actions{padding:10px 14px;border-top:1px solid #e7eaed}.panel-modern-body .inline-form{display:flex;gap:9px}.panel-modern-body .inline-form select{min-width:180px;height:42px;border:1px solid #dce1e6;border-radius:6px;padding:0 10px}.panel-modern-body .workshop-parts .hm-inline-search{height:38px;min-width:190px;padding:0 9px;border:1px solid #dfe3e7;border-radius:6px;display:flex;align-items:center;gap:7px}.panel-modern-body .hm-inline-search .ui-icon{width:16px;height:16px}.panel-modern-body .hm-inline-search input{border:0;outline:0;width:100%;font-size:13.5px}.panel-modern-body .hm-parts-grid{padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.panel-modern-body .hm-parts-grid article{min-width:0;padding:10px;border:1px solid #e1e5e9;border-radius:7px;display:grid;gap:4px}.panel-modern-body .hm-parts-grid strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-modern-body .hm-parts-grid b{font-size:13px}.panel-modern-body .hm-parts-grid img{width:100%;height:62px;object-fit:contain}.panel-modern-body .hm-parts-grid button{width:100%;height:30px;border:1px solid #ff9ca2;border-radius:5px;background:#fff;color:var(--hm-red);font-size:13px;font-weight:750}.panel-modern-body .workshop-summary{padding-bottom:13px}.panel-modern-body .workshop-summary>.hm-summary-row,.panel-modern-body .workshop-summary>.hm-btn,.panel-modern-body .workshop-summary>.empty{margin-left:14px;margin-right:14px}.panel-modern-body .workshop-summary .hm-btn{margin-top:12px}.panel-modern-body .workshop-bottom{grid-template-columns:.9fr .8fr 1.2fr}.panel-modern-body .service-checklist{padding-bottom:14px}.panel-modern-body .service-checklist>label{min-height:42px;margin:0 15px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;border-bottom:1px solid #eceff2;font-size:13.5px}.panel-modern-body .service-checklist>label em{font-size:12px;color:#6c7580}.panel-modern-body .service-checklist>label input:checked~em{color:#109348}.panel-modern-body .service-checklist>form{padding:12px 15px 0}.panel-modern-body .hm-editor-parts{padding:0 17px 14px}.panel-modern-body .hm-editor-parts h3{margin:0 0 4px;font-size:14px}.panel-modern-body .hm-editor-parts .hm-checklist-note{margin:8px 0 0}.panel-modern-body .hm-summary-row>form{display:flex;align-items:center}.panel-modern-body .hm-line-remove{width:26px;height:26px;margin-left:10px;padding:0;border:1px solid #edc7ca;border-radius:5px;background:#fff;color:var(--hm-red);font-size:15px;line-height:1;cursor:pointer}.panel-modern-body .hm-line-remove:hover{background:#fff3f4}
.panel-modern-body .hm-billing-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(500px,1.15fr) 350px;gap:14px;align-items:start}.panel-modern-body .billing-jobs .hm-inline-search{margin:0 12px 10px}.panel-modern-body .hm-inline-search.wide{height:42px;padding:0 11px;border:1px solid #dce1e6;border-radius:6px;display:flex;align-items:center;gap:8px}.panel-modern-body .hm-inline-search.wide input{width:100%;border:0;outline:0;font-size:13.5px}.panel-modern-body .hm-small-btn{height:30px;padding:0 10px;border:1px solid #e1e5e9;border-radius:5px;color:#48515c;display:inline-flex;align-items:center;font-size:12px;font-weight:750}.panel-modern-body .hm-small-btn.primary{background:var(--hm-red);border-color:var(--hm-red);color:#fff}.panel-modern-body .invoice-builder{overflow:hidden}.panel-modern-body .invoice-builder>header,.panel-modern-body .payment-card>header,.panel-modern-body .support-notes>header{border-bottom:1px solid #e8ebee}.panel-modern-body .invoice-customer{margin:0 14px 12px;padding:12px;border:1px solid #e1e5e9;border-radius:7px;display:grid;grid-template-columns:35px 1fr .8fr .8fr;gap:12px;align-items:center}.panel-modern-body .invoice-customer>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f0f2f4}.panel-modern-body .invoice-customer .ui-icon{width:18px;height:18px}.panel-modern-body .invoice-customer span{display:grid;min-width:0}.panel-modern-body .invoice-customer small{font-size:12px;color:#79828d}.panel-modern-body .invoice-customer strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-modern-body .invoice-customer em{font-size:12px;color:#69727c;font-style:normal}.panel-modern-body .invoice-builder>h3{margin:0 14px 8px;font-size:14px}.panel-modern-body .invoice-add-item{margin:9px 14px}.panel-modern-body .invoice-add-item summary{color:var(--hm-red);font-size:13px;font-weight:750;cursor:pointer}.panel-modern-body .invoice-add-item form{margin-top:9px;display:grid;grid-template-columns:1fr 70px auto;gap:7px}.panel-modern-body .invoice-add-item select,.panel-modern-body .invoice-add-item input{height:38px;border:1px solid #dce1e6;border-radius:5px;padding:0 8px;font-size:13px}.panel-modern-body .invoice-totals{margin:12px 14px;padding:10px 12px;border:1px solid #e3e7ea;border-radius:7px}.panel-modern-body .invoice-totals>div{min-height:28px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.panel-modern-body .invoice-totals .total{border-top:1px solid #e4e7ea;margin-top:5px;padding-top:7px;font-size:14px}.panel-modern-body .invoice-totals .total strong{color:var(--hm-red);font-size:18px}.panel-modern-body .invoice-actions{padding:0 14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel-modern-body .invoice-actions form,.panel-modern-body .invoice-actions button{width:100%}.panel-modern-body .billing-side{display:grid;gap:14px}.panel-modern-body .payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.panel-modern-body .payment-methods button{height:36px;border:1px solid #dce1e6;border-radius:5px;background:#fff;font-size:12px}.panel-modern-body .payment-methods button.active{border-color:#ff7f87;color:var(--hm-red);background:#fff7f7}.panel-modern-body .payment-balance{min-height:45px;padding:9px 11px;border:1px solid #e0e4e8;border-radius:6px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.panel-modern-body .panel-build-stamp{margin:0 14px 8px;padding:6px 9px;border-radius:6px;background:rgba(255,255,255,.05);color:#8d97a3;font-size:11.5px;letter-spacing:.03em;text-align:center}.panel-modern-body .hm-compact-editor{max-width:960px}.panel-modern-body .hm-compact-editor>header{min-height:44px;padding:11px 14px 9px}.panel-modern-body .hm-compact-editor>header h2{font-size:15px}.panel-modern-body .hm-compact-editor>header p{margin-top:3px;font-size:12.5px}.panel-modern-body .hm-compact-editor .hm-form-grid{padding:13px 14px;gap:10px}.panel-modern-body .hm-compact-editor .hm-form-grid label{gap:4px;font-size:12.5px}.panel-modern-body .hm-compact-editor .hm-form-grid label>span{font-size:12.5px}.panel-modern-body .hm-compact-editor .hm-form-grid input,.panel-modern-body .hm-compact-editor .hm-form-grid select{min-height:34px;padding:6px 9px;font-size:13.5px}.panel-modern-body .hm-compact-editor .hm-form-grid textarea{min-height:58px;padding:7px 9px;font-size:13.5px}.panel-modern-body .hm-compact-editor .hm-form-actions{margin-top:2px}.panel-modern-body .hm-job-form{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-modern-body .hm-job-form .span-3{grid-column:1/-1}@media(max-width:900px){.panel-modern-body .hm-job-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.panel-modern-body .hm-job-form{grid-template-columns:1fr}.panel-modern-body .hm-job-form .span-2,.panel-modern-body .hm-job-form .span-3{grid-column:auto}}.panel-modern-body .invoice-add-item.custom form{grid-template-columns:1fr 90px 70px auto}.panel-modern-body .hm-inline-remove{display:inline-flex;vertical-align:middle;margin-left:6px}.panel-modern-body .hm-custom-line{margin:12px 14px 0;padding:11px 12px;border:1px dashed #d9dee3;border-radius:7px;display:grid;gap:7px}.panel-modern-body .hm-custom-line strong{font-size:13px}.panel-modern-body .hm-custom-line>div{display:grid;grid-template-columns:1fr 78px;gap:7px}.panel-modern-body .hm-custom-line input{width:100%;height:36px;padding:0 9px;border:1px solid #dce1e6;border-radius:5px;font:inherit;font-size:13px}.panel-modern-body .hm-custom-line button{width:100%}.panel-modern-body .hm-more-fields{border:1px solid #e4e8ec;border-radius:7px;padding:10px 12px}.panel-modern-body .hm-more-fields summary{font-size:13.5px;font-weight:700;color:var(--hm-red);cursor:pointer}.panel-modern-body .hm-more-fields .hm-form-grid{padding:12px 0 0}.panel-modern-body .hm-inline-check{grid-template-columns:18px 1fr;align-items:center;gap:9px;font-size:13px;font-weight:600}.panel-modern-body .hm-inline-check input{width:18px!important;height:18px;min-height:18px!important;padding:0}.panel-modern-body .support-notes form{padding:0 14px 14px;display:grid;gap:9px}.panel-modern-body .support-notes textarea{min-height:80px;padding:10px;border:1px solid #dce1e6;border-radius:6px;font:inherit;font-size:13.5px}.panel-modern-body .recent-bills{margin-top:14px}
.panel-employee-body .panel-sidebar-head{background:#111b24}.panel-employee-body .panel-brand .brand-copy b{color:#ef1c27}.panel-employee-body .panel-brand .brand-copy em{color:#fff}.panel-employee-body .panel-brand .brand-copy small{display:none}.panel-employee-body .panel-topbar{height:78px}.panel-employee-body .employee-dashboard-title{margin-bottom:16px}.panel-employee-body .employee-metrics{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:16px;margin-bottom:18px}.panel-employee-body .employee-metrics>a{min-height:145px;padding:20px;border:1px solid;border-radius:9px;display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto 1fr;color:#1c2229}.panel-employee-body .employee-metrics i{grid-row:1/3;width:48px;height:48px;border-radius:8px;display:grid;place-items:center}.panel-employee-body .employee-metrics .ui-icon{width:24px;height:24px}.panel-employee-body .employee-metrics span{align-self:center;font-size:14px}.panel-employee-body .employee-metrics strong{font-size:23px}.panel-employee-body .employee-metrics em{grid-column:1/-1;align-self:end;font-size:13.5px;font-style:normal;font-weight:700}.panel-employee-body .employee-metrics .red{border-color:#f3cdd0;background:#fffafa}.panel-employee-body .employee-metrics .red i{background:#ffe9ea;color:#e30613}.panel-employee-body .employee-metrics .red em{color:#e30613}.panel-employee-body .employee-metrics .blue{border-color:#cadffc;background:#fbfdff}.panel-employee-body .employee-metrics .blue i{background:#e6f0ff;color:#126bda}.panel-employee-body .employee-metrics .blue em{color:#126bda}.panel-employee-body .employee-metrics .green{border-color:#cde7d7;background:#fbfffc}.panel-employee-body .employee-metrics .green i{background:#e5f6eb;color:#119247}.panel-employee-body .employee-metrics .green em{color:#119247}.panel-employee-body .employee-metrics .orange{border-color:#f6dfbd;background:#fffdf9}.panel-employee-body .employee-metrics .orange i{background:#fff1dc;color:#e38300}.panel-employee-body .employee-metrics .orange em{color:#e38300}.panel-employee-body .employee-main-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.panel-employee-body .employee-summary{padding-bottom:8px}.panel-employee-body .employee-summary>header{border-bottom:1px solid #e8ebee}.panel-employee-body .employee-summary>div{min-height:53px;margin:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7eaed;font-size:14px}.panel-employee-body .employee-summary>div:last-child{border-bottom:0}.panel-employee-body .employee-summary strong{font-size:14px}.panel-employee-body .employee-quick{margin-top:18px;padding-bottom:18px}.panel-employee-body .employee-quick>div{padding:0 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.panel-employee-body .employee-quick>div>a{min-height:175px;padding:18px;border:1px solid;border-radius:8px;display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto 1fr auto;gap:4px;color:#1d232a}.panel-employee-body .employee-quick i{grid-row:1/3;width:48px;height:48px;border-radius:8px;display:grid;place-items:center}.panel-employee-body .employee-quick .ui-icon{width:24px;height:24px}.panel-employee-body .employee-quick strong{font-size:14px;align-self:center}.panel-employee-body .employee-quick span{font-size:13.5px;color:#68717c}.panel-employee-body .employee-quick b{grid-column:1/-1;height:38px;align-self:end;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:13.5px}.panel-employee-body .employee-quick .red{border-color:#f2d1d3;background:#fffafa}.panel-employee-body .employee-quick .red i{background:#ffe7e9;color:#e30613}.panel-employee-body .employee-quick .red b{background:#e30613}.panel-employee-body .employee-quick .blue{border-color:#cfe0f9;background:#fbfdff}.panel-employee-body .employee-quick .blue i{background:#e6f0ff;color:#126bd8}.panel-employee-body .employee-quick .blue b{background:#126bd8}.panel-employee-body .employee-quick .green{border-color:#cfe8d8;background:#fbfffc}.panel-employee-body .employee-quick .green i{background:#e5f6eb;color:#119247}.panel-employee-body .employee-quick .green b{background:#119247}
/* Increase the v9 dashboard text so the landing dashboard matches the new panels. */
.panel-admin-body .admin-dashboard-card>header h2{font-size:15px!important}.panel-admin-body .admin-dashboard-card>header>a,.panel-admin-body .admin-dashboard-card>header>button{font-size:13px!important}.panel-admin-body .admin-data-table{font-size:13px!important}.panel-admin-body .admin-data-table th{font-size:12px!important}.panel-admin-body .admin-data-table td{font-size:13px!important}.panel-admin-body .admin-metric-card small{font-size:13.5px!important}.panel-admin-body .admin-metric-card strong{font-size:20px!important}.panel-admin-body .admin-quick-actions nav a{font-size:13.5px!important;min-height:42px!important}.panel-admin-body .panel-sidebar nav a{font-size:15px!important;min-height:48px!important}
@media(max-width:1450px){.panel-modern-body .hm-workshop-grid{grid-template-columns:minmax(0,1.25fr) minmax(390px,.9fr)}.panel-modern-body .workshop-summary{grid-column:1/-1}.panel-modern-body .hm-billing-grid{grid-template-columns:minmax(340px,.8fr) minmax(480px,1.2fr)}.panel-modern-body .billing-side{grid-column:1/-1;grid-template-columns:1fr 1fr}.panel-modern-body .hm-metric-grid.four{grid-template-columns:repeat(2,1fr)}.panel-modern-body .hm-bottom-grid.three{grid-template-columns:repeat(2,1fr)}.panel-modern-body .hm-bottom-grid.three>*:last-child{grid-column:1/-1}}
@media(max-width:1100px){.panel-modern-body .panel-shell{grid-template-columns:1fr}.panel-modern-body .panel-sidebar{position:fixed;left:-290px;width:278px;transition:.2s}.panel-modern-body .panel-sidebar.open{left:0}.panel-modern-body .panel-menu{display:grid;place-items:center}.panel-modern-body .panel-topbar{padding:0 16px}.panel-modern-body .panel-content{padding:18px!important}.panel-modern-body .hm-inventory-layout{grid-template-columns:1fr}.panel-modern-body .hm-side-stack{grid-template-columns:1fr 1fr}.panel-modern-body .hm-order-filters{grid-template-columns:repeat(2,1fr)}.panel-modern-body .hm-order-filters .search{grid-column:1/-1}.panel-modern-body .hm-workshop-grid,.panel-modern-body .hm-billing-grid{grid-template-columns:1fr}.panel-modern-body .billing-side{grid-column:auto;grid-template-columns:1fr 1fr}.panel-modern-body .workshop-summary{grid-column:auto}.panel-modern-body .workshop-bottom{grid-template-columns:1fr 1fr}.panel-modern-body .workshop-bottom>*:last-child{grid-column:1/-1}.panel-employee-body .employee-metrics{grid-template-columns:repeat(2,1fr)}.panel-employee-body .employee-quick>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.panel-modern-body .panel-topbar{height:auto;min-height:70px;padding:10px 12px;gap:8px}.panel-modern-body .panel-global-search{flex:1;width:auto}.panel-modern-body .employee-welcome{display:none}.panel-modern-body .panel-top-icon,.panel-modern-body .panel-top-divider,.panel-modern-body .restricted-access{display:none}.panel-modern-body .panel-admin-profile{min-width:44px}.panel-modern-body .panel-admin-profile>span:nth-child(2),.panel-modern-body .panel-admin-profile>b{display:none}.panel-modern-body .panel-content{padding:14px 12px 24px!important}.panel-modern-body .hm-page-head{display:grid}.panel-modern-body .hm-head-actions{justify-content:flex-start}.panel-modern-body .hm-metric-grid.four{grid-template-columns:1fr}.panel-modern-body .hm-metric-card{min-height:96px}.panel-modern-body .hm-page-tabs{gap:10px;overflow-x:auto}.panel-modern-body .hm-page-tabs a{white-space:nowrap}.panel-modern-body .hm-form-grid{grid-template-columns:1fr}.panel-modern-body .hm-form-grid .span-2{grid-column:auto}.panel-modern-body .hm-filter-bar{display:grid;grid-template-columns:1fr}.panel-modern-body .hm-filter-bar>label:not(.search),.panel-modern-body .hm-filter-bar .search{min-width:0;width:100%}.panel-modern-body .hm-side-stack{grid-template-columns:1fr}.panel-modern-body .hm-order-filters{grid-template-columns:1fr}.panel-modern-body .hm-order-filters .search{grid-column:auto}.panel-modern-body .hm-order-detail-grid{grid-template-columns:1fr}.panel-modern-body .hm-bottom-grid.three,.panel-modern-body .workshop-bottom{grid-template-columns:1fr}.panel-modern-body .hm-bottom-grid.three>*:last-child,.panel-modern-body .workshop-bottom>*:last-child{grid-column:auto}.panel-modern-body .hm-parts-grid{grid-template-columns:repeat(2,1fr)}.panel-modern-body .billing-side{grid-template-columns:1fr}.panel-modern-body .invoice-customer{grid-template-columns:34px 1fr}.panel-modern-body .invoice-customer>span:nth-child(n+3){grid-column:2}.panel-modern-body .invoice-actions{grid-template-columns:1fr}.panel-modern-body .inline-form{display:grid}.panel-employee-body .employee-metrics,.panel-employee-body .employee-main-grid,.panel-employee-body .employee-quick>div{grid-template-columns:1fr}.panel-modern-body .hm-panel-footer{justify-content:flex-start}.panel-modern-body .hm-panel-footer span{right:0}}
@media(max-width:480px){.panel-modern-body .panel-admin-profile{display:none}.panel-modern-body .hm-page-head h1,.panel-modern-body .employee-dashboard-title h1{font-size:23px}.panel-modern-body .hm-head-actions{display:grid;grid-template-columns:1fr 1fr}.panel-modern-body .hm-btn{padding:0 11px;font-size:13px}.panel-modern-body .hm-parts-grid{grid-template-columns:1fr}.panel-modern-body .payment-methods{grid-template-columns:1fr 1fr}}
/* Bring legacy management screens (customers, employees, reports, settings) into the same readable system. */
.panel-modern-body .panel-card{background:#fff;border:1px solid #dfe4ea;border-radius:9px;box-shadow:0 2px 8px rgba(24,31,41,.035);color:#20262d}.panel-modern-body .panel-card h2{font-size:17px;color:#171c22}.panel-modern-body .panel-note{font-size:14px;color:#6b7480}.panel-modern-body .panel-section-head h2{font-size:18px}.panel-modern-body .panel-button{min-height:42px;padding:0 16px;border-radius:7px;font-size:14px;font-weight:750}.panel-modern-body .panel-input{min-height:42px;border-radius:6px;font-size:14px}.panel-modern-body .panel-table{font-size:13.5px}.panel-modern-body .panel-table th{height:45px;padding:0 13px;font-size:13px}.panel-modern-body .panel-table td{min-height:52px;padding:10px 13px;font-size:13.5px}.panel-modern-body .panel-field label{font-size:13.5px;font-weight:700}.panel-modern-body .panel-grid .metric-card span{font-size:14px}.panel-modern-body .panel-grid .metric-card strong{font-size:22px}.panel-modern-body .profile-panel,.panel-modern-body .panel-split{gap:16px}.panel-modern-body .dashboard-metrics .dash-metric span{font-size:14px}.panel-modern-body .dashboard-metrics .dash-metric strong{font-size:22px}
.panel-modern-body .hm-import-form{display:inline-flex}.panel-modern-body .hm-import-form label{cursor:pointer}.panel-modern-body .hm-import-form input[type=file]{display:none}

/* ================================================================
   v11.1 · Panel completion + Readability & Polish Layer
   Styles for the v11 grouped sidebar, contextual topbar and
   profile menu (previously unshipped) + typography/icon polish.
   ================================================================ */

/* --- Type foundation --- */
html{font-size:16px}
body{font-size:16px;line-height:1.62;text-rendering:optimizeLegibility;font-optical-sizing:auto;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4{text-wrap:balance;font-weight:800}
::selection{background:var(--red);color:#fff}

/* --- Crisp, aligned icons --- */
.ui-icon{stroke-width:2;vertical-align:middle;shape-rendering:geometricPrecision}
.brand-wing i{box-shadow:0 1px 12px rgba(229,27,35,.45)}

/* --- Accessible focus --- */
:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:4px}
.panel-body :focus-visible{outline-color:#ff5157}

/* --- Sidebar: role chip + grouped navigation --- */
.panel-role-chip{margin:14px 16px 6px;padding:8px 12px;border:1px solid #33141a;border-radius:9px;background:linear-gradient(120deg,#2a0d10,#160a0c);color:#ff8f94;font-size:11px;font-weight:900;letter-spacing:.14em;text-align:center}
.panel-nav{padding:6px 12px 12px;display:flex;flex-direction:column;gap:6px;overflow:auto}
.panel-nav-group{display:flex;flex-direction:column;gap:3px}
.panel-nav-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;border:0;background:transparent;cursor:pointer;font:inherit;text-align:left}
.panel-nav-label{padding:0;color:#6b6b74;font-size:10.5px;font-weight:900;letter-spacing:.14em}
.panel-nav-chevron{display:inline-flex;color:#6b6b74;transition:transform .18s ease}
.panel-nav-chevron .ui-icon{width:14px;height:14px;transform:rotate(90deg)}
.panel-nav-group.is-open .panel-nav-chevron .ui-icon{transform:rotate(-90deg)}
.panel-nav-group-items{display:flex;flex-direction:column;gap:3px;overflow:hidden;max-height:0;transition:max-height .22s ease}
.panel-nav-group.is-open .panel-nav-group-items{max-height:600px}
.panel-nav-group a{min-height:42px}
.panel-nav-group.has-active .panel-nav-label{color:#ff9ba0}
.panel-nav-dashboard-btn{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;margin:0 0 4px;border-radius:10px;color:#c9c9d1;font-weight:800}
.panel-nav-dashboard-btn.active{background:var(--grad-red,linear-gradient(120deg,#e51b23,#a5121a));color:#fff;box-shadow:0 6px 18px rgba(229,27,35,.35)}
.panel-nav-dashboard-btn.active::before{display:none}
.panel-nav-dashboard-btn.active i,.panel-nav-dashboard-btn.active .ui-icon,.panel-employee-body .panel-sidebar nav a.active i,.panel-modern-body .panel-sidebar nav a.active i{color:#fff}

/* --- Employee access card --- */
.employee-access-card{margin:12px 14px;padding:13px 14px;border:1px solid #2a2b31;border-radius:12px;background:linear-gradient(140deg,#141519,#0e0f12);display:flex;gap:12px;align-items:center}
.employee-access-card .ui-icon{width:26px;height:26px;color:var(--red);flex:0 0 auto}
.employee-access-card small{display:block;color:#8a8a93;font-size:10.5px;font-weight:800;letter-spacing:.1em}
.employee-access-card strong{display:block;margin:2px 0;color:#fff;font-size:13.5px}
.employee-access-card span{display:block;color:#9a9aa2;font-size:12px}

/* --- Contextual topbar --- */
.panel-topbar-v11{gap:18px}
.panel-topbar-left{display:flex;align-items:center;gap:14px;min-width:0}
.panel-page-context{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.panel-page-context small{color:#8a8a93;font-size:10.5px;font-weight:900;letter-spacing:.13em}
.panel-page-context strong{color:#fff;font-size:16px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.panel-page-context span{color:#9a9aa2;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.panel-page-context span{display:none}}
@media(max-width:640px){.panel-page-context small{display:none}.panel-page-context strong{font-size:14px;max-width:34vw}}

/* --- Profile dropdown --- */
.panel-profile-wrap{position:relative}
.panel-profile-wrap .panel-admin-profile{border:1px solid transparent;background:transparent;border-radius:11px;padding:6px 10px;transition:border-color .15s ease,background .15s ease}
.panel-profile-wrap .panel-admin-profile:hover,.panel-profile-wrap.open .panel-admin-profile{border-color:#2e2e34;background:#141417}
.panel-profile-wrap .panel-admin-profile b{transition:transform .18s ease}
.panel-profile-wrap.open .panel-admin-profile b{transform:rotate(180deg)}
.panel-profile-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;padding:6px;border:1px solid #2c2c33;border-radius:12px;background:#121216;box-shadow:0 24px 60px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:70}
.panel-profile-wrap.open .panel-profile-menu{opacity:1;visibility:visible;transform:translateY(0)}
.panel-profile-menu a,.panel-profile-menu form button{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#d9d9de;font-size:13.5px;font-weight:700;text-align:left}
.panel-profile-menu a:hover,.panel-profile-menu form button:hover{background:#1c1c21;color:#fff}
.panel-profile-menu form button{color:#ff8388}
.panel-profile-menu form button:hover{background:#2a1114;color:#ff9ea2}
.panel-profile-menu .ui-icon{width:18px;height:18px}
.panel-profile-menu form{margin:0}

/* --- Buttons, tables & inputs --- */
.panel-button{min-height:44px;letter-spacing:.02em;transition:transform .16s ease,filter .16s ease}
.panel-button:hover{filter:brightness(1.08);transform:translateY(-1px)}
button[disabled]{opacity:.55;cursor:not-allowed}
.panel-table td{font-variant-numeric:tabular-nums}
.panel-table tbody tr{transition:background .15s ease}
.panel-table tbody tr:hover{background:rgba(255,255,255,.035)}
.panel-input::placeholder{color:#8a8a93}
td,th,.price,.invoice-summary strong{font-variant-numeric:tabular-nums}

/* --- Header badges & mid-width nav fit (storefront) --- */
.hm-tool em,.cart-link em{font-size:10.5px;min-width:18px;height:18px;font-weight:800;box-shadow:0 0 0 2px #0a0a0c}
.hm-primary-button,.hm-secondary-button,.hm-login-button{min-height:46px;letter-spacing:.04em;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.hm-primary-button:hover,.hm-login-button:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 10px 26px rgba(229,27,35,.32)}
.hm-secondary-button:hover{transform:translateY(-1px)}
@media(min-width:981px) and (max-width:1500px){.hm-main-nav a{font-size:12px;padding:0 8px}.hm-header-inner{gap:12px}}

/* --- Dark panel scrollbars --- */
.panel-body ::-webkit-scrollbar{width:10px;height:10px}
.panel-body ::-webkit-scrollbar-thumb{background:#2e2e34;border-radius:8px;border:2px solid var(--panel)}
.panel-body ::-webkit-scrollbar-thumb:hover{background:#3c3c44}
.panel-body ::-webkit-scrollbar-track{background:transparent}

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

/* ================================================================
   v11.2 · Mobile-friendly hardening (storefront + all panels)
   ================================================================ */

/* Keep the cart reachable on phones (it was hidden with the other tools) */
@media(max-width:980px){
.hm-header-tools .hm-tool.hm-cart-tool{display:flex}
.hm-hero-content{padding-bottom:46px}
.hm-hero-slide.active{min-height:520px}
}
@media(max-width:640px){
.hm-hero-content{padding-top:34px;padding-bottom:40px}
.hm-hero-slide.active{min-height:480px}
.hm-hero-trust{gap:14px}
.hm-hero-actions{flex-wrap:wrap;gap:10px}
.hm-primary-button,.hm-secondary-button{width:100%;justify-content:center}
.section{padding:46px 0}
.page-hero{padding:40px 0}
.filter-card{position:static}
.order-row{grid-template-columns:1fr auto;row-gap:6px}
}
@media(max-width:420px){
.product-grid{grid-template-columns:1fr}
.hm-quick-actions strong{font-size:13px}
}

/* Panels on small screens */
@media(max-width:980px){
.panel-main{padding:16px 14px}
.panel-global-search{flex:1;min-width:0;max-width:none}
.panel-global-search input{min-width:0}
.panel-page-context{max-width:38vw}
}
@media(max-width:700px){
.panel-topbar-v11{height:auto;min-height:64px;flex-wrap:wrap;padding:10px 14px;gap:10px}
.panel-topbar-left{flex:1 1 auto}
.panel-global-search{order:3;flex:1 1 100%}
.panel-table-wrap{margin:0 -14px;padding:0 14px;-webkit-overflow-scrolling:touch}
.panel-card{padding:14px}
.panel-split{grid-template-columns:1fr}
.dashboard-metrics{grid-template-columns:1fr 1fr}
}
@media(max-width:460px){
.dashboard-metrics{grid-template-columns:1fr}
.panel-admin-profile span:not(.panel-admin-avatar){display:none}
.panel-admin-profile b{display:none}
}

/* Developer panel on small screens */
@media(max-width:980px){
.dev-main{padding:16px 14px}
.dev-grid{grid-template-columns:1fr}
.dev-form-grid{grid-template-columns:1fr}
.dev-summary{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
.dev-summary{grid-template-columns:1fr}
.dev-actions{flex-wrap:wrap}
}

/* Prevent any accidental horizontal scroll on phones */
@media(max-width:680px){
body{overflow-x:hidden}
img,svg,video{max-width:100%}
}

/* v14 — homepage hero rebuilt to the supplied reference */
.hm-home{padding-bottom:15px}
.hm-hero{
  min-height:590px;
  overflow:visible;
  background:#07080a;
  border-bottom:1px solid #1e1f22;
}
.hm-hero-slides,
.hm-hero-slide.active{
  min-height:590px;
}
.hm-hero-slide{
  background-position:center right;
}
.hm-hero-slide:before{
  z-index:0;
  background:linear-gradient(90deg,rgba(0,0,0,0) 34%,rgba(0,0,0,.12) 55%,rgba(0,0,0,.2) 100%);
}
.hm-hero-shade{
  z-index:1;
  background:
    radial-gradient(circle at 18% 34%,rgba(255,255,255,.025),transparent 27%),
    linear-gradient(112deg,#08090b 0%,#0b0c0e 72%,#121315 100%);
  clip-path:polygon(0 0,46% 0,35.5% 100%,0 100%);
  filter:drop-shadow(2px 0 0 rgba(255,255,255,.045));
}
.hm-hero-content{
  width:100%;
  margin:0;
  padding:clamp(54px,4.2vw,80px) 0 118px clamp(16px,1.95vw,38px);
}
.hm-hero-eyebrow{
  margin-bottom:12px;
  color:#f32028;
  font-size:clamp(11px,.72vw,14px);
  line-height:1;
  letter-spacing:.19em;
}
.hm-hero-content h1{
  max-width:35vw;
  margin:0 0 16px;
  font-size:clamp(48px,3.85vw,74px);
  line-height:.92;
  letter-spacing:-.018em;
}
.hm-hero-content h1 strong{
  margin-top:10px;
  color:#ed1c24;
}
.hm-hero-content>p{
  max-width:32vw;
  margin:0 0 22px;
  color:#c7c7ca;
  font-size:clamp(12px,.77vw,15px);
  line-height:1.45;
}
.hm-hero-trust{
  gap:clamp(22px,2.2vw,42px);
  margin:0 0 24px;
}
.hm-hero-trust span{gap:9px}
.hm-hero-trust .ui-icon{
  width:clamp(23px,1.55vw,30px);
  height:clamp(23px,1.55vw,30px);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#ed1c24;
}
.hm-hero-trust b{
  font-size:clamp(10px,.63vw,12px);
  line-height:1.32;
}
.hm-hero-actions{gap:12px}
.hm-primary-button,
.hm-secondary-button{
  min-height:44px;
  padding:0 19px;
  border-radius:4px;
  font-size:12px;
}
.hm-secondary-button{border-color:#57585d}
.hm-hero-rail{display:none}
.hm-quick-actions{display:grid}
.hm-slider-controls{
  right:15px;
  bottom:13px;
  gap:10px;
}
.hm-slider-controls button{
  width:44px;
  height:44px;
  border-color:#68696e;
  background:rgba(8,9,11,.74);
  font-size:21px;
}
.hm-home-panels{margin-top:78px}

@media(max-width:980px){
  .hm-hero,
  .hm-hero-slides,
  .hm-hero-slide.active{min-height:540px}
  .hm-hero-slide{background-position:62% center}
  .hm-hero-shade{
    clip-path:polygon(0 0,66% 0,51% 100%,0 100%);
  }
  .hm-hero-content{
    width:100%;
    padding:58px 0 50px 28px;
  }
  .hm-hero-content h1{max-width:54vw;font-size:58px}
  .hm-hero-content>p{max-width:49vw}
  .hm-home-panels{margin-top:20px}
}

@media(max-width:640px){
  .hm-hero,
  .hm-hero-slides,
  .hm-hero-slide.active{min-height:560px}
  .hm-hero-slide{background-position:64% top}
  .hm-hero-slide:before{
    background:linear-gradient(180deg,rgba(7,8,10,.2),rgba(7,8,10,.76) 48%,#07080a 76%);
  }
  .hm-hero-shade{
    clip-path:none;
    background:linear-gradient(180deg,rgba(7,8,10,.28),rgba(7,8,10,.82) 51%,#07080a 76%);
    filter:none;
  }
  .hm-hero-content{
    padding:246px 16px 70px;
  }
  .hm-hero-content h1{
    max-width:100%;
    font-size:43px;
  }
  .hm-hero-content>p{max-width:100%;font-size:13px}
  .hm-hero-trust{gap:14px}
  .hm-hero-actions{grid-template-columns:1fr 1fr}
  .hm-slider-controls{bottom:12px}
}

/* v16 — equal hero frames and shift-free slide fading */
@media(min-width:981px){
  .hm-hero,
  .hm-hero-slides{
    height:590px;
    min-height:590px;
  }
  .hm-hero-slide,
  .hm-hero-slide.active{
    position:absolute;
    inset:0;
    width:100%;
    height:590px;
    min-height:590px;
  }
}

/* v19 — full hero text, curved diagonal edge and two-button controls */
.hm-hero-shade{
  top:0;
  right:auto;
  bottom:0;
  left:-12%;
  width:48%;
  clip-path:none;
  transform:skewX(-17deg);
  transform-origin:left bottom;
  border-bottom-right-radius:42% 62%;
  filter:drop-shadow(3px 0 0 rgba(255,255,255,.045));
}
.hm-hero-eyebrow{
  width:42vw;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.hm-hero-content h1{
  max-width:42vw;
  height:auto;
  min-height:calc(1.84em + 10px);
  overflow:visible;
  font-size:clamp(42px,3.4vw,66px);
}
.hm-hero-content h1 span,
.hm-hero-content h1 strong{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.hm-hero-content>p{
  max-width:38vw;
  height:auto;
  min-height:5.8em;
  overflow:visible;
  display:block;
  -webkit-box-orient:initial;
  -webkit-line-clamp:unset;
}
.hm-slider-controls button{flex:0 0 auto}

@media(max-width:980px){
  .hm-hero-shade{
    left:-18%;
    width:70%;
  }
  .hm-hero-eyebrow,
  .hm-hero-content h1{max-width:58vw;width:58vw}
  .hm-hero-content>p{max-width:52vw}
}

@media(max-width:640px){
  .hm-hero-shade{
    left:0;
    width:100%;
    transform:none;
    border-radius:0;
    filter:none;
  }
  .hm-hero-eyebrow,
  .hm-hero-content h1{
    width:100%;
    max-width:100%;
  }
  .hm-hero-content>p{
    max-width:100%;
    min-height:4.35em;
  }
}

/* v17 — reference-matched quick actions as a true under-hero section */
.hm-hero{
  height:auto;
  min-height:0;
  overflow:hidden;
  padding-bottom:16px;
}
.hm-under-hero-actions{
  position:relative;
  left:auto;
  bottom:auto;
  transform:none;
  width:min(1500px,calc(100% - 24px));
  height:96px;
  margin:14px auto 0;
  border:1px solid #3a3b3f;
  border-radius:11px;
  background:linear-gradient(180deg,#1b1c1f 0%,#111214 100%);
  box-shadow:0 14px 34px rgba(0,0,0,.32);
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  overflow:hidden;
}
.hm-under-hero-actions>a{
  position:relative;
  display:grid;
  align-items:center;
  min-width:0;
  grid-template-columns:46px minmax(0,1fr) 16px;
  gap:12px;
  padding:0 22px;
  border-right:1px solid #34353a;
}
.hm-under-hero-actions>a:last-child{border-right:0}
.hm-under-hero-actions i{
  color:#ed1c24;
  display:grid;
  place-items:center;
}
.hm-under-hero-actions i .ui-icon{
  width:34px;
  height:34px;
}
.hm-under-hero-actions strong{
  color:#fff;
  font-size:13px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hm-under-hero-actions small{
  color:#b8b9be;
  font-size:11.5px;
  line-height:1.45;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.hm-under-hero-actions>a>.ui-icon{
  width:16px;
  height:16px;
  color:#ed1c24;
}
.hm-home-panels{margin-top:14px}

@media(max-width:980px){
  .hm-hero{padding-bottom:14px}
  .hm-under-hero-actions{
    width:calc(100% - 24px);
    height:auto;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hm-under-hero-actions>a{
    min-height:82px;
    padding:10px 16px;
    border-bottom:1px solid #34353a;
  }
  .hm-under-hero-actions>a:nth-child(even){border-right:0}
  .hm-under-hero-actions>a:last-child{
    grid-column:1/-1;
    border-bottom:0;
  }
}

@media(max-width:640px){
  .hm-under-hero-actions{
    width:calc(100% - 18px);
    grid-template-columns:1fr;
  }
  .hm-under-hero-actions>a,
  .hm-under-hero-actions>a:nth-child(even){
    min-height:76px;
    border-right:0;
  }
  .hm-under-hero-actions>a:last-child{grid-column:auto}
}
.hm-hero-slide{
  transform:none;
  transition:opacity var(--hm-hero-fade,.65s) ease,visibility 0s linear var(--hm-hero-fade,.65s);
}
.hm-hero-slide.active{
  transform:none;
  transition:opacity var(--hm-hero-fade,.65s) ease;
}
.hm-hero-content{
  box-sizing:border-box;
  height:100%;
}
.hm-hero-eyebrow{
  width:min(35vw,660px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hm-hero-content h1{
  height:calc(1.84em + 10px);
  overflow:hidden;
}
.hm-hero-content h1 span,
.hm-hero-content h1 strong{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hm-hero-content>p{
  height:4.35em;
  min-height:4.35em;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.hm-hero-actions{
  min-height:44px;
}

@media(max-width:980px){
  .hm-hero{
    height:auto;
    min-height:0;
  }
  .hm-hero-slides{
    height:560px;
    min-height:560px;
  }
  .hm-hero-slide,
  .hm-hero-slide.active{
    position:absolute;
    inset:0;
    width:100%;
    height:560px;
    min-height:560px;
  }
  .hm-hero-content h1{height:calc(1.84em + 10px)}
  .hm-hero-content>p{height:4.35em;min-height:4.35em}
}

@media(max-width:640px){
  .hm-hero-slides{
    height:620px;
    min-height:620px;
  }
  .hm-hero-slide,
  .hm-hero-slide.active{
    height:620px;
    min-height:620px;
  }
  .hm-hero-content{
    height:620px;
    padding-top:246px;
  }
  .hm-hero-eyebrow{width:100%}
  .hm-hero-content h1{
    height:calc(1.84em + 10px);
    font-size:clamp(34px,10vw,43px);
  }
  .hm-hero-content>p{
    height:4.35em;
    min-height:4.35em;
  }
}

/* v19 final overrides — keep after all equal-frame rules */
.hm-hero-shade{
  top:0;
  right:auto;
  bottom:0;
  left:-12%;
  width:48%;
  clip-path:none;
  transform:skewX(-17deg);
  transform-origin:left bottom;
  border-bottom-right-radius:42% 62%;
  filter:drop-shadow(3px 0 0 rgba(255,255,255,.045));
}
.hm-hero-eyebrow{
  width:42vw;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.hm-hero-content h1{
  max-width:42vw;
  height:auto;
  min-height:calc(1.84em + 10px);
  overflow:visible;
  font-size:clamp(42px,3.4vw,66px);
}
.hm-hero-content h1 span,
.hm-hero-content h1 strong{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.hm-hero-content>p{
  max-width:38vw;
  height:auto;
  min-height:5.8em;
  overflow:visible;
  display:block;
  -webkit-box-orient:initial;
  -webkit-line-clamp:unset;
}

@media(max-width:980px){
  .hm-hero-shade{left:-18%;width:70%}
  .hm-hero-eyebrow,
  .hm-hero-content h1{max-width:58vw;width:58vw}
  .hm-hero-content>p{max-width:52vw}
}

@media(max-width:640px){
  .hm-hero-shade{
    left:0;
    width:100%;
    transform:none;
    border-radius:0;
    filter:none;
  }
  .hm-hero-eyebrow,
  .hm-hero-content h1{width:100%;max-width:100%}
  .hm-hero-content>p{max-width:100%;min-height:4.35em}
}

/* v20 final — selectable reference divider and overlapping quick links */
@media(min-width:981px){
  .hm-hero{
    height:auto;
    min-height:0;
    overflow:hidden;
    padding-bottom:calc(108px - var(--hero-quick-overlap,46px));
  }
  .hm-hero-slides{
    height:590px;
    min-height:590px;
  }
  .hm-under-hero-actions{
    position:absolute;
    z-index:15;
    top:calc(590px - var(--hero-quick-overlap,46px));
    right:auto;
    bottom:auto;
    left:50%;
    transform:translateX(-50%);
    width:min(1260px,calc(100% - 100px));
    height:92px;
    margin:0;
    border-radius:13px;
    background:linear-gradient(180deg,rgba(29,30,33,.98),rgba(16,17,19,.99));
    box-shadow:0 20px 46px rgba(0,0,0,.48);
  }
  .hm-home-panels{margin-top:14px}
  .hm-hero-content{
    padding-left:8.2vw;
  }
  .hm-hero-eyebrow,
  .hm-hero-content h1{width:36vw;max-width:36vw}
  .hm-hero-content>p{max-width:33vw}
  .hm-hero-rail{
    display:grid;
    left:18px;
    top:130px;
  }
}
.hm-hero-vector-divider{
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  display:none;
  overflow:visible;
}
.hm-hero-vector-divider path{
  display:none;
  fill:#08090b;
  stroke:rgba(255,255,255,.04);
  stroke-width:1.2;
}
.hm-hero-divider-curve .hm-hero-vector-divider,
.hm-hero-divider-diagonal .hm-hero-vector-divider{display:block}
.hm-hero-divider-curve .hm-divider-curve-path{display:block}
.hm-hero-divider-diagonal .hm-divider-diagonal-path{display:block}
.hm-hero-divider-curve .hm-hero-shade,
.hm-hero-divider-diagonal .hm-hero-shade{display:none}
.hm-hero-divider-fade .hm-hero-vector-divider{display:none}
.hm-hero-divider-fade .hm-hero-shade{
  display:block;
  inset:0;
  width:100%;
  transform:none;
  border-radius:0;
  filter:none;
  clip-path:none;
  background:linear-gradient(90deg,#07080a 0%,rgba(7,8,10,.98) 27%,rgba(7,8,10,.78) 46%,rgba(7,8,10,.12) 72%,rgba(7,8,10,.08) 100%);
}

@media(max-width:980px){
  .hm-hero{
    height:auto;
    min-height:0;
    overflow:hidden;
    padding-bottom:14px;
  }
  .hm-under-hero-actions{
    position:relative;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    transform:none;
    margin:14px auto 0;
  }
  .hm-hero-rail{display:none}
  .hm-hero-content{padding-left:28px}
}

@media(max-width:640px){
  .hm-hero-vector-divider{display:none!important}
  .hm-hero-shade{
    display:block!important;
    inset:0;
    width:100%;
    transform:none;
    border-radius:0;
    filter:none;
    clip-path:none;
    background:linear-gradient(180deg,rgba(7,8,10,.24),rgba(7,8,10,.84) 50%,#07080a 76%)!important;
  }
  .hm-hero-content{padding-left:16px}
}

/* v21 final — premium under-hero navigation dock */
@media(min-width:981px){
  .hm-hero{
    padding-bottom:calc(148px - var(--hero-quick-overlap,46px));
  }
  .hm-under-hero-actions{
    width:min(1340px,calc(100% - 70px));
    height:128px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:19px;
    background:
      radial-gradient(circle at 12% 0,rgba(229,27,35,.1),transparent 25%),
      linear-gradient(145deg,rgba(31,33,37,.99),rgba(13,14,17,.99));
    box-shadow:
      0 28px 70px rgba(0,0,0,.58),
      inset 0 1px 0 rgba(255,255,255,.055);
  }
  .hm-under-hero-actions>a{
    grid-template-columns:58px minmax(0,1fr) 38px;
    gap:15px;
    padding:18px 22px;
    border-right:1px solid rgba(255,255,255,.1);
    transition:background .25s ease,color .25s ease;
    isolation:isolate;
  }
  .hm-under-hero-actions>a::before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    right:14px;
    left:14px;
    height:3px;
    border-radius:0 0 5px 5px;
    background:linear-gradient(90deg,transparent,#ed1c24,transparent);
    transform:scaleX(0);
    transition:transform .25s ease;
  }
  .hm-under-hero-actions>a:hover{
    background:linear-gradient(180deg,rgba(229,27,35,.1),rgba(229,27,35,.025));
  }
  .hm-under-hero-actions>a:hover::before{transform:scaleX(1)}
  .hm-under-hero-actions i{
    width:54px;
    height:54px;
    border:1px solid rgba(237,28,36,.44);
    border-radius:15px;
    background:linear-gradient(145deg,rgba(237,28,36,.15),rgba(237,28,36,.035));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  }
  .hm-under-hero-actions i .ui-icon{
    width:30px;
    height:30px;
    transition:transform .25s ease;
  }
  .hm-under-hero-actions>a:hover i .ui-icon{transform:scale(1.08)}
  .hm-under-hero-actions strong{
    display:block;
    margin-bottom:6px;
    color:#fff;
    font-size:15px;
    line-height:1.2;
    letter-spacing:-.01em;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
  .hm-under-hero-actions small{
    color:#aeb0b7;
    font-size:12.5px;
    line-height:1.45;
  }
  .hm-under-hero-actions>a>.ui-icon{
    width:17px;
    height:17px;
    padding:9px;
    box-sizing:content-box;
    border:1px solid rgba(255,255,255,.13);
    border-radius:50%;
    background:rgba(255,255,255,.035);
    transition:transform .25s ease,background .25s ease,border-color .25s ease;
  }
  .hm-under-hero-actions>a:hover>.ui-icon{
    transform:translateX(3px);
    background:#ed1c24;
    border-color:#ed1c24;
    color:#fff;
  }
  .hm-home-panels{margin-top:24px}
}

@media(max-width:980px){
  .hm-under-hero-actions{
    border-radius:16px;
    background:linear-gradient(145deg,#202226,#111215);
    box-shadow:0 20px 46px rgba(0,0,0,.4);
  }
  .hm-under-hero-actions>a{
    min-height:104px;
    grid-template-columns:52px minmax(0,1fr) 32px;
    gap:14px;
    padding:16px 18px;
  }
  .hm-under-hero-actions i{
    width:48px;
    height:48px;
    border:1px solid rgba(237,28,36,.38);
    border-radius:13px;
    background:rgba(237,28,36,.08);
  }
  .hm-under-hero-actions i .ui-icon{width:27px;height:27px}
  .hm-under-hero-actions strong{display:block;font-size:14px;margin-bottom:4px;white-space:normal}
  .hm-under-hero-actions small{font-size:12px}
  .hm-under-hero-actions>a>.ui-icon{
    width:16px;
    height:16px;
    padding:6px;
    box-sizing:content-box;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
  }
}

@media(max-width:640px){
  .hm-under-hero-actions>a{
    min-height:96px;
    grid-template-columns:50px minmax(0,1fr) 30px;
    padding:14px 16px;
  }
}

/* v22 final — fixed professional hero text and button alignment */
@media(min-width:981px){
  .hm-hero-content{
    display:grid;
    grid-template-rows:18px 132px 72px 48px 46px;
    row-gap:14px;
    align-content:start;
    height:590px;
    padding-top:54px;
    padding-bottom:0;
  }
  .hm-hero-eyebrow{
    align-self:start;
    height:18px;
    margin:0;
    line-height:18px;
  }
  .hm-hero-content h1{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:8px;
    align-self:stretch;
    height:132px;
    min-height:0;
    margin:0;
    line-height:.92;
  }
  .hm-hero-content h1 span,
  .hm-hero-content h1 strong{
    display:block;
    flex:0 0 auto;
    margin:0;
    line-height:.92;
  }
  .hm-hero-content>p{
    align-self:start;
    height:72px;
    min-height:0;
    margin:0;
    font-size:14px;
    line-height:1.55;
  }
  .hm-hero-trust{
    align-self:center;
    height:48px;
    margin:0;
    align-items:center;
  }
  .hm-hero-actions{
    align-self:start;
    height:46px;
    min-height:46px;
    margin:0;
    align-items:flex-start;
  }
  .hm-hero-actions .hm-primary-button,
  .hm-hero-actions .hm-secondary-button{
    height:44px;
    min-height:44px;
  }
}

@media(max-width:980px) and (min-width:641px){
  .hm-hero-content{
    display:grid;
    grid-template-rows:18px 116px 84px 52px 46px;
    row-gap:12px;
    align-content:start;
    height:560px;
    padding-top:48px;
    padding-bottom:0;
  }
  .hm-hero-eyebrow{height:18px;margin:0;line-height:18px}
  .hm-hero-content h1{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:7px;
    height:116px;
    min-height:0;
    margin:0;
  }
  .hm-hero-content h1 span,
  .hm-hero-content h1 strong{margin:0}
  .hm-hero-content>p{height:84px;min-height:0;margin:0}
  .hm-hero-trust{height:52px;margin:0;align-items:center}
  .hm-hero-actions{height:46px;min-height:46px;margin:0}
}

@media(max-width:640px){
  .hm-hero-content{
    display:grid;
    grid-template-rows:18px 94px 82px 72px 46px;
    row-gap:10px;
    align-content:start;
    height:620px;
    padding-top:246px;
    padding-bottom:0;
  }
  .hm-hero-eyebrow{
    height:18px;
    margin:0;
    line-height:18px;
  }
  .hm-hero-content h1{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    height:94px;
    min-height:0;
    margin:0;
    line-height:.92;
  }
  .hm-hero-content h1 span,
  .hm-hero-content h1 strong{margin:0;line-height:.92}
  .hm-hero-content>p{
    height:82px;
    min-height:0;
    margin:0;
    font-size:13px;
    line-height:1.5;
  }
  .hm-hero-trust{
    height:72px;
    margin:0;
    align-content:center;
  }
  .hm-hero-actions{
    height:46px;
    min-height:46px;
    margin:0;
    align-self:start;
  }
}

/* v23 final — synchronized hero titles, text transition and button rows */
.hm-hero-slide .hm-hero-content{
  opacity:0;
  transition:opacity .16s ease;
}
.hm-hero-slide.active .hm-hero-content{
  opacity:1;
  transition:opacity .22s ease .16s;
}
.hm-hero-content h1{
  grid-row:2;
  display:grid;
  grid-template-rows:1fr 1fr;
  align-items:center;
  gap:8px;
  font-size:var(--hero-title-size,clamp(42px,3.4vw,66px));
}
.hm-hero-content h1 span,
.hm-hero-content h1 strong{
  align-self:center;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
}
.hm-hero-eyebrow{grid-row:1}
.hm-hero-content>p{grid-row:3}
.hm-hero-trust{grid-row:4}
.hm-hero-actions{
  grid-row:5;
  position:relative;
  inset:auto;
}
.hm-hero-actions .hm-primary-button,
.hm-hero-actions .hm-secondary-button{
  align-self:start;
  transform:none;
}
.hm-hero-actions .hm-primary-button:hover,
.hm-hero-actions .hm-secondary-button:hover{
  transform:translateY(-1px);
}

@media(max-width:640px){
  .hm-hero-content h1{
    gap:5px;
    font-size:var(--hero-title-size,clamp(34px,10vw,43px));
  }
}

/* v24 final — keep every hero text row left aligned */
.hm-hero-content{
  justify-items:start;
  text-align:left;
}
.hm-hero-eyebrow,
.hm-hero-content h1,
.hm-hero-content h1 span,
.hm-hero-content h1 strong,
.hm-hero-content>p,
.hm-hero-trust,
.hm-hero-actions{
  justify-self:start;
  text-align:left;
}
.hm-hero-content h1{
  align-items:start;
  justify-items:start;
}
.hm-hero-content h1 span,
.hm-hero-content h1 strong{
  align-self:start;
  width:100%;
}

/* ================================================================
   HERO — consolidated, conflict-free responsive rules (final pass)
   ================================================================
   The hero previously had 8+ separate, overlapping @media blocks
   (added across different sessions) that disagreed with each other
   on height, text width and padding — different rules fought over
   the same properties depending on which one happened to load last.
   That's what caused the stretching/inconsistent look.

   Nothing above this block was deleted (safer than surgery on a
   tangled file with no way to preview the result here). Instead,
   everything hero-related is redeclared once, cleanly, below —
   since this is later in the file with equal selector specificity,
   it wins the cascade and is the single source of truth from here
   down. Uses clamp()/min() throughout so nothing depends on a raw
   vw value that can shrink to nothing on a narrow screen or balloon
   on an ultra-wide monitor.
*/

.hm-hero{
  position:relative;
  min-height:0;
  height:auto;
  overflow:visible;
  background:#07080a;
  border-bottom:1px solid #222;
  padding-bottom:0;
}
.hm-hero-slides{height:auto;min-height:0}
.hm-hero-slide{
  position:absolute;
  inset:0;
  height:auto;
  min-height:max(430px,calc(80dvh - 64px));
  background-size:cover;
  background-position:64% center;
}
.hm-hero-slide.active{
  position:relative;
  inset:auto;
  height:auto;
  min-height:max(430px,calc(80dvh - 64px));
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* Divider: restored to the original SVG for BOTH curve and diagonal —
   this is the exact shape you had, not an approximation. Since the
   hero is now full viewport height (see below) rather than a fixed
   590px, the divider's exact angle will vary a little with each
   visitor's screen height — that's an inherent trade-off of a
   full-height hero and is expected. Mobile still has no divider —
   same as before, plain shade for legibility. */
.hm-hero-vector-divider{display:none}
.hm-hero-shade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(7,8,10,.2) 0%,rgba(7,8,10,.86) 55%,#07080a 100%);
}
.hm-hero-divider-curve .hm-hero-vector-divider,
.hm-hero-divider-diagonal .hm-hero-vector-divider{display:block}
.hm-hero-divider-curve .hm-hero-shade,
.hm-hero-divider-diagonal .hm-hero-shade{display:none}
.hm-hero-vector-divider path{display:none}
.hm-hero-divider-curve .hm-divider-curve-path{display:block}
.hm-hero-divider-diagonal .hm-divider-diagonal-path{display:block}

.hm-hero-content{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  max-width:min(94%,640px);
  height:auto;
  margin:0;
  padding:clamp(28px,6vw,54px) clamp(20px,5vw,48px);
}
.hm-hero-eyebrow{
  display:block;
  height:auto;
  align-self:auto;
  line-height:normal;
  margin-bottom:clamp(8px,1.4vw,10px);
}
.hm-hero-content h1{
  display:block;
  height:auto;
  align-self:auto;
  flex-direction:row;
  justify-content:flex-start;
  margin:0 0 clamp(10px,1.6vw,14px);
  font-size:clamp(28px,4.6vw,58px);
  line-height:1.04;
  letter-spacing:.01em;
  max-width:100%;
}
.hm-hero-content h1 span,
.hm-hero-content h1 strong{
  flex:none;
  height:auto;
  margin-top:0;
}
.hm-hero-content h1 strong{margin-top:clamp(2px,.6vw,6px)}
.hm-hero-content>p{
  display:block;
  height:auto;
  min-height:0;
  align-self:auto;
  max-width:100%;
  font-size:clamp(13.5px,1.4vw,15px);
  margin:0 0 clamp(14px,2.4vw,20px);
}
.hm-hero-trust{
  display:flex;
  height:auto;
  align-self:auto;
  align-items:center;
  gap:clamp(10px,2.4vw,30px);
  flex-wrap:nowrap;
  margin:0 0 clamp(16px,2.6vw,24px);
}
.hm-hero-trust span{flex:1 1 0;min-width:0}
.hm-hero-trust .ui-icon{
  width:clamp(15px,1.7vw,18px);
  height:clamp(15px,1.7vw,18px);
  padding:clamp(8.5px,1.2vw,11px);
}
.hm-hero-trust b{
  font-size:clamp(11.5px,1.15vw,12px);
  line-height:1.32;
  white-space:normal;
}
.hm-hero-actions{
  display:flex;
  height:auto;
  min-height:0;
  align-self:auto;
  align-items:center;
  flex-wrap:nowrap;
  gap:clamp(10px,1.6vw,14px);
}
.hm-hero-actions .hm-primary-button,
.hm-hero-actions .hm-secondary-button{
  height:46px;
  min-height:46px;
  flex:1 1 0;
  min-width:0;
  padding:0 clamp(12px,1.8vw,18px);
  white-space:nowrap;
}

.hm-hero-rail{display:none}
.hm-slider-controls{
  position:absolute;
  right:clamp(12px,2vw,20px);
  bottom:clamp(12px,2vw,20px);
  z-index:10;
  display:flex;
  gap:10px;
}
.hm-slider-controls button{width:40px;height:40px}

.hm-under-hero-actions{
  position:relative;
  z-index:5;
  top:auto;
  right:auto;
  bottom:auto;
  left:auto;
  transform:none;
  width:min(1400px,calc(100% - 24px));
  height:auto;
  margin:16px auto 0;
  display:grid;
  grid-template-columns:1fr;
}

/* Tablet and up: divider becomes visible, text sits left of it in a
   fixed-but-fluid column instead of a raw vw width. */
@media(min-width:768px){
  .hm-hero-vector-divider,
  .hm-hero-shade{display:block}
  .hm-hero-content{
    max-width:min(46vw,560px);
    padding:clamp(40px,6vw,60px) clamp(28px,5vw,60px) clamp(40px,7vw,60px) clamp(28px,5vw,60px);
  }
  .hm-under-hero-actions{grid-template-columns:repeat(2,1fr)}
}

/* Small desktop / laptop: rail appears, quick-actions bar becomes a
   single overlapping row pulled up over the bottom of the hero photo
   by margin (not an absolute position pinned to an assumed pixel
   height) — this is what makes it correct regardless of how tall the
   hero ends up being, on any screen, with any amount of hero text. */
@media(min-width:1024px){
  .hm-hero-slide,
  .hm-hero-slide.active{min-height:max(490px,calc(80dvh - 70px))}
  .hm-hero-rail{
    display:flex;
    flex-direction:column;
    position:absolute;
    z-index:6;
    left:clamp(14px,2vw,28px);
    top:50%;
    transform:translateY(-50%);
  }
  .hm-hero-content{
    max-width:min(38vw,520px);
    padding-left:clamp(60px,7vw,110px);
  }
  .hm-under-hero-actions{
    grid-template-columns:repeat(5,minmax(0,1fr));
    margin-top:calc(-1 * var(--hero-quick-overlap,46px));
  }
}

/* Large desktop / wide monitors: cap how far the hero content can
   drift from the left edge and how wide the photo side gets, so
   nothing looks stretched or oddly empty on a 1920px+ screen. */
@media(min-width:1600px){
  .hm-hero-content{padding-left:clamp(90px,8vw,160px)}
  .hm-under-hero-actions{width:min(1500px,calc(100% - 60px))}
}

/* Phones: no divider, no rail, plain full-bleed photo with a simple
   readable shade, quick-actions bar stacks to one column below. */
@media(max-width:639px){
  .hm-hero-slide{background-position:64% top}
  .hm-hero-vector-divider,
  .hm-hero-divider-diagonal .hm-hero-shade,
  .hm-hero-divider-curve .hm-hero-vector-divider{display:none}
  .hm-hero-shade{
    background:linear-gradient(180deg,rgba(7,8,10,.28) 0%,rgba(7,8,10,.88) 55%,#07080a 100%);
  }
  .hm-hero-content{max-width:100%;padding:26px 18px 34px}
  .hm-hero-content h1{font-size:clamp(30px,10vw,40px)}
  .hm-hero-actions{display:grid;grid-template-columns:1fr 1fr}
  .hm-hero-actions .hm-primary-button,
  .hm-hero-actions .hm-secondary-button{width:100%;justify-content:center}
  .hm-slider-controls button{width:36px;height:36px}
}

/* v25 — long-form premium homepage panels */
.hm-home{padding-bottom:72px}
.hm-home-panels{
  width:min(1340px,calc(100% - 48px));
  margin:52px auto 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
}
.hm-home-panels .hm-panel{
  min-height:0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  background:radial-gradient(circle at 8% 0,rgba(229,27,35,.07),transparent 25%),linear-gradient(145deg,#181a1e,#0e1013);
  box-shadow:0 24px 62px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.035);
}
.hm-home-panels .hm-panel>header,
.hm-home-panels .hm-service-copy>header,
.hm-home-panels .hm-wholesale-panel header{
  min-height:84px;
  padding:0 30px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.hm-home-panels .hm-panel h2{font-size:24px;line-height:1.1;letter-spacing:-.025em}
.hm-home-panels .hm-panel header>a,
.hm-home-panels .hm-panel header>span{
  min-height:36px;
  padding:0 15px;
  border:1px solid rgba(229,27,35,.35);
  border-radius:20px;
  background:rgba(229,27,35,.08);
  color:#ff3a42;
  display:inline-flex;
  align-items:center;
  font-size:12.5px;
  font-weight:850;
}
.hm-home-panels .hm-featured-panel{grid-column:1/-1;min-height:540px}
.hm-home-panels .hm-bike-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0 28px 30px}
.hm-home-panels .hm-bike-card{
  padding:18px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:17px;
  background:linear-gradient(155deg,#25282d,#131519);
  box-shadow:0 16px 36px rgba(0,0,0,.22);
  transition:.28s ease;
}
.hm-home-panels .hm-bike-card:hover{transform:translateY(-5px);border-color:rgba(229,27,35,.55);box-shadow:0 24px 48px rgba(0,0,0,.32)}
.hm-home-panels .hm-bike-image{
  height:300px;
  border-radius:13px;
  background:radial-gradient(circle at 50% 48%,rgba(104,107,115,.52),transparent 38%),linear-gradient(180deg,#30333a,#17191e);
}
.hm-home-panels .hm-bike-image img{padding:12px}
.hm-home-panels .hm-bike-card>strong{margin-top:17px;font-size:18px}
.hm-home-panels .hm-bike-card>small{margin-top:7px;font-size:13px}
.hm-home-panels .hm-bike-card>b{margin-top:3px;font-size:20px}
.hm-home-panels .hm-parts-panel{grid-column:1/-1;min-height:390px}
.hm-home-panels .hm-parts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 28px 30px}
.hm-home-panels .hm-parts-grid a{
  position:relative;
  height:128px;
  padding:16px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:15px;
  background:linear-gradient(145deg,#22252a,#15171b);
  align-items:flex-start;
  gap:13px;
  font-size:14px;
  font-weight:800;
  transition:.24s ease;
}
.hm-home-panels .hm-parts-grid a:hover{transform:translateY(-3px);border-color:rgba(229,27,35,.58);background:linear-gradient(145deg,#29252a,#181619)}
.hm-home-panels .hm-parts-grid .ui-icon{width:38px;height:38px;color:#ff333b}
.hm-home-panels .hm-service-panel{grid-column:1/-1;min-height:470px;grid-template-columns:55% 45%}
.hm-home-panels .hm-service-image{min-height:470px}
.hm-home-panels .hm-service-copy{
  padding:0 38px 38px;
  background:radial-gradient(circle at 100% 0,rgba(229,27,35,.1),transparent 36%),linear-gradient(135deg,#181a1e,#0e1013);
  display:flex;
  flex-direction:column;
}
.hm-home-panels .hm-service-copy>header{min-height:104px;padding:0}
.hm-home-panels .hm-service-copy>header h2{font-size:30px}
.hm-home-panels .hm-service-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:5px 0 28px}
.hm-home-panels .hm-service-copy li{
  min-height:58px;
  margin:0;
  padding:14px 14px 14px 42px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.025);
  display:flex;
  align-items:center;
  font-size:14px;
}
.hm-home-panels .hm-service-copy li::before{left:15px;color:#ff3038}
.hm-home-panels .hm-service-copy .hm-primary-button{width:260px;min-height:50px;margin-top:auto;border-radius:8px}
.hm-home-panels .hm-wholesale-panel{grid-column:1/-1;min-height:400px;grid-template-columns:48% 52%}
.hm-home-panels .hm-wholesale-panel>div{padding:24px 42px 42px;display:flex;flex-direction:column}
.hm-home-panels .hm-wholesale-panel header{min-height:78px;padding:0;border-bottom:0}
.hm-home-panels .hm-wholesale-panel header h2{font-size:30px}
.hm-home-panels .hm-wholesale-panel ul{display:grid;gap:12px;margin:12px 0 30px}
.hm-home-panels .hm-wholesale-panel li{min-height:42px;margin:0;padding:9px 12px 9px 38px;border-bottom:1px solid rgba(255,255,255,.075);display:flex;align-items:center;font-size:14px}
.hm-home-panels .hm-wholesale-panel li::before{left:12px;color:#ff3038}
.hm-home-panels .hm-wholesale-panel .hm-secondary-button{width:220px;min-height:48px;margin-top:auto;border-radius:8px}
.hm-home-panels .hm-wholesale-panel img{height:400px}
.hm-home-panels .hm-testimonial-panel,
.hm-home-panels .hm-why-panel{min-height:420px}
.hm-home-panels .hm-quote{
  min-height:300px;
  margin:0 28px 30px;
  padding:35px 32px 28px 78px;
  border-radius:17px;
  background:radial-gradient(circle at 100% 0,rgba(229,27,35,.08),transparent 30%),#17191d;
}
.hm-home-panels .hm-quote>span{left:28px;top:15px;color:#ff3038;font-size:70px}
.hm-home-panels .hm-quote p{font-size:17px;line-height:1.7}
.hm-home-panels .hm-stars{margin-top:18px;font-size:18px}
.hm-home-panels .hm-quote strong{display:block;margin:17px 0 0;font-size:15px}
.hm-home-panels .hm-quote small{margin:4px 0 0;font-size:12px}
.hm-home-panels .hm-why-grid{height:320px;padding:28px;grid-template-columns:1fr 1fr;gap:14px}
.hm-home-panels .hm-why-grid span{
  padding:22px 15px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:15px;
  background:rgba(255,255,255,.025);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.hm-home-panels .hm-why-grid .ui-icon{width:46px;height:46px;margin-bottom:14px}
.hm-home-panels .hm-why-grid b{font-size:14px;font-weight:750}
@media(max-width:1100px){
  .hm-home-panels{grid-template-columns:1fr}
  .hm-home-panels .hm-testimonial-panel,.hm-home-panels .hm-why-panel{grid-column:1/-1}
  .hm-home-panels .hm-service-panel{grid-template-columns:48% 52%}
}
@media(max-width:760px){
  .hm-home{padding-bottom:42px}
  .hm-home-panels{width:calc(100% - 20px);margin-top:28px;gap:18px}
  .hm-home-panels .hm-panel{border-radius:17px}
  .hm-home-panels .hm-panel>header,.hm-home-panels .hm-service-copy>header,.hm-home-panels .hm-wholesale-panel header{min-height:70px;padding:0 18px}
  .hm-home-panels .hm-panel h2{font-size:19px}
  .hm-home-panels .hm-bike-cards{grid-template-columns:1fr;padding:0 14px 16px;gap:14px}
  .hm-home-panels .hm-bike-image{height:235px}
  .hm-home-panels .hm-parts-grid{grid-template-columns:1fr 1fr;padding:0 14px 16px;gap:10px}
  .hm-home-panels .hm-parts-grid a{height:112px;padding:13px;font-size:13px}
  .hm-home-panels .hm-service-panel{grid-template-columns:1fr;min-height:0}
  .hm-home-panels .hm-service-image{min-height:300px}
  .hm-home-panels .hm-service-copy{padding:0 18px 22px}
  .hm-home-panels .hm-service-copy>header{padding:0}
  .hm-home-panels .hm-service-copy ul{grid-template-columns:1fr}
  .hm-home-panels .hm-service-copy .hm-primary-button{width:100%}
  .hm-home-panels .hm-wholesale-panel{grid-template-columns:1fr;min-height:0}
  .hm-home-panels .hm-wholesale-panel>div{padding:10px 20px 24px}
  .hm-home-panels .hm-wholesale-panel img{height:270px}
  .hm-home-panels .hm-wholesale-panel .hm-secondary-button{width:100%}
  .hm-home-panels .hm-testimonial-panel,.hm-home-panels .hm-why-panel{min-height:0}
  .hm-home-panels .hm-quote{min-height:0;margin:0 14px 16px;padding:28px 20px 24px 58px}
  .hm-home-panels .hm-quote>span{left:18px}
  .hm-home-panels .hm-quote p{font-size:15px}
  .hm-home-panels .hm-why-grid{height:auto;padding:14px;grid-template-columns:1fr;gap:10px}
  .hm-home-panels .hm-why-grid span{min-height:140px}
}

/* v26 — reference-inspired split hero with completely static artwork */
.hm-hero{
  overflow:hidden;
  background:#07090d;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.hm-hero-slides{
  height:650px;
  min-height:650px;
}
.hm-hero-slide,
.hm-hero-slide.active{
  position:absolute;
  inset:0;
  width:100%;
  height:650px;
  min-height:650px;
  overflow:hidden;
  background:#07090d;
  background-image:none!important;
  transform:none!important;
  animation:none!important;
  transition:opacity var(--hm-hero-fade,.65s) ease,visibility 0s linear var(--hm-hero-fade,.65s);
  isolation:isolate;
}
.hm-hero-slide.active{
  position:relative;
  opacity:1;
  visibility:visible;
  transition:opacity var(--hm-hero-fade,.65s) ease;
}
.hm-hero-slide::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0 0 0 30%;
  background-color:#11141a;
  background-image:var(--hm-hero-image);
  background-repeat:no-repeat;
  background-position:64% center;
  background-size:cover;
  filter:saturate(.94) contrast(1.03) brightness(.84);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.78) 18%,#000 43%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.78) 18%,#000 43%);
  transform:none!important;
  transition:none!important;
  animation:none!important;
  will-change:auto;
}
.hm-hero-shade{
  z-index:1;
  background:
    linear-gradient(90deg,#07090d 0%,#07090d 31%,rgba(7,9,13,.90) 44%,rgba(7,9,13,.18) 68%,rgba(7,9,13,.12) 100%),
    linear-gradient(0deg,#07090d 0%,transparent 30%);
}
.hm-hero-divider-fade .hm-hero-shade{
  display:block;
  background:
    linear-gradient(90deg,#07090d 0%,#07090d 31%,rgba(7,9,13,.90) 44%,rgba(7,9,13,.18) 68%,rgba(7,9,13,.12) 100%),
    linear-gradient(0deg,#07090d 0%,transparent 30%)!important;
}
.hm-hero-divider-curve .hm-hero-slide::before,
.hm-hero-divider-diagonal .hm-hero-slide::before{
  -webkit-mask-image:none;
  mask-image:none;
}
.hm-hero-vector-divider{z-index:1}
.hm-hero-content{
  z-index:3;
  box-sizing:border-box;
  display:grid;
  grid-template-rows:18px auto 4.75em auto 48px;
  align-content:center;
  row-gap:clamp(10px,1.15vw,16px);
  width:min(720px,48%);
  max-width:720px;
  height:650px;
  margin:0;
  padding:38px 34px 42px clamp(78px,7vw,128px);
}
.hm-hero-eyebrow{
  width:100%;
  height:18px;
  margin:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:var(--hero-eyebrow-size,11px);
  line-height:18px;
  letter-spacing:.16em;
}
.hm-hero-content h1{
  display:grid;
  align-content:start;
  gap:0;
  width:100%;
  height:2.08em;
  margin:0;
  overflow:visible;
  font-size:var(--hero-title-size,var(--hero-title-desktop,82px));
  line-height:1.04;
  letter-spacing:-.035em;
}
.hm-hero-content h1 span,
.hm-hero-content h1 strong{
  display:block;
  width:100%;
  height:1.04em;
  margin:0;
  overflow:visible;
  white-space:nowrap;
  text-overflow:clip;
}
.hm-hero-content>p{
  display:block;
  width:100%;
  max-width:590px;
  height:4.75em;
  min-height:4.75em;
  margin:0;
  overflow:hidden;
  color:#b9bec8;
  font-size:var(--hero-description-size,15px);
  line-height:1.58;
}
.hm-hero-trust{
  align-self:center;
  width:100%;
  height:auto;
  margin:0;
  gap:clamp(14px,2vw,28px);
}
.hm-hero-actions{
  align-self:end;
  width:min(100%,470px);
  height:48px;
  margin:0;
}
.hm-hero-actions .hm-primary-button,
.hm-hero-actions .hm-secondary-button{
  height:48px;
  min-height:48px;
  border-radius:8px;
}

/* Reference-style compact slide markers and centered image arrows. */
.hm-hero-rail{
  position:absolute;
  z-index:12;
  top:22px;
  right:24px;
  bottom:auto;
  left:auto;
  display:flex;
  align-items:center;
  gap:6px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(6,9,14,.62);
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  backdrop-filter:blur(10px);
}
.hm-hero-rail button{
  position:relative;
  width:24px;
  height:10px;
  padding:0;
  border:0;
  color:transparent;
  font-size:0;
}
.hm-hero-rail button span{
  position:absolute;
  inset:1px auto 1px 0;
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.48);
  transition:width .22s ease,background .22s ease;
}
.hm-hero-rail button.active span{width:24px;background:var(--red)}
.hm-slider-controls{
  z-index:12;
  top:50%;
  right:20px;
  bottom:auto;
  left:calc(30% + 24px);
  width:calc(70% - 44px);
  transform:translateY(-50%);
  justify-content:space-between;
  pointer-events:none;
}
.hm-slider-controls button{
  width:42px;
  height:42px;
  border-color:rgba(255,255,255,.2);
  background:rgba(6,9,14,.68);
  box-shadow:0 12px 30px rgba(0,0,0,.3);
  backdrop-filter:blur(10px);
  pointer-events:auto;
}
.hm-slider-controls button.next{background:var(--red);border-color:var(--red)}

@media(max-width:1023px){
  .hm-hero-slides,
  .hm-hero-slide,
  .hm-hero-slide.active{height:650px;min-height:650px}
  .hm-hero-slide::before{inset:0 0 0 30%}
  .hm-hero-content{
    width:min(620px,59%);
    max-width:620px;
    height:650px;
    padding:38px 28px 42px 34px;
  }
  .hm-slider-controls{left:calc(30% + 18px);width:calc(70% - 36px)}
}

@media(max-width:820px){
  .hm-hero-slides,
  .hm-hero-slide,
  .hm-hero-slide.active{height:680px;min-height:680px}
  .hm-hero-slide::before{
    inset:0;
    opacity:.48;
    background-position:62% center;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .hm-hero-vector-divider{display:none!important}
  .hm-hero-shade,
  .hm-hero-divider-curve .hm-hero-shade,
  .hm-hero-divider-diagonal .hm-hero-shade{
    display:block!important;
    background:linear-gradient(90deg,rgba(7,9,13,.97),rgba(7,9,13,.72)),linear-gradient(0deg,#07090d 0%,transparent 42%)!important;
  }
  .hm-hero-content{
    width:min(620px,100%);
    max-width:620px;
    height:680px;
    padding:44px 26px 46px;
  }
  .hm-hero-content h1{font-size:var(--hero-title-size,var(--hero-title-tablet,68px))}
  .hm-slider-controls{display:none}
}

@media(max-width:639px){
  .hm-hero-slides,
  .hm-hero-slide,
  .hm-hero-slide.active{height:700px;min-height:700px}
  .hm-hero-slide::before{opacity:.38;background-position:64% center}
  .hm-hero-content{
    grid-template-rows:18px auto 5.2em auto 48px;
    width:100%;
    max-width:100%;
    height:700px;
    padding:46px 18px 32px;
  }
  .hm-hero-content h1{font-size:var(--hero-title-size,var(--hero-title-mobile,52px))}
  .hm-hero-content>p{height:5.2em;min-height:5.2em;font-size:var(--hero-description-size,15px);line-height:1.55}
  .hm-hero-trust{gap:10px}
  .hm-hero-trust span{gap:7px}
  .hm-hero-trust .ui-icon{width:14px;height:14px;padding:8px}
  .hm-hero-trust b{font-size:10.5px}
  .hm-hero-actions{width:100%;grid-template-columns:1fr 1fr}
  .hm-hero-rail{top:12px;right:12px}
}

@media(prefers-reduced-motion:reduce){
  .hm-hero-slide,
  .hm-hero-slide::before,
  .hm-hero-rail button span,
  .hm-slider-controls button{transition:none!important;animation:none!important;transform:none!important}
}

/* v26.1 — prevent outgoing and incoming hero copy from overlapping */
.hm-hero-slide:not(.active) .hm-hero-content{
  opacity:0!important;
  visibility:hidden!important;
  transform:none!important;
  transition:none!important;
  pointer-events:none;
}
.hm-hero-slide.active .hm-hero-content{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:opacity .18s ease .22s!important;
}

/* v26.4 — numbered vertical slide bar on the left */
.hm-hero-rail{
  position:absolute;
  z-index:12;
  top:50%;
  right:auto;
  bottom:auto;
  left:20px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  transform:translateY(-50%);
}
.hm-hero-rail button{
  position:relative;
  width:58px;
  height:54px;
  padding:0 0 0 17px;
  border:0;
  background:transparent;
  color:#777b83;
  font-size:13px;
  font-weight:700;
  line-height:54px;
  text-align:left;
  transition:color .2s ease;
}
.hm-hero-rail button span{
  position:absolute;
  top:3px;
  right:auto;
  bottom:3px;
  left:0;
  width:3px;
  height:auto;
  border-radius:4px;
  background:#2c3036;
  transition:background .2s ease;
}
.hm-hero-rail button:hover{color:#fff}
.hm-hero-rail button.active{color:#fff}
.hm-hero-rail button.active span{width:3px;background:var(--red)}
@media(max-width:1023px){
  .hm-hero-rail{display:none}
}

/* v26.7 — restore the compact six-panel homepage middle section */
.hm-home{padding-bottom:15px}
.hm-home-panels{
  width:min(1380px,calc(100% - 40px));
  margin:28px auto 0;
  display:grid;
  grid-template-columns:1.1fr .85fr 1.05fr;
  gap:12px;
}
.hm-home-panels .hm-panel{
  grid-column:auto;
  min-height:255px;
  border-radius:11px;
  box-shadow:none;
}
.hm-home-panels .hm-panel>header,
.hm-home-panels .hm-service-copy>header,
.hm-home-panels .hm-wholesale-panel header{
  min-height:45px;
  padding:0 18px;
}
.hm-home-panels .hm-panel h2{font-size:14px}
.hm-home-panels .hm-panel header>a,
.hm-home-panels .hm-panel header>span{font-size:12px}
.hm-home-panels .hm-featured-panel,
.hm-home-panels .hm-parts-panel,
.hm-home-panels .hm-service-panel{
  grid-column:auto;
  min-height:260px;
}
.hm-home-panels .hm-bike-cards{
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  padding:0 14px 14px;
}
.hm-home-panels .hm-bike-card{padding:9px;border-radius:8px}
.hm-home-panels .hm-bike-image{height:112px;border-radius:6px}
.hm-home-panels .hm-bike-card>strong{margin-top:7px;font-size:13px}
.hm-home-panels .hm-bike-card>small{font-size:11px}
.hm-home-panels .hm-bike-card>b{font-size:12px}
.hm-home-panels .hm-parts-grid{
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  padding:0 12px 12px;
}
.hm-home-panels .hm-parts-grid a{
  height:85px;
  padding:0;
  border-radius:7px;
  gap:7px;
  font-size:11px;
}
.hm-home-panels .hm-parts-grid .ui-icon{width:30px;height:30px}
.hm-home-panels .hm-service-panel{
  grid-template-columns:48% 52%;
  min-height:260px;
}
.hm-home-panels .hm-service-image{min-height:0}
.hm-home-panels .hm-service-copy{padding:0 10px 14px}
.hm-home-panels .hm-service-copy>header{padding:0}
.hm-home-panels .hm-service-copy ul{
  display:block;
  margin:6px 0 17px;
}
.hm-home-panels .hm-service-copy li{
  min-height:0;
  margin:8px 0;
  padding:0 0 0 18px;
  border:0;
  border-radius:0;
  background:transparent;
  display:block;
  font-size:12px;
}
.hm-home-panels .hm-service-copy li::before{left:0;color:#fff}
.hm-home-panels .hm-service-copy .hm-primary-button{
  width:100%;
  min-height:43px;
  margin-top:0;
  border-radius:4px;
}
.hm-home-panels .hm-wholesale-panel{
  grid-column:auto;
  min-height:255px;
  grid-template-columns:54% 46%;
}
.hm-home-panels .hm-wholesale-panel>div{
  padding:0 16px 16px;
  display:block;
}
.hm-home-panels .hm-wholesale-panel header{min-height:45px;padding:0}
.hm-home-panels .hm-wholesale-panel header h2{font-size:14px}
.hm-home-panels .hm-wholesale-panel ul{
  display:block;
  margin:6px 0 17px;
}
.hm-home-panels .hm-wholesale-panel li{
  min-height:0;
  margin:8px 0;
  padding:0 0 0 18px;
  border:0;
  display:block;
  font-size:12px;
}
.hm-home-panels .hm-wholesale-panel li::before{left:0;color:#fff}
.hm-home-panels .hm-wholesale-panel .hm-secondary-button{
  width:auto;
  min-height:36px;
  margin-top:0;
  border-radius:4px;
}
.hm-home-panels .hm-wholesale-panel img{height:100%}
.hm-home-panels .hm-testimonial-panel,
.hm-home-panels .hm-why-panel{
  grid-column:auto;
  min-height:255px;
}
.hm-home-panels .hm-quote{
  min-height:165px;
  margin:0 12px 12px;
  padding:14px 16px 12px 52px;
  border-radius:8px;
  background:#1a1c1f;
}
.hm-home-panels .hm-quote>span{left:16px;top:2px;color:#666970;font-size:56px}
.hm-home-panels .hm-quote p{font-size:12px;line-height:1.55}
.hm-home-panels .hm-stars{margin-top:8px;font-size:inherit}
.hm-home-panels .hm-quote strong{display:inline-block;margin:0 0 0 8px;font-size:12px}
.hm-home-panels .hm-quote small{margin:0 0 0 101px;font-size:11px}
.hm-home-panels .hm-why-grid{
  height:188px;
  padding:0 12px;
  grid-template-columns:repeat(4,1fr);
  gap:0;
}
.hm-home-panels .hm-why-grid span{
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.hm-home-panels .hm-why-grid .ui-icon{width:40px;height:40px;margin-bottom:10px}
.hm-home-panels .hm-why-grid b{font-size:12px;font-weight:500}

@media(max-width:1260px){
  .hm-home-panels{grid-template-columns:1fr 1fr}
}
@media(max-width:980px){
  .hm-home-panels{margin-top:24px;grid-template-columns:1fr}
}
@media(max-width:640px){
  .hm-home-panels{width:calc(100% - 18px);margin-top:22px;gap:12px}
  .hm-home-panels .hm-bike-cards{grid-template-columns:1fr}
  .hm-home-panels .hm-bike-image{height:160px}
  .hm-home-panels .hm-parts-grid{grid-template-columns:1fr 1fr}
  .hm-home-panels .hm-service-panel{grid-template-columns:1fr}
  .hm-home-panels .hm-service-image{min-height:210px}
  .hm-home-panels .hm-wholesale-panel{grid-template-columns:1fr}
  .hm-home-panels .hm-wholesale-panel img{height:180px}
  .hm-home-panels .hm-why-grid{height:auto;grid-template-columns:1fr 1fr;gap:25px;padding:25px}
}

/* v26.8 — full-width header, stronger branding and wider hero artwork */
.hm-header-inner{
  width:100%;
  max-width:none;
  margin:0;
  padding:0 14px;
}
.hm-brand .brand-copy em{color:var(--red)}
.hm-header-slogan{
  display:block;
  min-width:92px;
  color:#fff;
  font-weight:800;
}
.hm-header-slogan span,
.hm-header-slogan strong{display:block}
.hm-header-slogan strong{color:var(--red);font-weight:950}
.hm-header-tools{margin-right:0}
.hm-hero-trust{
  width:auto;
  max-width:100%;
  justify-content:flex-start;
  gap:18px;
}
.hm-hero-trust span{flex:0 0 auto}
.hm-home-panels{margin-top:12px}
@media(max-width:1180px){
  .hm-header-slogan,.hm-brand-divider{display:none}
}
@media(max-width:980px){
  .hm-header-inner{width:100%;padding:0 10px}
}

/* v26.9 — neutral compact homepage panels with consistent proportions */
.hm-public-body.hm-page-home,
.hm-page-home .hm-home,
.hm-page-home .hm-hero,
.hm-page-home .hm-hero-slide{
  background:#080a0d;
}
.hm-page-home .hm-site-footer::before{display:none}
.hm-home-panels{
  margin-top:8px;
  gap:14px;
}
.hm-home-panels .hm-panel{
  border:1px solid #2c3138;
  border-radius:12px;
  background:#101318;
  box-shadow:0 12px 30px rgba(0,0,0,.2);
}
.hm-home-panels .hm-panel>header,
.hm-home-panels .hm-service-copy>header,
.hm-home-panels .hm-wholesale-panel header{
  min-height:50px;
  padding:0 16px;
  border-bottom:1px solid #272c33;
  background:#12151a;
}
.hm-home-panels .hm-panel h2,
.hm-home-panels .hm-service-copy>header h2,
.hm-home-panels .hm-wholesale-panel header h2{
  margin:0;
  font-size:15px;
  line-height:1.2;
  letter-spacing:-.01em;
}
.hm-home-panels .hm-panel header>a,
.hm-home-panels .hm-panel header>span{
  min-height:32px;
  padding:0 14px;
  border:1px solid rgba(239,31,41,.42);
  border-radius:18px;
  background:transparent;
  display:inline-flex;
  align-items:center;
  color:#ff3039;
  font-size:11px;
  font-weight:850;
}
.hm-home-panels .hm-bike-card{
  border-color:#303640;
  background:#171a1f;
  transition:border-color .2s ease,transform .2s ease;
}
.hm-home-panels .hm-bike-card:hover{
  border-color:rgba(239,31,41,.72);
  transform:translateY(-2px);
}
.hm-home-panels .hm-bike-image{
  background:#0d1014;
}
.hm-home-panels .hm-parts-grid a{
  border-color:#303640;
  background:#171a1f;
  transition:border-color .2s ease,background .2s ease;
}
.hm-home-panels .hm-parts-grid a:hover{
  border-color:rgba(239,31,41,.72);
  background:#1b1e24;
  transform:none;
}
.hm-home-panels .hm-service-copy{
  padding:0 12px 14px;
  background:#101318;
}
.hm-home-panels .hm-service-copy>header{padding:0 4px;background:transparent}
.hm-home-panels .hm-service-copy li{
  color:#d6dae0;
  background:transparent;
}
.hm-home-panels .hm-wholesale-panel>div{background:#101318}
.hm-home-panels .hm-wholesale-panel header{padding:0;background:transparent}
.hm-home-panels .hm-wholesale-panel li{color:#d6dae0}
.hm-home-panels .hm-quote{
  border-color:#303640;
  background:#171a1f;
}
.hm-home-panels .hm-why-grid span{color:#f2f3f5}
.hm-home-panels .hm-why-grid .ui-icon{color:#f02630}
@media(max-width:980px){
  .hm-home-panels{margin-top:8px}
}

/* v26.10 — original header width and permanently full-height hero artwork */
.hm-header-inner{
  width:min(1480px,calc(100% - 32px));
  max-width:none;
  margin:0 auto;
  padding:0;
}
.hm-hero-slide::before{
  top:0;
  bottom:0;
  height:100%;
  min-height:100%;
  background-size:cover!important;
}
@media(max-width:980px){
  .hm-header-inner{width:calc(100% - 18px);padding:0}
}

/* v26.11 — full-width hero artwork and stronger navigation typography */
.hm-hero-slide::before,
.hm-hero-divider-curve .hm-hero-slide::before,
.hm-hero-divider-diagonal .hm-hero-slide::before{
  inset:0!important;
  width:100%;
  height:100%;
  opacity:1;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  background-position:center center;
  background-size:cover!important;
}
.hm-main-nav{gap:3px}
.hm-main-nav a{
  padding:0 14px;
  font-size:15px;
  font-weight:800;
  letter-spacing:.012em;
  transition:color .2s ease,background .2s ease;
}
.hm-main-nav a:hover{
  color:#fff;
  background:rgba(255,255,255,.035);
}
.hm-main-nav a.active{color:#ff3039}
.hm-main-nav a::after{left:14px;right:14px;height:3px}
@media(max-width:1500px) and (min-width:981px){
  .hm-main-nav a{padding:0 10px;font-size:14px}
  .hm-main-nav a::after{left:10px;right:10px}
}
@media(max-width:980px){
  .hm-hero-slide::before{opacity:.48;background-position:62% center}
  .hm-main-nav{gap:0}
  .hm-main-nav a{height:54px;padding:0 14px;font-size:17px;font-weight:800}
}
@media(max-width:639px){
  .hm-hero-slide::before{opacity:.4;background-position:64% center}
}

/* v26.12 — three-line hero titles and a taller synchronized frame */
.hm-hero-slides,
.hm-hero-slide,
.hm-hero-slide.active{
  height:760px;
  min-height:760px;
}
.hm-hero-content{height:760px}
.hm-hero-content h1{height:3.12em}
.hm-hero-content h1 span,
.hm-hero-content h1 strong,
.hm-hero-content h1 em{
  display:block;
  width:100%;
  height:1.04em;
  margin:0;
  overflow:visible;
  white-space:nowrap;
  text-overflow:clip;
  font-style:normal;
}
.hm-hero-content h1 strong,
.hm-hero-content h1 em{color:#ed1b24}
.dev-preview-copy h3 em{
  display:block;
  margin-top:4px;
  color:var(--red);
  font-style:normal;
}
@media(max-width:820px){
  .hm-hero-slides,
  .hm-hero-slide,
  .hm-hero-slide.active,
  .hm-hero-content{height:560px;min-height:560px}
}
@media(max-width:639px){
  .hm-hero-slides,
  .hm-hero-slide,
  .hm-hero-slide.active,
  .hm-hero-content{height:500px;min-height:500px}
}
@media(min-width:1024px){
  .hm-hero-slides,
  .hm-hero-slide,
  .hm-hero-slide.active,
  .hm-hero-content{
    height:960px;
    min-height:960px;
  }
}

/* v26.14 — top-right controls, timed progress and clean menu motion */
.hm-slider-controls{
  top:24px;
  right:24px;
  bottom:auto;
  left:auto;
  width:auto;
  transform:none;
  justify-content:flex-start;
  gap:8px;
}
.hm-slider-controls button{
  width:42px;
  height:42px;
  border-color:rgba(255,255,255,.24);
  background:rgba(8,10,13,.82);
}
.hm-slider-controls button.next{
  background:#e51d27;
  border-color:#e51d27;
}
.hm-slider-progress{
  position:absolute;
  z-index:13;
  top:0;
  right:0;
  left:0;
  height:4px;
  overflow:hidden;
  background:rgba(255,255,255,.12);
  pointer-events:none;
}
.hm-slider-progress span{
  display:block;
  width:100%;
  height:100%;
  background:#ed1b24;
  transform:scaleX(0);
  transform-origin:left center;
}
.hm-slider-progress.running span{
  animation:hmHeroProgress var(--hero-progress-duration,6000ms) linear forwards;
}
@keyframes hmHeroProgress{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}
.hm-hero-slide:not(.active) .hm-hero-content{
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(10px)!important;
  transition:none!important;
}
.hm-hero-slide.active .hm-hero-content{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  transition:opacity .48s ease .2s,transform .48s ease .2s!important;
}
.hm-site-header{background:#08090b}
.hm-main-nav{gap:2px}
.hm-main-nav a{
  background:none!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;
  font-weight:750;
  letter-spacing:0;
}
.hm-main-nav a:hover{background:none!important;color:#fff}
.hm-main-nav a.active{background:none!important;color:#f12932}
.hm-login-button{background:#e51d27}
@media(max-width:1500px) and (min-width:981px){
  .hm-main-nav a{font-size:14px}
}
@media(max-width:820px){
  .hm-slider-controls{display:flex;top:14px;right:14px}
  .hm-slider-controls button{width:38px;height:38px}
}

/* v26.15 — approved premium products and services showcase */
.hm-home-showcase-head{
  width:min(1504px,calc(100% - 96px));
  margin:0 auto;
  padding:64px 20px 28px;
  text-align:center;
}
.hm-home-showcase-head>span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  color:#ef202a;
  font-size:11px;
  font-weight:900;
  letter-spacing:.025em;
}
.hm-home-showcase-head>span::before,
.hm-home-showcase-head>span::after{
  content:"";
  width:30px;
  height:1px;
  background:rgba(239,32,42,.55);
}
.hm-home-showcase-head h2{
  margin:13px 0 8px;
  color:#f8f8f9;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:34px;
  font-weight:850;
  line-height:1.08;
  letter-spacing:-.035em;
}
.hm-home-showcase-head p{
  margin:0;
  color:#aeb2b9;
  font-size:14px;
  line-height:1.55;
}
.hm-home-showcase-head>i{
  position:relative;
  display:block;
  width:72px;
  height:2px;
  margin:14px auto 0;
  background:#343942;
}
.hm-home-showcase-head>i::before{
  content:"";
  position:absolute;
  top:0;
  left:20px;
  width:32px;
  height:2px;
  background:#ef202a;
  box-shadow:0 0 12px rgba(239,32,42,.42);
}
.hm-home-panels{
  width:min(1504px,calc(100% - 96px));
  margin:0 auto 56px;
  grid-template-columns:1.18fr .92fr 1.12fr;
  gap:16px;
}
.hm-home-panels .hm-panel{
  position:relative;
  min-height:300px;
  overflow:hidden;
  border:1px solid #2b323c;
  border-radius:12px;
  background:linear-gradient(165deg,#141821 0%,#0e1116 68%);
  box-shadow:0 14px 36px rgba(0,0,0,.24);
  transition:border-color .3s ease,box-shadow .3s ease;
}
.hm-home-panels .hm-panel::before{
  content:"";
  position:absolute;
  top:0;
  left:22px;
  right:22px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(239,32,42,.5),transparent);
}
.hm-home-panels .hm-panel>header,
.hm-home-panels .hm-service-copy>header,
.hm-home-panels .hm-wholesale-panel header{
  min-height:59px;
  padding:0 20px;
  border:0;
  background:transparent;
}
.hm-home-panels .hm-panel h2,
.hm-home-panels .hm-service-copy>header h2,
.hm-home-panels .hm-wholesale-panel header h2{
  display:flex;
  align-items:center;
  gap:10px;
  color:#f5f6f8;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;
  font-weight:850;
  letter-spacing:-.025em;
}
.hm-home-panels .hm-panel h2>.ui-icon,
.hm-home-panels .hm-wholesale-panel h2>.ui-icon{
  width:22px;
  height:22px;
  color:#ee202a;
}
.hm-home-panels .hm-panel:hover,
.hm-home-panels .hm-panel:focus-within{
  border-color:#3c444f;
  box-shadow:0 18px 44px rgba(0,0,0,.32);
}
.hm-home-panels .hm-panel header>a{
  min-height:34px;
  padding:0 2px;
  border:0;
  border-radius:0;
  gap:7px;
  background:transparent;
  color:#f32630;
  font-size:12px;
  font-weight:800;
  transition:gap .22s ease,color .22s ease;
}
.hm-home-panels .hm-panel header>a:hover{gap:11px;color:#ff4850}
.hm-home-panels .hm-panel header>a .ui-icon{width:14px;height:14px;transition:transform .22s ease}
.hm-home-panels .hm-panel header>a:hover .ui-icon{transform:translateX(2px)}
.hm-home-panels .hm-featured-panel,
.hm-home-panels .hm-parts-panel,
.hm-home-panels .hm-service-panel{min-height:315px}

/* Shared icon-chip language: every icon in this section sits in a soft
   red-tinted rounded chip instead of floating bare, so parts, trust points
   and the testimonial mark all read as one consistent visual system. */
.hm-home-panels .hm-chip-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:11px;
  background:rgba(239,32,42,.12);
  border:1px solid rgba(239,32,42,.24);
  color:#ff3038;
  transition:transform .28s ease,background .28s ease,border-color .28s ease;
}
.hm-home-panels .hm-chip-icon .ui-icon{width:auto;height:auto}

/* Panel header icons join the same chip language — sized to sit
   comfortably beside the 16px header title instead of floating bare. */
.hm-home-panels .hm-panel-icon{width:32px;height:32px;border-radius:9px;flex:0 0 auto}
.hm-home-panels .hm-panel-icon .ui-icon{width:16px;height:16px}

.hm-home-panels .hm-bike-cards{gap:8px;padding:0 16px 16px}
.hm-home-panels .hm-bike-card{
  min-width:0;
  padding:10px 10px 12px;
  border:1px solid #343a43;
  border-radius:9px;
  background:#171a1f;
  box-shadow:none;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.hm-home-panels .hm-bike-card:first-child{border-color:#e32630}
.hm-home-panels .hm-bike-card:hover{
  border-color:#e32630;
  transform:translateY(-4px);
  box-shadow:0 15px 28px rgba(0,0,0,.28);
}
.hm-home-panels .hm-bike-image{
  position:relative;
  height:142px;
  border-radius:6px;
  background:radial-gradient(120% 120% at 50% 28%,#eef0f3 0%,#dcdfe4 68%,#ced1d7 100%);
  overflow:hidden;
}
.hm-home-panels .hm-bike-image::after{
  content:"";
  position:absolute;
  left:16%;
  right:16%;
  bottom:9px;
  height:11px;
  border-radius:50%;
  background:radial-gradient(closest-side,rgba(20,22,26,.35),transparent 75%);
}
.hm-home-panels .hm-bike-image img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  padding:6px;
  object-fit:contain;
  filter:contrast(1.03);
  transition:transform .4s ease;
}
.hm-home-panels .hm-bike-card:hover .hm-bike-image img{transform:translateY(-3px) scale(1.03)}
.hm-home-panels .hm-bike-card>strong{margin-top:11px;font-size:15px}
.hm-home-panels .hm-bike-card>small{margin-top:6px;color:#aeb2b8;font-size:12px}
.hm-home-panels .hm-bike-card>b{
  margin-top:6px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#ff2731;
  font-size:14px;
}
.hm-home-panels .hm-bike-card>b .ui-icon{width:16px;height:16px;color:#f7f7f8;transition:transform .22s ease}
.hm-home-panels .hm-bike-card:hover>b .ui-icon{transform:translateX(3px)}

.hm-home-panels .hm-parts-grid{gap:7px;padding:0 14px 15px}
.hm-home-panels .hm-parts-grid a{
  height:118px;
  border:1px solid #343a43;
  border-radius:8px;
  background:#171a1f;
  gap:10px;
  color:#f1f2f4;
  font-size:12px;
  font-weight:750;
  transition:transform .28s ease,border-color .28s ease,background .28s ease;
}
.hm-home-panels .hm-parts-grid a:hover{border-color:#e32630;background:#1a1d22;transform:translateY(-3px)}
.hm-home-panels .hm-parts-grid a:hover .hm-chip-icon{background:rgba(239,32,42,.22);border-color:rgba(239,32,42,.4);transform:scale(1.06)}
.hm-home-panels .hm-parts-grid .hm-chip-icon{width:42px;height:42px;border-radius:10px}
.hm-home-panels .hm-parts-grid .ui-icon{width:22px;height:22px;color:#ef202a}

.hm-home-panels .hm-service-panel{grid-template-columns:44% 56%}
.hm-home-panels .hm-service-image{
  position:relative;
  min-height:315px;
  background-position:center;
  background-size:cover;
}
.hm-home-panels .hm-service-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 55%,rgba(17,20,25,.55) 88%,#111419 100%);
}
.hm-home-panels .hm-service-ribbon{
  position:absolute;
  z-index:1;
  top:14px;
  left:14px;
  padding:7px 11px;
  border:1px solid rgba(238,32,42,.35);
  border-radius:6px;
  background:rgba(17,20,25,.66);
  backdrop-filter:blur(6px);
  color:#ffd6d8;
  font-size:11px;
  font-weight:750;
  line-height:1.45;
  letter-spacing:.01em;
}
.hm-home-panels .hm-service-copy{padding:0 21px 18px;background:#111419}
.hm-home-panels .hm-service-copy>header{min-height:56px;padding:0}
.hm-home-panels .hm-service-copy>header h2{font-size:23px;line-height:1.17}
.hm-home-panels .hm-service-copy>header h2 .hm-panel-icon{width:34px;height:34px;border-radius:10px}
.hm-home-panels .hm-service-copy>header h2 .hm-panel-icon .ui-icon{width:17px;height:17px}
.hm-home-panels .hm-service-copy ul{margin:3px 0 20px}
.hm-home-panels .hm-service-copy li{
  display:flex;
  align-items:center;
  gap:10px;
  margin:10px 0;
  padding-left:0;
  color:#dce0e5;
  font-size:12px;
}
.hm-home-panels .hm-service-copy li::before,
.hm-home-panels .hm-wholesale-panel li::before{
  content:"\2713";
  position:static;
  flex:0 0 auto;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(239,32,42,.16);
  color:#ff3038;
  font-size:10px;
  font-weight:900;
}
.hm-home-panels .hm-service-copy .hm-primary-button{
  min-height:52px;
  border-radius:5px;
  font-size:12px;
  box-shadow:0 10px 24px rgba(229,29,39,.18);
}

.hm-home-panels .hm-wholesale-panel,
.hm-home-panels .hm-testimonial-panel,
.hm-home-panels .hm-why-panel{min-height:290px}
.hm-home-panels .hm-wholesale-panel{grid-template-columns:55% 45%}
.hm-home-panels .hm-wholesale-panel>div{padding:0 20px 19px}
.hm-home-panels .hm-wholesale-panel header{min-height:60px}
.hm-home-panels .hm-wholesale-panel ul{margin:3px 0 20px}
.hm-home-panels .hm-wholesale-panel li{
  display:flex;
  align-items:center;
  gap:12px;
  margin:10px 0;
  padding-left:0;
  color:#dce0e5;
  font-size:12px;
}
.hm-home-panels .hm-wholesale-panel .hm-secondary-button{
  min-height:48px;
  padding:0 17px;
  border-color:#3d444e;
  font-size:12px;
}
.hm-home-panels .hm-wholesale-panel{position:relative}
.hm-home-panels .hm-wholesale-panel img{width:100%;height:100%;object-fit:cover}
.hm-home-panels .hm-wholesale-panel::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:55%;
  width:70px;
  background:linear-gradient(90deg,#111419,transparent);
  pointer-events:none;
}

.hm-home-panels .hm-quote{
  position:relative;
  min-height:190px;
  margin:0 15px;
  padding:22px 20px 20px;
  border:1px solid #343a43;
  border-radius:10px;
  background:#171a1f;
  display:flex;
  flex-direction:column;
}
.hm-home-panels .hm-quote-icon{width:38px;height:38px;border-radius:10px;margin-bottom:14px}
.hm-home-panels .hm-quote-icon .ui-icon{width:19px;height:19px}
.hm-home-panels .hm-quote p{margin:0;color:#e0e3e7;font-size:13px;line-height:1.65}
.hm-home-panels .hm-quote-foot{
  display:flex;
  align-items:center;
  gap:11px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid #2a2f37;
}
.hm-home-panels .hm-quote-avatar{
  flex:0 0 auto;
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(150deg,#ef202a,#b90f16);
  color:#fff;
  font-size:13px;
  font-weight:800;
}
.hm-home-panels .hm-quote-who{min-width:0;flex:1;display:grid;gap:2px}
.hm-home-panels .hm-quote-who strong{font-size:12.5px;color:#f2f3f5;font-weight:750}
.hm-home-panels .hm-quote-who small{color:#9da2a9;font-size:11px}
.hm-home-panels .hm-stars{flex:0 0 auto;color:#ffab00;font-size:13px;letter-spacing:1.5px}
.hm-quote-slider{position:relative}
.hm-quote-slider .hm-quote{display:none}
.hm-quote-slider .hm-quote.active{display:flex;animation:hm-quote-fade .35s ease}
@keyframes hm-quote-fade{from{opacity:0}to{opacity:1}}
.hm-testimonial-progress{height:25px;display:flex;align-items:center;justify-content:center;gap:6px}
.hm-testimonial-progress i{width:24px;height:2px;background:#5a6069;cursor:pointer;transition:background .2s ease}
.hm-testimonial-progress i.active{background:#ef202a}

.hm-home-panels .hm-why-grid{height:225px;padding:5px 12px 12px}
.hm-home-panels .hm-why-grid span{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
  padding:0 12px;
  text-align:center;
}
.hm-home-panels .hm-why-grid span+span::before{
  content:"";
  position:absolute;
  top:38px;
  bottom:38px;
  left:0;
  width:1px;
  background:#2b3037;
}
.hm-home-panels .hm-why-grid .hm-chip-icon{width:56px;height:56px;border-radius:16px;margin-bottom:14px}
.hm-home-panels .hm-why-grid .ui-icon{width:26px;height:26px}
.hm-home-panels .hm-why-grid b{font-size:12px;line-height:1.45;font-weight:650}
.hm-motion-ready [data-home-reveal]{
  opacity:0;
  transform:translateY(10px);
  transition:opacity .55s ease var(--reveal-delay,0ms),transform .55s ease var(--reveal-delay,0ms);
}
.hm-motion-ready [data-home-reveal].is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){
  .hm-motion-ready [data-home-reveal]{opacity:1;transform:none;transition:none}
  .hm-home-panels .hm-panel,
  .hm-home-panels .hm-bike-card,
  .hm-home-panels .hm-bike-image img,
  .hm-home-panels .hm-parts-grid a{transition:none}
}
@media(max-width:1260px){
  .hm-home-showcase-head,.hm-home-panels{width:calc(100% - 36px)}
  .hm-home-panels{grid-template-columns:1fr 1fr}
  .hm-home-panels .hm-service-panel{grid-column:1/-1}
}
@media(max-width:980px){
  .hm-home-showcase-head{padding-top:46px}
  .hm-home-panels{grid-template-columns:1fr}
  .hm-home-panels .hm-service-panel{grid-column:auto}
}
@media(max-width:640px){
  .hm-home-showcase-head{width:calc(100% - 24px);padding:40px 8px 22px}
  .hm-home-showcase-head h2{font-size:27px}
  .hm-home-showcase-head p{font-size:12px}
  .hm-home-panels{width:calc(100% - 18px);gap:12px}
  .hm-home-panels .hm-bike-cards{grid-template-columns:1fr}
  .hm-home-panels .hm-bike-image{height:190px}
  .hm-home-panels .hm-service-panel{grid-template-columns:1fr}
  .hm-home-panels .hm-service-image{min-height:270px}
  .hm-home-panels .hm-wholesale-panel{grid-template-columns:1fr}
  .hm-home-panels .hm-wholesale-panel::after{display:none}
  .hm-home-panels .hm-wholesale-panel img{height:220px}
  .hm-home-panels .hm-why-grid{height:auto;grid-template-columns:1fr 1fr;gap:0;padding:10px}
  .hm-home-panels .hm-why-grid span{min-height:150px}
  .hm-home-panels .hm-why-grid span+span::before{display:none}
}

/* v26.18 — shared location-access control */
.dev-location-status{
  min-height:29px;
  padding:0 11px;
  border:1px solid;
  border-radius:15px;
  display:inline-flex;
  align-items:center;
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
}
.dev-location-status.enabled{border-color:rgba(54,201,109,.45);background:rgba(54,201,109,.1);color:#54df87}
.dev-location-status.disabled{border-color:rgba(255,91,99,.42);background:rgba(229,27,35,.09);color:#ff7e84}
.dev-location-form{grid-template-columns:minmax(320px,1fr) auto auto;align-items:end}
.dev-location-form .dev-button{height:39px}
@media(max-width:640px){
  .dev-location-form{grid-template-columns:1fr}
}

/* v30.15 — grouped desktop/tablet/mobile picture controls in the developer panel */
.dev-image-controls{padding:14px;border:1px solid #33343a;border-radius:8px;background:#121316}
.dev-image-controls-note{margin:0 0 12px;font-size:12px;line-height:1.55;color:#9a9ba1}
.dev-image-controls-note b{color:#d6d7dc;font-weight:750}
.dev-image-controls .dev-form-grid{gap:10px}

/* v30.13 — fix: the mobile menu looked transparent because an unconditional
   desktop rule (.hm-main-nav{height:84px}) was clipping the open mobile dropdown
   to 84px tall, while its 6 links actually need about 344px. The extra links were
   still being drawn, just outside the menu's own background box, so they appeared
   to float directly over the hero image with no backing behind them. Forcing the
   menu to grow to fit its links (and raising it above the hero for good measure)
   fixes it. */
@media(max-width:980px){
  .hm-main-nav{height:auto!important;z-index:95!important}
  .hm-main-nav a{height:54px!important}
}

/* v30.15 — developer-adjustable hero image size AND focus, now set separately for
   desktop, tablet and mobile (Developer Panel: Hero Section and Page Heroes).

   Each breakpoint reads its own variable first and falls back to the desktop one:
       var(--x-tablet, var(--x, <built-in default>))
   The panel only writes a -tablet / -mobile variable when the developer picks
   something other than "Same as desktop", so an unset override transparently
   inherits the desktop choice with no extra markup.

   !important is required here because older fixed crop values still live inside
   these same breakpoints further up the file. */
.hm-hero-slide::before{
  background-size:var(--hm-hero-image-size,cover)!important;
  background-position:var(--hm-hero-image-position,center)!important;
}
.hm-inner-page .page-hero{
  background-size:var(--page-hero-image-size,cover)!important;
  background-position:var(--page-hero-image-position,66% 53%)!important;
}
@media(max-width:980px){
  .hm-hero-slide::before{
    background-size:var(--hm-hero-image-size-tablet,var(--hm-hero-image-size,cover))!important;
    background-position:var(--hm-hero-image-position-tablet,var(--hm-hero-image-position,62% center))!important;
  }
  .hm-inner-page .page-hero{
    background-size:var(--page-hero-image-size-tablet,var(--page-hero-image-size,cover))!important;
    background-position:var(--page-hero-image-position-tablet,var(--page-hero-image-position,62% center))!important;
  }
}
@media(max-width:640px){
  .hm-hero-slide::before{
    background-size:var(--hm-hero-image-size-mobile,var(--hm-hero-image-size,cover))!important;
    background-position:var(--hm-hero-image-position-mobile,var(--hm-hero-image-position,64% center))!important;
  }
  .hm-inner-page .page-hero{
    background-size:var(--page-hero-image-size-mobile,var(--page-hero-image-size,cover))!important;
    background-position:var(--page-hero-image-position-mobile,var(--page-hero-image-position,60% center))!important;
  }
}

/* v30.17 — kill the leftover blank strip at the bottom of the mobile/tablet
   hero. Several older blocks earlier in this file (v23 "consolidated" rules,
   v26.12's taller synchronized frame) each set their own fixed height/
   min-height on .hm-hero-slide.active — including one using a dvh-based
   calc() that can still land above the actual content height on tall
   phones. This is appended last and marked !important so it always wins,
   regardless of which of those older rules a given screen size matches. */
@media(max-width:820px){
  .hm-hero-slides,
  .hm-hero-slide,
  .hm-hero-slide.active,
  .hm-hero-content{height:560px!important;min-height:560px!important}
}
@media(max-width:639px){
  .hm-hero-slides,
  .hm-hero-slide,
  .hm-hero-slide.active,
  .hm-hero-content{height:480px!important;min-height:480px!important}
}

/* v30.19 — group cart/call/menu together in the top-right corner on
   tablet and mobile. Both .hm-header-tools and .hm-menu-toggle carry
   margin-left:auto (the toggle's auto margin is a leftover from the
   desktop rule where it's display:none and harmless there). At mobile
   widths both are visible flex items, so flexbox splits the header's
   free space between the two auto margins, opening a gap between the
   Call button and the hamburger icon instead of keeping them together
   at the right edge. Only the tools group needs to soak up the free
   space; the toggle should just sit right next to it. */
@media(max-width:980px){
  .hm-menu-toggle{margin-left:0!important}
}

/* v30.20 — Developer Panel > Role Access matrix */
.dev-role-access-toggle{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  margin-bottom:16px;
  border:1px solid #2b2c31;
  border-radius:10px;
  background:#101115;
  cursor:pointer;
}
.dev-role-access-toggle input{margin-top:4px;width:18px;height:18px;flex:0 0 auto}
.dev-role-access-toggle strong{display:block;font-size:14px}
.dev-role-access-toggle small{display:block;margin-top:2px;color:#9a9ca3;font-size:12px}
.dev-role-access-scroll{overflow-x:auto;margin-bottom:16px;border:1px solid #2b2c31;border-radius:10px}
.dev-role-access-table{min-width:640px}
.dev-role-access-table th,
.dev-role-access-table td{white-space:nowrap}
.dev-role-access-cell{text-align:center}
.dev-role-access-cell input{width:17px;height:17px;cursor:pointer}
.dev-role-access-cell input:disabled{opacity:.5;cursor:not-allowed}

/* v30.22 — homepage customer review carousel (multiple reviews, auto-sliding) */
@media(prefers-reduced-motion:reduce){
  .hm-quote-slider .hm-quote.active{animation:none}
}

/* v30.31 — six-role User Accounts summary (7 cards: 6 roles + disabled) */
.dev-summary-six{grid-template-columns:repeat(4,1fr)}
@media(max-width:1260px){.dev-summary-six{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.dev-summary-six{grid-template-columns:1fr 1fr}}

/* v30.32 — Employees table delete action */
.panel-button.icon-only{padding:0;width:40px;justify-content:center;flex:0 0 auto}