.link-rss,
.cart .remove-from-cart button:hover,
.footable.breakpoint .footable-toggle,
.ajax-loading-block-window:before,
.eu-cookie-bar-notification button,
.header-logo a img,
.mini-shopping-cart .checkout-button,
.mini-shopping-cart button:only-child,
.store-search-box .search-box-button,
.newsletter-email .newsletter-subscribe-button,
.footer-block .title:after,
.footer-block.quick-contact span:before,
.poll .buttons button,
.filters .ui-slider-range,
.filters .ui-slider-handle,
.contact-vendor-button,
.item-box .rating div,
.item-box .buttons-upper button:hover,
.item-box .buttons-lower button span:before,
.item-box .buttons-lower button span:after,
.swiper-pagination-bullet-active,
.pager li > span,
.product-review-box .rating div,
.download-sample-button:hover,
.back-in-stock-subscription .subscribe-button:hover,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.overview .add-to-wishlist-button:hover,
.variant-overview .add-to-wishlist-button:hover,
.overview .add-to-compare-list-button:hover,
.overview .email-a-friend-button:hover,
.back-in-stock-subscription-page .button-1,
.ui-tabs .ui-tabs-nav li a:after,
.mfp-container .apply-shipping-button,
.write-review .button-1,
.update-wishlist-button,
.wishlist-add-to-cart-button,
.compare-products-page .remove-button:hover,
.enter-password-form button,
.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1,
#check-availability-button:hover,
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1,
.login-page .customer-blocks .title.active,
.block-account-navigation .list a:hover,
.block-account-navigation .list .active a,
.account-page ul.info + .buttons button:hover,
.downloadable-products-page .download a:hover,
.order-progress li.active-step a,
.shopping-cart-page .button-1,
.checkout-page .button-1,
.common-buttons .update-cart-button,
.common-buttons .continue-shopping-button,
.cart-collaterals .accordion-tab-title:after,
.cart-collaterals .estimate-shipping-button,
.cart-collaterals .coupon-code button,
.order-details-page .page-title a,
.order-details-page .actions .re-order-button,
.order-details-page .actions .return-items-button,
.opc #edit-billing-address-button:hover,
.opc #edit-shipping-address-button:hover,
.opc .back-link a:hover,
.basic-search .inputs.reversed label:after,
.search-input .button-1,
.new-comment .button-1,
.news-list-homepage .view-all a,
.forum-search-box .search-box-button,
.forums-table-section .view-all a,
.forum-actions .actions a:hover,
.topic-actions .actions a:hover,
.topic-post .pm-button:hover,
.profile-info-box .pm-button:hover,
.topic-post .post-actions .quote-post-button,
.topic-post .post-vote > span,
.forum-edit-page .button-1,
.move-topic-page .button-1,
.private-messages .button-1,
/*plugins*/ .nopAjaxCartPanelAjaxBusy:before,
.miniProductDetailsPanelAjaxBusy:before,
.productAddedToCartWindowSummary .button-1,
.selected-options-list > li span:after,
.ui-slider-range,
.ui-slider-handle,
.productPanelAjaxBusy:before,
.infinite-scroll-loader:before,
.nivo-directionNav a:hover,
.nivo-controlNav a:hover,
.nivo-controlNav a.active,
.anywhere-slider:before,
.anywhere-slider .slick-arrow:hover,
.anywhere-slider .slick-active button,
.spc-header li span:after,
.spc-body .loading-overlay:before,
.previous-product a:hover,
.next-product a:hover,
.quick-view-button a:hover,
.quickView .k-loading-image:before,
.quickView .ui-accordion-header-active span,
.ropc .section .title:after,
.ropc .estimate-shipping button,
.ropc .coupon-box-panel .coupon-code button,
.ropc .giftcard-box-panel .coupon-code button,
.ropc .complete-button button,
.rich-blog-homepage .slick-prev:hover,
.rich-blog-homepage .slick-next:hover,
.post-navigation a:hover,
.theme-roller .open-button:hover,
.k-edit-buttons.k-state-default button.k-dialog-insert.k-button,
button.ticket-info-button.k-button:before,
.ticket-buttons .tb-right .k-button.show-reply-button:before,
.ticket-buttons .tb-right .k-button.mark-resolved-button:before,
.ticket-buttons .tb-right .k-button.notes-button:before,
.ticket-buttons .tb-right .k-button.edit-ticket-button:before,
.ticket-buttons .tb-right .k-button.delete-ticket-button:before,
#submit-reply .buttons .k-button,
.my-tickets-page .clear-filters,
.manage-tickets-page .clear-filters,
.k-pager-numbers span.k-state-selected,
.k-widget.confirmation-wrapper button,
.filter-shops-button,
.shop-page .back-to-all-shops a:hover:before,
.shop-map-images .get-directions-to-shop:hover:after,
.cloudzoom-ajax-loader:before,
.gallery .slick-dots .slick-active button,
.overview .submit-ticket-button:hover,
.sale-of-the-day-offer .slick-prev:hover,
.sale-of-the-day-offer .slick-next:hover,
.sale-of-the-day-offer li.slick-active button,
.sale-of-the-day-offer .go-to-product-page,
.home-page-filter-button .search-button,
.jCarouselMainWrapper .slick-prev:hover,
.jCarouselMainWrapper .slick-next:hover,
.nop-jcarousel .slick-dots .slick-active button,
.nop-jcarousel .slick-dots button:hover,
.price-match-button:hover,
.save-price-match-button {
  background-color: #ffc72c;
}
.cart .edit-item a,
.ui-dialog-titlebar,
.mini-shopping-cart .cart-button,
.footer-block a:hover,
.footer-powered-by a,
.footer-designed-by a,
.block .list a:hover,
.block .view-all a:hover,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.filters :checked + label,
.breadcrumb strong,
.category-item:hover .title a,
.sub-category-item:hover .title a,
.manufacturer-item:hover .title a,
.sub-category-details .inner-title,
.manufacturer-details .inner-title,
.sub-category-details li a:hover,
.vendor-list li a:hover,
.overview .value a,
.variant-overview .value a,
.tier-prices .item-price,
.product-tags-list a:hover,
.product-reviews-page h1 a:hover,
.product-review-helpfulness .vote:hover,
.update-wishlist-button:hover,
.wishlist-page .share-info a,
.enter-password-title,
.accept-privacy-policy .read,
.login-page .forgot-password a:hover,
.login-page .checkout-as-guest-button:hover,
.account-page .form-fields a,
.return-request-list-page a:hover,
.avatar-page .remove-avatar-button:hover,
.common-buttons button:hover,
.terms-of-service a,
.checkout-page .min-amount-warning,
.order-completed .details a,
.order-details-page .page-title a:hover,
.order-details-page .download a,
.order-details-page .view-details a,
.order-details-page .actions button:hover,
.sitemap-page a:hover,
.post-body a,
.news-body a,
.blog-page .tags a,
.blogpost-page .tags a,
.blog-posts .read-more:hover,
.blog-posts .read-comments:hover,
.news-items .read-more,
.forum-search-page .search-error,
.forums-table-section .forum-title a:hover,
.forums-table-section .topic-title a:hover,
.topic-post .post-actions .post-link-button,
.forum-edit-page .button-2:hover,
.move-topic-page .button-2:hover,
.private-messages .button-2:hover,
.private-messages-page .pm-unread,
.profile-page .topic-title a:hover,
.vendorinfo-page .remove-picture-button:hover,
/*plugins*/ .productAddedToCartWindowSummary a:hover,
.filtersGroupPanel li.checked .filter-item-name,
.spc-categories .category-inner-title,
.spc-categories .category-sublist li a:hover,
.instant-search-item .detail .price,
.quickView .links-panel a:hover,
.ropc .cart .remove-product:hover,
.rich-blog-homepage .read-comments,
.blog-instant-search .k-list-item.k-hover,
.blog-instant-search .k-list-item.k-focus,
.blog-page .read-comments,
.category-list li a,
.related-posts-list li a,
.search-term-highlighter,
.order-details-page .product .submit-ticket-button,
.getUserGeoLocation:hover,
.align-map-button:hover,
.shops-item .show-directions:hover,
.shop-page .back-to-all-shops a:hover,
.shop-map-images .get-directions-to-shop:hover,
.shop-info a,
.nop-jcarousel .category-item:hover .title a,
.nop-jcarousel .sub-category-item:hover .title a,
.nop-jcarousel .manufacturer-item:hover .title a,
.nop-jcarousel .vendor-item:hover .title a,
.price-match-form .title strong,
.price-match-requests-page .details a:hover {
  color: #ffc72c;
}
.mini-shopping-cart .checkout-button:hover,
.mini-shopping-cart button:only-child:hover,
.poll .buttons button:hover,
.contact-vendor-button:hover,
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover,
.back-in-stock-subscription-page .button-1:hover,
.mfp-container .apply-shipping-button:hover,
.write-review .button-1:hover,
.wishlist-add-to-cart-button:hover,
.enter-password-form button:hover,
.contact-page .button-1:hover,
.email-a-friend-page .button-1:hover,
.apply-vendor-page .button-1:hover,
.registration-page .button-1:hover,
.registration-result-page .button-1:hover,
.login-page .button-1:hover,
.password-recovery-page .button-1:hover,
.account-page .button-1:hover,
.return-request-page .button-1:hover,
.user-agreement-page .button-1:hover,
.shopping-cart-page .button-1:hover,
.checkout-page .button-1:hover,
.cart-collaterals .estimate-shipping-button:hover,
.cart-collaterals .coupon-code button:hover,
.search-input .button-1:hover,
.new-comment .button-1:hover,
.news-list-homepage .view-all a:hover,
.forums-table-section .view-all a:hover,
.topic-post .post-actions .quote-post-button:hover,
.forum-edit-page .button-1:hover,
.move-topic-page .button-1:hover,
.private-messages .button-1:hover,
/*plugins*/ .productAddedToCartWindowSummary .button-1:hover,
.ropc .estimate-shipping button:hover,
.ropc .complete-button button:hover,
.page-body form > .buttons .k-button:hover,
#submit-reply .buttons .k-button:hover,
.my-tickets-page .clear-filters:hover,
.manage-tickets-page .clear-filters:hover,
.filter-shops-button:hover,
.sale-of-the-day-offer .go-to-product-page:hover,
.home-page-filter-button .search-button:hover,
.save-price-match-button:hover {
  outline-color: #ffc72c;
}
.cart-collaterals .active .accordion-tab-title,
/*plugins*/ .quickView .ui-accordion-header-active,
.ropc .section .title.active {
  border-bottom-color: #ffc72c;
}
.order-progress li.active-step a:after {
  border-left-color: #ffc72c;
}
/* secondary color */

