/* Presentation overrides owned by BGS Commerce Styles. */
body {
  font-family: var(--bgs-font-body, Inter, ui-sans-serif, system-ui, sans-serif);
  font-size: var(--bgs-base-font-size, 16px);
  line-height: var(--bgs-line-height, 1.5);
}
:where(h1,h2,h3,h4,h5,h6,.bgs-product-card__title,.product_title) { font-family: var(--bgs-font-heading, inherit); }
:where(.bgs-btn,.button,button[type="submit"],input[type="submit"]) {
  min-height: var(--bgs-button-height, 44px);
  font-weight: var(--bgs-button-weight, 700);
  text-transform: var(--bgs-button-case, none);
  letter-spacing: var(--bgs-button-tracking, normal);
}

/* Let the selected pack colour the major reusable components. Component-tab
   colours remain stored and take over again when this option is disabled. */
.bgs-header .bgs-brand .custom-logo-link {
  width: min(var(--bgs-header-logo-width, 180px), 100%) !important;
  max-height: var(--bgs-header-logo-height, 44px) !important;
}
.bgs-header .bgs-brand .custom-logo {
  max-height: var(--bgs-header-logo-height, 44px) !important;
}
.bgs-header .bgs-brand__name {
  font-size: var(--bgs-header-brand-size, 20px) !important;
}
.bgs-mobile-menu__brand .custom-logo-link {
  width: min(calc(var(--bgs-header-logo-width, 180px) * .8), 180px, 100%) !important;
  max-height: min(calc(var(--bgs-header-logo-height, 44px) * .8), 64px) !important;
}
.bgs-mobile-menu__brand img,
.bgs-mobile-menu__brand .custom-logo {
  max-height: min(calc(var(--bgs-header-logo-height, 44px) * .8), 64px) !important;
}
.bgs-mobile-menu__brand > a:not(.custom-logo-link) {
  font-size: clamp(14px, calc(var(--bgs-header-brand-size, 20px) * .85), 28px);
}

