body.storefront{
    margin:0;
    min-height:100vh;
    position:relative;
    overflow-x:hidden;
    font-size:12.95px;
    line-height:1.46;
    font-family:Inter, "Segoe UI", Arial, sans-serif;
    color:#f5f7fb;
    background:
        radial-gradient(circle at 12% 8%, rgba(255,102,0,.16), transparent 24%),
        radial-gradient(circle at 88% 12%, rgba(255,255,255,.06), transparent 18%),
        radial-gradient(circle at 50% 110%, rgba(255,102,0,.08), transparent 24%),
        linear-gradient(180deg, #0d0d0d 0%, #111111 42%, #151515 100%);
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}

body.storefront::before,
body.storefront::after{
    content:"";
    position:fixed;
    inset:auto;
    pointer-events:none;
    z-index:-1;
}

body.storefront::before{
    inset:-18% auto auto -10%;
    width:28vw;
    height:28vw;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,102,0,.22), rgba(255,102,0,0) 70%);
    filter:blur(12px);
    opacity:.85;
}

body.storefront::after{
    right:-12%;
    bottom:-18%;
    width:34vw;
    height:34vw;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,.07), rgba(255,255,255,0) 68%);
    filter:blur(18px);
    opacity:.6;
}

 :root{
    --ui-radius-panel:24px;
    --ui-radius-inner:18px;
    --ui-radius-control:14px;
    --ui-radius-pill:999px;
    --ui-gap-lg:20px;
    --ui-gap-md:16px;
    --ui-gap-sm:10px;
    --ui-padding-panel:20px;
    --ui-padding-panel-sm:16px;
    --ui-shadow-surface:0 18px 36px rgba(0,0,0,.20);
    --ui-shadow-hover:0 24px 44px rgba(0,0,0,.28);
    --ui-transition:0.18s ease;
    --ui-control-height:40px;
    --ui-control-height-lg:46px;
    --ui-control-padding-y:10px;
    --ui-control-padding-x:14px;
    --ui-badge-padding-y:8px;
    --ui-badge-padding-x:12px;
 }

body.storefront ::selection{
    background:rgba(255,102,0,.32);
    color:#fff;
}

a{
    color:inherit;
}

img{
    max-width:100%;
}

/* A single high-contrast focus treatment keeps keyboard navigation visible
   across the storefront without changing the visual state for mouse users. */
body.storefront :where(a[href], button, input, select, textarea, summary):focus-visible{
    outline:3px solid #ffb36e;
    outline-offset:3px;
}

@media (prefers-reduced-motion: reduce){
    *,
    *::before,
    *::after{
        scroll-behavior:auto!important;
    }
}

::-webkit-scrollbar{
    width:12px;
    height:12px;
}

::-webkit-scrollbar-track{
    background:#111;
}

::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg, rgba(255,102,0,.85), rgba(170,68,0,.88));
    border:3px solid #111;
    border-radius:999px;
}

.store-header{
    position:sticky;
    top:0;
    z-index:50;
    background:rgba(11,11,11,.82);
    backdrop-filter:blur(22px) saturate(150%);
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:0 18px 38px rgba(0,0,0,.28);
}

.store-header::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:1px;
    background:linear-gradient(90deg, transparent 0%, rgba(255,102,0,.9) 18%, rgba(255,102,0,.12) 50%, transparent 100%);
    opacity:.8;
}

.store-header-inner{
    max-width:1200px;
    margin:0 auto;
    padding:10px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
}

.brand{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
}

.brand strong{
    font-size:17px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#fff;
}

.brand span{
    font-size:12px;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:rgba(255,255,255,.58);
}

.header-actions{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:10px;
    align-items:center;
    justify-content:stretch;
    position:relative;
    z-index:3;
    overflow:visible;
    max-width:100%;
}

.header-nav,
.header-utils{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:nowrap;
    min-width:0;
}

.header-nav{
    justify-content:flex-start;
    overflow:visible;
    padding-bottom:2px;
    scrollbar-width:none;
}

.header-nav::-webkit-scrollbar{
    display:none;
}

.header-utils{
    justify-content:flex-end;
}

.nav-link.is-active,
.nav-dropdown.is-active > .nav-link{
    border-color:rgba(255,102,0,.7);
    background:linear-gradient(180deg, rgba(255,102,0,.22), rgba(255,102,0,.08));
    box-shadow:0 0 0 1px rgba(255,102,0,.18) inset, 0 16px 28px rgba(0,0,0,.24);
}

.nav-dropdown{
    position:relative;
    display:block;
    z-index:4;
}

.nav-dropdown > summary{
    list-style:none;
}

.nav-dropdown > summary::-webkit-details-marker{
    display:none;
}

.nav-dropdown-toggle{
    cursor:pointer;
}

.nav-dropdown-toggle::after{
    content:"▾";
    font-size:10px;
    opacity:.8;
}

.nav-dropdown[open] > .nav-dropdown-toggle::after{
    transform:rotate(180deg);
}

.nav-dropdown-menu{
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    z-index:80;
    min-width:210px;
    padding:8px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(14,14,14,.96);
    box-shadow:0 24px 44px rgba(0,0,0,.35);
    backdrop-filter:blur(18px) saturate(140%);
    display:grid;
    gap:6px;
}

.nav-dropdown-menu::before{
    content:"";
    position:absolute;
    inset:-8px 0 auto 0;
    height:8px;
}

.nav-dropdown-link{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    min-height:42px;
    padding:10px 12px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    color:#edf0f5;
    text-decoration:none;
    transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.nav-dropdown-link:hover,
.nav-dropdown-link.is-active{
    transform:translateY(-1px);
    border-color:rgba(255,102,0,.55);
    background:linear-gradient(180deg, rgba(255,102,0,.16), rgba(255,102,0,.05));
}

.nav-dropdown:not([open]) .nav-dropdown-menu{
    display:none;
}

.nav-link,
.btn,
.btn-secondary,
.btn-outline,
.quick-action-card,
.discover-chip,
.filter-chip,
.pill-link,
.store-footer-links a{
    -webkit-tap-highlight-color:transparent;
}

.nav-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:10px 14px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.1);
    background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    color:#edf0f5;
    text-decoration:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 20px rgba(0,0,0,.18);
    transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
}

.nav-link:hover{
    transform:translateY(-1px);
    border-color:rgba(255,102,0,.55);
    background:linear-gradient(180deg, rgba(255,102,0,.16), rgba(255,102,0,.05));
    box-shadow:0 0 0 1px rgba(255,102,0,.16) inset, 0 18px 30px rgba(0,0,0,.24);
}

.nav-link-admin{
    border-color:rgba(255,102,0,.34);
    background:linear-gradient(180deg, rgba(255,102,0,.12), rgba(255,255,255,.02));
}

.nav-link-admin:hover{
    border-color:rgba(255,132,38,.72);
    background:linear-gradient(180deg, rgba(255,102,0,.22), rgba(255,102,0,.08));
}

.badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:24px;
    height:24px;
    padding:0 8px;
    border-radius:999px;
    background:linear-gradient(135deg, #ff6600, #ff8a1c);
    color:#fff;
    font-size:12px;
    font-weight:700;
    margin-left:4px;
    box-shadow:0 8px 18px rgba(255,102,0,.22);
}

.nav-link-notifications{
    gap:6px;
}

.cabinet-nav{
    display:flex;
    align-items:stretch;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:2px;
    scrollbar-width:none;
    -ms-overflow-style:none;
}

.cabinet-nav::-webkit-scrollbar{
    display:none;
}

.cabinet-nav__link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:10px 14px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.1);
    background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    color:#edf0f5;
    text-decoration:none;
    white-space:nowrap;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 20px rgba(0,0,0,.18);
    transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
    flex:0 0 auto;
}

.cabinet-nav__link:hover,
.cabinet-nav__link.is-active{
    transform:translateY(-1px);
    border-color:rgba(255,102,0,.55);
    background:linear-gradient(180deg, rgba(255,102,0,.16), rgba(255,102,0,.05));
    box-shadow:0 0 0 1px rgba(255,102,0,.16) inset, 0 18px 30px rgba(0,0,0,.24);
}

.cabinet-nav__icon{
    font-size:15px;
    line-height:1;
}

.cabinet-nav__label{
    font-size:13px;
    font-weight:700;
}

.dashboard-shell{
    display:grid;
    gap:var(--ui-gap-lg);
}

.dashboard-layout{
    display:grid;
    grid-template-columns:minmax(0, 1fr) clamp(230px, 22vw, 280px);
    gap:var(--ui-gap-md);
    align-items:start;
}

.dashboard-main{
    min-width:0;
    display:grid;
    gap:16px;
}

.dashboard-sidebar{
    position:sticky;
    top:96px;
    align-self:start;
    display:grid;
    gap:var(--ui-gap-sm);
}

.dashboard-sidebar__label{
    display:flex;
    align-items:center;
    gap:8px;
    color:rgba(255,255,255,.58);
    text-transform:uppercase;
    letter-spacing:.16em;
    font-size:11px;
    margin:0 0 4px;
}

.dashboard-nav{
    display:grid;
    gap:8px;
}

.dashboard-nav__link{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:46px;
    padding:10px 12px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    color:#edf0f5;
    text-decoration:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 20px rgba(0,0,0,.18);
    transition:transform var(--ui-transition), border-color var(--ui-transition), background var(--ui-transition), box-shadow var(--ui-transition);
}

.dashboard-nav__link:hover,
.dashboard-nav__link.is-active{
    transform:translateY(-1px);
    border-color:rgba(255,102,0,.55);
    background:linear-gradient(180deg, rgba(255,102,0,.16), rgba(255,102,0,.05));
    box-shadow:0 0 0 1px rgba(255,102,0,.16) inset, 0 18px 30px rgba(0,0,0,.24);
}

.dashboard-nav__icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:26px;
    border-radius:9px;
    background:rgba(255,255,255,.05);
    font-size:15px;
    flex:0 0 auto;
}

.dashboard-nav__copy{
    display:grid;
    gap:2px;
    min-width:0;
}

.dashboard-nav__title{
    font-size:13px;
    font-weight:700;
    line-height:1.2;
}

.dashboard-nav__note{
    color:rgba(255,255,255,.58);
    font-size:11.5px;
    line-height:1.35;
}

.dashboard-card,
.dashboard-section,
.dashboard-tile,
.dashboard-empty,
.dashboard-hero,
.dashboard-mini-card{
    min-width:0;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    box-shadow:var(--ui-shadow-surface);
}

.dashboard-card,
.dashboard-section{
    padding:var(--ui-padding-panel);
    border-radius:var(--ui-radius-panel);
}

.dashboard-hero{
    padding:18px;
    border-radius:var(--ui-radius-panel);
}

.dashboard-section{
    display:grid;
    gap:14px;
}

.dashboard-section__head{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:flex-start;
    flex-wrap:wrap;
}

.dashboard-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:max-content;
    padding:7px 11px;
    border-radius:999px;
    border:1px solid rgba(255,102,0,.20);
    background:rgba(255,102,0,.08);
    color:#fff;
    font-size:12px;
    font-weight:700;
    letter-spacing:.01em;
}

.dashboard-section__title{
    margin:6px 0 0;
    font-size:clamp(22px, 2.8vw, 34px);
    line-height:1.06;
    letter-spacing:-.04em;
}

.dashboard-section__note{
    margin:8px 0 0;
    color:rgba(255,255,255,.72);
    line-height:1.55;
    max-width:72ch;
    overflow-wrap:anywhere;
}

.dashboard-hero__layout{
    display:grid;
    grid-template-columns:minmax(260px,.92fr) minmax(0,1.08fr);
    gap:16px;
    align-items:stretch;
}

.dashboard-hero__media{
    min-height:clamp(260px, 30vw, 420px);
    border-radius:24px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at 50% 35%, rgba(255,102,0,.11), transparent 48%),
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
        rgba(7,7,7,.82);
    display:flex;
    align-items:center;
    justify-content:center;
}

.dashboard-hero__media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}

.dashboard-hero__placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:58px;
    color:#fff;
    background:linear-gradient(135deg, rgba(255,102,0,.18), rgba(255,255,255,.04));
}

.dashboard-hero__content{
    display:grid;
    gap:14px;
    min-width:0;
}

.dashboard-hero__title{
    margin:6px 0 0;
    font-size:clamp(28px, 3.7vw, 46px);
    line-height:1.02;
    letter-spacing:-.05em;
    overflow-wrap:anywhere;
}

.dashboard-hero__subtitle{
    margin:8px 0 0;
    color:rgba(255,255,255,.72);
    line-height:1.55;
    overflow-wrap:anywhere;
}

.dashboard-status-row,
.dashboard-pill-row{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.dashboard-badge,
.dashboard-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:var(--ui-badge-padding-y) var(--ui-badge-padding-x);
    border-radius:var(--ui-radius-pill);
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:#fff;
    font-size:12px;
    font-weight:700;
}

.dashboard-badge.is-in-use,
.dashboard-pill.is-in-use{
    border-color:rgba(56,189,248,.24);
    background:rgba(56,189,248,.10);
}

.dashboard-badge.is-repair,
.dashboard-pill.is-repair{
    border-color:rgba(249,115,22,.24);
    background:rgba(249,115,22,.10);
}

.dashboard-badge.is-sold,
.dashboard-pill.is-sold{
    border-color:rgba(148,163,184,.24);
    background:rgba(148,163,184,.10);
}

.dashboard-badge.is-conserved,
.dashboard-pill.is-conserved{
    border-color:rgba(132,204,22,.24);
    background:rgba(132,204,22,.10);
}

.dashboard-badge.is-project,
.dashboard-pill.is-project{
    border-color:rgba(168,85,247,.24);
    background:rgba(168,85,247,.10);
}

.dashboard-badge.is-for-sale,
.dashboard-pill.is-for-sale{
    border-color:rgba(34,197,94,.24);
    background:rgba(34,197,94,.10);
}

.dashboard-stats{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
    gap:10px;
}

.dashboard-summary{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));
    gap:10px;
}

.dashboard-tile{
    display:grid;
    gap:6px;
    padding:14px 15px;
    border-radius:var(--ui-radius-inner);
    background:rgba(255,255,255,.03);
}

.dashboard-tile__label{
    color:rgba(255,255,255,.62);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.dashboard-tile__value{
    color:#fff;
    font-size:clamp(22px, 2.8vw, 30px);
    line-height:1;
    letter-spacing:-.04em;
    font-weight:800;
}

.dashboard-tile__note{
    color:rgba(255,255,255,.62);
    font-size:12px;
    line-height:1.45;
    overflow-wrap:anywhere;
}

.dashboard-stat{
    display:grid;
    gap:6px;
    padding:14px 15px;
    border-radius:var(--ui-radius-inner);
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
}

.dashboard-stat span{
    display:block;
    color:rgba(255,255,255,.62);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.dashboard-stat strong{
    display:block;
    color:#fff;
    font-size:clamp(22px, 2.8vw, 30px);
    line-height:1.05;
    letter-spacing:-.04em;
}

.dashboard-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
    gap:12px;
}

.dashboard-mini-card{
    display:grid;
    gap:12px;
    padding:18px;
    border-radius:var(--ui-radius-panel);
    background:rgba(255,255,255,.03);
    height:100%;
}

.dashboard-mini-card__top{
    display:grid;
    gap:8px;
}

.dashboard-mini-card__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:6px;
    width:max-content;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:rgba(255,255,255,.82);
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.dashboard-mini-card__title{
    margin:0;
    font-size:17px;
    line-height:1.25;
    letter-spacing:-.02em;
}

.dashboard-mini-card__description{
    margin:0;
    color:rgba(255,255,255,.72);
    line-height:1.5;
    overflow-wrap:anywhere;
}

.dashboard-mini-card__body{
    padding:12px 14px;
    border-radius:16px;
    border:1px dashed rgba(255,255,255,.12);
    background:rgba(255,255,255,.03);
    color:rgba(255,255,255,.72);
    line-height:1.5;
}

.dashboard-mini-card .btn,
.dashboard-mini-card .btn-outline,
.dashboard-mini-card .dashboard-button{
    width:100%;
    justify-content:center;
}

.dashboard-empty{
    display:grid;
    gap:14px;
    padding:20px;
    border-radius:var(--ui-radius-panel);
    background:rgba(255,255,255,.03);
}

.dashboard-empty__icon{
    width:72px;
    height:72px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
}

.dashboard-empty__title{
    margin:0;
    font-size:18px;
    line-height:1.2;
}

.dashboard-empty__text{
    margin:0;
    color:rgba(255,255,255,.72);
    line-height:1.55;
    overflow-wrap:anywhere;
}

.dashboard-empty__actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.dashboard-empty__actions .btn,
.dashboard-empty__actions .btn-outline,
.dashboard-empty__actions .dashboard-button,
.dashboard-empty__actions .btn-secondary,
.dashboard-empty__actions .btn-danger{
    justify-content:center;
}

body.storefront .garage-lightbox{
    position:fixed;
    inset:0;
    z-index:1200;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(4,10,20,.86);
    backdrop-filter:blur(10px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .18s ease, visibility 0s linear .18s;
}

body.storefront .garage-lightbox.is-open{
    display:flex;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:opacity .18s ease;
}

body.storefront .garage-lightbox__close,
body.storefront .garage-lightbox__nav{
    position:absolute;
    z-index:1;
    border:none;
    border-radius:14px;
    background:rgba(255,255,255,.10);
    color:#fff;
    cursor:pointer;
}

body.storefront .garage-lightbox__close{
    top:16px;
    right:16px;
    width:44px;
    height:44px;
    font-size:22px;
}

body.storefront .garage-lightbox__nav{
    top:50%;
    width:48px;
    height:48px;
    font-size:24px;
    transform:translateY(-50%);
}

body.storefront .garage-lightbox__nav--prev{
    left:16px;
}

body.storefront .garage-lightbox__nav--next{
    right:16px;
}

body.storefront .garage-lightbox__image{
    display:block;
    max-width:min(92vw, 1280px);
    max-height:88vh;
    border-radius:24px;
    box-shadow:0 24px 80px rgba(0,0,0,.45);
    object-fit:contain;
}

.auth-form{
    display:grid;
    gap:14px;
    margin-top:16px;
}

.auth-form-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
}

.auth-form-actions .btn,
.auth-form-actions .btn-secondary,
.auth-form-actions .btn-outline,
.auth-form-actions .dashboard-button{
    width:auto;
}

@media (max-width: 980px){
    .dashboard-layout{
        grid-template-columns:1fr;
    }

    .dashboard-sidebar{
        position:static;
        top:auto;
    }
}

@media (max-width: 720px){
    .dashboard-card,
    .dashboard-section,
    .dashboard-hero,
    .dashboard-empty,
    .dashboard-mini-card{
        padding:var(--ui-padding-panel-sm);
        border-radius:20px;
    }

    .dashboard-hero__layout{
        grid-template-columns:1fr;
    }

    .dashboard-stats{
        grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));
    }

    .dashboard-empty__actions{
        flex-direction:column;
    }

    .dashboard-empty__actions .btn,
    .dashboard-empty__actions .btn-outline,
    .dashboard-empty__actions .dashboard-button{
        width:100%;
    }
}

.email-wrap{
    overflow-wrap:anywhere;
    word-break:break-word;
}

.section-toolbar{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
}

.compact-note{
    color:rgba(255,255,255,.62);
    line-height:1.5;
}

.field{
    min-width:0;
}

.field label{
    display:block;
    margin-bottom:8px;
    color:rgba(255,255,255,.72);
    font-size:13px;
    font-weight:600;
}

.field input,
.field textarea,
.field select{
    width:100%;
    min-width:0;
    box-sizing:border-box;
    padding:14px 15px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:#fff;
    color-scheme:dark;
    resize:vertical;
}

