/** Shopify CDN: Minification failed

Line 61:0 Unexpected "}"

**/
/* ═══════════════════════════════════════════════════════════════════
   yd-home.css — THE HOMEPAGE SECTIONS, desktop as the bigger twin (The Agentic Lab®, Part3, A · 2026-09-04)
   Loads after yd-plp.css; overrides yd-custom.css §reels/why/marquee/trust (the brands rail and the quick links retired, Part8 audit A2). Tokens only (assets/yd-config.css).
   REM BASIS: Dawn's html is 62.5%, 1rem = 10px; sizes below are px or --yd-* tokens, never bare rem.
   Laws: A10 the bigger twin (type, card, padding step up together at ≥990) · law 12 kicker binds to the heading (8px) and the body
   opens below (24–32px) · law 13 rhythm · A9 ONE WELL (40px circle, indigo-50 / indigo-600, the trust strip's) · A8 no forced layers,
   no scale in scroll keyframes · A12 no em-dashes. Identity: indigo + sky + the cross mark; nothing borrowed from a sister store.
   ═══════════════════════════════════════════════════════════════════ */

/* ═══ 0. THE DENSITY LAYER at desktop — one knob, stepped once, for the three banded sections ═══ */
@media (min-width: 990px) {
  .yd-reels, .yd-why { --yd-section-pad: 112px; }
  .yd-reels__head { margin-bottom: var(--yd-sp-8); }
  .yd-why__head { margin-bottom: var(--yd-sp-6); }
  .yd-reels__head .h2, .yd-why__head .h2 { font-size: var(--yd-fs-h2); line-height: var(--yd-lh-h2); }
  .yd-reels__subtitle { font-size: var(--yd-fs-body); max-width: 52ch; margin-top: var(--yd-sp-4); }
}
@media (min-width: 1200px) { .yd-reels, .yd-why { --yd-section-pad: 128px; } }

/* ═══ 0b. NO FIXED ATTACHMENT (Part8 audit A2): Dawn's .gradient paints the scheme ground with background-attachment: fixed, a
   whole-section repaint on every scroll frame (iOS lesson 47, the ticker seam). Every scheme is flat, so scroll renders identically. ═══ */
.yd-reels.gradient, .yd-why.gradient, .yd-marquee.gradient { background-attachment: scroll; }

/* ═══ 1. THE WELL — one shape for every icon seat on the page ═══ */
.yd-why__icon {
  width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; flex: none;
}
.yd-why__icon { background: var(--yd-indigo-50); color: var(--yd-indigo-600); }
.yd-why__icon svg { width: 22px; height: 22px; }

/* ═══ 2. REELS — the coverflow retired (Part7): the Instagram cards are flat; every reel rule lives in assets/yd-reels.css ═══ */

/* ═══ 3. WHY — three honest cards that read as cards at 1440, not text strips ═══ */
/* THE WHY (Part10, Sawy 2026-09-06 01:55: "2 cards per row and let us have the 4 top things why choose us"): a 2 by 2 on the phone, four
   across on desktop; one compact card: a 40 well with the mark, the title on two lines at most, one short line of text; the fourth is a door
   (a linked card wears the arrow). Hairline, no shadow at rest, no hover fly. */