.bgs-components-follow-pack.bgs-announcement-pack-colors .bgs-announcement {
  --bgs-announcement-bg: var(--bgs-primary) !important;
  --bgs-announcement-text: var(--bgs-primary-fg) !important;
  --bgs-announcement-link: var(--bgs-primary-fg) !important;
  --bgs-announcement-border: color-mix(in srgb, var(--bgs-primary) 78%, #000) !important;
  --bgs-announcement-pause-bg: var(--bgs-primary-fg) !important;
  --bgs-announcement-pause-text: var(--bgs-primary) !important;
}
.bgs-components-follow-pack.bgs-top-nav-pack-colors .bgs-header,
.bgs-components-follow-pack.bgs-top-nav-pack-colors .bgs-mobile-menu {
  --bgs-header-bg: var(--bgs-surface) !important;
  --bgs-header-text: var(--bgs-text) !important;
  --bgs-header-menu-color: var(--bgs-primary) !important;
  --bgs-header-menu-hover: var(--bgs-primary) !important;
  --bgs-header-icon-color: var(--bgs-primary) !important;
  --bgs-header-cart-pill-bg: var(--bgs-primary) !important;
  --bgs-header-cart-pill-text: var(--bgs-primary-fg) !important;
  --bgs-mobile-menu-bg: var(--bgs-surface) !important;
  --bgs-mobile-menu-link: var(--bgs-primary) !important;
}
.bgs-components-follow-pack.bgs-top-nav-pack-colors .bgs-header__action,
.bgs-components-follow-pack.bgs-top-nav-pack-colors .bgs-header__icon-btn,
.bgs-components-follow-pack.bgs-top-nav-pack-colors .bgs-header__cart {
  background: color-mix(in srgb, var(--bgs-primary) 9%, var(--bgs-surface));
}
.bgs-components-follow-pack.bgs-top-nav-pack-colors .bgs-header__action:hover,
.bgs-components-follow-pack.bgs-top-nav-pack-colors .bgs-header__icon-btn:hover,
.bgs-components-follow-pack.bgs-top-nav-pack-colors .bgs-header__cart:hover {
  color: var(--bgs-primary-fg);
  background: var(--bgs-primary);
}
.bgs-components-follow-pack.bgs-top-nav-pack-colors .bgs-header__nav-list > li > .sub-menu { background: var(--bgs-surface); border-color: var(--bgs-border); }
.bgs-components-follow-pack.bgs-top-nav-pack-colors .bgs-header__nav-list .sub-menu > li > a { color: color-mix(in srgb, var(--bgs-primary) 78%, var(--bgs-text)); }
.bgs-components-follow-pack.bgs-top-nav-pack-colors .bgs-header__nav-list .sub-menu > li > a:hover,
.bgs-components-follow-pack.bgs-top-nav-pack-colors .bgs-header__nav-list .sub-menu > .current-menu-item > a { color: var(--bgs-primary); background: color-mix(in srgb, var(--bgs-primary) 8%, transparent); }
.bgs-components-follow-pack.bgs-shop-banner-pack-colors .bgs-shop-banner {
  --bgs-shop-banner-bg: color-mix(in srgb, var(--bgs-primary) 8%, var(--bgs-surface)) !important;
  --bgs-shop-banner-gradient-start: color-mix(in srgb, var(--bgs-primary) 5%, var(--bgs-surface)) !important;
  --bgs-shop-banner-gradient-end: color-mix(in srgb, var(--bgs-primary) 14%, var(--bgs-surface)) !important;
  --bgs-shop-banner-title: var(--bgs-primary) !important;
  --bgs-shop-banner-crumb: var(--bgs-text) !important;
  --bgs-shop-banner-crumb-link: var(--bgs-primary) !important;
}
.bgs-components-follow-pack.bgs-shop-banner-pack-colors .bgs-breadcrumb,
.bgs-components-follow-pack.bgs-shop-banner-pack-colors .woocommerce-breadcrumb { border-color: color-mix(in srgb, var(--bgs-primary) 18%, var(--bgs-border)); }
.bgs-components-follow-pack.bgs-footer-pack-colors .bgs-footer {
  --bgs-footer-bg: var(--bgs-primary) !important;
  --bgs-footer-heading: var(--bgs-primary-fg) !important;
  --bgs-footer-text: color-mix(in srgb, var(--bgs-primary-fg) 76%, var(--bgs-primary)) !important;
  --bgs-footer-link: color-mix(in srgb, var(--bgs-primary-fg) 82%, var(--bgs-primary)) !important;
  --bgs-footer-link-hover: var(--bgs-primary-fg) !important;
  --bgs-footer-border: color-mix(in srgb, var(--bgs-primary-fg) 20%, var(--bgs-primary)) !important;
  --bgs-footer-button-bg: var(--bgs-primary-fg) !important;
  --bgs-footer-button-text: var(--bgs-primary) !important;
}
.bgs-components-follow-pack.bgs-footer-pack-colors .bgs-footer__newsletter-input {
  color: var(--bgs-primary-fg);
  background: color-mix(in srgb, var(--bgs-primary) 82%, #000);
}
.bgs-components-follow-pack.bgs-footer-pack-colors .bgs-footer__newsletter-input::placeholder { color: color-mix(in srgb, var(--bgs-primary-fg) 62%, transparent); }
.bgs-components-follow-pack.bgs-footer-pack-colors .bgs-service-promises { background: color-mix(in srgb, var(--bgs-primary) 7%, var(--bgs-surface)); border-color: color-mix(in srgb, var(--bgs-primary) 18%, var(--bgs-border)); }

/* BGS Store modules share the design system when widget coordination is
   enabled. Campaign imagery and semantic state colours remain module-owned. */
.bgs-store-widgets-follow-pack .t1-card { --t1-accent: var(--bgs-primary) !important; }
.bgs-store-widgets-follow-pack :where(.t1-form button[type="submit"],.t1-thankyou__btn) {
  color: var(--bgs-primary-fg) !important;
  background: var(--bgs-primary) !important;
  border-radius: var(--bgs-btn-radius) !important;
}
.bgs-store-widgets-follow-pack .t1-brand-rule { border-color: var(--bgs-primary) !important; background: var(--bgs-primary) !important; }
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-cookie-banner) .bgs-cookie-banner__inner {
  color: var(--bgs-primary-fg) !important;
  background: color-mix(in srgb, var(--bgs-primary) 88%, #000) !important;
  border-radius: var(--bgs-card-radius) !important;
}
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-cookie-banner) .bgs-cookie-banner__button {
  color: var(--bgs-primary) !important;
  background: var(--bgs-primary-fg) !important;
  border-radius: var(--bgs-btn-radius) !important;
}
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-side-cart) .bgs-side-cart-toggle {
  color: var(--bgs-primary-fg) !important;
  background: var(--bgs-primary) !important;
}
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-side-cart) .bgs-side-cart-toggle__count {
  color: var(--bgs-primary) !important;
  background: var(--bgs-primary-fg) !important;
}
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-side-cart) .bgs-side-cart-panel,
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-side-cart) .bgs-side-cart-body { color: var(--bgs-text) !important; background: var(--bgs-surface) !important; }
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-side-cart) .bgs-side-cart-footer { background: var(--bgs-surface-alt) !important; border-color: var(--bgs-border) !important; }
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-side-cart) .bgs-side-cart-footer__checkout,
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-side-cart) .bgs-side-cart-empty-state__button {
  color: var(--bgs-primary-fg) !important;
  background: var(--bgs-primary) !important;
  border-radius: var(--bgs-btn-radius) !important;
}

