/* Shop the Edit · WELLNESS theme (Supplements + Peptides), 2026-09-28
   Kassy's brief: Hawaii, nature + relaxation. Natural wood, candlelight, linen, natural light, God-given foods,
   arched stucco architecture, reflective ocean. Colors she named: rich ocean cyan, deep olive greens,
   walnut browns, warm tones, linen. Arches everywhere nod to the stucco pool rooms. */

body[data-theme="wellness"] {
  --linen: #efe8dc;       /* natural linen */
  --sand: #e4d9c6;        /* warm sand */
  --walnut: #5a3e2b;      /* walnut brown */
  --olive: #3f4a2c;       /* deep olive green */
  --leaf: #24402f;        /* deep plant-leaf green */
  --cyan: #0e7d8c;        /* rich ocean cyan */
  --paper: var(--linen); --stone: var(--sand); --card: #faf6ef;
  --ink: #2a2118; --muted: rgba(42, 33, 24, .72); --line: rgba(90, 62, 43, .2);
  --accent: var(--cyan); --tint: color-mix(in srgb, var(--cyan) 9%, var(--linen));
  --pill-bg: var(--olive); --pill-fg: #faf6ef;
  background: var(--linen); color: var(--ink);
}
/* linen weave on paper surfaces */
body[data-theme="wellness"] .hero, body[data-theme="wellness"] .edit, body[data-theme="wellness"] .gallery, body[data-theme="wellness"] .soon {
  background-image:
    repeating-linear-gradient(0deg, rgba(90,62,43,.035) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(90,62,43,.03) 0 1px, transparent 1px 4px),
    radial-gradient(ellipse at 20% 0%, rgba(255,250,240,.7), transparent 55%);
}
body[data-theme="wellness"] .hero { background-color: var(--linen); padding-top: clamp(70px, 8vw, 110px); overflow: hidden; }
body[data-theme="wellness"] .tone-stone { background-color: var(--sand); }
body[data-theme="wellness"] .tone-paper { background-color: var(--linen); }
body[data-theme="wellness"] .tone-white { background-color: #f6f1e8; }
/* walnut wood band */
body[data-theme="wellness"] .tone-wood { background: var(--walnut) url('assets/img/walnut.jpg') center / cover; color: #f6efe3; --muted: rgba(246,239,227,.8); }
body[data-theme="wellness"] .tone-wood .hx .s { color: #9fd3d6; }
body[data-theme="wellness"] .tone-wood .gal figcaption b { color: #f6efe3; }
/* deep leaf green band */
body[data-theme="wellness"] .tone-leaf { background: var(--leaf); color: #eef0e6; --muted: rgba(238,240,230,.78); }
body[data-theme="wellness"] .tone-leaf .hx .s { color: #9fd3d6; }

body[data-theme="wellness"] .notice { background: var(--leaf); }
body[data-theme="wellness"] .browse { background: color-mix(in srgb, var(--linen) 90%, #fff); }
body[data-theme="wellness"] .browse a.on { color: var(--cyan); }
body[data-theme="wellness"] .browse .home { color: var(--olive); }
body[data-theme="wellness"] .hero-h em { color: var(--cyan); }
body[data-theme="wellness"] .edit-head .hx::after, body[data-theme="wellness"] .promo-txt .hx::after { color: var(--olive); }

/* hero: arched stucco window + round porthole */
body[data-theme="wellness"] .collage { max-width: 900px; }
body[data-theme="wellness"] .collage .big-wrap { width: 86%; border-radius: 999px 999px 18px 18px; overflow: hidden; box-shadow: 0 30px 60px -34px rgba(42,33,24,.55); outline: 10px solid #f7f1e6; outline-offset: -1px; }
body[data-theme="wellness"] .collage .big { aspect-ratio: 4/3.1; border-radius: 0; }
body[data-theme="wellness"] .collage .small-wrap { width: 26%; left: 0; top: auto; bottom: -30px; border-radius: 50%; overflow: hidden; border: 8px solid #f7f1e6; box-shadow: 0 20px 40px -20px rgba(42,33,24,.5); aspect-ratio: 1; }
body[data-theme="wellness"] .collage .small { aspect-ratio: 1; object-fit: cover; height: 100%; border: 0; border-radius: 0; }

/* product cards: arched tiles like stucco niches */
body[data-theme="wellness"] .tile { background: var(--card); border-radius: 999px 999px 16px 16px; box-shadow: 0 1px 0 rgba(90,62,43,.12), 0 18px 30px -24px rgba(42,33,24,.5); }
body[data-theme="wellness"] .tile img { width: 64%; height: 64%; margin-top: 14%; }
body[data-theme="wellness"] .tile img.photo { width: 100%; height: 100%; margin: 0; border-radius: inherit; }
body[data-theme="wellness"] .featured .tile { border-radius: 26px; aspect-ratio: 16/9; }
body[data-theme="wellness"] .featured-txt { background: var(--card); border-radius: 999px 999px 18px 18px; padding: 46px 26px 30px; box-shadow: 0 18px 30px -24px rgba(42,33,24,.5); }
body[data-theme="wellness"] .arrow { border-color: rgba(42,33,24,.4); background: rgba(250,246,239,.9); }
body[data-theme="wellness"] .card:hover .arrow, body[data-theme="wellness"] .featured:hover .arrow { background: var(--cyan); border-color: var(--cyan); }

/* gallery: arched photos with captions */
.gal-grid { display: grid; grid-template-columns: repeat(var(--gcols, 4), 1fr); gap: clamp(16px, 2.4vw, 30px); }
.gal { text-decoration: none; color: inherit; display: block; }
.gal-img { margin: 0; aspect-ratio: 3/4; overflow: hidden; border-radius: 999px 999px 16px 16px; box-shadow: 0 22px 40px -28px rgba(0,0,0,.6); }
.gal-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease); }
.gal:hover .gal-img img { transform: scale(1.05); }
.gal figcaption { text-align: center; margin-top: 16px; }
.gal figcaption b { display: block; font: 400 21px/1.2 var(--f-display); letter-spacing: .01em; }
.gal figcaption span { display: block; margin-top: 4px; font: italic 400 16px/1.45 'Cormorant Garamond', serif; color: var(--muted); }
.gal-grid[style*="--gcols:3"] .gal-img { aspect-ratio: 4/5; }
.gal-grid[style*="--gcols:2"] .gal-img { aspect-ratio: 4/3; border-radius: 26px; }
.gallery { padding: clamp(70px, 8vw, 110px) 0; position: relative; }
.gallery .wrap { position: relative; z-index: 2; }

/* banners in wellness: bright, airy overlay instead of dark */
body[data-theme="wellness"] .obsess { background: var(--leaf); }
body[data-theme="wellness"] .obsess::after { background: linear-gradient(180deg, rgba(20,40,34,.55) 0%, rgba(20,40,34,.2) 35%, rgba(20,40,34,.55) 100%) !important; }
body[data-theme="wellness"] .obsess .obsess-bg { opacity: 1; }
body[data-theme="wellness"] .ob-script { color: #bfe6e6; }
body[data-theme="wellness"] .obsess .pill.ghost { color: var(--olive); }

body[data-theme="wellness"] .ghost-tile { border-color: rgba(14,125,140,.35); color: var(--cyan); border-radius: 999px 999px 16px 16px; }
body[data-theme="wellness"] .ig { background: var(--cyan); }
body[data-theme="wellness"] .ig-tag { background: var(--linen); color: var(--leaf); }
body[data-theme="wellness"] .ig-row a { border-radius: 999px 999px 10px 10px; }
body[data-theme="wellness"] .disclosure { background: var(--sand); }
body[data-theme="wellness"] .foot { background: var(--walnut); }
body[data-theme="wellness"] .pill { box-shadow: 0 14px 30px -16px rgba(42,33,24,.55); }

/* cut-out placements (wellness) */
.deco.w-palm-l { width: clamp(150px, 16vw, 260px); left: -60px; top: 40px; transform: rotate(-24deg); z-index: 1; }
.deco.w-palm-r { width: clamp(150px, 16vw, 250px); right: -70px; top: 10px; transform: rotate(160deg) scaleX(-1); z-index: 1; }
.deco.w-coconut { width: clamp(130px, 13vw, 200px); right: calc(50% - 600px); bottom: 30px; z-index: 3; }
.deco.w-berries { width: clamp(90px, 9vw, 140px); left: calc(50% - 590px); bottom: 60px; z-index: 3; }
.deco.w-candle { width: clamp(70px, 6vw, 100px); right: 5%; top: 60px; z-index: 1; }
.deco.w-palm-b { width: clamp(160px, 16vw, 250px); left: -50px; bottom: -40px; transform: rotate(40deg); z-index: 1; }

@media (max-width: 900px) {
  .gal-grid { grid-template-columns: repeat(2, 1fr); }
  .gal-grid[style*="--gcols:2"] { grid-template-columns: 1fr; }
  body[data-theme="wellness"] .collage .small-wrap { width: 34%; bottom: -20px; }
  .deco.w-palm-l, .deco.w-palm-r { width: 120px; }
  .deco.w-coconut { width: 100px; right: -10px; bottom: 10px; }
  .deco.w-berries { width: 76px; left: -10px; bottom: 20px; }
  .deco.w-candle { width: 56px; right: 2%; top: 20px; }
  .deco:not(.lace-strip) { z-index: 1 !important; }
}
body[data-theme] .gallery { overflow-x: clip; }