/* Shop-only sections (shop-hero, products-band). Chrome + editions-band come from home-v2.css. */

  .shop-hero { background: var(--vyne-bg); padding: clamp(48px,7vw,92px) clamp(24px,5vw,120px) clamp(20px,3vw,36px); max-width: 1680px; margin: 0 auto; }

  .shop-hero .kicker { font-family: var(--font-code); font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--vyne-gold); }

  .shop-hero h1 { font-family: var(--font-serif); font-weight: 500; font-size: clamp(38px,6vw,72px); line-height: 1.02; color: var(--vyne-ink); margin: 12px 0 0; }

  .shop-hero h1 em { font-style: italic; color: var(--vyne-gold-soft); }

  .shop-hero p { font-family: var(--font-read); font-size: clamp(16px,1.6vw,19px); line-height: 1.55; color: var(--vyne-body); max-width: 56ch; margin: 16px 0 0; }

  .products-band { background: #0d0a07; }

  .products-band .sub-feature { display: grid; grid-template-columns: 1.05fr 1fr; gap: 0; border: 1px solid var(--vyne-line); background: #15110c; overflow: hidden; margin-top: clamp(30px,4vw,50px); }

  .products-band .sub-feature .sf-photo { position: relative; min-height: 340px; background: #0a0706 center/cover no-repeat; }

  .products-band .sub-feature .sf-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

  .products-band .sub-feature .sf-badge { position: absolute; top: 18px; left: 18px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: #16100a; background: var(--vyne-gold); padding: 5px 11px; border-radius: 3px; }

  .products-band .sub-feature .sf-body { padding: clamp(30px,3.4vw,52px); display: flex; flex-direction: column; justify-content: center; }

  .products-band .sub-feature .sf-body h3 { font-family: var(--font-serif); font-weight: 500; font-size: clamp(30px,3.6vw,44px); line-height: 1.05; color: var(--vyne-ink); margin: 0 0 6px; }

  .products-band .sub-feature .sf-body h3 em { font-style: italic; color: var(--vyne-gold-soft); }

  .products-band .sub-feature .sf-stars { display: flex; align-items: center; gap: 8px; margin: 4px 0 14px; color: var(--vyne-gold); }

  .products-band .sub-feature .sf-stars .rev { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--vyne-muted); }

  .products-band .sub-feature .sf-body p { font-family: var(--font-read); font-size: 16px; line-height: 1.55; color: var(--vyne-body); margin: 0 0 22px; max-width: 46ch; }

  .products-band .sub-feature .sf-foot { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }

  .products-band .sub-feature .sf-price { font-family: var(--font-serif); font-size: 26px; color: var(--vyne-gold-soft); }

  .products-band .sub-feature .sf-price .from { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vyne-muted); margin-right: 5px; }

  .products-band .sub-feature .sf-btn { font-family: var(--font-word); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: #16100a; background: linear-gradient(180deg,#d9b765,#b98f3c); border: none; padding: 15px 30px; cursor: pointer; text-decoration: none; display: inline-block; white-space: nowrap; }
@media (max-width: 820px){
 .products-band .sub-feature { grid-template-columns: 1fr; }
 .products-band .sub-feature .sf-photo { min-height: 300px; }
}

  .products-band .bottles-sub { font-family: var(--font-code); font-size: 11px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--vyne-gold); margin: clamp(44px,6vw,72px) 0 18px; }

  .products-band .bottles4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }

  .products-band .b4 { display: flex; flex-direction: column; border: 1px solid var(--vyne-line); background: #15110c; overflow: hidden; transition: border-color 0.25s, transform 0.25s; text-decoration: none; }

  .products-band .b4:hover { border-color: var(--vyne-gold-deep); transform: translateY(-3px); }

  .products-band .b4-photo { position: relative; aspect-ratio: 3/4; background: #0a0706 center/cover no-repeat; }

  .products-band .b4-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

  .products-band .b4-body { padding: 20px 20px 22px; display: flex; flex-direction: column; flex: 1; }

  .products-band .b4-body h4 { font-family: var(--font-serif); font-weight: 500; font-size: 23px; line-height: 1.08; color: var(--vyne-ink); margin: 0; }

  .products-band .b4-aged { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 8px 0 10px; font-family: var(--font-mono); }

  .products-band .b4-aged .k { font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--vyne-gold); }

  .products-band .b4-aged .k::after { content: "\2192"; margin-left: 7px; color: var(--vyne-gold-deep); }

  .products-band .b4-aged .v { font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--vyne-ink); }

  .products-band .b4-body .desc { font-family: var(--font-read); font-size: 14px; line-height: 1.5; color: var(--vyne-body); margin: 0 0 16px; flex: 1; }

  .products-band .b4-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; }

  .products-band .b4-price { font-family: var(--font-serif); font-size: 21px; color: var(--vyne-gold-soft); }

  .products-band .b4-btn { font-family: var(--font-word); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--vyne-ink); border: 1px solid var(--vyne-line-strong, rgba(231,210,176,0.28)); padding: 10px 16px; transition: background 0.2s, color 0.2s; }

  .products-band .b4:hover .b4-btn { background: var(--vyne-gold); color: #16100a; border-color: var(--vyne-gold); }
@media (max-width: 1080px){
 .products-band .bottles4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px){
 .products-band .bottles4 { grid-template-columns: 1fr; }
}
/* ---------- Shop mobile layer (≤760px) ----------
 * Ported from the mobile design's own <style id="mobile-shop"> in
 * VYNE_Shop_MOBILE_FInal_01. The composer bottles and the personalized editions
 * become horizontal swipe carousels on phones; stacking them one-up made the
 * products section 3887px tall against the design's 1780. Scoped to
 * body.woocommerce-shop so the --pad override stays on this page.
 */
@media (max-width: 760px) {
  body.woocommerce-shop { --pad: 20px; }
  .shop-hero h1 { font-size: clamp(34px, 10vw, 46px); }
  body.woocommerce-shop .section-head { margin-bottom: 26px; }

  body.woocommerce-shop .editions-band .ed3-grid,
  .products-band .bottles4 {
    display: flex;
    grid-template-columns: none;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    margin-left: calc(var(--pad) * -1);
    margin-right: calc(var(--pad) * -1);
    padding: 4px var(--pad) 14px;
    scroll-padding-left: var(--pad);
    scrollbar-width: none;
  }
  body.woocommerce-shop .editions-band .ed3-grid::-webkit-scrollbar,
  .products-band .bottles4::-webkit-scrollbar { display: none; }

  body.woocommerce-shop .editions-band .ed3 { flex: 0 0 82vw; max-width: 330px; scroll-snap-align: start; }
  .products-band .b4 { flex: 0 0 66vw; max-width: 280px; scroll-snap-align: start; }

  .products-band .sub-feature { grid-template-columns: 1fr; }
}