/* Generated by build-theme-assets.py. Source order is intentional. */

/* damascus-background.css */
/* Original engraved Damascus contours. No glow, blur, or pointer tracking. */
.blessed-damascus {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  overflow: clip;
  isolation: isolate;
  pointer-events: none;
  background: #070709;
  contain: strict;
}

.blessed-damascus::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: var(--damascus-image);
  opacity: .74;
  background-repeat: repeat;
  background-size: 960px 960px;
}

/* Only the contours morph. The background layer never translates or scales. */
@media (prefers-reduced-motion: no-preference) {
  .blessed-damascus.is-motion-visible::before {
    background-image: var(--damascus-animation, var(--damascus-image));
  }
}

/* A fixed dark veil keeps the reading column calm. */
.blessed-damascus::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 58% 100% at 50% 35%, #070709ed 0%, #070709c7 35%, #07070938 72%, #0707090d 100%);
}

@media (max-width: 760px) {
  .blessed-damascus::before { background-size: 700px 700px; }
  .blessed-damascus::after {
    background: radial-gradient(ellipse 66% 100% at 50% 35%, #070709e8 0%, #070709bc 40%, #07070952 82%, #07070926 100%);
  }
}



/* refinement-home.css */
/* BL3SSED: immersive gaming storefront, built around live store content. */
:root { --refined-line: rgba(var(--cl-t-primary),.12); --refined-muted: rgba(var(--cl-t-primary),.65); }
body { -webkit-font-smoothing: antialiased; background-image: none; }
#app { position: relative; z-index: 1; max-width: 1280px; padding: 12px 40px 28px; }
::selection { background: rgba(var(--cl-accent),.35); }
:where(a,button,input,select,textarea,summary):focus-visible { outline: 2px solid rgb(var(--cl-accent)); outline-offset: 5px; }
.premium-home { padding-top: 0; }
.premium-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 6%; max-width: none; margin: 0; padding: 4.5rem 0 4rem; text-align: left; }
.premium-hero::before { display: none; }
.premium-hero__glow { display: none; }
.blessed-hero-copy { min-width: 0; }
.premium-pill { display: inline-flex; align-items: center; gap: .55rem; padding: .5rem .8rem; border: 1px solid rgba(var(--cl-accent),.22); border-radius: 999px; background: rgba(var(--cl-accent),.065); color: rgb(var(--cl-accent)); font-size: .625rem; font-weight: 700; letter-spacing: .12em; line-height: 1.5; }
.premium-hero h1 { max-width: 45rem; margin: 1.5rem 0 1.25rem; font-size: clamp(3.25rem,6.4vw,6rem); line-height: 1.02; font-weight: 800; letter-spacing: -.06em; text-wrap: balance; }
.premium-hero h1 strong { font-weight: inherit; color: rgb(var(--cl-accent)); background: linear-gradient(110deg,#f4e8ff 0%,rgb(var(--cl-accent)) 65%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.premium-hero p { max-width: 29rem; margin: 0; color: var(--refined-muted); font-size: 1.0625rem; line-height: 1.85; }
.premium-hero__actions { justify-content: flex-start; gap: .75rem; margin-top: 2rem; }
.premium-button { width: auto; min-height: 3.3rem; padding: .9rem 1.25rem; border-radius: .8rem; gap: .65rem; font-size: .8125rem; font-weight: 700; will-change: auto; }
.premium-button::before { display: none; }
.premium-button--primary { color: rgb(var(--cl-t-accent)); background: linear-gradient(120deg,#cb91fa,rgb(var(--cl-accent))); border-color: rgba(var(--cl-accent),.7); box-shadow: 0 8px 32px rgba(var(--cl-accent),.2),inset 0 1px #ffffff25; }
.premium-button--ghost { color: rgb(var(--cl-t-primary)); border-color: var(--refined-line); background: rgba(var(--cl-card),.65); box-shadow: none; }
.premium-button:hover,.premium-button:focus-visible { transform: none; }
.blessed-hero-note { display: inline-flex; align-items: center; gap: .65rem; margin-top: 1.5rem; color: var(--refined-muted); font-size: .75rem; }
.blessed-hero-note span { color: rgb(var(--cl-t-primary)); }
.blessed-hero-note span i { color: rgb(var(--cl-accent)); margin-right: .3rem; }
.blessed-hero-note > i { font-size: .6rem; }
.blessed-spotlight { min-width: 0; position: relative; border: 1px solid rgba(var(--cl-accent),.6); border-radius: 1.5rem; background: linear-gradient(145deg,rgba(var(--cl-accent),.11),transparent 45%),rgb(var(--cl-card)); box-shadow: 0 24px 80px #0005,0 12px 55px rgba(var(--cl-accent),.13),inset 0 1px #ffffff15; }
.blessed-spotlight__bar { display: flex; justify-content: space-between; align-items: center; gap: .75rem; padding: 1.1rem 1.4rem; color: rgba(var(--cl-t-primary),.5); font-size: .55rem; letter-spacing: .1em; }
.blessed-spotlight__bar > span:first-child { color: rgb(var(--cl-accent)); }
.blessed-spotlight__bar i { margin-right: .35rem; }
.blessed-spotlight__image { aspect-ratio: 2.35; margin: 0 .75rem; overflow: hidden; border-radius: 1rem; background: rgb(var(--cl-background)); }
.blessed-spotlight__image img { width: 100%; height: 100%; object-fit: var(--product-image-fit,contain); }
.blessed-spotlight__image img.is-logo { object-fit: contain; }
.blessed-spotlight__body { padding: 1.25rem 1.5rem 1.4rem; }
.blessed-spotlight__category { display: flex; justify-content: space-between; gap: .5rem; color: var(--refined-muted); font-size: .625rem; }
.blessed-spotlight__category > span:last-child { color: rgb(var(--cl-accent)); }
.blessed-spotlight h2 { margin: .65rem 0 1rem; font-size: clamp(1.5rem,2.5vw,2rem); line-height: 1.2; font-weight: 800; letter-spacing: -.035em; overflow-wrap: anywhere; }
.blessed-spotlight__price { display: flex; align-items: baseline; gap: .65rem; margin-bottom: 1.25rem; }
.blessed-spotlight__price > span { color: var(--refined-muted); font-size: .7rem; }
.blessed-spotlight__price strong { font-size: 2.6rem; font-weight: 800; letter-spacing: -.06em; line-height: 1.1; }
.blessed-spotlight__cta { display: flex; width: 100%; justify-content: center; }
.blessed-spotlight__note { display: flex; justify-content: center; align-items: center; gap: .45rem; margin-top: 1rem; color: var(--refined-muted); font-size: .625rem; }
.blessed-spotlight__note i { color: rgb(var(--cl-accent)); }
.blessed-spotlight__switcher { display: flex; gap: .4rem; padding: .7rem; border-top: 1px solid var(--refined-line); }
.blessed-spotlight__switcher button { display: flex; align-items: center; gap: .4rem; flex: 1; min-width: 0; min-height: 2.75rem; padding: .4rem .6rem; border: 1px solid transparent; border-radius: .7rem; color: var(--refined-muted); font-size: .625rem; text-align: left; overflow-wrap: anywhere; }
.blessed-spotlight__switcher button > span { flex-shrink: 0; white-space: nowrap; color: rgb(var(--cl-accent)); font-size: .5rem; }
.blessed-spotlight__switcher button.is-selected { background: rgba(var(--cl-accent),.1); border-color: rgba(var(--cl-accent),.3); color: rgb(var(--cl-t-primary)); }
.blessed-spotlight__switcher button:hover { background: rgba(var(--cl-accent),.08); }
.blessed-brand-art { position: relative; isolation: isolate; min-width: 0; }
.blessed-brand-art img { width: 100%; height: auto; }
.blessed-brand-art::before { content: ''; position: absolute; z-index: -1; inset: 15%; border-radius: 50%; background: rgba(var(--cl-accent),.15); filter: blur(50px); }
.premium-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin: 0 0 5rem; padding: 1.5rem 0; border: 1px solid var(--refined-line); border-radius: 1rem; background: rgba(var(--cl-card),.45); box-shadow: none; }
.premium-stat { display: grid; grid-template-columns: 1fr; gap: .5rem; min-width: 0; padding: .2rem 1rem; border-radius: 0; text-align: center; }
.premium-stat:hover { transform: none; background: none; }
.premium-stat i { display: none; }
.premium-stat strong { font-size: 1.8rem; font-weight: 800; line-height: 1.2; letter-spacing: -.04em; }
.premium-stat span { color: var(--refined-muted); font-size: .6rem; letter-spacing: .08em; line-height: 1.5; }
.premium-products-intro { display: flex; justify-content: space-between; align-items: flex-end; gap: 1.5rem; max-width: none; margin: 4rem 0 0; text-align: left; }
.premium-products-intro h2,.premium-section-heading h2 { margin: 1rem 0; font-size: clamp(2.25rem,4vw,3.5rem); line-height: 1.1; font-weight: 800; letter-spacing: -.045em; }
.premium-products-intro h2 strong,.premium-section-heading h2 strong { font-weight: inherit; }
.premium-products-intro p,.premium-section-heading p { color: var(--refined-muted); font-size: .9rem; line-height: 1.8; }
.blessed-text-link { display: inline-flex; flex-shrink: 0; align-items: center; gap: 1rem; padding: .9rem 1rem; border: 1px solid var(--refined-line); border-radius: .7rem; font-size: .75rem; color: rgb(var(--cl-t-primary)); }
@media(min-width:1000px) { .premium-product-grid .premium-product-grid__item { width: calc((100% - 3rem)/3); max-width: none; } }
@media(max-width:1000px) { #app { padding: 12px 28px 24px; } .premium-hero { grid-template-columns: 1fr 1fr; gap: 2rem; } .premium-hero h1 { font-size: 4rem; } .premium-hero__actions { flex-direction: column; align-items: flex-start; } .premium-hero__actions .premium-button { width: 100%; max-width: 20rem; } .blessed-spotlight__body { padding: 1.1rem; } }
@media(max-width:760px) { #app { padding: 12px 20px 24px; } .premium-hero { grid-template-columns: 1fr; gap: 2.5rem; padding: 2.5rem 0; } .premium-hero h1 { font-size: clamp(3.4rem,11vw,5rem); } .premium-hero p { max-width: 34rem; } .premium-hero__actions { flex-direction: row; } .premium-hero__actions .premium-button { width: auto; } .blessed-spotlight { width: 100%; max-width: 32rem; margin: 0 auto; } .premium-stats { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.4rem 0; margin-bottom: 3rem; } .premium-stat:nth-child(2) { border-right: 0; } .premium-stat strong { font-size: 1.5rem; } .premium-products-intro { flex-direction: column; align-items: flex-start; gap: 1rem; margin-top: 3rem; } }
@media(max-width:400px) { #app { padding: 10px 16px 24px; } .premium-hero h1 { font-size: 3.4rem; } .premium-hero__actions { flex-direction: column; } .premium-hero__actions .premium-button { width: 100%; max-width: none; } .blessed-spotlight__bar { padding: 1rem; font-size: .5rem; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto !important; } *,*::before,*::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }


/* refinement-cards.css */
/* Charcoal metal panels, etched edges, and a restrained purple accent. */
.premium-product-card,
.premium-products-page .premium-product-card {
  border: 1px solid rgba(var(--cl-accent), .6);
  border-radius: 1.5rem;
  background: linear-gradient(135deg, rgba(var(--cl-t-primary), .065), transparent 38%), linear-gradient(180deg, rgba(var(--cl-card), .98), rgb(var(--cl-background)));
  box-shadow: 0 24px 80px #0005, 0 12px 55px rgba(var(--cl-accent), .13), inset 0 1px #ffffff15;
  transform: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.premium-product-card::before { display: none; }
.premium-product-card::after { content: ''; display: block; position: absolute; z-index: 3; inset: 0 1.2rem auto; height: 2px; border-radius: 0; background: linear-gradient(90deg, rgb(var(--cl-accent)) 0 35%, rgba(var(--cl-t-primary), .18) 35% 100%); box-shadow: none; pointer-events: none; }
.premium-product-card:hover { border-color: rgba(var(--cl-accent), .55); box-shadow: inset 0 1px rgba(var(--cl-t-primary), .12), 0 18px 36px rgba(0,0,0,.35); }
.premium-product-card:focus-visible { outline: 2px solid rgb(var(--cl-accent)); outline-offset: 5px; }
.premium-product-card__surface,
.premium-products-page .premium-product-card__surface,
.premium-group-modal__grid .premium-product-card__surface { min-height: 0; }
.premium-product-card__media,
.premium-products-page .premium-product-card__media {
  margin: .8rem .8rem 0;
  border: 1px solid rgba(var(--cl-t-primary), .1);
  border-radius: .4rem;
  box-shadow: none;
  transform: none;
}
.premium-product-card__media > img,
.premium-products-page .premium-product-card__media > img,
.premium-product-card__placeholder,
.premium-products-page .premium-product-card__placeholder { aspect-ratio: 16 / 10; object-fit: var(--product-image-fit, cover); }
.premium-product-card.is-collection .premium-product-card__media > img { object-fit: var(--group-image-fit, cover); }
.premium-product-card__image-shade { background: linear-gradient(180deg, transparent 45%, rgba(0,0,0,.35)); }
.premium-product-card__content,
.premium-products-page .premium-product-card__content { padding: 1.25rem 1.35rem 1.35rem; transform: none; }
.premium-product-card__heading > span,
.premium-products-page .premium-product-card__heading > span {
  margin-bottom: .55rem;
  color: rgba(var(--cl-accent), .88);
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .11em;
}
.premium-product-card__heading h3,
.premium-products-page .premium-product-card__heading h3 {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -.025em;
  white-space: normal;
  overflow-wrap: anywhere;
}
.premium-product-card__footer,
.premium-products-page .premium-product-card__footer {
  flex-wrap: wrap;
  align-items: end;
  gap: .9rem .65rem;
  margin-top: 1.35rem;
  padding-top: 1rem;
  border-color: rgba(var(--cl-t-primary), .08);
}
.premium-product-card__price small {
  margin-bottom: .35rem;
  color: rgba(var(--cl-t-primary), .58);
  font-size: .66rem;
  font-weight: 400;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.premium-product-card__price strong,
.premium-products-page .premium-product-card__price strong {
  font-size: 1.35rem;
  font-weight: 750;
  line-height: 1.25;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}
.premium-product-card__price del { color: rgba(var(--cl-t-primary), .58); font-size: .75rem; }
.premium-product-card__action,
.premium-products-page .premium-product-card__action {
  min-height: 2.75rem;
  padding: .65rem .8rem;
  border: 1px solid rgba(var(--cl-accent), .35);
  border-radius: .4rem;
  background: linear-gradient(180deg, rgba(var(--cl-accent), .14), rgba(var(--cl-accent), .06));
  color: rgb(var(--cl-t-primary));
  box-shadow: none;
  font-size: .73rem;
  font-weight: 600;
}
.premium-product-card:hover .premium-product-card__action,
.premium-product-card:focus-visible .premium-product-card__action {
  background: rgb(var(--cl-accent));
  color: rgb(var(--cl-t-accent));
  border-color: rgb(var(--cl-accent));
  box-shadow: none;
  transform: none;
}
.premium-product-card__action::before { display: none; }
.premium-product-card__availability,
.premium-products-page .premium-product-card__availability {
  right: .85rem;
  bottom: .85rem;
  padding: .45rem .65rem;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: .35rem;
  background: rgba(var(--cl-background), .92);
  font-size: .68rem;
  font-weight: 600;
  box-shadow: none;
}
.premium-product-card__badges { top: .85rem; left: .85rem; }
.premium-product-card__badges span { border-radius: .3rem; font-size: .65rem; font-weight: 600; box-shadow: none; }

.benefits-section { position: relative; isolation: isolate; margin: 5rem 0; padding: 2rem 0; }
.benefits-section::before { content: ''; position: absolute; z-index: -1; inset: 0 0 auto; height: 5px; border-top: 1px solid rgba(var(--cl-t-primary), .12); border-bottom: 1px solid rgba(var(--cl-t-primary), .04); pointer-events: none; background: linear-gradient(90deg, rgb(var(--cl-accent)) 0 4rem, transparent 4rem); background-size: 100% 1px; background-repeat: no-repeat; }
.benefits-heading { display: flex; align-items: center; flex-direction: column; gap: 1rem; margin: 0 auto 3rem; max-width: 45rem; text-align: center; }
.benefits-heading > div { max-width: 42rem; }
.benefits-eyebrow { display: inline-flex; align-items: center; gap: .5rem; margin-bottom: 1.2rem; padding: .45rem .8rem; border: 1px solid rgba(var(--cl-accent), .25); border-radius: 999px; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .07); font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.benefits-eyebrow::before { content: ''; width: .3rem; height: .3rem; border-radius: 50%; background: currentColor; }
.benefits-heading h2 { margin: 0; font-size: clamp(2.1rem, 4vw, 3.35rem); font-weight: 800; line-height: 1.12; letter-spacing: -.045em; text-wrap: balance; }
.benefits-heading h2 strong { color: rgb(var(--cl-accent)); font-weight: inherit; }
.benefits-heading > p { max-width: 35rem; color: rgba(var(--cl-t-primary), .62); font-size: .95rem; line-height: 1.8; }
.benefits-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.benefit { position: relative; min-width: 0; padding: 2.2rem 1.9rem; border: 1px solid rgba(var(--cl-t-primary), .12); border-radius: .8rem; background: linear-gradient(140deg, rgba(var(--cl-t-primary), .045), transparent 50%), rgb(var(--cl-card)); box-shadow: inset 0 1px rgba(var(--cl-t-primary), .065), inset 0 -1px rgba(0,0,0,.35); }
.benefit::after { content: ''; position: absolute; top: 1rem; right: 1rem; width: 2.5rem; height: .35rem; border-top: 1px solid rgba(var(--cl-accent), .5); border-bottom: 1px solid rgba(var(--cl-t-primary), .09); pointer-events: none; }
.benefit:hover { border-color: rgba(var(--cl-accent), .48); box-shadow: inset 0 1px rgba(var(--cl-t-primary), .09), 0 10px 24px rgba(0,0,0,.2); }
.benefit-top { display: flex; align-items: center; margin-bottom: 1.7rem; }
.benefit-top > i { display: grid; width: 3rem; height: 3rem; place-items: center; border: 1px solid rgba(var(--cl-accent), .24); border-radius: .45rem; color: rgb(var(--cl-accent)); background: linear-gradient(135deg, rgba(var(--cl-accent), .12), rgba(var(--cl-accent), .035)); font-size: 1.25rem; box-shadow: inset 0 1px rgba(var(--cl-t-primary), .07); }
.benefit h3 { margin: 0 0 .75rem; color: rgb(var(--cl-t-primary)); font-size: 1.2rem; font-weight: 800; line-height: 1.3; letter-spacing: -.025em; }
.benefit p { margin: 0; color: rgba(var(--cl-t-primary), .65); font-size: .88rem; line-height: 1.85; }
@media (max-width: 900px) {
  .benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .benefits-section { margin: 3rem 0; padding: 1.5rem 0 0; }
  .benefits-heading { margin-bottom: 2rem; }
  .benefits-grid { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .benefit { padding: 1.7rem; }
  .benefit-top { margin-bottom: 1.4rem; }
}
@media (prefers-reduced-motion: reduce) {
  .premium-product-card, .premium-product-card * { animation: none !important; transition: none !important; }
  .premium-product-card { transform: none !important; }
}

/* Catalog search feedback and resilient card content. */
.premium-product-card__surface,
.premium-product-card__content,
.premium-product-card__heading,
.premium-product-card__footer { min-width: 0; }
.premium-product-card__price { flex: 1 1 7rem; max-width: 100%; overflow-wrap: anywhere; }
.premium-product-card__price strong > span { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.premium-product-card__price del { overflow-wrap: anywhere; }
.premium-product-card__action { max-width: 100%; }
.premium-product-card__action > span { min-width: 0; overflow-wrap: anywhere; }
.premium-product-card__availability { max-width: calc(100% - 1.7rem); white-space: normal; overflow-wrap: anywhere; }
.premium-product-card__availability i { flex: 0 0 auto; }
.premium-product-card .premium-product-card__availability.is-out { color: #fca5a5; border-color: rgba(248,113,113,.35); background: rgba(38,13,20,.95); }
.premium-product-card.is-collection .premium-product-card__availability { color: rgb(var(--cl-accent)); border-color: rgba(var(--cl-accent), .35); }
.premium-product-card__badges span { max-width: 100%; overflow-wrap: anywhere; }
.premium-product-card:focus-visible { border-color: rgb(var(--cl-accent)); box-shadow: 0 0 0 4px rgba(var(--cl-accent), .12); }
.premium-product-search:focus-within { border-color: rgba(var(--cl-accent), .7); box-shadow: 0 0 0 3px rgba(var(--cl-accent), .12); }
.premium-product-search button:focus-visible,
.premium-catalog-empty button:focus-visible { outline: 2px solid rgb(var(--cl-accent)); outline-offset: 4px; }
.premium-catalog-empty { display: flex; flex-direction: column; align-items: center; gap: 1rem; margin-top: 1.2rem; padding: clamp(2rem, 5vw, 3.5rem) 1.25rem; border: 1px solid rgba(var(--cl-accent), .2); border-radius: 1.15rem; background: rgb(var(--cl-card)); text-align: center; }
.premium-catalog-empty > i { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: .8rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .1); font-size: 1.1rem; }
.premium-catalog-empty h3 { margin: 0 0 .5rem; color: rgb(var(--cl-t-primary)); font-size: 1.2rem; font-weight: 800; letter-spacing: -.025em; }
.premium-catalog-empty p { max-width: 29rem; margin: 0; color: rgba(var(--cl-t-primary), .65); font-size: .9rem; line-height: 1.7; }
.premium-catalog-empty button { display: inline-flex; align-items: center; justify-content: center; gap: .75rem; min-height: 2.75rem; margin-top: .25rem; padding: .65rem 1rem; border: 1px solid rgba(var(--cl-accent), .35); border-radius: .65rem; color: rgb(var(--cl-t-primary)); background: rgba(var(--cl-accent), .13); font-size: .8rem; font-weight: 650; }
.premium-catalog-empty button:hover { background: rgba(var(--cl-accent), .24); }

/* Keep artwork crisp and hover depth neutral alongside the motion layer. */
.premium-product-card__media > img,
.premium-product-card:hover .premium-product-card__media > img { filter: none; }
.premium-product-card__placeholder { background: repeating-linear-gradient(130deg, rgba(var(--cl-t-primary), .035) 0 1px, transparent 1px 10px), rgb(var(--cl-card)); }
.premium-product-card__placeholder i { filter: none; }
.premium-products-component .premium-product-grid > .premium-product-grid__item > .premium-product-card:hover,
.premium-products-page .premium-product-grid > .premium-product-grid__item > .premium-product-card:hover { box-shadow: inset 0 1px rgba(var(--cl-t-primary), .1), 0 18px 36px rgba(0,0,0,.35); }
@media (min-width: 1024px) {
  .premium-product-card__footer,
  .premium-products-page .premium-product-card__footer { gap: 1rem; }
  .premium-product-card__price { flex-basis: 100%; }
  .premium-product-card__action,
  .premium-products-page .premium-product-card__action { width: 100%; justify-content: space-between; min-height: 2.9rem; padding-inline: 1rem; font-size: .76rem; }
  .benefits-heading { align-items: flex-start; text-align: left; margin-left: 0; max-width: 52rem; }
  .benefits-heading h2 { max-width: 48rem; }
  .benefits-heading > p { max-width: 38rem; }
}

/* Coordinated product interactions; the added scope outranks the motion layer. */
.premium-product-card::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 4;
  inset: 0 auto auto 0;
  width: 40%;
  height: 2px;
  border-radius: 0;
  background: linear-gradient(90deg, transparent, rgb(var(--cl-accent)) 35%, rgba(var(--cl-t-primary), .95) 60%, transparent);
  opacity: 0;
  transform: translateX(-110%);
  pointer-events: none;
}
.premium-product-card__heading h3 { transition: color .28s ease; }
.premium-product-card__action i { transition: transform .32s cubic-bezier(.2,.75,.2,1); }
@keyframes catalog-edge-sweep {
  0% { transform: translateX(-110%); opacity: 0; }
  18% { opacity: 1; }
  82% { opacity: 1; }
  100% { transform: translateX(360%); opacity: 0; }
}
@media (prefers-reduced-motion: no-preference) {
  .premium-product-card,
  :is(.premium-products-component, .premium-products-page) .premium-product-grid > .premium-product-grid__item > .premium-product-card {
    transition: translate .36s cubic-bezier(.2,.75,.2,1), border-color .3s ease, box-shadow .36s ease;
  }
  .premium-product-card__media > img { transition: transform .8s cubic-bezier(.2,.65,.2,1); }
  .premium-product-card__action { transition: background-color .28s ease, color .28s ease, border-color .28s ease; }
  .premium-product-card:focus-visible,
  :is(.premium-products-component, .premium-products-page) .premium-product-grid > .premium-product-grid__item > .premium-product-card:focus-visible {
    translate: 0 -7px;
    border-color: rgb(var(--cl-accent));
    box-shadow: inset 0 1px rgba(var(--cl-t-primary), .14), 0 24px 42px rgba(0,0,0,.42);
  }
  .premium-product-card:focus-visible .premium-product-card__media > img { transform: scale(1.06); }
  .premium-product-card:focus-visible::before { animation: catalog-edge-sweep .95s cubic-bezier(.2,.65,.2,1) 1; }
  .premium-product-card:focus-visible .premium-product-card__action i { transform: translate(4px, -2px); }
  @media (hover: hover) and (pointer: fine) {
    .premium-product-card:hover,
    :is(.premium-products-component, .premium-products-page) .premium-product-grid > .premium-product-grid__item > .premium-product-card:hover {
      translate: 0 -7px;
      border-color: rgb(var(--cl-accent));
      box-shadow: inset 0 1px rgba(var(--cl-t-primary), .14), 0 24px 42px rgba(0,0,0,.42);
    }
    .premium-product-card:hover .premium-product-card__media > img { transform: scale(1.06); }
    .premium-product-card:hover::before { animation: catalog-edge-sweep .95s cubic-bezier(.2,.65,.2,1) 1; }
    .premium-product-card:hover .premium-product-card__action i { transform: translate(4px, -2px); }
    .premium-product-card:hover .premium-product-card__heading h3 { color: rgb(var(--cl-accent)); }
  }
}
.premium-product-card:focus-visible .premium-product-card__heading h3 { color: rgb(var(--cl-accent)); }
.premium-product-card:is(:hover, :focus-visible) .premium-product-card__action {
  background: rgb(var(--cl-accent));
  color: rgb(var(--cl-t-accent));
  border-color: rgb(var(--cl-accent));
}
@media (hover: none), (pointer: coarse) {
  .premium-product-card:hover:not(:focus-visible) .premium-product-card__media > img,
  .premium-product-card:hover:not(:focus-visible) .premium-product-card__action i { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .premium-product-card,
  .premium-product-card *,
  .premium-product-card::before,
  .premium-product-card::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    translate: none !important;
  }
  .premium-product-card::before { opacity: 0 !important; }
}

/* A solid base lets the purple CTA fill interpolate smoothly on interaction. */
.premium-product-card .premium-product-card__action { background-image: none; background-color: rgba(var(--cl-accent), .1); }


/* Match the spotlight frame only; preserve card content and interaction motion. */
.premium-product-card:is(:hover, :focus-visible),
:is(.premium-products-component, .premium-products-page) .premium-product-grid > .premium-product-grid__item > .premium-product-card:is(:hover, :focus-visible) {
  border-color: rgba(var(--cl-accent), .8);
  box-shadow: 0 24px 80px #0005, 0 12px 55px rgba(var(--cl-accent), .18), inset 0 1px #ffffff15;
}


/* refinement-navigation.css */
/* Editorial storefront navigation and footer. */
.editorial-header { color: #f3f2f5; margin-bottom: 0; }
.editorial-header__overline { display: none; align-items: center; justify-content: space-between; gap: 1rem; padding: .2rem 0 1rem; border-bottom: 1px solid #ffffff12; color: #aaa6af; font-size: .65rem; letter-spacing: .16em; font-weight: 600; }
.editorial-header__overline > span { display: flex; align-items: center; gap: .65rem; }
.editorial-header__spark { color: #b56bf0; font-size: 1.1rem; }
.editorial-header__overline a { display: inline-flex; align-items: center; gap: .65rem; min-height: 2rem; color: #d1cdd5; text-transform: none; letter-spacing: 0; font-size: .75rem; }
.editorial-header .premium-nav-shell { min-height: 4.375rem; gap: 1.75rem; padding: .5rem 0; border: 0; border-bottom: 1px solid #ffffff12; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.editorial-header .premium-nav-shell::before,
.editorial-header .premium-login-button::after { display: none; }
.editorial-header .premium-nav-brand { gap: .8rem; color: #f3f2f5; }
.editorial-header .premium-nav-brand img,
.editorial-header .premium-nav-brand__mark { width: 2.75rem; height: 2.75rem; flex-basis: 2.75rem; border: 0; border-radius: .7rem; background: #b56bf0; color: #12091c; box-shadow: none; }
.editorial-header .premium-nav-brand__name { max-width: 12rem; font-size: 1.2rem; letter-spacing: -.045em; font-weight: 700; }
.editorial-header .premium-nav-links { gap: .25rem; }
.editorial-header .premium-nav-link { min-height: 2.75rem; padding: .7rem .8rem; border: 0; border-radius: 0; color: #aaa6af; font-size: .84rem; font-weight: 500; background: transparent; box-shadow: none; transform: none; }
.editorial-header .premium-nav-link > i { display: none; }
.editorial-header .premium-nav-link::after { height: 2px; left: .8rem; right: .8rem; bottom: .15rem; background: #b56bf0; box-shadow: none; }
.editorial-header .premium-nav-link:hover,
.editorial-header .premium-nav-link.is-active { color: #f3f2f5; background: transparent; }
.editorial-header .premium-nav-actions { gap: .65rem; }
.editorial-header .premium-nav-icon-button,
.editorial-header .premium-nav-currency { height: 2.8rem; border: 1px solid #ffffff18; border-radius: .55rem; color: #d3cfd8; background: transparent; box-shadow: none; }
.editorial-header .premium-nav-icon-button { width: 2.8rem; }
.editorial-header .premium-nav-icon-button:hover { transform: none; border-color: #b56bf0; }
.editorial-header .premium-nav-currency > i { color: #b56bf0; animation: none; }
.editorial-header .premium-nav-currency .choices__inner .choices__item { color: #f3f2f5; }
.editorial-header .premium-nav-currency .choices__list.choices__list--dropdown { color: #f3f2f5; background: #131316; border-color: #37313d; border-radius: .65rem; }
.editorial-header .premium-login-button { height: 2.8rem; padding: 0; min-width: 7rem; border: 1px solid #ffffff18; border-radius: 999px; color: #f3f2f5; background: #1b1a20; box-shadow: none; animation: none; }
.editorial-header .premium-login-button__inner { gap: .5rem; padding: 0 .85rem; border-radius: inherit; color: #f3f2f5; background: transparent; font-size: .8rem; font-weight: 700; }
.editorial-header .premium-login-button i { color: inherit; font-size: .85rem; animation: none; }
.editorial-header .premium-login-button:hover { transform: none; background: #29232e; box-shadow: none; }
.editorial-header .premium-cart-count { background: #b56bf0; color: #12091c; border-color: #070709; }
.editorial-header .premium-nav-description { margin: 1rem 0 0; color: #aaa6af; font-size: .8rem; line-height: 1.7; text-align: left; }
.editorial-header .premium-header-stats { justify-content: flex-start; color: #aaa6af; font-weight: 500; font-size: .7rem; letter-spacing: .08em; }
.editorial-header .premium-header-stats strong { color: #b56bf0; }
.editorial-header a:focus-visible,
.editorial-header button:focus-visible,
.editorial-header select:focus-visible,
.editorial-footer a:focus-visible { outline: 2px solid #b56bf0; outline-offset: 5px; }
.editorial-header .premium-nav-currency:focus-within { border-color: #b56bf0; }

.editorial-footer { margin-top: clamp(4rem, 9vw, 8rem); color: #f3f2f5; }
.editorial-footer .premium-footer__inner { overflow: visible; border: 0; border-top: 1px solid #ffffff1c; border-radius: 0; background: transparent; box-shadow: none; color: #f3f2f5; }
.editorial-footer .premium-footer__inner::before { display: none; }
.editorial-footer__invitation { position: relative; isolation: isolate; display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; overflow: hidden; padding: clamp(2.5rem, 6vw, 5rem) 0; border-bottom: 1px solid #ffffff1c; }
.editorial-footer__eyebrow { margin-bottom: 1.5rem; color: #b56bf0; font-size: .65rem; font-weight: 600; letter-spacing: .2em; }
.editorial-footer__invitation h2 { font-size: clamp(2.5rem, 5vw, 4.5rem); font-weight: 700; line-height: .98; letter-spacing: -.065em; color: #f3f2f5; }
.editorial-footer__invitation h2 em { font-style: normal; color: #b56bf0; }
.editorial-footer__cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 3rem; min-height: 3.75rem; padding: 1.1rem 1.4rem; margin-bottom: .5rem; border: 1px solid #b56bf0; border-radius: .5rem; color: #12091c; background: #b56bf0; font-size: .9rem; font-weight: 700; transition: background .2s ease, transform .2s ease; }
.editorial-footer__cta:hover { background: #cb91f8; transform: translateY(-3px); }
.editorial-footer__asterisk { position: absolute; z-index: -1; right: 3%; top: -5rem; font-size: 24rem; line-height: 1; color: #b56bf00a; pointer-events: none; }
.editorial-footer .premium-footer__main { align-items: center; gap: 2rem; padding: 2.5rem 0; border-bottom: 1px solid #ffffff12; }
.editorial-footer .premium-footer__brand { gap: 1rem; color: #f3f2f5; }
.editorial-footer .premium-footer__brand img,
.editorial-footer .premium-footer__mark { border: 1px solid #ffffff1c; border-radius: .6rem; background: #131316; color: #b56bf0; box-shadow: none; }
.editorial-footer .premium-footer__brand strong { color: #f3f2f5; font-size: 1.2rem; font-weight: 700; letter-spacing: -.035em; }
.editorial-footer .premium-footer__brand small { color: #aaa6af; font-size: .8rem; line-height: 1.6; font-weight: 400; margin-top: .35rem; }
.editorial-footer .premium-footer-social { width: 2.75rem; height: 2.75rem; border: 1px solid #ffffff20; border-radius: 50%; background: transparent; color: #cec7d3; box-shadow: none; }
.editorial-footer .premium-footer-social:hover { background: #b56bf0; color: #12091c; border-color: #b56bf0; transform: translateY(-2px); box-shadow: none; }
.editorial-footer .premium-footer-social:focus-visible .premium-footer-social__tooltip { top: -2.4rem; transform: translate(-50%, 0) scale(1); opacity: 1; }
.editorial-footer .premium-footer__bottom { padding: 1.25rem 0; background: transparent; gap: 1rem; }
.editorial-footer .premium-footer__copyright { color: #aaa6af; font-size: .75rem; font-weight: 400; line-height: 1.6; }
.editorial-footer .premium-footer__links { gap: .25rem 1.5rem; }
.editorial-footer .premium-footer__links a { display: inline-flex; min-height: 2.75rem; align-items: center; color: #b4adb9; font-size: .75rem; font-weight: 400; }
.editorial-footer .premium-footer__links a:hover { color: #f3f2f5; }
.editorial-footer .premium-footer__links a::after { background: #b56bf0; bottom: .4rem; }

@media (max-width: 1100px) {
  .editorial-header .premium-nav-shell { flex-wrap: wrap; gap: 1rem; }
  .editorial-header .premium-nav-brand { min-width: 0; flex: 1; }
  .editorial-header .premium-nav-actions { margin-left: auto; }
  .editorial-header .premium-nav-links { order: 3; width: 100%; flex-basis: 100%; justify-content: flex-start; overflow-x: auto; padding: .2rem 0; scrollbar-width: thin; scrollbar-color: #b56bf044 transparent; }
  .editorial-header .premium-nav-link { flex: 0 0 auto; }
}
@media (max-width: 700px) {
  .editorial-header__overline { padding-bottom: .6rem; font-size: .58rem; letter-spacing: .12em; }
  .editorial-header__overline a { font-size: .65rem; }
  .editorial-header .premium-nav-shell { gap: .6rem; padding: 1rem 0 .5rem; }
  .editorial-header .premium-nav-brand__name { max-width: 7rem; font-size: 1rem; }
  .editorial-header .premium-nav-actions { gap: .4rem; }
  .editorial-header .premium-nav-brand img,
  .editorial-header .premium-nav-brand__mark { width: 2.5rem; height: 2.5rem; flex-basis: 2.5rem; }
  .editorial-header .premium-nav-link { padding: .65rem .8rem; font-size: .8rem; }
  .editorial-header .premium-login-button { min-width: 2.8rem; width: 2.8rem; }
  .editorial-header .premium-login-button__inner > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .editorial-header .premium-nav-currency { padding-left: .5rem; }
  .editorial-header .premium-nav-currency .choices__inner { height: 2.7rem !important; }
  .editorial-header .premium-header-stats { flex-wrap: wrap; gap: .6rem 1rem; }
  .editorial-footer__invitation { align-items: flex-start; flex-direction: column; gap: 2rem; }
  .editorial-footer__cta { min-width: 15rem; }
  .editorial-footer__asterisk { right: -7rem; top: 0; font-size: 20rem; }
  .editorial-footer .premium-footer__main { align-items: flex-start; padding: 2rem 0; gap: 1.5rem; }
  .editorial-footer .premium-footer__brand > span { min-width: 0; }
  .editorial-footer .premium-footer__brand small { max-width: 17rem; }
  .editorial-footer .premium-footer__bottom { gap: .5rem; }
  .editorial-footer .premium-footer__links { gap: 0 1.25rem; }
}
@media (max-width: 380px) {
  .editorial-header__overline a { display: none; }
  .editorial-header .premium-nav-brand { flex-basis: 100%; }
  .editorial-header .premium-nav-brand__name { max-width: 14rem; }
  .editorial-header .premium-nav-actions { width: 100%; justify-content: flex-end; }
}
@media (prefers-reduced-motion: reduce) {
  .editorial-header *, .editorial-header *::after,
  .editorial-footer *, .editorial-footer *::after { transition: none !important; }
}


/* Compact masthead and structured footer. */
.editorial-header .premium-nav-brand img { object-fit: contain; background: transparent; }
.editorial-header .premium-nav-brand__name { font-size: 1.05rem; letter-spacing: -.025em; }
.editorial-header .premium-nav-links { gap: .55rem; }
.editorial-header .premium-nav-link::after { display: none; }
.editorial-header .premium-nav-link.is-active { color: #b56bf0; }
.editorial-header .premium-nav-icon-button { border-radius: 50%; }
.editorial-header .premium-nav-currency { border-radius: 999px; }
.editorial-footer { margin-top: clamp(4rem, 8vw, 7rem); }
.editorial-footer .premium-footer__main { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: clamp(2rem, 5vw, 5rem); padding: 3.5rem 0; }
.editorial-footer__about { min-width: 0; }
.editorial-footer__blurb { max-width: 20rem; margin: 1.1rem 0 1rem; font-size: .85rem; line-height: 1.8; color: #aaa6af; }
.editorial-footer .premium-footer__brand img { object-fit: contain; background: transparent; border: 0; }
.editorial-footer__cta { min-width: 0; min-height: 2.75rem; gap: .75rem; padding: .55rem 0; margin: 0; border: 0; border-radius: 0; color: #b56bf0; background: transparent; font-size: .82rem; font-weight: 600; }
.editorial-footer__cta:hover { color: #d3a4f8; background: transparent; transform: none; }
.editorial-footer__column h2 { margin: .6rem 0 1rem; color: #f3f2f5; font-size: .9rem; font-weight: 600; letter-spacing: -.01em; }
.editorial-footer__column > p { margin-bottom: 1rem; color: #aaa6af; font-size: .82rem; line-height: 1.7; }
.editorial-footer .premium-footer__links { display: flex; flex-direction: column; align-items: flex-start; gap: 0; }
.editorial-footer .premium-footer__links a { min-height: 2.5rem; font-size: .82rem; }
.editorial-footer .premium-footer__socials { justify-content: flex-start; gap: .6rem; }
.editorial-footer .premium-footer-social { background: #131316; border-color: #ffffff12; border-radius: .65rem; }
.editorial-footer__signature { color: #77737f; font-size: .72rem; }
.editorial-footer .premium-footer__bottom { padding: 1.25rem 0; }
@media (max-width: 700px) {
  .editorial-header .premium-nav-shell { padding: .5rem 0; }
  .editorial-footer .premium-footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; padding: 2.5rem 0; }
  .editorial-footer__about { grid-column: 1 / -1; }
  .editorial-footer .premium-footer__bottom { align-items: flex-start; gap: .65rem; }
}
@media (max-width: 380px) {
  .editorial-footer .premium-footer__main { grid-template-columns: 1fr; }
}

/* Preserve complete branding and comfortable controls at narrow widths. */
.editorial-header .premium-nav-brand { min-width: 0; }
.editorial-header .premium-nav-brand__name {
  min-width: 0;
  max-width: 15rem;
  white-space: normal;
  overflow-wrap: anywhere;
  text-overflow: clip;
  line-height: 1.3;
}
.editorial-header .premium-nav-actions { flex-shrink: 0; }
.editorial-header .premium-nav-icon-button,
.editorial-header .premium-login-button,
.editorial-header .premium-nav-currency { flex-shrink: 0; }
.editorial-header .premium-nav-links:empty { display: none; }
.editorial-header .premium-nav-link[aria-current="page"] { font-weight: 700; }
.editorial-header .premium-nav-link:focus-visible { outline-offset: -2px; border-radius: .35rem; }
.editorial-header .premium-nav-description { overflow-wrap: anywhere; }
.editorial-footer .premium-footer__brand { max-width: 100%; }
.editorial-footer .premium-footer__brand > span { min-width: 0; }
.editorial-footer .premium-footer__brand strong { max-width: none; white-space: normal; overflow-wrap: anywhere; line-height: 1.35; }
.editorial-footer__column { min-width: 0; }
.editorial-footer .premium-footer__links a { min-height: 2.75rem; max-width: 100%; line-height: 1.5; overflow-wrap: anywhere; }
.editorial-footer .premium-footer__copyright { overflow-wrap: anywhere; }
.editorial-footer__signature { color: #aaa6af; font-size: .75rem; line-height: 1.6; }
.editorial-footer .premium-footer-social__tooltip { max-width: 12rem; white-space: normal; text-align: center; line-height: 1.4; }
@media (max-width: 1100px) {
  .editorial-header .premium-nav-brand { flex: 1 1 12rem; }
  .editorial-header .premium-nav-brand__name { max-width: none; }
  .editorial-header .premium-nav-links { scroll-padding-inline: .4rem; }
}
@media (max-width: 560px) {
  .editorial-header .premium-nav-shell { row-gap: .7rem; }
  .editorial-header .premium-nav-brand { flex: 1 1 100%; }
  .editorial-header .premium-nav-brand__name { font-size: 1.1rem; }
  .editorial-header .premium-nav-actions { width: 100%; margin-left: 0; gap: .55rem; justify-content: flex-start; flex-wrap: wrap; }
  .editorial-header .premium-login-button { width: auto; min-width: 6.5rem; }
  .editorial-header .premium-login-button__inner > span { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: nowrap; }
  .editorial-header .premium-nav-links { gap: .15rem; padding: .25rem 0 .4rem; border-top: 1px solid #ffffff0d; }
  .editorial-header .premium-nav-link { padding-inline: .7rem; }
  .editorial-header .premium-header-stats { line-height: 1.6; }
  .editorial-footer .premium-footer__main { gap: 1.75rem; }
}


/* redesign-pages.css */
/* Shared inner-page design system: charcoal surfaces and editorial hierarchy. */
:root { --page-line: rgba(var(--cl-t-primary), .12); --page-muted: rgba(var(--cl-t-primary), .72); }
.premium-products-page, .premium-product-detail, .premium-cart-page, .premium-faq, .premium-status-page { padding-top: 3rem; }
.premium-products-page > div > h1,
.premium-faq-hero h1,
.premium-feedback-hero h1,
.premium-policy-heading h1,
.premium-status-hero h1,
.premium-cart-hero h1 {
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.055em;
  text-align: left;
  margin: .8rem 0 1.25rem;
}
.premium-products-page > div > h1 { padding-left: 0; margin-bottom: 2.5rem; }
.premium-faq-hero, .premium-feedback-hero, .premium-policy-heading, .premium-status-hero {
  max-width: none;
  text-align: left;
  margin: 1rem 0 3rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--page-line);
}
.premium-faq-hero > p, .premium-feedback-hero > p, .premium-status-hero > p {
  margin-left: 0;
  color: var(--page-muted);
  font-size: 1rem;
  line-height: 1.8;
}
.premium-faq-hero::before { display: none; }
.premium-product-search-wrap { justify-content: flex-start; padding: 0; margin-bottom: 1.5rem; }
.premium-product-search, .premium-faq-search {
  width: min(100%, 38rem);
  min-height: 3.5rem;
  border: 1px solid var(--page-line);
  border-radius: .75rem;
  background: rgb(var(--cl-card));
  box-shadow: none;
}
.premium-faq-search { margin-left: 0; }
.premium-product-search::before { display: none; }
.premium-product-search:focus-within, .premium-faq-search:focus-within {
  width: min(100%, 38rem); transform: none; box-shadow: 0 0 0 3px rgba(var(--cl-accent), .14);
}
.premium-product-search input, .premium-faq-search input { font-size: .9375rem; font-weight: 400; }
.premium-product-search input::placeholder, .premium-faq-search input::placeholder { color: rgba(var(--cl-t-primary), .55); }
.premium-product-search > i { filter: none; }
.premium-products-filter,
.premium-product-detail__preview,
.premium-product-buybox,
.premium-cart-summary,
.premium-cart-item,
.premium-cart-empty,
.premium-feedback-card,
.premium-rating-card,
.premium-feedback-summary,
.premium-faq-card,
.premium-faq-support,
.premium-policy-window,
.premium-status-group {
  border: 1px solid var(--page-line);
  border-radius: .75rem;
  background: rgb(var(--cl-card));
  box-shadow: none;
  backdrop-filter: none;
}
.premium-products-filter::before, .premium-product-detail__preview::before,
.premium-product-buybox::before, .premium-rating-card::before,
.premium-feedback-card::before, .premium-policy-window::before { display: none; }
.premium-products-filter__header { justify-content: flex-start; padding: 1.5rem; }
.premium-products-filter__body { gap: 1.5rem; padding: 1.5rem; }
.premium-products-filter__label { font-size: .8125rem; font-weight: 500; color: var(--page-muted); }
.premium-products-filter__option { font-size: .875rem; font-weight: 500; padding: .85rem; border-radius: .5rem; }
.premium-products-filter__option:hover, .premium-products-filter__option.is-active { transform: none; }
.premium-products-filter__field { border-radius: .5rem; border-color: var(--page-line); }
.premium-products-filter__input { font-weight: 400; font-size: .875rem; }
.premium-products-filter-trigger { background: rgb(var(--cl-accent)); box-shadow: none; font-weight: 600; border-radius: .5rem; }
.premium-product-detail__layout { gap: 2rem; }
.premium-product-detail__topbar { padding: 1.75rem; align-items: flex-start; flex-wrap: wrap; }
.premium-product-detail__title h1 { font-size: clamp(1.8rem, 3vw, 2.75rem); line-height: 1.15; letter-spacing: -.04em; font-weight: 600; white-space: normal; overflow-wrap: anywhere; }
.premium-product-detail__title span, .premium-product-buybox__eyebrow { font-size: .7rem; font-weight: 600; margin-bottom: .6rem; }
.premium-product-window { margin: 0 1.75rem 1.75rem; border-radius: .5rem; box-shadow: none; }
.premium-product-window__bar, .premium-policy-window__bar { display: none; }
.premium-product-detail__description { padding: 1.75rem; line-height: 1.8; }
.premium-product-buybox__head, .premium-product-form__body { padding: 1.75rem; }
.premium-product-buybox__price { font-size: 2.75rem; font-weight: 600; letter-spacing: -.05em; }
.premium-product-buybox__price-row { flex-wrap: wrap; }
.premium-product-form__label { font-weight: 500; font-size: .8rem; text-transform: none; letter-spacing: 0; }
.premium-product-variant { padding: 1rem; border-radius: .5rem; }
.premium-product-variant__copy > p:first-child { font-weight: 600; white-space: normal; }
.premium-product-variant__desc, .premium-product-variant__stock { color: var(--page-muted); font-size: .75rem; }
.premium-product-variant.is-active { background: rgba(var(--cl-accent), .1); box-shadow: inset 0 0 0 1px rgb(var(--cl-accent)); transform: none; }
.premium-product-action, .premium-cart-checkout, .premium-cart-shop-button, .premium-faq-support > a {
  min-height: 3.25rem;
  border-radius: .5rem;
  font-size: .875rem;
  font-weight: 600;
  box-shadow: none;
}
.premium-product-action::before, .premium-cart-checkout::before, .premium-faq-support > a::before { display: none; }
.premium-product-action.is-cart,
.premium-cart-checkout,
.premium-products-filter-trigger,
.premium-faq-support > a {
  color: rgb(var(--cl-background));
  background: rgb(var(--cl-accent));
}
.premium-product-variant.is-active {
  border-color: rgb(var(--cl-accent));
  background: rgba(var(--cl-accent), .15);
}
.premium-product-variant.is-active .premium-product-variant__copy > p:first-child {
  color: rgb(var(--cl-t-primary));
}
.premium-cart-hero { padding: 0 0 2rem; border: 0; border-bottom: 1px solid var(--page-line); border-radius: 0; background: transparent; box-shadow: none; margin-bottom: 2rem; }
.premium-cart-hero p { color: var(--page-muted); font-size: .9375rem; }
.premium-cart-item { padding: 1.5rem; }
.premium-cart-summary__head { padding-bottom: 1.25rem; }
.premium-cart-summary__head h2 { font-size: 1.5rem; font-weight: 600; }
.premium-cart-summary__head small { color: var(--page-muted); font-size: .65rem; }
.premium-cart-summary form { padding: 1.75rem; }
.premium-cart-empty { min-height: 28rem; }
.premium-cart-secure-note { color: var(--page-muted); font-size: .75rem; line-height: 1.5; }
.premium-rating-card { margin-left: 0; padding: 1.5rem 2rem; width: min(100%, 25rem); }
.premium-rating-card > strong { font-size: 4rem; font-weight: 500; letter-spacing: -.06em; }
.premium-rating-card > span, .premium-rating-card small { color: var(--page-muted); font-size: .75rem; }
.premium-rating-card__stars, .premium-feedback-stars i.is-filled { filter: none; }
.premium-rating-card__stars i, .premium-feedback-stars i.is-filled { animation: none; }
.premium-feedback-card { min-height: 19rem; transform: none !important; }
.premium-feedback-card__glow { display: none; }
.premium-feedback-card__header, .premium-feedback-card__body { padding: 1.5rem; transform: none; }
.premium-feedback-card__body { padding-top: .25rem; }
.premium-feedback-card__body > p { font-size: 1rem; font-weight: 400; line-height: 1.8; }
.premium-feedback-card__header > time, .premium-feedback-details span { color: var(--page-muted); font-size: .7rem; }
.premium-feedback-card__footer { padding: 1rem 1.5rem; transform: none; }
.premium-feedback-card__footer strong { font-size: .8rem; color: var(--page-muted); }
.premium-feedback-card__footer small { font-size: .65rem; color: var(--page-muted); }
.premium-feedback-view-product { min-height: 2.75rem; font-size: .75rem; }
.premium-feedback-summary small { color: var(--page-muted); font-size: .7rem; }
.premium-feedback-toolbar__label { color: var(--page-muted); font-size: .8rem; }
.premium-faq-layout { gap: 2rem; }
.premium-faq-card__trigger { padding: 1.4rem; }
.premium-faq-card__heading strong { font-size: 1rem; font-weight: 500; }
.premium-faq-card__heading small { font-size: .65rem; margin-bottom: .35rem; }
.premium-faq-card:hover, .premium-faq-card.is-open { transform: none; box-shadow: none; }
.premium-faq-card__answer p { font-size: .9375rem; color: var(--page-muted); line-height: 1.8; }
.premium-faq-card__answer > div { padding: 1.25rem 0; margin: 0 1.4rem; }
.premium-faq-hero__meta { justify-content: flex-start; }
.premium-faq-hero__meta span { color: var(--page-muted); font-size: .7rem; }
.premium-faq-support { padding: 1.75rem; }
.premium-faq-support__icon { animation: none; }
.premium-faq-support h2 { font-size: 1.5rem; font-weight: 500; }
.premium-faq-support > small { font-size: .65rem; }
.premium-faq-support > p { font-size: .875rem; color: var(--page-muted); }
.premium-faq-support__status { font-size: .7rem; color: var(--page-muted); }
.premium-policy-shell { max-width: 66rem; }
.premium-policy-window__header { padding: 1.75rem 2rem; }
.premium-policy-window__header strong { font-size: 1.25rem; font-weight: 600; }
.premium-policy-window__body { padding: 2rem; font-size: 1rem; line-height: 1.9; }
.premium-policy-window__body :is(h1,h2,h3,h4,strong,b) { font-weight: 600; }
.premium-policy-window__body :is(h2,h3) { margin-top: 2rem; }
.premium-status-card { border-radius: .5rem; box-shadow: none; }
/* Customer area uses shared utility classes rather than bespoke component names. */
.container .bg-card.border.rounded-lg { border-color: var(--page-line); border-radius: .75rem; box-shadow: none; }
.container .bg-card h3 { font-weight: 500; letter-spacing: -.025em; }
.container .bg-card ul a { display: flex; min-height: 2.75rem; align-items: center; border-radius: .5rem; padding: .5rem .75rem; }
.container .bg-card ul a:hover { background: rgba(var(--cl-accent), .08); }
@keyframes inner-page-arrive {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes inner-card-appear {
  from { opacity: .25; }
  to { opacity: 1; }
}
@media (prefers-reduced-motion: no-preference) {
  .premium-products-page > div > h1,
  .premium-faq-hero, .premium-feedback-hero,
  .premium-policy-heading, .premium-status-hero,
  .premium-cart-hero, .premium-product-detail__topbar {
    animation: inner-page-arrive .65s cubic-bezier(.2,.75,.25,1) both;
  }
  .premium-feedback-card { animation: inner-card-appear .7s ease both; }
  .premium-feedback-card:nth-child(2) { animation-delay: .08s; }
  .premium-feedback-card:nth-child(3) { animation-delay: .16s; }
  .premium-faq-card { transition: border-color .25s ease, background .25s ease; }
  .premium-faq-card.is-open { background: rgba(var(--cl-accent), .06); }
}
@media (max-width: 900px) {
  .premium-product-detail__layout { grid-template-columns: minmax(0, 1fr); }
  .premium-faq-layout { grid-template-columns: minmax(0, 1fr); }
  .premium-product-buybox, .premium-faq-support { position: static; }
}
@media (max-width: 640px) {
  .premium-products-page, .premium-product-detail, .premium-cart-page, .premium-faq { padding-top: 1.5rem; }
  .premium-product-detail__topbar, .premium-product-detail__description,
  .premium-product-buybox__head, .premium-product-form__body,
  .premium-policy-window__header, .premium-policy-window__body,
  .premium-cart-summary form { padding: 1.25rem; }
  .premium-product-window { margin: 0 1.25rem 1.25rem; }
  .premium-product-actions { grid-template-columns: 1fr; }
  .premium-faq-card__trigger { padding: 1rem; gap: .65rem; }
  .premium-faq-card__heading strong { font-size: .9rem; }
  .premium-feedback-card__header, .premium-feedback-card__body, .premium-feedback-card__footer { padding: 1.25rem; }
  .premium-cart-item { padding: 1.1rem; }
}
/* Purchase surfaces: readable long names, amounts, and touch-friendly controls. */
.premium-product-back { display: inline-flex; min-height: 2.75rem; align-items: center; gap: .65rem; margin: 0 0 1.25rem; color: var(--page-muted); font-size: .8125rem; }
.premium-product-back:hover { color: rgb(var(--cl-accent)); }
.premium-product-back i { font-size: .7rem; }
.premium-product-detail__topbar { gap: 1rem; }
.premium-product-detail__title { flex: 1 1 15rem; }
.premium-product-detail__status { max-width: 100%; min-width: 0; font-size: .75rem; }
.premium-product-detail__status > span { overflow-wrap: anywhere; }
.premium-product-description-tabs { padding-bottom: 1rem; border-bottom: 1px solid var(--page-line); }
.premium-product-description-tabs > button { min-height: 2.75rem; padding: .65rem 1rem; font-size: .8125rem; white-space: normal; text-align: left; overflow-wrap: anywhere; }
.premium-product-description-tabs > button[aria-pressed="true"] { border-color: rgba(var(--cl-accent), .45); background: rgba(var(--cl-accent), .12); }
.premium-product-detail__description .editor { overflow-wrap: anywhere; font-size: .9375rem; line-height: 1.85; }
.premium-product-detail__description .editor :is(img, video, iframe) { max-width: 100%; }
.premium-product-detail__description .editor pre { max-width: 100%; overflow-x: auto; }
.premium-product-buybox__price-row > div:first-child { min-width: 0; flex: 1 1 11rem; }
.premium-product-buybox__price { font-size: clamp(2rem, 3vw, 2.75rem); line-height: 1.15; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.premium-product-buybox__unit { overflow-wrap: anywhere; font-size: .8125rem; line-height: 1.5; }
.premium-product-buybox__stock { max-width: 100%; }
.premium-product-buybox__stock-pill { white-space: normal; text-align: center; line-height: 1.4; }
.premium-product-variant { flex-wrap: wrap; gap: .75rem; }
.premium-product-variant__copy { flex-basis: 8rem; }
.premium-product-variant__copy > p:first-child { overflow-wrap: anywhere; }
.premium-product-variant__price { max-width: 100%; white-space: normal; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.premium-product-action { min-height: 3.25rem; padding: .9rem 1rem; text-align: center; line-height: 1.4; }
.premium-product-action:disabled, .premium-cart-checkout:disabled, .premium-product-variant:disabled { cursor: not-allowed; opacity: .5; box-shadow: none; transform: none; }
.premium-product-detail :is(a, button, select, input, textarea):focus-visible,
.premium-cart-page :is(a, button, select, input, textarea):focus-visible { outline: 2px solid rgb(var(--cl-accent)); outline-offset: 3px; }
.premium-product-quantity__button:focus-visible, .premium-product-quantity__input:focus-visible,
.premium-cart-quantity__button:focus-visible, .premium-cart-quantity__input:focus-visible { outline-offset: -3px; }
.premium-cart-item { flex-direction: column; padding: 1.25rem; gap: 1rem; }
.premium-cart-item:hover { transform: none; }
.premium-cart-item__identity, .premium-cart-item__details, .premium-cart-item__heading { min-width: 0; }
.premium-cart-item__identity { width: 100%; align-items: flex-start; }
.premium-cart-item__identity > div:first-child { flex: 0 0 6rem; width: 6rem; padding: 0; }
.premium-cart-item__details { padding-top: .15rem; padding-bottom: 0; }
.premium-cart-item__heading { align-items: flex-start; }
.premium-cart-item__name { min-width: 0; line-height: 1.4; font-size: 1rem; font-weight: 600; overflow-wrap: anywhere; }
.premium-cart-item__variant { margin-top: .4rem; font-size: .8125rem; line-height: 1.5; overflow-wrap: anywhere; }
.premium-cart-item__details .truncate { white-space: normal; overflow-wrap: anywhere; line-height: 1.6; }
.premium-cart-item__details > .flex { flex-wrap: wrap; }
.premium-cart-item__controls { width: 100%; min-width: 0; flex-wrap: wrap; gap: .75rem 1rem; padding: 1rem 0 0; margin: 0; border-top: 1px solid var(--page-line); }
.premium-cart-item__controls > div:not(.premium-cart-quantity) { flex: 1; min-width: 0; }
.premium-cart-item__price { text-align: right; font-size: 1.125rem; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.premium-cart-item__remove { flex: 0 0 2.75rem; width: 2.75rem; min-height: 2.75rem; padding: .75rem; border: 1px solid var(--page-line); border-radius: .5rem; }
.premium-cart-item__remove:hover { border-color: rgba(var(--cl-accent), .5); background: rgba(var(--cl-accent), .08); }
.premium-cart-quantity { max-width: none; width: 8.75rem; flex: 0 0 8.75rem; border-radius: .5rem; }
.premium-cart-quantity__button { width: 2.75rem; height: 2.75rem; flex-basis: 2.75rem; }
.premium-cart-quantity__input { width: 3.25rem; min-width: 0; font-size: .875rem; font-weight: 600; }
.premium-cart-quantity__button:disabled { opacity: .4; cursor: not-allowed; }
.premium-cart-summary { border-top: 2px solid rgba(var(--cl-accent), .7); }
.premium-cart-summary__body .flex { align-items: baseline; gap: 1rem; flex-wrap: wrap; margin-bottom: .75rem; }
.premium-cart-summary__body .flex > span { min-width: 0; overflow-wrap: anywhere; line-height: 1.6; }
.premium-cart-summary__body .flex > span:last-child { margin-left: auto; color: rgb(var(--cl-t-primary)); font-variant-numeric: tabular-nums; text-align: right; }
.premium-cart-summary__body .flex > span:first-child { color: var(--page-muted); }
.premium-cart-checkout { padding: .9rem 1rem; line-height: 1.4; }
.premium-cart-progress small { font-size: .7rem; color: var(--page-muted); }
.premium-cart-message { font-size: .875rem; line-height: 1.7; overflow-wrap: anywhere; }
@media (max-width: 1050px) {
  .premium-cart-layout { grid-template-columns: minmax(0, 1fr); }
  .premium-cart-summary { position: static; }
}
@media (max-width: 540px) {
  .premium-product-detail__topbar, .premium-product-buybox__head, .premium-product-form__body { padding: 1rem; }
  .premium-product-detail__title h1 { font-size: 1.75rem; }
  .premium-cart-item { padding: 1rem; }
  .premium-cart-item__identity { gap: .85rem; }
  .premium-cart-item__identity > div:first-child { flex-basis: 4.25rem; width: 4.25rem; }
  .premium-cart-item__price { font-size: 1rem; }
  .premium-cart-summary form { padding: 1.25rem; }
}
/* Desktop purchase workspace: brushed charcoal, precise violet edges, no glow. */
.premium-product-buybox,
.premium-cart-summary,
.premium-products-filter {
  border-color: rgba(var(--cl-accent), .24);
  background: linear-gradient(145deg, rgba(var(--cl-t-primary), .045), transparent 42%, rgba(0, 0, 0, .16)), rgb(var(--cl-card));
  box-shadow: inset 0 1px 0 rgba(var(--cl-t-primary), .07), 0 16px 32px rgba(0, 0, 0, .18);
  backdrop-filter: none;
}
.premium-cart-summary::before,
.premium-product-buybox::before,
.premium-products-filter::before { display: none; }
.premium-product-buybox__head,
.premium-products-filter__header,
.premium-products-filter__modal-header {
  background: linear-gradient(180deg, rgba(var(--cl-t-primary), .035), transparent);
  border-bottom-color: rgba(var(--cl-accent), .14);
}
.premium-product-buybox__eyebrow,
.premium-products-filter__header span,
.premium-products-filter__modal-header span { color: rgb(var(--cl-accent)); font-weight: 650; letter-spacing: .12em; }
.premium-product-buybox__live { color: var(--page-muted); background: rgba(var(--cl-background), .4); font-size: .8125rem; line-height: 1.65; }
.premium-products-filter__field { background: rgba(var(--cl-background), .7); border-color: rgba(var(--cl-t-primary), .12); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .18); }
.premium-products-filter__field > i { filter: none; }
.premium-products-filter__field:focus-within { box-shadow: 0 0 0 2px rgba(var(--cl-accent), .15); }
.premium-products-filter__option.is-active { border-color: rgba(var(--cl-accent), .4); background: rgba(var(--cl-accent), .1); }
.premium-product-variant { background: rgba(var(--cl-background), .48); border-color: rgba(var(--cl-t-primary), .1); }
.premium-product-variant:hover:not(:disabled) { transform: none; box-shadow: none; border-color: rgba(var(--cl-accent), .45); }
.premium-product-variant.is-active { border-color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .12); box-shadow: inset 3px 0 0 rgb(var(--cl-accent)); }
.premium-product-variant.is-active::before { box-shadow: inset 0 0 0 2px rgb(var(--cl-card)); }
.premium-cart-summary { border-top-width: 1px; }
.premium-cart-summary__head { border-bottom-color: rgba(var(--cl-accent), .16); }
.premium-cart-summary__head > span { border-radius: .5rem; background: rgba(var(--cl-background), .5); }
.premium-cart-item { background: linear-gradient(120deg, rgba(var(--cl-t-primary), .025), transparent 55%), rgb(var(--cl-card)); box-shadow: inset 0 1px 0 rgba(var(--cl-t-primary), .035); }
.premium-cart-item:hover { box-shadow: inset 0 1px 0 rgba(var(--cl-t-primary), .06); border-color: rgba(var(--cl-accent), .38); }
.premium-product-action.is-cart,
.premium-product-action.is-cart:hover:enabled,
.premium-cart-checkout,
.premium-cart-checkout:hover:enabled { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 4px 10px rgba(0, 0, 0, .15); }
@media (min-width: 1060px) {
  .premium-product-detail { padding-top: 2.5rem; }
  .premium-product-detail__layout { grid-template-columns: minmax(0, 1.2fr) minmax(24rem, .8fr); gap: 2.25rem; }
  .premium-product-detail__topbar { padding: 2rem; }
  .premium-product-detail__title h1 { font-size: clamp(2rem, 3vw, 3rem); }
  .premium-product-detail__description { padding: 2rem; }
  .premium-product-buybox__head { padding: 2rem 2rem 1.75rem; }
  .premium-product-buybox__price { margin-top: .5rem; font-size: clamp(2.5rem, 3.2vw, 3.25rem); }
  .premium-product-buybox__unit { margin-top: .5rem; }
  .premium-product-form__body { padding: 1.75rem 2rem 2rem; }
  .premium-product-form__label { margin-bottom: 1rem; font-size: .875rem; }
  .premium-product-variants { gap: .75rem; }
  .premium-product-actions { margin-top: 1.5rem; }
  .premium-product-action { min-height: 3.5rem; }
  .premium-cart-layout { grid-template-columns: minmax(0, 1fr) minmax(22rem, 26rem); gap: 2rem; }
  .premium-cart-hero { align-items: center; padding-bottom: 2.5rem; margin-bottom: 2.5rem; }
  .premium-cart-items { gap: 1.25rem; }
  .premium-cart-item { padding: 1.5rem; }
  .premium-cart-item__identity > div:first-child { flex-basis: 7.5rem; width: 7.5rem; }
  .premium-cart-item__name { font-size: 1.125rem; }
  .premium-cart-item__controls { padding-top: 1.25rem; }
  .premium-cart-summary form { padding: 2rem; }
  .premium-cart-summary__head { gap: 1rem; margin-bottom: 1.5rem; padding-bottom: 1.5rem; }
  .premium-cart-summary__head h2 { font-size: 1.6rem; letter-spacing: -.035em; }
  .premium-cart-summary__body { padding-bottom: 1rem; }
  .premium-cart-checkout { min-height: 3.5rem; }
  .premium-products-filter__header { padding: 1.5rem 1.75rem; }
  .premium-products-filter__body { padding: 1.75rem; gap: 1.75rem; }
  .premium-products-filter__label { font-size: .8125rem; }
  .premium-products-filter__option { min-height: 3rem; }
}


/* home-support.css */
/* Lower-home guidance: native disclosure controls keep answers usable without JS. */
.blessed-home-help { margin: clamp(4rem, 8vw, 7rem) 0 2rem; }
.blessed-home-help__intro { max-width: 45rem; margin: 0 auto 2.75rem; text-align: center; }
.blessed-home-help__eyebrow { display: block; margin-bottom: .9rem; color: rgb(var(--cl-accent)); font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.blessed-home-help__intro h2 { margin: 0; color: rgb(var(--cl-t-primary)); font-size: clamp(2.35rem, 4.6vw, 4rem); font-weight: 750; line-height: 1.08; letter-spacing: -.055em; }
.blessed-home-help__intro h2 strong { color: rgb(var(--cl-accent)); font-weight: inherit; }
.blessed-home-help__intro > p { max-width: 32rem; margin: 1.1rem auto 0; color: rgba(var(--cl-t-primary), .66); font-size: .9375rem; line-height: 1.8; }
.blessed-home-help__layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.4fr); gap: 1.5rem; align-items: start; }
.blessed-help-contact { position: relative; overflow: hidden; padding: clamp(1.5rem, 3vw, 2.5rem); border: 1px solid rgba(var(--cl-accent), .23); border-radius: 1.25rem; background: radial-gradient(ellipse at 0 0, rgba(var(--cl-accent), .12), transparent 65%), rgb(var(--cl-card)); }
.blessed-help-contact__icon { display: grid; width: 3.25rem; height: 3.25rem; place-items: center; margin-bottom: 2rem; border: 1px solid rgba(var(--cl-accent), .22); border-radius: 1rem; color: rgb(var(--cl-accent)); background: rgba(var(--cl-accent), .09); font-size: 1.3rem; }
.blessed-help-contact h3 { margin: 0; color: rgb(var(--cl-t-primary)); font-size: clamp(1.65rem, 2.5vw, 2.25rem); font-weight: 700; line-height: 1.15; letter-spacing: -.045em; }
.blessed-help-contact > p { margin: 1rem 0 1.6rem; color: rgba(var(--cl-t-primary), .68); font-size: .875rem; line-height: 1.85; }
.blessed-help-contact__button { display: flex; min-height: 3.25rem; align-items: center; justify-content: center; gap: .65rem; padding: .85rem 1rem; border: 1px solid rgb(var(--cl-accent)); border-radius: .65rem; color: rgb(var(--cl-background)); background: rgb(var(--cl-accent)); font-size: .8125rem; font-weight: 700; transition: transform .25s ease, box-shadow .25s ease; }
.blessed-help-contact__button > i:last-child { margin-left: auto; font-size: .7rem; }
.blessed-help-contact__button:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(var(--cl-accent), .2); }
.blessed-help-contact__secondary { display: flex; min-height: 2.75rem; align-items: center; justify-content: center; gap: .75rem; margin-top: .55rem; color: rgba(var(--cl-t-primary), .72); font-size: .75rem; transition: color .2s ease; }
.blessed-help-contact__secondary:hover { color: rgb(var(--cl-t-primary)); }
.blessed-help-questions { min-width: 0; padding: .25rem 0; }
.blessed-help-questions__heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0 .25rem 1rem; color: rgba(var(--cl-t-primary), .6); font-size: .65rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.blessed-help-questions__heading > span:last-child { color: rgb(var(--cl-accent)); font-variant-numeric: tabular-nums; }
.blessed-help-question { margin-bottom: .85rem; border: 1px solid rgba(var(--cl-t-primary), .1); border-radius: 1rem; background: rgb(var(--cl-card)); transition: border-color .25s ease, background .25s ease; }
.blessed-help-question[open] { border-color: rgba(var(--cl-accent), .35); background: linear-gradient(110deg, rgba(var(--cl-accent), .04), transparent), rgb(var(--cl-card)); }
.blessed-help-question > summary { display: flex; min-height: 5.25rem; align-items: center; gap: 1rem; padding: 1.25rem 1.5rem; color: rgb(var(--cl-t-primary)); font-size: .95rem; font-weight: 600; line-height: 1.45; cursor: pointer; list-style: none; }
.blessed-help-question > summary::-webkit-details-marker { display: none; }
.blessed-help-question__number { color: rgb(var(--cl-accent)); font-size: .65rem; font-variant-numeric: tabular-nums; }
.blessed-help-question__toggle { position: relative; width: 1.75rem; height: 1.75rem; flex: 0 0 1.75rem; margin-left: auto; border: 1px solid rgba(var(--cl-t-primary), .12); border-radius: 50%; color: rgba(var(--cl-t-primary), .65); transition: transform .25s ease, color .25s ease; }
.blessed-help-question__toggle::before, .blessed-help-question__toggle::after { position: absolute; top: 50%; left: 50%; width: .55rem; height: 1px; content: ''; background: currentColor; transform: translate(-50%, -50%); }
.blessed-help-question__toggle::after { transform: translate(-50%, -50%) rotate(90deg); }
.blessed-help-question[open] .blessed-help-question__toggle { color: rgb(var(--cl-accent)); transform: rotate(45deg); }
.blessed-help-question__answer { padding: 0 1.5rem 1.5rem 3.4rem; }
.blessed-help-question__answer p { margin: 0; color: rgba(var(--cl-t-primary), .68); font-size: .875rem; line-height: 1.85; }
.blessed-help-question__answer a { display: inline-flex; min-height: 2.75rem; align-items: center; gap: .7rem; margin-top: .5rem; color: rgb(var(--cl-accent)); font-size: .75rem; font-weight: 600; }
.blessed-help-question__answer a:hover { text-decoration: underline; text-underline-offset: .25rem; }
.blessed-home-help :is(a, summary):focus-visible { outline: 2px solid rgb(var(--cl-accent)); outline-offset: 4px; }
@keyframes blessed-answer-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: no-preference) { .blessed-help-question[open] .blessed-help-question__answer { animation: blessed-answer-in .3s ease both; } }
@media (max-width: 820px) { .blessed-home-help__layout { grid-template-columns: minmax(0, 1fr); } .blessed-help-contact h3 br { display: none; } .blessed-help-contact__icon { margin-bottom: 1.4rem; } .blessed-help-contact__button { max-width: 24rem; } .blessed-help-contact__secondary { justify-content: flex-start; } }
@media (max-width: 480px) { .blessed-home-help__intro { margin-bottom: 2rem; } .blessed-help-question > summary { gap: .65rem; padding: 1rem; font-size: .875rem; } .blessed-help-question__answer { padding: 0 1rem 1.25rem; } .blessed-help-contact__button { max-width: none; } }
@media (prefers-reduced-motion: reduce) { .blessed-home-help *, .blessed-home-help *::before, .blessed-home-help *::after { animation: none !important; transition: none !important; } }


/* payment-ribbon.css */
/* Payment labels come only from the configured checkout-method list. */
.payment-ribbon {
  min-width: 0;
  max-width: 100%;
  margin: 2.5rem 0 3.5rem;
  padding: 1.25rem 0;
  border-top: 1px solid rgba(var(--cl-accent), .15);
  border-bottom: 1px solid rgba(var(--cl-accent), .15);
}
.payment-ribbon__heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem 1rem; margin-bottom: 1.2rem; }
.payment-ribbon__heading h2 { margin: 0 0 .25rem; color: rgb(var(--cl-t-primary)); font-size: .9rem; font-weight: 700; letter-spacing: -.02em; }
.payment-ribbon__heading p { margin: 0; color: rgba(var(--cl-t-primary), .6); font-size: .75rem; line-height: 1.5; }
.payment-ribbon__viewport { container-type: inline-size; overflow: hidden; mask-image: linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent); width: 100%; min-width: 0; }
.payment-ribbon__track { display: flex; width: 100%; }
.payment-ribbon__group { display: flex; align-items: center; justify-content: space-around; flex: 0 0 100%; flex-wrap: wrap; gap: .75rem; min-width: 0; margin: 0; padding: 0; list-style: none; }
.payment-ribbon__group[aria-hidden="true"] { display: none; }
.payment-ribbon__method { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: .65rem; min-height: 3.7rem; padding: .8rem 1.3rem; border: 1px solid rgba(var(--cl-t-primary), .08); border-radius: .75rem; color: rgba(var(--cl-t-primary), .85); background: rgb(var(--cl-card)); font-size: .85rem; font-weight: 650; white-space: nowrap; }
.payment-ribbon__method > i { color: rgb(var(--cl-accent)); font-size: 1.55rem; }
@media (prefers-reduced-motion: no-preference) {
  .payment-ribbon.is-ready .payment-ribbon__track { width: max-content; min-width: 100%; animation: payment-ribbon-scroll 28s linear infinite paused; }
  .payment-ribbon.is-ready .payment-ribbon__group { flex: 0 0 auto; flex-wrap: nowrap; min-width: min(1200px, 100vw); min-width: 100cqw; padding-right: .75rem; }
  .payment-ribbon.is-ready .payment-ribbon__group[aria-hidden="true"] { display: flex; }
  .payment-ribbon.is-motion-visible .payment-ribbon__track { animation-play-state: running; }
}
@keyframes payment-ribbon-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (max-width: 560px) {
  .payment-ribbon { margin: 2rem 0 2.5rem; }
  .payment-ribbon__method { min-height: 3.3rem; padding: .65rem 1rem; font-size: .8rem; }
}
@media (prefers-reduced-motion: reduce) {
  .payment-ribbon__track { animation: none !important; transform: none !important; }
  .payment-ribbon__group { justify-content: flex-start; flex-wrap: wrap; }
  .payment-ribbon__method { max-width: 100%; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
  .payment-ribbon__group[aria-hidden="true"] { display: none; }
}


/* brand-motion.css */
/* Storefront motion: no hidden initial state, pointer tracking, or modal effects. */
@keyframes brand-logo-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-9px); }
}
@keyframes brand-halo-breathe {
  0%, 100% { opacity: .45; transform: scale(.96); }
  50% { opacity: .7; transform: scale(1.04); }
}
/* A static shadow is rasterized once; only its layer opacity changes. */
.premium-home .blessed-spotlight::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: 0 12px 55px rgba(var(--cl-accent), .16);
  opacity: 0;
}
@keyframes spotlight-light {
  0%, 100% { opacity: .2; }
  50% { opacity: .85; }
}

/* Broad light passes remain behind the copy, inside a clipped decoration layer. */
.premium-home .blessed-hero-atmosphere {
  position: absolute;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  border-radius: 2rem;
  mask-image: linear-gradient(transparent, #000 18%, #000 75%, transparent);
}
.premium-home .blessed-hero-atmosphere span {
  position: absolute;
  top: -30%;
  left: 5%;
  width: 22%;
  height: 160%;
  background: linear-gradient(90deg, transparent, rgba(var(--cl-accent), .2), transparent);
  filter: blur(12px);
  transform: translateX(-35%) rotate(-28deg);
  opacity: .25;
}
.premium-home .blessed-hero-atmosphere span:nth-child(2) { left: 40%; width: 14%; }
.premium-home .blessed-hero-atmosphere span:nth-child(3) { left: 73%; width: 28%; }
.premium-home .blessed-spotlight::after {
  content: '';
  position: absolute;
  top: -1px;
  left: 8%;
  width: 25%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #e8d1ff, rgb(var(--cl-accent)), transparent);
  box-shadow: 0 0 12px rgba(var(--cl-accent), .65);
  pointer-events: none;
  opacity: 0;
}
.premium-home .premium-hero .premium-button--primary { position: relative; overflow: hidden; isolation: isolate; }
.premium-home .premium-hero .premium-button--primary::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.32) 48%, transparent 75%);
  transform: translateX(-120%);
  pointer-events: none;
  opacity: 0;
}
@keyframes brand-hero-beam {
  0%, 100% { transform: translateX(-35%) rotate(-28deg); opacity: .25; }
  50% { transform: translateX(75%) rotate(-18deg); opacity: .85; }
}
@keyframes brand-spotlight-sweep {
  0%, 100% { transform: translateX(0); opacity: .2; }
  50% { transform: translateX(220%); opacity: 1; }
}
@keyframes brand-button-shine {
  0%, 70% { transform: translateX(-120%); opacity: 0; }
  78% { opacity: 1; }
  92%, 100% { transform: translateX(120%); opacity: 0; }
}
@keyframes brand-button-hover-shine {
  0% { transform: translateX(-120%); opacity: 0; }
  35% { opacity: 1; }
  100% { transform: translateX(120%); opacity: 0; }
}
@media (prefers-reduced-motion: no-preference) {
  .premium-home .blessed-brand-art img { animation: brand-logo-float 7s ease-in-out infinite paused; }
  .premium-home .blessed-brand-art::before { animation: brand-halo-breathe 7s ease-in-out infinite paused; }
  .premium-home .blessed-spotlight::before { animation: spotlight-light 8s ease-in-out infinite paused; }
  .premium-home .blessed-hero-atmosphere span { animation: brand-hero-beam 9s ease-in-out infinite paused; }
  .premium-home .blessed-hero-atmosphere span:nth-child(2) { animation-duration: 12s; animation-delay: -5s; }
  .premium-home .blessed-hero-atmosphere span:nth-child(3) { animation-duration: 10s; animation-delay: -3s; }
  .premium-home .blessed-spotlight::after { animation: brand-spotlight-sweep 5s ease-in-out infinite paused; }
  .premium-home .premium-hero .premium-button--primary::after { animation: brand-button-shine 7s ease-in-out infinite paused; }
  .premium-home .blessed-brand-art.is-motion-visible img,
  .premium-home .blessed-brand-art.is-motion-visible::before,
  .premium-home .blessed-spotlight.is-motion-visible::before,
  .premium-home .blessed-spotlight.is-motion-visible::after,
  .premium-home .premium-hero.is-motion-visible .blessed-hero-atmosphere span,
  .premium-home .premium-hero.is-motion-visible .premium-button--primary::after { animation-play-state: running; }
  .premium-product-grid > .premium-product-grid__item { animation: none; }
  .premium-product-grid > .premium-product-grid__item > .premium-product-card,
  .premium-home .premium-button,
  .premium-header .premium-nav-link,
  .benefits-section .benefit,
  .blessed-benefits .benefit {
    transition: translate .28s cubic-bezier(.2,.7,.2,1), opacity .25s ease;
  }
  .premium-header .premium-nav-link::after { transition: transform .25s ease, opacity .25s ease; }
  @media (hover: hover) and (pointer: fine) {
    .premium-home .premium-hero .premium-button--primary:hover::after {
      animation-name: brand-button-hover-shine;
      animation-duration: .85s;
      animation-iteration-count: 1;
    }
    .premium-product-grid > .premium-product-grid__item > .premium-product-card:hover {
      translate: 0 -5px;
      box-shadow: 0 16px 36px rgba(0,0,0,.25), 0 0 28px rgba(var(--cl-accent), .1);
    }
    .premium-home .premium-button:hover { translate: 0 -2px; box-shadow: 0 7px 26px rgba(var(--cl-accent), .14); }
    .premium-header .premium-nav-link:hover { translate: 0 -1px; }
    .benefits-section .benefit:hover,
    .blessed-benefits .benefit:hover { background-color: color-mix(in srgb, rgb(var(--cl-card)) 95%, rgb(var(--cl-accent))); }
  }
}
@media (prefers-reduced-motion: reduce) {
  .premium-home .blessed-brand-art img,
  .premium-home .blessed-brand-art::before,
  .premium-home .blessed-spotlight::before,
  .premium-home .blessed-spotlight::after,
  .premium-home .blessed-hero-atmosphere span,
  .premium-home .premium-button,
  .premium-home .premium-button::before,
  .premium-home .premium-button::after,
  .premium-header .premium-nav-link,
  .premium-header .premium-nav-link::after,
  .premium-product-grid > .premium-product-grid__item,
  .premium-product-grid > .premium-product-grid__item > .premium-product-card,
  .premium-product-grid > .premium-product-grid__item > .premium-product-card *,
  .benefits-section .benefit,
  .blessed-benefits .benefit {
    animation: none !important;
    transition: none !important;
    translate: none !important;
  }
}