/** Shopify CDN: Minification failed

Line 997:19 Unexpected "*"

**/
/* ===========================================
   Layerd Custom Styles — Dark Theme
   =========================================== */

/* --- Root / Global Overrides --- */
:root {
  --layerd-bg: #09090b;
  --layerd-bg-subtle: #18181b;
  --layerd-border: #27272a;
  --layerd-text: #fafafa;
  --layerd-text-muted: #a1a1aa;
  --layerd-accent: #a3e635;
  --layerd-accent-hover: #bef264;
}

html {
  scroll-behavior: smooth;
}

::selection {
  background: #a3e635;
  color: #000;
}

/* --- Announcement Bar --- */
.announcement-bar-section .utility-bar {
  padding: 8px 0;
}

.announcement-bar-section {
  background: #a3e635 !important;
}

.announcement-bar-section .color-scheme-1,
.announcement-bar-section .color-scheme-2,
.announcement-bar-section .color-scheme-3,
.announcement-bar-section .color-scheme-4,
.announcement-bar-section .color-scheme-5,
.announcement-bar-section [class*="color-scheme"] {
  background: #a3e635 !important;
  color: #000 !important;
}

.announcement-bar__message {
  font-size: 1.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #000 !important;
}

.announcement-bar__link {
  color: #000 !important;
}

/* --- Header / Navigation --- */
.section-header {
  background: #09090b !important;
}

.section-header .color-scheme-1,
.section-header .color-scheme-2,
.section-header .color-scheme-3,
.section-header [class*="color-scheme"] {
  background: #09090b !important;
  color: #fafafa !important;
}

.header {
  background: #09090b !important;
  border-bottom: 1px solid #27272a !important;
  transition: all 0.3s ease;
}

.header__heading-link {
  font-weight: 900;
  letter-spacing: -0.02em;
  color: #fafafa !important;
  text-transform: uppercase;
}

.header__heading-link:hover {
  color: #a3e635 !important;
}

.header__menu-item {
  font-size: 1.2rem;
  letter-spacing: 0.12rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #a1a1aa !important;
  transition: color 0.3s ease;
}

.header__menu-item:hover,
.header__menu-item span:hover {
  color: #a3e635 !important;
}

/* Remove nav link underlines — reference uses color-only hover */
.header__menu-item:hover span,
details[open] > .header__menu-item,
details[open]:hover > .header__menu-item,
.header__active-menu-item,
.header__menu-item:hover .header__active-menu-item,
.list-menu__item--active,
.header__submenu .header__menu-item:hover {
  text-decoration: none !important;
}

/* Layerd logo icon */
.layerd-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.layerd-logo__icon {
  width: 24px;
  height: 24px;
  color: #a3e635;
  flex-shrink: 0;
}

.header__icon,
.header__icon svg {
  color: #fafafa !important;
}

/* Scale cart icon to match original Dawn sizing */
.header__icon--cart .icon {
  width: 2rem;
  height: 2rem;
}

.header__icon:hover,
.header__icon:hover svg {
  color: #a3e635 !important;
}

/* Cart count badge */
.cart-count-bubble {
  background: #a3e635 !important;
  color: #000 !important;
}

/* Sticky header dark background */
.shopify-section-header-sticky {
  background: #09090b !important;
}

.header-wrapper--border-bottom {
  border-bottom-color: #27272a !important;
}

/* --- Body / Page Background --- */
body,
.template-index {
  background-color: #09090b !important;
  color: #fafafa;
}

/* --- Typography --- */
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 900;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

/* --- Buttons --- */
.button,
.shopify-challenge__button {
  font-size: 1.2rem;
  letter-spacing: 0.12rem;
  text-transform: uppercase;
  font-weight: 700;
  padding: 1.2rem 3rem;
  transition: all 0.3s ease;
  border-radius: 0;
}

.button--primary,
.button:not(.button--secondary) {
  background: #a3e635 !important;
  color: #000 !important;
  border-color: #a3e635 !important;
}

.button--primary:hover,
.button:not(.button--secondary):hover {
  background: #bef264 !important;
  border-color: #bef264 !important;
}

