/* ============================================================
   FLOWER_SHOP_MULTI_NARI · variant B — stacked typographic hero with a framed
   video below · plans + steps bands · 3-up grids · minimal nav.
   ============================================================ */

/* nav: drop the left links, underline the category row */
[data-variant="b"] .nav-left { visibility: hidden; }
[data-variant="b"] .catrow a { border-radius: 0; background: none; border-bottom: 2px solid transparent; padding: 8px 10px; }
[data-variant="b"] .catrow a:hover { background: none; color: var(--coral); }
[data-variant="b"] .catrow a.active { background: none; color: var(--coral); border-bottom-color: var(--coral); }

/* stacked hero */
.hero-b { background: var(--cream); padding: 56px 0 0; }
.hero-b-type { text-align: center; max-width: 720px; margin: 0 auto 34px; }
.hero-b-type .kick { font-family: var(--script); font-size: clamp(26px, 3.4vw, 40px); color: var(--coral); line-height: 1; }
.hero-b-type h1 { font-size: clamp(40px, 6vw, 72px); font-weight: var(--a1k-heading-weight, 800); line-height: 1.02; margin: 8px 0 0; color: var(--ink); }
.hero-b-type p { font-size: 17px; color: var(--ink-2); margin: 18px auto 24px; max-width: 40ch; }
.hero-b-type .hero-cta { justify-content: center; }
.hero-b-frame { border-radius: var(--radius-lg) var(--radius-lg) 0 0; overflow: hidden; aspect-ratio: var(--a1k-img-ratio, 16 / 9); background: #000; box-shadow: var(--shadow-lg); }
.hero-b-frame video { width: 100%; height: 100%; object-fit: cover; display: block; }

/* mission directly under the frame */
.mission-b { padding: 56px 24px; }

/* grids read the column cell */
.pgrid-b { grid-template-columns: repeat(var(--a1k-cols, 3), 1fr); gap: calc(36px * var(--a1k-density, 1)) calc(22px * var(--a1k-density, 1)); }
.gifts-b { grid-template-columns: repeat(3, 1fr); }
.gifts-b .gimg { aspect-ratio: var(--a1k-img-ratio, 1 / 1); background: #fff; }

/* plans + steps */
.plans-b { background: var(--sun-soft); }
.plans-b .plans { margin-top: 12px; }
.plans-b .plan .btn { margin-top: 4px; }
.steps-b { border-bottom: 1px solid var(--line); }

/* reviews 2-col */
.revwall-b { grid-template-columns: repeat(2, 1fr); }

/* cells */
[data-variant="b"] .btn { border-radius: var(--a1k-btn-radius, 999px); font-weight: var(--a1k-btn-weight, 800); }
[data-variant="b"] .sec-head h2 { font-weight: var(--a1k-heading-weight, 800); }

@media (max-width: 980px) {
  .pgrid-b { grid-template-columns: repeat(2, 1fr); }
  .gifts-b { grid-template-columns: repeat(2, 1fr); }
  .revwall-b { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .hero-b { padding-top: 36px; }
  .gifts-b { grid-template-columns: 1fr; }
}