.field select{
    background-color:rgba(10,10,10,.82);
}

.field input:focus,
.field textarea:focus,
.field select:focus{
    outline:none;
    border-color:rgba(255,102,0,.56);
    box-shadow:0 0 0 3px rgba(255,102,0,.12);
}

.field select option{
    background:#111827;
    color:#f7f9fc;
}

.field textarea{
    min-height:120px;
}

.account-dropdown{
    position:relative;
}

.account-dropdown .nav-dropdown-menu{
    left:auto;
    right:0;
    min-width:240px;
}

.account-summary{
    gap:10px;
}

.account-summary-copy{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
}

.account-menu-avatar{
    width:30px;
    height:30px;
    border-radius:50%;
    overflow:hidden;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    color:#fff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    background:linear-gradient(135deg, rgba(255,102,0,.82), rgba(255,139,33,.48));
    box-shadow:0 8px 18px rgba(255,102,0,.18);
}

.account-menu-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.account-summary-label{
    max-width:150px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.account-summary-role{
    width:fit-content;
    max-width:150px;
    padding:5px 9px;
    font-size:11px;
    line-height:1;
}

.account-workspace-meta{
    display:block;
    max-width:170px;
    overflow:hidden;
    color:rgba(238,242,247,.62);
    font-size:10px;
    font-weight:700;
    letter-spacing:.04em;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.account-workspace-heading{
    padding:4px 4px 2px;
    color:rgba(238,242,247,.52);
    font-size:10px;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.account-workspace-button{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.account-workspace-button small{
    color:rgba(238,242,247,.48);
    font-size:10px;
    font-weight:700;
}

.account-workspace-button.is-current,
.account-workspace-button:disabled{
    border-color:rgba(255,102,0,.25);
    background:rgba(255,102,0,.08);
    cursor:default;
    opacity:1;
}

.account-workspace-divider{
    height:1px;
    margin:5px 2px;
    background:rgba(255,255,255,.08);
}

.role-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:#fff;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

.role-badge .role-icon{
    font-size:13px;
    line-height:1;
}

.role-badge.is-customer{ border-color:rgba(56,189,248,.22); background:rgba(56,189,248,.08); }
.role-badge.is-seller{ border-color:rgba(34,197,94,.24); background:rgba(34,197,94,.10); }
.role-badge.is-manager{ border-color:rgba(249,115,22,.24); background:rgba(249,115,22,.10); }
.role-badge.is-moderator{ border-color:rgba(168,85,247,.24); background:rgba(168,85,247,.10); }
.role-badge.is-admin{ border-color:rgba(239,68,68,.24); background:rgba(239,68,68,.12); }

.nav-dropdown-form{
    margin:0;
}

.nav-dropdown-button{
    width:100%;
    min-height:42px;
    padding:10px 12px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    color:#edf0f5;
    text-align:left;
    font:inherit;
    cursor:pointer;
    transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.nav-dropdown-button:hover{
    transform:translateY(-1px);
    border-color:rgba(255,102,0,.55);
    background:linear-gradient(180deg, rgba(255,102,0,.16), rgba(255,102,0,.05));
}

@media (max-width: 720px){
    .account-summary-label{
        display:none;
    }

    .account-summary-role{
        display:none;
    }

    .account-workspace-meta{
        display:none;
    }

    .account-dropdown .nav-dropdown-menu{
        min-width:220px;
    }

    .garage-featured{
        grid-template-columns:1fr;
    }

    .garage-card__summary{
        grid-template-columns:1fr;
    }

    .garage-card__actions .btn,
    .garage-card__actions .btn-outline{
        width:100%;
    }
}

.store-wrap{
    max-width:1200px;
    margin:0 auto;
    padding:14px 10px 26px;
    display:flex;
    flex-direction:column;
    gap:22px;
}

.store-wrap > .store-hero,
.store-wrap > .quick-actions-panel,
.store-wrap > .discover-grid,
.store-wrap > .featured-section,
.store-wrap > .filter-summary,
.store-wrap > .filters,
.store-wrap > .flash,
.store-wrap > .empty-state,
.store-wrap > .panel{
    margin-bottom:0 !important;
}

.store-hero{
    display:grid;
    grid-template-columns:minmax(0, 1.45fr) minmax(320px, .95fr);
    gap:14px;
    margin-bottom:8px;
    align-items:stretch;
}

.panel{
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.028)),
        rgba(18,18,18,.88);
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    padding:12px;
    box-shadow:
        0 18px 38px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(18px) saturate(140%);
}

.panel::before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg, rgba(255,102,0,.95), rgba(255,102,0,.18), transparent 90%);
    opacity:.95;
}

.panel::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:
        radial-gradient(circle at top right, rgba(255,102,0,.06), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.02), transparent 22%);
    pointer-events:none;
}

.panel > *{
    position:relative;
    z-index:1;
}

.hero-copy,
.hero-visual{
    min-height:100%;
}

.hero-kicker,
.footer-kicker,
.muted-label{
    color:rgba(255,255,255,.52);
    text-transform:uppercase;
    letter-spacing:.18em;
    font-size:11px;
}

.hero-title{
    margin:8px 0 8px;
    font-size:clamp(22px, 2.6vw, 34px);
    line-height:.95;
    letter-spacing:-.04em;
    text-transform:uppercase;
}

.hero-title .accent{
    color:#ff6600;
    text-shadow:0 0 22px rgba(255,102,0,.2);
}

.hero-text{
    margin:0;
    max-width:64ch;
    color:rgba(235,240,248,.82);
    line-height:1.52;
    font-size:12.25px;
}

.hero-badges{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin:14px 0 16px;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 11px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    color:#eef2f8;
    font-size:11px;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.hero-badge::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:linear-gradient(180deg, #ff8a1c, #ff6600);
    box-shadow:0 0 14px rgba(255,102,0,.5);
}

.hero-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.hero-visual{
    display:grid;
    gap:8px;
}

.hero-visual-card{
    display:grid;
    gap:8px;
    padding:11px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
        linear-gradient(145deg, rgba(255,102,0,.14), rgba(255,255,255,.02) 44%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.hero-visual-label{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:rgba(255,255,255,.54);
}

.hero-visual-grid,
.hero-stats,
.checkout-grid,
.checkout-success-grid,
.checkout-intro-grid,
.cart-brief-grid,
.checkout-brief-grid,
.product-facts-grid,
.directory-card-stats{
    display:grid;
    gap:8px;
}

.hero-visual-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
}

.hero-visual-metric{
    display:grid;
    gap:4px;
    padding:10px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(12,12,12,.44);
}

.hero-visual-metric strong{
    font-size:18px;
    line-height:1;
    letter-spacing:-.03em;
}

.hero-visual-metric span{
    color:rgba(255,255,255,.58);
    font-size:12px;
    line-height:1.45;
}

.hero-visual-wide{
    grid-column:1 / -1;
    display:grid;
    gap:7px;
    padding:9px 10px;
    border-radius:14px;
    border:1px solid rgba(255,102,0,.16);
    background:
        linear-gradient(90deg, rgba(255,102,0,.22), rgba(255,102,0,.05)),
        rgba(9,9,9,.5);
}

.hero-visual-wide strong{
    font-size:14px;
    letter-spacing:-.02em;
}

.hero-meter{
    display:grid;
    gap:6px;
}

.hero-meter-track{
    height:10px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    overflow:hidden;
}

.hero-meter-track span{
    display:block;
    height:100%;
    width:78%;
    border-radius:inherit;
    background:linear-gradient(90deg, #ff6600, #ffb05a);
    box-shadow:0 0 16px rgba(255,102,0,.35);
}

.hero-meter-label{
    display:flex;
    justify-content:space-between;
    gap:10px;
    color:rgba(255,255,255,.62);
    font-size:12px;
}

.hero-status{
    display:grid;
    gap:7px;
    padding:10px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
}

.hero-status-line{
    display:flex;
    justify-content:space-between;
    gap:12px;
    font-size:13px;
    color:rgba(255,255,255,.82);
}

.hero-status-line span{
    color:rgba(255,255,255,.5);
}

.hero-visual-note{
    padding:9px 10px;
    border-radius:14px;
    background:rgba(255,255,255,.03);
    border:1px dashed rgba(255,255,255,.11);
    color:rgba(255,255,255,.72);
    font-size:13px;
    line-height:1.55;
}

.discover-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
    margin-bottom:2px;
}

.homepage-discover{
    margin-top:18px;
    margin-bottom:18px;
}

.quick-actions-panel{
    margin-top:8px;
    margin-bottom:4px;
}

.homepage-quick-actions{
    margin-top:14px;
    margin-bottom:18px;
}

.quick-actions-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
}

.quick-action-card{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:6px;
    min-height:72px;
    padding:10px 11px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    background:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
        rgba(14,14,14,.72);
    color:#f3f5fb;
    text-decoration:none;
    overflow:hidden;
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.quick-action-card::before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg, #ff6600, rgba(255,102,0,.12) 82%, transparent);
}

.quick-action-card:hover{
    transform:translateY(-2px);
    border-color:rgba(255,102,0,.6);
    background:
        linear-gradient(180deg, rgba(255,102,0,.14), rgba(255,255,255,.02)),
        rgba(17,17,17,.9);
    box-shadow:0 16px 28px rgba(0,0,0,.26);
}

.quick-action-card strong{
    font-size:14px;
    letter-spacing:.02em;
}

.quick-action-card span{
    color:rgba(255,255,255,.6);
    font-size:11.5px;
    line-height:1.45;
}

.discover-panel{
    min-height:100%;
}

.discover-chips{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
}

.discover-chip{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:10px 11px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
        rgba(12,12,12,.68);
    color:#f2f4f9;
    text-decoration:none;
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.discover-chip:hover{
    transform:translateY(-1px);
    border-color:rgba(255,102,0,.5);
    box-shadow:0 14px 24px rgba(0,0,0,.22);
}

.discover-chip strong{
    font-size:14px;
    line-height:1.35;
}

.discover-chip span{
    color:rgba(255,255,255,.58);
    font-size:12px;
}

.filters,
.market-filters,
.masters-filters,
.checkout-form,
.cart-qty-form,
.purchase-form{
    display:grid;
    gap:12px;
}

.field-block{
    display:grid;
    gap:6px;
}

.filters{
    grid-template-columns:2fr 1fr 1fr 1fr auto auto;
    align-items:end;
    margin-bottom:2px;
}

.filters label,
.market-filters label,
.masters-filters label,
.checkout-form label{
    display:block;
    margin-bottom:7px;
    color:rgba(255,255,255,.7);
    font-size:12px;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.filters input,
.filters select,
.market-filters input,
.market-filters select,
.masters-filters input,
.masters-filters select,
.checkout-form input,
.checkout-form select,
.checkout-form textarea,
.cart-form input,
.quantity-stepper input{
    width:100%;
    box-sizing:border-box;
    min-height:44px;
    padding:11px 12px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.09);
    background:rgba(10,10,10,.7);
    color:#f7f9fc;
    outline:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
}

.filters select,
.market-filters select,
.masters-filters select,
.checkout-form select{
    color-scheme:dark;
}

.filters option,
.market-filters option,
.masters-filters option,
.checkout-form option{
    background:#111;
    color:#f7f9fc;
}

.checkout-form input[type="file"]{
    padding:8px 10px;
    min-height:48px;
    color:rgba(255,255,255,.72);
}

.checkout-form input[type="file"]::file-selector-button{
    margin-right:12px;
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:10px;
    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
    color:#fff;
    font-weight:700;
    cursor:pointer;
    transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.checkout-form input[type="file"]::file-selector-button:hover{
    transform:translateY(-1px);
    border-color:rgba(255,102,0,.44);
    background:linear-gradient(180deg, rgba(255,102,0,.18), rgba(255,102,0,.08));
    box-shadow:0 12px 20px rgba(0,0,0,.2);
}

.checkout-form input[type="file"]::-webkit-file-upload-button{
    margin-right:12px;
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:10px;
    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
    color:#fff;
    font-weight:700;
    cursor:pointer;
    transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.checkout-form input[type="file"]::-webkit-file-upload-button:hover{
    transform:translateY(-1px);
    border-color:rgba(255,102,0,.44);
    background:linear-gradient(180deg, rgba(255,102,0,.18), rgba(255,102,0,.08));
    box-shadow:0 12px 20px rgba(0,0,0,.2);
}

.filters input::placeholder,
.market-filters input::placeholder,
.masters-filters input::placeholder,
.checkout-form input::placeholder,
.checkout-form textarea::placeholder,
.cart-form input::placeholder{
    color:rgba(255,255,255,.34);
}

.filters input:focus,
.filters select:focus,
.market-filters input:focus,
.market-filters select:focus,
.masters-filters input:focus,
.masters-filters select:focus,
.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus,
.cart-form input:focus,
.quantity-stepper input:focus{
    border-color:rgba(255,102,0,.72);
    background:rgba(8,8,8,.88);
    box-shadow:0 0 0 4px rgba(255,102,0,.14), 0 0 18px rgba(255,102,0,.08);
}

.filters-actions{
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
}

.filters button,
.btn,
.btn-secondary,
.btn-outline,
.dashboard-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:var(--ui-control-height);
    padding:var(--ui-control-padding-y) var(--ui-control-padding-x);
    border-radius:var(--ui-radius-control);
    border:1px solid transparent;
    text-decoration:none;
    cursor:pointer;
    line-height:1.1;
    font-weight:700;
    letter-spacing:.02em;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease, opacity .18s ease;
}

.btn,
.filters button,
.dashboard-button{
    color:#fff;
    background:linear-gradient(180deg, #ff7a17 0%, #ff6600 100%);
    box-shadow:0 14px 28px rgba(255,102,0,.18), inset 0 1px 0 rgba(255,255,255,.18);
}

.btn:hover,
.filters button:hover,
.dashboard-button:hover{
    transform:translateY(-1px);
    box-shadow:0 18px 34px rgba(255,102,0,.24), inset 0 1px 0 rgba(255,255,255,.18);
}

.btn-secondary{
    color:#fff;
    background:linear-gradient(180deg, #2a2a2a, #171717);
    border-color:rgba(255,255,255,.08);
}

.btn-secondary:hover{
    transform:translateY(-1px);
    border-color:rgba(255,102,0,.46);
    box-shadow:0 16px 24px rgba(0,0,0,.24);
}

.btn-secondary.is-added,
.btn.is-added{
    border-color:rgba(255,102,0,.48);
    box-shadow:0 0 0 1px rgba(255,102,0,.22) inset, 0 0 22px rgba(255,102,0,.18);
}

.btn-outline{
    color:#f4f7fb;
    background:rgba(255,255,255,.02);
    border-color:rgba(255,255,255,.12);
}

.btn-outline:hover{
    transform:translateY(-1px);
    border-color:rgba(255,102,0,.52);
    background:rgba(255,102,0,.08);
    box-shadow:0 14px 24px rgba(0,0,0,.2);
}

.btn[disabled],
.btn-secondary[disabled],
.btn-outline[disabled],
.filters button[disabled],
.dashboard-button[disabled]{
    opacity:.46;
    cursor:not-allowed;
    transform:none;
    box-shadow:none;
}

.btn-danger,
.dashboard-button.is-danger{
    color:#fff;
    background:linear-gradient(180deg, #e45454 0%, #c92d2d 100%);
    border-color:rgba(255,255,255,.06);
    box-shadow:0 14px 28px rgba(201,45,45,.18), inset 0 1px 0 rgba(255,255,255,.14);
}

.btn-danger:hover,
.dashboard-button.is-danger:hover{
    transform:translateY(-1px);
    box-shadow:0 18px 34px rgba(201,45,45,.24), inset 0 1px 0 rgba(255,255,255,.14);
}

.btn-danger[disabled],
.dashboard-button.is-danger[disabled]{
    opacity:.46;
    cursor:not-allowed;
    transform:none;
    box-shadow:none;
}

.btn-wide{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    white-space:normal;
    text-align:center;
}

.catalog-grid,
.featured-grid,
.related-grid,
.directory-grid{
    display:grid;
    gap:14px;
}

.catalog-grid{
    grid-template-columns:repeat(auto-fit, minmax(188px, 1fr));
}

.featured-grid{
    grid-template-columns:repeat(auto-fit, minmax(188px, 1fr));
}

.related-grid{
    grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
}

.directory-grid{
    grid-template-columns:repeat(auto-fit, minmax(205px, 1fr));
}

.product-card,
.featured-card,
.related-card,
.directory-card{
    position:relative;
    overflow:hidden;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.08);
    background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
        rgba(15,15,15,.84);
    box-shadow:0 18px 30px rgba(0,0,0,.22);
}

.product-card::before,
.featured-card::before,
.related-card::before,
.directory-card::before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg, #ff6600, rgba(255,102,0,.22) 55%, transparent);
}

.product-card,
.featured-card{
    display:flex;
    flex-direction:column;
    min-height:100%;
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.product-card.is-added-card,
.featured-card.is-added-card,
.purchase-box.is-added-card{
    border-color:rgba(255,102,0,.56);
    box-shadow:0 24px 48px rgba(255,102,0,.15), 0 0 0 1px rgba(255,102,0,.18) inset;
}

.product-card:hover,
.featured-card:hover,
.related-card:hover,
.directory-card:hover{
    transform:translateY(-2px);
    border-color:rgba(255,102,0,.56);
    box-shadow:0 22px 40px rgba(0,0,0,.28);
}

.product-photo,
.featured-photo,
.related-thumb,
.detail-photo,
.cart-item-photo{
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 35%, rgba(255,102,0,.11), transparent 48%),
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
        rgba(7,7,7,.82);
    border:1px solid rgba(255,255,255,.08);
}

.product-photo,
.featured-photo{
    height:104px;
    min-height:104px;
    aspect-ratio:16 / 9;
    border-width:0 0 1px;
}

.product-photo img,
.featured-photo img,
.related-thumb img,
.detail-photo img,
.cart-item-photo img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    display:block;
}

.featured-card .featured-photo{
    height:96px;
    min-height:96px;
}

.product-card .product-body,
.featured-card .featured-body{
    padding:9px;
    gap:7px;
}

.product-card .product-title,
.featured-card .featured-name{
    font-size:12.2px;
}

.product-card .product-desc{
    line-height:1.4;
    min-height:30px;
    font-size:12px;
}

.photo-fallback{
    color:rgba(255,255,255,.45);
    font-size:13px;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.photo-fallback-large{
    min-height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:inherit;
    border:1px dashed rgba(255,255,255,.16);
}

.garage-photo,
.garage-item__media,
.motorcycle-media,
.garage-card__media,
.welcome-card__media{
    width:100%;
    height:clamp(180px, 20vw, 250px);
    min-height:180px;
    border-radius:20px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at 50% 35%, rgba(255,102,0,.11), transparent 48%),
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
        rgba(7,7,7,.82);
    display:flex;
    align-items:center;
    justify-content:center;
}

.garage-photo,
.garage-card__media{
    border-radius:20px;
}

.motorcycle-media{
    border-radius:18px;
}

.garage-photo img,
.garage-item__media img,
.motorcycle-media img,
.garage-card__media img,
.welcome-card__media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}

.garage-photo__placeholder,
.garage-item__placeholder,
.motorcycle-placeholder,
.garage-card__placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:48px;
    color:#fff;
    background:linear-gradient(135deg, rgba(255,102,0,.18), rgba(255,255,255,.04));
}

.garage-item,
.motorcycle-card{
    min-width:0;
}

.garage-item{
    display:grid;
    grid-template-columns:minmax(210px,.35fr) minmax(0,1fr);
    gap:14px;
    min-height:300px;
    padding:16px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    box-shadow:0 18px 36px rgba(0,0,0,.20);
    transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.garage-item:hover{
    transform:translateY(-2px);
    border-color:rgba(255,102,0,.20);
    box-shadow:0 24px 44px rgba(0,0,0,.28);
}

.garage-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
    gap:12px;
    min-width:0;
}

.garage-featured{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(220px,.55fr);
    gap:14px;
    min-width:0;
}

.garage-card{
    min-width:0;
    display:grid;
    gap:12px;
    padding:18px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
}

.garage-card.is-active{
    border-color:rgba(255,102,0,.35);
    box-shadow:0 0 0 1px rgba(255,102,0,.10) inset;
}

.garage-card__summary{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));
    gap:8px;
}