.footer-upper,
.ui-datepicker-header,
.ui-datepicker-calendar .ui-state-active {
  background-color: #ffffff;
}
.cart .subtotal,
.mini-shopping-cart .price strong,
.mini-shopping-cart .totals strong,
.item-box .actual-price,
.overview .product-price,
.variant-overview .product-price,
.compare-products-table .product-price td,
.cart-total .order-total,
/*plugins*/ .productAddedToCartWindowDescription .price,
.sale-of-the-day-offer .timer-info-box,
.sale-of-the-day-offer .price.actual-price {
  color: #ffffff;
}
.ui-datepicker-calendar .ui-state-active {
  outline-color: #ffffff;
}
@media all and (max-width: 1024px) {
  .responsive-nav-wrapper > div,
  .plus-button {
    background-color: #ffc72c;
  }
  .shopping-cart-link .cart-qty-mobile,
  .category-page-body .page-title h1,
  .manufacturer-page-body .page-title h1,
  .manufacturer-all-page-body .page-title h1,
  .vendor-all-page-body .page-title h1,
  .vendor-page-body .page-title h1,
  .product-tags-all-page-body .page-title h1,
  .products-by-tag-page-body .page-title h1,
  .recently-viewed-products-page-body .page-title h1,
  .recently-added-products-page-body .page-title h1,
  .compare-products-page-body .page-title h1,
  /*plugins*/ .spc-categories .category-title {
    color: #ffc72c;
  }
  /* secondary color */
  
  .admin-header-links,
  .store-search-box {
    background-color: #ffffff;
  }
  .responsive-nav-wrapper-parent {
    border-top-color: #ffffff;
  }
}
@media all and (min-width: 481px) {
  /*plugins*/
  
  .spc-categories .product-box-add-to-cart-button:hover {
    background-color: #ffc72c;
  }
}
@media all and (min-width: 769px) {
  .bestsellers .slick-prev:hover,
  .bestsellers .slick-next:hover,
  .product-selectors .product-viewmode a.selected,
  .product-list .item-box .buttons-lower button,
  .topic-post .post-actions .manage-post a:hover {
    background-color: #ffc72c;
  }
  .product-list .item-box .buttons-lower button:hover {
    outline-color: #ffc72c;
  }
  /*plugins*/
  
  .ropc .section .title {
    border-bottom-color: #ffc72c;
  }
}
@media all and (min-width: 1025px) {
  .cart-trigger:before,
  .flyout-cart-wrapper:hover .cart-trigger,
  .category-navigation-title:after,
  .product-grid.bestsellers .item-box .buttons-lower button:hover,
  .product-grid .item-box:hover .buttons-lower button,
  .product-grid .item-box:hover .buttons-lower button span,
  /*plugins*/ .spc-categories .spc-header li:hover span,
  .spc-categories .spc-header li.active span,
  .spc-categories .product-grid .item-box button.button-2:hover,
  .rich-blog-body .block:hover .title,
  .rich-blog-body .blog-search-box.active .search-box-button {
    background-color: #ffc72c;
  }
  .side-2 .page-title h1,
  .category-navigation-list > li:hover > a,
  .category-navigation-list > li:hover > span,
  .category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover,
  .header-menu > ul > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover,
  .breadcrumb a:hover,
  .compare-products-page .clear-list,
  /*plugins*/ .category-navigation-list > li > .sublist-wrap > .sublist .box li a:hover,
  .header-menu > ul > li > .sublist-wrap > .sublist .box li a:hover,
  .spc-categories .category-info:hover .category-title {
    color: #ffc72c;
  }
  /*plugins*/
  
  .ropc .coupon-box-panel .coupon-code button:hover,
  .ropc .giftcard-box-panel .coupon-code button:hover {
    outline-color: #ffc72c;
  }
  .flyout-cart-wrapper:hover .cart-trigger {
    border-color: #ffc72c;
  }
  .header-links,
  .header-selectors {
    border-top-color: #ffc72c;
  }
  .category-navigation-list > li > .sublist-wrap > .sublist > li > a,
  .header-menu > ul > li > .sublist-wrap > .sublist > li > a,
  /*plugins*/ .category-navigation-list > li > .sublist-wrap > .sublist .box .title,
  .header-menu > ul > li > .sublist-wrap > .sublist .box .title {
    border-bottom-color: #ffc72c;
  }
  /* secondary color */
  
  .header-lower {
    background-color: #ffffff;
  }
}
/* ── SDMO NAPA — consolidated Custom Head Styles ──
   Paste into Admin → Configuration → Settings → General → Custom Head Styles
   for the NAPA store ONLY (store 72 — sdmonapa).

   Do NOT paste into store 73 (AAA / AAASDMO). That store uses AAASDMO-CustomHeadStyles.css.

   Widgets: Header widget (SDMONAPA-HeaderWidget.html, zone header_before); Hero
   (SDMONAPA-HeroWidget.html, Anywhere Slider); Featured tee (SDMONAPA-FeaturedTee.html,
   zone body_end_html_tag_before). Footer linkify JS if used.

   Knobs (search "knob:"):
     --header-logo-band (fixed row height — header does NOT grow)
     --header-logo-scale (NAPA logo visual multiplier)
     --header-logo-inset-top (top padding inside the logo band)
     hero padding / type scale
     slider gap under header
     --sdmo-card-* / --sdmo-home-col-gap (matched tee + hero panels)
     --sdmo-home-row-pad-bottom (shadow clearance above footer)
     compact mode @ max-height 860px (14" laptops)
*/