.button--secondary {
  background: transparent !important;
  color: #d4d4d8 !important;
  border: 2px solid #3f3f46 !important;
}

.button--secondary:hover {
  background: #27272a !important;
  border-color: #a3e635 !important;
  color: #a3e635 !important;
}

/* --- Product Cards (for product pages / collections) --- */
.card-wrapper {
  transition: transform 0.3s ease;
}

.card-wrapper:hover {
  transform: translateY(-4px);
}

.card {
  background: #18181b !important;
  border: 1px solid #27272a !important;
  border-radius: 0 !important;
}

.card:hover {
  border-color: rgba(163, 230, 53, 0.3) !important;
}

.card__heading {
  font-weight: 700;
  color: #fafafa !important;
}

.card__heading a {
  color: #fafafa !important;
}

.card-wrapper:hover .card__heading {
  text-decoration: none;
}

.card__information {
  padding-top: 1rem;
}

.card-information .price,
.card-information .price .price-item {
  color: #d4d4d8 !important;
}

.card [class*="color-scheme"] {
  background: #18181b !important;
  color: #fafafa !important;
}

/* --- Badge Styling --- */
.badge {
  font-size: 1.1rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  font-weight: 700;
}

/* --- Star Rating --- */
.rating {
  color: #a3e635;
}

/* --- General Section Spacing --- */
.section-template--index > * + * {
  margin-top: 0;
}

.shopify-section + .shopify-section {
  margin-top: 0;
}

/* --- Quick Add Button --- */
.quick-add__submit {
  background: #a3e635 !important;
  color: #000 !important;
}

.quick-add__submit:hover {
  background: #bef264 !important;
}

/* --- Cart Drawer --- */
.cart-drawer,
.drawer {
  background: #09090b !important;
  color: #fafafa !important;
}

.cart-drawer .drawer__header,
.cart-drawer .cart-drawer__footer {
  border-color: #27272a !important;
}

/* --- Predictive Search / Search --- */
.predictive-search {
  background: #18181b !important;
  border-color: #27272a !important;
  color: #fafafa !important;
}

/* --- Product Pages --- */
.product [class*="color-scheme"] {
  background: #09090b !important;
  color: #fafafa !important;
}

.product .product__title {
  color: #fafafa !important;
}

.product .price {
  color: #fafafa !important;
}

.product .product__description .rte,
.product .product__description .rte p {
  color: #a1a1aa !important;
}

/* Variant picker */
.product .variant-picker__label {
  color: #d4d4d8 !important;
}

/* --- General Color Scheme Overrides for Dark Theme --- */
.color-scheme-3,
.color-scheme-4,
.color-scheme-5 {
  background: #09090b;
  color: #fafafa;
}

/* --- Menu Drawer (Mobile) --- */
.menu-drawer {
  background: #09090b !important;
  color: #fafafa !important;
}

.menu-drawer__menu-item {
  color: #fafafa !important;
}

.menu-drawer__menu-item:hover {
  color: #a3e635 !important;
}

.menu-drawer .menu-drawer__utility-links a {
  color: #a1a1aa !important;
}

.menu-drawer .menu-drawer__utility-links .header__icon--account,
.menu-drawer .menu-drawer__utility-links a[href*="account"] {
  color: #a3e635 !important;
  text-decoration: none !important;
}

/* --- Collection Pages --- */
.collection-list .title {
  font-weight: 900;
  letter-spacing: -0.02em;
  color: #fafafa;
}

.collection-list .card__heading {
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08rem;
}

/* --- Image With Text --- */
.image-with-text h2 {
  font-weight: 900;
  letter-spacing: -0.02em;
}

.image-with-text .image-with-text__content .rte {
  font-size: 1.5rem;
  line-height: 1.8;
  color: #a1a1aa;
}

@media screen and (min-width: 750px) {
  .image-with-text .image-with-text__content .rte {
    font-size: 1.6rem;
  }
}

/* ===========================================
   Issue 2: Header — Hide Search, "Log In" Text
   =========================================== */

/* Hide search icon on desktop */
@media screen and (min-width: 990px) {
  .header__icon--search {
    display: none !important;
  }
}

