/*
 * Denuino Storefront Professional Contract
 * Final public-only composition layer. Theme packages provide visual tokens;
 * this file owns customer-facing geometry and responsive invariants.
 */

body[data-theme-engine="universal"]:not(.admin-root) {
  --storefront-content-max: min(1680px, calc(100vw - 32px));
  --storefront-gutter: clamp(12px, 2vw, 28px);
  --storefront-section-gap: clamp(14px, 1.6vw, 24px);
  --storefront-control-height: 44px;
  --storefront-rail-width: clamp(204px, 15vw, 228px);
  --storefront-support-width: clamp(216px, 16vw, 244px);
  min-inline-size: 320px;
  color: var(--ui-text);
  background: var(--ui-bg);
}

body[data-theme-engine="universal"]:not(.admin-root),
body[data-theme-engine="universal"]:not(.admin-root) *,
body[data-theme-engine="universal"]:not(.admin-root) *::before,
body[data-theme-engine="universal"]:not(.admin-root) *::after {
  box-sizing: border-box;
}

body[data-theme-engine="universal"]:not(.admin-root) :where(img, video, svg, canvas, iframe) {
  max-inline-size: 100%;
}

body[data-theme-engine="universal"]:not(.admin-root) :where(button, input, select, textarea, a) {
  min-inline-size: 0;
}

body[data-theme-engine="universal"]:not(.admin-root) :where(button, input, select, textarea):focus-visible,
body[data-theme-engine="universal"]:not(.admin-root) a:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ui-accent) 45%, transparent);
  outline-offset: 2px;
}