.yd-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--yd-sp-3); }
.yd-why__card { padding: var(--yd-sp-4); box-shadow: none; border: var(--yd-border-hairline); display: flex; flex-direction: column; min-width: 0; }
.yd-why__card:hover { box-shadow: var(--yd-shadow-md); border-color: transparent; transform: none; }
.yd-why__card-link { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; color: inherit; text-decoration: none; }
.yd-why__card-link:focus-visible { outline: none; box-shadow: var(--yd-focus-ring); border-radius: var(--yd-radius-card); }
.yd-why__icon { width: 40px; height: 40px; border-radius: 12px; margin-bottom: var(--yd-sp-3); }
.yd-why__icon svg { width: 20px; height: 20px; }
.yd-why__title { display: flex; align-items: center; gap: 6px; font-size: 15px; line-height: 1.25; margin: 0 0 var(--yd-sp-1); color: var(--yd-slate-900); overflow-wrap: anywhere; }
.yd-why__title svg { width: 14px; height: 14px; flex: none; color: var(--yd-indigo-600); }
html[dir="rtl"] .yd-why__title svg { transform: scaleX(-1); }
.yd-why__text { font-size: 13px; line-height: 1.5; max-width: none; }
@media (min-width: 750px) {
  .yd-why__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--yd-sp-4); }
  .yd-why__card { padding: var(--yd-sp-5); }
  .yd-why__icon { width: 48px; height: 48px; margin-bottom: var(--yd-sp-4); }
  .yd-why__icon svg { width: 24px; height: 24px; }
  .yd-why__title { font-size: var(--yd-fs-h3); line-height: var(--yd-lh-h3); }
  .yd-why__text { font-size: var(--yd-fs-small); line-height: var(--yd-lh-small); }
}
}

/* ═══ 4. (retired) THE QUICK LINKS left the home in Part5; the section file and its rules went in the Part8 audit (A2) ═══ */

/* ═══ 5. MARQUEE — no forced layer (A8); the label voice, pinned in px ═══ */
.yd-marquee__track { will-change: auto; }
.yd-marquee__text { font-size: var(--yd-fs-small); letter-spacing: var(--yd-track-label); padding-block: 14px; }   /* sweep A #4: the small step, not 12px */
html[dir="rtl"] .yd-marquee__text { font-size: var(--yd-fs-small); letter-spacing: 0; }
@media (min-width: 750px) { .yd-marquee__text { font-size: 1.5rem; } html[dir="rtl"] .yd-marquee__text { font-size: var(--yd-fs-body); } }
@media (min-width: 990px) { .yd-marquee { margin-top: 0; } .yd-marquee__viewport { min-height: 52px; } }   /* Part10: the band hugs the hero on desktop too (was 32; measured at 1280) */

/* ═══ 6. (retired) THE BRANDS rail was replaced by THE BRAND WALL (sections/yd-brand-wall.liquid + assets/yd-brand-wall.css, Part8) ═══ */

/* ═══ 7. (retired) TRUST STRIP — killed site-wide in Part10 (Sawy 2026-09-06 00:45: "kill the whole section above the footer with the 4 icons") ═══ */