/* Restyle account icon as "Log In" text */
.header__icon--account {
  text-decoration: none !important;
}

.header__icon--account svg {
  display: none !important;
}

.header__icon--account .visually-hidden {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: nowrap !important;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12rem;
  color: #a1a1aa !important;
  transition: color 0.3s ease;
}

.header__icon--account:hover .visually-hidden {
  color: #a3e635 !important;
}

/* ===========================================
   Issue 3: Dark Theme — All Non-Homepage Pages
   =========================================== */

/* --- 3A. Global Color Scheme Override --- */
.color-scheme-1,
.color-scheme-2 {
  --color-background: 9, 9, 11;
  --color-foreground: 250, 250, 250;
  --color-button: 163, 230, 53;
  --color-button-text: 0, 0, 0;
  --color-shadow: 0, 0, 0;
  --color-card: 24, 24, 27;
  --color-card-text: 250, 250, 250;
  --color-secondary-button: 250, 250, 250;
  --color-secondary-button-text: 9, 9, 11;
  --gradient-background: #09090b;
  background-color: #09090b;
  color: #fafafa;
}

/* --- 3B. Template Backgrounds --- */
body,
.template-index,
.template-collection,
.template-product,
.template-cart,
.template-customers-login,
.template-customers-register,
.template-customers-account,
.template-customers-order,
.template-customers-addresses,
.template-blog,
.template-article,
.template-search,
.template-404,
.template-page,
.template-contact,
.template-list-collections,
.template-gift_card {
  background-color: #09090b !important;
  color: #fafafa;
}

/* --- 3C. Collection Pages --- */
.collection-hero,
.collection-hero__inner {
  background: #09090b !important;
  color: #fafafa !important;
}

.collection-hero__title,
.collection .title {
  color: #fafafa !important;
}

.collection-hero__description {
  color: #a1a1aa !important;
}

.collection .collection-product-count {
  color: #71717a !important;
}

/* Facets / Filters */
.facets-container {
  background: #09090b !important;
}

.facets__summary,
.facets__label,
.facets__selected,
.facets__display-count,
.facets-vertical .facets__heading,
.active-facets__button,
.mobile-facets__sort label {
  color: #d4d4d8 !important;
}

.facets__disclosure,
.facets-disclosure,
.facet-filters,
.facets-vertical {
  border-color: #27272a !important;
}

.facet-checkbox {
  border-color: #3f3f46 !important;
  background: #18181b !important;
}

.facet-checkbox:checked,
.facet-checkbox input:checked {
  background: #a3e635 !important;
  border-color: #a3e635 !important;
}

/* Sort dropdown */
.collection-filters__sort select,
.facet-filters__sort select {
  background: #18181b !important;
  border-color: #27272a !important;
  color: #fafafa !important;
}

.collection-filters__sort select option,
.facet-filters__sort select option {
  background: #18181b;
  color: #fafafa;
}

/* Product grid on collection */
.collection .product-grid,
.collection-list,
.product-grid {
  background: transparent !important;
}

/* --- 3D. Cart Page --- */
.cart,
.cart__items,
.cart-items {
  background: #09090b !important;
  color: #fafafa !important;
}

.cart .cart__heading,
.cart .title {
  color: #fafafa !important;
}

.cart-items thead th,
.cart-items td {
  color: #d4d4d8 !important;
  border-color: #27272a !important;
}

.cart-item__name,
.cart-item__details a {
  color: #fafafa !important;
}

.cart-item__details .product-option,
.cart-item__details .cart-item__price {
  color: #a1a1aa !important;
}

/* Quantity inputs in cart */
.cart-item .quantity__input,
.cart-item quantity-input input {
  background: #18181b !important;
  border-color: #27272a !important;
  color: #fafafa !important;
}

.cart-item .quantity__button {
  color: #d4d4d8 !important;
}

.cart-item .quantity__button:hover {
  color: #a3e635 !important;
}

/* Cart footer / totals */
.cart__footer,
.cart__footer-wrapper,
.cart__blocks {
  background: #09090b !important;
  border-color: #27272a !important;
}

