/* Load after public/style.css and public/design.css.
   Only storefront themes v3–v5; existing content, controls and modal geometry stay intact. */

.storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) {
  background: var(--cream);
  color: var(--ink);
}
.storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) :is(.hero-copy, .hero-art, .about-copy, .section-heading > div) { min-width: 0; }
.storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) :is(h1, h2, .brand, .art-caption) { overflow-wrap: anywhere; }
.storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .button:hover { background: var(--hover); }
.storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .button.secondary:hover { background: var(--sand); color: var(--ink); }
.storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .product-status { color: var(--muted); background: var(--paper); }
.storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .photo-count { background: var(--paper); color: var(--ink); }
.storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) :is(.category-number, .soon-button small) { background: var(--paper); color: var(--ink); }
.storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) :is(.category-card, .product-visual):focus-visible { outline-offset: 5px; }

/* V3 — JARDIN D’ARTISTE
   Sage paper, botanical ink, restrained ochre; a compact herbarium before the catalogue. */
.storefront[data-theme="v3"] {
  --cream: #f5f3e8;
  --paper: #fffdf5;
  --sand: #e5e9d8;
  --ink: #263d30;
  --muted: #56604e;
  --olive: #324e3b;
  --clay: #805526;
  --line: #cbd1bb;
  --hover: #1d3928;
}
.storefront[data-theme="v3"] .wrap { width: min(1260px, calc(100% - 96px)); }
.storefront[data-theme="v3"] .topline { background: #dde5cf; color: var(--ink); letter-spacing: 1.5px; }
.storefront[data-theme="v3"] .header { height: 96px; border-bottom-style: double; border-bottom-width: 3px; }
.storefront[data-theme="v3"] .hero { grid-template-columns: 1fr 1.05fr; gap: 58px; padding-block: 38px 24px; }
.storefront[data-theme="v3"] .hero-copy { padding: 0; }
.storefront[data-theme="v3"] .hero-copy h1 { font-size: clamp(52px, 5.1vw, 74px); line-height: 1.02; letter-spacing: -1.8px; }
.storefront[data-theme="v3"] .hero-copy .eyebrow { margin-bottom: 20px; }
.storefront[data-theme="v3"] .hero .button { margin-top: 26px; border-radius: 2px; }
.storefront[data-theme="v3"] .hero-art { padding: 0; }
.storefront[data-theme="v3"] .hero-art .art-frame { height: 366px; border: 10px solid var(--paper); outline: 1px solid var(--line); border-radius: 0; background: var(--sand); }
.storefront[data-theme="v3"] .art-caption { font-size: 10px; margin-top: 13px; }
.storefront[data-theme="v3"] .round-note { left: auto; right: 20px; bottom: 46px; width: 90px; height: 90px; border-color: var(--olive); background: var(--paper); color: var(--ink); box-shadow: 0 0 0 5px var(--paper); transform: rotate(7deg); }
.storefront[data-theme="v3"] .hero-story { grid-template-columns: .8fr 1.2fr; gap: 58px; padding-block: 18px 32px; }
.storefront[data-theme="v3"] .hero-note { font-size: 25px; }
.storefront[data-theme="v3"] .note-star { font-size: 54px; color: var(--olive); }
.storefront[data-theme="v3"] .hero-description { font-size: 14px; line-height: 1.85; }
.storefront[data-theme="v3"] .section { padding-block: 66px; }
.storefront[data-theme="v3"] .category-section { padding-top: 46px; }
.storefront[data-theme="v3"] .section-heading h2 { font-size: clamp(44px, 4.2vw, 61px); letter-spacing: -1px; }
.storefront[data-theme="v3"] .category-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 28px 22px; margin-top: 32px; }
.storefront[data-theme="v3"] .category-card,
.storefront[data-theme="v3"] .category-card:nth-child(-n+3) { grid-column: span 3; }
.storefront[data-theme="v3"] .category-card:nth-child(n+5) { grid-column: span 4; }
.storefront[data-theme="v3"] .category-photo,
.storefront[data-theme="v3"] .category-card:nth-child(n) .category-photo { aspect-ratio: 1.2; border-radius: 0; border: 8px solid var(--paper); outline: 1px solid var(--line); background: #e3e7d8; }
.storefront[data-theme="v3"] .category-photo img { padding: 7px; }
.storefront[data-theme="v3"] .category-name { font-size: 28px; padding-bottom: 12px; border-bottom-style: dashed; }
.storefront[data-theme="v3"] .category-name > span:not(.category-label) { border-radius: 0; border-color: var(--line); }
.storefront[data-theme="v3"] .values-strip { background: #e6eadb; border-color: var(--line); }
.storefront[data-theme="v3"] .values-strip .wrap { min-height: 66px; }
.storefront[data-theme="v3"] .product-grid { gap: 34px 24px; }
.storefront[data-theme="v3"] .product-card .product-visual { background: #e8ebdf; aspect-ratio: 1.08; }
.storefront[data-theme="v3"] .product-card:nth-child(3n+2) .product-visual { background: #eee8d8; }
.storefront[data-theme="v3"] .product-card:nth-child(3n+3) .product-visual { background: #e0e7da; }
.storefront[data-theme="v3"] .product-info h3 { font-size: 27px; }
.storefront[data-theme="v3"] .about { background: #2d4534; }
.storefront[data-theme="v3"] .about-grid { grid-template-columns: .92fr 1.08fr; gap: 74px; }
.storefront[data-theme="v3"] .about-art { min-height: 430px; border-radius: 2px; border: 10px solid #d8ddc6; background: #89977a; }
/* Keep Cat’s portrait whole, at its natural proportions, without a decorative frame. */
.storefront[data-theme="v3"] #about-image:has(> img) { min-height: 0; height: auto; border: 0; border-radius: 0; background: transparent; }
.storefront[data-theme="v3"] #about-image > img { position: static; height: auto; }

.storefront[data-theme="v3"] .about-copy :is(.eyebrow, em) { color: #ead6a7; }
.storefront[data-theme="v3"] .about-copy > p:not(.eyebrow) { color: #eef0e1; }
.storefront[data-theme="v3"] .about :focus-visible { outline-color: #ead6a7; }
.storefront[data-theme="v3"] .contact h2 { font-size: clamp(46px, 5vw, 70px); }
.storefront[data-theme="v3"] .footer { background: #e0e5d4; }

/* V4 — GALERIE SOLAIRE
   Photograph first, plum editorial panel, butter-yellow and terracotta gallery plinths. */
.storefront[data-theme="v4"] {
  --cream: #faf4e4;
  --paper: #fffaf0;
  --sand: #f0dfb2;
  --ink: #462b3d;
  --muted: #6b555c;
  --olive: #733c48;
  --clay: #9a3b30;
  --line: #d9c7b6;
  --hover: #542937;
}
.storefront[data-theme="v4"] .wrap { width: min(1440px, calc(100% - 96px)); }
.storefront[data-theme="v4"] .topline { background: #efd28e; color: var(--ink); letter-spacing: 1.2px; }
.storefront[data-theme="v4"] .header { height: 108px; border-bottom: 0; }
.storefront[data-theme="v4"] .hero { grid-template-columns: 1.2fr 1fr; gap: 0; padding-block: 16px 30px; align-items: stretch; }
.storefront[data-theme="v4"] .hero-art { padding: 0; background: #efd28e; }
.storefront[data-theme="v4"] .hero-art .art-frame { height: 548px; border-radius: 0; background: #e8c89a; }
.storefront[data-theme="v4"] .art-caption { margin: 0; padding: 16px 22px; color: var(--ink); font-size: 10px; }
.storefront[data-theme="v4"] .hero-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(26px, 4vw, 62px); background: #59344b; color: #fff5e4; }
.storefront[data-theme="v4"] .hero-copy .eyebrow { color: #f4d8a0; margin-bottom: 30px; }
.storefront[data-theme="v4"] .hero-copy .tiny-line { background: #f4d8a0; }
.storefront[data-theme="v4"] .hero-copy h1 { font-size: clamp(54px, 5.2vw, 80px); line-height: 1.01; letter-spacing: -1.8px; }
.storefront[data-theme="v4"] .hero-copy em { color: #f4cf89; }
.storefront[data-theme="v4"] .hero-copy .button { background: #f4d48e; border-color: #f4d48e; color: #462b3d; gap: 22px; margin-top: 34px; }
.storefront[data-theme="v4"] .hero-copy .button:hover { background: #ffe5ae; }
.storefront[data-theme="v4"] .hero-copy :focus-visible { outline-color: #ffe5ae; }
.storefront[data-theme="v4"] .round-note { left: 22px; bottom: 82px; background: #f4d48e; border-color: #59344b; color: #462b3d; box-shadow: 0 0 0 6px #f4d48e; width: 100px; height: 100px; transform: rotate(-7deg); }
.storefront[data-theme="v4"] .hero-story { grid-template-columns: 1fr 1.5fr; gap: 60px; padding-block: 14px 42px; }
.storefront[data-theme="v4"] .hero-note { font-size: 29px; }
.storefront[data-theme="v4"] .note-star { color: var(--clay); }
.storefront[data-theme="v4"] .values-strip { background: #ad4938; border-color: #ad4938; color: #fff8e8; }
.storefront[data-theme="v4"] .values-strip span:nth-child(even) { color: #ffe2a2; }
.storefront[data-theme="v4"] .section { padding-block: 82px; }
.storefront[data-theme="v4"] .section-heading h2 { font-size: clamp(48px, 4.8vw, 72px); }
.storefront[data-theme="v4"] .category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px 22px; }
.storefront[data-theme="v4"] .category-card,
.storefront[data-theme="v4"] .category-card:nth-child(-n+3) { grid-column: auto; }
.storefront[data-theme="v4"] .category-card:first-child { grid-column: span 2; }
.storefront[data-theme="v4"] .category-card:nth-child(n) .category-photo { aspect-ratio: 1; border-radius: 0; background: #f0d294; }
.storefront[data-theme="v4"] .category-card:first-child .category-photo { aspect-ratio: 2.09; }
.storefront[data-theme="v4"] .category-card:nth-child(3n+2) .category-photo { background: #e3bdb0; }
.storefront[data-theme="v4"] .category-card:nth-child(3n+3) .category-photo { background: #ddd0dd; }
.storefront[data-theme="v4"] .category-photo img { padding: 15px; }
.storefront[data-theme="v4"] .category-name { font: 600 17px/1.4 var(--sans); letter-spacing: .2px; border-bottom: 2px solid var(--ink); padding-bottom: 15px; }
.storefront[data-theme="v4"] .category-name > span:not(.category-label) { border-radius: 0; border: 0; background: var(--ink); color: var(--cream); width: 34px; height: 34px; }
.storefront[data-theme="v4"] .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 38px 22px; }
.storefront[data-theme="v4"] .product-card .product-visual { background: #f0dfb2; aspect-ratio: 1/1.12; }
.storefront[data-theme="v4"] .product-card:nth-child(3n+2) .product-visual { background: #eacbc2; }
.storefront[data-theme="v4"] .product-card:nth-child(3n+3) .product-visual { background: #e4dce3; }
.storefront[data-theme="v4"] .product-info h3 { font-size: 27px; }
.storefront[data-theme="v4"] .filters { border-bottom-width: 2px; }
.storefront[data-theme="v4"] .filter[aria-pressed=true] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.storefront[data-theme="v4"] .about { background: #edd292; color: var(--ink); }
.storefront[data-theme="v4"] .about-grid { grid-template-columns: 1.15fr 1fr; gap: 70px; }
.storefront[data-theme="v4"] .about-art { min-height: 490px; border-radius: 0; background: #d3a883; }
.storefront[data-theme="v4"] .about-copy :is(.eyebrow, em) { color: #793d34; }
.storefront[data-theme="v4"] .about-copy > p:not(.eyebrow) { color: #59424b; }
.storefront[data-theme="v4"] .about .text-link { color: var(--ink); border-color: var(--ink); }
.storefront[data-theme="v4"] .contact { padding-block: 95px; }
.storefront[data-theme="v4"] .contact h2 { font-size: clamp(50px, 5.6vw, 82px); }
.storefront[data-theme="v4"] .footer { background: #f1dfb8; }

/* V5 — MAISON DE MATIÈRES
   Linen, charcoal and copper; centred masthead, panorama, quiet editorial rhythm. */
.storefront[data-theme="v5"] {
  --cream: #f5f1e9;
  --paper: #fffcf6;
  --sand: #e9e0d2;
  --ink: #35332f;
  --muted: #655f55;
  --olive: #48463f;
  --clay: #895238;
  --line: #d4cabc;
  --hover: #2c2a26;
}
.storefront[data-theme="v5"] .wrap { width: min(1400px, calc(100% - 128px)); }
.storefront[data-theme="v5"] .topline { background: #e9e0d2; color: var(--ink); font-size: 10px; letter-spacing: 2px; }
.storefront[data-theme="v5"] .header { height: 118px; border-bottom: 1px solid var(--line); }
.storefront[data-theme="v5"] .brand-logo { width: 165px; }
.storefront[data-theme="v5"] .header nav { gap: 44px; }
.storefront[data-theme="v5"] .hero { grid-template-columns: minmax(0, 1fr); gap: 45px; padding-block: 54px 24px; }
.storefront[data-theme="v5"] .hero-copy { padding: 0; text-align: center; width: min(940px, 100%); margin-inline: auto; }
.storefront[data-theme="v5"] .hero-copy .eyebrow { justify-content: center; letter-spacing: 2.4px; margin-bottom: 23px; }
.storefront[data-theme="v5"] .hero-copy h1 { font-size: clamp(56px, 6.5vw, 97px); line-height: 1.02; letter-spacing: -2.2px; }
.storefront[data-theme="v5"] .hero .button { margin-top: 29px; min-height: 48px; background: transparent; color: var(--ink); border-color: var(--ink); }
.storefront[data-theme="v5"] .hero .button:hover { background: var(--ink); color: var(--paper); }
.storefront[data-theme="v5"] .hero-art { width: 100%; padding: 0; }
.storefront[data-theme="v5"] .hero-art .art-frame { height: clamp(340px, 32vw, 530px); border-radius: 0; background: #e1d5c5; }
.storefront[data-theme="v5"] .round-note { left: 25px; bottom: 63px; width: 95px; height: 95px; border-color: var(--line); background: var(--paper); color: var(--clay); box-shadow: 0 0 0 5px var(--paper); transform: rotate(0); }
.storefront[data-theme="v5"] .art-caption { font-size: 10px; letter-spacing: .4px; margin-top: 17px; }
.storefront[data-theme="v5"] .hero-story { grid-template-columns: .8fr 1.2fr; gap: 85px; padding-block: 30px 60px; width: min(1140px, calc(100% - 128px)); }
.storefront[data-theme="v5"] .hero-note { font-size: 29px; gap: 20px; }
.storefront[data-theme="v5"] .note-star { font-size: 54px; color: var(--clay); }
.storefront[data-theme="v5"] .hero-description { font-size: 14px; line-height: 2; }
.storefront[data-theme="v5"] .values-strip { background: var(--paper); }
.storefront[data-theme="v5"] .values-strip .wrap { min-height: 72px; }
.storefront[data-theme="v5"] .section { padding-block: 100px; }
.storefront[data-theme="v5"] .about { background: #e9e0d2; color: var(--ink); }
.storefront[data-theme="v5"] .about-grid { grid-template-columns: .94fr 1.06fr; gap: 105px; }
.storefront[data-theme="v5"] .about-art { min-height: 520px; border-radius: 0; background: #cec0ac; }
.storefront[data-theme="v5"] .about-copy :is(.eyebrow, em) { color: #7b4d36; }
.storefront[data-theme="v5"] .about-copy > p:not(.eyebrow) { color: #595247; }
.storefront[data-theme="v5"] .about-copy h2 { font-size: clamp(48px, 4.5vw, 68px); }
.storefront[data-theme="v5"] .about .text-link { color: var(--ink); border-color: var(--clay); }
.storefront[data-theme="v5"] .section-heading { flex-direction: column; align-items: center; text-align: center; gap: 25px; }
.storefront[data-theme="v5"] .section-heading h2 { font-size: clamp(49px, 4.8vw, 72px); }
.storefront[data-theme="v5"] .section-heading > p { max-width: 490px; }
.storefront[data-theme="v5"] .category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 42px 30px; margin-top: 52px; }
.storefront[data-theme="v5"] .category-card,
.storefront[data-theme="v5"] .category-card:nth-child(-n+3) { grid-column: auto; }
.storefront[data-theme="v5"] .category-card:nth-child(n) .category-photo { aspect-ratio: 1/1.03; border-radius: 0; background: #e8e0d4; }
.storefront[data-theme="v5"] .category-photo img { padding: 19px; }
.storefront[data-theme="v5"] .category-name { font-size: 30px; padding-bottom: 17px; margin-top: 19px; }
.storefront[data-theme="v5"] .category-name > span:not(.category-label) { border: 0; }
.storefront[data-theme="v5"] .category-card:last-child:nth-child(3n+1) { grid-column: 1/-1; display: grid; grid-template-columns: 1.5fr 1fr; gap: 55px; align-items: center; padding-top: 10px; }
.storefront[data-theme="v5"] .category-card:last-child:nth-child(3n+1) .category-photo { aspect-ratio: 1.9; }
.storefront[data-theme="v5"] .category-card:last-child:nth-child(3n+1) .category-name { font-size: 48px; }
.storefront[data-theme="v5"] .collection { padding-top: 80px; }
.storefront[data-theme="v5"] .filters { justify-content: center; margin-top: 42px; }
.storefront[data-theme="v5"] .filter-feedback { text-align: center; }
.storefront[data-theme="v5"] .product-grid { gap: 48px 30px; }
.storefront[data-theme="v5"] .product-card .product-visual,
.storefront[data-theme="v5"] .product-card:nth-child(n) .product-visual { background: #e8e2d8; aspect-ratio: 1/1.16; }
.storefront[data-theme="v5"] .product-visual > img { padding: 18px; }
.storefront[data-theme="v5"] .product-info h3 { font-size: 29px; }
.storefront[data-theme="v5"] .product-category { letter-spacing: 1.7px; }
.storefront[data-theme="v5"] .contact h2 { font-size: clamp(50px, 5.3vw, 80px); }
.storefront[data-theme="v5"] .footer { background: #e9e0d2; }

/* Fluid intermediate layouts, preserving the existing 680px menu breakpoint. */
@media (max-width: 1100px) {
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .wrap { width: calc(100% - 64px); }
  .storefront[data-theme="v3"] .hero { gap: 34px; }
  .storefront[data-theme="v3"] .hero-copy h1 { font-size: 59px; }
  .storefront[data-theme="v3"] .hero-art .art-frame { height: 350px; }
  .storefront[data-theme="v3"] .about-grid { gap: 44px; }
  .storefront[data-theme="v4"] .hero { grid-template-columns: 1fr 1fr; }
  .storefront[data-theme="v4"] .hero-copy { padding: 30px; }
  .storefront[data-theme="v4"] .hero-copy h1 { font-size: 57px; }
  .storefront[data-theme="v4"] .hero-art .art-frame { height: 500px; }
  .storefront[data-theme="v4"] .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .storefront[data-theme="v4"] .about-grid { gap: 40px; }
  .storefront[data-theme="v5"] .header nav { gap: 24px; }
  .storefront[data-theme="v5"] .hero-story { gap: 42px; }
  .storefront[data-theme="v5"] .about-grid { gap: 55px; }
  .storefront[data-theme="v5"] .about-art { min-height: 440px; }
}
@media (min-width: 681px) and (max-width: 850px) {
  .storefront[data-theme="v3"] .category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .storefront[data-theme="v3"] .category-card:nth-child(n) { grid-column: auto; }
  .storefront[data-theme="v3"] .hero-copy h1 { font-size: 51px; }
  .storefront[data-theme="v3"] .hero-art .art-frame { height: 325px; }
  .storefront[data-theme="v4"] .hero-copy { padding: 26px; }
  .storefront[data-theme="v4"] .hero-copy h1 { font-size: 49px; }
  .storefront[data-theme="v4"] .category-name { font-size: 15px; }
  .storefront[data-theme="v4"] .category-grid { gap: 25px 16px; }
  .storefront[data-theme="v4"] .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .storefront[data-theme="v5"] .category-grid { gap: 32px 22px; }
  .storefront[data-theme="v5"] .category-name { font-size: 26px; }
}
@media (max-width: 680px) {
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .wrap { width: calc(100% - 40px); }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .header { height: 86px; }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .brand-logo { width: 128px; }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .header nav { gap: 0; }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .hero { grid-template-columns: minmax(0, 1fr); }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .hero-story { grid-template-columns: minmax(0, 1fr); gap: 23px; }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .about-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .section { padding-block: 55px; }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 14px; }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .product-info h3 { font-size: 24px; }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 16px; margin-top: 30px; }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .category-card:nth-child(n) { grid-column: auto; }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .category-card:nth-child(n) .category-photo { height: auto; aspect-ratio: 1/1.07; }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .section-heading h2 { font-size: clamp(39px, 10vw, 53px); }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .about-copy h2 { font-size: 46px; }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .contact h2 { font-size: clamp(40px, 11vw, 58px); }
  .storefront[data-theme="v3"] .hero { padding-block: 28px 20px; gap: 27px; }
  .storefront[data-theme="v3"] .hero-copy h1 { font-size: clamp(43px, 11.5vw, 65px); }
  .storefront[data-theme="v3"] .hero-art .art-frame { height: 285px; border-width: 8px; }
  .storefront[data-theme="v3"] .round-note { width: 76px; height: 76px; right: 17px; bottom: 47px; font-size: 9px; }
  .storefront[data-theme="v3"] .hero-story { padding-block: 10px 28px; }
  .storefront[data-theme="v3"] .category-name { font-size: 24px; }
  .storefront[data-theme="v3"] .category-photo img { padding: 2px; }
  .storefront[data-theme="v3"] .about-art { min-height: 345px; }
  .storefront[data-theme="v4"] .hero { padding-block: 20px 24px; gap: 0; }
  .storefront[data-theme="v4"] .hero-art .art-frame { height: 330px; }
  .storefront[data-theme="v4"] .hero-copy { padding: 30px 25px 34px; }
  .storefront[data-theme="v4"] .hero-copy h1 { font-size: clamp(43px, 11.3vw, 64px); }
  .storefront[data-theme="v4"] .hero-copy .eyebrow { font-size: 9px; letter-spacing: 1.2px; margin-bottom: 22px; }
  .storefront[data-theme="v4"] .hero-copy .button { padding-inline: 17px; gap: 14px; }
  .storefront[data-theme="v4"] .art-caption { padding: 14px; font-size: 9px; }
  .storefront[data-theme="v4"] .round-note { left: 17px; bottom: 84px; width: 80px; height: 80px; }
  .storefront[data-theme="v4"] .hero-story { padding-block: 8px 32px; }
  .storefront[data-theme="v4"] .category-name { font-size: 16px; gap: 7px; }
  .storefront[data-theme="v4"] .category-name > span:not(.category-label) { width: 27px; height: 27px; }
  .storefront[data-theme="v4"] .category-photo img { padding: 7px; }
  .storefront[data-theme="v4"] .about-art { min-height: 345px; }
  .storefront[data-theme="v5"] .hero { padding-block: 32px 20px; gap: 31px; }
  .storefront[data-theme="v5"] .hero-copy h1 { font-size: clamp(44px, 11.8vw, 69px); letter-spacing: -1.2px; }
  .storefront[data-theme="v5"] .hero-copy .eyebrow { font-size: 9px; letter-spacing: 1.4px; }
  .storefront[data-theme="v5"] .hero-art .art-frame { height: 310px; }
  .storefront[data-theme="v5"] .round-note { width: 78px; height: 78px; left: 16px; bottom: 61px; }
  .storefront[data-theme="v5"] .hero-story { padding-block: 16px 36px; }
  .storefront[data-theme="v5"] .about-art { min-height: 370px; }
  .storefront[data-theme="v5"] .section-heading { align-items: center; }
  .storefront[data-theme="v5"] .category-name { font-size: 25px; margin-top: 13px; }
  .storefront[data-theme="v5"] .category-photo img { padding: 7px; }
  .storefront[data-theme="v5"] .category-card:last-child:nth-child(3n+1) { grid-column: 1/-1; display: block; padding: 0; }
  .storefront[data-theme="v5"] .category-card:last-child:nth-child(3n+1) .category-photo { aspect-ratio: 1.65; }
  .storefront[data-theme="v5"] .category-card:last-child:nth-child(3n+1) .category-name { font-size: 30px; }
  .storefront[data-theme="v5"] .filters { justify-content: flex-start; }
  .storefront[data-theme="v5"] .product-visual > img { padding: 8px; }
}
@media (max-width: 360px) {
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .wrap { width: calc(100% - 32px); }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .header nav { left: -16px; right: -16px; }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .hero-copy .eyebrow { letter-spacing: 1px; }
  .storefront:is([data-theme="v3"], [data-theme="v4"], [data-theme="v5"]) .product-info h3 { font-size: 22px; }
  .storefront[data-theme="v4"] .hero-copy { padding-inline: 21px; }
  .storefront[data-theme="v3"] .category-name,
  .storefront[data-theme="v5"] .category-name { font-size: 22px; }
}