/* ═══ PART3 AUDIT ROUND 1 — Lane M1 (A, 2026-09-04): #12 #13 #14 (#27, the brands logo scale, retired with the rail in Part8) ═══ */
/* #12 law 12 · the two stock home sections wear the yd kicker + heading unit: centred, 8px binds kicker to heading, 24px opens the grid */
.collection .collection__title.title-wrapper, .collection-list-wrapper .title-wrapper-with-link { display: block; text-align: center; margin: 0 0 var(--yd-sp-6); }
.collection .collection__title.title-wrapper { padding-inline: var(--yd-gutter); }
.yd-shead { text-align: center; }
.yd-shead .yd-eyebrow { margin: 0 0 var(--yd-sp-2); }
.yd-shead .title, .yd-shead .collection-list-title { margin: 0; font-size: var(--yd-fs-h2); line-height: var(--yd-lh-h2); letter-spacing: -0.005em; }
.yd-shead .h2 { margin: 0; }   /* Part10 (measured 492): Dawn's .h2 carried ~20 of margin that collapsed over the eyebrow's 8; every home head binds at 8 */
.collection-list-wrapper .title-wrapper-with-link .link { display: block; margin-top: var(--yd-sp-3); }
@media (min-width: 990px) { .collection .collection__title.title-wrapper, .collection-list-wrapper .title-wrapper-with-link { margin-bottom: var(--yd-sp-7); } }
/* #13 law 20 / A3 · the Shop-by-concern card is the site card: image bleeds to the card edges (media radius on the outer), label + arrow on ONE line */
.collection-list .card { --image-padding: 0; --border-radius: var(--yd-radius-media); border-radius: var(--yd-radius-media); }
.collection-list .card__inner { border-radius: var(--yd-radius-media); }
.collection-list .card .card__inner .card__media { margin: 0; border-radius: var(--yd-radius-media) var(--yd-radius-media) 0 0; }
.collection-list .card__media .media img { border-radius: 0; object-fit: cover; }
.collection-list .card > .card__content, .collection-list .card__inner .card__content { padding: var(--yd-sp-3) var(--yd-sp-4) var(--yd-sp-4); text-align: start; }
.collection-list .card__information { padding: 0; }
.collection-list .card__heading { margin: 0; }
.collection-list .card__heading .full-unstyled-link { display: flex; align-items: center; justify-content: space-between; gap: var(--yd-sp-2); font-size: var(--yd-fs-small); font-weight: 700; line-height: 1.3; color: var(--yd-slate-900); }
.collection-list .card__heading .icon-wrap { flex: none; display: inline-flex; margin: 0; width: 18px; height: 18px; color: var(--yd-indigo-600); }
.collection-list .card__heading .icon-wrap svg { width: 18px; height: 18px; }
.collection-list .card__heading .full-unstyled-link:hover .icon-wrap { transform: translateX(3px); }
/* #14 law 4 / A9 · slider pagers: both arrows visible, centred, indigo, 44px targets; the row disappears when nothing scrolls */
.collection .slider-buttons, .collection-list-wrapper .slider-buttons { justify-content: center; gap: var(--yd-sp-2); margin-top: var(--yd-sp-4); }
.collection .slider-button, .collection-list-wrapper .slider-button { width: var(--yd-tap); height: var(--yd-tap); border-radius: var(--yd-radius-badge); color: var(--yd-indigo-700); opacity: 1; transition: background var(--yd-duration-fast), opacity var(--yd-duration-fast); }
.collection .slider-button:hover, .collection-list-wrapper .slider-button:hover { background: var(--yd-indigo-50); }
.collection .slider-button .icon, .collection-list-wrapper .slider-button .icon,
.collection .slider-button svg, .collection-list-wrapper .slider-button svg { color: var(--yd-indigo-700); opacity: 1; width: 12px; height: 12px; }
.collection .slider-button[disabled], .collection-list-wrapper .slider-button[disabled] { opacity: 0.3; }
.collection .slider-counter, .collection-list-wrapper .slider-counter { min-width: 44px; text-align: center; font-size: var(--yd-fs-label); font-variant-numeric: tabular-nums; color: var(--yd-slate-500); }
.collection .slider-buttons:has(.slider-button--prev[disabled]):has(.slider-button--next[disabled]), .collection-list-wrapper .slider-buttons:has(.slider-button--prev[disabled]):has(.slider-button--next[disabled]) { display: none; }
/* lead fix after M1 (A): Dawn sizes the card image off `.media` (position absolute inside a padded box); with --image-padding 0 the
   media box collapsed to 0 width. Pin the media box and its image to the card. */
.collection-list .card__inner .card__media { width: 100%; }
.collection-list .card__media .media { position: relative; width: 100%; padding-bottom: var(--ratio-percent, 83.33%); overflow: hidden; }
.collection-list .card__media .media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* ═══ PART3 AUDIT ROUND 2 — Lane Q (A, 2026-09-04) ═══ */
/* R2-2 law 16 one reveal system: Dawn's per-card slide-in stagger (75ms × 8) left the desktop best-sellers and concern grids
   half-ghosted for over a second; those grids now render final-state and only the yd-reveal head animates. */
.collection .scroll-trigger, .collection-list .scroll-trigger, .collection .scroll-trigger.animate--slide-in, .collection-list .scroll-trigger.animate--slide-in {
  animation: none !important; opacity: 1 !important; transform: none !important;
}