/*
Theme Name: SOMA Shop
Description: The look of the SOMA shop. A child of Twenty Twenty-Five. The Atelier design, picked by Dalmitra on 2 Oct 2026. Pages are edited in the Site Editor.
Template: twentytwentyfive
Version: 0.3.8
Text Domain: soma-shop-theme
*/

/* Everything below reads the design's own values (fonts, corners, cards, hero) from theme.json, so one
   stylesheet serves all three designs. */
:root{--s-display:var(--wp--custom--font--display);--s-body:var(--wp--custom--font--body);--s-label:var(--wp--custom--font--label);--s-data:var(--wp--custom--font--data);--s-accent:var(--wp--custom--font--accent);
  --s-ink:var(--wp--preset--color--contrast);--s-ground:var(--wp--preset--color--base);--s-soft:var(--wp--preset--color--charcoal);--s-line:var(--wp--preset--color--line);--s-teal:var(--wp--preset--color--teal);
  /* Small text and form-box edges need stronger colours to be read on the cream ground (WCAG AA, checked 8 Oct 2026). */
  --s-teal-text:var(--wp--preset--color--teal-deep);--s-gold-text:#76581F;--s-field-edge:#7E7766;
  --s-gutter:clamp(1.25rem,.4rem + 3.4vw,4.5rem);--s-section:clamp(3.25rem,1.9rem + 5.6vw,7rem);--s-max:1200px}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1 em,h2 em,h3 em,.soma-accent{font-family:var(--s-accent);font-style:var(--wp--custom--heading--accent-style);font-weight:400;letter-spacing:-.01em}
.soma-eyebrow{font-family:var(--s-label);font-size:var(--wp--custom--label--size);font-weight:var(--wp--custom--label--weight);letter-spacing:var(--wp--custom--label--tracking);text-transform:var(--wp--custom--label--transform);color:var(--s-teal-text);margin:0 0 1rem}
.soma-wrap{max-width:var(--s-max);margin-inline:auto;padding-inline:var(--s-gutter)}
.wp-element-button,.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.wc-block-components-button:not(.is-link){font-family:var(--s-body);background:var(--wp--custom--button--bg);color:var(--wp--custom--button--ink);border:1px solid var(--wp--custom--button--border);border-radius:var(--wp--custom--radius--button);font-weight:var(--wp--custom--button--weight);text-transform:var(--wp--custom--button--transform);letter-spacing:var(--wp--custom--button--tracking);padding:.95em 1.7em;transition:transform .2s cubic-bezier(.2,.7,.2,1),opacity .2s}
.wp-element-button:hover,.wp-block-button__link:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{opacity:.9;transform:translateY(-1px);background:var(--wp--custom--button--bg);color:var(--wp--custom--button--ink)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--s-teal);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Header */
.soma-header{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;padding:12px var(--s-gutter);background:color-mix(in srgb,var(--s-ground) 82%,transparent);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--s-line)}
.soma-header .soma-logo{margin:0;line-height:0}
.soma-header .soma-logo img{height:23px;width:auto}
.soma-header .wp-block-navigation{font-family:var(--s-body);font-size:.95rem;font-weight:500}
.soma-header-tools{display:flex;align-items:center;gap:6px 14px;flex-wrap:nowrap}
.soma-header .wp-block-search{flex:1 1 9rem;max-width:15rem}
.soma-header .wp-block-search__inside-wrapper{border:1px solid var(--s-field-edge);border-radius:var(--wp--custom--radius--field);background:var(--wp--preset--color--white);padding:2px 4px 2px 12px}
.soma-header .wp-block-search__input{min-width:0;border:0;background:transparent;font:inherit;font-size:.92rem;padding:6px 0}
.soma-header .wp-block-search__button{background:transparent;color:var(--s-ink);border:0;padding:6px;margin:0}
.soma-bar{background:var(--s-ink);color:var(--s-ground);text-align:center;font-family:var(--s-label);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;padding:8px var(--s-gutter);margin:0}