.garage-card__summary span{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:10px 12px;
    border-radius:16px;
    background:rgba(255,255,255,.03);
    color:rgba(255,255,255,.74);
    font-size:12px;
    line-height:1.45;
    min-width:0;
}

.garage-card__summary strong{
    color:#fff;
    font-size:14px;
    line-height:1.35;
    overflow-wrap:anywhere;
}

.garage-card__actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.garage-card__actions form{
    margin:0;
}

.garage-card__actions .btn,
.garage-card__actions .btn-outline{
    justify-content:center;
}

.garage-card__meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    color:rgba(255,255,255,.72);
    overflow-wrap:anywhere;
}

.garage-card__meta span{
    min-width:0;
}

.garage-photo-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));
    gap:10px;
    min-width:0;
}

.garage-photo-card{
    min-width:0;
    display:grid;
    gap:10px;
    padding:12px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.garage-photo-card.is-main{
    border-color:rgba(255,102,0,.32);
    box-shadow:0 0 0 1px rgba(255,102,0,.10) inset;
}

.garage-photo-card:hover{
    transform:translateY(-2px);
    border-color:rgba(255,102,0,.20);
    box-shadow:0 18px 30px rgba(0,0,0,.22);
}

.garage-photo-card__media{
    height:148px;
    border-radius:16px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at 50% 35%, rgba(255,102,0,.11), transparent 48%),
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
        rgba(7,7,7,.82);
}

.garage-photo-card__media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    transition:transform .28s ease;
}

.garage-photo-card:hover .garage-photo-card__media img{
    transform:scale(1.03);
}

.garage-photo-card__placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    color:#fff;
    background:linear-gradient(135deg, rgba(255,102,0,.20), rgba(255,255,255,.04));
}

.garage-photo-card__head{
    display:flex;
    justify-content:space-between;
    gap:8px;
    align-items:flex-start;
}

.garage-photo-card__title{
    margin:0;
    font-size:14px;
    line-height:1.3;
    overflow-wrap:anywhere;
}

.garage-photo-card__meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.garage-photo-card__actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.garage-photo-card__actions form{
    margin:0;
}

.garage-photo-card__actions .btn,
.garage-photo-card__actions .btn-outline{
    padding:9px 11px;
    min-height:38px;
    justify-content:center;
}

.garage-item{
    height:100%;
}

.garage-item__title,
.motorcycle-summary__title,
.garage-card__title{
    margin:0;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.garage-item__meta,
.motorcycle-meta,
.garage-card__meta{
    overflow-wrap:anywhere;
}

.garage-item__specs .garage-spec strong,
.garage-card__meta span,
.motorcycle-meta{
    overflow-wrap:anywhere;
}

.product-body,
.featured-body{
    padding:10px;
    display:flex;
    flex-direction:column;
    gap:9px;
    flex:1;
}

.product-meta,
.detail-mini-meta,
.related-meta,
.cart-item-meta{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.pill{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:5px 10px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.04);
    color:#d6dce7;
    font-size:12px;
    line-height:1.1;
}

.pill-link{
    text-decoration:none;
    transition:border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.pill-link:hover{
    transform:translateY(-1px);
    border-color:rgba(255,102,0,.55);
    background:rgba(255,102,0,.09);
    color:#fff;
}

.pill.ok,
.stock-badge.ok{
    border-color:rgba(34,197,94,.35);
    color:#bef5ce;
}

.pill.warn,
.stock-badge.low{
    border-color:rgba(255,176,31,.34);
    color:#ffe199;
}

.pill.low{
    border-color:rgba(255,176,31,.34);
    color:#ffe199;
}

.pill.out,
.stock-badge.out{
    border-color:rgba(239,68,68,.34);
    color:#ffb1b1;
}

.product-title,
.featured-name,
.related-name,
.directory-card-title{
    margin:0;
    font-size:12.5px;
    line-height:1.35;
    letter-spacing:-.01em;
}

.product-desc{
    margin:0;
    color:rgba(255,255,255,.62);
    font-size:11.9px;
    line-height:1.55;
}

.price-row,
.related-footer,
.page-head,
.purchase-head,
.cart-item-head,
.cart-actions-row,
.store-footer-bottom,
.section-title-row,
.directory-card-head,
.footer-contact-line,
.info-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.price-row{
    align-items:center;
    flex-wrap:wrap;
}

.price,
.purchase-price{
    font-weight:800;
    letter-spacing:-.03em;
    color:#fff;
}

.price{
    font-size:17px;
}

.purchase-price{
    font-size:clamp(22px, 2.4vw, 30px);
    line-height:1;
}

.stock,
.breadcrumbs,
.footer-note,
.footer-note-mini,
.checkout-side-note div,
.checkout-intro-card div,
.hero-status-line span,
.hero-visual-note,
.muted-label,
.section-title-row .muted-label,
.store-footer-bottom,
.stock-badge,
.footer-contact-line span{
    color:rgba(255,255,255,.58);
}

.stock-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.04);
    font-size:12px;
    white-space:nowrap;
}

.added-chip{
    display:inline-flex;
    align-items:center;
    gap:6px;
    width:fit-content;
    padding:7px 11px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(255,102,0,.22), rgba(255,102,0,.12));
    border:1px solid rgba(255,102,0,.38);
    color:#ffd8bf;
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
    box-shadow:0 10px 20px rgba(255,102,0,.12);
}

.product-actions,
.featured-actions,
.directory-card-actions,
.cart-brief-actions,
.checkout-intro-actions,
.checkout-success-actions,
.empty-state-actions,
.footer-buttons{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.product-actions{
    margin-top:auto;
}

.product-actions form{
    margin:0;
    flex:1;
}

.product-actions .btn,
.product-actions .btn-outline,
.featured-actions .btn,
.featured-actions .btn-outline{
    width:100%;
}

.product-actions .btn-outline,
.featured-actions .btn-outline{
    background:rgba(255,255,255,.03);
    border-color:rgba(255,255,255,.10);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.product-actions .btn-outline:hover,
.featured-actions .btn-outline:hover{
    background:rgba(255,102,0,.09);
    border-color:rgba(255,102,0,.50);
    box-shadow:0 12px 22px rgba(0,0,0,.18);
}

.flash{
    margin-bottom:4px;
    padding:13px 14px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(14,14,14,.86);
    box-shadow:0 16px 28px rgba(0,0,0,.18);
}

.flash.success{
    border-color:rgba(34,197,94,.32);
    box-shadow:0 16px 28px rgba(34,197,94,.08);
}

.flash.error{
    border-color:rgba(239,68,68,.32);
    box-shadow:0 16px 28px rgba(239,68,68,.08);
}

.store-toast{
    position:fixed;
    left:20px;
    bottom:20px;
    z-index:80;
    width:min(402px, calc(100vw - 26px));
    padding:15px 16px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.1);
    background:linear-gradient(180deg, rgba(27,27,27,.96), rgba(12,12,12,.96));
    box-shadow:0 22px 38px rgba(0,0,0,.32);
    backdrop-filter:blur(18px);
    transform:translateX(-18px) translateY(12px);
    opacity:0;
    pointer-events:none;
    transition:opacity .24s ease, transform .24s ease, box-shadow .24s ease;
}

.store-toast.is-visible{
    opacity:1;
    transform:translateX(0) translateY(0);
    pointer-events:auto;
}

.store-toast.success{
    border-color:rgba(255,102,0,.32);
    box-shadow:0 20px 48px rgba(255,102,0,.16), 0 0 0 1px rgba(255,102,0,.12) inset;
}

.store-toast.error{
    border-color:rgba(239,68,68,.28);
    box-shadow:0 20px 48px rgba(239,68,68,.10), 0 0 0 1px rgba(239,68,68,.10) inset;
}

.store-toast-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.store-toast-title{
    margin:0;
    font-size:14px;
    font-weight:800;
    color:#fff;
}

.store-toast-text{
    margin-top:6px;
    color:rgba(255,255,255,.68);
    font-size:13px;
    line-height:1.45;
}

.store-toast-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:12px;
}

.store-toast-close{
    appearance:none;
    border:0;
    background:transparent;
    color:rgba(255,255,255,.58);
    cursor:pointer;
    font-size:18px;
    line-height:1;
    padding:0 2px;
}

.store-toast-close:hover{
    color:#fff;
}

.cookie-notice{
    position:fixed;
    top:max(10px, env(safe-area-inset-top));
    left:50%;
    z-index:120;
    width:min(680px, calc(100vw - 24px));
    display:flex;
    align-items:center;
    gap:14px;
    padding:10px 10px 10px 14px;
    border:1px solid rgba(255,255,255,.14);
    border-top:2px solid #ff7a1a;
    border-radius:8px;
    background:#181818;
    box-shadow:0 12px 30px rgba(0,0,0,.38);
    backdrop-filter:blur(12px);
    opacity:0;
    transform:translate(-50%,-14px);
    transition:opacity .22s ease,transform .22s ease;
}

.cookie-notice[hidden]{
    display:none;
}

.cookie-notice.is-visible{
    opacity:1;
    transform:translate(-50%,0);
}

.cookie-notice__content{
    min-width:0;
}

.cookie-notice__content h2{
    margin:0;
    color:#fff;
    display:inline;
    font-size:12px;
    font-weight:800;
    line-height:1.35;
}

.cookie-notice__content p{
    display:inline;
    margin:0 0 0 6px;
    color:rgba(255,255,255,.72);
    font-size:11px;
    line-height:1.35;
}

.cookie-notice__actions{
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:auto;
    flex:0 0 auto;
}

.cookie-notice__actions a{
    color:rgba(255,255,255,.7);
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}

.cookie-notice__actions a:hover{
    color:#fff;
}

.cookie-notice__actions .btn{
    min-height:30px;
    padding:5px 11px;
    border-radius:6px;
    font-size:11px;
}

@media (max-width:560px){
    .cookie-notice{
        top:max(8px, env(safe-area-inset-top));
        width:calc(100vw - 20px);
        flex-wrap:wrap;
        gap:7px 10px;
        padding:9px 10px;
        border-radius:7px;
    }
    .cookie-notice__content{flex:1 1 100%}
    .cookie-notice__content p{margin-left:5px;font-size:10.5px}
    .cookie-notice__actions{
        width:100%;
        justify-content:flex-end;
        gap:10px;
    }
}

.empty-state{
    padding:28px 22px;
    text-align:center;
    color:rgba(255,255,255,.7);
    border:1px dashed rgba(255,255,255,.14);
    border-radius:18px;
    background:rgba(14,14,14,.72);
}

.page-head{
    align-items:flex-end;
    margin-bottom:16px;
    flex-wrap:wrap;
}

.page-head h1,
.page-head h2{
    margin:6px 0 0;
    font-size:clamp(22px, 2.4vw, 30px);
    letter-spacing:-.04em;
    text-transform:uppercase;
}

