﻿/* Fifteen independent compositions. Colours come from the selected palette. */
body[data-design]{--stage:color-mix(in srgb,var(--accent) 38%,#111)}
body[data-design].catalogue-page{height:auto;min-height:100dvh;overflow:visible;display:block}
body[data-design]>header{padding:22px 36px}
body[data-design] .store-banner{min-height:68px}
body[data-design] .store-navigation{border-top:1px solid var(--line);padding-top:14px;margin-top:18px}
body[data-design] .header-navigation>a{font-size:14px}
body[data-design]:is(.catalogue-page,.home-page)>main{width:100%;max-width:none;margin:0;padding:0;overflow:visible}
body[data-design] .shop-experience{height:auto;min-height:75vh;display:grid;grid-template-columns:210px minmax(0,1fr)}
body[data-design] .menu-panel{position:sticky;top:0;align-self:start;max-height:95vh;padding:26px 16px;min-width:0}
body[data-design] .menu-panel h2{font:600 14px/1.4 system-ui;margin:0 0 20px;padding-bottom:16px}
body[data-design] .menu-links{font-size:13px}
body[data-design] .menu-links .menu-category{min-height:44px}
body[data-design] .shop-catalog{padding:32px 36px 120px;overflow:visible;min-width:0;scrollbar-gutter:auto}
body[data-design] .shop-catalog .section-heading{margin-bottom:26px;align-items:baseline}
body[data-design] .shop-catalog .section-heading :is(h1,h2){font:400 clamp(26px,3vw,42px)/1.15 var(--theme-heading);letter-spacing:-.035em}
body[data-design] .shop-catalog .section-heading>a{font-size:13px}
body[data-design] .shop-catalog .products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;counter-reset:product}
body[data-design] .shop-catalog .products .product{min-width:0;aspect-ratio:auto;min-height:0;display:flex;flex-direction:column;position:relative;counter-increment:product;border-radius:var(--theme-radius);overflow:hidden}
body[data-design] .shop-catalog .products .product-image{width:100%;height:auto;aspect-ratio:1.15;min-width:0;min-height:0;padding:22px;flex-shrink:0;background:var(--sage)}
body[data-design] .shop-catalog .products .product-image img{object-fit:contain;transition:transform .25s}
body[data-design] .shop-catalog .products .product-image:hover img{transform:scale(1.035)}
body[data-design] .shop-catalog .products .product-info{padding:var(--theme-spacing);min-width:0;flex:1;display:flex;flex-direction:column}
body[data-design] .shop-catalog .products .product-heading{flex-wrap:wrap;gap:7px 12px}
body[data-design] .shop-catalog .products .product-heading h2{font:600 17px/1.4 var(--theme-heading);white-space:normal;overflow:visible;flex-basis:100%;overflow-wrap:anywhere}
body[data-design] .shop-catalog .products .product-heading strong{font-size:15px}
body[data-design] .shop-catalog .products .product-sku{font-size:12px;margin:8px 0 16px}
body[data-design] .shop-catalog .products .add-button{height:auto;min-height:44px;white-space:normal;font-size:12px;padding:8px 12px}
body[data-design] .shop-catalog .products .buy-row input{height:44px;min-width:0;width:48px;font-size:14px}
body[data-design] .shop-catalog .products .product-info>form{margin-top:auto}
body[data-design] .choose-options{font-size:13px;display:block;text-align:center;margin-top:auto}
.card-description{display:none}
body[data-design] .home-products .product-heading{margin-bottom:20px}
.home-store-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0;border-top:1px solid var(--line);margin-top:44px;font-size:13px}
#collection-title{scroll-margin-top:24px}
body[data-design] .store-intro{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--sage);border-radius:var(--theme-radius);margin:0 0 40px;overflow:hidden;min-width:0}
body[data-design] .store-intro.home-banner{padding:0;min-height:0;align-items:stretch}
.intro-copy{padding:42px;align-self:center;min-width:0;position:relative;z-index:1}
.intro-copy h2{font:400 clamp(36px,4.5vw,66px)/1.04 var(--theme-heading);letter-spacing:-.045em;max-width:650px;margin:18px 0 24px;overflow-wrap:break-word}
.intro-copy .eyebrow{font-size:10px;letter-spacing:.19em}
.intro-description{font-size:15px;line-height:1.7;max-width:370px;color:var(--muted)}
.intro-action{margin-top:18px;font-size:13px}
.intro-art{position:relative;min-width:0;min-height:330px;display:grid;place-items:center;overflow:hidden;background:var(--line)}
.intro-art>img{width:100%;height:100%;max-height:480px;object-fit:contain;padding:30px}
.intro-art.intro-scene>img{position:absolute;inset:0;max-height:none;object-fit:cover;object-position:70% center;padding:0}
.intro-caption{position:absolute;bottom:16px;left:16px;padding:6px 10px;background:#fffc;color:#29231f;font-size:9px;letter-spacing:.12em}
.intro-mark{font:150px/1 Georgia}
.intro-tiles{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px}
.intro-tile{min-width:0;display:flex;flex-direction:column;text-decoration:none;background:var(--surface);color:var(--ink);overflow:hidden;border-radius:var(--theme-radius)}
.intro-tile-image{height:160px;padding:16px;display:grid;place-items:center;min-width:0}
.intro-tile-image img{width:100%;height:100%;object-fit:contain;min-height:0}
.intro-tile-label{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.intro-tile:hover .intro-tile-label{text-decoration:underline}
.feature-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:var(--surface);padding:14px;margin:0 26px 26px;border-radius:12px}
.feature-strip a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:13px;min-width:0}
.feature-strip img{width:62px;height:62px;object-fit:contain;background:var(--sage);border-radius:6px}
.feature-strip small{display:block;margin-top:6px;font-size:11px;color:var(--muted)}
.feature-strip span{overflow-wrap:anywhere}
.hub-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-self:center;padding:26px}
.hub-shortcuts a{display:grid;gap:10px;padding:24px;background:var(--sage);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}
.hub-shortcuts a>span{font-size:30px}
.hub-shortcuts small{font-size:12px}
body[data-design] .catalogue-welcome{display:block;background:transparent;padding:0 0 24px;margin:0 0 28px;border-bottom:1px solid var(--line);min-height:0}
.catalogue-welcome h2{font:400 40px/1.1 var(--theme-heading)}
/* Image-led designs use horizontal categories. */
body:is([data-design="editorial"],[data-design="gallery"],[data-design="bento"],[data-design="boutique"],[data-design="split"],[data-design="soft"],[data-design="classic"],[data-design="journal"],[data-design="showcase"],[data-design="studio"]) .shop-experience{display:block}
body:is([data-design="editorial"],[data-design="gallery"],[data-design="bento"],[data-design="boutique"],[data-design="split"],[data-design="soft"],[data-design="classic"],[data-design="journal"],[data-design="showcase"],[data-design="studio"]) .menu-panel{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:12px 36px;display:flex;align-items:baseline;gap:22px;background:var(--paper)}
body:is([data-design="editorial"],[data-design="gallery"],[data-design="bento"],[data-design="boutique"],[data-design="split"],[data-design="soft"],[data-design="classic"],[data-design="journal"],[data-design="showcase"],[data-design="studio"]) .menu-panel h2{margin:0;padding:0;border:0;flex-shrink:0}
body:is([data-design="editorial"],[data-design="gallery"],[data-design="bento"],[data-design="boutique"],[data-design="split"],[data-design="soft"],[data-design="classic"],[data-design="journal"],[data-design="showcase"],[data-design="studio"]) .menu-links{display:flex;align-items:start;gap:10px;flex-wrap:wrap}
body:is([data-design="editorial"],[data-design="gallery"],[data-design="bento"],[data-design="boutique"],[data-design="split"],[data-design="soft"],[data-design="classic"],[data-design="journal"],[data-design="showcase"],[data-design="studio"]) .menu-links>.submenu-list{display:flex;flex-wrap:wrap;gap:10px}
body[data-design] .menu-links>.submenu-list>li{min-width:0}
body:is([data-design="editorial"],[data-design="gallery"],[data-design="bento"],[data-design="boutique"],[data-design="split"],[data-design="soft"],[data-design="classic"],[data-design="journal"],[data-design="showcase"],[data-design="studio"]) .menu-links>.submenu-list>li{margin:0}
/* 01 Editorial */
body[data-design="editorial"] .brand{font-family:Georgia,serif}
body[data-design="editorial"] .store-intro{grid-template-columns:.85fr 1.5fr;background:transparent;border-bottom:1px solid var(--ink);padding-bottom:30px;border-radius:0}
body[data-design="editorial"] .intro-copy{padding:26px 42px 26px 0}
body[data-design="editorial"] .intro-copy h2{font-size:clamp(40px,5.6vw,84px)}
body[data-design="editorial"] .intro-scene{min-height:470px}
body[data-design="editorial"] .shop-catalog .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
body[data-design="editorial"] .shop-catalog .products .product{background:transparent;border:0;border-top:1px solid var(--ink);padding-top:14px}
body[data-design="editorial"] .shop-catalog .products .product:first-child{grid-column:span 2;grid-row:span 2}
body[data-design="editorial"] .shop-catalog .products .product:first-child .product-image{aspect-ratio:.95}
body[data-design="editorial"] .shop-catalog .products .product-info{padding:22px 0}
body[data-design="editorial"] .product-info:before{content:counter(product,decimal-leading-zero);font:20px Georgia;color:var(--muted);margin-bottom:14px}
body[data-design="editorial"] .header-navigation>a{border-radius:0}
/* 02 Marketplace */
body[data-design="marketplace"] .shop-experience{grid-template-columns:230px minmax(0,1fr)}
body[data-design="marketplace"] .intro-copy{padding:24px}
body[data-design="marketplace"] .intro-copy h2{font-size:32px;font-weight:700}
body[data-design="marketplace"] .intro-description{display:none}
body[data-design="marketplace"] .intro-tiles{padding:16px}
body[data-design="marketplace"] .intro-tile-image{height:135px}
body[data-design="marketplace"] .intro-tile-label{font-size:12px;padding:10px}
body[data-design="marketplace"] .shop-catalog .products{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body[data-design="marketplace"] .shop-catalog .products .product-info{padding:14px}
body[data-design="marketplace"] .shop-catalog .products .product-heading h2{font-size:14px}
/* 03 Gallery */
body[data-design="gallery"] .store-navigation{justify-content:center}
body[data-design="gallery"] .shop-catalog{padding:24px 0 120px}
body[data-design="gallery"] .store-intro{display:block;background:transparent}
body[data-design="gallery"] .intro-copy{padding:10px 36px 24px}
body[data-design="gallery"] .intro-copy h2{font-size:42px;max-width:none}
body[data-design="gallery"] :is(.intro-description,.intro-action,.intro-copy .eyebrow){display:none}
body[data-design="gallery"] .intro-tiles{padding:0;gap:2px}
body[data-design="gallery"] .intro-tile{background:var(--sage);border-radius:0}
body[data-design="gallery"] .intro-tile-image{height:430px;padding:45px}
body[data-design="gallery"] .intro-tile-label{font:32px Georgia;padding:26px 36px}
body[data-design="gallery"] .section-heading{padding:0 36px}
body[data-design="gallery"] .shop-catalog .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
body[data-design="gallery"] .shop-catalog .products .product{border:0;background:transparent}
body[data-design="gallery"] .shop-catalog .products .product-image{aspect-ratio:1.05;padding:40px}
body[data-design="gallery"] .shop-catalog .products .product-info{padding:30px 40px}
/* 04 Bento */
body[data-design="bento"] .store-intro{grid-template-columns:.7fr 1.3fr;background:transparent;gap:16px}
body[data-design="bento"] .intro-copy{background:var(--accent);color:var(--accent-contrast);height:100%;padding:36px;border-radius:14px;display:flex;flex-direction:column;justify-content:center}
body[data-design="bento"] .intro-description{color:inherit}
body[data-design="bento"] .intro-action{background:var(--surface);color:var(--ink);align-self:start}
body[data-design="bento"] .intro-tiles{padding:0;grid-template-columns:1.3fr 1fr}
body[data-design="bento"] .intro-tile{background:var(--sage)}
body[data-design="bento"] .intro-tile:nth-child(3){grid-column:2;grid-row:2}
body[data-design="bento"] .intro-tile:nth-child(4){grid-column:1;grid-row:2}
body[data-design="bento"] .intro-tile-image{height:200px}
body[data-design="bento"] .shop-catalog .products{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body[data-design="bento"] .shop-catalog .products .product:nth-child(6n+1){grid-column:span 2;grid-row:span 2}
body[data-design="bento"] .shop-catalog .products .product:nth-child(6n+1) .product-image{aspect-ratio:.9}
body[data-design="bento"] .shop-catalog .products .product:nth-child(6n+4){grid-column:span 2}

/* 05 Boutique */
body[data-design="boutique"] .store-banner{justify-content:center;position:relative;padding:0 220px;min-height:95px}
body[data-design="boutique"] .brand{font:26px Georgia;flex-direction:column;gap:10px;text-align:center}
body[data-design="boutique"] .account-navigation{position:absolute;right:0}
body[data-design="boutique"] .store-navigation{justify-content:center}
body[data-design="boutique"] .shop-catalog:not(:has(.product-detail)){display:grid;grid-template-columns:.8fr 1.2fr;gap:0 30px;align-items:start}
body[data-design="boutique"] .store-intro{grid-column:1;grid-row:1 / span 6;display:grid;grid-template-columns:1fr;position:sticky;top:20px;min-height:640px;background:var(--stage);margin:0}
body[data-design="boutique"] .intro-scene{position:absolute;inset:0;opacity:.6}
body[data-design="boutique"] .intro-copy{align-self:end;color:white;padding:36px;background:linear-gradient(transparent,#141016e8)}
body[data-design="boutique"] .intro-copy h2{font-size:52px}
body[data-design="boutique"] .intro-description{color:white}
body[data-design="boutique"] .intro-caption{display:none}
body[data-design="boutique"] .shop-catalog>.products{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}
body[data-design="boutique"] .shop-catalog .products .product{border:0;background:transparent}
body[data-design="boutique"] .shop-catalog .products .product-image{aspect-ratio:.8}
body[data-design="boutique"] .shop-catalog .products .product-info{padding:18px 0}
body[data-design="boutique"] .shop-catalog>:not(.store-intro){grid-column:2}
/* 06 Split Screen */
body[data-design="split"] .shop-catalog:not(:has(.product-detail)){display:grid;grid-template-columns:.75fr 1.25fr;gap:0 30px;align-items:start}
body[data-design="split"] .shop-catalog>:not(.store-intro){grid-column:2}
body[data-design="split"] .shop-catalog>.store-intro{grid-column:1;grid-row:1 / span 6;display:flex;flex-direction:column;position:sticky;top:20px;background:var(--accent);color:var(--accent-contrast);min-height:650px;margin:0}
body[data-design="split"] .intro-copy{padding:38px}
body[data-design="split"] .intro-copy h2{font-weight:800;font-size:clamp(42px,5vw,76px)}
body[data-design="split"] .intro-description{color:inherit}
body[data-design="split"] .intro-action{background:var(--surface);color:var(--ink)}
body[data-design="split"] .intro-art{background:transparent;min-height:240px;flex:1}
body[data-design="split"] .intro-art img{height:270px}
body[data-design="split"] .shop-catalog .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
body[data-design="split"] .shop-catalog .products .product{border:0;background:transparent}
body[data-design="split"] .shop-catalog .products .product-info{padding:20px 0}
/* 07 Product Directory */
body[data-design="list"] .shop-catalog .products{grid-template-columns:1fr;gap:0}
body[data-design="list"] .shop-catalog .products .product{display:grid;grid-template-columns:220px minmax(0,1fr);border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:24px 0}
body[data-design="list"] .shop-catalog .products .product-image{height:220px;aspect-ratio:auto}
body[data-design="list"] .shop-catalog .products .product-info{display:grid;grid-template-columns:1fr minmax(180px,.7fr);gap:10px 28px;align-content:center;padding:16px 0 16px 28px}
body[data-design="list"] .product-heading{grid-column:1}
body[data-design="list"] .shop-catalog .products .product-heading h2{font-size:22px}
body[data-design="list"] .shop-catalog .products .product-sku{grid-column:1;margin:0}
body[data-design="list"] .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;grid-column:1;font-size:13px;color:var(--muted);margin:0}
body[data-design="list"] .shop-catalog .products .product-info>:is(form,.choose-options){grid-column:2;grid-row:1 / span 4;align-self:center;margin:0}
body[data-design="list"] .stock-unavailable{grid-column:1}
/* 08 Soft Studio */
body[data-design="soft"] .shop-experience{max-width:1450px;margin:24px auto;background:var(--sage);border-radius:36px;padding:18px}
body[data-design="soft"] .menu-panel{background:var(--surface);border-radius:50px;border:0;padding:12px 24px}
body[data-design="soft"] .store-intro{background:transparent;grid-template-columns:1fr 1fr}
body[data-design="soft"] .intro-copy{padding:32px 20px 32px 0}
body[data-design="soft"] .intro-copy h2{font-weight:850;font-size:clamp(38px,5vw,70px)}
body[data-design="soft"] .intro-tiles{gap:0;padding:20px}
body[data-design="soft"] .intro-tile{aspect-ratio:1;border-radius:50%;position:relative;border:6px solid var(--paper);margin:-5px;background:var(--surface)}
body[data-design="soft"] .intro-tile:nth-child(even){transform:translateY(24px)}
body[data-design="soft"] .intro-tile-image{height:100%;padding:30px}
body[data-design="soft"] .intro-tile-label{position:absolute;bottom:20px;left:15%;width:70%;font-size:11px;justify-content:center;text-align:center;padding:5px;background:var(--surface);border-radius:20px}
body[data-design="soft"] .intro-tile-label>span{display:none}
body[data-design="soft"] .shop-catalog .products .product{border:0;padding:18px}
body[data-design="soft"] .shop-catalog .products .product-image{border-radius:50%;aspect-ratio:1;max-width:240px;margin:auto}
body[data-design="soft"] .shop-catalog .products .product-info{padding:24px 4px 6px}
body[data-design="soft"] :is(.header-navigation>a,.menu-category,.intro-action){border-radius:50px}
/* 09 Bold Graphic. Legacy ID retained to preserve saved selections. */
body[data-design="classic"] .brand{font-weight:850;letter-spacing:-.06em}
body[data-design="classic"] .store-intro{border:2px solid var(--ink);background:transparent;overflow:visible}
body[data-design="classic"] .intro-copy{padding:36px}
body[data-design="classic"] .intro-copy h2{font:900 clamp(46px,7.5vw,110px)/.88 system-ui;text-transform:uppercase;letter-spacing:-.075em}
body[data-design="classic"] .intro-art{background:var(--sage);border-left:2px solid var(--ink);min-height:440px;overflow:hidden}
body[data-design="classic"] .intro-art>img:first-child{transform:rotate(-10deg);width:85%;height:340px}
body[data-design="classic"] .intro-art .intro-secondary{position:absolute;width:52%;height:230px;bottom:-10px;right:-10px;transform:rotate(13deg);background:var(--surface);border:1px solid var(--ink);box-shadow:-12px 12px 0 var(--accent)}
body[data-design="classic"] .shop-catalog .products{gap:28px}
body[data-design="classic"] .shop-catalog .products .product{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--accent);border-radius:0}
body[data-design="classic"] .shop-catalog .products .product-image{border-bottom:2px solid var(--ink)}
body[data-design="classic"] :is(button,.button,.header-navigation>a){border-radius:0}
body[data-design="classic"] .menu-panel{border-bottom:2px solid var(--ink)}
/* 10 Collection Journal */
body[data-design="journal"] .brand{font:30px Georgia}
body[data-design="journal"] .store-navigation{justify-content:center}
body[data-design="journal"] .store-intro{grid-template-columns:1.6fr .7fr;background:transparent;border-block:1px solid var(--line)}
body[data-design="journal"] .intro-art{grid-column:1;grid-row:1;min-height:390px}
body[data-design="journal"] .intro-copy{grid-column:2;grid-row:1;padding:32px}
body[data-design="journal"] .intro-copy h2{font-size:42px}
body[data-design="journal"] .shop-catalog .products{grid-template-columns:1fr;gap:0}
body[data-design="journal"] .shop-catalog .products .product{display:grid;grid-template-columns:80px 30% minmax(0,1fr);padding:24px 0;border:0;border-top:1px solid var(--ink);border-radius:0;background:transparent}
body[data-design="journal"] .shop-catalog .products .product:before{content:counter(product,decimal-leading-zero);font:36px Georgia}
body[data-design="journal"] .shop-catalog .products .product-image{height:220px;aspect-ratio:auto}
body[data-design="journal"] .shop-catalog .products .product-info{padding:20px 34px}
body[data-design="journal"] .shop-catalog .products .product-heading h2{font-size:28px}
body[data-design="journal"] .card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;color:var(--muted)}
/* 11 Panoramic */
body[data-design="showcase"] .store-navigation{justify-content:center}
body[data-design="showcase"] .shop-catalog{padding-top:0}
body[data-design="showcase"] .store-intro{position:relative;min-height:530px;margin:0 -36px 38px;border-radius:0;background:var(--stage);display:block}
body[data-design="showcase"] .intro-scene{position:absolute;inset:0;opacity:.8}
body[data-design="showcase"] .intro-scene>img{object-position:65% center}
body[data-design="showcase"] .intro-copy{min-height:530px;display:flex;flex-direction:column;justify-content:center;padding:60px;max-width:65%;color:#fff;background:linear-gradient(90deg,#17131bed 10%,#17131b9c 70%,transparent)}
body[data-design="showcase"] .intro-copy h2{font-size:clamp(42px,5.5vw,82px)}
body[data-design="showcase"] .intro-description{color:#fff}
body[data-design="showcase"] .intro-action{align-self:start}
body[data-design="showcase"] .intro-caption{display:none}
body[data-design="showcase"] .shop-catalog .products{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-design="showcase"] .shop-catalog .products .product-image{aspect-ratio:1.8;padding:30px}
body[data-design="showcase"] .shop-catalog .products .product-info{padding:26px}
/* 12 Shopping Hub */
body[data-design="dashboard"] .shop-experience{grid-template-columns:190px minmax(0,1fr)}
body[data-design="dashboard"] .store-navigation>a{flex:1;max-width:210px}
body[data-design="dashboard"] .store-intro{grid-template-columns:1fr 1fr;background:var(--surface);border:1px solid var(--line)}
body[data-design="dashboard"] .intro-copy{padding:28px}
body[data-design="dashboard"] .intro-copy h2{font-size:38px}
body[data-design="dashboard"] .intro-action{display:none}
body[data-design="dashboard"] .shop-catalog .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body[data-design="dashboard"] .shop-catalog .products .product{display:grid;grid-template-columns:85px minmax(0,1fr)}
body[data-design="dashboard"] .shop-catalog .products .product-image{height:100%;aspect-ratio:auto;padding:8px}
body[data-design="dashboard"] .shop-catalog .products .product-info{padding:18px 12px}
body[data-design="dashboard"] .shop-catalog .products .product-heading h2{font-size:14px}
body[data-design="dashboard"] .shop-catalog .products .buy-row{flex-wrap:wrap}
/* 13 Framed Atelier */
body[data-design="framed"]>header{max-width:1440px;margin:20px auto 0;border:4px double var(--ink)}
body[data-design="framed"] .shop-experience{max-width:1440px;margin:0 auto 28px;border:4px double var(--ink);border-top:0;grid-template-columns:170px minmax(0,1fr)}
body[data-design="framed"] .menu-panel{background:transparent;padding:16px 8px}
body[data-design="framed"] .menu-links :is(.menu-category,summary){border-radius:0;border:0;border-bottom:1px solid var(--line);padding:16px 10px}
body[data-design="framed"] .store-intro{display:block;text-align:center;background:transparent;border-bottom:1px solid var(--ink)}
body[data-design="framed"] .intro-copy{padding:12px 24px 32px}
body[data-design="framed"] .intro-copy h2{max-width:none;font-size:clamp(38px,5vw,70px)}
body[data-design="framed"] .intro-description{margin:auto}
body[data-design="framed"] .intro-action{display:none}
body[data-design="framed"] .shop-catalog .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
body[data-design="framed"] .shop-catalog .products .product{border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:24px;background:transparent}
body[data-design="framed"] .shop-catalog .products .product-info{padding:22px 0 0}
body[data-design="framed"] .product-info:before{content:"Fig. " counter(product,decimal-leading-zero);font:11px system-ui;letter-spacing:.15em;margin-bottom:12px}
/* 14 Modern Catalogue */
body[data-design="compact"] .shop-experience{grid-template-columns:minmax(0,1fr) 190px}
body[data-design="compact"] .menu-panel{grid-column:2;grid-row:1;border-right:0;border-left:1px solid var(--line)}
body[data-design="compact"] .shop-catalog{grid-column:1;grid-row:1}
body[data-design="compact"] .shop-catalog .products{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body[data-design="compact"] .shop-catalog .products .product{border:0;background:transparent}
body[data-design="compact"] .shop-catalog .products .product-info{padding:16px 0}
body[data-design="compact"] .shop-catalog .products .product-heading h2{font-size:15px}
body[data-design="compact"] .shop-catalog .section-heading :is(h1,h2){font-size:48px}
/* 15 Immersive Feature */
body[data-design="studio"] .store-intro{grid-template-columns:1fr 1.2fr;background:var(--stage);color:white;padding-top:20px}
body[data-design="studio"] .intro-copy{padding:48px}
body[data-design="studio"] .intro-copy h2{font-size:clamp(48px,7vw,100px);font-style:italic}
body[data-design="studio"] .intro-description{color:inherit}
body[data-design="studio"] .intro-art{background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 40%,transparent),transparent 68%);min-height:460px}
body[data-design="studio"] .intro-art>img{height:450px;padding:42px}
body[data-design="studio"] .shop-catalog .products{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-design="studio"] .shop-catalog .products .product{border:0}
body[data-design="studio"] .shop-catalog .products .product-image{aspect-ratio:1.4}
/* Shared account, checkout and basket chrome. */
body[data-design="classic"] .panel{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--line)}
body:is([data-design="editorial"],[data-design="journal"],[data-design="framed"]) .panel{border-radius:0}
body:is([data-design="gallery"],[data-design="boutique"]) .panel{box-shadow:none}
body[data-design="soft"] .panel{border-radius:28px}
body[data-design] .stock-unavailable{margin:4px 0 12px}
body[data-design] .product-detail.panel{margin:auto}

@media(max-width:1100px){
body[data-design]>header{padding:20px 24px}
body[data-design] .shop-catalog{padding-left:24px;padding-right:24px}
body:is([data-design="marketplace"],[data-design="compact"],[data-design="bento"]) .shop-catalog .products{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-design="dashboard"] .shop-catalog .products{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-design="list"] .shop-catalog .products .product-info{display:flex;padding-left:24px}
body[data-design="boutique"] .store-banner{padding:0;justify-content:space-between}
body[data-design="boutique"] .brand{flex-direction:row;font-size:22px}
body[data-design="boutique"] .account-navigation{position:static}
body:is([data-design="boutique"],[data-design="split"]) .shop-catalog:not(:has(.product-detail)){grid-template-columns:.85fr 1.15fr;gap:0 22px}
body:is([data-design="boutique"],[data-design="split"]) .shop-catalog>.products{grid-template-columns:1fr}
body[data-design="boutique"] .intro-copy h2{font-size:40px}
body[data-design="split"] .intro-copy{padding:26px}
body[data-design="split"] .intro-copy h2{font-size:48px}
body[data-design="showcase"] .store-intro{margin-left:-24px;margin-right:-24px}
body[data-design="soft"] .intro-tile-image{padding:20px}
body[data-design="dashboard"] .store-intro{grid-template-columns:1fr}
body[data-design="dashboard"] .hub-shortcuts{padding-top:0}
body[data-design="studio"] .intro-copy{padding:32px}
}
@media(max-width:800px){
body[data-design] .store-banner .brand{font-size:19px}
body[data-design] .shop-experience{display:block;margin:0;border-radius:0;padding:0}
body[data-design] .menu-panel{position:static;max-height:none;border-right:0;border-left:0;display:block;padding:14px 20px}
body[data-design] .menu-panel h2{font-size:12px;margin:0 0 10px;padding:0}
body[data-design] .menu-links{display:flex;flex-wrap:wrap;gap:8px}
body[data-design] .menu-links>.submenu-list{display:flex;flex-wrap:wrap;gap:8px}
body[data-design] .menu-links>.submenu-list>li{margin:0}
body[data-design] .shop-catalog{padding:24px 20px 120px}
body[data-design] .shop-catalog .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body[data-design] .intro-copy{padding:26px}
body[data-design] .intro-copy h2{font-size:42px}
body[data-design="marketplace"] .store-intro{grid-template-columns:1fr 1fr}
body[data-design="marketplace"] .intro-tiles{grid-template-columns:1fr}
body[data-design="marketplace"] .intro-tile:nth-child(2){display:none}
body[data-design="marketplace"] .intro-copy h2{font-size:30px}
body[data-design="bento"] .intro-tile-image{height:160px}
body:is([data-design="boutique"],[data-design="split"]) .shop-catalog:not(:has(.product-detail)){display:block}
body:is([data-design="boutique"],[data-design="split"]) .shop-catalog>.store-intro{position:relative;min-height:350px;margin-bottom:28px}
body[data-design="split"] .shop-catalog>.store-intro{display:grid;grid-template-columns:1fr 1fr}
body[data-design="boutique"] .store-intro .intro-copy{max-width:65%}
body[data-design="boutique"] .shop-catalog>.products{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-design="list"] .shop-catalog .products{grid-template-columns:1fr}
body[data-design="list"] .shop-catalog .products .product{grid-template-columns:180px minmax(0,1fr)}
body[data-design="journal"] .store-intro{grid-template-columns:1.3fr 1fr}
body[data-design="journal"] .intro-copy h2{font-size:34px}
body[data-design="journal"] .shop-catalog .products{grid-template-columns:1fr}
body[data-design="journal"] .shop-catalog .products .product{grid-template-columns:45px 32% minmax(0,1fr)}
body[data-design="journal"] .shop-catalog .products .product-info{padding:14px 18px}
body[data-design="showcase"] .store-intro{margin-left:-20px;margin-right:-20px}
body[data-design="showcase"] .intro-copy{padding:44px;max-width:80%}
body[data-design="gallery"] .intro-tile-image{height:300px}
body[data-design="gallery"] .intro-tile-label{font-size:26px}
body[data-design="studio"] .intro-art{min-height:340px}
body[data-design="studio"] .intro-art>img{height:320px;padding:20px}
body[data-design="studio"] .feature-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 20px 20px}
body[data-design="soft"] .intro-tile-label{bottom:15px;font-size:10px}
body[data-design="classic"] .intro-art{min-height:350px}
body[data-design="classic"] .intro-art .intro-secondary{height:180px}
}
@media(max-width:540px){
body[data-design]>header{padding:16px}
body[data-design] .store-banner .brand{font-size:16px}
body[data-design] .store-navigation{gap:8px}
body[data-design] .header-navigation>a{font-size:12px}
body[data-design] .store-intro{display:block;margin-bottom:28px}
body[data-design] .intro-copy{padding:26px}
body[data-design] .intro-copy h2{font-size:40px}
body[data-design] .intro-description{font-size:14px}
body[data-design] .intro-art{min-height:260px}
body[data-design] .intro-copy .intro-action{font-size:12px}
body[data-design] .shop-catalog{padding:20px 16px 120px}
body[data-design] .shop-catalog .products{grid-template-columns:1fr;gap:22px}
body[data-design] .shop-catalog .products .product,body[data-design] .shop-catalog .products .product:is(:first-child,:nth-child(6n+1),:nth-child(6n+4)){grid-column:auto;grid-row:auto}
body[data-design] .shop-catalog .products .product-image,body[data-design] .shop-catalog .products .product:first-child .product-image{aspect-ratio:1.15;height:auto}
body[data-design="editorial"] .intro-copy{padding:10px 0 24px}
body[data-design="gallery"] .intro-tiles{gap:2px}
body[data-design="gallery"] .intro-tile-image{height:185px;padding:12px}
body[data-design="gallery"] .intro-tile-label{font-size:19px;padding:16px}
body[data-design="gallery"] .section-heading{padding:0}
body[data-design="gallery"] .intro-copy{padding:0 0 20px}
body[data-design="gallery"] .intro-copy h2{font-size:32px}
body[data-design="bento"] .store-intro{display:grid;grid-template-columns:1fr}
body[data-design="bento"] .intro-tiles{grid-template-columns:1fr 1fr}
body[data-design="bento"] .intro-tile-image{height:150px}
body[data-design="boutique"] .shop-catalog>.store-intro{min-height:440px;display:grid}
body[data-design="boutique"] .store-intro .intro-copy{max-width:100%;align-self:end}
body[data-design="boutique"] .intro-scene{min-height:0}
body[data-design="boutique"] .shop-catalog .products .product-image{aspect-ratio:.9}
body[data-design="split"] .shop-catalog>.store-intro{display:block}
body[data-design="split"] .intro-art>img{height:230px}
body[data-design="list"] .shop-catalog .products .product{grid-template-columns:100px minmax(0,1fr);padding:16px 0}
body[data-design="list"] .shop-catalog .products .product-image{height:160px;aspect-ratio:auto;padding:8px}
body[data-design="list"] .shop-catalog .products .product-info{padding:0 0 0 16px}
body[data-design="list"] .shop-catalog .products .product-heading h2{font-size:19px}
body[data-design="list"] .card-description{display:none}
body[data-design="soft"] .intro-copy{padding:16px 4px}
body[data-design="soft"] .intro-tiles{padding:18px 0 38px}
body[data-design="soft"] .intro-tile-label{bottom:16px;font-size:11px}
body[data-design="soft"] .shop-catalog .products .product-image{aspect-ratio:1}
body[data-design="classic"] .intro-copy h2{font-size:62px}
body[data-design="classic"] .intro-art{border-left:0;border-top:2px solid var(--ink);min-height:310px}
body[data-design="classic"] .intro-art>img:first-child{height:280px}
body[data-design="journal"] .store-intro{display:flex;flex-direction:column}
body[data-design="journal"] .intro-art{order:-1;min-height:260px}
body[data-design="journal"] .shop-catalog .products .product{grid-template-columns:1fr;gap:12px;padding:20px 0}
body[data-design="journal"] .shop-catalog .products .product:before{font-size:24px}
body[data-design="journal"] .shop-catalog .products .product-info{padding:12px 0}
body[data-design="showcase"] .store-intro{margin-left:-16px;margin-right:-16px;min-height:470px}
body[data-design="showcase"] .intro-copy{min-height:470px;max-width:100%;padding:34px;background:linear-gradient(90deg,#17131bed,#17131b88)}
body[data-design="showcase"] .intro-scene{min-height:0}
body[data-design="dashboard"] .hub-shortcuts{padding:0 20px 24px;gap:10px}
body[data-design="dashboard"] .hub-shortcuts a{padding:16px;font-size:13px}
body[data-design="dashboard"] .shop-catalog .products .product{grid-template-columns:100px minmax(0,1fr)}
body[data-design="dashboard"] .shop-catalog .products .product-image{height:100%;aspect-ratio:auto}
body[data-design="framed"]>header{margin-top:0}
body[data-design="framed"] .shop-catalog .products .product{padding:20px}
body[data-design="compact"] .shop-catalog .section-heading :is(h1,h2){font-size:38px}
body[data-design="studio"] .store-intro{padding-top:0}
body[data-design="studio"] .intro-art{min-height:260px}
body[data-design="studio"] .intro-art>img{height:280px}
body[data-design="studio"] .feature-strip{display:grid;grid-template-columns:1fr 1fr;margin:0 12px 16px;padding:12px;gap:16px}
body[data-design="studio"] .feature-strip a{flex-direction:column;align-items:start}
body[data-design="studio"] .feature-strip img{width:100%;height:80px}
body[data-design] .home-store-footer{flex-direction:column;margin-left:0;margin-right:0}
}
@media(prefers-reduced-motion:reduce){body[data-design] .shop-catalog .products .product-image img{transition:none}}