/* Hero */
.soma-hero{position:relative;overflow:hidden;background:var(--wp--custom--hero--bg);color:var(--wp--custom--hero--ink);padding:clamp(3.5rem,2rem + 7vw,7.5rem) var(--s-gutter) clamp(2.5rem,1.6rem + 4vw,4.5rem)}
.soma-hero::before{content:"";display:var(--wp--custom--hero--art);position:absolute;inset:auto -5% 0 -5%;height:42%;background:url(assets/art/strand.svg) center/100% 100% no-repeat;pointer-events:none;opacity:.8}
.soma-hero > *{position:relative;max-width:var(--s-max);margin-inline:auto!important}
.soma-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) var(--wp--custom--hero--media-col);gap:clamp(1.5rem,1rem + 3vw,4rem);align-items:center}
.soma-hero-copy{text-align:var(--wp--custom--hero--align)}
.soma-hero-copy > *{margin-inline:var(--wp--custom--hero--mx)!important}
.soma-hero h1{color:inherit;max-width:16ch;margin-block:0 1.2rem}
.soma-hero-copy p:not(.soma-eyebrow){color:var(--wp--custom--hero--soft);font-size:clamp(1.05rem,1rem + .35vw,1.3rem);max-width:42ch;margin-block:0 2rem}
.soma-hero .wp-block-buttons{justify-content:var(--wp--custom--hero--align)}
.soma-hero-media{display:var(--wp--custom--hero--media);margin:0}
.soma-hero-media img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--wp--custom--radius--image);display:block}
.soma-hero-facts{display:flex;flex-wrap:wrap;gap:10px 34px;justify-content:var(--wp--custom--hero--align);margin-top:clamp(2rem,1.5rem + 2vw,3.5rem)!important;padding-top:1.4rem;border-top:1px solid var(--wp--custom--hero--rule);font-family:var(--s-data);font-size:.86rem;color:var(--wp--custom--hero--soft)}
.soma-hero-facts p{margin:0;font-size:inherit;max-width:none}
.soma-hero-facts strong{color:var(--wp--custom--hero--ink);font-weight:600}
@media (max-width:781px){.soma-hero-inner{grid-template-columns:1fr}.soma-hero-media{max-width:70%;margin-inline:var(--wp--custom--hero--mx)!important}}

/* Bands and sections */
.soma-band{padding:var(--s-section) var(--s-gutter)}
.soma-band > *{max-width:var(--s-max);margin-inline:auto}
.soma-band-tint{background:var(--wp--preset--color--beige)}
.soma-band-dark{background:var(--wp--custom--band--bg);color:var(--wp--custom--band--ink)}
.soma-band-dark :is(h2,h3){color:inherit}
.soma-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 24px;margin-bottom:clamp(1.5rem,1rem + 2vw,2.75rem)}
.soma-head h2{margin:0}
.soma-head a{font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}
.soma-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1.25rem,1rem + 1.5vw,2.5rem);counter-reset:step}
.soma-steps > *{margin:0;padding-top:1.1rem;border-top:1px solid color-mix(in srgb,currentColor 28%,transparent)}
.soma-steps > *::before{counter-increment:step;content:"0" counter(step);display:block;font-family:var(--s-data);font-size:.8rem;letter-spacing:.12em;color:var(--wp--preset--color--teal-tint);margin-bottom:.8rem}
.soma-steps strong{display:block;font-family:var(--s-display);font-weight:var(--wp--custom--heading--weight);font-size:1.45rem;letter-spacing:var(--wp--custom--heading--tracking);line-height:1.15;margin-bottom:.4rem}
.soma-doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem,.75rem + 1vw,1.75rem)}
.soma-door{background:var(--wp--custom--card--bg);border:1px solid var(--wp--custom--card--border);border-radius:var(--wp--custom--radius--card);box-shadow:var(--wp--custom--card--shadow);padding:clamp(1.5rem,1.2rem + 1.2vw,2.5rem)}
.soma-door > :first-child{margin-top:0}
.soma-door > :last-child{margin-bottom:0}
.soma-faq details{border-bottom:1px solid var(--s-line);padding:1.1rem 0}
.soma-faq summary{cursor:pointer;font-family:var(--s-display);font-size:1.3rem;font-weight:var(--wp--custom--heading--weight);letter-spacing:var(--wp--custom--heading--tracking);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.soma-faq summary::after{content:"+";font-family:var(--s-body);font-weight:300}
.soma-faq details[open] summary::after{content:"–"}
.soma-footer{background:var(--wp--preset--color--contrast);color:var(--wp--preset--color--base);padding:var(--s-section) var(--s-gutter) 2rem}
.soma-footer > *{max-width:var(--s-max);margin-inline:auto}
.soma-footer a{color:inherit;text-decoration:none}
.soma-footer .soma-eyebrow{color:var(--wp--preset--color--teal-tint)}
.soma-legal{background:var(--wp--preset--color--contrast);color:color-mix(in srgb,var(--wp--preset--color--base) 70%,transparent);border-top:1px solid rgba(255,255,255,.14);font-family:var(--s-data)}

/* Categories as quiet pills */
.wc-block-product-categories-list{list-style:none;padding:0;margin:0 0 clamp(2rem,1.5rem + 2vw,3.5rem);display:flex;flex-wrap:wrap;gap:10px}
.wc-block-product-categories-list-item a{display:inline-block;padding:.55em 1.2em;border:1px solid var(--s-line);border-radius:var(--wp--custom--radius--button);background:var(--wp--custom--card--bg);text-decoration:none;color:var(--s-ink);font-size:.95rem;font-weight:500}

/* Product cards (home rows and shop lists) */
.wc-block-grid__products,.woocommerce ul.products{gap:clamp(1rem,.75rem + 1vw,1.75rem)}
.wc-block-grid__product,.woocommerce ul.products li.product,.wc-block-product{background:var(--wp--custom--card--bg);border:1px solid var(--wp--custom--card--border);border-radius:var(--wp--custom--radius--card);box-shadow:var(--wp--custom--card--shadow);padding:0 0 1.25rem!important;overflow:hidden;text-align:left!important;display:flex;flex-direction:column}
.wc-block-grid__product-image,.wc-block-components-product-image{margin:0 0 1rem!important;background:var(--wp--preset--color--beige)}
.wc-block-grid__product-image img,.wc-block-components-product-image img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:0!important}
.wc-block-grid__product > :not(.wc-block-grid__product-link),.wc-block-grid__product-title,.wc-block-product > :not(.wc-block-components-product-image){padding-inline:1.25rem}
.wc-block-grid__product-title,.woocommerce ul.products li.product .woocommerce-loop-product__title,.wc-block-product h2,.wc-block-product h3{font-family:var(--s-display);font-size:1.3rem;font-weight:var(--wp--custom--heading--weight);letter-spacing:var(--wp--custom--heading--tracking);line-height:1.2;color:var(--s-ink);margin:0 0 .25rem}
.wc-block-grid__product-link{text-decoration:none}
.soma-pack{display:block;font-family:var(--s-data);font-size:.82rem;color:var(--s-soft);letter-spacing:.02em;margin:0 0 .6rem;padding-inline:1.25rem}
.wc-block-grid__product-price,.woocommerce ul.products li.product .price,.wc-block-components-product-price{font-family:var(--s-data);color:var(--s-ink);font-weight:600;font-size:1rem;margin:0 0 .9rem!important;text-align:left}
.wc-block-grid__product-add-to-cart{margin:auto 0 0!important;text-align:left}
.wc-block-grid__product-add-to-cart .wp-block-button__link{width:100%;font-size:.92rem;padding:.8em 1em}
.wc-block-grid__product-onsale,.woocommerce span.onsale{background:var(--s-ink);color:var(--s-ground);border:0;border-radius:var(--wp--custom--radius--button);font-family:var(--s-label);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}

