/* Elegant Original Flow across the collection journey.
   Scope excludes the approved homepage. Layout, imagery, and behavior stay intact. */
#coastal-storefront:where(:not(:has(.home-story))) {
  --paper:var(--theme-bg);
  --cream:var(--theme-bg);
  --inner-hover:#F4EDDF;
  color-scheme:light;
}

/* Porcelain navigation and matte, readable controls. */
#coastal-storefront:where(:not(:has(.home-story))) .browse-navigation {
  background:var(--theme-bg);
  color:var(--theme-ink);
  border-color:var(--line);
  backdrop-filter:none;
}
#coastal-storefront:where(:not(:has(.home-story))) .browse-navigation .breadcrumbs a {
  color:var(--theme-muted);
}
#coastal-storefront:where(:not(:has(.home-story))) .browse-navigation .breadcrumbs a:hover,
#coastal-storefront:where(:not(:has(.home-story))) .browse-navigation .breadcrumbs [aria-current],
#coastal-storefront:where(:not(:has(.home-story))) .return-collection,
#coastal-storefront:where(:not(:has(.home-story))) .history-controls button,
#coastal-storefront:where(:not(:has(.home-story))) .piece-step {color:var(--theme-ink);}
#coastal-storefront:where(:not(:has(.home-story))) .history-controls button:enabled:hover,
#coastal-storefront:where(:not(:has(.home-story))) .piece-step:not(:disabled):hover {
  background:var(--theme-gold);color:var(--theme-ink);
}
#coastal-storefront:where(:not(:has(.home-story))) .button,
#coastal-storefront:where(:not(:has(.home-story))) .button.light {
  background:var(--theme-gold);border-color:var(--theme-gold);color:var(--theme-ink);
  border-radius:999px;box-shadow:none;
}
#coastal-storefront:where(:not(:has(.home-story))) .button:hover,
#coastal-storefront:where(:not(:has(.home-story))) .button.light:hover {
  background:#E7CEA0;border-color:#E7CEA0;color:var(--theme-ink);
}
#coastal-storefront:where(:not(:has(.home-story))) .button.outline,
#coastal-storefront:where(:not(:has(.home-story))) .button.ghost {
  background:var(--theme-bg);color:var(--theme-ink);border-color:var(--line);
}
#coastal-storefront:where(:not(:has(.home-story))) .button.outline:hover,
#coastal-storefront:where(:not(:has(.home-story))) .button.ghost:hover {
  background:var(--theme-gold);border-color:var(--theme-detail);color:var(--theme-ink);
}
#coastal-storefront:where(:not(:has(.home-story))) .text-link:hover {color:var(--theme-ink);}
#coastal-storefront:where(:not(:has(.home-story))) :is(button,a,input,select,summary):focus-visible {
  outline-color:var(--theme-detail);
}