.breadcrumbs{
    font-size:12px;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.filter-summary{
    margin-bottom:14px;
}

.chip-row{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.filter-chip{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 11px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    font-size:12px;
    color:#dde3ee;
    text-decoration:none;
    transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.filter-chip:hover{
    transform:translateY(-1px);
    border-color:rgba(255,102,0,.55);
    background:rgba(255,102,0,.08);
    color:#fff;
}

.product-detail{
    display:grid;
    grid-template-columns:minmax(0, 1.15fr) 380px;
    gap:18px;
    align-items:start;
}

.product-facts-panel{
    margin-bottom:18px;
}

.product-facts-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
}

.product-fact,
.checkout-intro-card,
.checkout-side-note,
.benefit-item,
.directory-stat{
    padding:11px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
}

.product-fact{
    display:grid;
    gap:6px;
}

.product-fact span,
.directory-stat span{
    color:rgba(255,255,255,.56);
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.product-fact strong,
.directory-stat strong{
    font-size:16px;
    line-height:1.35;
}

.product-detail-media{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.detail-photo{
    min-height:400px;
    border-radius:16px;
}

.purchase-box{
    position:sticky;
    top:84px;
}

.purchase-head{
    align-items:flex-start;
    margin-bottom:12px;
}

.purchase-form{
    margin-top:14px;
}

.quantity-stepper{
    display:flex;
    align-items:stretch;
    overflow:hidden;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.09);
    background:rgba(10,10,10,.68);
}

.quantity-stepper input{
    min-width:0;
    border:0;
    border-radius:0;
    text-align:center;
    font-size:16px;
    font-weight:700;
}

.quantity-stepper-btn{
    width:40px;
    border:0;
    background:rgba(255,255,255,.02);
    color:#f2f5fb;
    font-size:20px;
    cursor:pointer;
    transition:background .18s ease, color .18s ease;
}

.quantity-stepper-btn:hover{
    background:rgba(255,102,0,.12);
    color:#fff;
}

.info-list{
    display:grid;
    gap:12px;
}

.info-list.compact{
    gap:8px;
}

.info-row{
    align-items:center;
    padding:12px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.info-row:last-child{
    border-bottom:none;
}

.info-row span{
    color:rgba(255,255,255,.56);
}

.detail-bands{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
    margin-top:18px;
}

.section-title-row{
    align-items:center;
    margin-bottom:14px;
    flex-wrap:wrap;
}

.section-title{
    margin:0;
    font-size:18px;
    letter-spacing:-.02em;
    text-transform:uppercase;
}

.rich-text{
    margin:0;
    color:#d7dce7;
    line-height:1.7;
    white-space:normal;
}

.benefit-list{
    display:grid;
    gap:10px;
}

.benefit-item{
    color:#dbe2ef;
}

.featured-section,
.related-section{
    margin-top:22px;
}

.homepage-benefits{
    margin-top:20px;
    margin-bottom:14px;
}

.catalog-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px}.catalog-intro .section-title{margin:5px 0 8px;font-size:clamp(24px,4vw,38px)}
.homepage-slider{display:grid;gap:14px;padding:16px}.homepage-slider>.section-title-row{min-width:0;margin-bottom:0;align-items:center}.homepage-slider>.section-title-row>div:first-child{display:grid;min-width:0;gap:4px}.homepage-slider__controls{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.58);font-size:11px}.homepage-slider__controls button{display:grid;width:34px;height:34px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.04);color:#fff;font:inherit;font-size:22px;line-height:1;cursor:pointer}.homepage-offers-slider .homepage-slider__controls{display:grid;grid-template-columns:36px minmax(44px,auto) 36px}.homepage-offers-slider .homepage-slider__controls span{min-width:44px;text-align:center;font-variant-numeric:tabular-nums}.homepage-offers-slider .homepage-slider__controls button{width:36px;height:36px}.homepage-slider__controls button:hover{border-color:rgba(255,102,0,.55);background:rgba(255,102,0,.12)}.homepage-slider__viewport{position:relative;height:clamp(260px,28vw,320px);overflow:hidden;border-radius:8px;touch-action:pan-y;isolation:isolate}.homepage-banner{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.34fr);align-items:stretch;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:linear-gradient(120deg,rgba(255,102,0,.16),rgba(255,255,255,.025) 44%,rgba(7,7,8,.88));visibility:hidden;pointer-events:none;transform:translate3d(100%,0,0);will-change:transform;transition:transform .62s cubic-bezier(.22,.72,.16,1)}.homepage-banner.is-active,.homepage-banner[data-slide-state="active"]{z-index:3;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0)}.homepage-banner[data-slide-state="enter-from-right"]{z-index:4;visibility:visible;transform:translate3d(100%,0,0);transition:none}.homepage-banner[data-slide-state="enter-from-left"]{z-index:4;visibility:visible;transform:translate3d(-100%,0,0);transition:none}.homepage-banner[data-slide-state="leave-to-left"]{z-index:2;visibility:visible;transform:translate3d(-100%,0,0)}.homepage-banner[data-slide-state="leave-to-right"]{z-index:2;visibility:visible;transform:translate3d(100%,0,0)}.homepage-banner__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(22px,4vw,44px)}.homepage-banner__copy h3{max-width:720px;margin:8px 0 10px;color:#fff;font-size:clamp(23px,3.5vw,42px);line-height:1.08}.homepage-banner__copy p{max-width:680px;margin:0 0 20px;color:rgba(255,255,255,.7);font-size:14px;line-height:1.6}.homepage-banner__mark{display:grid;min-width:0;place-items:center;border-left:1px solid rgba(255,255,255,.07);color:rgba(255,102,0,.72);font-size:clamp(58px,9vw,118px);font-weight:900}.homepage-slider__dots{display:flex;justify-content:center;gap:7px}.homepage-slider__dots button{width:28px;height:4px;padding:0;border:0;border-radius:2px;background:rgba(255,255,255,.14);cursor:pointer;transition:width .3s ease,background-color .3s ease}.homepage-slider__dots button.is-active{width:42px;background:#ff6600}
.homepage-news{display:grid;gap:14px;padding:16px}.homepage-news__viewport{position:relative;height:178px;overflow:hidden;border-radius:8px}.homepage-news__card{position:absolute;inset:0;z-index:1;display:grid;width:100%;align-content:center;min-height:178px;gap:9px;padding:clamp(18px,3vw,30px);border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(120deg,rgba(255,102,0,.09),rgba(255,255,255,.025));color:inherit;font:inherit;text-align:left;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(14px);transition:opacity .45s ease,transform .55s cubic-bezier(.22,.8,.2,1)}.homepage-news__card.is-active{z-index:2;opacity:1;pointer-events:auto;transform:none}.homepage-news__card:hover{border-color:rgba(255,102,0,.48);background:rgba(255,102,0,.12)}.homepage-news__card span{color:#ff9147;font-size:10px;text-transform:uppercase}.homepage-news__card strong{max-width:850px;color:#fff;font-size:clamp(18px,2.5vw,27px);line-height:1.25}.homepage-news__card p{max-width:850px;margin:0;color:rgba(255,255,255,.6);font-size:13px;line-height:1.55}
.homepage-news__card .homepage-news__excerpt{max-width:850px;margin:0;color:rgba(255,255,255,.6);font-size:13px;line-height:1.55}
@media(max-width:700px){.catalog-intro{align-items:flex-start;flex-direction:column}.homepage-slider{padding:14px}.homepage-slider>.section-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.homepage-offers-slider .homepage-slider__controls{grid-template-columns:34px minmax(38px,auto) 34px;gap:5px}.homepage-offers-slider .homepage-slider__controls button{width:34px;height:34px}.homepage-news .homepage-slider__controls{flex-wrap:wrap;justify-content:flex-end}.homepage-banner{grid-template-columns:1fr}.homepage-banner__copy{justify-content:flex-start;padding:24px 20px}.homepage-banner__copy h3{font-size:clamp(23px,7vw,31px)}.homepage-banner__mark{display:none}.homepage-slider__viewport{height:330px}.homepage-news__viewport{height:210px}.homepage-news__card{min-height:210px}}
@media(max-width:430px){.homepage-slider>.section-title-row{grid-template-columns:1fr}.homepage-slider__controls{justify-self:start}.homepage-slider__viewport{height:350px}}
@media(prefers-reduced-motion:reduce){.homepage-banner,.homepage-news__card,.homepage-slider__dots button{transition:none}}

.directory-card{
    padding:14px;
    display:grid;
    gap:12px;
}

.directory-card-stats{
    grid-template-columns:repeat(2, minmax(0, 1fr));
}

.directory-card-actions{
    align-items:flex-start;
}

.cart-table{
    width:100%;
    border-collapse:collapse;
}

.cart-table th,
.cart-table td{
    padding:12px;
    border-bottom:1px solid rgba(255,255,255,.08);
    vertical-align:top;
}

.cart-table th{
    text-align:left;
    color:rgba(255,255,255,.56);
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.cart-summary{
    display:grid;
    grid-template-columns:1fr 320px;
    gap:16px;
    align-items:start;
}

.summary-box{
    position:sticky;
    top:90px;
}

.summary-box .btn-wide{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
}

.cart-layout,
.checkout-layout{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 340px;
    gap:16px;
    align-items:start;
}

/* Keep the cart columns on one baseline while either panel is hovered. */
body.storefront .cart-layout > .panel{
    align-self:start;
    margin-top:0;
}

body.storefront .cart-layout > .panel:hover{
    transform:none;
}

.cart-list{
    display:grid;
    gap:12px;
}

.cart-item{
    display:grid;
    grid-template-columns:96px minmax(0, 1fr) auto;
    gap:10px;
    padding:10px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.cart-item:last-child{
    border-bottom:none;
    padding-bottom:0;
}

.cart-item-photo{
    width:96px;
    height:96px;
    border-radius:12px;
}

.cart-item-body{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.cart-item-title{
    margin:0;
    font-size:14px;
    line-height:1.35;
}

.cart-item-price{
    font-size:16px;
    font-weight:800;
    white-space:nowrap;
}

.cart-item-controls{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}

.cart-qty-form{
    min-width:min(100%, 320px);
}

.cart-remove-form{
    margin:0;
}

.cart-item-summary{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:space-between;
    gap:8px;
    text-align:right;
}

.cart-item-summary strong{
    font-size:16px;
}

.cart-actions-row{
    align-items:center;
    flex-wrap:wrap;
    margin-top:16px;
}

.cart-brief-actions{
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid rgba(255,255,255,.08);
}

.cart-brief-panel,
.checkout-brief-panel{
    margin-bottom:18px;
}

.cart-brief-grid,
.checkout-brief-grid,
.checkout-intro-grid,
.checkout-success-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
}

.checkout-intro{
    display:grid;
    gap:12px;
    margin-bottom:14px;
}

.checkout-customer-note{
    margin:0;
    color:rgba(255,255,255,.68);
    font-size:13px;
    line-height:1.55;
}

.checkout-order-item{
    display:grid;
    grid-template-columns:minmax(0, 1fr) max-content;
    align-items:start;
}

.checkout-order-item__name{
    min-width:0;
    overflow-wrap:anywhere;
}

.checkout-order-item__price{
    white-space:nowrap;
}

.checkout-intro-card,
.checkout-side-note{
    display:grid;
    gap:6px;
}

.checkout-intro-card strong,
.checkout-side-note strong{
    font-size:14px;
}

.checkout-intro-card div,
.checkout-side-note div{
    color:#d7dce7;
    font-size:13px;
    line-height:1.5;
}

.checkout-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    align-items:start;
}

.checkout-grid > div{
    min-width:0;
}

.checkout-form textarea{
    resize:vertical;
    min-height:100px;
}

.checkout-success{
    display:grid;
    gap:20px;
    max-width:980px;
    margin:0 auto;
    padding:clamp(22px,4vw,42px);
    border-color:rgba(255,255,255,.1);
    background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
}

.checkout-success__hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:start;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.09)}
.checkout-success__mark{display:grid;width:56px;height:56px;place-items:center;border-radius:18px;background:linear-gradient(145deg,#ff7b1a,#a83b00);box-shadow:0 12px 28px rgba(255,106,0,.22);color:#fff;font-size:30px;font-weight:900}
.checkout-success__hero h2{margin:4px 0 8px;font-size:clamp(28px,4vw,42px);line-height:1.05}
.checkout-success__hero p{max-width:650px;margin:0;color:rgba(255,255,255,.65);line-height:1.6}
.checkout-success__status{display:inline-flex;align-items:center;min-height:32px;padding:7px 10px;border:1px solid rgba(134,239,172,.25);border-radius:8px;background:rgba(34,197,94,.1);color:#a7f3c0;font-size:11px;font-weight:800}
.checkout-success__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.checkout-success__summary>div{display:grid;gap:6px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,0,0,.14)}
.checkout-success__summary span{color:rgba(255,255,255,.5);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.checkout-success__summary strong{font-size:20px;overflow-wrap:anywhere}
.checkout-success__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.checkout-success__steps article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025)}
.checkout-success__steps b{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:rgba(255,123,0,.14);color:#ff9b55}
.checkout-success__steps strong{font-size:13px}.checkout-success__steps p{margin:4px 0 0;color:rgba(255,255,255,.55);font-size:12px;line-height:1.45}

.checkout-success-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
}

.footer-note{
    font-size:13px;
    line-height:1.6;
}

.store-footer{
    padding:0 16px 20px;
    margin-top:2px;
}

.store-footer-inner{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
}

.footer-block{
    display:grid;
    gap:12px;
    padding:14px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.08);
    background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
        rgba(15,15,15,.9);
    box-shadow:0 18px 34px rgba(0,0,0,.24);
}

.footer-title{
    margin:0;
    font-size:16px;
    letter-spacing:-.02em;
    text-transform:uppercase;
}

.footer-steps{
    display:grid;
    gap:10px;
}

.footer-step{
    display:grid;
    grid-template-columns:32px minmax(0, 1fr);
    gap:10px;
    align-items:start;
    padding:9px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
}

.footer-step strong{
    width:32px;
    height:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:linear-gradient(180deg, #ff7a17, #ff6600);
    color:#fff;
    font-size:13px;
    box-shadow:0 10px 18px rgba(255,102,0,.18);
}

.footer-step-title{
    font-weight:700;
    margin-bottom:4px;
}

.footer-note-mini{
    font-size:13px;
    line-height:1.5;
}

.footer-contact-lines{
    display:grid;
    gap:8px;
}

.footer-contact-line{
    align-items:flex-start;
    padding:8px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.footer-contact-line:last-child{
    border-bottom:none;
}

.footer-contact-line span{
    font-size:13px;
}

.footer-buttons{
    margin-top:4px;
}

.store-footer-bottom{
    max-width:1240px;
    margin:14px auto 0;
    align-items:center;
    flex-wrap:wrap;
    color:rgba(255,255,255,.5);
    font-size:13px;
}

.store-footer-links{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
}

.store-footer-links a{
    color:#edf0f5;
    text-decoration:none;
    transition:color .18s ease, opacity .18s ease;
}

.store-footer-links a:hover{
    color:#ff9c4f;
}

.footer-block a{
    color:#fff;
}

@media (max-width: 1100px){
    .store-hero,
    .product-detail,
    .detail-bands,
    .cart-summary,
    .cart-layout,
    .checkout-layout{
        grid-template-columns:1fr;
    }

    .filters{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .filters > :last-child{
        grid-column:1 / -1;
    }

    .purchase-box,
    .summary-box{
        position:static;
    }

    .detail-photo{
        min-height:320px;
    }
}

@media (max-width: 960px){
    .checkout-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width: 900px){
    .discover-grid,
    .store-footer-inner,
    .hero-visual-grid,
    .product-facts-grid,
    .cart-brief-grid,
    .checkout-brief-grid,
    .checkout-intro-grid,
    .checkout-success-grid{
        grid-template-columns:1fr;
    }

    .quick-actions-grid{
        grid-template-columns:1fr 1fr;
    }

    .cart-item{
        grid-template-columns:1fr;
    }

    .cart-item-summary{
        align-items:flex-start;
        text-align:left;
    }

    .store-header-inner{
        align-items:flex-start;
    }

    .header-actions{
        width:100%;
        grid-template-columns:1fr;
    }

    .header-nav,
    .header-utils{
        width:100%;
        justify-content:flex-start;
    }

    .header-nav{
        overflow:visible;
        flex-wrap:wrap;
    }
}

@media (max-width: 680px){
    .store-wrap{
        padding:14px 10px 20px;
        gap:18px;
    }

    .store-header-inner{
        padding:8px 10px 10px;
        gap:10px;
    }

    .brand{
        gap:1px;
    }

    .brand strong{
        font-size:15px;
        letter-spacing:.12em;
    }

    .brand span{
        display:none;
    }

    .header-actions{
        gap:8px;
    }

    .header-nav,
    .header-utils{
        display:flex;
        flex-wrap:nowrap;
        overflow-x:auto;
        overflow-y:hidden;
        gap:8px;
        padding-bottom:2px;
        scrollbar-width:none;
        -ms-overflow-style:none;
    }

    .header-nav::-webkit-scrollbar,
    .header-utils::-webkit-scrollbar{
        display:none;
    }

    .header-nav{
        order:1;
    }

    .header-utils{
        order:2;
    }

    .header-actions{
        grid-template-columns:1fr;
    }

    .nav-link,
    .nav-dropdown-toggle{
        min-height:34px;
        padding:8px 10px;
        border-radius:12px;
        font-size:12px;
        white-space:nowrap;
        flex:0 0 auto;
    }

    .badge{
        min-width:20px;
        height:20px;
        padding:0 6px;
        font-size:10px;
    }

    .cabinet-nav{
        gap:6px;
    }

    .cabinet-nav__link{
        min-height:38px;
        padding:8px 10px;
        border-radius:12px;
    }

    .cabinet-nav__label{
        font-size:12px;
    }

    .panel,
    .footer-block,
    .hero-visual-card{
        border-radius:14px;
        padding:11px;
    }

    .hero-title{
        margin-top:6px;
        font-size:clamp(20px, 8vw, 26px);
    }

    .hero-actions,
    .product-actions,
    .featured-actions,
    .directory-card-actions,
    .cart-brief-actions,
    .footer-buttons{
        gap:8px;
    }

    .store-hero{
        gap:10px;
        margin-bottom:10px;
    }

    .hero-badges{
        margin:12px 0 14px;
    }

    .hero-visual{
        gap:10px;
    }

    .quick-actions-grid{
        grid-template-columns:1fr;
    }

    .quick-action-card{
        min-height:64px;
        padding:10px;
    }

    .discover-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .homepage-discover{
        margin-top:14px;
        margin-bottom:14px;
    }

    .homepage-quick-actions{
        margin-top:10px;
        margin-bottom:14px;
    }

    .homepage-benefits{
        margin-top:14px;
        margin-bottom:10px;
    }

    .filters{
        grid-template-columns:1fr;
    }

    .section-title-row{
        margin-bottom:10px;
        gap:8px;
    }

    .section-title{
        font-size:13px;
        line-height:1.15;
    }

    .price{
        font-size:16px;
    }

    .purchase-price{
        font-size:24px;
    }

    .product-card,
    .featured-card,
    .related-card,
    .directory-card{
        border-radius:14px;
    }

    .catalog-grid,
    .featured-grid,
    .related-grid,
    .directory-grid{
        gap:12px;
    }
}

.pd-consent{
    display:grid;
    gap:10px;
    padding:14px 16px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
}

.pd-consent__row{
    display:flex;
    gap:10px;
    align-items:flex-start;
}

.pd-consent__row input{
    margin-top:4px;
    accent-color:#ff6600;
    flex:0 0 auto;
}

/* Consent checkbox must never inherit full-width text field geometry. */
body.storefront .pd-consent__row input[type="checkbox"]{
    appearance:auto;
    inline-size:20px;
    block-size:20px;
    width:20px;
    height:20px;
    min-width:20px;
    min-height:20px;
    margin:1px 0 0;
    padding:0;
    flex:0 0 20px;
    align-self:flex-start;
    border:0;
    border-radius:4px;
    background:transparent;
    box-shadow:none;
    accent-color:#ff6600;
    color-scheme:dark;
    cursor:pointer;
}

.pd-consent__text{
    min-width:0;
    flex:1 1 auto;
    color:rgba(255,255,255,.86);
    line-height:1.5;
    font-size:14px;
}

.pd-consent__text a{
    color:#fff;
    text-decoration:underline;
    text-underline-offset:2px;
}

.pd-consent__note{
    color:rgba(255,255,255,.6);
    line-height:1.45;
    font-size:12px;
}

/* Checkbox consent is a compact control, not a checkout text field. */
body.storefront .checkout-form .pd-consent{
    display:block;
    margin:2px 0 0;
    padding:14px 16px;
    color:rgba(255,255,255,.86);
    font-size:14px;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.5;
    text-transform:none;
    cursor:pointer;
}

body.storefront .checkout-form .pd-consent__row{
    display:flex;
    align-items:flex-start;
    gap:11px;
}

body.storefront .checkout-form input.pd-consent__checkbox{
    appearance:auto;
    inline-size:20px;
    block-size:20px;
    width:20px;
    height:20px;
    min-width:20px;
    min-height:20px;
    margin:1px 0 0;
    padding:0;
    flex:0 0 20px;
    border:0;
    border-radius:4px;
    background:transparent;
    box-shadow:none;
    accent-color:#ff6600;
    color-scheme:dark;
    cursor:pointer;
}

body.storefront .checkout-form .pd-consent__text{
    min-width:0;
    color:rgba(255,255,255,.86);
    font-size:14px;
    font-weight:400;
    letter-spacing:normal;
    line-height:1.5;
    text-transform:none;
}

body.storefront .checkout-form .pd-consent__text a{
    color:#ff9a52;
    font-weight:700;
}

:root{
    --ktm-bg:hsl(0 0% 8%);
    --ktm-bg-hero:hsl(0 0% 5%);
    --ktm-surface:hsl(0 0% 15%);
    --ktm-surface-2:hsl(0 0% 18%);
    --ktm-border:hsl(0 0% 22%);
    --ktm-text:hsl(0 0% 96%);
    --ktm-muted:rgba(255,255,255,.62);
    --ktm-accent:hsl(25 100% 50%);
    --ktm-accent-soft:rgba(255,123,0,.10);
    --ktm-accent-line:rgba(255,123,0,.22);
    --ktm-shadow-lg:0 24px 64px rgba(0,0,0,.30);
    --ktm-shadow-md:0 14px 34px rgba(0,0,0,.22);
    --ktm-shadow-sm:0 8px 20px rgba(0,0,0,.16);
    --ktm-radius-xl:24px;
    --ktm-radius-lg:18px;
    --ktm-radius-md:12px;
}

body.storefront{
    color:var(--ktm-text);
    font-family:"Sora","Segoe UI Variable Display","Segoe UI",sans-serif;
    background:
        radial-gradient(circle at 18% 10%, rgba(255,123,0,.08), transparent 18%),
        radial-gradient(circle at 78% 0%, rgba(255,255,255,.04), transparent 16%),
        linear-gradient(180deg, #0a0a0a 0%, #101010 38%, #141414 100%);
}

body.storefront::before{
    background:
        linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px);
    background-size:84px 84px;
    opacity:.16;
}

body.storefront::after{
    width:30vw;
    height:30vw;
    right:-10%;
    bottom:-16%;
    background:radial-gradient(circle, rgba(255,255,255,.05), rgba(255,255,255,0) 72%);
    filter:blur(26px);
    opacity:.32;
}

body.storefront :focus-visible{
    outline:2px solid rgba(255,123,0,.48);
    outline-offset:2px;
}

body.storefront .store-wrap{
    width:min(1340px, calc(100% - 40px));
    margin:0 auto;
    padding:28px 0 60px;
}

body.storefront .store-header{
    background:rgba(10,10,10,.78);
    border-bottom:1px solid rgba(255,255,255,.05);
    box-shadow:0 12px 36px rgba(0,0,0,.20);
}

body.storefront .store-header::after{
    background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.12) 25%, rgba(255,123,0,.12) 52%, transparent 100%);
    opacity:.55;
}

body.storefront .store-header-inner{
    max-width:1340px;
    padding:12px 18px;
    gap:20px;
}

body.storefront .brand strong{
    font-size:17px;
    letter-spacing:.18em;
}

body.storefront .brand span{
    color:var(--ktm-muted);
}

body.storefront .nav-link,
body.storefront .nav-dropdown-link,
body.storefront .nav-dropdown-button{
    min-height:38px;
    padding:8px 12px;
    border-radius:12px;
    font-size:12px;
    font-weight:600;
    letter-spacing:.03em;
    text-transform:none;
    transition:border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.storefront .dashboard-button,
body.storefront .btn,
body.storefront .btn-secondary,
body.storefront .btn-outline{
    min-height:40px;
    padding:10px 14px;
    border-radius:12px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:none;
    transition:border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease, filter .18s ease;
}

body.storefront .nav-link{
    border:1px solid transparent;
    background:transparent;
    color:rgba(255,255,255,.82);
    box-shadow:none;
}

body.storefront .nav-link:hover,
body.storefront .nav-dropdown-toggle:hover{
    color:#fff;
    border-color:rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
}

body.storefront .nav-link.is-active,
body.storefront .nav-dropdown.is-active > .nav-link{
    color:#fff;
    border-color:rgba(255,255,255,.10);
    background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(255,123,0,.04);
}

body.storefront .nav-link-notifications{
    white-space:nowrap;
}

body.storefront .nav-dropdown-menu{
    border-radius:16px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(12,12,12,.96);
    box-shadow:var(--ktm-shadow-md);
}

body.storefront .nav-dropdown-link,
body.storefront .nav-dropdown-button{
    border:1px solid transparent;
    background:transparent;
    color:rgba(255,255,255,.86);
}

body.storefront .nav-dropdown-link:hover,
body.storefront .nav-dropdown-link.is-active,
body.storefront .nav-dropdown-button:hover{
    border-color:rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:#fff;
}

body.storefront .badge,
body.storefront .dashboard-badge,
body.storefront .pill,
body.storefront .stock-badge{
    border:1px solid rgba(255,255,255,.09);
    background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.028));
    color:var(--ktm-text);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

body.storefront .hero-badge,
body.storefront .pill-emphasis{
    border-color:rgba(255,123,0,.18);
    background:linear-gradient(180deg, rgba(255,123,0,.10), rgba(255,123,0,.04));
}

body.storefront .btn,
body.storefront .dashboard-button{
    color:#fff;
    border:1px solid rgba(255,123,0,.26);
    background:linear-gradient(180deg, rgba(255,123,0,.26), rgba(255,123,0,.18));
    box-shadow:0 8px 18px rgba(255,123,0,.10), inset 0 1px 0 rgba(255,255,255,.05);
}

body.storefront .btn:hover,
body.storefront .dashboard-button:hover{
    filter:brightness(1.04);
    box-shadow:0 10px 22px rgba(255,123,0,.12), inset 0 1px 0 rgba(255,255,255,.06);
    transform:translateY(-1px);
}

body.storefront .btn:active,
body.storefront .dashboard-button:active{
    transform:translateY(0);
}

body.storefront .btn-secondary{
    color:#fff;
    border:1px solid rgba(255,255,255,.10);
    background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
    box-shadow:none;
}

body.storefront .btn-secondary:hover{
    border-color:rgba(255,255,255,.14);
    background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.028));
}

body.storefront .btn-outline{
    color:rgba(255,255,255,.90);
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.015);
    box-shadow:none;
}

body.storefront .btn-outline:hover{
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.03);
    color:#fff;
}