:root {
  --napa-blue: #003DA5;
  --napa-blue-dark: #002A73;
  --napa-gold: #FFC20E;
  --napa-gold-hover: #e6af0c;
  --napa-text-light: #eaf0fb;
  --sdmo-card-radius: 16px; /* knob: shared hero + tee panel corners */
  --sdmo-card-border: 2px solid var(--napa-gold);
  --sdmo-card-shadow: 0 8px 40px rgba(0, 0, 0, 0.35);
  --sdmo-home-col-gap: 24px; /* knob: gap between tee + hero cards */
  --sdmo-home-row-pad-bottom: 36px; /* knob: space below cards so shadow clears footer */
  --header-logo-band: 160px; /* knob: layout slot — keep fixed so header height stays put */
  --header-logo-scale: 1; /* deprecated: logo now fits fully (stacked lockup); no scale/clip */
  --header-logo-inset-top: 10px; /* knob: breathing room so scaled logos don't clip at top */
}

/* ═══════════════════════════════════════════════════════════════════════════
   HEADER — NAPA blue + arrow caps + centered SDMO mark
   ═══════════════════════════════════════════════════════════════════════════ */
html body .master-wrapper-page .header {
  background-color: var(--napa-blue) !important;
  background-image:
    url('/images/uploaded/sdmonapa/NAPA-LefthandSide-Arrow.png'),
    url('/images/uploaded/sdmonapa/NAPA-RighthandSide-Arrow.png') !important;
  background-position: left center, right center !important;
  background-size: auto 100%, auto 100% !important;
  background-repeat: no-repeat, no-repeat !important;
  position: relative !important;
}
html body .master-wrapper-page .header .header-upper,
html body .master-wrapper-page .header .header-middle,
html body .master-wrapper-page .header .header-lower {
  background: transparent !important;
  border-bottom: 0 !important;
}

