/* ORBITECH365 Dealer Home V3 (approved Dealer Home design, 2026-09-26; V1 2026-09-25). Scoped to .hm-* plus the
   index.html portal shell under .dp-v3 (light sidebar, logo, header search / cart / notifications / identity).
   Presentation only. Desktop follows the approved composition; phones get search first, stacked hero and
   rewards, horizontally scrollable rails and no page-level horizontal overflow. */
:root{--hm-blue:#1557e6;--hm-blue-d:#0f46c2;--hm-navy:#0f1b3d;--hm-ink:#1f2a44;--hm-line:#e4e9f2;--hm-muted:#667085;--hm-red:#e02424;--hm-bg:#f6f8fc;--hm-radius:12px}

/* ---------- portal shell (.dp-v3, index.html only) ---------- */
.dn-ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
.dp-v3.dealer-app{height:100vh;height:100dvh;grid-template-rows:64px 1fr}
.dp-v3 .dealer-topbar{gap:20px;padding:0 22px 0 0;border-bottom:1px solid #e7ecf3;box-shadow:none}
.dp-v3 .dealer-brand{flex:0 0 240px;width:240px;height:100%;padding:0 16px 0 22px;border-right:1px solid #e7ecf3;background:#fff}
.dp-v3 .dealer-logo{display:block;min-width:0}
.dp-v3 .dealer-logo img{display:block;width:auto;height:40px;max-width:100%;object-fit:contain}
.dp-v3 .dealer-layout{grid-template-columns:240px minmax(0,1fr)}
.dp-v3 .dealer-sidebar{display:flex;flex-direction:column;background:#fff;color:var(--hm-ink);border-right:1px solid #e7ecf3;padding:14px 12px 14px}
.dp-v3 .dealer-sidebar::-webkit-scrollbar-thumb{background:#d8dfea}
.dp-v3 .dealer-sidebar>.dealer-nav-title{display:none}
.dp-v3 .dealer-nav{display:flex;flex-direction:column}
.dp-v3 .dealer-nav>.dealer-nav-title:last-of-type,.dp-v3 .dealer-nav>.dealer-nav-title:last-of-type~*{order:1}
.dp-v3 .dealer-nav>.dealer-nav-title~[data-module="profile"]{order:0}
.dp-v3 .dealer-nav .dealer-nav-title{height:1px;margin:10px 12px;background:#edf1f6;font-size:0;overflow:hidden}
.dp-v3 .dealer-nav button{white-space:nowrap;min-height:42px;margin-bottom:2px;padding:9px 14px;border-radius:10px;gap:14px;color:var(--hm-ink);font-size:var(--dealer-fs-body,14.5px);font-weight:560}
.dp-v3 .dealer-nav button>span{width:22px;color:#3b4a63}
.dp-v3 .dealer-nav button .dn-ico{width:21px;height:21px}
.dp-v3 .dealer-nav button:hover{background:#f2f6fd;color:var(--hm-navy)}
.dp-v3 .dealer-nav button.active{background:#e8f0fe;color:var(--hm-blue);box-shadow:none;font-weight:700}
.dp-v3 .dealer-nav button.active>span{color:var(--hm-blue)}
.dp-v3 .dealer-nav button:focus-visible{outline:3px solid rgba(21,87,230,.2)}
.dealer-help{display:none}
.dp-v3 .dealer-help{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin:16px 4px 0;padding:14px;border:1px solid #e3e9f3;border-radius:12px;background:linear-gradient(135deg,#f7faff,#fff)}
.dp-v3 .dealer-help strong{font-size:var(--dealer-fs-body-lg,15px);color:var(--hm-navy)}
.dp-v3 .dealer-help span{font-size:var(--dealer-fs-tiny,12px);color:var(--hm-muted)}
.dp-v3 .dealer-help button{margin-top:9px;border:0;border-radius:8px;background:var(--hm-blue);color:#fff;font-weight:700;font-size:var(--dealer-fs-caption,13px);padding:8px 14px;cursor:pointer}
.dp-v3 .dealer-help button:hover{background:var(--hm-blue-d)}
.dealer-side-brand{display:none}
.dp-v3 .dealer-side-brand{display:block;margin:auto 8px 0;padding-top:18px}
.dp-v3 .dealer-side-brand img{display:block;width:100%;max-width:180px;height:auto;margin:0 auto}
.dp-v3 .dealer-content{background:var(--hm-bg)}
.dp-v3 .dealer-content[data-route="dashboard"] .dealer-stage{padding:16px 22px 18px}
.dp-v3~.dealer-scrim{inset:64px 0 0 0}

/* ---------- header: search, cart, notifications, identity ---------- */
.dealer-topbar::before{content:none}
.dealer-top-search{flex:1 1 auto;max-width:700px;margin:0 auto;display:flex;align-items:center;gap:10px;min-width:0;height:44px;padding:0 4px 0 14px;border:1px solid #d6deeb;border-radius:10px;background:#fff}
.dp-v3 .dealer-top-search{margin:0 auto 0 0}
.dealer-top-search:focus-within{border-color:#93b4f5;box-shadow:0 0 0 3px rgba(21,87,230,.12)}
.dealer-top-search>span{color:var(--hm-muted);font-size:var(--dealer-fs-h4,18px);display:grid;place-items:center}
.dealer-top-search input{flex:1 1 auto;min-width:0;border:0;background:transparent;font:inherit;font-size:var(--dealer-fs-body,14.5px);color:var(--dealer-text,#172033);outline:0}
.dealer-top-search button{height:36px;padding:0 26px;border:0;border-radius:8px;background:var(--hm-blue);color:#fff;font-weight:700;cursor:pointer}
.dealer-top-search button:hover{background:var(--hm-blue-d)}
.dealer-cart-pill{position:relative}
.dealer-cart-count{position:absolute;top:-7px;right:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--hm-red);color:#fff;font-size:var(--dealer-fs-micro,11.5px);line-height:19px;font-weight:800;text-align:center}
.dp-v3 .dealer-top-meta{gap:12px;color:#334155}
.dp-v3 .dealer-cart-pill,.dp-v3 .dealer-icon-button{width:42px;height:42px;min-height:0;padding:0;border:0;border-radius:10px;background:transparent;display:grid;place-items:center;color:#334155;cursor:pointer}
.dp-v3 .dealer-cart-pill:hover,.dp-v3 .dealer-icon-button:hover{background:#f2f6fd}
.dp-v3 .dealer-cart-pill .dn-ico,.dp-v3 .dealer-icon-button .dn-ico{width:25px;height:25px}
.dp-v3 .dealer-cart-count{top:1px;right:0}
.dp-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dealer-identity{display:flex;align-items:center;gap:10px;min-width:0;max-width:280px}
.dealer-identity .di-avatar{flex:0 0 40px;width:40px;height:40px;border-radius:999px;background:var(--hm-blue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:var(--dealer-fs-caption,13px)}
.dealer-identity .di-text{display:flex;flex-direction:column;min-width:0}
.dealer-identity strong{font-size:var(--dealer-fs-caption,13px);color:var(--dealer-text,#172033);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dealer-identity small{font-size:var(--dealer-fs-tiny,12px);color:var(--hm-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp-v3 .dealer-identity{padding-left:12px;border-left:1px solid #e7ecf3}
.dealer-has-identity .dealer-auth-v1-status{display:none}
.dealer-has-identity .dealer-top-meta .dealer-pill:last-child::before{content:"Logout"}
.dp-v3.dealer-has-identity .dealer-top-meta .dealer-pill:last-child::before{font-size:var(--dealer-fs-caption,13px);font-weight:700;color:#475467}
.dp-v3 .dealer-top-meta .dealer-auth-v1-button{min-height:34px;padding:6px 11px;border-color:#dfe5ee}
/* The header can never widen the page: the app grid column is capped at the viewport and the header
   shrinks inside it (before 2026-09-25 its fixed content could push a 375 px phone layout to ~414 px). */
.dealer-app{grid-template-columns:minmax(0,1fr)}
.dealer-topbar,.dealer-top-meta,.dealer-brand{min-width:0}
.dealer-brand>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Home replaces the generic context bar with its own layout. */
.dealer-content[data-route="dashboard"] .dealer-context{display:none}

/* ---------- Home shell ---------- */
.hm-shell{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:1560px;margin:0 auto}
.hm-shell *{min-width:0}
.hm-ico{width:22px;height:22px;display:block}
.hm-card{background:#fff;border:1px solid var(--hm-line);border-radius:var(--hm-radius);padding:14px 16px;box-shadow:0 2px 10px rgba(15,27,61,.03)}
.hm-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.hm-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--dealer-fs-h3,19px);font-weight:760;color:var(--hm-navy);letter-spacing:-.01em}
.hm-head-ico{display:grid;place-items:center;color:var(--hm-blue)}
.hm-viewall{border:0;background:none;padding:4px 0;color:var(--hm-blue);font-weight:650;font-size:var(--dealer-fs-caption,13px);cursor:pointer;white-space:nowrap}
.hm-viewall:hover{text-decoration:underline}
.hm-sub{margin:-8px 0 10px;color:var(--hm-muted);font-size:var(--dealer-fs-tiny,12px)}
.hm-state{margin:4px 0;color:var(--hm-muted);font-size:var(--dealer-fs-body,14.5px)}
.hm-error{color:#b42318}
.hm-fine{margin:8px 0 0;color:var(--hm-muted);font-size:var(--dealer-fs-tiny,12px)}
.hm-primary{border:0;border-radius:10px;background:var(--hm-blue);color:#fff;font-weight:800;padding:11px 22px;cursor:pointer}
.hm-mobile-search,.hm-welcome{display:none}
.hm-search{display:flex;align-items:center;gap:8px;height:46px;padding:0 5px 0 13px;border:1px solid var(--hm-line);border-radius:12px;background:#fff}
.hm-search>span{color:var(--hm-muted);font-size:var(--dealer-fs-h4,18px)}
.hm-search input{flex:1 1 auto;min-width:0;border:0;outline:0;font:inherit;font-size:var(--dealer-fs-body-lg,15px);background:transparent}
.hm-search button{height:36px;padding:0 16px;border:0;border-radius:9px;background:var(--hm-blue);color:#fff;font-weight:800}
/* phones only: compact welcome (the header identity collapses to its avatar there) */
.hm-welcome{align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid var(--hm-line);border-radius:var(--hm-radius)}
.hm-avatar{flex:0 0 38px;width:38px;height:38px;border-radius:999px;background:var(--hm-blue);color:#fff;display:grid;place-items:center;font-weight:850;font-size:var(--dealer-fs-caption,13px)}
.hm-welcome>div:last-child{display:flex;flex-direction:column;min-width:0}
.hm-hello{color:var(--hm-muted);font-size:var(--dealer-fs-tiny,12px)}
.hm-welcome h1{margin:0;font-size:var(--dealer-fs-emphasis,16px);font-weight:850;color:var(--hm-navy);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-region{color:var(--hm-muted);font-size:var(--dealer-fs-tiny,12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- 1. hero | My Rewards ---------- */
.hm-top{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:14px;align-items:stretch}
.hm-hero{position:relative;min-height:190px;border-radius:14px;overflow:hidden;background:radial-gradient(120% 140% at 85% 20%,#1d4ed8 0%,#123a8c 45%,#0a1a45 100%);color:#fff;box-shadow:0 6px 18px rgba(15,27,61,.12)}
.hm-slide{display:none;position:absolute;inset:0;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center}
.hm-slide.active{display:grid;position:relative;min-height:190px}
.hm-hero-body{padding:20px 26px 26px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.hm-hero-kicker{display:inline-block;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.16);font-size:var(--dealer-fs-micro,11.5px);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.hm-hero h2{margin:2px 0 0;font-size:var(--dealer-fs-title,27px);line-height:1.12;font-weight:850;letter-spacing:-.02em}
.hm-hero p{margin:0;color:#dbe6ff;font-size:var(--dealer-fs-small,14px);max-width:60ch}
.hm-hero .hm-hero-benefit{color:#fde68a;font-weight:800;font-size:var(--dealer-fs-body-lg,15px)}
.hm-hero small{color:#c7d6f7;font-size:var(--dealer-fs-tiny,12px)}
.hm-hero-cta{margin-top:8px;border:0;border-radius:9px;background:#fff;color:var(--hm-navy);font-weight:800;padding:9px 18px;cursor:pointer}
.hm-hero-cta:hover{background:#e8efff}
.hm-hero-media{height:100%;display:flex;align-items:center;justify-content:center;padding:14px 22px 14px 0}
.hm-hero-media img{max-width:100%;max-height:158px;object-fit:contain;border-radius:12px;background:#fff;padding:8px;box-shadow:0 10px 26px rgba(0,0,0,.22)}
.hm-hero-brand .hm-hero-body{min-height:190px;justify-content:center}
.hm-dots{position:absolute;left:26px;bottom:11px;display:flex;gap:6px}
.hm-dots button{width:8px;height:8px;border-radius:999px;border:0;background:rgba(255,255,255,.42);padding:0;cursor:pointer}
.hm-dots button.active{width:22px;background:#fff}
/* My Rewards (real data later; Coming Soon now -- no points, gifts or values) */
.hm-rewards{display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px 18px;border:1px solid var(--hm-line);border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(15,27,61,.03)}
.hm-rw-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hm-rw-top h3{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--dealer-fs-h4,18px);font-weight:780;color:var(--hm-navy);white-space:nowrap}
.hm-rw-ico{display:grid;place-items:center;color:var(--hm-blue)}
.hm-rw-link{border:0;background:none;padding:0;color:var(--hm-blue);font-weight:650;font-size:var(--dealer-fs-caption,13px);cursor:pointer;white-space:nowrap}
.hm-rw-link:hover{text-decoration:underline}
.hm-rw-soon{flex:1;display:flex;align-items:center;gap:16px;padding:6px 2px 2px}
.hm-rw-art{flex:0 0 92px;width:92px;height:92px;border-radius:999px;display:grid;place-items:center;color:#f59e0b;background:radial-gradient(circle at 35% 30%,#fff7e0,#ffe4a8 70%,#fcd67a)}
.hm-rw-gift{width:48px;height:48px;stroke-width:1.6}
.hm-rw-soon>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.hm-soon-chip{padding:4px 11px;border-radius:999px;background:#fff4e5;color:#b45309;font-size:var(--dealer-fs-caption,13px);font-weight:800;white-space:nowrap}
.hm-rw-copy{margin:0;color:var(--hm-muted);font-size:var(--dealer-fs-caption,13px);line-height:1.45}
.hm-rw-line{display:flex;align-items:baseline;gap:6px}
.hm-rw-points{font-size:var(--dealer-fs-display,30px);color:var(--hm-navy);line-height:1.1}
.hm-rw-line span,.hm-rw-next,.hm-rw-need{color:var(--hm-muted);font-size:var(--dealer-fs-tiny,12px)}
.hm-rw-bar{height:7px;border-radius:999px;background:#e3e9f5;overflow:hidden}
.hm-rw-bar i{display:block;height:100%;background:var(--hm-blue);border-radius:999px}

/* ---------- 2. business strengths ---------- */
.hm-usp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.hm-usp-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--hm-line);border-radius:12px;background:#fff}
.hm-usp-ico{flex:0 0 40px;width:40px;height:40px;border-radius:10px;display:grid;place-items:center}
.hm-usp-item>span:last-child{display:flex;flex-direction:column;gap:2px}
.hm-usp b{font-size:var(--dealer-fs-small,14px);font-weight:750;color:var(--hm-navy);line-height:1.2}
.hm-usp small{font-size:var(--dealer-fs-tiny,12px);color:var(--hm-muted);line-height:1.25}
.hm-tone-red{background:#fdecec;color:#e03131}.hm-tone-blue{background:#e8f0fe;color:var(--hm-blue)}.hm-tone-green{background:#e7f7ee;color:#12a150}.hm-tone-indigo{background:#eef0ff;color:#4f46e5}.hm-tone-sky{background:#e6f4ff;color:#0284c7}

/* ---------- 3-6. rails ---------- */
.hm-rail{display:grid;gap:10px;scrollbar-width:thin}
.hm-cats{grid-template-columns:repeat(10,minmax(0,1fr))}
.hm-cat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:120px;padding:10px 6px;border:1px solid var(--hm-line);border-radius:10px;background:#fff;cursor:pointer;text-align:center}
.hm-cat:hover,.hm-brand:hover{border-color:#b9cdf7;box-shadow:0 6px 16px rgba(21,87,230,.08)}
.hm-cat-img{position:relative;width:80px;height:60px;display:grid;place-items:center}
.hm-cat-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hm-cat-img img+.hm-cat-icon{visibility:hidden}
.hm-cat-icon{font-size:var(--dealer-fs-title-lg,28px)}
.hm-more .hm-cat-icon{font-size:var(--dealer-fs-h4,18px);letter-spacing:2px;color:var(--hm-navy)}
.hm-cat-name{font-size:var(--dealer-fs-tiny,12px);font-weight:560;color:#344054;line-height:1.25;overflow-wrap:anywhere}
.hm-brands{grid-template-columns:repeat(11,minmax(0,1fr))}
.hm-brand{min-height:86px;padding:8px 8px;border:1px solid var(--hm-line);border-radius:10px;background:#fff;cursor:pointer;font-weight:900;font-size:var(--dealer-fs-badge,12.5px);color:var(--hm-navy);letter-spacing:0;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-more{color:var(--hm-muted);font-weight:650;text-transform:none}
.hm-brand{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.hm-brand img{max-width:92%;max-height:42px;object-fit:contain}
/* UI correction (2026-09-28): every brand card shows the logo AND the brand name (the name is no longer visually hidden). */
.hm-brand-logo .hm-brand-name{font-size:var(--dealer-fs-micro,11.5px);font-weight:800;color:#344054}
.hm-brand-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Inline View All / Show Less: an expanded list wraps onto more rows in place (no sideways scroll) */
.hm-toggle span{display:inline-block;margin-left:2px}
.hm-rail.hm-expanded{overflow:visible}
.hm-brands.hm-expanded>.hm-brand:nth-child(n){display:grid}
.hm-more[data-home-toggle]{color:var(--hm-blue)}
.hm-more[data-home-toggle] .hm-cat-icon{color:var(--hm-blue)}
/* Current Offers & Schemes */
.hm-offers-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--hm-line);border-radius:var(--hm-radius);background:#fff;font-size:var(--dealer-fs-caption,13px);color:#344054}
.hm-offers-bar b{color:var(--hm-navy)}
.hm-offers-bar .hm-ob-art{display:none}
.hm-offers{grid-template-columns:repeat(3,minmax(0,1fr))}
.hm-offers-1{grid-template-columns:minmax(0,640px)}
.hm-offers-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hm-offer{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);min-height:130px;border-radius:var(--hm-radius);overflow:hidden;color:#fff;background:linear-gradient(120deg,#9f1239,#e11d48)}
.hm-offer-slab{background:linear-gradient(120deg,#0c4a6e,#0284c7)}
.hm-offer-combo{background:linear-gradient(120deg,#4c1d95,#7c3aed)}
.hm-offer-flash{background:linear-gradient(120deg,#9a3412,#f97316)}
.hm-offer-body{padding:14px 18px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.hm-offer-type{font-size:var(--dealer-fs-micro,11.5px);font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.hm-offer h3{margin:0;font-size:var(--dealer-fs-h4,18px);font-weight:850;line-height:1.2}
.hm-offer p{margin:0;font-size:var(--dealer-fs-caption,13px);color:rgba(255,255,255,.88)}
.hm-offer .hm-offer-benefit{font-weight:800;color:#fff}
.hm-offer small{font-size:var(--dealer-fs-micro,11.5px);color:rgba(255,255,255,.8)}
.hm-offer-cta{margin-top:auto;border:0;border-radius:8px;background:#fff;color:var(--hm-navy);font-weight:800;padding:7px 13px;cursor:pointer}
.hm-offer-media{display:flex;align-items:center;justify-content:center;padding:10px;background:rgba(255,255,255,.08)}
.hm-offer-media img{max-width:100%;max-height:112px;object-fit:contain}
/* Offers summary + a few products on offer share one row (no half-empty product rail) */
.hm-offer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:stretch}
.hm-ob-copy{display:none}
.hm-offer-row .hm-offers-bar{position:relative;overflow:hidden;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding:26px 30px;border:0;border-radius:14px;color:#fff;background:radial-gradient(120% 150% at 90% 10%,#fb923c 0%,#ea580c 42%,#9a3412 100%);box-shadow:0 6px 18px rgba(154,52,18,.18)}
.hm-offer-row .hm-offers-bar .hm-ob-art{display:block;position:absolute;right:-18px;bottom:-26px;width:210px;height:210px;color:rgba(255,255,255,.16)}
.hm-offer-row .hm-offers-bar .hm-ob-art .hm-ico{width:100%;height:100%;stroke-width:1.3}
.hm-offer-row .hm-ob-text{position:relative;display:flex;flex-direction:column;gap:6px;font-size:0}
.hm-offer-row .hm-offers-bar .hm-ob-title{color:#ffedd5;font-size:var(--dealer-fs-caption,13px);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hm-offer-row .hm-ob-count{font-size:var(--dealer-fs-title,27px);font-weight:850;line-height:1.1;letter-spacing:-.02em;color:#fff}
.hm-offer-row .hm-ob-copy{display:block;max-width:44ch;font-size:var(--dealer-fs-small,14px);color:#ffedd5;line-height:1.45}
.hm-offer-row .hm-offers-bar .hm-viewall{position:relative;padding:9px 18px;border-radius:9px;background:#fff;color:#9a3412;font-weight:800}
.hm-offer-row .hm-offers-bar .hm-viewall:hover{background:#fff7ed;text-decoration:none}
.hm-offer-row .hm-prod-section{min-width:0}
.hm-offer-row-1 .hm-prods{grid-template-columns:repeat(1,210px)}
.hm-offer-row-2 .hm-prods{grid-template-columns:repeat(2,210px)}
.hm-offer-row-3 .hm-prods{grid-template-columns:repeat(3,210px)}
.hm-offer-row .hm-fine{max-width:660px}
/* Products on Offer */
.hm-prods{grid-template-columns:repeat(6,minmax(0,1fr))}
.hm-prod{position:relative;display:flex;flex-direction:column;gap:4px;padding:10px 10px 12px;border:1px solid var(--hm-line);border-radius:10px;background:#fff}
.hm-prod-badge{position:absolute;top:8px;left:8px;z-index:1;padding:3px 7px;border-radius:5px;background:var(--hm-red);color:#fff;font-size:var(--dealer-fs-micro,11.5px);font-weight:800}
.hm-prod-img,.hm-ba-img{position:relative;display:grid;place-items:center;height:124px;border:0;background:#fff;border-radius:8px;cursor:pointer;font-size:34px;overflow:hidden}
.hm-prod-img img,.hm-ba-img img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain;background:#fff}
.hm-prod-name,.hm-ba-name{border:0;background:none;padding:0;text-align:left;font-weight:750;font-size:var(--dealer-fs-caption,13px);color:var(--hm-navy);cursor:pointer;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hm-prod-name:hover,.hm-ba-name:hover{color:var(--hm-blue)}
.hm-prod-model{color:var(--hm-muted);font-size:var(--dealer-fs-tiny,12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-price{font-size:var(--dealer-fs-body,14.5px)}
.hm-price s{color:#98a2b3;font-size:var(--dealer-fs-caption,13px)}
.hm-price strong{color:var(--hm-red);font-size:var(--dealer-fs-emphasis,16px)}
.hm-price em{font-style:normal;color:var(--hm-muted);font-size:var(--dealer-fs-tiny,12px)}
.hm-save{color:#067647;font-size:var(--dealer-fs-tiny,12px);font-weight:700;line-height:1.3}
.hm-prod-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:auto;padding-top:4px}
.hm-prod-actions button{white-space:nowrap}
.hm-dp{color:var(--hm-muted);font-size:var(--dealer-fs-tiny,12px);font-weight:700}
.hm-add{height:34px;border:0;border-radius:7px;background:var(--hm-blue);color:#fff;font-weight:700;font-size:var(--dealer-fs-caption,13px);cursor:pointer}
.hm-add:hover{background:var(--hm-blue-d)}
.hm-add.done,.hm-ba-btn.done{background:#067647;color:#fff;border-color:#067647}

/* ---------- 7-9. Buy Again / Recent Orders / Action Required ---------- */
.hm-lower{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.hm-lower-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hm-lower-1{grid-template-columns:minmax(0,1fr)}
.hm-lower-0{display:none}
.hm-lower.hm-has-ba.hm-lower-2{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.hm-lower.hm-has-ba.hm-lower-3{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.9fr)}
.hm-lower>.hm-card{display:flex;flex-direction:column}
.hm-ba-list{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
.hm-ba{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:1fr auto;column-gap:8px;row-gap:8px;padding:8px;border:1px solid #eef1f6;border-radius:10px;background:#fff;min-width:0}
.hm-ba-img{width:48px;height:48px;font-size:var(--dealer-fs-h2,22px)}
.hm-ba-img img{inset:2px;width:calc(100% - 4px);height:calc(100% - 4px)}
.hm-ba-body{display:flex;flex-direction:column;gap:2px}
.hm-ba-name{font-size:var(--dealer-fs-tiny,12px)}
.hm-ba-body small{color:var(--hm-muted);font-size:var(--dealer-fs-micro,11.5px)}
.hm-ba-body .hm-ba-price{color:var(--hm-navy);font-weight:750}
.hm-ba-btn,.hm-act-btn{border:1px solid #b9cdf7;border-radius:7px;background:#fff;color:var(--hm-blue);font-weight:700;font-size:var(--dealer-fs-caption,13px);padding:6px 12px;cursor:pointer;white-space:nowrap}
.hm-ba-btn{grid-column:1 / -1;justify-self:center;min-width:96px}
.hm-ba-btn:hover,.hm-act-btn:hover{background:#eef4ff}
.hm-orders{display:flex;flex-direction:column}
.hm-order{display:grid;grid-template-columns:minmax(0,1.1fr) 100px minmax(0,1fr) minmax(80px,auto);align-items:center;gap:10px;padding:9px 2px;border:0;border-bottom:1px solid #eef1f6;background:none;text-align:left;cursor:pointer;font-size:var(--dealer-fs-caption,13px);color:var(--hm-ink)}
.hm-order:last-child{border-bottom:0}
.hm-order:hover{background:#f8fafd}
.hm-order small{color:var(--hm-muted)}
.hm-order b{text-align:right}
.hm-status{display:inline-block;padding:3px 9px;border-radius:6px;font-size:var(--dealer-fs-micro,11.5px);font-weight:750;white-space:nowrap;background:#eef1f6;color:#344054;text-align:center}
.hm-status.pending{background:#fff4e5;color:#b45309}
.hm-status.confirmed{background:#e7f6ec;color:#067647}
.hm-status.cancelled{background:#fdecec;color:#b42318}
.hm-status.closed{background:#eef1f6;color:#475467}
.hm-status.action{background:#fff4d6;color:#92400e}
.hm-action .hm-head h2{color:var(--hm-navy)}
.hm-action .hm-head-ico{color:#e02424}
.hm-act{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #f1f3f7}
.hm-act:last-child{border-bottom:0}
.hm-act>div{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.hm-act small{color:var(--hm-muted);font-size:var(--dealer-fs-tiny,12px)}

/* ---------- 10. Quick Actions ---------- */
.hm-quick{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.hm-quick button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:100px;padding:12px 8px;border:1px solid var(--hm-line);border-radius:12px;background:#f5f8ff;color:var(--hm-blue);cursor:pointer;font-size:var(--dealer-fs-caption,13px);font-weight:650;text-align:center;line-height:1.2}
.hm-quick button>span:last-child{order:1;color:var(--hm-navy);font-weight:720}
.hm-qh{order:2;color:var(--hm-muted);font-size:var(--dealer-fs-micro,11.5px);font-weight:560;line-height:1.25}
.hm-quick button:focus-visible,.hm-toggle:focus-visible,.hm-more:focus-visible{outline:2px solid var(--hm-blue);outline-offset:2px}
.hm-quick button:hover{border-color:#b9cdf7;box-shadow:0 6px 16px rgba(21,87,230,.08)}
.hm-qi{display:grid;place-items:center}
.hm-qi .hm-ico{width:26px;height:26px}
.hm-q-products{background:#eef3ff!important;color:var(--hm-blue)!important}
.hm-q-cart{background:#eef7ff!important;color:#0284c7!important}
.hm-q-orders{background:#eefaf2!important;color:#16a34a!important}
.hm-q-offers{background:#fdf1f7!important;color:#db2777!important}
.hm-q-support{background:#f1f2ff!important;color:#4f46e5!important}
.hm-q-rma{background:#eef4ff!important;color:#2563eb!important}
.hm-q-profile{background:#f5f0ff!important;color:#7c3aed!important}
.hm-badge{position:absolute;top:8px;right:calc(50% - 26px);min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--hm-red);color:#fff;font-size:var(--dealer-fs-micro,11.5px);line-height:18px}
.hm-badge-alert{background:#d97706}

/* ---------- 11. footer ---------- */
.hm-footer{display:flex;flex-direction:column;gap:12px;margin-top:4px;padding-top:14px;border-top:1px solid #e7ecf3}
.hm-trust{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.hm-trust>div{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--hm-line);border-radius:10px;background:#fff;font-size:var(--dealer-fs-tiny,12px);font-weight:650;color:#344054}
.hm-trust-ico{flex:0 0 auto;color:#475467}
.hm-trust-ico .hm-ico{width:20px;height:20px}
.hm-foot-line{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding:16px 4px 4px;border-top:1px solid var(--hm-line);color:var(--hm-muted);font-size:var(--dealer-fs-caption,13px)}
.hm-foot-brand{display:flex;align-items:center;gap:10px}
.hm-foot-brand img{height:32px;width:auto}
.hm-foot-brand small{color:var(--hm-muted);font-size:var(--dealer-fs-tiny,12px);font-weight:600}
.hm-foot-by{font-weight:600;color:#475467}
.hm-foot-line nav{display:flex;gap:4px}
.hm-foot-line nav button{border:0;background:none;padding:2px 10px;color:var(--hm-navy);font-size:var(--dealer-fs-caption,13px);font-weight:650;cursor:pointer;border-left:1px solid #d5dbe5}
.hm-foot-line nav button:first-child{border-left:0}
.hm-foot-line nav button:hover{color:var(--hm-blue)}
.hm-signin{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hm-signin h1{margin:0 0 4px;font-size:var(--dealer-fs-h2,22px);color:var(--hm-navy)}
.hm-signin p{margin:0;color:var(--hm-muted)}

/* ---------- Business Summary (2026-09-27): real order-list figures only ---------- */
/* Business Snapshot identity (Module 3 review): a compact tinted band so the data tiles read as operational dealer
   information, not as another benefits row. Tone: neutral by default; attention only when a dealer action waits. */
.hm-snap{padding:10px 12px 12px;border:1px solid #dbe4f7;border-radius:var(--hm-radius);background:#f4f7fe}
.hm-snap-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;margin:0 2px 8px}
.hm-snap-head h2{margin:0;color:var(--hm-navy);font-size:var(--dealer-fs-label,13.5px);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.hm-snap-head small{color:var(--hm-muted);font-size:var(--dealer-fs-tiny,12px)}
.hm-biz{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hm-biz-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hm-biz-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hm-biz-1{grid-template-columns:minmax(0,1fr)}
.hm-biz-tile{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border:1px solid var(--hm-line);border-radius:var(--hm-radius);background:#fff;color:var(--hm-ink);font:inherit;text-align:left;cursor:pointer;box-shadow:0 2px 10px rgba(15,27,61,.03);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.hm-biz-tile{height:100%}
.hm-biz-ico{flex:0 0 40px;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#eef3ff;color:var(--hm-blue)}
.hm-biz-ico .hm-ico{width:20px;height:20px}
.hm-biz-attn{border-color:#f7c6a3;background:#fffaf5}
.hm-biz-attn .hm-biz-ico{background:#fff1e8;color:#d9480f}
.hm-biz-attn .hm-biz-body strong{color:#c2410c}
.hm-biz-status .hm-biz-body strong{font-size:var(--dealer-fs-emphasis,16px);line-height:1.35}
.hm-biz-status .hm-nw{white-space:nowrap}
.hm-biz-body{display:grid;gap:1px;min-width:0}
.hm-biz-body small{font-size:var(--dealer-fs-caption,13px);font-weight:650;color:var(--hm-muted)}
.hm-biz-body strong{font-size:var(--dealer-fs-h3,19px);font-weight:800;color:var(--hm-navy);line-height:1.2}
.hm-biz-body em{font-style:normal;font-size:var(--dealer-fs-tiny,12px);color:var(--hm-muted);line-height:1.3;overflow-wrap:anywhere}
.hm-biz-tile:focus-visible{outline:2px solid var(--hm-blue);outline-offset:2px}
@media (hover:hover){.hm-biz-tile:hover{transform:translateY(-2px);border-color:#c9d6f5;box-shadow:0 8px 18px rgba(15,27,61,.07)}}

/* ---------- responsive ---------- */
@media (max-width:1400px){
  .dp-v3 .dealer-brand{flex-basis:212px;width:212px;padding-left:18px}
  .dp-v3 .dealer-layout{grid-template-columns:212px minmax(0,1fr)}
  .dp-v3 .dealer-content[data-route="dashboard"] .dealer-stage{padding:14px 18px 16px}
  .hm-hero h2{font-size:var(--dealer-fs-h1-sm,24px)}
  .hm-usp{gap:10px}
  .hm-usp-item{padding:10px;gap:9px}
  .hm-usp-ico{flex-basis:36px;width:36px;height:36px}
  .hm-usp b{font-size:var(--dealer-fs-caption,13px);white-space:nowrap}
  .hm-usp small{font-size:var(--dealer-fs-micro,11.5px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hm-brand{padding:5px 6px}
  .hm-rail{gap:8px}
}
@media (max-width:1280px){
  .hm-cats{grid-template-columns:repeat(5,minmax(0,1fr))}
  .hm-brands{grid-template-columns:repeat(6,minmax(0,1fr))}
  .hm-brands>:nth-child(n+6):not(.hm-more){display:none}
  .hm-prods{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hm-usp{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hm-quick{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hm-ba-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hm-trust{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hm-lower.hm-has-ba.hm-lower-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hm-lower.hm-has-ba.hm-lower-3>.hm-buyagain{grid-column:1 / -1}
}
@media (max-width:1080px){
  .hm-top{grid-template-columns:minmax(0,1fr)}
  .hm-lower,.hm-lower-2,.hm-lower.hm-has-ba.hm-lower-2,.hm-lower.hm-has-ba.hm-lower-3{grid-template-columns:minmax(0,1fr)}
  .hm-ba-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hm-offers{grid-template-columns:minmax(0,1fr)}
  .hm-offer-row{grid-template-columns:minmax(0,1fr)}
  .dealer-identity{max-width:190px}
  .dp-v3 .dealer-brand{flex-basis:200px;width:200px}
  .dp-v3 .dealer-layout{grid-template-columns:200px minmax(0,1fr)}
}
@media (max-width:820px){
  .dealer-top-search{display:none}
  .dealer-identity .di-text{display:none}
  .dp-v3 .dealer-identity{border-left:0;padding-left:0}
  .dp-v3 .dealer-brand{flex:1 1 auto;width:auto;gap:10px;padding:0 0 0 12px;border-right:0}
  .dp-v3 .dealer-logo img{height:32px}
  .dp-v3 .dealer-layout{grid-template-columns:1fr}
  .dp-v3 .dealer-sidebar{top:64px;display:none}
  .dp-v3 .dealer-sidebar.open{display:flex}
  .dp-v3 .dealer-content[data-route="dashboard"] .dealer-stage{padding:12px}
  .hm-mobile-search{display:block}
  .hm-welcome{display:flex}
  .hm-shell{gap:14px}
  /* rails scroll sideways inside their own box; the page never scrolls horizontally */
  .hm-rail{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .hm-rail>*{scroll-snap-align:start;flex:0 0 auto}
  .hm-brands>.hm-brand:nth-child(n){display:grid}
  .hm-cat{width:108px}
  .hm-brand{width:128px}
  .hm-prod{width:172px}
  /* an expanded (View All) list wraps into a grid instead of scrolling */
  .hm-rail.hm-expanded{display:grid;overflow:visible;scroll-snap-type:none;padding-bottom:0}
  .hm-rail.hm-expanded>*{width:auto}
  .hm-cats.hm-expanded{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}
  .hm-brands.hm-expanded{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}
  .hm-prods.hm-expanded{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
  .hm-offers.hm-expanded{grid-template-columns:minmax(0,1fr)}
  /* Quick Actions: every action visible at once (no sideways scroll) */
  .hm-quick{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .hm-quick button{min-height:92px;padding:10px 6px}
  .hm-offer{width:86%;min-height:120px}
  .hm-offer-row-1 .hm-prods,.hm-offer-row-2 .hm-prods,.hm-offer-row-3 .hm-prods{display:flex}
  .hm-usp{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:4px}
  .hm-usp-item{flex:0 0 220px;scroll-snap-align:start}
  .hm-ba-list{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:4px}
  .hm-ba{flex:0 0 200px;scroll-snap-align:start}
  .hm-offers-bar{flex-wrap:wrap}
  .hm-hero,.hm-slide.active{min-height:0}
  .hm-slide.active{grid-template-columns:minmax(0,1fr) 96px}
  .hm-hero-body{padding:12px 14px 22px;gap:3px}
  .hm-hero h2{font-size:var(--dealer-fs-h3,19px)}
  .hm-hero p{font-size:var(--dealer-fs-caption,13px)}
  .hm-hero-media{padding:8px}
  .hm-hero-media img{max-height:76px;padding:4px}
  .hm-hero-brand .hm-hero-body{min-height:0}
  .hm-dots{left:16px;bottom:9px}
  .hm-rw-art{flex-basis:64px;width:64px;height:64px}
  .hm-rw-gift{width:34px;height:34px}
  .hm-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hm-foot-line{flex-direction:column;align-items:flex-start;gap:6px}
  .hm-foot-line nav button:first-child{padding-left:0}
  .hm-order{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
  .hm-order small{grid-column:1}
  .hm-card{padding:14px}
}
@media (max-width:520px){
  .dealer-topbar{gap:8px}
  .dealer-top-meta{gap:6px}
  .dealer-brand{gap:8px;font-size:var(--dealer-fs-emphasis,16px)}
  .dealer-mark{width:34px;height:34px;font-size:var(--dealer-fs-tiny,12px)}
  .dealer-mobile-menu{padding:7px 10px}
  .dp-v3 .dealer-logo img{height:26px}
  .dp-v3 .dealer-top-meta{gap:6px}
  .dealer-top-meta .dealer-pill{padding:6px 8px}
  .dealer-has-identity .dealer-top-meta .dealer-pill:last-child::before{font-size:var(--dealer-fs-tiny,12px)}
  .dealer-auth-v1-status{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (max-width:520px){
  .hm-quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .hm-quick>:last-child:nth-child(3n+1){grid-column:1 / -1}
  .hm-foot-copy{font-size:var(--dealer-fs-tiny,12px)}
}
@media (max-width:420px){
  .hm-welcome h1{font-size:var(--dealer-fs-emphasis,16px)}
  .hm-act{grid-template-columns:minmax(0,1fr) auto}
  .hm-act b{grid-row:2}
}
@media (prefers-reduced-motion:reduce){.hm-rail{scroll-behavior:auto}}
@media (max-width:1080px){.hm-biz,.hm-biz-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.hm-biz{gap:8px}.hm-biz-tile{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px}.hm-biz-ico{flex-basis:32px;width:32px;height:32px}.hm-biz-body strong{font-size:var(--dealer-fs-h4,18px)}}
@media (prefers-reduced-motion:reduce){.hm-biz-tile{transition:none}.hm-biz-tile:hover{transform:none}}
/* Home rail edge fade (UI correction 2026-09-28): phones/tablets only, where rails scroll sideways; a partly visible
   card fades on the side that still has cards. Expanded (View All) grids never fade. */
@media (max-width:820px){
  .hm-rail.hm-rail-scrollable.hm-rail-at-start:not(.hm-rail-at-end):not(.hm-expanded){-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent)}
  .hm-rail.hm-rail-scrollable.hm-rail-at-end:not(.hm-rail-at-start):not(.hm-expanded){-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 32px),transparent)}
  .hm-rail.hm-rail-scrollable:not(.hm-rail-at-start):not(.hm-rail-at-end):not(.hm-expanded){-webkit-mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent)}
}