/* Department landing waves meet the same porcelain that runs through the page. */
#coastal-storefront:where(:not(:has(.home-story))) .campaign-hero {
  --landing-edge-paper:var(--theme-bg);
  background:transparent;
}
#coastal-storefront:where(:not(:has(.home-story))) .campaign-hero + .department-index,
#coastal-storefront:where(:not(:has(.home-story))) .department-index {
  background:transparent;border-color:var(--line);color:var(--theme-ink);
  scrollbar-color:var(--theme-detail) transparent;
}
#coastal-storefront:where(:not(:has(.home-story))) .department-index > a > span:last-child {
  color:var(--theme-ink);background:var(--theme-bg);
}
#coastal-storefront:where(:not(:has(.home-story))) .department-index > a:hover > span:last-child {color:var(--theme-ink);}
#coastal-storefront:where(:not(:has(.home-story))) .category-image {
  background:var(--theme-bg);box-shadow:0 0 0 1px var(--line);
}
#coastal-storefront:where(:not(:has(.home-story))) .department-index > a:hover .category-image {
  box-shadow:0 0 0 2px var(--theme-detail);
}
#coastal-storefront:where(:not(:has(.home-story))) .catalog-sidebar {scrollbar-color:var(--theme-detail) transparent;}
#coastal-storefront:where(:not(:has(.home-story))) .sidebar-group .eyebrow,
#coastal-storefront:where(:not(:has(.home-story))) .catalog-section .section-number,
#coastal-storefront:where(:not(:has(.home-story))) .listing-head .eyebrow {color:var(--theme-muted);}
#coastal-storefront:where(:not(:has(.home-story))) .catalog-sidebar a,
#coastal-storefront:where(:not(:has(.home-story))) .catalog-sidebar .sidebar-group > a {color:var(--theme-muted);}
#coastal-storefront:where(:not(:has(.home-story))) .catalog-sidebar .sidebar-group > a:hover {
  background:var(--inner-hover);color:var(--theme-ink);
}
#coastal-storefront:where(:not(:has(.home-story))) .catalog-sidebar .sidebar-group > a.active,
#coastal-storefront:where(:not(:has(.home-story))) .catalog-sidebar .sidebar-group > a.active:hover {
  background:var(--theme-gold);border-color:var(--line);color:var(--theme-ink);
}
#coastal-storefront:where(:not(:has(.home-story))) .catalog-sidebar .sidebar-group > a:focus-visible {outline-color:var(--theme-detail);}
#coastal-storefront:where(:not(:has(.home-story))) .catalog-section .section-heading p:not(.section-number),
#coastal-storefront:where(:not(:has(.home-story))) .collection-grid .department-card p,
#coastal-storefront:where(:not(:has(.home-story))) .listing-description p,
#coastal-storefront:where(:not(:has(.home-story))) .listing-description span {color:var(--theme-muted);}
#coastal-storefront:where(:not(:has(.home-story))) .catalog-section .reveal-button,
#coastal-storefront:where(:not(:has(.home-story))) .reveal-bottom {
  color:var(--theme-ink);border-color:var(--line);background:var(--theme-bg);
}
#coastal-storefront:where(:not(:has(.home-story))) .catalog-section .reveal-button:hover,
#coastal-storefront:where(:not(:has(.home-story))) .reveal-bottom:hover {
  color:var(--theme-ink);background:var(--theme-gold);border-color:var(--theme-detail);
}
#coastal-storefront:where(:not(:has(.home-story))) .reveal-amount {background:var(--theme-gold);color:var(--theme-ink);}

/* Complete-card links retain their window frames and flowing caption edge. */
#coastal-storefront:where(:not(:has(.home-story))) .department-card.showcase-card {
  --card-paper:var(--theme-bg);
  background:var(--theme-bg);color:var(--theme-ink);border-color:var(--line);box-shadow:none;
}
#coastal-storefront:where(:not(:has(.home-story))) .department-card.showcase-card h3 {color:var(--theme-ink);}
#coastal-storefront:where(:not(:has(.home-story))) .department-card.showcase-card .showcase-caption {color:var(--theme-muted);}
#coastal-storefront:where(:not(:has(.home-story))) .showcase-card .showcase-pill {
  background:var(--theme-bg);border-color:var(--line);color:var(--theme-ink);
}
#coastal-storefront:where(:not(:has(.home-story))) .department-card.showcase-card:focus-visible {outline-color:var(--theme-detail);border-color:var(--theme-detail);}
#coastal-storefront:where(:not(:has(.home-story))) .showcase-card:focus-visible .showcase-pill {
  background:var(--theme-gold);border-color:var(--theme-detail);color:var(--theme-ink);
}
@media(hover:hover) {
  #coastal-storefront:where(:not(:has(.home-story))) .department-card.showcase-card:hover {border-color:var(--theme-detail);box-shadow:none;}
  #coastal-storefront:where(:not(:has(.home-story))) .showcase-card:hover .showcase-pill {
    background:var(--theme-gold);border-color:var(--theme-detail);color:var(--theme-ink);
  }
}