body.storefront .panel,
body.storefront .footer-block,
body.storefront .product-card,
body.storefront .featured-card,
body.storefront .related-card,
body.storefront .directory-card,
body.storefront .dashboard-card,
body.storefront .dashboard-hero,
body.storefront .dashboard-mini-card,
body.storefront .policy-card,
body.storefront .reset-card,
body.storefront .market-card,
body.storefront .provider-card,
body.storefront .profile-about-card,
body.storefront .profile-fact-card,
body.storefront .messages-hero-card,
body.storefront .conversation,
body.storefront .garage-panel,
body.storefront .garage-modal,
body.storefront .summary-box,
body.storefront .purchase-box{
    background:
        linear-gradient(180deg, rgba(30,30,30,.96), rgba(20,20,20,.94)) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    border-radius:var(--ktm-radius-lg) !important;
    box-shadow:var(--ktm-shadow-md);
    overflow:hidden;
    position:relative;
}

body.storefront .panel::before,
body.storefront .footer-block::before,
body.storefront .product-card::before,
body.storefront .featured-card::before,
body.storefront .related-card::before,
body.storefront .directory-card::before,
body.storefront .dashboard-card::before,
body.storefront .dashboard-hero::before,
body.storefront .dashboard-mini-card::before,
body.storefront .policy-card::before,
body.storefront .reset-card::before,
body.storefront .market-card::before,
body.storefront .provider-card::before,
body.storefront .profile-about-card::before,
body.storefront .profile-fact-card::before,
body.storefront .messages-hero-card::before,
body.storefront .conversation::before,
body.storefront .garage-panel::before,
body.storefront .garage-modal::before,
body.storefront .summary-box::before,
body.storefront .purchase-box::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:1px;
    background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.08) 30%, rgba(255,123,0,.14) 60%, transparent 100%);
    opacity:.8;
}

body.storefront .panel:hover,
body.storefront .footer-block:hover,
body.storefront .product-card:hover,
body.storefront .featured-card:hover,
body.storefront .related-card:hover,
body.storefront .directory-card:hover,
body.storefront .dashboard-card:hover,
body.storefront .dashboard-hero:hover,
body.storefront .dashboard-mini-card:hover,
body.storefront .market-card:hover,
body.storefront .provider-card:hover{
    border-color:rgba(255,255,255,.10) !important;
    box-shadow:var(--ktm-shadow-lg), 0 0 0 1px rgba(255,255,255,.02) inset;
    transform:translateY(-1px);
}

body.storefront .section-title,
body.storefront .dashboard-section__title,
body.storefront .footer-title{
    font-weight:700;
    letter-spacing:.01em;
    text-transform:none;
}

body.storefront .muted-label,
body.storefront .dashboard-section__note,
body.storefront .hero-visual-note,
body.storefront .footer-note-mini{
    color:var(--ktm-muted);
}

body.storefront input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.storefront select,
body.storefront textarea{
    width:100%;
    min-height:42px;
    padding:11px 13px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.025);
    color:var(--ktm-text);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

body.storefront input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
body.storefront select:focus,
body.storefront textarea:focus{
    border-color:rgba(255,123,0,.20);
    box-shadow:0 0 0 3px rgba(255,123,0,.08);
}

body.storefront label{
    display:block;
    margin-bottom:8px;
    color:rgba(255,255,255,.78);
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;
}

body.storefront .flash,
body.storefront .store-toast{
    border-radius:16px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(26,26,26,.96), rgba(17,17,17,.95));
    box-shadow:var(--ktm-shadow-md);
}

body.storefront .page-head,
body.storefront .product-page-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:16px;
    align-items:end;
    margin-bottom:22px;
}

body.storefront .page-head h1,
body.storefront .product-page-head__copy h1{
    margin:8px 0 0;
    font-size:clamp(30px, 4.8vw, 54px);
    line-height:.96;
    letter-spacing:.01em;
}

body.storefront .product-page-head__text{
    max-width:72ch;
    margin:12px 0 0;
}

body.storefront .store-hero{
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);
    gap:20px;
    margin-bottom:22px;
}

body.storefront .hero-copy{
    padding:28px;
    background:
        radial-gradient(circle at top left, rgba(255,123,0,.08), transparent 22%),
        linear-gradient(180deg, rgba(11,11,11,.95), rgba(20,20,20,.95)) !important;
}

body.storefront .hero-visual{
    display:grid;
    gap:16px;
    padding:22px;
    background:
        radial-gradient(circle at 72% 12%, rgba(255,255,255,.04), transparent 18%),
        linear-gradient(180deg, rgba(9,9,9,.96), rgba(18,18,18,.96)) !important;
}

body.storefront .hero-visual-card{
    padding:20px;
    border-radius:var(--ktm-radius-xl) !important;
    background:
        linear-gradient(180deg, rgba(26,26,26,.94), rgba(15,15,15,.92)) !important;
}

body.storefront .hero-kicker,
body.storefront .dashboard-kicker,
body.storefront .footer-kicker,
body.storefront .dashboard-sidebar__label{
    color:rgba(255,255,255,.66);
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.14em;
}

body.storefront .hero-title{
    margin:12px 0 0;
    font-size:clamp(38px, 5.4vw, 72px);
    line-height:.92;
    letter-spacing:.01em;
}

body.storefront .hero-title .accent{
    color:#fff;
}

body.storefront .hero-text{
    max-width:36rem;
    font-size:clamp(15px, 1.5vw, 18px);
    line-height:1.6;
    color:rgba(255,255,255,.74);
}

body.storefront .hero-badges{
    gap:8px;
}

body.storefront .hero-actions{
    align-items:center;
    gap:10px;
}

body.storefront .hero-visual-grid,
body.storefront .dashboard-stats,
body.storefront .checkout-intro-grid,
body.storefront .checkout-brief-grid,
body.storefront .product-facts-grid{
    gap:12px;
}

body.storefront .hero-visual-metric,
body.storefront .dashboard-tile,
body.storefront .market-stat,
body.storefront .checkout-intro-card,
body.storefront .product-fact{
    padding:14px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}

body.storefront .hero-visual-wide{
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}

body.storefront .quick-action-card,
body.storefront .benefit-item,
body.storefront .discover-chip,
body.storefront .garage-photo-card,
body.storefront .portfolio-card{
    border-radius:16px !important;
    border:1px solid rgba(255,255,255,.07) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018)) !important;
    box-shadow:var(--ktm-shadow-sm);
}

body.storefront .quick-action-card{
    min-height:92px;
    padding:18px 16px;
}

body.storefront .quick-action-card:hover{
    border-color:rgba(255,255,255,.11) !important;
}

body.storefront .benefit-item{
    min-height:100%;
    padding:18px !important;
}

body.storefront .product-card .product-title,
body.storefront .featured-card .featured-name,
body.storefront .related-name,
body.storefront .directory-card-title,
body.storefront .dashboard-mini-card__title{
    font-weight:700;
    letter-spacing:.01em;
}

body.storefront .product-card .product-body,
body.storefront .featured-card .featured-body{
    gap:14px;
}

body.storefront .product-actions,
body.storefront .featured-actions,
body.storefront .purchase-actions{
    gap:8px !important;
}

body.storefront .product-detail{
    display:grid;
    grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);
    gap:22px;
    align-items:start;
}

body.storefront .detail-photo{
    display:grid;
    place-items:center;
    min-height:420px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.07);
    background:
        radial-gradient(circle at 50% 18%, rgba(255,255,255,.03), transparent 24%),
        linear-gradient(180deg, rgba(9,9,9,.98), rgba(17,17,17,.96));
    overflow:hidden;
}

body.storefront .detail-photo img{
    width:100%;
    height:100%;
    object-fit:contain;
}

body.storefront .detail-mini-meta{
    gap:8px;
}

body.storefront .detail-bands{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:18px;
    margin-top:22px;
}

body.storefront .purchase-box{
    position:sticky;
    top:88px;
}

body.storefront .purchase-head{
    gap:14px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(255,255,255,.07);
}

body.storefront .purchase-price,
body.storefront .price,
body.storefront .market-price{
    font-weight:700;
    letter-spacing:.01em;
}

body.storefront .quantity-stepper{
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.02);
}

body.storefront .quantity-stepper-btn{
    background:transparent;
    color:#fff;
}

body.storefront .quantity-stepper-btn:hover{
    background:rgba(255,255,255,.04);
}

body.storefront .dashboard-sidebar,
body.storefront .messages-sidebar{
    border-radius:18px;
    border:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg, rgba(20,20,20,.95), rgba(14,14,14,.95));
    box-shadow:var(--ktm-shadow-md);
}

body.storefront .dashboard-nav__link{
    border:1px solid rgba(255,255,255,.06);
    border-radius:14px;
    background:rgba(255,255,255,.02);
}

body.storefront .dashboard-nav__link.is-active,
body.storefront .dashboard-nav__link:hover{
    border-color:rgba(255,255,255,.10);
    background:rgba(255,255,255,.04);
}

body.storefront .empty-state,
body.storefront .dashboard-empty{
    border:1px dashed rgba(255,255,255,.09);
    border-radius:18px;
    background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.015));
}

body.storefront table{
    width:100%;
    border-collapse:collapse;
}

body.storefront th,
body.storefront td{
    padding:12px 14px;
    border-bottom:1px solid rgba(255,255,255,.06);
    vertical-align:top;
}

body.storefront th{
    color:rgba(255,255,255,.64);
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

body.storefront .cart-table,
body.storefront .info-list,
body.storefront .footer-contact-lines{
    border-radius:14px;
}

body.storefront .pagination,
body.storefront .pager,
body.storefront .page-nav{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
}

body.storefront .loading-spinner,
body.storefront .skeleton-block,
body.storefront .skeleton-line{
    display:inline-block;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,.10), rgba(255,255,255,.05));
    background-size:200% 100%;
    animation:storefrontShimmer 1.8s linear infinite;
}

body.storefront .loading-spinner{
    width:18px;
    height:18px;
}

body.storefront .skeleton-block{
    width:100%;
    height:120px;
    border-radius:16px;
}

body.storefront .skeleton-line{
    width:100%;
    height:12px;
    border-radius:999px;
}

body.storefront .store-footer{
    margin-top:30px;
    padding:22px 0 34px;
    border-top:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg, rgba(8,8,8,.30), rgba(8,8,8,.80));
}

body.storefront .store-footer-inner,
body.storefront .store-footer-bottom{
    width:min(1340px, calc(100% - 40px));
}

body.storefront .store-footer-bottom{
    color:rgba(255,255,255,.66);
}

body.storefront .platform-footer-grid{
    grid-template-columns:minmax(260px,1.5fr) repeat(4,minmax(130px,1fr));
    gap:clamp(22px,3vw,48px);
    align-items:start;
}

.platform-footer-brand,
.platform-footer-column{
    display:grid;
    align-content:start;
    gap:10px;
    min-width:0;
}

.platform-footer-logo{
    color:#fff;
    font-size:clamp(24px,3vw,38px);
    font-weight:900;
    line-height:1;
    text-decoration:none;
}

.platform-footer-brand p{
    max-width:30ch;
    margin:0;
    color:rgba(255,255,255,.64);
    font-size:14px;
    line-height:1.6;
}

.platform-footer-column h2{
    margin:0 0 4px;
    color:rgba(255,255,255,.48);
    font-size:11px;
    text-transform:uppercase;
}

.platform-footer-column a{
    width:fit-content;
    max-width:100%;
    color:#f4f5f7;
    font-size:13px;
    line-height:1.4;
    overflow-wrap:anywhere;
    text-decoration:none;
}

.platform-footer-column a:hover{
    color:#ff9c4f;
}

@keyframes storefrontShimmer{
    0%{ background-position:200% 0; }
    100%{ background-position:-200% 0; }
}

@media (max-width: 1100px){
    body.storefront .store-hero,
    body.storefront .product-detail,
    body.storefront .detail-bands{
        grid-template-columns:1fr;
    }

    body.storefront .purchase-box{
        position:relative;
        top:auto;
    }
}

@media (max-width: 760px){
    body.storefront .store-wrap{
        width:min(100% - 20px, 1340px);
        padding-top:18px;
    }

    body.storefront .store-header-inner,
    body.storefront .header-actions,
    body.storefront .page-head,
    body.storefront .product-page-head{
        grid-template-columns:1fr;
    }

    body.storefront .hero-copy,
    body.storefront .hero-visual{
        padding:18px;
    }

    body.storefront .hero-title{
        font-size:clamp(34px, 11vw, 52px);
    }

    body.storefront .platform-footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:24px 18px;
    }

    .platform-footer-brand{
        grid-column:1 / -1;
    }
}

@media (max-width: 420px){
    body.storefront .platform-footer-grid{
        grid-template-columns:1fr;
    }

    .platform-footer-brand{
        grid-column:auto;
    }
}

.platform-info{
    display:grid;
    gap:22px;
}

/* MX Enduro public platform shell. */
.platform-page{
    display:grid;
    gap:clamp(18px,2.4vw,30px);
}

.platform-page-header{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);
    gap:clamp(22px,4vw,56px);
    align-items:end;
    overflow:hidden;
    min-height:360px;
    padding:clamp(28px,5vw,68px);
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    background:
        radial-gradient(circle at 88% 8%,rgba(255,111,15,.22),transparent 28%),
        linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 44%,rgba(7,7,8,.9));
    box-shadow:0 30px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);
}

.platform-page-header::after{
    content:"";
    position:absolute;
    right:clamp(24px,5vw,70px);
    bottom:-78px;
    width:260px;
    height:260px;
    border:1px solid rgba(255,112,0,.17);
    border-radius:50%;
    box-shadow:0 0 0 42px rgba(255,112,0,.035),0 0 0 84px rgba(255,255,255,.018);
    pointer-events:none;
}

.platform-page-header__copy,
.platform-page-header__aside{
    position:relative;
    z-index:1;
    min-width:0;
}

.platform-page-header__copy{
    display:grid;
    align-content:end;
    gap:15px;
}

.platform-page-header__eyebrow,
.platform-section__eyebrow{
    color:#ff9a52;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}

.platform-page-header h1{
    max-width:900px;
    margin:0;
    color:#fff;
    font-size:clamp(38px,6.2vw,78px);
    line-height:.98;
}

.platform-page-header__lead{
    max-width:72ch;
    margin:0;
    color:rgba(255,255,255,.7);
    font-size:clamp(16px,2vw,20px);
    line-height:1.65;
}

.platform-page-header__aside{
    display:grid;
    gap:10px;
    padding:18px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:rgba(8,8,9,.58);
    backdrop-filter:blur(16px);
}

.platform-page-meta{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}

.platform-page-meta div{
    display:grid;
    gap:5px;
    min-width:0;
    padding:11px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:6px;
    background:rgba(255,255,255,.025);
}

.platform-page-meta span{
    color:rgba(255,255,255,.42);
    font-size:9px;
    text-transform:uppercase;
}

.platform-page-meta strong{
    overflow-wrap:anywhere;
    color:#fff;
    font-size:12px;
}

.platform-section{
    display:grid;
    gap:16px;
}

.platform-section__head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:18px;
    flex-wrap:wrap;
}

.platform-section__head h2{
    max-width:780px;
    margin:5px 0 0;
    color:#fff;
    font-size:clamp(24px,3.5vw,42px);
    line-height:1.08;
}

.platform-section__head p{
    max-width:60ch;
    margin:0;
    color:rgba(255,255,255,.58);
    line-height:1.6;
}

.platform-feature-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.platform-feature-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.platform-feature-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

.platform-card{
    position:relative;
    display:grid;
    align-content:start;
    gap:13px;
    min-width:0;
    padding:clamp(20px,2.8vw,32px);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.085);
    border-radius:8px;
    background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
    box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
    transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease;
}

.platform-card::after{
    content:"";
    position:absolute;
    right:-42px;
    bottom:-54px;
    width:120px;
    height:120px;
    border:1px solid rgba(255,112,0,.12);
    border-radius:50%;
    pointer-events:none;
}

.platform-card:hover{
    transform:translateY(-3px);
    border-color:rgba(255,112,0,.32);
    background:linear-gradient(155deg,rgba(255,112,0,.08),rgba(255,255,255,.02));
    box-shadow:0 24px 58px rgba(0,0,0,.3),0 0 34px rgba(255,106,0,.055);
}

.platform-card__icon{
    display:grid;
    width:42px;
    height:42px;
    place-items:center;
    border:1px solid rgba(255,133,47,.28);
    border-radius:8px;
    background:rgba(255,106,0,.1);
    color:#ff9b55;
    font-size:14px;
    font-weight:900;
}

.platform-card__number{
    color:#ff9b55;
    font-size:11px;
    font-weight:900;
}

.platform-card h2,
.platform-card h3{
    margin:0;
    color:#fff;
    font-size:clamp(18px,2vw,25px);
    line-height:1.18;
}

.platform-card p,
.platform-card li{
    margin:0;
    color:rgba(255,255,255,.64);
    line-height:1.68;
}

.platform-card ul,
.platform-card ol{
    display:grid;
    gap:8px;
    margin:0;
    padding-left:19px;
}

.platform-card__link{
    display:inline-flex;
    width:fit-content;
    max-width:100%;
    align-items:center;
    gap:8px;
    margin-top:auto;
    color:#ffad73;
    font-weight:800;
    text-decoration:none;
}

.platform-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    flex-wrap:wrap;
    padding:clamp(22px,4vw,40px);
    border:1px solid rgba(255,123,35,.22);
    border-radius:8px;
    background:linear-gradient(120deg,rgba(255,106,0,.12),rgba(255,255,255,.025) 48%,rgba(8,8,9,.75));
    box-shadow:0 20px 52px rgba(0,0,0,.25);
}

.platform-cta h2{
    margin:0 0 7px;
    color:#fff;
    font-size:clamp(22px,3vw,34px);
}

.platform-cta p{
    max-width:64ch;
    margin:0;
    color:rgba(255,255,255,.62);
    line-height:1.6;
}

.platform-cta__actions{
    display:flex;
    gap:9px;
    flex-wrap:wrap;
}

.platform-document-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.platform-document-card{
    min-height:100%;
}

.platform-document-card--wide{grid-column:1 / -1}

.platform-form-stack{
    display:grid;
    gap:14px;
}

.platform-form-card{
    display:grid;
    gap:16px;
}

.platform-form-card__head{
    display:flex;
    align-items:start;
    gap:12px;
}

.platform-form-card__head h2{
    margin:0;
    color:#fff;
    font-size:21px;
}

.platform-form-card__head p{
    margin:5px 0 0;
    color:rgba(255,255,255,.55);
    line-height:1.55;
}

.platform-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.platform-form-grid .field{display:grid;gap:7px}
.platform-form-grid .field-wide{grid-column:1 / -1}
.platform-form-grid input,.platform-form-grid textarea{width:100%}