/* Content-led modules: surfaces, type, borders, and accents. */
.bgs-store-widgets-follow-pack .bgs-faq {
  --bgs-faq-bg: var(--bgs-bg) !important;
  --bgs-faq-item-bg: var(--bgs-surface) !important;
  --bgs-faq-border: var(--bgs-border) !important;
  --bgs-faq-title: var(--bgs-text) !important;
  --bgs-faq-question: var(--bgs-text) !important;
  --bgs-faq-desc: var(--bgs-muted) !important;
  --bgs-faq-answer: var(--bgs-muted) !important;
  --bgs-faq-eyebrow: var(--bgs-primary) !important;
  --bgs-faq-icon: var(--bgs-primary) !important;
}
.bgs-store-widgets-follow-pack .bgs-brand-grid {
  --bgs-brand-grid-bg: var(--bgs-bg) !important;
  --bgs-brand-grid-heading: var(--bgs-text) !important;
  --bgs-brand-grid-title: var(--bgs-text) !important;
  --bgs-brand-grid-text: var(--bgs-muted) !important;
  --bgs-brand-grid-trust-bg: color-mix(in srgb, var(--bgs-primary) 9%, var(--bgs-surface)) !important;
  --bgs-brand-grid-trust-color: var(--bgs-primary) !important;
}
.bgs-store-widgets-follow-pack .bgs-savings-tiers {
  --bgs-savings-bg: var(--bgs-bg) !important;
  --bgs-savings-heading: var(--bgs-text) !important;
  --bgs-savings-text: var(--bgs-muted) !important;
  --bgs-savings-accent: var(--bgs-primary) !important;
  --bgs-savings-icon: var(--bgs-primary) !important;
  --bgs-savings-divider: var(--bgs-border) !important;
}
.bgs-store-widgets-follow-pack .bgs-contact-us {
  --bgs-contact-section-bg: var(--bgs-bg) !important;
  --bgs-contact-panel-bg: var(--bgs-surface) !important;
  --bgs-contact-title: var(--bgs-text) !important;
  --bgs-contact-text: var(--bgs-muted) !important;
  --bgs-contact-accent: var(--bgs-primary) !important;
  --bgs-contact-input-bg: var(--bgs-surface) !important;
  --bgs-contact-input-border: var(--bgs-border) !important;
  --bgs-contact-button-bg: var(--bgs-primary) !important;
  --bgs-contact-button-text: var(--bgs-primary-fg) !important;
  --bgs-contact-panel-radius: var(--bgs-card-radius) !important;
  --bgs-contact-input-radius: var(--bgs-radius) !important;
  --bgs-contact-button-radius: var(--bgs-btn-radius) !important;
}
.bgs-store-widgets-follow-pack .bgs-category-collection {
  --bgs-category-section-bg: var(--bgs-bg) !important;
  --bgs-category-header-bg: var(--bgs-primary) !important;
  --bgs-category-header-text: var(--bgs-primary-fg) !important;
  --bgs-category-content-text: var(--bgs-muted) !important;
  --bgs-category-button-bg: var(--bgs-primary-fg) !important;
  --bgs-category-button-text: var(--bgs-primary) !important;
  --bgs-category-shop-border: var(--bgs-border) !important;
  --bgs-category-header-radius: var(--bgs-card-radius) !important;
}
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-shop-by-category) .bgs-category-card,
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-featured-products) .bgs-product-card,
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-recently-viewed-products) .bgs-rvp-card {
  border-color: var(--bgs-border) !important;
  border-radius: var(--bgs-card-radius) !important;
  box-shadow: var(--bgs-shadow-sm) !important;
}
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-shop-by-category) .bgs-category-card__cta,
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-featured-products) .bgs-product-card__cta { color: var(--bgs-primary) !important; }