/* Product page */
.woocommerce div.product .product_title,.wp-block-post-title{letter-spacing:var(--wp--custom--heading--tracking)}
.woocommerce div.product p.price,.wc-block-components-product-price{font-family:var(--s-data)}
.wp-block-woocommerce-product-image-gallery img,.woocommerce-product-gallery img{border-radius:var(--wp--custom--radius--image)}
table.soma-facts{display:table;width:100%;border-collapse:collapse;font-size:.95rem;margin:1.25rem 0 .5rem}
table.soma-facts th,table.soma-facts td{text-align:left;padding:.7rem 0;border-bottom:1px solid var(--s-line);vertical-align:top;background:transparent!important}
table.soma-facts th{width:40%;font-family:var(--s-label);font-size:.72rem;font-weight:var(--wp--custom--label--weight);letter-spacing:.1em;text-transform:uppercase;color:var(--s-soft);padding-right:1rem}
table.soma-facts td{font-family:var(--s-data);font-style:normal}
.soma-mrp-note,.soma-ingredient-note{font-size:.86rem;color:var(--s-soft)}
.soma-mrp{color:var(--s-soft);margin-right:.6em}
.soma-trade{font-weight:700}
.soma-trade-form input:not([type=checkbox]),.soma-trade-form textarea{width:100%;max-width:32rem;padding:.75rem 1rem;border:1px solid var(--s-field-edge);border-radius:12px;font:inherit;background:var(--wp--preset--color--white)}
.soma-trade-form label{font-weight:600;font-size:.92rem}