/* Keep the coast visible while the collection title rests on light porcelain. */
#coastal-storefront:where(:not(:has(.home-story))) .collection-masthead {background:var(--theme-bg);}
#coastal-storefront:where(:not(:has(.home-story))) .collection-masthead::after {
  background:linear-gradient(90deg,#FAFCFD 0%,#FAFCFDf5 25%,#FAFCFDc4 45%,#FAFCFD36 75%,#FAFCFD20);
}
#coastal-storefront:where(:not(:has(.home-story))) .collection-title {color:var(--theme-ink);}
#coastal-storefront:where(:not(:has(.home-story))) .collection-title > p {color:var(--theme-ink);}
#coastal-storefront:where(:not(:has(.home-story))) .collection-tabs a {color:var(--theme-muted);}
#coastal-storefront:where(:not(:has(.home-story))) .collection-tabs a:hover,
#coastal-storefront:where(:not(:has(.home-story))) .collection-tabs a[aria-current=page] {
  color:var(--theme-ink);background:var(--theme-gold);border-color:var(--line);
}
#coastal-storefront:where(:not(:has(.home-story))) .collection-tabs a[aria-current=page]::after {background:var(--theme-detail);}
#coastal-storefront:where(:not(:has(.home-story))) .sibling-collections > a {color:var(--theme-muted);}
#coastal-storefront:where(:not(:has(.home-story))) .sibling-collections > a:hover {
  color:var(--theme-ink);background:var(--inner-hover);
}
#coastal-storefront:where(:not(:has(.home-story))) .sibling-collections > a[aria-current=page] {
  color:var(--theme-ink);background:var(--theme-gold);
}
#coastal-storefront:where(:not(:has(.home-story))) .sibling-collections > a[aria-current=page]::before {background:var(--theme-detail);}
#coastal-storefront:where(:not(:has(.home-story))) .sibling-collections .collection-parent {color:var(--theme-ink);}
#coastal-storefront:where(:not(:has(.home-story))) .refine-group,
#coastal-storefront:where(:not(:has(.home-story))) .refine-group:last-of-type {border-color:var(--line);}
#coastal-storefront:where(:not(:has(.home-story))) .refine-group > summary,
#coastal-storefront:where(:not(:has(.home-story))) .refine-toggle {color:var(--theme-ink);}
#coastal-storefront:where(:not(:has(.home-story))) .filter-field,
#coastal-storefront:where(:not(:has(.home-story))) .filter-data-note,
#coastal-storefront:where(:not(:has(.home-story))) .collection-refine .filter-data-note,
#coastal-storefront:where(:not(:has(.home-story))) .toolbar-note {color:var(--theme-muted);}
#coastal-storefront:where(:not(:has(.home-story))) .filter-field select,
#coastal-storefront:where(:not(:has(.home-story))) .refine-group .filter-field select,
#coastal-storefront:where(:not(:has(.home-story))) .product-toolbar select,
#coastal-storefront:where(:not(:has(.home-story))) .collection-results .product-toolbar select {
  color-scheme:light;color:var(--theme-ink);background:var(--theme-bg);border-color:var(--line);
}
#coastal-storefront:where(:not(:has(.home-story))) .filter-field select option,
#coastal-storefront:where(:not(:has(.home-story))) .product-toolbar select option {color:var(--theme-ink);background:var(--theme-bg);}
#coastal-storefront:where(:not(:has(.home-story))) .clear-filters,
#coastal-storefront:where(:not(:has(.home-story))) .clear-filters:hover {color:var(--theme-ink);border-color:var(--theme-detail);}
#coastal-storefront:where(:not(:has(.home-story))) .filter-chip {
  background:var(--theme-bg);color:var(--theme-ink);border-color:var(--line);
}
#coastal-storefront:where(:not(:has(.home-story))) .filter-chip:hover {background:var(--inner-hover);border-color:var(--theme-detail);}
#coastal-storefront:where(:not(:has(.home-story))) .filter-empty {background:var(--theme-bg);border-color:var(--line);}
#coastal-storefront:where(:not(:has(.home-story))) .collection-end p {color:var(--theme-muted);}
#coastal-storefront:where(:not(:has(.home-story))) .collection-progress-track span {background:var(--theme-detail);}