/* Reviews and testimonials keep star gold while adopting the active pack. */
.bgs-store-widgets-follow-pack .bgs-testimonials {
  --bgs-testimonials-bg: var(--bgs-bg) !important;
  --bgs-testimonials-card-bg: var(--bgs-surface) !important;
  --bgs-testimonials-border: var(--bgs-border) !important;
  --bgs-testimonials-title: var(--bgs-text) !important;
  --bgs-testimonials-text: var(--bgs-muted) !important;
  --bgs-testimonials-author: var(--bgs-text) !important;
  --bgs-testimonials-eyebrow: var(--bgs-primary) !important;
  --bgs-testimonials-stars: var(--bgs-warning) !important;
  --bgs-testimonials-avatar-bg: color-mix(in srgb, var(--bgs-primary) 12%, var(--bgs-surface)) !important;
  --bgs-testimonials-avatar-text: var(--bgs-primary) !important;
}
.bgs-store-widgets-follow-pack .bgs-testimonial-carousel {
  --bgs-testimonial-carousel-bg: var(--bgs-bg) !important;
  --bgs-testimonial-carousel-card-bg: var(--bgs-surface) !important;
  --bgs-testimonial-carousel-border: var(--bgs-border) !important;
  --bgs-testimonial-carousel-title: var(--bgs-text) !important;
  --bgs-testimonial-carousel-text: var(--bgs-muted) !important;
  --bgs-testimonial-carousel-description: var(--bgs-muted) !important;
  --bgs-testimonial-carousel-author: var(--bgs-text) !important;
  --bgs-testimonial-carousel-product: var(--bgs-muted) !important;
  --bgs-testimonial-carousel-stars: var(--bgs-warning) !important;
  --bgs-testimonial-carousel-button-bg: var(--bgs-primary) !important;
  --bgs-testimonial-carousel-button-icon: var(--bgs-primary-fg) !important;
}
.bgs-store-widgets-follow-pack .bgs-compact-testimonial-carousel {
  --bgs-compact-testimonial-carousel-bg: var(--bgs-bg) !important;
  --bgs-compact-testimonial-carousel-card-bg: var(--bgs-surface) !important;
  --bgs-compact-testimonial-carousel-border: var(--bgs-border) !important;
  --bgs-compact-testimonial-carousel-title: var(--bgs-text) !important;
  --bgs-compact-testimonial-carousel-text: var(--bgs-muted) !important;
  --bgs-compact-testimonial-carousel-author: var(--bgs-text) !important;
  --bgs-compact-testimonial-carousel-product: var(--bgs-muted) !important;
  --bgs-compact-testimonial-carousel-eyebrow: var(--bgs-primary) !important;
  --bgs-compact-testimonial-carousel-stars: var(--bgs-warning) !important;
  --bgs-compact-testimonial-carousel-dot: var(--bgs-border) !important;
}
.bgs-store-widgets-follow-pack .bgs-layered-testimonial-carousel {
  --bgs-layered-testimonial-carousel-bg: var(--bgs-bg) !important;
  --bgs-layered-testimonial-carousel-image-bg: var(--bgs-surface-alt) !important;
  --bgs-layered-testimonial-carousel-border: var(--bgs-border) !important;
  --bgs-layered-testimonial-carousel-title: var(--bgs-text) !important;
  --bgs-layered-testimonial-carousel-text: var(--bgs-muted) !important;
  --bgs-layered-testimonial-carousel-description: var(--bgs-muted) !important;
  --bgs-layered-testimonial-carousel-author: var(--bgs-text) !important;
  --bgs-layered-testimonial-carousel-product: var(--bgs-muted) !important;
  --bgs-layered-testimonial-carousel-eyebrow: var(--bgs-primary) !important;
  --bgs-layered-testimonial-carousel-stars: var(--bgs-warning) !important;
  --bgs-layered-testimonial-carousel-button-bg: var(--bgs-primary) !important;
  --bgs-layered-testimonial-carousel-button-border: var(--bgs-primary) !important;
  --bgs-layered-testimonial-carousel-button-icon: var(--bgs-primary-fg) !important;
}
.bgs-store-widgets-follow-pack .bgs-advanced-reviews {
  --bgs-ar-title: var(--bgs-text) !important;
  --bgs-ar-desc: var(--bgs-muted) !important;
  --bgs-ar-stars: var(--bgs-warning) !important;
  --bgs-ar-btn-bg: var(--bgs-primary) !important;
  --bgs-ar-btn-color: var(--bgs-primary-fg) !important;
}