.cart__footer .totals,
.cart__footer .totals__subtotal,
.cart__footer .totals__subtotal-value,
.totals__total,
.totals__total-value {
  color: #fafafa !important;
}

.cart__footer .tax-note,
.cart__footer .rte {
  color: #71717a !important;
}

/* Empty cart state */
.cart--empty-message,
.cart--empty .cart__empty-text {
  color: #a1a1aa !important;
}

/* Cart notes */
.cart__note label,
.cart__note textarea {
  color: #d4d4d8 !important;
}

.cart__note textarea {
  background: #18181b !important;
  border-color: #27272a !important;
}

/* Cart remove / links */
.cart-item cart-remove-button a,
.cart-item .cart-item__quantity-wrapper a {
  color: #71717a !important;
}

.cart-item cart-remove-button a:hover {
  color: #f87171 !important;
}

/* --- 3E. Customer Account Pages --- */
.customer .login,
.customer .register,
.customer .account,
.customer .order {
  background: #09090b !important;
  color: #fafafa !important;
}

.customer h1,
.customer h2,
.customer h3,
.customer .title {
  color: #fafafa !important;
}

.customer a {
  color: #a3e635 !important;
}

.customer a:hover {
  color: #bef264 !important;
}

/* Login / Register forms */
.customer .field__label {
  color: #a1a1aa !important;
}

.customer .field__input {
  background: #18181b !important;
  border-color: #27272a !important;
  color: #fafafa !important;
}

.customer .field__input:focus {
  border-color: #a3e635 !important;
  box-shadow: 0 0 0 1px #a3e635 !important;
}

/* Order history table */
.customer .order-history thead th {
  color: #71717a !important;
  border-color: #27272a !important;
}

.customer .order-history td {
  color: #d4d4d8 !important;
  border-color: #27272a !important;
}

/* Address list */
.customer .address-card {
  background: #18181b !important;
  border-color: #27272a !important;
  color: #d4d4d8 !important;
}

/* --- 3F. Global Form Elements --- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="url"],
textarea,
select {
  background: #18181b !important;
  border: 1px solid #27272a !important;
  color: #fafafa !important;
  border-radius: 0.25rem;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
  border-color: #a3e635 !important;
  box-shadow: 0 0 0 1px #a3e635 !important;
  outline: none;
}

input::placeholder,
textarea::placeholder {
  color: #71717a !important;
}

label,
.field__label {
  color: #a1a1aa !important;
}

/* Checkbox and radio */
input[type="checkbox"],
input[type="radio"] {
  accent-color: #a3e635;
}

/* Select dropdown arrow */
select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M6 8.825L0.575 3.4l1.05-1.05L6 6.725l4.375-4.375 1.05 1.05z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 2.5rem !important;
}

/* Field wrapper (Dawn-specific) */
.field,
.form__label {
  color: #a1a1aa !important;
}

.field__input {
  background: #18181b !important;
  border-color: #27272a !important;
  color: #fafafa !important;
}

.field__input:focus {
  border-color: #a3e635 !important;
  box-shadow: 0 0 0 1px #a3e635 !important;
}

/* --- 3G. Blog & Article Pages --- */
.blog-articles .blog-articles__article,
.article-card {
  background: #18181b !important;
  border: 1px solid #27272a !important;
}

.blog-articles .blog-articles__article:hover,
.article-card:hover {
  border-color: rgba(163, 230, 53, 0.3) !important;
}

.article-card__title,
.article-card__title a,
.blog-articles__article-title {
  color: #fafafa !important;
}

.article-card__excerpt,
.article-card__info,
.article-card__date {
  color: #a1a1aa !important;
}

/* Article content (RTE) */
.article-template .article-template__content .rte,
.article-template .article-template__content .rte p,
.article-template .article-template__content .rte li {
  color: #d4d4d8 !important;
}

.article-template .article-template__content .rte h1,
.article-template .article-template__content .rte h2,
.article-template .article-template__content .rte h3,
.article-template .article-template__content .rte h4 {
  color: #fafafa !important;
}

.article-template .article-template__content .rte a {
  color: #a3e635 !important;
}

.article-template .article-template__content .rte blockquote {
  border-left-color: #a3e635 !important;
  color: #a1a1aa !important;
}