/* Layout fixes after the first look */
.wp-site-blocks > *,.wp-site-blocks main > *{margin-block:0!important}
.soma-header > .wp-block-navigation{margin-inline:auto}
.soma-header > .wp-block-woocommerce-customer-account{order:3;margin:0}
.soma-header-tools{order:2}
.soma-hero::before{height:42%;opacity:.8}
.wc-block-grid__products,.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:0!important;padding:0}
.wc-block-grid__product,.woocommerce ul.products li.product{max-width:none!important;flex:none!important;width:auto!important;margin:0!important;border-width:1px!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce div.product .product_title,.single-product h1.wp-block-post-title,.single-product .wp-block-post-title{font-size:clamp(2rem,1.5rem + 2vw,3.1rem)!important;line-height:1.08}
.woocommerce table.soma-facts td,.woocommerce table.soma-facts td p{font-style:normal;padding-block:.7rem}
.single-product .wc-block-components-product-price,.woocommerce div.product p.price{font-size:1.5rem;font-weight:600;color:var(--s-ink)}
.single-product .wp-block-post-excerpt__excerpt{font-size:1.1rem;color:var(--s-soft)}
.woocommerce div.product form.cart .button{padding:1em 2.2em;font-size:1rem}
.woocommerce .quantity .qty{border:1px solid var(--s-field-edge);border-radius:var(--wp--custom--radius--field);padding:.8em .4em;background:var(--wp--preset--color--white)}
.woocommerce-breadcrumb,.wc-block-breadcrumbs{font-size:.86rem;color:var(--s-soft)}

/* Phone: one-row header, short notice bar, add-to-cart always in reach */
@media (max-width:781px){
  .soma-bar{font-size:.62rem;letter-spacing:.08em;padding:7px 12px}
  .soma-header{flex-wrap:nowrap;gap:8px 12px;padding:10px var(--s-gutter)}
  .soma-header .wp-block-search{display:none}
  .soma-header > .wp-block-navigation{order:4;margin:0}
  .soma-header-tools{order:2;margin-left:auto}
  .soma-header .soma-logo img{height:20px}
  .single-product .wp-block-add-to-cart-form,.single-product div.product > .summary > form.cart{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--s-ground);padding:10px var(--s-gutter) calc(10px + env(safe-area-inset-bottom,0px));margin:0;border-top:1px solid var(--s-line)}
  .single-product .wp-block-add-to-cart-form form.cart,.single-product div.product > .summary > form.cart{display:flex;gap:10px;margin:0}
  .single-product form.cart .button{flex:1}
  body.single-product{padding-bottom:86px}
  .soma-hero-facts{gap:8px 18px;font-size:.8rem}
}
h1 em,h2 em,h3 em{color:var(--wp--custom--heading--accent-color,inherit)}

.soma-header > *,.soma-header-tools > *{margin-block:0!important}
.soma-header-tools{align-items:center}

/* After ChatGPT's independent look (2 Oct): shorter opening, product sooner, clearer small text on indigo, level boxes */
.soma-hero{padding-block:clamp(2.5rem,1.4rem + 4.6vw,5rem) clamp(1.6rem,1.2rem + 2vw,2.75rem)}
.soma-hero + .soma-band{padding-top:clamp(2rem,1.4rem + 2.6vw,3.5rem)}
.soma-hero .soma-eyebrow{color:var(--wp--custom--hero--eyebrow)}
.soma-band-dark .soma-eyebrow,.soma-footer .soma-eyebrow{color:var(--wp--preset--color--teal-tint)}
.soma-steps > *::before{color:var(--wp--preset--color--periwinkle);font-size:.84rem}
.soma-band-dark .soma-steps > *::before{color:var(--wp--preset--color--periwinkle)}
.soma-band:not(.soma-band-dark) .soma-steps > *::before{color:var(--s-teal-text)}
.soma-doors > *,.soma-steps > *,.soma-hero-facts > *,.soma-head > *{margin-block:0!important}
.soma-doors{align-items:stretch}
@media (max-width:781px){
  .soma-hero::before{display:none}
  .soma-hero{padding-block:2rem 1.5rem}
  .soma-hero h1{font-size:clamp(2rem,8.4vw,2.5rem);margin-bottom:.9rem}
  .soma-hero-copy p:not(.soma-eyebrow){margin-bottom:1.25rem}
  .soma-hero-media{max-width:56%}
  .soma-hero-facts{margin-top:1.25rem!important;padding-top:1rem}
  .single-product .woocommerce-product-gallery img,.single-product .wp-block-woocommerce-product-image-gallery img{max-height:42vh;width:100%;object-fit:cover}
  .single-product .wp-block-post-title{margin-top:.5rem}
}


/* ---------- Atelier with pictures (2 Oct 2026). Pictures live in assets/img and can be swapped in the Site Editor. ---------- */
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--s-ink);border:1px solid var(--s-ink)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--s-ink);color:var(--s-ground)}
.soma-more a,.soma-head a{font-family:var(--s-label);font-size:.74rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--wp--preset--color--gold);padding-bottom:.35em}
h2.wp-block-heading{font-size:clamp(1.9rem,1.4rem + 2vw,3rem)}