.platform-benefit-list{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

.platform-benefit{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    padding:13px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:7px;
    background:rgba(255,255,255,.025);
    color:rgba(255,255,255,.78);
    font-size:13px;
    font-weight:750;
}

.platform-benefit span{
    display:grid;
    width:22px;
    height:22px;
    flex:0 0 22px;
    place-items:center;
    border-radius:6px;
    background:rgba(255,106,0,.13);
    color:#ff9b55;
}

body.storefront .platform-footer{
    padding:0;
    background:linear-gradient(180deg,rgba(8,8,8,.38),#080808);
}

.platform-footer__frame{
    width:min(1340px,calc(100% - 40px));
    margin:0 auto;
    padding:clamp(30px,5vw,58px) 0 24px;
}

.platform-footer__top{
    display:grid;
    grid-template-columns:minmax(250px,.78fr) minmax(0,2.22fr);
    gap:clamp(32px,5vw,72px);
    padding-bottom:34px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.platform-footer__identity{
    display:grid;
    align-content:start;
    gap:15px;
}

.platform-footer__brand{
    display:grid;
    width:fit-content;
    gap:5px;
    color:#fff;
    text-decoration:none;
}

.platform-footer__brand strong{font-size:clamp(25px,3vw,38px);line-height:1}
.platform-footer__brand span{color:#ff8b3d;font-size:10px;font-weight:900;text-transform:uppercase}
.platform-footer__brand img{display:block;width:min(170px,100%);height:auto;max-height:58px;object-fit:contain;object-position:left center}
.platform-footer__identity p{margin:0;color:rgba(255,255,255,.58);font-size:14px;line-height:1.65}

.platform-footer__navigation{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:clamp(20px,3vw,42px);
}

.platform-footer__column{display:grid;align-content:start;gap:4px;min-width:0}
.platform-footer__column h2{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:rgba(255,255,255,.48);font-size:10px;text-transform:uppercase}
.platform-footer__section-icon{display:grid;width:22px;height:22px;place-items:center;border:1px solid rgba(255,119,24,.24);border-radius:6px;color:#ff944d;font-size:9px}
.platform-footer__column a{display:flex;align-items:center;gap:7px;width:fit-content;max-width:100%;padding:6px 0;color:rgba(255,255,255,.76);font-size:13px;line-height:1.35;text-decoration:none;transition:color .18s ease,transform .18s ease}
.platform-footer__column a span{color:rgba(255,112,0,.5);transition:color .18s ease}
.platform-footer__column a:hover{color:#fff;transform:translateX(3px)}
.platform-footer__column a:hover span{color:#ff8b3d}

.platform-footer__bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding-top:20px;
    color:rgba(255,255,255,.43);
    font-size:12px;
}
.platform-footer__visitors{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.5);font-size:11px;white-space:nowrap}
.platform-footer__visitors span{color:#ff8b3d;font-size:9px}
.account-page [data-registration-password-help]{margin:0;color:rgba(255,255,255,.52);font-size:12px;line-height:1.45}
.account-page [data-registration-password-help].is-error{color:#ff9b75}
.account-page [data-registration-password-help].is-valid{color:#8fd4a4}

@media(max-width:1050px){
    .platform-feature-grid--4,.platform-benefit-list{grid-template-columns:repeat(2,minmax(0,1fr))}
    .platform-footer__top{grid-template-columns:1fr}
}

@media(max-width:820px){
    .platform-page-header{grid-template-columns:1fr;min-height:0}
    .platform-page-header__aside{max-width:520px}
    .platform-feature-grid,.platform-feature-grid--2,.platform-feature-grid--4,.platform-document-grid{grid-template-columns:1fr}
    .platform-document-card--wide{grid-column:auto}
    .platform-footer__navigation{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:560px){
    .platform-page-header{padding:24px 20px}
    .platform-page-header h1{font-size:clamp(34px,12vw,52px)}
    .platform-page-meta,.platform-form-grid,.platform-benefit-list{grid-template-columns:1fr}
    .platform-form-grid .field-wide{grid-column:auto}
    .platform-footer__frame{width:min(100% - 24px,1340px)}
    .platform-footer__top{
        justify-items:stretch;
        gap:26px;
    }
    .platform-footer__identity{
        justify-items:center;
        text-align:center;
    }
    .platform-footer__brand{
        justify-items:center;
    }
    .platform-footer__brand img{
        width:min(190px,72vw);
        max-height:62px;
        object-position:center;
    }
    .platform-footer__navigation{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:22px 14px;
    }
    .platform-footer__column{
        min-width:0;
    }
    .platform-footer__column h2{
        min-width:0;
        margin-bottom:8px;
    }
    .platform-footer__column h2,
    .platform-footer__column a{
        overflow-wrap:anywhere;
        word-break:break-word;
    }
    .platform-footer__column a{
        width:100%;
        padding:5px 0;
        font-size:12px;
    }
    .platform-footer__bottom{align-items:flex-start;flex-direction:column}
}

.platform-info-hero{
    display:grid;
    gap:18px;
    padding:clamp(24px,5vw,56px);
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
}

.platform-info-hero h1{
    max-width:920px;
    margin:0;
    color:#fff;
    font-size:clamp(34px,6vw,72px);
    line-height:1.02;
}

.platform-info-hero p{
    max-width:76ch;
    margin:0;
    color:rgba(255,255,255,.7);
    font-size:clamp(15px,2vw,19px);
    line-height:1.65;
}

.platform-info-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.platform-info-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.platform-info-card,
.platform-document{
    padding:clamp(20px,3vw,32px);
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    background:rgba(255,255,255,.025);
}

.platform-info-card{
    display:grid;
    align-content:start;
    gap:12px;
}

.platform-info-card h2,
.platform-info-card h3,
.platform-document h2{
    margin:0;
    color:#fff;
}

.platform-info-card p,
.platform-info-card li,
.platform-document p,
.platform-document li{
    color:rgba(255,255,255,.68);
    line-height:1.7;
}

.platform-info-card ul,
.platform-document ul,
.platform-document ol{
    margin:0;
    padding-left:20px;
}

.platform-document{
    display:grid;
    gap:14px;
}

.platform-document h2{
    margin-top:12px;
    font-size:20px;
}

.platform-contact-link{
    color:#ff9c4f;
    overflow-wrap:anywhere;
}

.seller-application-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.seller-application-form .field{
    display:grid;
    gap:7px;
}

.seller-application-form .field-wide,
.seller-application-form .seller-consent,
.seller-application-form .platform-info-actions{
    grid-column:1 / -1;
}

.seller-application-form input,
.seller-application-form textarea{
    width:100%;
}

.seller-status{
    display:inline-flex;
    width:fit-content;
    align-items:center;
    min-height:34px;
    padding:7px 11px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:8px;
    background:rgba(255,255,255,.04);
    color:#fff;
    font-size:12px;
    font-weight:800;
}

.seller-status.pending{border-color:rgba(251,191,36,.35);color:#fde68a}
.seller-status.approved{border-color:rgba(74,222,128,.35);color:#bbf7d0}
.seller-status.rejected,.seller-status.blocked{border-color:rgba(248,113,113,.35);color:#fecaca}

@media (max-width: 900px){
    .platform-info-grid{
        grid-template-columns:1fr;
    }

    .seller-application-form{
        grid-template-columns:1fr;
    }

    .seller-application-form .field-wide,
    .seller-application-form .seller-consent,
    .seller-application-form .platform-info-actions{
        grid-column:auto;
    }
}

/* Graphite Racing refinement pass: depth, restraint and a lighter shell. */
:root{
    --secondary:0 0% 15%;
    --graphite-glass:rgba(20,20,20,.72);
    --graphite-metal-line:rgba(255,255,255,.065);
    --graphite-divider:rgba(255,255,255,.055);
    --graphite-depth-shadow:0 8px 32px rgba(0,0,0,.35);
}

body.storefront *,
body.storefront *::before,
body.storefront *::after{
    box-sizing:border-box;
}

html{
    scrollbar-color:rgba(255,255,255,.20) #111;
}

body.storefront::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.18);
    border-color:#111;
    box-shadow:none;
}

body.storefront::-webkit-scrollbar-thumb:hover{
    background:rgba(255,255,255,.28);
}

body.storefront{
    background:
        radial-gradient(circle at 18% 10%, rgba(255,123,0,.035), transparent 17%),
        radial-gradient(circle at 78% 0%, rgba(255,255,255,.035), transparent 16%),
        linear-gradient(180deg, #090909 0%, #0f0f0f 38%, #131313 100%);
}

.glass-surface{
    background:
        linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0)),
        var(--graphite-glass);
    backdrop-filter:blur(18px) saturate(118%);
}

.metal-border{
    border:1px solid var(--graphite-metal-line);
}

.orange-glow-soft{
    box-shadow:0 0 22px rgba(255,123,0,.08);
}

.text-tech{
    font-size:11px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:rgba(255,255,255,.64);
}

.surface-depth{
    box-shadow:var(--graphite-depth-shadow), inset 0 1px 0 rgba(255,255,255,.04);
}

.panel-premium{
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0)),
        hsl(var(--secondary));
}

.divider-subtle{
    border-color:var(--graphite-divider);
}

body.storefront .store-header.glass-surface{
    background:rgba(9,9,9,.76);
    border-bottom-color:var(--graphite-divider);
    box-shadow:0 10px 30px rgba(0,0,0,.22);
}

body.storefront .store-header::after{
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.09) 28%, rgba(255,255,255,.025) 72%, transparent);
    opacity:.55;
}

body.storefront .store-header-inner{
    gap:clamp(34px, 5vw, 76px);
    padding:10px 18px;
    flex-wrap:nowrap;
}

body.storefront .header-actions{
    flex:1 1 auto;
    margin-left:auto;
}

body.storefront .header-nav,
body.storefront .header-utils{
    gap:6px;
}

body.storefront .nav-link,
body.storefront .nav-dropdown-link,
body.storefront .nav-dropdown-button{
    min-height:34px;
    padding:6px 10px;
    border-radius:9px;
    border-color:transparent;
    background:transparent;
    box-shadow:none;
    color:rgba(255,255,255,.72);
}

body.storefront .nav-link:hover,
body.storefront .nav-dropdown-toggle:hover,
body.storefront .nav-dropdown-link:hover,
body.storefront .nav-dropdown-button:hover{
    border-color:transparent;
    background:rgba(255,255,255,.025);
    color:rgba(255,255,255,.94);
    box-shadow:none;
    transform:none;
}

body.storefront .nav-link.is-active,
body.storefront .nav-dropdown.is-active > .nav-link,
body.storefront .nav-dropdown-link.is-active{
    border-color:rgba(255,123,0,.24);
    background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 0 0 1px rgba(255,123,0,.025);
    color:#fff;
}

body.storefront .account-summary{
    opacity:.84;
}

body.storefront .account-summary:hover,
body.storefront .account-summary.is-active{
    opacity:1;
}

body.storefront .account-menu-avatar{
    width:28px;
    height:28px;
    background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.045));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:none;
}

body.storefront .account-summary .role-badge{
    padding:4px 7px;
    opacity:.78;
    filter:saturate(.5);
}

body.storefront .dashboard-button,
body.storefront .btn,
body.storefront .btn-secondary,
body.storefront .btn-outline{
    min-height:38px;
    padding:8px 13px;
    border-radius:10px;
}

body.storefront .btn,
body.storefront .dashboard-button{
    border-color:rgba(255,123,0,.54);
    background:linear-gradient(180deg, rgba(255,132,28,.82), rgba(220,82,0,.72));
    box-shadow:0 7px 16px rgba(255,123,0,.08), inset 0 1px 0 rgba(255,255,255,.18);
}

body.storefront .btn:hover,
body.storefront .dashboard-button:hover{
    filter:brightness(1.055);
    box-shadow:0 9px 18px rgba(255,123,0,.10), inset 0 1px 0 rgba(255,255,255,.20);
}

body.storefront .btn-secondary,
body.storefront .btn-outline{
    border-color:rgba(255,255,255,.10);
    background:linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.012));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

body.storefront .btn-secondary:hover,
body.storefront .btn-outline:hover{
    border-color:rgba(255,123,0,.32);
    background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

body.storefront .panel,
body.storefront .footer-block,
body.storefront .product-card,
body.storefront .featured-card,
body.storefront .related-card,
body.storefront .directory-card,
body.storefront .dashboard-card,
body.storefront .dashboard-section,
body.storefront .dashboard-hero,
body.storefront .dashboard-mini-card,
body.storefront .policy-card,
body.storefront .reset-card,
body.storefront .market-card,
body.storefront .provider-card,
body.storefront .profile-about-card,
body.storefront .profile-fact-card,
body.storefront .messages-hero-card,
body.storefront .conversation,
body.storefront .garage-panel,
body.storefront .summary-box,
body.storefront .purchase-box{
    background:
        linear-gradient(180deg, rgba(255,255,255,.025) 0%, rgba(255,255,255,0) 100%),
        hsl(var(--secondary)) !important;
    border-color:var(--graphite-metal-line) !important;
    box-shadow:var(--graphite-depth-shadow), inset 0 1px 0 rgba(255,255,255,.04);
}

body.storefront .panel::before,
body.storefront .footer-block::before,
body.storefront .product-card::before,
body.storefront .featured-card::before,
body.storefront .related-card::before,
body.storefront .directory-card::before,
body.storefront .dashboard-card::before,
body.storefront .dashboard-section::before,
body.storefront .dashboard-hero::before,
body.storefront .dashboard-mini-card::before,
body.storefront .policy-card::before,
body.storefront .reset-card::before,
body.storefront .market-card::before,
body.storefront .provider-card::before,
body.storefront .profile-about-card::before,
body.storefront .profile-fact-card::before,
body.storefront .messages-hero-card::before,
body.storefront .conversation::before,
body.storefront .garage-panel::before,
body.storefront .summary-box::before,
body.storefront .purchase-box::before{
    content:"";
    position:absolute;
    inset:0;
    width:auto;
    height:auto;
    padding:1px;
    border-radius:inherit;
    background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,0) 72%);
    -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:1;
    pointer-events:none;
}

body.storefront .quick-action-card::before{
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.075), transparent);
    opacity:.7;
}

body.storefront .quick-action-card:hover,
body.storefront .discover-chip:hover{
    border-color:rgba(255,255,255,.11) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
    box-shadow:0 16px 30px rgba(0,0,0,.24);
}

body.storefront .hero-title{
    font-size:clamp(36px, 4.85vw, 64px);
    line-height:.98;
    letter-spacing:0;
}

body.storefront .hero-text{
    color:rgba(255,255,255,.80);
}

body.storefront .hero-badge{
    border-color:rgba(255,255,255,.09);
    background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
}

body.storefront .market-tools{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin-top:14px;
}

body.storefront .market-tools > .btn,
body.storefront .market-tools > .btn-outline,
body.storefront .market-tools > .btn-secondary{
    flex:0 0 auto;
    white-space:nowrap;
}

body.storefront .hero-visual-metric strong{
    font-size:22px;
    line-height:1.05;
    letter-spacing:-.015em;
}

body.storefront .hero-visual-metric span,
body.storefront .hero-meter-label,
body.storefront .hero-status-line span{
    color:rgba(255,255,255,.68);
}

body.storefront .hero-visual-wide{
    border-color:rgba(255,255,255,.075);
    background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
}

body.storefront .hero-status{
    gap:10px;
    padding:13px;
    background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
}

body.storefront .hero-status-line strong{
    min-width:0;
    text-align:right;
    overflow-wrap:anywhere;
}

body.storefront .hero-tech-statuses{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

body.storefront .hero-tech-status{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 8px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.075);
    background:rgba(255,255,255,.025);
    color:rgba(255,255,255,.70);
    font-size:10px;
    font-weight:700;
    line-height:1.25;
    letter-spacing:0;
    text-align:left;
    text-transform:none;
}

body.storefront .hero-tech-status::before{
    content:"";
    width:5px;
    height:5px;
    border-radius:50%;
    background:rgba(255,255,255,.42);
}

body.storefront .hero-tech-status.is-online::before{
    background:rgba(255,123,0,.72);
    box-shadow:0 0 8px rgba(255,123,0,.20);
}

body.storefront .hero-meter-track{
    height:6px;
    background:rgba(255,255,255,.065);
}

body.storefront .hero-meter-track span{
    background:linear-gradient(90deg, rgba(255,123,0,.56), rgba(255,255,255,.34));
    box-shadow:none;
}

@media (max-width: 760px){
    body.storefront .store-header-inner{
        padding:9px 10px 10px;
        gap:9px;
        flex-wrap:wrap;
        align-items:center;
    }

    body.storefront .brand{
        flex:1 1 auto;
    }

    body.storefront .header-actions{
        width:100%;
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        column-gap:10px;
        row-gap:6px;
        margin-left:0;
        overflow:visible;
    }

    body.storefront .header-nav,
    body.storefront .header-utils{
        width:auto;
        flex:0 1 auto;
        overflow:visible;
        padding:0;
    }

    body.storefront .header-nav{
        flex:1 1 230px;
    }

    body.storefront .nav-link,
    body.storefront .nav-dropdown-link,
    body.storefront .nav-dropdown-button{
        min-height:32px;
        padding:5px 9px;
        border-radius:8px;
    }

    body.storefront .hero-title{
        font-size:clamp(32px, 10.5vw, 46px);
        line-height:1;
    }
}

/* Phase 2.5 Premium Polish Pass. Replace this URL to use JPG, PNG, WebP or AVIF. */
:root{
    --hero-object-image:url("../images/hero/hero-object.png");
    --hero-object-position:50% 48%;
    --hero-object-opacity:.18;
    --surface-radius-major:18px;
    --surface-radius-inner:14px;
    --surface-border:rgba(255,255,255,.064);
    --surface-highlight:rgba(255,255,255,.045);
    --surface-shadow:0 14px 44px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04);
    --surface-shadow-hover:0 20px 52px rgba(0,0,0,.39), inset 0 1px 0 rgba(255,255,255,.052);
}

body.storefront::after{
    inset:0;
    width:auto;
    height:auto;
    right:auto;
    bottom:auto;
    border-radius:0;
    background:
        radial-gradient(ellipse at 50% 34%, transparent 44%, rgba(0,0,0,.13) 72%, rgba(0,0,0,.34) 100%);
    filter:none;
    opacity:1;
    z-index:0;
}

html{
    overflow-x:clip;
}

body.storefront .store-header,
body.storefront .store-wrap,
body.storefront .store-footer{
    position:relative;
    z-index:1;
}

body.storefront .store-header{
    z-index:50;
}

body.storefront .store-wrap{
    isolation:isolate;
    gap:26px;
    padding-top:34px;
    padding-bottom:68px;
}

body.storefront .store-wrap::before{
    content:"";
    position:absolute;
    z-index:-1;
    top:-80px;
    left:50%;
    width:min(1540px, 100vw);
    height:760px;
    transform:translateX(-50%);
    background:
        radial-gradient(ellipse at 72% 18%, rgba(255,255,255,.034), transparent 34%),
        radial-gradient(ellipse at 24% 28%, rgba(255,123,0,.018), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.012), transparent 64%);
    filter:blur(1px);
    pointer-events:none;
}

body.storefront :is(
    .panel,
    .footer-block,
    .product-card,
    .featured-card,
    .related-card,
    .directory-card,
    .dashboard-card,
    .dashboard-section,
    .dashboard-hero,
    .dashboard-mini-card,
    .policy-card,
    .reset-card,
    .market-card,
    .provider-card,
    .profile-about-card,
    .profile-fact-card,
    .messages-hero-card,
    .conversation,
    .garage-panel,
    .summary-box,
    .purchase-box
){
    border-radius:var(--surface-radius-major) !important;
    border-color:var(--surface-border) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,0) 46%),
        repeating-linear-gradient(135deg, rgba(255,255,255,.005) 0 1px, transparent 1px 5px),
        linear-gradient(145deg, hsl(0 0% 15%), hsl(0 0% 11%)) !important;
    box-shadow:var(--surface-shadow);
}

body.storefront :is(
    .panel,
    .footer-block,
    .product-card,
    .featured-card,
    .related-card,
    .directory-card,
    .dashboard-card,
    .dashboard-section,
    .dashboard-hero,
    .dashboard-mini-card,
    .market-card,
    .provider-card,
    .garage-panel,
    .summary-box,
    .purchase-box
)::before{
    background:linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.012) 42%, transparent 76%);
}

body.storefront :is(
    .hero-visual-card,
    .hero-visual-metric,
    .hero-visual-wide,
    .hero-status,
    .dashboard-tile,
    .dashboard-stat,
    .product-fact,
    .market-stat,
    .quick-action-card,
    .discover-chip,
    .benefit-item
){
    border-radius:var(--surface-radius-inner) !important;
    border-color:rgba(255,255,255,.07) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.026), 0 8px 22px rgba(0,0,0,.17);
}

body.storefront .store-hero{
    gap:24px;
    margin-bottom:30px;
}