/* Promotional modules retain their art and overlays; CTAs and shape follow. */
.bgs-store-widgets-follow-pack .bgs-hero {
  --bgs-hero-primary-bg: var(--bgs-primary) !important;
  --bgs-hero-primary-bg-hover: color-mix(in srgb, var(--bgs-primary) 82%, #000) !important;
  --bgs-hero-primary-border: var(--bgs-primary) !important;
  --bgs-hero-primary-text: var(--bgs-primary-fg) !important;
  --bgs-hero-primary-text-hover: var(--bgs-primary-fg) !important;
  --bgs-hero-dot-active-color: var(--bgs-primary) !important;
  --bgs-hero-arrow-bg: var(--bgs-surface) !important;
  --bgs-hero-arrow-bg-hover: var(--bgs-primary) !important;
  --bgs-hero-arrow-color: var(--bgs-primary) !important;
}
.bgs-store-widgets-follow-pack .bgs-flash-sale {
  --bgs-flash-section-bg: var(--bgs-bg) !important;
  --bgs-flash-badge-bg: var(--bgs-sale) !important;
  --bgs-flash-badge-text: #fff !important;
  --bgs-flash-button-bg: var(--bgs-primary) !important;
  --bgs-flash-button-text: var(--bgs-primary-fg) !important;
  --bgs-flash-radius: var(--bgs-card-radius) !important;
}
.bgs-store-widgets-follow-pack .bgs-product-feature-banner {
  --bgs-feature-banner-section-bg: var(--bgs-bg) !important;
  --bgs-feature-banner-card-bg: color-mix(in srgb, var(--bgs-primary) 8%, var(--bgs-surface)) !important;
  --bgs-feature-banner-title: var(--bgs-text) !important;
  --bgs-feature-banner-badge-bg: var(--bgs-primary) !important;
  --bgs-feature-banner-badge-text: var(--bgs-primary-fg) !important;
  --bgs-feature-banner-button-bg: var(--bgs-primary) !important;
  --bgs-feature-banner-button-text: var(--bgs-primary-fg) !important;
  --bgs-feature-banner-radius: var(--bgs-card-radius) !important;
}
.bgs-store-widgets-follow-pack .bgs-easter-offer {
  --bgs-easter-button-bg: var(--bgs-primary) !important;
  --bgs-easter-button-text: var(--bgs-primary-fg) !important;
  --bgs-easter-button-radius: var(--bgs-btn-radius) !important;
  --bgs-easter-radius: var(--bgs-card-radius) !important;
}
.bgs-store-widgets-follow-pack .bgs-offer-image-banner {
  --bgs-offer-button-bg: var(--bgs-primary) !important;
  --bgs-offer-button-text: var(--bgs-primary-fg) !important;
  --bgs-offer-button-radius: var(--bgs-btn-radius) !important;
  --bgs-offer-radius: var(--bgs-card-radius) !important;
}
.bgs-store-widgets-follow-pack .bgs-image-offer-centered {
  --bgs-centered-offer-section-bg: var(--bgs-bg) !important;
  --bgs-centered-offer-card-bg: color-mix(in srgb, var(--bgs-primary) 10%, var(--bgs-surface)) !important;
  --bgs-centered-offer-accent: var(--bgs-primary) !important;
  --bgs-centered-offer-feature-text: var(--bgs-text) !important;
  --bgs-centered-offer-action-text: var(--bgs-text) !important;
  --bgs-centered-offer-button-bg: var(--bgs-primary) !important;
  --bgs-centered-offer-button-text: var(--bgs-primary-fg) !important;
  --bgs-centered-offer-button-radius: var(--bgs-btn-radius) !important;
  --bgs-centered-offer-radius: var(--bgs-card-radius) !important;
}
.bgs-store-widgets-follow-pack .bgs-product-promo {
  --bgs-promo-bg: var(--bgs-bg) !important;
  --bgs-promo-heading: var(--bgs-text) !important;
  --bgs-promo-accent: var(--bgs-primary) !important;
  --bgs-promo-button-bg: var(--bgs-primary) !important;
  --bgs-promo-button-text: var(--bgs-primary-fg) !important;
}
.bgs-store-widgets-follow-pack .bgs-product-section {
  --bgs-product-section-bg: var(--bgs-bg) !important;
  --bgs-product-section-title: var(--bgs-text) !important;
  --bgs-product-section-description: var(--bgs-muted) !important;
  --bgs-product-section-eyebrow: var(--bgs-primary) !important;
  --bgs-product-section-button-bg: var(--bgs-primary) !important;
  --bgs-product-section-button-text: var(--bgs-primary-fg) !important;
  --bgs-product-section-button-radius: var(--bgs-btn-radius) !important;
  --bgs-product-section-image-radius: var(--bgs-card-radius) !important;
}
.bgs-store-widgets-follow-pack .bgs-countdown-timer { --bgs-countdown-digits: var(--bgs-primary) !important; }
.bgs-store-widgets-follow-pack .bgs-trust-bar {
  --bgs-trust-bar-bg: color-mix(in srgb, var(--bgs-primary) 7%, var(--bgs-surface)) !important;
  --bgs-trust-bar-title: var(--bgs-text) !important;
  --bgs-trust-bar-text: var(--bgs-muted) !important;
  --bgs-trust-bar-icon: var(--bgs-primary) !important;
}
.bgs-store-widgets-follow-pack .bgs-wide-range {
  --bgs-wide-range-title: var(--bgs-primary-fg) !important;
  --bgs-wide-range-card-bg: var(--bgs-surface) !important;
  --bgs-wide-range-card-text: var(--bgs-primary) !important;
}

/* Commerce utilities and overlays. */
.bgs-store-widgets-follow-pack .bgs-mix-match {
  --bgs-mix-match-accent: var(--bgs-primary) !important;
  --bgs-mix-match-bg: var(--bgs-surface) !important;
  --bgs-mix-match-border: var(--bgs-border) !important;
  --bgs-mix-match-text: var(--bgs-text) !important;
}
.bgs-store-widgets-follow-pack .bgs-login-popup {
  --bgs-login-popup-bg: var(--bgs-surface) !important;
  --bgs-login-popup-title: var(--bgs-text) !important;
  --bgs-login-popup-text: var(--bgs-muted) !important;
  --bgs-login-popup-link: var(--bgs-primary) !important;
  --bgs-login-popup-link-hover: color-mix(in srgb, var(--bgs-primary) 78%, #000) !important;
  --bgs-login-popup-btn-bg: var(--bgs-primary) !important;
  --bgs-login-popup-btn-bg-hover: color-mix(in srgb, var(--bgs-primary) 82%, #000) !important;
  --bgs-login-popup-btn-color: var(--bgs-primary-fg) !important;
  --bgs-login-popup-btn-color-hover: var(--bgs-primary-fg) !important;
  --bgs-login-popup-btn-border: var(--bgs-primary) !important;
  --bgs-login-popup-btn-border-hover: color-mix(in srgb, var(--bgs-primary) 82%, #000) !important;
  --bgs-login-popup-footer-bg: var(--bgs-surface-alt) !important;
  --bgs-login-popup-footer-text: var(--bgs-muted) !important;
  --bgs-login-popup-footer-link: var(--bgs-primary) !important;
  --bgs-login-popup-footer-link-hover: color-mix(in srgb, var(--bgs-primary) 78%, #000) !important;
  --bgs-login-popup-login-text: var(--bgs-primary) !important;
  --bgs-login-popup-login-text-hover: color-mix(in srgb, var(--bgs-primary) 78%, #000) !important;
}
.bgs-store-widgets-follow-pack .bgs-store-wishlist-page {
  --bgs-wishlist-btn-bg: var(--bgs-primary) !important;
  --bgs-wishlist-btn-bg-hover: color-mix(in srgb, var(--bgs-primary) 82%, #000) !important;
  --bgs-wishlist-btn-text: var(--bgs-primary-fg) !important;
  --bgs-wishlist-btn-text-hover: var(--bgs-primary-fg) !important;
  --bgs-wishlist-links: var(--bgs-primary) !important;
  --bgs-wishlist-links-hover: color-mix(in srgb, var(--bgs-primary) 78%, #000) !important;
  --bgs-wishlist-table-head: var(--bgs-surface) !important;
  --bgs-wishlist-table-body: var(--bgs-surface-alt) !important;
  --bgs-wishlist-table-text: var(--bgs-text) !important;
}
.bgs-store-widgets-follow-pack .bgs-quick-view-card__price {
  --bgs-qv-sale: var(--bgs-sale) !important;
  --bgs-qv-regular: var(--bgs-muted) !important;
}
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-buy-now) .bgs-buy-now-options__button,
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-added-to-cart-popup) .bgs-added-to-cart-popup__btn--main,
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-waitlist) .bgs-store-waitlist__form button,
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-frequently-bought-together) .bgs-fbt .button,
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-sticky-add-to-cart) .bgs-sticky-atc__button,
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-quick-view) .bgs-quick-view-card__button:not(.bgs-quick-view-card__button--alt),
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-advanced-reviews) .bgs-advanced-reviews__write-btn,
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-advanced-reviews) .bgs-advanced-reviews__submit {
  color: var(--bgs-primary-fg) !important;
  background: var(--bgs-primary) !important;
  border-color: var(--bgs-primary) !important;
  border-radius: var(--bgs-btn-radius) !important;
}
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-buy-now) .bgs-buy-now-modal__panel,
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-added-to-cart-popup) .bgs-added-to-cart-popup__dialog,
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-size-chart) .bgs-size-chart-modal__dialog,
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-quick-view) .bgs-quick-view-modal__dialog,
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-login-popup) .bgs-login-popup__dialog {
  color: var(--bgs-text) !important;
  background: var(--bgs-surface) !important;
  border-color: var(--bgs-border) !important;
  border-radius: var(--bgs-card-radius) !important;
  box-shadow: var(--bgs-shadow-2xl) !important;
}
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-size-chart) .bgs-size-chart-trigger { color: var(--bgs-primary) !important; }
.bgs-store-widgets-follow-pack:not(.bgs-store-widget-custom-size-chart) .bgs-size-chart-trigger > span { color: inherit !important; }