/* Neutral photographic stages; the featured photograph keeps white overlay text. */
#coastal-storefront:where(:not(:has(.home-story))) .product-card .product-image,
#coastal-storefront:where(:not(:has(.home-story))) .detail-image,
#coastal-storefront:where(:not(:has(.home-story))) .gallery-thumbnails button,
#coastal-storefront:where(:not(:has(.home-story))) .quick-product img,
#coastal-storefront:where(:not(:has(.home-story))) .zoomed-product,
#coastal-storefront:where(:not(:has(.home-story))) .featured-product {background:var(--theme-bg);}
#coastal-storefront:where(:not(:has(.home-story))) .product-card {background:var(--theme-bg);}
#coastal-storefront:where(:not(:has(.home-story))) .product-card h3,
#coastal-storefront:where(:not(:has(.home-story))) .product-card .price {color:var(--theme-ink);}
#coastal-storefront:where(:not(:has(.home-story))) .product-card .price-note {color:var(--theme-muted);}
#coastal-storefront:where(:not(:has(.home-story))) .product-card .availability,
#coastal-storefront:where(:not(:has(.home-story))) .product-card .quick-view,
#coastal-storefront:where(:not(:has(.home-story))) .zoom-label {
  background:var(--theme-gold);color:var(--theme-ink);border-color:var(--line);backdrop-filter:none;
}
#coastal-storefront:where(:not(:has(.home-story))) .product-card .quick-view:hover {background:#E7CEA0;color:var(--theme-ink);}
#coastal-storefront:where(:not(:has(.home-story))) .featured-caption,
#coastal-storefront:where(:not(:has(.home-story))) .featured-caption h2,
#coastal-storefront:where(:not(:has(.home-story))) .featured-caption > div {color:#FFF8EC;}
#coastal-storefront:where(:not(:has(.home-story))) .featured-caption .eyebrow {color:#EDD8AE;}
#coastal-storefront:where(:not(:has(.home-story))) .gallery-thumbnails button {border-color:var(--line);}
#coastal-storefront:where(:not(:has(.home-story))) .gallery-thumbnails button[aria-pressed=true] {outline-color:var(--theme-detail);}
#coastal-storefront:where(:not(:has(.home-story))) .product-description,
#coastal-storefront:where(:not(:has(.home-story))) .product-facts {color:var(--theme-ink);}
#coastal-storefront:where(:not(:has(.home-story))) .coming-note {
  background:var(--theme-bg);color:var(--theme-muted);border-color:var(--theme-detail);
}
#coastal-storefront:where(:not(:has(.home-story))) .coming-note strong {color:var(--theme-ink);}
#coastal-storefront:where(:not(:has(.home-story))) .variant-label,
#coastal-storefront:where(:not(:has(.home-story))) .quick-product .eyebrow {color:var(--theme-muted);}
#coastal-storefront:where(:not(:has(.home-story))) .variant-values > span {
  color:var(--theme-ink);background:var(--theme-bg);border-color:var(--line);
}
#coastal-storefront:where(:not(:has(.home-story))) .variant-note,
#coastal-storefront:where(:not(:has(.home-story))) .detail-copy details p {color:var(--theme-muted);}
#coastal-storefront:where(:not(:has(.home-story))) .detail-copy .button:disabled {
  background:var(--theme-bg);color:var(--theme-muted);border-color:var(--line);
}