/* Opening: words on the left, the picture runs to the right edge */
.soma-hero{padding:0}
.soma-hero > *{max-width:none}
.soma-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:stretch}
.soma-hero-copy{align-self:center;padding:clamp(2.5rem,1.5rem + 4vw,5rem) clamp(1.5rem,1rem + 3vw,4.5rem) clamp(2.5rem,1.5rem + 4vw,5rem) max(var(--s-gutter),calc((100vw - var(--s-max))/2))}
.soma-hero h1{font-size:clamp(2.4rem,1.5rem + 3.4vw,4.3rem);line-height:1.06;max-width:13ch}
.soma-hero-media{height:100%}
.soma-hero-media img{height:100%;min-height:clamp(22rem,16rem + 28vw,40rem);max-height:44rem;aspect-ratio:auto;object-fit:cover;object-position:68% 50%}
.soma-hero .wp-block-buttons{gap:.75rem}
.soma-hero-facts{margin:0!important;padding:1.15rem var(--s-gutter);justify-content:center;gap:10px clamp(1.5rem,1rem + 3vw,4rem);border-top:1px solid var(--s-line);border-bottom:1px solid var(--s-line);background:var(--wp--preset--color--white);font-size:.84rem;letter-spacing:.04em}
.soma-hero-facts strong{font-weight:500;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;margin-right:.35em}
.soma-hero + .soma-band{padding-top:var(--s-section)}

/* Shop by need: three tall pictures, the name underneath, never on the picture */
.soma-needs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,.6rem + 1.6vw,2.25rem)}
.soma-need > *{margin-block:0!important}
.soma-need figure{overflow:hidden;margin:0 0 1.1rem!important}
.soma-need img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.soma-need:hover img{transform:scale(1.035)}
.soma-need h3{font-size:1.5rem;margin-bottom:.3rem!important}
.soma-need h3 a{text-decoration:none;color:inherit}
.soma-need h3::after{content:"";display:block;width:2.25rem;height:1px;background:var(--wp--preset--color--gold);margin-top:.7rem}
.soma-need p{color:var(--s-soft);font-size:.95rem;margin-top:.6rem!important}
.soma-needs-band{padding-bottom:calc(var(--s-section)*.55)}

