/* Seasonal campaign only: inventory imagery and booking UI stay independent. */
.storefront.home-categories .campaign-banner{background:#fff4e6}
.storefront.home-categories .campaign-banner:before{background:linear-gradient(90deg,#fff4e6 0%,#fff4e6e6 28%,#fff4e600 65%),linear-gradient(0deg,#fff4e6c9,transparent 40%)}
.storefront .campaign-copy .campaign-kicker{color:#87502b}
.storefront .campaign-title-accent{color:#a34916}
.campaign-player{background:#faebd9}
.storefront .repair-hero,.storefront .deji-hero{background:#fff4e6}
.storefront .repair-hero:before,.storefront .deji-hero:before{background:linear-gradient(90deg,#fff4e6f5 0%,#fff4e6d9 32%,transparent 67%)}
[data-theme="dark"] .storefront .repair-hero,[data-theme="dark"] .storefront .deji-hero{background:#211c19}
[data-theme="dark"] .storefront .repair-hero:before,[data-theme="dark"] .storefront .deji-hero:before{background:linear-gradient(90deg,#211c19f5 0%,#211c19dc 32%,transparent 70%)}
@media(max-width:600px){.storefront .repair-hero:before{background:linear-gradient(0deg,#fff4e6 0%,#fff4e6 41%,transparent 66%)}.storefront .deji-hero:before{background:linear-gradient(0deg,#fff4e6 0%,transparent 38%)}[data-theme="dark"] .storefront .repair-hero:before{background:linear-gradient(0deg,#211c19 0%,#211c19 41%,transparent 80%)}[data-theme="dark"] .storefront .deji-hero:before{background:linear-gradient(0deg,#211c19 0%,transparent 38%)}}
[data-theme="dark"] .storefront.home-categories .campaign-banner{background:#211c19}
[data-theme="dark"] .storefront.home-categories .campaign-banner:before{background:linear-gradient(90deg,#211c19 0%,#211c19ec 28%,#211c1920 70%),linear-gradient(0deg,#211c19ed,transparent 55%)}
[data-theme="dark"] .storefront .campaign-copy .campaign-kicker,[data-theme="dark"] .storefront .campaign-title-accent{color:#ffc58f}
@media(max-width:600px){.storefront.home-categories .campaign-banner:before{background:linear-gradient(0deg,#fff4e6 0%,#fff4e6 42%,#fff4e600 75%)}[data-theme="dark"] .storefront.home-categories .campaign-banner:before{background:linear-gradient(0deg,#211c19 0%,#211c19 42%,#211c1900 85%)}}

/* 2026-11-02: quiet warm-neutral controls on the dark homepage only. */
[data-theme="dark"] .storefront.home-categories .hero-search-toggle,
[data-theme="dark"] .storefront.home-categories .site-header .theme-toggle,
[data-theme="dark"] .storefront.home-categories .hero-search .search-form,
[data-theme="dark"] .storefront.home-categories .campaign-controls .phone-brand-field select,
[data-theme="dark"] .storefront.home-categories .campaign-controls .category {
 background:rgba(48,44,41,.88);
 border-color:rgba(235,225,212,.22);
 color:#f1ece5;
 box-shadow:none;
}
[data-theme="dark"] .storefront.home-categories .campaign-controls .category-icon,
[data-theme="dark"] .storefront.home-categories .phone-summary-icon {
 background:transparent;
 color:#ded4c8;
}
[data-theme="dark"] .storefront.home-categories .campaign-controls .browse-nav {
 border-top-color:rgba(235,225,212,.16);
}
[data-theme="dark"] .storefront.home-categories #phone-edit {color:#d5c7b8}
[data-theme="dark"] .storefront.home-categories #phone-clear {color:#bbb2a9}
[data-theme="dark"] .storefront.home-categories #hero-rp-glass-query {
 background:#4266a8;
 border-color:#5878b1;
 color:#fff;
}
@media(hover:hover){
 [data-theme="dark"] .storefront.home-categories .hero-search-toggle:hover,
 [data-theme="dark"] .storefront.home-categories .site-header .theme-toggle:hover,
 [data-theme="dark"] .storefront.home-categories .campaign-controls .category:hover {
  background:rgba(65,59,54,.95);border-color:rgba(235,225,212,.36);
 }
 [data-theme="dark"] .storefront.home-categories #hero-rp-glass-query:hover {background:#4b70b1}
}

/* Blend the warm hero into the dark catalog without moving its content. */
[data-theme="dark"] .storefront.home-categories .catalog-section {
 background:linear-gradient(180deg,#211c19 0%,#1b1b20 48px,#141a25 105px,#101827 175px);
 border-top-color:transparent;
 border-radius:24px 24px 0 0;
}

/* Keep the guide entry consistent with the warm dark-home controls. */
[data-theme="dark"] .storefront.home-categories .catalog-section a.button[href="/guide"] {
 background:rgba(48,44,41,.88);
 border-color:rgba(235,225,212,.22);
 color:#f1ece5;
 box-shadow:none;
}
@media(hover:hover){
 [data-theme="dark"] .storefront.home-categories .catalog-section a.button[href="/guide"]:hover {
  background:rgba(65,59,54,.95);
  border-color:rgba(235,225,212,.36);
 }
}

/* A shorter, softer transition for the light homepage. */
[data-theme="light"] .storefront.home-categories .catalog-section {
 background:linear-gradient(180deg,#fff4e6 0px,#faf5ef 50px,#f5f7fa 120px);
 border-top-color:transparent;
 border-radius:24px 24px 0 0;
}

/* 2026-11-02: restrained glass surfaces; homepage controls only. */
[data-theme] .storefront.home-categories {
 --home-glass-fill:rgba(255,255,255,.66);
 --home-glass-edge:rgba(255,255,255,.92);
 --home-glass-highlight:rgba(255,255,255,.65);
 --home-glass-shadow:rgba(78,53,30,.10);
 --home-glass-ink:#263345;
 --home-glass-solid:#fff8ef;
}
[data-theme="dark"] .storefront.home-categories {
 --home-glass-fill:rgba(48,44,41,.68);
 --home-glass-edge:rgba(238,225,208,.27);
 --home-glass-highlight:rgba(255,242,224,.13);
 --home-glass-shadow:rgba(0,0,0,.22);
 --home-glass-ink:#f5eee6;
 --home-glass-solid:#302c29;
}
[data-theme] .storefront.home-categories :is(.hero-search-toggle, .site-header .theme-toggle, .hero-search .search-form, .campaign-controls .phone-brand-field select, .campaign-controls .category, .catalog-section a.button[href="/guide"]) {
 background:linear-gradient(145deg,var(--home-glass-highlight),transparent 58%),var(--home-glass-fill);
 border-color:var(--home-glass-edge);
 color:var(--home-glass-ink);
 -webkit-backdrop-filter:blur(16px) saturate(125%);
 backdrop-filter:blur(16px) saturate(125%);
 box-shadow:inset 0 1px 0 var(--home-glass-highlight),inset 0 -1px 0 rgba(255,255,255,.04),0 5px 16px var(--home-glass-shadow);
 transition:box-shadow .22s ease,border-color .22s ease;
}
[data-theme] .storefront.home-categories .campaign-controls .phone-brand-field select option {
 background:var(--home-glass-solid);color:var(--home-glass-ink);
}
[data-theme] .storefront.home-categories #hero-rp-glass-query {
 background:linear-gradient(145deg,rgba(255,255,255,.19),transparent 65%),#2859df;
 border-color:rgba(255,255,255,.32);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 5px 16px rgba(24,53,114,.16);
 color:#fff;
}
[data-theme="dark"] .storefront.home-categories #hero-rp-glass-query {
 background:linear-gradient(145deg,rgba(255,255,255,.16),transparent 65%),#3d609d;
}
@media(hover:hover){
 [data-theme] .storefront.home-categories :is(.hero-search-toggle, .site-header .theme-toggle, .hero-search .search-form, .campaign-controls .phone-brand-field select, .campaign-controls .category, .catalog-section a.button[href="/guide"]):hover {
  border-color:var(--home-glass-highlight);
  box-shadow:inset 0 1px 0 var(--home-glass-edge),0 7px 20px var(--home-glass-shadow);
 }
}
[data-theme] .storefront.home-categories :is(.hero-search-toggle, .site-header .theme-toggle, .hero-search .search-form, .campaign-controls .phone-brand-field select, .campaign-controls .category, .catalog-section a.button[href="/guide"]):focus-visible {
 outline:2px solid #537bce;outline-offset:3px;
}
/* Clearer daylight glass: translucent body and fine opposing edge highlights. */
[data-theme="light"] .storefront.home-categories {
 --home-glass-fill:rgba(255,255,255,.30);
 --home-glass-highlight:rgba(255,255,255,.78);
 --home-glass-shadow:rgba(78,53,30,.065);
}
[data-theme="light"] .storefront.home-categories :is(.hero-search-toggle, .site-header .theme-toggle, .hero-search .search-form, .campaign-controls .phone-brand-field select, .campaign-controls .category, .catalog-section a.button[href="/guide"]) {
 background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(255,255,255,.04) 42%,rgba(132,155,179,.07) 75%,rgba(255,255,255,.30)),var(--home-glass-fill);
 border-color:rgba(255,255,255,.86) rgba(255,255,255,.60) rgba(139,123,106,.16) rgba(255,255,255,.75);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.90),inset 0 -1px 0 rgba(255,255,255,.48),0 3px 10px var(--home-glass-shadow);
 -webkit-backdrop-filter:blur(18px) saturate(140%);
 backdrop-filter:blur(18px) saturate(140%);
}
/* Keep the floating search panel readable over the photograph. */
[data-theme="light"] .storefront.home-categories .hero-search .search-form {
 --home-glass-fill:rgba(255,255,255,.53);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 [data-theme] .storefront.home-categories :is(.hero-search-toggle, .site-header .theme-toggle, .hero-search .search-form, .campaign-controls .phone-brand-field select, .campaign-controls .category, .catalog-section a.button[href="/guide"]) {background:var(--home-glass-solid)}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 [data-theme] .storefront.home-categories :is(.hero-search-toggle, .site-header .theme-toggle, .hero-search .search-form, .campaign-controls .phone-brand-field select, .campaign-controls .category, .catalog-section a.button[href="/guide"]) {
  background:var(--home-glass-solid);
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border-color:currentColor;box-shadow:none;
 }
}
@media(prefers-reduced-motion:reduce){
 [data-theme] .storefront.home-categories :is(.hero-search-toggle, .site-header .theme-toggle, .hero-search .search-form, .campaign-controls .phone-brand-field select, .campaign-controls .category, .catalog-section a.button[href="/guide"]) {transition:none}
}

/* Touch/click focus is not keyboard navigation. Keep selected states intact. */
[data-input-mode="pointer"] .storefront :is(button,a,input,select,textarea,summary,[tabindex]):focus,
[data-input-mode="pointer"] .storefront .search-form:focus-within {
 outline:none!important;
}

/* Light contact panel follows the daylight catalog instead of the dark palette. */
[data-theme="light"] .storefront .contact {
 background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(241,245,250,.72));
 color:#263345;
 border:1px solid rgba(255,255,255,.94);
 box-shadow:inset 0 1px 0 #fff,0 5px 20px rgba(38,55,78,.055);
 -webkit-backdrop-filter:blur(16px) saturate(120%);
 backdrop-filter:blur(16px) saturate(120%);
}
[data-theme="light"] .storefront .contact :is(h2,h3,.contact-story-link) {color:#263345}
[data-theme="light"] .storefront .contact :is(p,.setup-note) {color:#43566c}
[data-theme="light"] .storefront .contact :is(p strong,.eyebrow,.contact-story h3,.setup-note small) {color:#566b82}
[data-theme="light"] .storefront .contact-card h3 {border-bottom-color:rgba(64,85,111,.16)}
[data-theme="light"] .storefront .contact-card a {color:#294d78}
[data-theme="light"] .storefront .contact-actions .button {
 background:rgba(225,237,249,.85);color:#233f60;border:1px solid #cadbea;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
[data-theme="light"] .storefront .contact-actions .button.outline {
 background:rgba(255,255,255,.72);color:#233f60;border-color:#d6dfe9;
}
@media(hover:hover){
 [data-theme="light"] .storefront .contact-actions .button:hover {background:#dce9f6;border-color:#b9cee3}
}
[data-theme="light"] .storefront .contact-story-link:focus-visible {outline-color:#537bce}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 [data-theme="light"] .storefront .contact {background:#f9fbfd}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 [data-theme="light"] .storefront .contact {
 background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#bcc9d7;box-shadow:none;
 }
}