.article-template .article-template__title {
  color: #fafafa !important;
}

.article-template .article-template__hero-medium,
.article-template .article-template__hero-small,
.article-template .article-template__hero-large {
  background: #09090b !important;
}

/* Comments */
.article-template__comments .field__input,
.article-template__comments textarea {
  background: #18181b !important;
  border-color: #27272a !important;
  color: #fafafa !important;
}

.article-template__comment {
  border-color: #27272a !important;
  color: #d4d4d8 !important;
}

.article-template__comment-author {
  color: #fafafa !important;
}

/* --- 3H. Search Page --- */
.template-search .search__input,
.search-modal__input {
  background: #18181b !important;
  border-color: #27272a !important;
  color: #fafafa !important;
}

.template-search .search__input:focus,
.search-modal__input:focus {
  border-color: #a3e635 !important;
}

.template-search .search__button {
  color: #fafafa !important;
}

.template-search .search-results-heading,
.template-search h1 {
  color: #fafafa !important;
}

.predictive-search__result-group .predictive-search__heading {
  color: #71717a !important;
}

.predictive-search__item .predictive-search__item-heading {
  color: #fafafa !important;
}

/* --- 3I. 404, Generic Pages, Contact Form --- */
.template-404 h1,
.template-404 .title {
  color: #fafafa !important;
}

.template-404 .rte,
.template-404 p {
  color: #a1a1aa !important;
}

.template-404 a {
  color: #a3e635 !important;
}

.template-page .page-width,
.template-contact .page-width {
  color: #fafafa !important;
}

.template-page h1,
.template-contact h1 {
  color: #fafafa !important;
}

.template-page .rte,
.template-page .rte p,
.template-contact .rte,
.template-contact .rte p {
  color: #d4d4d8 !important;
}

.contact__fields .field__label {
  color: #a1a1aa !important;
}

/* --- 3J. Pagination, Breadcrumbs, Modals, Links --- */

/* Pagination */
.pagination__list .pagination__item a,
.pagination__list .pagination__item span {
  color: #d4d4d8 !important;
  border-color: #27272a !important;
}

.pagination__list .pagination__item a:hover {
  background: #18181b !important;
  color: #a3e635 !important;
  border-color: #a3e635 !important;
}

.pagination__list .pagination__item--current span {
  background: #a3e635 !important;
  color: #000 !important;
  border-color: #a3e635 !important;
}

/* Breadcrumbs */
.breadcrumbs a {
  color: #71717a !important;
}

.breadcrumbs a:hover {
  color: #a3e635 !important;
}

.breadcrumbs .breadcrumbs__separator {
  color: #3f3f46 !important;
}

/* Modals / Popups */
.modal__content,
.popup-modal__content {
  background: #09090b !important;
  border-color: #27272a !important;
  color: #fafafa !important;
}

.modal__close-button {
  color: #a1a1aa !important;
}

.modal__close-button:hover {
  color: #fafafa !important;
}

/* Generic links */
a:not([class]) {
  color: #a3e635;
}

a:not([class]):hover {
  color: #bef264;
}

/* Price styling across site */
.price-item,
.price .price-item--regular,
.price .price-item--sale {
  color: #fafafa !important;
}

.price .price-item--regular.price-item--last {
  color: #71717a !important;
}

/* Ensure page-width containers are transparent */
.page-width {
  background: transparent;
}

/* Section padding inherits dark background */
.section-template--* {
  background: #09090b;
}

/* Disclosure / Localization dropdowns */
.disclosure__list {
  background: #18181b !important;
  border-color: #27272a !important;
}

.disclosure__item .disclosure__link {
  color: #d4d4d8 !important;
}

.disclosure__item .disclosure__link:hover {
  color: #a3e635 !important;
  background: #27272a !important;
}

/* ===========================================
   Collection Page — Premium Redesign
   =========================================== */

/* --- 1. Banner / Hero --- */
.template-collection .collection-hero {
  padding: 8rem 0 3rem;
}

.template-collection .collection-hero__title {
  font-size: 4.8rem;
  font-weight: 900;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  line-height: 1;
  color: #fafafa !important;
}