/* One configurable, professional storefront masthead. */
body[data-theme-engine="universal"]:not(.admin-root) .theme-universal-header {
  z-index: 80;
  color: var(--header-shell-text, var(--ui-text));
  border: 0 !important;
  border-bottom: 1px solid var(--header-shell-border, var(--ui-border)) !important;
  background: color-mix(in srgb, var(--header-shell-bg, #fff) var(--store-nav-opacity, 100%), transparent) !important;
  box-shadow: 0 8px 26px color-mix(in srgb, #10233c 8%, transparent) !important;
  backdrop-filter: blur(var(--store-nav-blur, 0px));
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-u-head {
  min-block-size: 86px !important;
  display: grid !important;
  grid-template-columns: minmax(170px, 220px) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(20px, 2.4vw, 38px) !important;
  padding-block: 12px !important;
  overflow: visible !important;
}

body[data-theme-engine="universal"]:not(.admin-root).storefront-navbar-contained .theme-u-head {
  inline-size: min(calc(100% - (2 * var(--storefront-gutter))), 1480px) !important;
}

body[data-theme-engine="universal"]:not(.admin-root).storefront-navbar-full .theme-u-head {
  inline-size: min(calc(100% - (2 * var(--storefront-gutter))), 1680px) !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-u-items {
  min-inline-size: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-u-items > .theme-u-search {
  flex: 1 1 420px;
  min-inline-size: 220px;
  margin-inline-end: clamp(10px, 1.5vw, 24px);
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-u-items > :not(.theme-u-search) {
  flex: 0 0 auto;
}

body[data-theme-engine="universal"]:not(.admin-root) :where(.theme-u-nav-link, .theme-u-account, .theme-u-cart) {
  min-block-size: var(--storefront-control-height) !important;
  min-inline-size: 44px;
  max-inline-size: 190px;
  position: relative;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: var(--header-link-text, var(--ui-text));
  text-decoration: none;
  white-space: nowrap;
  font-size: .91rem;
  font-weight: 650;
  transition: color .18s ease, background-color .18s ease;
}

body[data-theme-engine="universal"]:not(.admin-root) :where(.theme-u-nav-link, .theme-u-account, .theme-u-cart):hover {
  background: color-mix(in srgb, var(--ui-accent) 8%, transparent);
  color: var(--ui-accent-strong, #087f67);
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-u-nav-link.is-active {
  color: var(--ui-accent-strong, #087f67) !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-u-nav-link.is-active::after {
  content: "";
  position: absolute;
  inset-inline: 10px;
  inset-block-end: -13px;
  block-size: 3px;
  border-radius: 99px;
  background: #20b98f;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-u-items .theme-u-search {
  min-block-size: 48px;
  padding: 3px 4px 3px 0;
  border: 1px solid var(--header-shell-border, var(--ui-border));
  border-radius: 14px;
  background: var(--header-search-bg, var(--ui-control-bg));
  color: var(--header-search-text, var(--ui-text));
  box-shadow: 0 3px 12px color-mix(in srgb, #19324c 6%, transparent);
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-u-search .header-search-field {
  min-inline-size: 0;
  flex: 1 1 auto;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-u-search .form-control {
  inline-size: 100%;
  min-block-size: 40px;
  padding-inline: 16px;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-u-items .header-search-submit {
  inline-size: 42px !important;
  block-size: 42px !important;
  flex: 0 0 42px;
  border-radius: 11px !important;
  background: var(--header-search-button-bg, var(--ui-button-bg)) !important;
  color: var(--header-search-button-text, var(--ui-button-text)) !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-u-items .header-nav-icon {
  inline-size: 20px;
  block-size: 20px;
  flex: 0 0 20px;
  object-fit: contain;
}

body[data-theme-engine="universal"]:not(.admin-root) .header-nav-svg,
body[data-theme-engine="universal"]:not(.admin-root) .theme-u-account > svg {
  inline-size: 20px;
  block-size: 20px;
  flex: 0 0 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-u-language,
body[data-theme-engine="universal"]:not(.admin-root) .theme-u-currency,
body[data-theme-engine="universal"]:not(.admin-root) .theme-u-account:not(.theme-u-profile) {
  margin-inline-start: 5px;
  border: 1px solid var(--ui-border) !important;
  border-radius: 11px !important;
  background: var(--ui-control-bg) !important;
}

body[data-theme-engine="universal"]:not(.admin-root) :where(.theme-u-language, .theme-u-currency) select {
  min-block-size: var(--storefront-control-height);
  padding-inline: 12px 30px;
  border: 0;
  border-radius: inherit;
  background-color: transparent;
  color: var(--ui-text);
  font-weight: 650;
}

body[data-theme-engine="universal"]:not(.admin-root) .header-cart-count {
  min-inline-size: 20px;
  block-size: 20px;
  padding-inline: 5px;
  border-radius: 999px;
  background: #1eb980;
  color: #fff;
  font-size: .7rem;
  line-height: 20px;
  text-align: center;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-u-menu-toggle {
  display: none;
}

body[data-theme-engine="universal"]:not(.admin-root).storefront-content-centered {
  --storefront-content-max: min(1240px, calc(100vw - 2 * var(--storefront-gutter)));
}

body[data-theme-engine="universal"]:not(.admin-root).storefront-content-full {
  --storefront-content-max: calc(100vw - 2 * var(--storefront-gutter));
}

body[data-theme-engine="universal"]:not(.admin-root) {
  background: var(--store-page-bg, var(--ui-bg)) !important;
}

/* The customer homepage owns its composition. A theme shell rail must never
   consume the canvas and create a rail-inside-rail layout. */
body[data-theme-engine="universal"]:not(.admin-root).store-page-shop-index .theme-universal-workspace {
  display: grid !important;
  grid-template: "main" auto / minmax(0, 1fr) !important;
  inline-size: 100% !important;
}

body[data-theme-engine="universal"]:not(.admin-root).store-page-shop-index .theme-universal-sidebar {
  display: none !important;
}

body[data-theme-engine="universal"]:not(.admin-root).store-page-shop-index .theme-universal-main {
  grid-area: main !important;
  inline-size: 100% !important;
  min-inline-size: 0 !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .storefront-home,
body[data-theme-engine="universal"]:not(.admin-root).store-page-shop-index .storefront-stage {
  inline-size: var(--storefront-content-max) !important;
  max-inline-size: calc(100vw - 2 * var(--storefront-gutter)) !important;
  margin-inline: auto !important;
  padding: var(--storefront-section-gap) 0 clamp(32px, 5vw, 72px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .storefront-home__layout,
body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell {
  display: grid !important;
  grid-template-areas: "content" !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: var(--storefront-section-gap) !important;
  align-items: start !important;
  inline-size: 100% !important;
  min-inline-size: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .storefront-home__content,
body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell > .store-sections {
  grid-area: content !important;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: var(--storefront-section-gap) !important;
  inline-size: 100% !important;
  min-inline-size: 0 !important;
  align-content: start !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell > .store-sections > * {
  order: var(--home-order, 50);
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell > .store-sidebar:first-child {
  grid-area: left-rail !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell > .store-sidebar:last-child {
  grid-area: right-rail !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .storefront-home__rail,
body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell > .store-sidebar,
body[data-theme-engine="universal"]:not(.admin-root) .theme-support-panels {
  min-inline-size: 0 !important;
  gap: var(--storefront-section-gap) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .store-sections > .storefront-category-ribbon,
body[data-theme-engine="universal"]:not(.admin-root) .store-sections > [data-id="hero-banner"],
body[data-theme-engine="universal"]:not(.admin-root) .store-sections > .storefront-hero {
  grid-column: 1 / -1 !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .storefront-hero,
body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-banner"] {
  min-block-size: 280px !important;
  max-block-size: 590px;
  aspect-ratio: 16 / 7 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: clamp(14px, 1.4vw, 24px) !important;
  box-shadow: var(--ui-shadow-md) !important;
  background: var(--ui-card-media-bg) !important;
  overflow: clip !important;
  isolation: isolate;
}

body[data-theme-engine="universal"]:not(.admin-root) .storefront-hero :where(.hero-media-shell, .custom-banner-carousel, .carousel-inner, .carousel-item),
body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-banner"] :where(.hero-media-shell, .custom-banner-carousel, .carousel-inner, .carousel-item) {
  inline-size: 100% !important;
  block-size: 100% !important;
  min-block-size: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .storefront-hero :where(.section-media, img, video),
body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-banner"] :where(.section-media, img, video) {
  display: block !important;
  inline-size: 100% !important;
  block-size: 100% !important;
  object-fit: var(--banner-fit, cover) !important;
  object-position: var(--home-media-focus-x, 50%) var(--home-media-focus-y, 50%) !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .storefront-hero .carousel-control,
body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-banner"] .carousel-control {
  inline-size: 44px !important;
  block-size: 44px !important;
  min-inline-size: 44px !important;
  min-block-size: 44px !important;
  inset-block-start: 50% !important;
  translate: 0 -50%;
  border: 1px solid color-mix(in srgb, var(--ui-border) 70%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--ui-surface-elevated) 84%, transparent) !important;
  box-shadow: var(--ui-shadow-sm) !important;
  opacity: .82;
}

body[data-theme-engine="universal"]:not(.admin-root) .storefront-hero .carousel-indicators,
body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-banner"] .carousel-indicators {
  inset-block-end: 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .9) !important;
  box-shadow: 0 5px 18px rgba(15, 35, 65, .16) !important;
  backdrop-filter: blur(10px);
}

body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-banner"] .carousel-indicator {
  flex: 0 0 12px !important;
  inline-size: 12px !important;
  block-size: 12px !important;
  min-inline-size: 12px !important;
  min-block-size: 12px !important;
  max-inline-size: 12px !important;
  max-block-size: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  background: #a9b9ca !important;
  box-shadow: 0 0 0 1px rgba(26, 56, 90, .16) !important;
  opacity: 1 !important;
  transform: none !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-banner"] .carousel-indicator.active {
  background: #168be5 !important;
  box-shadow: 0 0 0 2px rgba(22, 139, 229, .22) !important;
}

/* Benefits are supporting content, not a second hero banner. */
body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-1778181468934"] {
  min-block-size: 0 !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-1778181468934"] > :where(.hero-media-shell, .section-media, .hero-button-anchor) {
  display: none !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-1778181468934"] .hero-content-layer {
  position: static !important;
  inset: auto !important;
  display: block !important;
  inline-size: 100% !important;
  padding: 0 !important;
  translate: none !important;
  background: transparent !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-1778181468934"] .managed-benefits {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  inline-size: 100% !important;
  min-block-size: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-1778181468934"] .benefit-card,
body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-1778181468934"] .benefit-card:last-child {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  min-block-size: 112px !important;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius-md) !important;
  background: var(--ui-surface-1) !important;
  color: var(--ui-text) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-1778181468934"] .benefit-icon-wrap {
  inline-size: 52px !important;
  block-size: 52px !important;
  min-inline-size: 52px !important;
  margin: 0 !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-1778181468934"] .benefit-text {
  min-inline-size: 0 !important;
  text-align: start !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-1778181468934"] .benefit-text h3 {
  margin: 0 0 4px !important;
  color: var(--ui-heading) !important;
  font: 750 .88rem/1.25 var(--ui-font-heading) !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-1778181468934"] .benefit-text p {
  margin: 0 !important;
  color: var(--ui-muted) !important;
  font: 400 .78rem/1.45 var(--ui-font-body) !important;
}

/* One surface per semantic sidebar block. Inner polls and cards are flat. */
body[data-theme-engine="universal"]:not(.admin-root) .store-sidebar > :where(.store-block, .storefront-home-card),
body[data-theme-engine="universal"]:not(.admin-root) .theme-support-panels > :where(.store-block, .storefront-home-card) {
  margin: 0 !important;
  padding: clamp(14px, 1.4vw, 20px) !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius-lg) !important;
  background: var(--ui-surface-1) !important;
  box-shadow: var(--ui-shadow-sm) !important;
  color: var(--ui-text) !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .store-sidebar > .store-block :where(.poll-card, .managed-sidebar-poll, .store-block-inner),
body[data-theme-engine="universal"]:not(.admin-root) .theme-support-panels > .store-block :where(.poll-card, .managed-sidebar-poll, .store-block-inner) {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .store-sidebar .poll-result-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  gap: 10px !important;
  padding-block: 10px !important;
  border-block-start: 1px solid var(--ui-border) !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell > .store-sidebar :is(.poll-result-row, .managed-poll-option) {
  background: #fff !important;
  box-shadow: none !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell > .store-sidebar .managed-poll-option > span {
  background: #fff !important;
}

/* Shared customer controls and commerce components. */
body[data-theme-engine="universal"]:not(.admin-root) :where(
  button,
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  select,
  textarea,
  .btn
) {
  min-block-size: var(--storefront-control-height) !important;
}

body[data-theme-engine="universal"]:not(.admin-root) :where(input, select, textarea) {
  max-inline-size: 100%;
  border: 1px solid var(--ui-control-border);
  border-radius: var(--ui-radius-sm);
  background: var(--ui-control-bg);
  color: var(--ui-control-text);
}

body[data-theme-engine="universal"]:not(.admin-root) :where(
  .product-detail-page,
  .checkout-shell,
  .auth-page,
  .claim-page,
  .content-page,
  .account-blocked-page
) {
  inline-size: min(var(--storefront-content-max), calc(100vw - 2 * var(--storefront-gutter))) !important;
  max-inline-size: calc(100vw - 2 * var(--storefront-gutter)) !important;
  margin-inline: auto !important;
  min-inline-size: 0 !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-product-grid:not(.is-list-view) {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--theme-product-min, 220px)), 1fr)) !important;
  gap: var(--theme-product-gap, var(--storefront-section-gap)) !important;
  min-inline-size: 0 !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-product-card {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  min-inline-size: 0 !important;
  max-inline-size: 100% !important;
  overflow: clip !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-product-card__body {
  display: flex !important;
  flex-direction: column !important;
  min-inline-size: 0 !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-product-card__action {
  margin-block-start: auto !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-product-detail__layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr) !important;
  gap: clamp(24px, 4vw, 64px) !important;
  align-items: start !important;
  inline-size: 100% !important;
  min-inline-size: 0 !important;
}

body[data-theme-engine="universal"]:not(.admin-root) :where(.theme-product-detail__gallery, .theme-product-detail__summary) {
  min-inline-size: 0 !important;
  max-inline-size: 100% !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .theme-product-detail__summary {
  position: sticky;
  inset-block-start: calc(var(--theme-header-offset, 0px) + 20px);
}

body[data-theme-engine="universal"]:not(.admin-root) .checkout-shell {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .checkout-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 390px) !important;
  gap: clamp(18px, 2.4vw, 32px) !important;
  align-items: start !important;
  min-inline-size: 0 !important;
}

body[data-theme-engine="universal"]:not(.admin-root) :where(.checkout-main, .checkout-side, .checkout-panel, .checkout-side-panel) {
  min-inline-size: 0 !important;
  max-inline-size: 100% !important;
}

body[data-theme-engine="universal"]:not(.admin-root) :where(
  .checkout-panel,
  .checkout-side-panel,
  .auth-card,
  .claim-page-shell,
  .content-page-inner,
  .account-blocked-card,
  .thank-you-shell
) {
  border: 1px solid var(--ui-border) !important;
  border-radius: var(--ui-radius-lg) !important;
  background: var(--ui-surface-1) !important;
  color: var(--ui-text) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .checkout-side-panel {
  position: sticky;
  inset-block-start: calc(var(--theme-header-offset, 0px) + 20px);
}

body[data-theme-engine="universal"]:not(.admin-root) .checkout-field-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .cart-line,
body[data-theme-engine="universal"]:not(.admin-root) .checkout-product-card {
  min-inline-size: 0 !important;
  max-inline-size: 100% !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .auth-page {
  display: grid !important;
  place-items: center !important;
  padding-block: clamp(28px, 6vw, 80px) !important;
}

body[data-theme-engine="universal"]:not(.admin-root) .auth-card.auth-card-wide {
  inline-size: min(100%, 900px) !important;
  max-inline-size: 900px !important;
}

.customer-account-menu { position: relative; }
.customer-account-menu[open] { z-index: 10; }
body[data-theme-engine="universal"]:not(.admin-root) .theme-universal-header:has(.customer-account-menu[open]) {
  z-index: 1100 !important;
}
body[data-theme-engine="universal"]:not(.admin-root) :is(#differentShippingAddress, #profileDifferentShipping) {
  appearance: auto !important;
  background: revert !important;
  inline-size: 18px !important;
  block-size: 18px !important;
  min-block-size: 0 !important;
  padding: 0 !important;
  accent-color: #1685ff;
  vertical-align: middle;
  cursor: pointer;
}
.product-detail-shell { display: grid; grid-template-columns: minmax(200px, 228px) minmax(0, 1fr); gap: 24px; padding: 24px 16px; max-width: var(--storefront-content-max); margin-inline: auto; }
.product-detail-content { min-width: 0; }
.product-detail-sidebar { min-width: 0; display: flex; flex-direction: column; gap: 20px; }
body[data-theme-engine="universal"]:not(.admin-root) .product-detail-sidebar .store-block-category-menu {
  padding: 12px !important;
}
body[data-theme-engine="universal"]:not(.admin-root) .product-detail-sidebar .side-category-menu {
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0;
}
body[data-theme-engine="universal"]:not(.admin-root) .product-detail-sidebar .side-category-row > a .side-category-link-copy {
  display: grid !important;
  grid-template-columns: 25px minmax(0, 1fr);
  width: 100%;
  gap: 6px !important;
}
body[data-theme-engine="universal"]:not(.admin-root) .product-detail-sidebar .side-category-row > a .side-category-link-copy > span:last-child {
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
}
body[data-theme-engine="universal"]:not(.admin-root) .product-detail-sidebar .store-block-category-menu .side-category-row > .side-category-flyout {
  display: none !important;
  position: static !important;
  inset: auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-height: none !important;
  max-width: 100% !important;
  overflow: visible !important;
  margin: 0 0 0 2px !important;
  padding: 0 0 0 3px !important;
  border: 0 !important;
  border-left: 1px solid var(--ui-border, #dbe4ef) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
body:not(.admin-root) .product-detail-sidebar .side-category-flyout::before { display: none !important; }
body[data-theme-engine="universal"]:not(.admin-root) .product-detail-sidebar .store-block-category-menu .side-category-row.is-product-path > .side-category-flyout,
body[data-theme-engine="universal"]:not(.admin-root) .product-detail-sidebar .store-block-category-menu .side-category-row:hover > .side-category-flyout,
body[data-theme-engine="universal"]:not(.admin-root) .product-detail-sidebar .store-block-category-menu .side-category-row:focus-within > .side-category-flyout {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}
@media (max-width: 991px) {
  .product-detail-shell { grid-template-columns: minmax(0, 1fr); }
  .product-detail-sidebar { order: 1; }
}
.customer-account-menu summary { cursor: pointer; list-style: none; }
.customer-account-menu summary::-webkit-details-marker { display: none; }
.customer-account-options { position: absolute; right: 0; top: calc(100% + 8px); z-index: 1000; min-width: 180px; background: white; border: 1px solid #dbe4ef; border-radius: 12px; padding: 8px; box-shadow: 0 8px 24px #14233b22; }
.customer-account-options a { display: block; padding: 10px 12px; color: #14233b; text-decoration: none; }
.customer-account-options a:hover { background: #eef5ff; border-radius: 8px; }
#profileShippingFields[hidden] { display: none !important; }

body[data-theme-engine="universal"]:not(.admin-root) .auth-card {
  inline-size: min(100%, 560px) !important;
  max-inline-size: 560px !important;
  margin-inline: auto !important;
  padding: clamp(22px, 4vw, 40px) !important;
}

body[data-theme-engine="universal"]:not(.admin-root) :where(
  .content-page-inner,
  .profile-header,
  .neo-panel,
  .claim-page-shell,
  .thank-you-shell
) {
  min-inline-size: 0 !important;
  overflow-wrap: anywhere;
}

body[data-theme-engine="universal"]:not(.admin-root) :where(table, .table-responsive) {
  max-inline-size: 100% !important;
}

@media (min-width: 1280px) {
  body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell.has-left-sidebar {
    grid-template-areas: "left-rail content" !important;
    grid-template-columns: var(--storefront-rail-width) minmax(0, 1fr) !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell.has-right-sidebar {
    grid-template-areas: "content right-rail" !important;
    grid-template-columns: minmax(0, 1fr) var(--storefront-support-width) !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell.has-left-sidebar.has-right-sidebar {
    grid-template-areas: "left-rail content right-rail" !important;
    grid-template-columns: var(--storefront-rail-width) minmax(0, 1fr) var(--storefront-support-width) !important;
  }
}

@media (min-width: 900px) and (max-width: 1279px) {
  body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell.has-left-sidebar,
  body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell.has-left-sidebar.has-right-sidebar {
    grid-template-areas: "left-rail content" "right-rail right-rail" !important;
    grid-template-columns: var(--storefront-rail-width) minmax(0, 1fr) !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell.has-right-sidebar:not(.has-left-sidebar) {
    grid-template-areas: "content" "right-rail" !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell > .store-sidebar:last-child {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell > .store-sidebar:first-child {
    display: grid !important;
  }
}

@media (max-width: 899px) {
  body[data-theme-engine="universal"]:not(.admin-root) {
    --storefront-content-max: calc(100vw - 24px);
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell,
  body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell.has-left-sidebar,
  body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell.has-right-sidebar,
  body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell.has-left-sidebar.has-right-sidebar {
    grid-template-areas: "content" "left-rail" "right-rail" !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .storefront-hero,
  body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-banner"] {
    min-block-size: 0 !important;
    max-block-size: none;
    aspect-ratio: 16 / 9 !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-home-shell > .store-sidebar {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)) !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-product-detail__layout,
  body[data-theme-engine="universal"]:not(.admin-root) .checkout-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) :where(.theme-product-detail__summary, .checkout-side-panel) {
    position: static !important;
    inset: auto !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-1778181468934"] .managed-benefits {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 520px) {
  body[data-theme-engine="universal"]:not(.admin-root) {
    --storefront-content-max: calc(100vw - 20px);
    --storefront-section-gap: 12px;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .storefront-hero,
  body[data-theme-engine="universal"]:not(.admin-root) .store-section[data-id="hero-banner"] {
    min-block-size: 0 !important;
    border-radius: 14px !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-product-grid:not(.is-list-view) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .checkout-field-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) :where(.checkout-panel, .checkout-side-panel, .auth-card) {
    padding: 18px !important;
    border-radius: var(--ui-radius-md) !important;
  }
}

/* Static Modern storefront: this block is the final owner of public catalog geometry. */
body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .storefront-stage {
  inline-size: 100% !important;
  max-inline-size: none !important;
  padding: clamp(18px, 2vw, 28px) 0 clamp(40px, 5vw, 72px) !important;
}

body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .theme-catalog-shell {
  inline-size: min(calc(100% - 40px), 1680px) !important;
  max-inline-size: 1680px !important;
  margin-inline: auto !important;
  align-items: start !important;
  gap: clamp(20px, 2vw, 32px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .theme-catalog-shell.has-catalog-sidebar {
  display: grid !important;
  grid-template-areas: "catalog-sidebar catalog-main" !important;
  grid-template-columns: clamp(240px, 18vw, 272px) minmax(0, 1fr) !important;
}

body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .theme-catalog-sidebar {
  grid-area: catalog-sidebar !important;
  inline-size: 100% !important;
  min-inline-size: 0 !important;
  max-block-size: calc(100vh - 46px) !important;
  padding-block-end: 18px !important;
  overflow-y: auto !important;
  overflow-x: clip !important;
  scroll-padding-block-end: 18px !important;
  scrollbar-gutter: stable;
}

body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .theme-catalog-sidebar :where(
  .catalog-rail-card,
  form,
  fieldset,
  details,
  .dual-range,
  .catalog-price-caption,
  input,
  select,
  button
) {
  min-inline-size: 0;
  max-inline-size: 100%;
  box-sizing: border-box;
}

body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .theme-catalog-sidebar .shop-category-flyout {
  position: static !important;
  inset: auto !important;
  inline-size: 100% !important;
  min-inline-size: 0 !important;
  max-inline-size: 100% !important;
  margin: 0 !important;
  padding: 4px 0 4px 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .theme-catalog-sidebar .shop-category-flyout::before {
  display: none !important;
}

@media (min-width: 900px) and (max-width: 1180px) {
  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-head {
    grid-template-columns: minmax(145px, 170px) minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-items > .theme-u-search {
    flex-basis: 240px;
    margin-inline-end: 4px;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-nav-link {
    padding-inline: 9px;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-nav-link > span {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-account:not(.theme-u-profile) > span {
    max-inline-size: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .theme-catalog-main {
  grid-area: catalog-main !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
  inline-size: 100% !important;
  min-inline-size: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) :where(
  .theme-catalog-main,
  .theme-catalog-main > *,
  .catalog-toolbar,
  .catalog-toolbar > *,
  .theme-catalog-products,
  .theme-product-grid,
  .theme-product-card
) {
  min-inline-size: 0 !important;
}

body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) [data-page-target="catalog-toolbar"],
body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) [data-page-target="product-list"] {
  inline-size: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .catalog-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 240px) auto !important;
  align-items: end !important;
  gap: 12px !important;
  inline-size: 100% !important;
  min-block-size: 72px !important;
  padding: 14px 16px !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: 16px !important;
  background: var(--ui-surface-elevated) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}

body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .catalog-toolbar :where(h1, h2) {
  display: block !important;
  inline-size: auto !important;
  max-inline-size: 100% !important;
  margin: 0 !important;
  font-size: clamp(1.65rem, 2.2vw, 2.25rem) !important;
  line-height: 1.1 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  writing-mode: horizontal-tb !important;
}

body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .catalog-toolbar .eyebrow {
  margin: 0 0 4px !important;
}

body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .catalog-sort-select {
  inline-size: 100% !important;
  min-inline-size: 0 !important;
}

body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .theme-product-grid:not(.is-list-view) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.4vw, 20px) !important;
  inline-size: 100% !important;
  margin: 0 !important;
}

@media (min-width: 1024px) and (max-width: 1359px) {
  body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .theme-product-grid:not(.is-list-view) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 900px) and (max-width: 1100px) {
  body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .catalog-toolbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .catalog-toolbar > :first-child {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 899px) {
  body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .theme-catalog-shell,
  body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .theme-catalog-shell.has-catalog-sidebar {
    grid-template-areas: "catalog-main" !important;
    grid-template-columns: minmax(0, 1fr) !important;
    inline-size: min(calc(100% - 24px), 760px) !important;
  }

  body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .theme-catalog-sidebar:not(.is-open) {
    display: none !important;
  }

  body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .theme-catalog-sidebar.is-open {
    display: block !important;
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 1200 !important;
    inline-size: min(88vw, 360px) !important;
    overflow-y: auto !important;
  }

  body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .theme-product-grid:not(.is-list-view) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 699px) {
  body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .catalog-toolbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    min-block-size: 0 !important;
    padding: 12px !important;
  }

  body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .catalog-toolbar > :first-child,
  body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .catalog-sort-select {
    grid-column: 1 / -1 !important;
  }

  body.store-theme-id-modern-static.store-page-shop-products:not(.admin-root) .theme-product-grid:not(.is-list-view) {
    grid-template-columns: repeat(var(--store-mobile-product-columns, 2), minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

/* Static Modern homepage: artwork-sized hero without a second visual container. */
body.store-theme-id-modern-static.store-page-shop-index:not(.admin-root) .storefront-home__content,
body.store-theme-id-modern-static.store-page-shop-index:not(.admin-root) .theme-home-shell > .store-sections {
  padding: 0 !important;
}

@media (max-width: 899px) {
  body[data-theme-engine="universal"]:not(.admin-root) .theme-universal-header {
    position: relative !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-head,
  body[data-theme-engine="universal"]:not(.admin-root).storefront-navbar-contained .theme-u-head,
  body[data-theme-engine="universal"]:not(.admin-root).storefront-navbar-full .theme-u-head {
    min-block-size: 66px !important;
    inline-size: calc(100% - 24px) !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "brand toggle" !important;
    gap: 10px !important;
    padding-block: 8px !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-brand {
    grid-area: brand;
    max-inline-size: 172px;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-brand img {
    inline-size: min(156px, 100%);
    max-block-size: 42px;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-brand span {
    display: none;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-menu-toggle {
    grid-area: toggle;
    min-inline-size: 44px;
    min-block-size: 44px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--ui-border);
    border-radius: 12px;
    background: var(--ui-control-bg);
    color: var(--ui-text);
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-menu-toggle svg {
    inline-size: 21px;
    block-size: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-items {
    position: absolute;
    inset: calc(100% - 1px) 0 auto;
    z-index: 90;
    inline-size: 100%;
    max-block-size: min(70vh, 620px);
    padding: 12px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    overflow: auto;
    border: 1px solid var(--ui-border);
    border-radius: 0 0 16px 16px;
    background: color-mix(in srgb, var(--ui-surface-elevated) 96%, transparent);
    box-shadow: var(--ui-shadow-lg);
    backdrop-filter: blur(16px);
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-universal-header.is-menu-open .theme-u-items {
    display: flex;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-items > *,
  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-items > .theme-u-search,
  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-items > :not(.theme-u-search) {
    inline-size: 100%;
    max-inline-size: none;
    flex: 0 0 auto;
  }

  body[data-theme-engine="universal"]:not(.admin-root) :where(.theme-u-nav-link, .theme-u-account, .theme-u-cart) {
    justify-content: flex-start;
  }

  body[data-theme-engine="universal"]:not(.admin-root) :where(.theme-u-language, .theme-u-currency) select {
    inline-size: 100%;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-items > .theme-u-language,
  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-items > .theme-u-currency {
    display: block !important;
  }

  body[data-theme-engine="universal"]:not(.admin-root) .theme-u-items :where(.theme-u-account, .theme-u-cart) > span {
    display: inline !important;
  }
}

body.store-theme-id-modern-static.store-page-shop-index:not(.admin-root) [data-id="hero-banner"] {
  block-size: auto !important;
  min-block-size: 0 !important;
  max-block-size: none !important;
  aspect-ratio: 1818 / 865 !important;
  margin-block-start: 0 !important;
}

body.store-theme-id-modern-static.store-page-shop-index:not(.admin-root) [data-id="hero-banner"] :where(
  .hero-media-shell,
  .custom-banner-carousel,
  .carousel-inner,
  .carousel-item,
  .section-media,
  img,
  video
) {
  inline-size: 100% !important;
  block-size: 100% !important;
  min-block-size: 0 !important;
  max-block-size: none !important;
}

body.store-theme-id-modern-static.store-page-shop-index:not(.admin-root) [data-id="hero-banner"] :where(.section-media, img, video) {
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  filter: brightness(var(--banner-brightness, 1)) !important;
  opacity: var(--banner-opacity, 1) !important;
}

body.store-theme-id-modern-static.store-page-shop-index:not(.admin-root) [data-id="hero-banner"],
body.store-theme-id-modern-static.store-page-shop-index:not(.admin-root) [data-id="hero-banner"] .carousel-item {
  background: var(--banner-background, #142235) !important;
}

body.store-theme-id-modern-static.store-page-shop-index:not(.admin-root) [data-id="hero-banner"] .hero-button-anchor {
  left: clamp(16px, 4%, 52px) !important;
  right: auto !important;
  top: auto !important;
  bottom: clamp(18px, 8%, 40px) !important;
  transform: none !important;
  width: max-content !important;
  max-width: calc(100% - 32px) !important;
  cursor: default;
}

body.store-theme-id-modern-static.store-page-shop-index:not(.admin-root) [data-id="featured-products"] .store-product-groups {
  inline-size: 100% !important;
  padding: clamp(16px, 1.7vw, 24px) !important;
}

body.store-theme-id-modern-static:not(.admin-root) .storefront-messenger-hide {
  inline-size: 24px !important;
  block-size: 24px !important;
  min-inline-size: 24px !important;
  min-block-size: 24px !important;
  max-inline-size: 24px !important;
  max-block-size: 24px !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

/* The announcement is deliberately the first and thinnest storefront region. */
body.store-theme-id-modern-static:not(.admin-root) > .storefront-announcement {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  z-index: 100 !important;
  inline-size: 100% !important;
  block-size: 32px !important;
  min-block-size: 32px !important;
  max-block-size: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.store-theme-id-modern-static:not(.admin-root) > .storefront-announcement > div {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) 28px !important;
  align-items: center !important;
  gap: 8px !important;
  inline-size: min(100%, 1680px) !important;
  block-size: 32px !important;
  min-block-size: 32px !important;
  margin-inline: auto !important;
  padding: 0 clamp(12px, 3vw, 28px) !important;
}

body.store-theme-id-modern-static:not(.admin-root) > .storefront-announcement > div > span {
  display: block !important;
  min-inline-size: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: inherit !important;
  font-size: .76rem !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.store-theme-id-modern-static:not(.admin-root) > .storefront-announcement > div > img {
  inline-size: 18px !important;
  block-size: 18px !important;
  margin: 0 !important;
  object-fit: contain !important;
}

body.store-theme-id-modern-static:not(.admin-root) > .storefront-announcement button {
  display: grid !important;
  place-items: center !important;
  inline-size: 28px !important;
  block-size: 28px !important;
  min-inline-size: 28px !important;
  min-block-size: 28px !important;
  margin: 0 !important;
  padding: 7px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
}

body.store-theme-id-modern-static:not(.admin-root) > .storefront-announcement button svg {
  inline-size: 14px !important;
  block-size: 14px !important;
}

@media (max-width: 899px) {
  body.store-theme-id-modern-static.store-page-shop-index:not(.admin-root) [data-id="hero-banner"] {
    aspect-ratio: 16 / 9 !important;
  }
}

@media (max-width: 699px) {
  body.store-theme-id-modern-static:not(.admin-root) > .storefront-announcement,
  body.store-theme-id-modern-static:not(.admin-root) > .storefront-announcement > div {
    block-size: 36px !important;
    min-block-size: 36px !important;
    max-block-size: 36px !important;
  }

  body.store-theme-id-modern-static:not(.admin-root) > .storefront-announcement > div {
    padding-inline: 10px !important;
  }
}

@media (max-width: 350px) {
  body[data-theme-engine="universal"]:not(.admin-root) .theme-product-grid:not(.is-list-view) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-theme-engine="universal"]:not(.admin-root) *,
  body[data-theme-engine="universal"]:not(.admin-root) *::before,
  body[data-theme-engine="universal"]:not(.admin-root) *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Keep claim content clear of the surrounding card border. */
body[data-theme-engine="universal"]:not(.admin-root) .claim-page-shell {
  box-sizing: border-box;
  padding-inline: clamp(16px, 2vw, 28px);
}