body.storefront .hero-copy{
    padding:32px;
}

body.storefront .hero-visual{
    position:relative;
    isolation:isolate;
    padding:26px;
    overflow:hidden;
}

body.storefront .hero-visual::after{
    content:"";
    position:absolute;
    z-index:0;
    inset:-4%;
    width:auto;
    height:auto;
    border-radius:inherit;
    background:
        linear-gradient(90deg, rgba(10,10,10,.82) 0%, rgba(10,10,10,.20) 52%, rgba(10,10,10,.48) 100%),
        linear-gradient(180deg, rgba(10,10,10,.34), rgba(10,10,10,.08) 46%, rgba(10,10,10,.70)),
        var(--hero-object-image) var(--hero-object-position) / cover no-repeat;
    background-blend-mode:multiply, normal, normal;
    opacity:var(--hero-object-opacity);
    filter:saturate(.62) contrast(1.10) brightness(.62);
    mix-blend-mode:normal;
    -webkit-mask-image:radial-gradient(ellipse at 58% 48%, #000 0%, rgba(0,0,0,.94) 42%, rgba(0,0,0,.50) 68%, transparent 94%);
    mask-image:radial-gradient(ellipse at 58% 48%, #000 0%, rgba(0,0,0,.94) 42%, rgba(0,0,0,.50) 68%, transparent 94%);
    pointer-events:none;
}

body.storefront .hero-visual > *{
    position:relative;
    z-index:1;
}

body.storefront .hero-visual-card{
    background:
        linear-gradient(180deg, rgba(12,12,12,.52), rgba(15,15,15,.40)) !important;
    backdrop-filter:blur(2px) saturate(88%);
}

body.storefront .hero-status{
    background:
        linear-gradient(180deg, rgba(18,18,18,.56), rgba(14,14,14,.44)) !important;
    backdrop-filter:blur(3px) saturate(90%);
}

body.storefront .hero-title{
    max-width:13ch;
    text-wrap:balance;
}

body.storefront-home .hero-title{
    max-width:18ch;
    margin-top:10px;
    font-family:"Sora","Segoe UI Variable Display","Arial Narrow","Segoe UI",sans-serif;
    font-size:clamp(31px,3.8vw,50px);
    font-weight:750;
    line-height:1.02;
    letter-spacing:-.025em;
    text-transform:none;
    text-wrap:balance;
}

body.storefront-home .hero-title .accent{
    display:inline;
    color:#fff;
}

@media (max-width:760px){
    body.storefront-home .hero-title{
        max-width:19ch;
        font-size:clamp(29px,8.8vw,42px);
        line-height:1.04;
    }
}

body.storefront .hero-text{
    margin-top:12px;
    line-height:1.64;
}

body.storefront .hero-badges{
    margin-top:18px;
    margin-bottom:18px;
    align-items:center;
}

body.storefront .hero-badge{
    line-height:1;
}

body.storefront .hero-badge::before{
    opacity:.68;
    box-shadow:0 0 8px rgba(255,123,0,.16);
}

body.storefront .hero-actions{
    gap:9px;
    align-items:center;
}

body.storefront .section-title-row{
    align-items:baseline;
    column-gap:18px;
}

body.storefront .homepage-offers-slider > .section-title-row{
    align-items:center;
    margin-bottom:0;
}

body.storefront :is(
    .hero-visual-metric strong,
    .dashboard-tile__value,
    .dashboard-stat strong,
    .price,
    .purchase-price,
    .market-price,
    .stock-badge
){
    font-variant-numeric:tabular-nums lining-nums;
    font-feature-settings:"tnum" 1, "lnum" 1;
}

body.storefront .hero-visual-metric{
    padding:15px;
}

body.storefront .hero-visual-metric strong{
    transform:translateY(-1px);
}

body.storefront .hero-visual-metric span{
    line-height:1.52;
}

body.storefront .quick-actions-grid,
body.storefront .catalog-grid,
body.storefront .featured-grid,
body.storefront .related-grid,
body.storefront .directory-grid{
    gap:16px;
}

body.storefront .quick-action-card{
    padding:19px 17px;
}

body.storefront .dashboard-shell{
    gap:26px;
}

body.storefront .dashboard-layout{
    gap:20px;
}

body.storefront .dashboard-section{
    padding:22px;
}

body.storefront .product-card .product-body,
body.storefront .featured-card .featured-body{
    gap:15px;
}

body.storefront .product-actions :is(.btn, .btn-secondary, .btn-outline){
    padding-inline:9px;
    font-size:11px;
    white-space:nowrap;
}

/* Public marketplace seller identity. The catalog line reuses the existing
   two-line description area, so seller information does not enlarge cards. */
body.storefront .product-desc-marketplace{
    display:grid;
    gap:1px;
    min-height:30px;
    height:30px;
    overflow:hidden;
    line-height:1.2;
}

body.storefront .product-seller-line,
body.storefront .product-compatibility-line{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

body.storefront .product-seller-line{
    color:rgba(255,255,255,.82);
    font-size:11px;
    font-weight:750;
}

body.storefront .product-seller-line a,
body.storefront .product-seller-detail-link{
    color:#ff9d5c;
    text-decoration:none;
}

body.storefront .product-seller-line a:hover,
body.storefront .product-seller-detail-link:hover{
    color:#fff;
    text-decoration:underline;
    text-decoration-color:rgba(255,112,0,.72);
    text-underline-offset:3px;
}

body.storefront .product-compatibility-line{
    color:rgba(255,255,255,.48);
    font-size:10.5px;
}

body.storefront .product-seller-info-row{
    align-items:flex-start;
}

body.storefront .product-seller-detail{
    display:grid;
    justify-items:end;
    gap:3px;
    min-width:0;
    text-align:right;
}

body.storefront .product-seller-detail-link{
    font-weight:800;
}

body.storefront .product-seller-detail small{
    color:rgba(255,255,255,.45);
    font-size:10px;
    font-weight:600;
}

body.storefront .btn,
body.storefront .dashboard-button{
    background:linear-gradient(180deg, rgba(246,112,15,.82), rgba(205,74,0,.74));
    border-color:rgba(255,123,0,.46);
    box-shadow:0 7px 16px rgba(255,123,0,.065), inset 0 1px 0 rgba(255,255,255,.17);
}

body.storefront .nav-link.is-active,
body.storefront .nav-dropdown.is-active > .nav-link,
body.storefront .nav-dropdown-link.is-active{
    border-color:rgba(255,123,0,.20);
}

body.storefront .hero-meter-track span{
    background:linear-gradient(90deg, rgba(239,103,11,.48), rgba(255,255,255,.30));
}

@media (prefers-reduced-motion:no-preference){
    body.storefront :is(
        .product-card,
        .featured-card,
        .related-card,
        .directory-card,
        .dashboard-card,
        .dashboard-mini-card,
        .market-card,
        .provider-card,
        .quick-action-card,
        .discover-chip
    ){
        transition:
            transform .28s cubic-bezier(.2,.7,.2,1),
            border-color .28s ease,
            box-shadow .28s ease,
            background .28s ease;
    }

    body.storefront :is(
        .product-card,
        .featured-card,
        .related-card,
        .directory-card,
        .dashboard-card,
        .dashboard-mini-card,
        .market-card,
        .provider-card,
        .quick-action-card,
        .discover-chip
    ):hover{
        transform:translateY(-2px);
        box-shadow:var(--surface-shadow-hover);
    }

    body.storefront .hero-meter-track span{
        transform-origin:left center;
        animation:heroMeterReveal .9s cubic-bezier(.2,.7,.2,1) both;
    }
}

@keyframes heroMeterReveal{
    from{ transform:scaleX(0); opacity:.35; }
    to{ transform:scaleX(1); opacity:1; }
}

@media (max-width: 760px){
    body.storefront .store-wrap{
        gap:20px;
        padding-top:22px;
        padding-bottom:48px;
    }

    body.storefront .store-hero{
        gap:18px;
        margin-bottom:22px;
    }

    body.storefront .hero-copy,
    body.storefront .hero-visual{
        padding:20px;
    }

    body.storefront .hero-visual::after{
        inset:-2%;
        background-position:64% 52%;
        opacity:calc(var(--hero-object-opacity) * .82);
    }

    body.storefront .hero-badges{
        margin-top:16px;
        margin-bottom:16px;
    }

    body.storefront .hero-status-line{
        display:grid;
        grid-template-columns:1fr;
        gap:4px;
    }

    body.storefront .hero-status-line strong{
        text-align:left;
    }

    body.storefront .dashboard-section{
        padding:18px;
    }
}

/* Release 2.1: Digital Garage and Owner Dashboard */
body.dashboard-page{
    --dashboard-radius:18px;
    --dashboard-inner-radius:14px;
    --dashboard-padding:22px;
    --dashboard-gap:20px;
    --dashboard-border:rgba(255,255,255,.065);
    --dashboard-border-strong:rgba(255,255,255,.10);
    --dashboard-surface:linear-gradient(180deg, rgba(29,29,29,.94), rgba(18,18,18,.96));
    --dashboard-surface-soft:linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.014));
    --dashboard-shadow:0 14px 40px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.035);
    --dashboard-shadow-hover:0 18px 46px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045);
    background:
        radial-gradient(ellipse at 12% 8%, rgba(255,255,255,.025), transparent 34%),
        radial-gradient(ellipse at 90% 24%, rgba(255,123,0,.018), transparent 28%),
        var(--ktm-bg);
}

body.dashboard-page .store-wrap{
    width:min(1360px, calc(100% - 36px));
    gap:var(--dashboard-gap);
    padding-top:30px;
    padding-bottom:64px;
}

body.dashboard-page :is(.dashboard-shell, .dashboard-main, .orders-page, .orders-grid, .notification-list){
    gap:var(--dashboard-gap);
}

body.dashboard-page .dashboard-layout{
    grid-template-columns:minmax(0,1fr) clamp(224px, 20vw, 264px);
    gap:var(--dashboard-gap);
}

body.dashboard-page .page-head{
    align-items:end;
    gap:22px;
    margin-bottom:4px;
    padding-bottom:20px;
    border-bottom:1px solid rgba(255,255,255,.055);
}

body.dashboard-page .page-head h1{
    max-width:18ch;
    margin-top:9px;
    font-size:clamp(30px, 4vw, 46px);
    line-height:1.04;
    letter-spacing:-.025em;
    text-wrap:balance;
}

body.dashboard-page .page-head .hero-text{
    max-width:68ch;
    margin-top:11px;
    color:rgba(255,255,255,.69);
    font-size:15px;
    line-height:1.65;
}

body.dashboard-page .breadcrumbs{
    color:rgba(255,255,255,.46);
    font-size:11px;
    font-weight:700;
    letter-spacing:.09em;
    text-transform:uppercase;
}

body.dashboard-page :is(
    .panel,
    .dashboard-card,
    .dashboard-section,
    .dashboard-hero,
    .dashboard-mini-card,
    .settings-card,
    .garage-card,
    .garage-panel,
    .garage-module,
    .garage-item,
    .garage-empty,
    .garage-activity,
    .garage-activity-empty,
    .messages-hero-card,
    .messages-sidebar,
    .messages-panel,
    .conversation,
    .service-card,
    .notification-card
){
    border:1px solid var(--dashboard-border) !important;
    border-radius:var(--dashboard-radius) !important;
    background:var(--dashboard-surface) !important;
    box-shadow:var(--dashboard-shadow);
}

body.dashboard-page :is(
    .panel,
    .dashboard-card,
    .dashboard-section,
    .dashboard-hero,
    .dashboard-mini-card,
    .settings-card,
    .garage-card,
    .garage-panel,
    .garage-module,
    .garage-item,
    .garage-empty,
    .garage-activity,
    .garage-activity-empty,
    .messages-hero-card,
    .messages-sidebar,
    .messages-panel,
    .conversation,
    .service-card,
    .notification-card
)::before{
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.075) 36%, rgba(255,255,255,.025) 72%, transparent) !important;
    opacity:.72 !important;
}

body.dashboard-page :is(.dashboard-card, .dashboard-section, .settings-card, .garage-panel, .garage-module){
    padding:var(--dashboard-padding);
}

body.dashboard-page :is(.dashboard-section__title, .settings-title, .service-card-title){
    letter-spacing:-.025em;
    text-wrap:balance;
}

body.dashboard-page :is(.dashboard-section__note, .dashboard-hero__subtitle, .garage-subtitle, .garage-panel__note, .service-card-desc){
    color:rgba(255,255,255,.66);
    line-height:1.62;
}

body.dashboard-page :is(.dashboard-kicker, .settings-kicker, .garage-kicker, .hero-kicker){
    padding:0;
    border:0;
    background:transparent;
    color:rgba(255,255,255,.52);
    font-size:10px;
    font-weight:700;
    letter-spacing:.15em;
    text-transform:uppercase;
}

body.dashboard-page .dashboard-sidebar{
    top:86px;
    gap:14px;
    padding:16px 12px;
    border:1px solid var(--dashboard-border);
    border-radius:var(--dashboard-radius);
    background:linear-gradient(180deg, rgba(20,20,20,.82), rgba(14,14,14,.88));
    box-shadow:0 12px 34px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.025);
    backdrop-filter:blur(14px) saturate(86%);
}

body.dashboard-page .dashboard-sidebar__label{
    padding:0 11px;
    margin:0;
    color:rgba(255,255,255,.52);
    font-size:9px;
    letter-spacing:.17em;
}

body.dashboard-page .dashboard-nav{
    gap:3px;
}

body.dashboard-page .dashboard-nav__link{
    position:relative;
    min-height:46px;
    gap:10px;
    padding:8px 10px;
    border:1px solid transparent;
    border-radius:11px;
    background:transparent;
    box-shadow:none;
    color:rgba(255,255,255,.68);
}

body.dashboard-page .dashboard-nav__link::before{
    content:"";
    position:absolute;
    top:10px;
    bottom:10px;
    left:-13px;
    width:2px;
    border-radius:2px;
    background:transparent;
}

body.dashboard-page .dashboard-nav__link:hover{
    transform:none;
    border-color:rgba(255,255,255,.045);
    background:rgba(255,255,255,.025);
    box-shadow:none;
    color:rgba(255,255,255,.90);
}

body.dashboard-page .dashboard-nav__link.is-active{
    transform:none;
    border-color:rgba(255,255,255,.07);
    background:linear-gradient(90deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    color:#fff;
}

body.dashboard-page .dashboard-nav__link.is-active::before{
    background:rgba(255,123,0,.78);
    box-shadow:0 0 10px rgba(255,123,0,.13);
}

body.dashboard-page .dashboard-nav__icon{
    width:25px;
    height:25px;
    border-radius:8px;
    background:rgba(255,255,255,.035);
    color:rgba(255,255,255,.70);
    filter:grayscale(.65) saturate(.5);
    font-size:13px;
}

body.dashboard-page .dashboard-nav__link.is-active .dashboard-nav__icon{
    background:rgba(255,255,255,.055);
    color:#fff;
    filter:grayscale(.2) saturate(.8);
}

body.dashboard-page .dashboard-nav__title{
    font-size:12.5px;
    font-weight:650;
}

body.dashboard-page .dashboard-nav__note{
    color:rgba(255,255,255,.52);
    font-size:10.5px;
}

body.dashboard-page .cabinet-nav{
    gap:4px;
}

body.dashboard-page .cabinet-nav__link{
    min-height:38px;
    padding:8px 11px;
    border-color:transparent;
    border-radius:10px;
    background:transparent;
    box-shadow:none;
    color:rgba(255,255,255,.64);
}

body.dashboard-page .cabinet-nav__link:hover,
body.dashboard-page .cabinet-nav__link.is-active{
    transform:none;
    border-color:rgba(255,255,255,.08);
    background:rgba(255,255,255,.035);
    box-shadow:inset 0 -2px 0 rgba(255,123,0,.54);
    color:#fff;
}

body.dashboard-page :is(
    .dashboard-tile,
    .dashboard-stat,
    .garage-info,
    .garage-stat,
    .notifications-stat,
    .messages-hero-card,
    .info-row,
    .settings-row
){
    min-width:0;
    border:1px solid rgba(255,255,255,.055);
    border-radius:var(--dashboard-inner-radius);
    background:var(--dashboard-surface-soft);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
}

body.dashboard-page :is(.dashboard-tile, .dashboard-stat, .garage-stat, .notifications-stat, .messages-hero-card){
    padding:16px;
}

body.dashboard-page :is(
    .dashboard-tile__value,
    .dashboard-stat strong,
    .garage-stat strong,
    .notifications-stat strong,
    .messages-hero-card strong,
    .order-summary strong
){
    color:rgba(255,255,255,.96);
    font-variant-numeric:tabular-nums lining-nums;
    font-feature-settings:"tnum" 1, "lnum" 1;
    font-weight:700;
    letter-spacing:-.025em;
}

body.dashboard-page :is(
    .dashboard-tile__label,
    .dashboard-stat span,
    .garage-stat span,
    .notifications-stat span,
    .messages-hero-card span
){
    color:rgba(255,255,255,.48);
    font-size:10px;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

body.dashboard-page .dashboard-tile__value{
    overflow-wrap:anywhere;
}

body.dashboard-page .account-stats .dashboard-tile__value{
    min-width:0;
    font-size:clamp(17px, 1.8vw, 24px);
    line-height:1.16;
    overflow-wrap:anywhere;
    word-break:break-word;
}

body.dashboard-page .dashboard-hero{
    padding:20px;
}

body.dashboard-page .dashboard-hero__media{
    min-height:clamp(300px, 33vw, 460px);
    border:1px solid rgba(255,255,255,.065);
    border-radius:var(--dashboard-radius);
    background:
        radial-gradient(ellipse at 50% 30%, rgba(255,255,255,.055), transparent 42%),
        linear-gradient(180deg, #111 0%, #090909 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03), inset 0 -40px 70px rgba(0,0,0,.28);
}

body.dashboard-page .dashboard-hero__media img{
    filter:saturate(.86) contrast(1.04);
}

body.dashboard-page .dashboard-hero__title{
    font-size:clamp(30px, 3.6vw, 46px);
    line-height:1.04;
    letter-spacing:-.03em;
}

body.dashboard-page :is(.dashboard-badge, .dashboard-pill, .garage-pill, .order-pill, .settings-pill, .thread-badge, .service-filter-chip){
    border:1px solid rgba(255,255,255,.075);
    background:rgba(255,255,255,.035);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

body.dashboard-page :is(.dashboard-mini-card, .garage-module){
    border-radius:var(--dashboard-inner-radius) !important;
    background:var(--dashboard-surface-soft) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

body.dashboard-page .dashboard-mini-card__body{
    border:1px solid rgba(255,255,255,.055);
    border-radius:12px;
    background:rgba(0,0,0,.12);
}

body.dashboard-page :is(.dashboard-empty, .empty-state, .garage-empty, .garage-activity-empty, .garage-gallery__empty){
    gap:12px;
    padding:28px;
    border:1px dashed rgba(255,255,255,.095) !important;
    border-radius:var(--dashboard-radius) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.009)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}

body.dashboard-page :is(.dashboard-empty__icon, .garage-empty__icon, .garage-activity-empty__icon, .garage-gallery__emptyIcon){
    border-color:rgba(255,255,255,.07);
    background:rgba(255,255,255,.035);
    box-shadow:none;
    color:rgba(255,255,255,.72);
    filter:grayscale(.65);
}

body.dashboard-page :is(.btn, .dashboard-button){
    box-shadow:0 7px 16px rgba(255,123,0,.045), inset 0 1px 0 rgba(255,255,255,.14);
}

body.dashboard-page :is(.btn-outline, .btn-secondary){
    border-color:rgba(255,255,255,.09);
    background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

body.dashboard-page :is(.btn-outline, .btn-secondary):hover{
    border-color:rgba(255,123,0,.22);
    background:rgba(255,255,255,.04);
}

body.dashboard-page :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea){
    border-color:rgba(255,255,255,.065);
    border-radius:12px;
    background:rgba(4,4,4,.26);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}

body.dashboard-page :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea):focus{
    border-color:rgba(255,123,0,.20);
    box-shadow:0 0 0 3px rgba(255,123,0,.055);
}

body.dashboard-page table{
    font-variant-numeric:tabular-nums;
}

body.dashboard-page th{
    color:rgba(255,255,255,.46);
}

body.dashboard-page th,
body.dashboard-page td{
    border-bottom-color:rgba(255,255,255,.05);
}

/* Motorcycle passport */
body.dashboard-page .garage-page.store-wrap,
body.dashboard-page .garage-vehicle-page.store-wrap{
    max-width:1360px;
    padding-left:0;
    padding-right:0;
}

body.dashboard-page .garage-card{
    overflow:hidden;
}

body.dashboard-page .garage-detail__hero{
    gap:20px;
    padding:20px;
    background:linear-gradient(180deg, rgba(255,255,255,.022), transparent);
}

body.dashboard-page .garage-photo{
    min-height:clamp(320px, 36vw, 500px);
    border-radius:var(--dashboard-radius);
    border-color:rgba(255,255,255,.065);
    background:
        radial-gradient(ellipse at 50% 28%, rgba(255,255,255,.055), transparent 43%),
        #090909;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025), inset 0 -60px 90px rgba(0,0,0,.30);
}

body.dashboard-page .garage-photo img{
    filter:saturate(.88) contrast(1.04);
}

body.dashboard-page .garage-card .dashboard-tile,
body.dashboard-page .garage-info,
body.dashboard-page .garage-stat{
    border-color:rgba(255,255,255,.055);
    background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
}

body.dashboard-page .garage-card .dashboard-tile{
    min-height:112px;
    align-content:space-between;
    padding:16px;
}

body.dashboard-page .garage-card .dashboard-tile__value,
body.dashboard-page .garage-stat strong{
    font-size:clamp(25px, 3vw, 34px);
    line-height:1;
}

body.dashboard-page .garage-card .dashboard-tile__note{
    color:rgba(255,255,255,.46);
}

body.dashboard-page .garage-info-grid,
body.dashboard-page .garage-stat-grid,
body.dashboard-page .garage-module-grid{
    gap:12px;
}

body.dashboard-page .garage-item{
    isolation:isolate;
}

body.dashboard-page .garage-item::before{
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent) !important;
    opacity:.62 !important;
}

body.dashboard-page .garage-item::after{
    opacity:.16;
}

body.dashboard-page .garage-item.is-active{
    border-color:rgba(255,123,0,.18) !important;
    box-shadow:var(--dashboard-shadow), inset 2px 0 0 rgba(255,123,0,.58);
}

body.dashboard-page .garage-item__media{
    border-color:rgba(255,255,255,.055);
    background:#090909;
}

body.dashboard-page .garage-item__title{
    letter-spacing:-.02em;
}

body.dashboard-page .garage-spec{
    border-color:rgba(255,255,255,.05);
    background:rgba(255,255,255,.02);
}

body.dashboard-page .garage-spec::before{
    background:rgba(255,255,255,.14);
    box-shadow:none;
}

body.dashboard-page .garage-gallery__main,
body.dashboard-page .garage-gallery__thumb,
body.dashboard-page .garage-photo-card,
body.dashboard-page [data-garage-gallery-thumb-card]{
    border-color:rgba(255,255,255,.06) !important;
    background:var(--dashboard-surface-soft) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
}

body.dashboard-page .garage-gallery__thumb.is-active,
body.dashboard-page [data-garage-gallery-thumb-card].is-active{
    border-color:rgba(255,123,0,.22) !important;
    box-shadow:inset 2px 0 0 rgba(255,123,0,.58), 0 14px 30px rgba(0,0,0,.20);
}

body.dashboard-page .garage-timeline{
    position:relative;
    display:grid;
    gap:12px;
}

body.dashboard-page .garage-timeline::before{
    content:"";
    position:absolute;
    top:10px;
    bottom:10px;
    left:14px;
    width:1px;
    background:linear-gradient(180deg, rgba(255,255,255,.17), rgba(255,255,255,.035));
}

body.dashboard-page .garage-timeline__item{
    position:relative;
    padding-left:42px;
}

body.dashboard-page .garage-timeline__dot{
    position:absolute;
    z-index:1;
    top:20px;
    left:9px;
    width:11px;
    height:11px;
    border:3px solid #171717;
    border-radius:999px;
    background:rgba(255,123,0,.82);
    box-shadow:0 0 0 1px rgba(255,255,255,.13);
}

/* Orders */
body.dashboard-orders-page .orders-page,
body.dashboard-orders-page .orders-grid,
body.dashboard-orders-page .order-card,
body.dashboard-orders-page .order-details,
body.dashboard-orders-page .order-history{
    display:grid;
}

body.dashboard-orders-page .orders-page{ gap:18px; }
body.dashboard-orders-page .orders-grid{ gap:14px; }
body.dashboard-orders-page .order-card{ gap:16px; }
body.dashboard-orders-page .order-details{ gap:12px; }
body.dashboard-orders-page .order-history{ gap:8px; }

body.dashboard-orders-page .orders-hero,
body.dashboard-orders-page .order-card-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:12px;
}

body.dashboard-orders-page .order-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:9px;
}