/* Utility strip floats over the logo band — frees ~28px without growing total header height */
html body .master-wrapper-page .header .header-upper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  height: auto !important;
  min-height: 0 !important;
  padding: 3px 0 !important;
  pointer-events: none;
}
html body .master-wrapper-page .header .header-upper a,
html body .master-wrapper-page .header .header-links-wrapper,
html body .master-wrapper-page .header .header-selectors-wrapper,
html body .master-wrapper-page .header .admin-header-links {
  pointer-events: auto;
}
html body .master-wrapper-page .header .header-links-wrapper,
html body .master-wrapper-page .header .header-selectors-wrapper {
  height: auto !important;
}
html body .master-wrapper-page .header .header-links-wrapper label,
html body .master-wrapper-page .header .header-selectors-wrapper label {
  line-height: 1.3 !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

/* Fixed logo band — height locked; scale() paints larger inside without layout growth */
html body .master-wrapper-page .header .header-middle {
  padding: var(--header-logo-inset-top) 0 0 !important;
  position: relative;
  box-sizing: border-box;
  height: var(--header-logo-band);
  min-height: var(--header-logo-band);
  max-height: var(--header-logo-band);
  overflow: hidden; /* clip scaled logos; inset-top gives them room off the viewport edge */
}
html body .master-wrapper-page .header .header-middle .center {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 0;
  overflow: visible;
}
html body .master-wrapper-page .header .flyout-cart-wrapper {
  margin-left: auto;
}

html body .master-wrapper-page .header .header-logo {
  width: auto !important;
  padding: 0 !important;
  vertical-align: middle !important;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
html body .master-wrapper-page .header .header-logo,
html body .master-wrapper-page .header .header-logo a,
html body .master-wrapper-page .header .header-logo a img {
  background: transparent !important;
  border: 0 !important;
  filter: none !important;
}
html body .master-wrapper-page .header .header-logo a {
  display: flex;
  align-items: center;
}
/* NAPA Auto Care stacked lockup (~1.24:1, transparent) — fit the WHOLE mark inside the
   band. No scale()/clip: that was for a horizontal mark and was chopping "AUTO CARE". */
html body .master-wrapper-page .header .header-logo a img {
  height: calc(var(--header-logo-band) - var(--header-logo-inset-top)) !important;
  width: auto !important;
  max-height: calc(var(--header-logo-band) - var(--header-logo-inset-top)) !important;
  max-width: none !important;
  transform: none !important;
  object-fit: contain;
}

html body .master-wrapper-page .header .header-upper a,
html body .master-wrapper-page .header .header-links a,
html body .master-wrapper-page .header .flyout-cart-wrapper,
html body .master-wrapper-page .header .flyout-cart-wrapper a,
html body .master-wrapper-page .header .flyout-cart-wrapper .cart-label,
html body .master-wrapper-page .header .flyout-cart-wrapper .cart-qty,
html body .master-wrapper-page .header .flyout-cart-wrapper .cart-amount {
  color: #ffffff !important;
  font-weight: 700;
}
html body .master-wrapper-page .header .flyout-cart-wrapper .ico-cart,
html body .master-wrapper-page .header .flyout-cart-wrapper [class*="ico"]:before {
  color: var(--napa-gold) !important;
}

/* SDMO center mark — styled in Header Widget (zone: header_before). See SDMONAPA-HeaderWidget.html */

/* ═══════════════════════════════════════════════════════════════════════════
   HOMEPAGE LAYOUT — collapse theme min-heights, single slider gap rule
   ═══════════════════════════════════════════════════════════════════════════ */
html body.home-page-body .master-wrapper-content { min-height: 0 !important; padding-bottom: 0 !important; }
html body.home-page-body .page.home-page { min-height: 0 !important; margin-bottom: 0 !important; }
html body.home-page-body .home-page .page-body { padding-bottom: 0 !important; margin-bottom: 0 !important; }
html body.home-page-body .center-1 { padding-bottom: 0 !important; }
html body.home-page-body .homepage-middle-wrapper,
html body.home-page-body .homepage-bottom-wrapper { margin: 0 !important; padding: 0 !important; }
html body.home-page-body .home-page-category-grid { margin-bottom: 0 !important; }
html body.home-page-body .two-columns-area {
  margin-bottom: 0 !important;
  padding-bottom: var(--sdmo-home-row-pad-bottom) !important;
  position: relative;
  z-index: 0;
  overflow: visible;
}

/* Single source for hero/slider vertical offset (replaces AAA -40px vs footer +30px fight) */
html body.home-page-body .two-columns-area-right .slider-wrapper {
  margin-top: 12px !important; /* knob: gap under header */
}
html body.home-page-body .two-columns-area-right .anywhereslider-slide > div {
  margin-top: 0 !important;
}

/* Slider shell */
.home-page-body .sdmo-hero-slider .anywhere-slider,
.home-page-body .gcc-hero-slider .anywhere-slider { background: none; }
.home-page-body .sdmo-hero-slider .slick-arrows,
.home-page-body .sdmo-hero-slider .slick-dots,
.home-page-body .gcc-hero-slider .anywhere-slider .slick-arrows,
.home-page-body .gcc-hero-slider .anywhere-slider .slick-dots { display: none !important; }
.home-page-body .sdmo-hero-slider .anywhereslider-slide.html-slide,
.home-page-body .gcc-hero-slider .anywhereslider-slide.html-slide { display: block; }

/* ═══════════════════════════════════════════════════════════════════════════
   HERO — NAPA card (.gcc-hero.napa-hero in Anywhere Slider widget)
   ═══════════════════════════════════════════════════════════════════════════ */
.home-page-body .gcc-hero.napa-hero {
  background: var(--napa-blue);
  border: var(--sdmo-card-border);
  border-radius: var(--sdmo-card-radius);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: var(--sdmo-card-shadow);
  color: #fff;
  padding: 28px 48px 22px; /* knob: was 44px 64px 36px */
  text-align: center;
  box-sizing: border-box;
}
.home-page-body .gcc-hero.napa-hero h1 {
  color: #fff;
  font-size: 1.75rem; /* knob: was 2.2rem */
  font-weight: 900;
  margin-bottom: 10px;
  letter-spacing: 0.01em;
}
.home-page-body .gcc-hero.napa-hero .gcc-hero-lead {
  color: #fff;
  opacity: 1;
  font-size: 1rem;
  font-weight: 700;
  max-width: 720px;
  margin: 0 auto 12px;
  line-height: 1.5;
}
.home-page-body .gcc-hero.napa-hero .gcc-hero-body {
  color: var(--napa-text-light);
  opacity: 1;
  font-size: 0.92rem;
  max-width: 760px;
  margin: 0 auto 8px;
  line-height: 1.45;
}
.home-page-body .gcc-hero.napa-hero .gcc-hero-cue {
  color: var(--napa-gold);
  font-size: 1.05rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  margin: 0 auto 10px;
}
.home-page-body .gcc-hero.napa-hero .gcc-hero-list {
  list-style: none;
  max-width: 720px;
  margin: 0 auto 12px;
  padding: 0;
  text-align: left;
  display: inline-block;
}
.home-page-body .gcc-hero.napa-hero .gcc-hero-list li {
  color: var(--napa-text-light);
  font-size: 0.95rem;
  line-height: 1.45;
  margin: 0 0 6px;
  padding-left: 22px;
  position: relative;
}
.home-page-body .gcc-hero.napa-hero .gcc-hero-list li:last-child { margin-bottom: 0; }
.home-page-body .gcc-hero.napa-hero .gcc-hero-list li:before {
  content: "›";
  position: absolute;
  left: 0;
  top: -1px;
  color: var(--napa-gold);
  font-weight: 900;
}
.home-page-body .gcc-hero.napa-hero .gcc-hero-list li strong {
  color: #fff;
  font-weight: 800;
}
.home-page-body .gcc-hero.napa-hero .gcc-hero-deadline {
  color: var(--napa-gold);
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 12px auto 14px;
}
.home-page-body .gcc-hero.napa-hero a.gcc-hero-cta {
  display: inline-block;
  background: var(--napa-gold);
  color: var(--napa-blue);
  font-weight: 800;
  padding: 12px 40px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 1rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.home-page-body .gcc-hero.napa-hero a.gcc-hero-cta:hover {
  background: var(--napa-gold-hover);
  color: var(--napa-blue);
}
.home-page-body .gcc-hero.napa-hero a:not(.gcc-hero-cta) { color: var(--napa-gold); }
.home-page-body .gcc-hero.napa-hero .gcc-hero-tag {
  color: var(--napa-gold);
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin: 4px 0 0;
}

/* Short viewports (typical 14" laptop ~768–900px tall at 100% zoom) */
@media (min-width: 769px) and (max-height: 860px) {
  :root {
    --header-logo-band: 145px;
    --header-logo-scale: 1.75;
  }
  .home-page-body .gcc-hero.napa-hero { padding: 20px 36px 18px; }
  .home-page-body .gcc-hero.napa-hero h1 { font-size: 1.5rem; margin-bottom: 8px; }
  .home-page-body .gcc-hero.napa-hero .gcc-hero-lead { font-size: 0.95rem; margin-bottom: 8px; }
  .home-page-body .gcc-hero.napa-hero .gcc-hero-body { font-size: 0.88rem; margin-bottom: 6px; }
  .home-page-body .gcc-hero.napa-hero .gcc-hero-cue { font-size: 1rem; margin-bottom: 8px; }
  .home-page-body .gcc-hero.napa-hero .gcc-hero-list { margin-bottom: 8px; }
  .home-page-body .gcc-hero.napa-hero .gcc-hero-list li { font-size: 0.88rem; margin-bottom: 4px; }
  html body.home-page-body .two-columns-area { padding-bottom: 28px !important; }
  html body.home-page-body .sdmo-featured-tee__frame { padding: 12px 10px 10px; gap: 10px; }
  html body.home-page-body a.sdmo-featured-tee__cta { font-size: 0.78rem; padding: 8px 10px; }
}

@media (max-width: 768px) {
  :root {
    --header-logo-band: 72px;
    --header-logo-scale: 1.6;
  }
  html body.home-page-body .two-columns-area-right .slider-wrapper { margin-top: 0 !important; }
  .home-page-body .gcc-hero.napa-hero { padding: 24px 20px 22px; }
  .home-page-body .gcc-hero.napa-hero h1 { font-size: 1.45rem; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   FOOTER — NAPA blue / gold
   ═══════════════════════════════════════════════════════════════════════════ */
html body.home-page-body .footer,
html body.home-page-body .footer-wrapper {
  position: relative;
  z-index: 2;
}
html body .footer,
html body .footer-wrapper { background: var(--napa-blue) !important; }
html body .footer .footer-upper,
html body .footer .footer-middle { background: var(--napa-blue) !important; }
html body .footer .footer-upper {
  border-top: 3px solid var(--napa-gold) !important;
  padding: 0 !important;
}
html body .footer .footer-lower {
  background: var(--napa-blue-dark) !important;
  padding: 0 !important;
}
html body .footer .footer-lower .center {
  padding: 8px 0 !important; /* theme default: 30px 0 */
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* Pavilion theme ships footer-middle at 60px 0 30px — override fully */
html body .footer .footer-middle {
  padding: 6px 0 10px !important;
}
html body .footer .footer-middle > .center {
  padding-top: 0 !important;
  margin-top: 0 !important;
  gap: 0 !important;
}
html body .footer .footer-block .title {
  margin: 0 0 4px !important;
  padding: 4px 0 0 !important;
  font-size: 0.95rem;
  line-height: 1.2;
}
html body .footer .footer-block .list {
  margin: 0 !important;
  padding: 0 !important;
}
html body .footer .footer-block li,
html body .footer .footer-block .list li {
  padding: 2px 0 !important;
  line-height: 1.35;
}
html body .footer .footer-block.quick-contact li {
  padding: 2px 0 4px !important;
}
html body .footer .footer-block.quick-contact span {
  padding: 0 0 0 24px !important;
}
html body .footer .footer-powered-by {
  margin: 0 !important;
}
html body .footer .footer-disclaimer {
  margin: 0 !important;
}

html body .footer .footer-block .title,
html body .footer .footer-block .title strong,
html body .footer .footer-middle strong,
html body .footer .footer-menu__title { color: var(--napa-gold) !important; }
html body .footer .footer-middle,
html body .footer .footer-middle li,
html body .footer .footer-middle span,
html body .footer .footer-block .list li,
html body .footer .quick-contact .list li span { color: var(--napa-text-light) !important; }
html body .footer a,
html body .footer .footer-menu__link,
html body .footer .footer-block a,
html body .footer .quick-contact .list a { color: var(--napa-gold) !important; }
html body .footer a:hover,
html body .footer .footer-menu__link:hover,
html body .footer .quick-contact .list a:hover { color: #ffffff !important; }
html body .footer .quick-contact .list .address:before,
html body .footer .quick-contact .list .email:before,
html body .footer .quick-contact .list .phone:before,
html body .footer .quick-contact [class*="ico"]:before { color: var(--napa-gold) !important; }
html body .footer .footer-lower,
html body .footer .footer-lower p,
html body .footer .footer-disclaimer,
html body .footer .footer-powered-by,
html body .footer .footer-lower a { color: #b9c6e6 !important; }
html body .footer .footer-lower a:hover { color: #ffffff !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   CROSS-PAGE — sidebar, buttons, chrome, checkout, product page
   ═══════════════════════════════════════════════════════════════════════════ */
.store-search-box,
.search-box-wrapper { display: none !important; }
.header-links .ico-wishlist,
.header-links .ico-compare-products { display: none; }
.accepted-payment-methods,
.accepted-payments { display: none; }
.overview .email-a-friend-button { display: none; }
.sub-category-grid { display: none !important; }

.block .title { background: #1A1A1A; color: var(--napa-gold); }
.block .title strong { color: var(--napa-gold); }
.block.block-category-navigation:empty { display: none; }

.button-1.add-to-cart-button,
.button-1.checkout-button { background-color: #F47920; color: #fff; font-weight: 700; }
.button-1.add-to-cart-button:hover,
.button-1.checkout-button:hover { background-color: #B85C10; color: #fff; }
a:hover { color: #F47920; }
.sdmo-hero-slider a:hover,
.gcc-hero-slider a:hover { color: #fff !important; }
.sdmo-hero-slider a[href^="mailto:"]:hover,
.gcc-hero-slider a[href^="mailto:"]:hover { color: #B85C10 !important; }

.checkout-page .select-shipping-address { display: none; }
.checkout-attributes dd input.textbox,
.checkout-attributes dd input[type="text"],
.checkout-attributes dd textarea { width: 100%; max-width: 360px; }

.product-details-page-body .breadcrumb { margin-top: -40px; margin-bottom: 8px; }

/* ═══════════════════════════════════════════════════════════════════════════
   HOMEPAGE — featured tee + hero as a matched card pair
   Widget: SDMONAPA-FeaturedTee.html → zone body_end_html_tag_before

   Hero width stays locked (708px @1024, 888px @1280). Tee panel height is synced to
   the hero card in SDMONAPA-FeaturedTee.html (ResizeObserver). Shared --sdmo-card-*
   tokens match gold border, radius, and shadow with .gcc-hero.napa-hero.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Empty category chrome — tee is the only left-column content on NAPA home */
html body.home-page-body .two-columns-area-left .category-navigation-list-wrapper:has(.category-navigation-list:empty),
html body.home-page-body .two-columns-area-left .category-navigation-list:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 1025px) {
  html body.home-page-body .two-columns-area > .center {
    display: flex !important;
    align-items: flex-start !important;
    gap: var(--sdmo-home-col-gap) !important;
    width: calc(245px + var(--sdmo-home-col-gap) + 708px) !important;
    max-width: calc(245px + var(--sdmo-home-col-gap) + 708px) !important;
  }
  html body.home-page-body .two-columns-area > .center:after {
    display: none !important;
  }
  html body.home-page-body .two-columns-area-left {
    float: none !important;
    width: 245px !important;
    max-width: 245px !important;
    flex: 0 0 245px !important;
    display: flex !important;
    flex-direction: column !important;
    z-index: auto !important;
  }
  html body.home-page-body .two-columns-area-right {
    float: none !important;
    width: 708px !important;
    max-width: 708px !important;
    min-width: 708px !important;
    flex: 0 0 708px !important;
    display: flex !important;
    flex-direction: column !important;
    z-index: auto !important;
  }
  /* Hero stays content-height; tee column stretches to match via align-items:stretch */
  html body.home-page-body .two-columns-area-right .slider-wrapper {
    flex: 0 0 auto !important;
    display: block !important;
    margin-bottom: 0 !important;
  }
  html body.home-page-body .two-columns-area-right .anywhere-slider,
  html body.home-page-body .two-columns-area-right .anywhereslider-slide,
  html body.home-page-body .two-columns-area-right .anywhereslider-slide > div {
    display: block !important;
    height: auto !important;
  }
  html body.home-page-body .two-columns-area-right .gcc-hero.napa-hero {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 1280px) {
  html body.home-page-body .two-columns-area > .center {
    width: calc(285px + var(--sdmo-home-col-gap) + 888px) !important;
    max-width: calc(285px + var(--sdmo-home-col-gap) + 888px) !important;
  }
  html body.home-page-body .two-columns-area-left {
    width: 285px !important;
    max-width: 285px !important;
    flex-basis: 285px !important;
  }
  html body.home-page-body .two-columns-area-right {
    width: 888px !important;
    max-width: 888px !important;
    min-width: 888px !important;
    flex-basis: 888px !important;
  }
}

html body.home-page-body .two-columns-area-left .sdmo-featured-tee {
  margin-top: 12px !important; /* knob: match .slider-wrapper margin-top */
  width: 100% !important;
  max-width: 245px !important;
  display: flex !important;
  flex-direction: column !important;
}

@media (min-width: 1280px) {
  html body.home-page-body .two-columns-area-left .sdmo-featured-tee {
    max-width: 285px !important;
  }
}

/* Tee panel — NAPA card shell (matches .gcc-hero.napa-hero); height synced to hero via widget JS */
html body.home-page-body .sdmo-featured-tee__frame {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding: 16px 14px 14px;
  background: var(--napa-blue);
  border: var(--sdmo-card-border);
  border-radius: var(--sdmo-card-radius);
  box-shadow: var(--sdmo-card-shadow);
  overflow: hidden;
}

/* Inner image well — rounded inset on blue card. Tight padding so the shirt
   fills the well and leaves minimal empty white around it. */
html body.home-page-body .sdmo-featured-tee__media {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(255, 194, 14, 0.35);
  border-radius: 10px;
  overflow: hidden;
}

html body.home-page-body .sdmo-featured-tee__frame.is-placeholder .sdmo-featured-tee__media {
  align-items: center;
  background: rgba(255, 255, 255, 0.12);
  border-style: dashed;
  border-color: rgba(255, 194, 14, 0.45);
}

html body.home-page-body .sdmo-featured-tee__frame.is-placeholder .sdmo-featured-tee__media:empty::after,
html body.home-page-body .sdmo-featured-tee__frame.is-placeholder .sdmo-featured-tee__media:not(:has(img[src]:not([src=""])))::after {
  content: "Featured tee image";
  color: var(--napa-text-light);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

html body.home-page-body .sdmo-featured-tee__img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center center;
  border-radius: 6px;
}

/* Product detail line under the image */
html body.home-page-body .sdmo-featured-tee__detail {
  flex: 0 0 auto;
  margin: 0;
  text-align: center;
  color: var(--napa-text-light);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.25;
}

html body.home-page-body a.sdmo-featured-tee__cta {
  flex: 0 0 auto;
  display: block;
  text-align: center;
  background: var(--napa-gold);
  color: var(--napa-blue);
  font-weight: 800;
  padding: 10px 12px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 0.82rem;
  line-height: 1.25;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

html body.home-page-body a.sdmo-featured-tee__cta:hover {
  background: var(--napa-gold-hover);
  color: var(--napa-blue);
}

@media (max-width: 1024px) {
  html body.home-page-body .two-columns-area-left .sdmo-featured-tee {
    margin: 0 0 16px !important;
    max-width: none !important;
  }
  html body.home-page-body .sdmo-featured-tee__frame {
    height: auto !important;
    min-height: 200px;
  }
  html body.home-page-body .sdmo-featured-tee__media {
    min-height: 160px;
  }
  html body.home-page-body .sdmo-featured-tee__img {
    max-height: 360px;
  }
}