/* Shop filters. */
@media (min-width: 900px) {
  .bgs-shop-layout--open { grid-template-columns: var(--bgs-filter-width, 280px) minmax(0,1fr); }
  .bgs-shop-layout--sidebar-right.bgs-shop-layout--open { grid-template-columns: minmax(0,1fr) var(--bgs-filter-width, 280px); }
  .bgs-filters-sticky .bgs-shop-sidebar { position: sticky; top: 88px; align-self: start; }
  .bgs-filters-static .bgs-shop-sidebar { position: static; }
}
.bgs-filter-swatches { gap: calc(var(--bgs-filter-swatch-size, 30px) * .3); }
.bgs-filter-swatch,
.bgs-filter-swatches a { width: var(--bgs-filter-swatch-size, 30px); height: var(--bgs-filter-swatch-size, 30px); }
.bgs-filter-swatches-circle .bgs-filter-swatch,
.bgs-filter-swatches-circle .bgs-filter-swatches a { border-radius: 50%; }
.bgs-filter-swatches-rounded .bgs-filter-swatch,
.bgs-filter-swatches-rounded .bgs-filter-swatches a { border-radius: 7px; }
.bgs-filter-swatches-square .bgs-filter-swatch,
.bgs-filter-swatches-square .bgs-filter-swatches a { border-radius: 0; }
.bgs-filter-density-compact .bgs-filter-section { padding-block: 14px; }
.bgs-filter-density-spacious .bgs-filter-section { padding-block: 28px; }

