/* The unnumbered demo keeps its existing stylesheet and markup. */
.design-switcher { background: #f6f7f7; color: #26302d; border-bottom: 1px solid #dbe0df; font: 600 12px/1.2 'Manrope', sans-serif; }
.design-switcher-inner { min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 16px; padding-inline: 12px; }
.design-switcher ol { display: flex; gap: 4px; padding: 0; margin: 0; list-style: none; }
.design-switcher a { width: 36px; min-height: 40px; display: grid; place-items: center; text-decoration: none; color: inherit; border-bottom: 2px solid transparent; }
.design-switcher a:hover { background: #e8edeb; }
.design-switcher a[aria-current] { border-color: #26302d; font-weight: 800; background: #e8edeb; }
@media (max-width: 359.98px) {
  .design-switcher-inner { gap: 8px; padding-inline: 8px; }
  .design-switcher ol { gap: 0; }
  .design-switcher a { width: 32px; }
}

body[data-design] { --display: 'Manrope', sans-serif; --section-alt: #f0f3f2; --action-text: #fff; --card-bg: #fff; --card-text: var(--text); --card-muted: var(--muted); }
body[data-design] .hero { min-height: min(620px, calc(100svh - 220px)); }
.hero-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); margin: 0; }
body[data-design] .hero-store-btn { background: transparent; border-color: #ffffff8c; color: #fff; }
body[data-design] .hero-store-btn:hover { background: #ffffff1c; }
body[data-design] :is(.section-title, .story-main-header h3) { font-family: var(--display); }
body[data-design] :is(.btn-brand:not(.hero-shop-btn), .modal-buy-link) { color: var(--action-text); }
body[data-design] #about, body[data-design] .site-shell > footer { background: var(--section-alt); }
body[data-design] .story-side { border-color: var(--line); }
body[data-design] .product-card .product-buy-link { border-color: var(--line); }
[data-design] .location-card { background: var(--card-bg); color: var(--card-text); }
body[data-design] :is(.location-meta, .location-description, .type-chip) { color: var(--card-muted); }
body[data-design] .location-card-footer { border-color: var(--line); }
body[data-design] .location-links .ghost-link { color: var(--brand); background: transparent; }
body[data-design] .icon-button { background: var(--surface); border-color: var(--line); }
body[data-design] .modal { --text: #202923; --muted: #59655e; --line: #dce3dc; --surface-2: #eef2ee; --action-text: #fff; color: #202923; }
body[data-design] .modal-content { border-top: 3px solid var(--brand); }

/* 01: centered photographic cover, serif typography, open editorial spacing. */
body[data-design='1'] { --bg: #fff; --surface: #fff; --surface-2: #f3f3f1; --text: #272828; --muted: #626364; --line: #dcdedd; --brand: #a1352b; --brand-2: #80291f; --copper: #a1352b; --section-alt: #f2f3f1; --display: Georgia, 'Times New Roman', serif; --container-max: 1180px; }
[data-design='1'] .nav-brand-text { font-family: Georgia, serif; font-size: 23px; text-transform: none; font-weight: 700; }
[data-design='1'] .hero::before { background: #14181870; }
[data-design='1'] .hero-grid { width: 100%; text-align: center; }
[data-design='1'] .hero-brand-lockup { width: 250px; margin: 0 auto 22px; }
[data-design='1'] .hero-copy { max-width: 510px; margin-inline: auto; font-size: 18px; }
[data-design='1'] .hero-cta { justify-content: center; }
[data-design='1'] .section { padding-block: 86px; }
[data-design='1'] .section-header { text-align: center; justify-content: center; }
[data-design='1'] .section-title { font-size: 43px; font-weight: 400; }
[data-design='1'] .product-grid { gap: 36px; }
[data-design='1'] .product-card .card-title { font: 400 25px/1.25 Georgia, serif; }
[data-design='1'] .story-main { grid-template-columns: 1.1fr 1fr; align-items: center; gap: 72px; }
[data-design='1'] .story-main-header h3 { font-size: 38px; font-weight: 400; }
[data-design='1'] .story-main-image-wrap { aspect-ratio: 1; border-radius: 0; }
[data-design='1'] .locations-shell .section-header { text-align: left; justify-content: space-between; }
[data-design='1'] .location-card { border-radius: 0; }

/* 02: pastel mint, condensed lettering, compact graphic layouts. */
body[data-design='2'] { --bg: #f6f6f2; --surface: #fff; --surface-2: #e8f1ed; --text: #202c28; --muted: #52615a; --line: #c2d1ca; --brand: #315b60; --brand-2: #25474b; --copper: #315b60; --poster-bg: #cfe5da; --section-alt: #f0f3f2; --display: Impact, 'Arial Narrow', sans-serif; --radius: 0; --container-max: 1320px; }
[data-design='2'] .site-nav { background: var(--poster-bg); border: 0; }
[data-design='2'] .nav-brand-text { color: var(--text); font-size: 21px; font-weight: 800; }
[data-design='2'] .site-nav .btn-outline-warm { color: var(--text); }
[data-design='2'] .site-nav .btn-outline-warm:hover { background: #bad8c9; }
[data-design='2'] .site-nav .btn-brand { background: #181818; border-color: #181818; }
[data-design='2'] .navbar-toggler-icon { filter: none; }
[data-design='2'] .nav-btn, [data-design='2'] .icon-button { border-radius: 0; }
[data-design='2'] .hero-media img { filter: grayscale(1); object-position: center 62%; }
[data-design='2'] .hero::before { background: #10101073; }
[data-design='2'] .hero-grid { width: min(760px, 80%); }
[data-design='2'] .hero-brand-row { display: none; }
[data-design='2'] .hero-title { position: static; width: auto; height: auto; overflow: visible; clip-path: none; font: 400 88px/.98 Impact, 'Arial Narrow', sans-serif; text-transform: uppercase; margin: 0 0 24px; }
[data-design='2'] .hero-title span { display: block; }
[data-design='2'] .hero-title span + span { font-size: 36px; margin-top: 10px; }
[data-design='2'] .hero-copy { max-width: 520px; }
[data-design='2'] .hero-shop-btn { background: var(--poster-bg); border-color: var(--poster-bg); color: var(--text); }
[data-design='2'] .section { padding-block: 60px; }
[data-design='2'] .section-title { text-transform: uppercase; font-size: 46px; font-weight: 400; }
[data-design='2'] .section-header { border-bottom: 2px solid var(--text); padding-bottom: 20px; }
[data-design='2'] .product-grid { gap: 18px; }
[data-design='2'] .product-card > img { border-radius: 0; aspect-ratio: 1.22; }
[data-design='2'] .product-meta { justify-content: space-between; }
[data-design='2'] .product-index { display: block; color: var(--brand); font: 11px/1.4 monospace; }
[data-design='2'] .product-card .card-title { font-size: 21px; text-transform: uppercase; font-weight: 800; }
[data-design='2'] .story-main { grid-template-columns: 1fr 1.15fr; gap: 48px; }
[data-design='2'] .story-main-header h3 { font-size: 42px; font-weight: 400; text-transform: uppercase; }
[data-design='2'] .story-main-image-wrap { border-radius: 0; aspect-ratio: 1.5; }
[data-design='2'] .story-side { gap: 40px; }
[data-design='2'] .location-card { border-radius: 0; border-top: 3px solid var(--brand); }

/* 03: plant photography, green-tinted bands, a right-aligned brand cover. */
body[data-design='3'] { --bg: #f5f8f3; --surface: #fff; --surface-2: #e5eee0; --text: #20382c; --muted: #526655; --line: #cbdac8; --brand: #356446; --brand-2: #254c33; --copper: #695c31; --section-alt: #e1ebd9; --display: Georgia, 'Times New Roman', serif; --container-max: 1200px; }
[data-design='3'] .site-nav { background: #eef4ec; }
[data-design='3'] .hero::before { background: #0827168c; }
[data-design='3'] .hero-media img { object-position: center 42%; }
[data-design='3'] .hero-grid { width: 470px; max-width: 65%; margin-left: auto; }
[data-design='3'] .hero-brand-lockup { width: 270px; }
[data-design='3'] .hero-copy { max-width: 430px; }
[data-design='3'] .hero-shop-btn { background: #e7f1dd; border-color: #e7f1dd; color: #20382c; }
[data-design='3'] .section-title { font-size: 40px; font-weight: 400; }
[data-design='3'] .products-shell { background: #f5f8f3; }
[data-design='3'] .product-card > img { background: #e5eee0; padding: 12px; aspect-ratio: 1.15; }
[data-design='3'] .product-card .card-title { font: 400 24px/1.3 Georgia, serif; }
[data-design='3'] .story-main-image-wrap { aspect-ratio: 1.3; }
[data-design='3'] .story-main-content { order: -1; }
[data-design='3'] .story-main-header h3 { font-size: 37px; font-weight: 400; }
[data-design='3'] .story-side { gap: 44px; }
[data-design='3'] .story-card { display: block; }
[data-design='3'] .story-card-image-wrap { width: 100%; height: 145px; margin-bottom: 18px; }
[data-design='3'] .location-card { border: 0; background: #eaf1e5; }

/* 04: a restrained catalog with left-hand section labels and precise dividers. */
body[data-design='4'] { --bg: #fff; --surface: #fff; --surface-2: #eef4f6; --text: #18262c; --muted: #53626a; --line: #cdd8dd; --brand: #226379; --brand-2: #194c5e; --copper: #226379; --section-alt: #f1f5f6; --display: 'Manrope', sans-serif; --container-max: 1320px; }
[data-design='4'] .nav-brand-text { font-size: 16px; text-transform: none; }
[data-design='4'] .site-nav .nav-btn { font-size: 12px; }
[data-design='4'] .hero { align-items: end; }
[data-design='4'] .hero::before { background: #061b2566; }
[data-design='4'] .hero-grid { width: 720px; max-width: 100%; }
[data-design='4'] .hero-brand-row { display: none; }
[data-design='4'] .hero-title { position: static; width: auto; height: auto; clip-path: none; overflow: visible; font-size: 62px; font-weight: 600; line-height: 1.1; margin: 0 0 22px; }
[data-design='4'] .hero-title span { display: block; }
[data-design='4'] .hero-title span + span { font-size: 22px; font-weight: 400; margin-top: 9px; }
[data-design='4'] .hero-copy { font-size: 15px; max-width: 470px; }
[data-design='4'] .section { padding-block: 66px; }
[data-design='4'] .products-shell > .container-xl-custom { display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 48px; }
[data-design='4'] .products-shell .section-header { align-items: start; margin: 0; }
[data-design='4'] .section-title { font-size: 30px; font-weight: 500; }
[data-design='4'] .product-grid { gap: 20px; }
[data-design='4'] .product-card .card-title { font-size: 17px; }
[data-design='4'] .product-details { font-size: 12px; }
[data-design='4'] .product-footer { gap: 8px; flex-wrap: wrap; }
[data-design='4'] .product-link { font-size: 12px; }
[data-design='4'] .story-main { grid-template-columns: 1fr 1fr; align-items: center; }
[data-design='4'] .story-main-image-wrap { aspect-ratio: 1.6; border-radius: 0; }
[data-design='4'] .story-main-header h3 { font-size: 30px; font-weight: 500; }
[data-design='4'] .location-card { border: 0; border-left: 1px solid var(--line); border-radius: 0; }
[data-design='4'] .location-card-shell { padding-left: 26px; }
[data-design='4'] .location-logo-wrap { background: #fff; }

/* 05: charcoal, soft mint and peach, with light product artwork for contrast. */
body[data-design='5'] { --bg: #171b1a; --surface: #202624; --surface-2: #2c3531; --text: #f4f6f1; --muted: #bbc6bf; --line: #445049; --brand: #a6dabd; --brand-2: #c0ead0; --copper: #efb59c; --section-alt: #252d29; --action-text: #172a20; --card-bg: #242d28; --card-text: #f4f6f1; --card-muted: #c3cec7; --display: Georgia, 'Times New Roman', serif; --container-max: 1220px; }
[data-design='5'] .site-nav { background: #171b1a; }
[data-design='5'] .nav-brand-text { color: #f4f6f1; }
[data-design='5'] .navbar-toggler-icon, [data-design='5'] .icon-button .ui-icon, [data-design='5'] .footer-brand .brand-logo-img { filter: invert(1); }
[data-design='5'] .btn-brand .ui-icon { filter: none; }
[data-design='5'] .hero::before { background: #0a161973; }
[data-design='5'] .hero-grid { margin: auto; width: 100%; text-align: center; }
[data-design='5'] .hero-brand-lockup { width: 280px; margin: 0 auto 24px; }
[data-design='5'] .hero-copy { max-width: 540px; margin-inline: auto; }
[data-design='5'] .hero-cta { justify-content: center; }
[data-design='5'] .hero-shop-btn { background: #efb59c; border-color: #efb59c; color: #2c211c; }
[data-design='5'] .section-title { font-size: 42px; font-weight: 400; }
[data-design='5'] .products-shell { background: #171b1a; }
[data-design='5'] .product-card > img { background: #29312d; aspect-ratio: 1.2; padding: 10px; }
[data-design='5'] .product-card .card-title { color: #f4f6f1; font-size: 22px; }
[data-design='5'] .story-main { grid-template-columns: 1fr 1fr; align-items: center; }
[data-design='5'] .story-main-image-wrap { aspect-ratio: 1.4; }
[data-design='5'] .story-main-header h3 { font-size: 39px; font-weight: 400; }
[data-design='5'] .location-logo-wrap { background: #fff; }
[data-design='5'] .modal { --brand: #326349; --brand-2: #254b37; }
[data-design='5'] .modal .btn-brand .ui-icon { filter: invert(1); }

/* 06: serif typography; the journal layout supplies its current palette. */
body[data-design='6'] { --bg: #fff; --surface: #fff; --surface-2: #e7f0f4; --text: #27353d; --muted: #546671; --line: #c8d9e1; --brand: #a43b35; --brand-2: #822b27; --copper: #a43b35; --section-alt: #e9f3f7; --display: Georgia, 'Times New Roman', serif; --container-max: 1280px; }
[data-design='6'] .site-nav { background: #e9f3f7; }
[data-design='6'] .nav-brand-text { font: 700 22px/1.2 Georgia, serif; text-transform: none; }
[data-design='6'] .hero { align-items: center; }
[data-design='6'] .hero-media img { object-position: center 46%; }
[data-design='6'] .hero::before { background: #15292c80; }
[data-design='6'] .hero-grid { width: 680px; max-width: 90%; }
[data-design='6'] .hero-brand-row { display: none; }
[data-design='6'] .hero-title { position: static; width: auto; height: auto; clip-path: none; overflow: visible; font: 400 72px/1.05 Georgia, serif; margin: 0 0 25px; }
[data-design='6'] .hero-title span { display: block; }
[data-design='6'] .hero-title span + span { font-size: 36px; margin-top: 12px; font-style: italic; }
[data-design='6'] .hero-copy { max-width: 510px; }
[data-design='6'] .hero-shop-btn { background: #f5d2c7; border-color: #f5d2c7; color: #522821; }
[data-design='6'] .section-title { font-size: 44px; font-weight: 400; }
[data-design='6'] .story-main { grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
[data-design='6'] .story-main-header h3 { font-size: 42px; font-weight: 400; }
[data-design='6'] .story-main-image-wrap { aspect-ratio: 1.3; }
[data-design='6'] .location-card { border: 0; background: #edf5f8; }

@media (max-width: 1199.98px) and (min-width: 768px) {
  [data-design='4'] .products-shell > .container-xl-custom { grid-template-columns: 1fr; gap: 28px; }
  body[data-design] .story-main { gap: 36px; }
  body[data-design] .story-main-header h3 { font-size: 31px; }
}

@media (max-width: 767.98px) {
  body[data-design] .hero { min-height: 0; background: var(--bg); }
  body[data-design] .hero-grid { width: 100%; max-width: 100%; margin: 0; text-align: left; }
  body[data-design] .hero-brand-row { display: flex; }
  body[data-design] .hero-brand-lockup { width: 164px; max-width: 52%; margin: 0; }
  body[data-design] .hero-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); margin: 0; }
  body[data-design] .hero-copy { font: 400 15px/1.7 'Manrope', sans-serif; margin: 0; color: var(--muted); }
  body[data-design] .hero-mobile-cta .hero-shop-btn { background: var(--brand); border-color: var(--brand); color: var(--action-text); }
  body[data-design] .hero-mobile-cta .hero-store-btn { background: var(--surface-2); border-color: var(--line); color: var(--text); }
  body[data-design] .section { padding-block: 38px; }
  body[data-design] .section-header { text-align: left; justify-content: space-between; }
  body[data-design] .section-title { font-size: 29px; }
  body[data-design] .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
  body[data-design] .product-card { display: flex; gap: 0; }
  body[data-design] .product-card > img { width: 100%; aspect-ratio: 1.28; }
  body[data-design] .product-card .card-body { display: none; }
  body[data-design] .story-main { display: flex; gap: 24px; }
  body[data-design] .story-main-image-wrap { width: 100%; aspect-ratio: 2; }
  body[data-design] .story-main-header h3 { font-size: 29px; }
  body[data-design] .story-main-content { order: 0; }
  body[data-design] .story-side { gap: 24px; }
  body[data-design] .story-card { display: grid; }
  body[data-design] .story-card-image-wrap { width: auto; height: 72px; margin: 0; }
  body[data-design] .locations-shell .section-title { font-size: 24px; }
  body[data-design] .locations-shell .section-action { padding-inline: 10px; }
  body[data-design] .location-links .ghost-link { background: var(--surface-2); }
  [data-design='1'] .hero-inner { padding-bottom: 38px; }
  [data-design='1'] .products-shell { border-top: 1px solid var(--line); }
  body[data-design='2'] .hero { background: #e8ebdf; }
  [data-design='2'] .hero-copy { color: #3e4540; }
  body[data-design='2'] .section-title { font-size: 33px; }
  [data-design='2'] .section-header { padding-bottom: 16px; }
  [data-design='2'] .product-card > img { aspect-ratio: 1.15; }
  body[data-design='3'] .hero { background: #e1ebd9; }
  [data-design='3'] .product-card > img { padding: 7px; }
  [data-design='4'] .products-shell > .container-xl-custom { display: block; }
  [data-design='4'] .products-shell .section-header { margin-bottom: 24px; }
  body[data-design='4'] .section-title { font-size: 25px; }
  [data-design='4'] .hero-inner { padding-block: 24px 30px; }
  [data-design='4'] .location-card-shell { padding-left: 20px; }
  [data-design='5'] .hero-brand-lockup img { filter: invert(1); }
  body[data-design='5'] .hero-mobile-cta .hero-shop-btn { background: #efb59c; border-color: #efb59c; color: #2c211c; }
  [data-design='5'] .product-card > img { padding: 7px; }
  body[data-design='6'] .hero { background: #e9f3f7; }
  [data-design='2'] .navbar-toggler, [data-design='5'] .navbar-toggler { background: #fff; }
  [data-design='2'] .navbar-toggler-icon, [data-design='5'] .navbar-toggler-icon { filter: none; }
}

@media (max-width: 359.98px) {
  .design-switcher-inner { gap: 10px; }
  body[data-design] .locations-shell .section-title { font-size: 21px; }
  body[data-design] .section-title { font-size: 26px; }
  body[data-design='2'] .section-title { font-size: 30px; }
}