@media screen and (min-width: 750px) {
  .template-collection .collection-hero__title {
    font-size: 7.2rem;
  }
}

.template-collection .collection-hero__description {
  color: #a1a1aa !important;
  font-weight: 500;
  font-size: 1.6rem;
  max-width: 60ch;
}

/* --- 2. Filter Bar — Minimal / Clinical --- */
.template-collection .facets-container {
  border-top: 1px solid #18181b !important;
  border-bottom: 1px solid #18181b !important;
  background: #09090b !important;
  padding: 1.2rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* "FILTER" label — tiny, muted, mono */
.template-collection .facets__header,
.template-collection .facets-container > label,
.template-collection .facets__heading {
  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
  font-size: 1.4rem;
  font-weight: 500;
  color: #52525b !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* Tighter gap between pills */
.template-collection .facets__wrapper,
.template-collection .facets-wrapper {
  gap: 0.6rem !important;
  align-items: center;
}

/* Filter pills — dark bg, muted text */
.template-collection .facets__summary {
  background: #18181b !important;
  color: #a1a1aa !important;
  border: none !important;
  border-radius: 9999px !important;
  padding: 0.5rem 1.4rem !important;
  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: background 0.2s ease, color 0.2s ease;
}

/* Hover → lighter bg + white text */
.template-collection .facets__summary:hover {
  background: #27272a !important;
  color: #fafafa !important;
}

/* Open/active → white bg + black text */
.template-collection details[open] > .facets__summary {
  background: #fafafa !important;
  color: #09090b !important;
}

.template-collection .facets__disclosure {
  border: none !important;
}

/* Product count — tiny mono, muted */
.template-collection .facets__display-count,
.template-collection .product-count__text {
  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
  font-size: 1.3rem;
  font-variant-numeric: tabular-nums;
  color: #52525b !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* Sort label — match the Filter heading style */
.template-collection .facet-filters__label {
  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
  font-size: 1.3rem;
  font-weight: 500;
  color: #52525b !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* Sort dropdown — transparent bg, simple rounded (NOT pill) */
.template-collection .facet-filters__sort .select {
  border-radius: 0.5rem !important;
  overflow: hidden;
}

.template-collection .facet-filters__field .select .svg-wrapper {
  display: none !important;
}

.template-collection .facet-filters__sort select,
.template-collection .collection-filters__sort select {
  background-color: transparent !important;
  color: #fafafa !important;
  border: 1px solid #27272a !important;
  border-radius: 0.5rem !important;
  padding: 0.5rem 2.4rem 0.5rem 1rem !important;
  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.template-collection .facet-filters__sort select:hover,
.template-collection .collection-filters__sort select:hover {
  background: #18181b !important;
  color: #fafafa !important;
  border-color: #3f3f46 !important;
}

/* --- 3. Product Grid Spacing --- */
.template-collection .product-grid {
  --grid-desktop-horizontal-spacing: 2rem;
  row-gap: 4rem !important;
}

@media screen and (max-width: 749px) {
  .template-collection .product-grid {
    row-gap: 3rem !important;
  }
}

/* --- 4. Card Image Area --- */
.template-collection .card__inner {
  background: rgba(24, 24, 27, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 1.5rem !important;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.4s ease;
  position: relative;
}

/* Force landscape (4:3) card ratio on collection page */
.template-collection .card .ratio {
  --ratio-percent: 75% !important;
}

.template-collection .card {
  border: none !important;
  border-radius: 1.5rem !important;
  background: transparent !important;
  overflow: visible;
}

.template-collection .card__media {
  border-radius: 1.5rem !important;
  overflow: hidden;
}

/* Remove Dawn's default translateY hover lift on collection */
.template-collection .card-wrapper:hover {
  transform: translateY(-8px);
}

/* --- 5. Per-Product Accent Glow --- */
.template-collection .card__inner::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 1.5rem;
  background: radial-gradient(circle at 50% 60%, var(--product-accent, #a3e635), transparent 70%);
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.template-collection .card-wrapper:hover .card__inner::after {
  opacity: 0.25;
}

/* Remove all hover underlines on collection page */
.template-collection a,
.template-collection a:hover,
.template-collection .link,
.template-collection .link:hover,
.template-collection .underlined-link,
.template-collection .underlined-link:hover,
.template-collection .underline-links-hover:hover a,
.template-collection .facets__summary:hover .facets__summary-label,
.template-collection .facets__label:hover .facet-checkbox__text-label,
.template-collection .mobile-facets__open:hover .mobile-facets__open-label {
  text-decoration: none !important;
}

/* Ensure card content sits above the glow — targeted rules to avoid
   breaking .card__media's position:absolute (required by Dawn's ratio trick) */
.template-collection .card .card__inner .card__media {
  z-index: 1;
}

.template-collection .card__media,
.template-collection .card__media .media {
  background: transparent !important;
}

.template-collection .card__inner > .card__content {
  position: relative;
  z-index: 1;
}

/* Show full product image centered (not cropped) with glow visible around it */
.template-collection .card__media .media img {
  object-fit: contain;
  object-position: center center;
  padding: 5rem;
}

/* --- 6. Card Info / Heading --- */
.template-collection .card__heading {
  font-size: 1.6rem !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 1.2;
}

@media screen and (min-width: 750px) {
  .template-collection .card__heading {
    font-size: 1.8rem !important;
  }
}

.template-collection .card__heading a {
  transition: color 0.2s ease;
}

.template-collection .card-wrapper:hover .card__heading a {
  color: var(--layerd-accent, #a3e635) !important;
}

/* Product card tagline (below heading on collection page) */
.template-collection .card__tagline {
  display: block;
  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
  font-size: 1.1rem;
  font-weight: 500;
  color: #71717a !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-top: 0.2rem;
}

/* Price */
.template-collection .card-information .price .price-item {
  font-weight: 600;
  font-size: 1.4rem;
}

/* --- 7. Quick-Add Button --- */
.template-collection .quick-add__submit {
  background: #fafafa !important;
  color: #09090b !important;
  border: 1px solid #fafafa !important;
  border-radius: 0.75rem !important;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 1rem 2rem;
  transition: all 0.2s ease;
}

.template-collection .quick-add__submit:hover {
  background: #e4e4e7 !important;
  border-color: #e4e4e7 !important;
}

/* Disabled / Sold-Out — "Depleted" red tint */
.template-collection .quick-add__submit[disabled] {
  background: rgba(239, 68, 68, 0.1) !important;
  color: #f87171 !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
  cursor: not-allowed;
  opacity: 1 !important;
}

/* --- 8. Badges --- */
.template-collection .card__badge .badge {
  background: rgba(239, 68, 68, 0.1) !important;
  color: #ef4444 !important;
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.3rem 0.8rem;
}

/* Sale badges keep distinct styling */
.template-collection .card__badge .badge.color-scheme-4,
.template-collection .card__badge .badge:not([class*="sold"]) {
  /* Only override sold-out badges above; sale badges inherit */
}

/* Hide duplicate sold-out badge inside card__inner (image overlay area) */
.template-collection .card__inner .card__badge {
  display: none !important;
}

/* --- 9. Mobile Filter Drawer --- */
.template-collection .mobile-facets__wrapper {
  background: #09090b !important;
  color: #fafafa !important;
}

.template-collection .mobile-facets__header {
  border-bottom: 1px solid #27272a !important;
}

.template-collection .mobile-facets__heading {
  color: #fafafa !important;
}

.template-collection .mobile-facets__main {
  background: #09090b !important;
}

.template-collection .mobile-facets__details summary {
  color: #d4d4d8 !important;
  border-bottom: 1px solid #27272a !important;
}

.template-collection .mobile-facets__close-button {
  color: #fafafa !important;
}

.template-collection .mobile-facets__apply-button {
  background: #fafafa !important;
  color: #09090b !important;
  border-radius: 9999px !important;
}

/* --- 10. Tilt Card CSS Support --- */
.template-collection .card-wrapper {
  transform-style: preserve-3d;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .template-collection .card-wrapper {
    transition: none !important;
  }

  .template-collection .card__inner::after {
    transition: none !important;
  }
}