/* Cart page. */
@media (min-width: 900px) {
  .bgs-cart-page__layout { grid-template-columns: minmax(0,1fr) var(--bgs-cart-summary-width, 360px); }
  .bgs-cart-summary-static .bgs-cart-page__summary { position: static; }
}
.bgs-cart-item { grid-template-columns: var(--bgs-cart-image-size, 88px) minmax(0,1fr) auto auto auto; }
.bgs-cart-item__media { width: var(--bgs-cart-image-size, 88px); height: var(--bgs-cart-image-size, 88px); }
.bgs-cart-density-compact .bgs-cart-item { padding-block: 14px; }
.bgs-cart-density-spacious .bgs-cart-item { padding-block: 32px; }
.bgs-hide-cart-secure .bgs-cart-summary__secure,
.bgs-hide-cart-payments .bgs-cart-summary__payments { display: none !important; }

/* Mini-cart drawer. */
.bgs-cart-drawer__backdrop { background: var(--bgs-drawer-overlay, rgb(0 0 0 / .45)); backdrop-filter: blur(var(--bgs-drawer-blur, 3px)); }
.bgs-cart-drawer__panel { max-width: var(--bgs-drawer-width, 440px); }
.bgs-drawer-side-left .bgs-cart-drawer__panel { left: 0; right: auto; transform: translateX(-100%); box-shadow: 12px 0 60px rgb(0 0 0 / .14); }
.bgs-drawer-side-left .bgs-cart-drawer.is-open .bgs-cart-drawer__panel { transform: translateX(0); }
.bgs-drawer-density-compact .bgs-cart-drawer__item { padding-block: 12px; }
.bgs-drawer-density-spacious .bgs-cart-drawer__item { padding-block: 24px; }