/* The shelf: pack shots on their own warm ground, no boxes */
.soma-shelf-band{padding-top:calc(var(--s-section)*.55)}
.soma-shelf-band .wc-block-grid__products,.woocommerce ul.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.5rem,1rem + 1.6vw,2.5rem) clamp(1rem,.6rem + 1.4vw,2rem)}
.wc-block-grid__product,.woocommerce ul.products li.product,.wc-block-product{border:0!important;padding:0!important}
.wc-block-grid__product > :not(.wc-block-grid__product-link),.wc-block-grid__product-title,.wc-block-product > :not(.wc-block-components-product-image),.soma-pack{padding-inline:0}
.wc-block-grid__product-image,.wc-block-components-product-image,.woocommerce ul.products li.product a img{background:#EADCC6;overflow:hidden}
.wc-block-grid__product-image img,.wc-block-components-product-image img,.woocommerce ul.products li.product a img{aspect-ratio:4/5;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.wc-block-grid__product:hover .wc-block-grid__product-image img,.woocommerce ul.products li.product:hover a img{transform:scale(1.04)}
.wc-block-grid__product-title,.woocommerce ul.products li.product .woocommerce-loop-product__title,.wc-block-product h2,.wc-block-product h3{font-size:1.2rem}
.wc-block-grid__product-price,.woocommerce ul.products li.product .price,.wc-block-components-product-price{font-weight:500;letter-spacing:.02em}
.wc-block-grid__product-add-to-cart .wp-block-button__link,.woocommerce ul.products li.product .button{width:100%;text-align:center;font-size:.72rem;padding:.95em 1em;background:transparent;color:var(--s-ink);border:1px solid var(--s-ink)}
.wc-block-grid__product-add-to-cart .wp-block-button__link:hover,.woocommerce ul.products li.product .button:hover{background:var(--s-ink);color:var(--s-ground);opacity:1}
@media (max-width:1000px){.soma-shelf-band .wc-block-grid__products,.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* The SOMA standard: the dark dispensary shelf, words above it where the wall is plain */
.soma-standard{background:#06101F;padding-top:0;padding-inline:0}
.soma-standard > *{max-width:none}
.soma-standard-top{min-height:clamp(21rem,12rem + 30vw,36rem);padding:var(--s-section) max(var(--s-gutter),calc((100vw - var(--s-max))/2)) 0;background:linear-gradient(to bottom,rgba(6,16,31,.35) 0,rgba(6,16,31,0) 45%,rgba(6,16,31,0) 78%,#06101F 100%),url(assets/img/shelf.jpg) center bottom/cover no-repeat}
.soma-standard-top > *{margin-block:0!important}
.soma-standard-top h2{max-width:17ch;margin-top:.2rem!important}
.soma-standard .soma-steps{max-width:var(--s-max);margin-inline:auto;padding-inline:var(--s-gutter);box-sizing:content-box}
.soma-standard .soma-steps p{font-size:.98rem;color:color-mix(in srgb,var(--wp--custom--band--ink) 82%,transparent)}
.soma-standard .soma-steps strong{color:var(--wp--custom--band--ink)}
.soma-band-dark h2 em{color:#D9B978}
.soma-band-dark .soma-steps > *::before{color:#D9B978}

/* Bench picture beside the two doors */
.soma-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.5rem,1rem + 3vw,4.5rem);align-items:center}
.soma-split-media{margin:0!important}
.soma-split-media img{width:100%;aspect-ratio:5/4;object-fit:cover;display:block}
.soma-split .soma-doors{grid-template-columns:1fr;gap:0}
.soma-split .soma-door{padding:clamp(1.4rem,1.1rem + 1vw,2.1rem) 0;border:0;border-top:1px solid var(--s-line)}
.soma-split .soma-door:last-child{border-bottom:1px solid var(--s-line)}
.soma-split .soma-door h3{font-size:clamp(1.4rem,1.2rem + .8vw,1.9rem);margin-block:.2rem .6rem!important}
.soma-split .soma-door p{margin-block:0 .9rem!important;color:var(--s-soft)}
.soma-split .soma-door > :last-child{margin-bottom:0!important}

/* Help: the quiet plaster wall behind the questions */
.soma-band-wall{background:linear-gradient(rgba(239,234,224,.55),rgba(239,234,224,.55)),url(assets/img/wall.jpg) center/cover no-repeat}
.soma-faq-inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,1rem + 3vw,4.5rem);align-items:start}
.soma-faq-head > *{margin-block:0 1rem!important}
.soma-faq-list > *{margin-block:0!important}
.soma-faq-list details:first-child{border-top:1px solid var(--s-line)}
.soma-faq details{border-color:color-mix(in srgb,var(--s-ink) 22%,transparent)}
.soma-faq-list details:first-child{border-top-color:color-mix(in srgb,var(--s-ink) 22%,transparent)}

/* Footer with columns and the white wordmark */
.soma-footer{padding-bottom:2.5rem}
.soma-footer-cols{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:clamp(1.5rem,1rem + 2vw,3.5rem)}
.soma-footer-cols > *,.soma-footer-col > *,.soma-footer-brand > *{margin-block:0!important}
.soma-footer .soma-logo img{height:26px;width:auto}
.soma-footer-brand p{margin-top:1.1rem!important;max-width:26ch;font-size:.95rem;color:color-mix(in srgb,var(--wp--preset--color--base) 72%,transparent)}
.soma-footer ul{list-style:none;padding:0;margin:0}
.soma-footer li{margin:0 0 .6rem;font-size:.96rem}
.soma-footer li a:hover{border-bottom:1px solid currentColor}
.soma-footer .soma-eyebrow{margin-bottom:1.1rem!important;color:#D9B978}

/* Inner pages: a calm title band and readable measure */
body:not(.home) main > .wp-block-group:first-child,body:not(.home) .wp-block-query-title,body:not(.home) main .wp-block-post-title{letter-spacing:0}
.soma-page-head{background:linear-gradient(rgba(239,234,224,.5),rgba(239,234,224,.5)),url(assets/img/wall.jpg) center/cover no-repeat;padding:clamp(2.5rem,1.5rem + 4vw,5rem) var(--s-gutter);text-align:center;border-bottom:1px solid var(--s-line)}
.soma-page-head > *{margin-block:0!important}
.soma-page-head h1{font-size:clamp(2.2rem,1.6rem + 2.6vw,3.6rem)}
.soma-page-body{max-width:44rem;margin-inline:auto!important;padding:var(--s-section) var(--s-gutter)}

@media (max-width:781px){
  .soma-hero-inner{grid-template-columns:1fr}
  .soma-hero-media{max-width:none!important;order:-1;margin:0!important}
  .soma-hero-media img{min-height:0;height:auto;aspect-ratio:5/4;max-height:none}
  .soma-hero-copy{padding:1.75rem var(--s-gutter) 2rem}
  .soma-hero h1{font-size:clamp(2.05rem,8.6vw,2.6rem);max-width:none}
  .soma-hero .wp-block-buttons{flex-direction:column;align-items:stretch}
  .soma-hero .wp-block-button,.soma-hero .wp-block-button__link{width:100%;text-align:center}
  .soma-hero-facts{justify-content:flex-start;gap:8px 20px;padding:1rem var(--s-gutter)}
  .soma-needs{grid-template-columns:1fr 1fr;gap:1.25rem .9rem}
  .soma-need:first-child{grid-column:1/-1}
  .soma-need:first-child img{aspect-ratio:16/11}
  .soma-need h3{font-size:1.25rem}
  .soma-shelf-band .wc-block-grid__products,.woocommerce ul.products{gap:1.5rem .9rem}
  .wc-block-grid__product-title,.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1.05rem}
  .soma-standard-top{min-height:24rem;padding-top:2.75rem}
  .soma-split,.soma-faq-inner{grid-template-columns:1fr}
  .soma-footer-cols{grid-template-columns:1fr 1fr}
  .soma-footer-brand{grid-column:1/-1}
}

/* After the first look at the pictures */
.soma-needs > *,.soma-split > *,.soma-faq-inner > *{margin-block:0!important}
.soma-standard-top .soma-eyebrow{margin-bottom:1rem!important}
.soma-split .soma-door .soma-eyebrow,.soma-faq-head .soma-eyebrow{color:var(--wp--preset--color--teal-deep)}

/* Shop lists, product page, cart and forms in the same hand as the home page */
body:not(.home) .wp-site-blocks > main{padding-block:clamp(1.25rem,.8rem + 1.6vw,2.25rem) var(--s-section)}
.wp-site-blocks > main:has(> .soma-page-head){padding-top:0!important}
.wc-block-product-template.wc-block-product-template{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.5rem,1rem + 1.6vw,2.5rem) clamp(1rem,.6rem + 1.4vw,2rem)}
.wc-block-product-template.wc-block-product-template > li{width:auto!important;margin:0!important}
.wc-block-product-template .wc-block-product > *{margin-block:0!important;text-align:left!important}
.wc-block-components-product-image.wc-block-components-product-image img{aspect-ratio:4/5!important;object-fit:cover!important;width:100%;height:auto}
.wc-block-product .wc-block-components-product-image{margin-bottom:1rem!important}
.wc-block-product .wp-block-post-title{font-size:1.2rem!important;line-height:1.2;margin-bottom:.25rem!important}
.wc-block-product .wp-block-post-title a{text-decoration:none;color:var(--s-ink)}
.wc-block-product .wc-block-components-product-price,.wc-block-product .wp-block-woocommerce-product-price{margin-bottom:.9rem!important;font-size:1rem}
.wc-block-product .wp-block-woocommerce-product-button,.wc-block-product .wp-block-button{margin-top:auto!important;width:100%}
.wc-block-product .wp-block-button__link,.wc-block-product .wc-block-components-product-button__button{box-sizing:border-box;width:100%;text-align:center;justify-content:center;font-size:.72rem;padding:.95em 1em;background:transparent;color:var(--s-ink);border:1px solid var(--s-ink)}
.wc-block-product .wp-block-button__link:hover,.wc-block-product .wc-block-components-product-button__button:hover{background:var(--s-ink);color:var(--s-ground);opacity:1}
.wc-block-grid__product-add-to-cart .wp-block-button__link{box-sizing:border-box}
.woocommerce-ordering select,.wc-block-catalog-sorting select{appearance:none;-webkit-appearance:none;font:inherit;font-size:.86rem;color:var(--s-ink);border:1px solid var(--s-line);border-radius:0;background:var(--wp--preset--color--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23131527'/%3E%3C/svg%3E") right .9em center no-repeat;padding:.6em 2.4em .6em 1em}
.woocommerce-result-count,.wc-block-product-results-count{font-size:.86rem;color:var(--s-soft)}
.wp-block-query-title,.woocommerce-products-header__title{font-size:clamp(2.2rem,1.6rem + 2.6vw,3.6rem)}
.woocommerce-tabs ul.tabs li a,.wp-block-woocommerce-product-details ul.tabs li a{font-family:var(--s-label);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500}
.wp-block-woocommerce-product-details h2,.woocommerce-Tabs-panel h2{font-size:1.6rem}
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before{display:none!important}
.wp-block-woocommerce-empty-cart-block .wp-block-separator{display:none}
.soma-trade-form input:not([type=checkbox]),.soma-trade-form textarea{border-radius:0;box-sizing:border-box}
.soma-trade-form{position:relative;overflow:hidden}
.soma-trade-form button{font-family:var(--s-body);background:var(--wp--custom--button--bg);color:var(--wp--custom--button--ink);border:1px solid var(--wp--custom--button--border);border-radius:0;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;padding:1.05em 2em;cursor:pointer}
.soma-page-body{max-width:60rem}
.soma-page-body > :first-child{margin-top:0}
@media (max-width:1000px){.wc-block-product-template.wc-block-product-template{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:781px){.wc-block-product-template.wc-block-product-template{gap:1.5rem .9rem}.wc-block-product .wp-block-post-title{font-size:1.05rem!important}}

/* Second look: list prices and buttons, phone grids, breadcrumb air */
.wc-block-product .wc-block-components-product-price,.wc-block-product .wp-block-woocommerce-product-price,.wc-block-product .wp-block-woocommerce-product-button,.wc-block-product .wp-block-post-title{text-align:left!important;justify-content:flex-start}
.wc-block-product .wp-block-button__link,.wc-block-product .wc-block-components-product-button__button{border:1px solid var(--s-ink)!important}
.wc-block-grid__products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.single-product .wp-block-woocommerce-breadcrumbs,.single-product .woocommerce-breadcrumb{padding-top:1.25rem}
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{margin-top:1.5rem!important}
@media (max-width:1000px){.wc-block-grid__products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.5rem .9rem}}
.wc-block-product .wp-block-woocommerce-product-button{display:block}
.wc-block-product .wp-block-button__link,.wc-block-product .wc-block-components-product-button__button{display:flex;width:100%}
.wc-block-product .wc-block-components-product-button{display:flex!important;align-items:stretch!important}
.wc-block-product .wc-block-components-product-button__button{font-size:.72rem!important;padding:.95em 1em!important;margin-bottom:0!important}

/* After ChatGPT's blind look at the pictures (2 Oct): clearer small text, air above the footer, tighter phone product page, a centred trade page */
body{font-weight:400}
.soma-pack{font-size:.9rem;color:color-mix(in srgb,var(--s-ink) 78%,transparent)}
.soma-need p,.soma-hero-facts,.soma-split .soma-door p,table.soma-facts td,.soma-mrp-note,.woocommerce-result-count,.wc-block-product-results-count{color:color-mix(in srgb,var(--s-ink) 80%,transparent)}
.soma-hero-copy p:not(.soma-eyebrow){color:color-mix(in srgb,var(--s-ink) 84%,transparent)}
.soma-footer li,.soma-footer-brand p{color:color-mix(in srgb,var(--wp--preset--color--base) 92%,transparent)}
.soma-standard .soma-steps p{color:color-mix(in srgb,var(--wp--custom--band--ink) 92%,transparent)}
.soma-legal{color:color-mix(in srgb,var(--wp--preset--color--base) 82%,transparent)!important}
body.single-product main,body.archive main,body.post-type-archive-product main{padding-bottom:var(--s-section)!important}
.soma-page-body:has(.soma-trade-form){max-width:38rem}
.soma-trade-intro{font-size:1.1rem}
.soma-trade-steps{list-style:none;padding:0;margin:1.5rem 0 2.25rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;counter-reset:ts}
.soma-trade-steps li{counter-increment:ts;border-top:1px solid var(--wp--preset--color--gold);padding-top:.8rem;font-size:.95rem}
.soma-trade-steps li::before{content:"0" counter(ts);display:block;font-family:var(--s-label);font-size:.74rem;letter-spacing:.2em;color:var(--s-gold-text);margin-bottom:.35rem}
.soma-trade-form input:not([type=checkbox]),.soma-trade-form textarea{max-width:none}
.soma-trade-form button{width:100%;margin-top:.5rem}
@media (max-width:781px){
  .single-product .woocommerce-product-gallery,.single-product .wp-block-woocommerce-product-image-gallery{margin-bottom:.75rem!important}
  .single-product .woocommerce-product-gallery img,.single-product .wp-block-woocommerce-product-image-gallery img{max-height:none;aspect-ratio:1/1;object-fit:cover}
  .single-product .wp-block-post-title{margin-top:0!important}
  .soma-trade-steps{grid-template-columns:1fr}
}
.soma-standin-note{font-family:var(--s-label);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#8A3B1E;border:1px solid currentColor;display:inline-block;padding:.35em .7em;margin:.2rem 0 .6rem}

/* The coming-soon page the public sees while the shop is closed: the SOMA™ logo, as in the header. */
.soma-coming-soon{background:var(--s-ground);padding:26px var(--s-gutter,24px) 40px;margin:0}
.soma-coming-soon .soma-logo{margin:0;line-height:0}
.soma-coming-soon .soma-logo img{height:26px;width:auto}
.soma-coming-soon h1{font-size:clamp(2rem,5vw,3.4rem)}