body.dashboard-orders-page .order-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    border-radius:999px;
    color:rgba(255,255,255,.78);
    font-size:11px;
    font-weight:700;
}

body.dashboard-orders-page .order-summary{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:10px;
}

body.dashboard-orders-page .order-summary .info-row{
    min-width:0;
    margin:0;
    padding:14px;
}

body.dashboard-orders-page .order-items{
    width:100%;
    margin-top:6px;
    border-collapse:collapse;
}

body.dashboard-orders-page .order-items th,
body.dashboard-orders-page .order-items td{
    padding:11px 9px;
    text-align:left;
    vertical-align:top;
}

body.dashboard-orders-page .order-items td:last-child,
body.dashboard-orders-page .order-items th:last-child{
    text-align:right;
}

body.dashboard-orders-page .order-review{min-width:220px;margin-top:10px;text-align:left}
body.dashboard-orders-page .order-review summary{display:inline-flex;min-height:32px;align-items:center;padding:6px 9px;border:1px solid rgba(255,123,0,.28);border-radius:8px;background:rgba(255,123,0,.08);color:#ffad73;cursor:pointer;font-size:11px;font-weight:800;list-style:none}
body.dashboard-orders-page .order-review summary::-webkit-details-marker{display:none}
body.dashboard-orders-page .order-review form{display:grid;gap:8px;margin-top:9px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(0,0,0,.18)}
body.dashboard-orders-page .order-review :is(select,textarea){width:100%;min-width:0}
body.dashboard-orders-page .order-review textarea{min-height:82px;resize:vertical}
body.dashboard-orders-page .order-review .btn{width:100%;min-height:34px;padding:7px 10px}
body.dashboard-orders-page .order-returns{display:grid;gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
body.dashboard-orders-page .order-returns>p{margin:0;line-height:1.5}
body.dashboard-orders-page .order-return-store{display:grid;gap:7px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.018)}
body.dashboard-orders-page .order-return-store p{margin:0;line-height:1.5}
body.dashboard-orders-page .order-return{max-width:560px}
body.dashboard-orders-page .order-return textarea{min-height:68px}

body.dashboard-orders-page .history-row{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:11px 13px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:12px;
    background:rgba(255,255,255,.02);
}

body.dashboard-orders-page .history-row span{
    color:rgba(255,255,255,.48);
}

/* Notifications */
body.notifications-page .notifications-hero{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
    gap:16px;
    margin-bottom:18px;
}

body.notifications-page .notifications-hero .hero-title,
body.services-dashboard-page .dashboard-hero .hero-title{
    max-width:16ch;
    margin:10px 0 0;
    font-size:clamp(30px, 4vw, 46px);
    line-height:1.04;
    letter-spacing:-.025em;
    text-wrap:balance;
}

body.notifications-page .notifications-stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

body.notifications-page .notifications-stat span{
    display:block;
    margin-bottom:8px;
}

body.notifications-page .notifications-stat strong{
    color:#fff;
    font-size:28px;
}

body.notifications-page .notifications-toolbar,
body.notifications-page .notifications-filter,
body.notifications-page .notification-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

body.notifications-page .notifications-toolbar{
    margin-top:16px;
}

body.notifications-page .notifications-toolbar .nav-link{
    min-height:36px;
    padding:7px 10px;
    border-color:transparent;
    border-radius:10px;
    background:transparent;
    box-shadow:none;
    color:rgba(255,255,255,.58);
    font-size:11px;
}

body.notifications-page .notifications-toolbar .nav-link:hover{
    border-color:rgba(255,255,255,.075);
    background:rgba(255,255,255,.03);
    color:#fff;
}

body.notifications-page .notification-list{
    display:grid;
    gap:10px;
}

body.notifications-page .notifications-categories{
    display:flex;
    gap:8px;
    margin:0 0 16px;
    padding:4px 0;
    overflow-x:auto;
    scrollbar-width:thin;
}

body.notifications-page .notifications-category{
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    gap:9px;
    min-height:40px;
    padding:8px 12px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:10px;
    background:rgba(255,255,255,.02);
    color:rgba(255,255,255,.7);
    text-decoration:none;
    font-size:12px;
    font-weight:700;
}

body.notifications-page .notifications-category strong{
    display:grid;
    min-width:22px;
    height:22px;
    padding:0 6px;
    place-items:center;
    border-radius:7px;
    background:rgba(255,255,255,.06);
    color:#fff;
    font-size:11px;
}

body.notifications-page .notifications-category:hover,
body.notifications-page .notifications-category.is-active{
    border-color:rgba(255,123,0,.32);
    background:rgba(255,123,0,.09);
    color:#fff;
}

body.notifications-page .notifications-category.is-active strong{
    background:#ff7b00;
    color:#111;
}

body.notifications-page .request-empty{
    padding:28px;
    border:1px dashed rgba(255,255,255,.09);
    border-radius:var(--dashboard-inner-radius);
    background:rgba(255,255,255,.015);
    color:rgba(255,255,255,.62);
    line-height:1.65;
}

body.notifications-page .notification-empty{
    display:grid;
    justify-items:center;
    gap:8px;
    text-align:center;
}

body.notifications-page .notification-empty__icon{
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    border-radius:18px;
    background:rgba(255,123,0,.10);
    font-size:24px;
}

body.notifications-page .notification-empty strong{
    color:#fff;
    font-size:18px;
}

body.notifications-page .notification-card{
    position:relative;
    display:grid;
    gap:10px;
    padding:16px 17px;
}

body.notifications-page .notification-card.is-unread{
    border-color:rgba(255,255,255,.085) !important;
    box-shadow:var(--dashboard-shadow), inset 2px 0 0 rgba(255,123,0,.62);
}

body.notifications-page .notification-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:10px;
}

body.notifications-page .notification-title{
    margin:0;
    font-size:16px;
    line-height:1.35;
    letter-spacing:-.01em;
}

body.notifications-page .notification-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:8px;
}

body.notifications-page .notification-body{
    color:rgba(255,255,255,.68);
    line-height:1.6;
    overflow-wrap:anywhere;
    word-break:break-word;
}

body.notifications-page .notification-title{
    overflow-wrap:anywhere;
    word-break:break-word;
}

body.notifications-page .notifications-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-top:18px;
    color:rgba(255,255,255,.68);
}

body.notifications-page .notification-actions form{
    margin:0;
}

body.notifications-page .notification-actions button{
    padding:7px 11px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:10px;
    background:rgba(255,255,255,.025);
    color:rgba(255,255,255,.82);
    cursor:pointer;
    font-size:11px;
    font-weight:700;
}

body.notifications-page .notification-actions button:hover,
body.notifications-page .notification-actions a:hover{
    border-color:rgba(255,123,0,.20);
    background:rgba(255,255,255,.04);
}

/* Messages, services and profile settings */
body.messages-page .messages-hero{
    gap:12px;
}

body.messages-page .messages-hero-card{
    min-height:132px;
    align-content:space-between;
}

body.messages-page .thread-item{
    position:relative;
    border-color:rgba(255,255,255,.055);
    border-radius:var(--dashboard-inner-radius);
    background:rgba(255,255,255,.018);
}

body.messages-page .thread-item:hover{
    border-color:rgba(255,255,255,.09);
    background:rgba(255,255,255,.03);
}

body.messages-page .thread-item.is-active{
    border-color:rgba(255,255,255,.09);
    background:rgba(255,255,255,.035);
    box-shadow:inset 2px 0 0 rgba(255,123,0,.58);
}

body.messages-page .conversation-bubble-list{
    background:rgba(0,0,0,.10);
    border-color:rgba(255,255,255,.045);
}

body.messages-page .bubble{
    border-color:rgba(255,255,255,.06);
    background:rgba(255,255,255,.035);
    box-shadow:none;
}

body.messages-page .bubble.is-mine{
    border-color:rgba(255,123,0,.14);
    background:linear-gradient(180deg, rgba(255,123,0,.085), rgba(255,123,0,.035));
}

body.messages-page .compose-box{
    border-color:rgba(255,255,255,.055);
    border-radius:var(--dashboard-inner-radius);
    background:rgba(255,255,255,.018);
}

body.services-dashboard-page .dashboard-hero{
    gap:20px;
}

body.services-dashboard-page .service-grid{
    gap:14px;
}

body.services-dashboard-page .service-card{
    padding:18px;
}

body.services-dashboard-page .service-filter-chip{
    color:rgba(255,255,255,.66);
}

body.services-dashboard-page .service-filter-chip:hover{
    border-color:rgba(255,255,255,.10);
    background:rgba(255,255,255,.04);
}

body.services-dashboard-page .service-filter-chip.is-active{
    border-color:rgba(255,123,0,.18);
    background:rgba(255,255,255,.045);
    box-shadow:inset 0 -2px 0 rgba(255,123,0,.58);
    color:#fff;
}

body.settings-page .settings-grid{
    gap:var(--dashboard-gap);
}

body.settings-page .settings-card{
    overflow:hidden;
}

body.settings-page .settings-avatar{
    border-color:rgba(255,255,255,.07);
    background:#0a0a0a;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

body.settings-page .settings-progress__bar{
    background:rgba(255,255,255,.065);
}

body.settings-page .settings-progress__bar > span{
    background:linear-gradient(90deg, rgba(255,123,0,.62), rgba(255,255,255,.32));
    box-shadow:none;
}

@media (prefers-reduced-motion:no-preference){
    body.dashboard-page :is(
        .dashboard-card,
        .dashboard-section,
        .dashboard-mini-card,
        .garage-card,
        .garage-panel,
        .garage-module,
        .garage-item,
        .garage-gallery__main,
        .garage-gallery__thumb,
        .messages-hero-card,
        .thread-item,
        .service-card,
        .notification-card
    ){
        transition:transform .26s cubic-bezier(.2,.7,.2,1), border-color .26s ease, box-shadow .26s ease, background .26s ease;
    }

    body.dashboard-page :is(.garage-item, .garage-gallery__thumb, .thread-item, .service-card, .notification-card):hover{
        transform:translateY(-2px);
        box-shadow:var(--dashboard-shadow-hover);
    }

    body.dashboard-page :is(.settings-progress__bar > span, .hero-meter-track span){
        transform-origin:left center;
        animation:dashboardProgressReveal .85s cubic-bezier(.2,.7,.2,1) both;
    }
}

@keyframes dashboardProgressReveal{
    from{ transform:scaleX(.15); opacity:.45; }
    to{ transform:scaleX(1); opacity:1; }
}

@media (max-width: 980px){
    body.dashboard-page .dashboard-layout,
    body.notifications-page .notifications-hero{
        grid-template-columns:1fr;
    }

    body.dashboard-page .dashboard-sidebar{
        position:static;
        padding:11px;
    }

    body.dashboard-page .dashboard-sidebar__label{
        display:none;
    }

    body.dashboard-page .dashboard-nav{
        display:flex;
        gap:4px;
        overflow-x:auto;
        padding-bottom:2px;
        scrollbar-width:none;
    }

    body.dashboard-page .dashboard-nav::-webkit-scrollbar{
        display:none;
    }

    body.dashboard-page .dashboard-nav__link{
        min-width:max-content;
        flex:0 0 auto;
    }

    body.dashboard-page .dashboard-nav__link::before{
        top:auto;
        right:12px;
        bottom:-12px;
        left:12px;
        width:auto;
        height:2px;
    }

    body.dashboard-page .dashboard-nav__note{
        display:none;
    }

    body.dashboard-orders-page .order-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 720px){
    body.dashboard-page .store-wrap{
        width:min(100% - 24px, 1360px);
        gap:16px;
        padding-top:20px;
        padding-bottom:48px;
    }

    body.dashboard-page .page-head{
        grid-template-columns:1fr;
        align-items:start;
        gap:14px;
        padding-bottom:16px;
    }

    body.dashboard-page .page-head > :last-child:not(:first-child){
        justify-self:start;
    }

    body.dashboard-page :is(.dashboard-card, .dashboard-section, .settings-card, .garage-panel, .garage-module){
        padding:18px;
    }

    body.dashboard-page .dashboard-hero{
        padding:14px;
    }

    body.dashboard-page .dashboard-hero__layout,
    body.dashboard-page .garage-detail__hero{
        grid-template-columns:1fr;
    }

    body.dashboard-page .dashboard-hero__media,
    body.dashboard-page .garage-photo{
        min-height:280px;
    }

    body.dashboard-page .garage-card .dashboard-tile{
        min-height:98px;
    }

    body.dashboard-orders-page .order-summary,
    body.notifications-page .notifications-stats{
        grid-template-columns:1fr;
    }

    body.dashboard-orders-page .order-items{
        min-width:620px;
    }

    body.dashboard-orders-page .order-details{
        display:block;
        overflow-x:auto;
    }

    body.dashboard-orders-page .order-details > :not(.order-items){
        position:sticky;
        left:0;
        width:100%;
        min-width:0;
    }

    body.dashboard-orders-page .order-history{
        margin-top:12px;
    }

    body.dashboard-orders-page .order-summary .info-row{
        display:grid;
        grid-template-columns:minmax(0,1fr);
        gap:6px;
    }

    body.dashboard-orders-page .order-summary .info-row :is(span,strong){
        min-width:0;
        max-width:100%;
        text-align:left;
        overflow-wrap:anywhere;
        word-break:break-word;
    }

    body.notifications-page .notification-head,
    body.notifications-page .notification-actions,
    body.dashboard-orders-page .history-row{
        align-items:flex-start;
        flex-direction:column;
    }
}
.notification-timeline__day{position:relative;z-index:1;margin:18px 0 2px;padding:7px 12px;border-left:3px solid #ff6a00;background:rgba(255,255,255,.025);color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase}

/* Keep cart and checkout columns level; never retain sticky offsets on mobile. */
body.storefront .cart-layout > .panel,
body.storefront .checkout-layout > .panel{
    align-self:start;
    margin-top:0;
}

body.storefront .cart-layout > .summary-box,
body.storefront .checkout-layout > .summary-box{
    position:sticky;
    top:90px;
}

body.storefront .cart-layout > .panel:hover,
body.storefront .checkout-layout > .panel:hover{
    transform:none;
}

@media (max-width:1100px){
    body.storefront .cart-layout > .summary-box,
    body.storefront .checkout-layout > .summary-box{
        position:static;
        top:auto;
    }
}