/* Search overlay and results. */
.bgs-search-overlay-light .bgs-search-overlay__backdrop { background: rgb(255 255 255 / .94); }
.bgs-search-overlay-light .bgs-search-overlay__panel,
.bgs-search-overlay-light .bgs-search-overlay__close,
.bgs-search-overlay-light .bgs-search-overlay input[type="search"] { color: var(--bgs-text); }
.bgs-search-overlay-brand .bgs-search-overlay__backdrop { background: color-mix(in srgb, var(--bgs-primary) 92%, transparent); }
.bgs-search-grid { grid-template-columns: repeat(var(--bgs-search-columns, 3), minmax(0,1fr)); }
.bgs-search-card,.bgs-search-hero__panel,.bgs-search-empty,.bgs-search-page .page-numbers { border-radius: var(--bgs-search-card-radius, 8px); }
.bgs-search-card__media { aspect-ratio: var(--bgs-search-media-ratio, 4 / 5); }
@media (max-width: 900px) { .bgs-search-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .bgs-search-grid { grid-template-columns: 1fr; } }

/* Customer account. */
@media (min-width: 760px) { .bgs-account-layout { grid-template-columns: var(--bgs-account-nav-width, 220px) minmax(0,1fr); } }
.bgs-account-user,.bgs-account-nav ul,.bgs-account-content,.bgs-account-card { border-radius: var(--bgs-account-radius, 20px); }
.bgs-account-elevation-flat :where(.bgs-account-user,.bgs-account-nav ul,.bgs-account-content) { box-shadow: none; border: 1px solid var(--bgs-border); }
.bgs-account-elevation-raised :where(.bgs-account-user,.bgs-account-nav ul,.bgs-account-content) { box-shadow: var(--bgs-shadow-lg); }
.bgs-account-density-compact .bgs-account-content { padding: 22px; }
.bgs-account-density-spacious .bgs-account-content { padding: 44px; }

/* Mobile navigation. */
.bgs-mobile-menu__backdrop { background: var(--bgs-mobile-overlay, rgb(0 0 0 / .45)); backdrop-filter: blur(var(--bgs-mobile-blur, 0px)); }
.bgs-mobile-menu__panel { width: min(92vw, var(--bgs-mobile-menu-width, 320px)); }
.bgs-mobile-menu-side-right .bgs-mobile-menu__panel { left: auto; right: 0; animation-name: bgs-styles-slide-in-right; }
@keyframes bgs-styles-slide-in-right { from { transform: translateX(100%); } to { transform: translateX(0); } }
.bgs-mobile-menu-density-compact .bgs-mobile-menu__list a { padding-block: 10px; }
.bgs-mobile-menu-density-spacious .bgs-mobile-menu__list a { padding-block: 18px; }

/* Toast notifications. */
.bgs-toast { max-width: var(--bgs-toast-width, 340px); border-radius: var(--bgs-toast-radius, 12px); background: var(--bgs-text); color: var(--bgs-surface); }
.bgs-toast-bottom-left .bgs-toast { left: 24px; right: auto; }
.bgs-toast-top-right .bgs-toast { top: 56px; bottom: auto; }
.bgs-toast-top-left .bgs-toast { top: 56px; bottom: auto; left: 24px; right: auto; }
.bgs-toast-bottom-center .bgs-toast { left: 50%; right: auto; transform: translate(-50%,16px); }
.bgs-toast-bottom-center .bgs-toast--visible { transform: translate(-50%,0); }

/* Previously hardcoded semantic accents. */
.bgs-cart-summary__row--discount > span { color: var(--bgs-success, var(--bgs-new)) !important; }
.bgs-cart-drawer__added-head,.bgs-cart-drawer__added-icon { color: var(--bgs-success, var(--bgs-new)); }
.woocommerce-error { border-color: var(--bgs-error, var(--bgs-sale)); }