/* Story, Track, and dialogs use the same page color and calm text treatment. */
#coastal-storefront:where(:not(:has(.home-story))) .hub-hero,
#coastal-storefront:where(:not(:has(.home-story))) .track-intro {background:transparent;color:var(--theme-ink);}
#coastal-storefront:where(:not(:has(.home-story))) .hub-hero .eyebrow,
#coastal-storefront:where(:not(:has(.home-story))) .simple-page .eyebrow,
#coastal-storefront:where(:not(:has(.home-story))) .track-intro .home-handwritten {color:var(--theme-muted);}
#coastal-storefront:where(:not(:has(.home-story))) .hub-hero p:not(.eyebrow),
#coastal-storefront:where(:not(:has(.home-story))) .simple-page p,
#coastal-storefront:where(:not(:has(.home-story))) .track-intro > p:last-child,
#coastal-storefront:where(:not(:has(.home-story))) .track-map small {color:var(--theme-muted);}
#coastal-storefront:where(:not(:has(.home-story))) .track-map h2,
#coastal-storefront:where(:not(:has(.home-story))) .track-map h2 span,
#coastal-storefront:where(:not(:has(.home-story))) .track-map h2 .ui-icon,
#coastal-storefront:where(:not(:has(.home-story))) .track-map nav > a > span:last-child,
#coastal-storefront:where(:not(:has(.home-story))) .track-map nav > a:hover {color:var(--theme-ink);}
#coastal-storefront:where(:not(:has(.home-story))) .track-map nav > a:hover {background:var(--inner-hover);}
#coastal-storefront:where(:not(:has(.home-story))) dialog {
  color:var(--theme-ink);background:var(--theme-bg);border-color:var(--line);
}
#coastal-storefront:where(:not(:has(.home-story))) .close-dialog {color:var(--theme-ink);}
#coastal-storefront:where(:not(:has(.home-story))) .toast,
#coastal-storefront:where(:not(:has(.home-story))) .skip-link {color:var(--theme-ink);background:var(--theme-gold);}

/* Clear space under text while the shared artwork flows around it. */
#coastal-storefront:where(:not(:has(.home-story))) .catalog-sidebar .sidebar-group,
#coastal-storefront:where(:not(:has(.home-story))) .catalog-section .section-heading > div,
#coastal-storefront:where(:not(:has(.home-story))) .listing-head > div,
#coastal-storefront:where(:not(:has(.home-story))) .collection-refine,
#coastal-storefront:where(:not(:has(.home-story))) .product-toolbar,
#coastal-storefront:where(:not(:has(.home-story))) .detail-copy,
#coastal-storefront:where(:not(:has(.home-story))) .track-intro > *,
#coastal-storefront:where(:not(:has(.home-story))) .track-map article,
#coastal-storefront:where(:not(:has(.home-story))) .simple-page > *,
#coastal-storefront:where(:not(:has(.home-story))) .hub-copy > * {
  background-color:var(--theme-bg);box-shadow:0 0 18px 14px var(--theme-bg);
}
#coastal-storefront:where(:not(:has(.home-story))) .simple-page > .button-row {box-shadow:none;}

@media(min-width:701px) {
  #coastal-storefront:where(:not(:has(.home-story))) .campaign-copy h1 {color:#FFF8EC;}
  #coastal-storefront:where(:not(:has(.home-story))) .campaign-copy .eyebrow,
  #coastal-storefront:where(:not(:has(.home-story))) .campaign-intro {color:#F4EEE4;}
}
@media(max-width:700px) {
  #coastal-storefront:where(:not(:has(.home-story))) .campaign-hero .campaign-copy {
    background:transparent;color:var(--theme-ink);
  }
  #coastal-storefront:where(:not(:has(.home-story))) .campaign-copy h1 {color:var(--theme-ink);}
  #coastal-storefront:where(:not(:has(.home-story))) .campaign-copy .eyebrow,
  #coastal-storefront:where(:not(:has(.home-story))) .campaign-intro {color:var(--theme-muted);}
  #coastal-storefront:where(:not(:has(.home-story))) .campaign-copy .button.light {
    background:var(--theme-gold);color:var(--theme-ink);border-color:var(--theme-gold);
  }
  #coastal-storefront:where(:not(:has(.home-story))) .campaign-copy > :not(.button) {
    background-color:var(--theme-bg);box-shadow:0 0 16px 12px var(--theme-bg);
  }
  #coastal-storefront:where(:not(:has(.home-story))) .collection-masthead::after {
    background:linear-gradient(90deg,#FAFCFDf7,#FAFCFDeb 45%,#FAFCFD78);
  }
  #coastal-storefront:where(:not(:has(.home-story))) .collection-refine {box-shadow:none;}
}
