/* ONBYA | The Intelligence of Skin. The Art of Ritual. */
:root{--atelier-ink:#283537;--atelier-muted:#5d6d6e;--atelier-line:#d5dcd8;--atelier-paper:#f8f9f6;--atelier-sage:#dce5df}
body{background:var(--atelier-paper)}
.nav-left,.nav-right{font-size:11px;letter-spacing:.045em}
.hero .hero-wash{background:linear-gradient(90deg,rgba(249,249,245,.62) 0%,rgba(249,249,245,.35) 30%,rgba(249,249,245,.08) 57%,transparent 72%)}
.hero h1{font-size:clamp(68px,6.85vw,105px)}
.hero h1 em{color:#52666c!important}
.hero-content>p{max-width:490px!important;color:#334347!important;text-shadow:0 1px 15px rgba(251,251,248,.7)}
.hero .hero-eyebrow{letter-spacing:.13em}
.hero-secondary{border-bottom:1px solid rgba(43,56,56,.7);padding-bottom:9px}
.collection-section{padding-bottom:92px}
.collection-section .section-heading{margin-bottom:47px}
.collection-section .collection-note{max-width:640px;margin:43px auto 0}

.onbya-difference{padding:94px max(6.5%,calc((100% - 1420px)/2)) 88px;background:#e9eeea;color:var(--atelier-ink);border-top:1px solid #d7e0da;border-bottom:1px solid #d2dbd5}
.onbya-difference-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:3%;align-items:end;padding-bottom:48px;border-bottom:1px solid #c3cec7}
.onbya-difference-intro .shop-kicker{grid-column:1/-1;margin:0}
.onbya-difference h2,.onbya-climate-teaser h2,.onbya-ritual-invitation h2{font-family:var(--shop-serif);font-size:clamp(53px,6.2vw,95px);line-height:1.06;font-weight:400;letter-spacing:-.037em;margin:0}
.onbya-difference h2 em,.onbya-climate-teaser h2 em,.onbya-ritual-invitation h2 em{font-weight:400;color:#697f7b}
.onbya-difference-intro>p{font-size:16px;color:#586968;line-height:1.85;max-width:405px;margin:0 0 7px}
.onbya-difference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;padding:43px 0 25px}
.onbya-difference-grid>div>span{font-size:11px;letter-spacing:.16em;color:#647774}
.onbya-difference-grid h3{font-family:var(--shop-serif);font-size:31px;font-weight:400;margin:15px 0 10px}
.onbya-difference-grid p{font-size:13px;color:#5c6e6b;line-height:1.85;max-width:320px}
.onbya-difference-link{display:inline-block;margin-top:22px;border-bottom:1px solid #60726e;padding-bottom:7px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}

.home-shop{padding-top:100px;padding-bottom:101px}
.home-shop .shop-split-heading{margin-bottom:18px}
.home-shop .shop-split-heading h2{font-size:clamp(55px,5.8vw,86px)}
.home-shop-intro{max-width:520px;font-size:15px;line-height:1.8;color:#687576;margin:0 0 43px}
.home-shop .shop-art{height:350px}
.home-shop .home-category-list{margin-top:51px}
.shop-card h3{font-size:clamp(23px,2.3vw,32px)}
.shop-card>p{font-size:12.5px;line-height:1.55;min-height:37px;color:#5f6f6e}
.shop-card-meta{font-size:11px;color:#677777}
.shop-inline{font-size:11px;letter-spacing:.075em}
.shop-art{background:linear-gradient(137deg,#e0e7e2,#cdd8d2 62%,#f0f0eb)}
.shop-art:after{content:'';position:absolute;width:72%;height:7%;border-radius:50%;bottom:14%;left:14%;background:rgba(71,82,78,.10);filter:blur(15px);pointer-events:none}
.shop-art .vessel{z-index:1}
.shop-art .vessel-body{box-shadow:inset -11px 0 14px rgba(114,130,126,.09),inset 6px 0 16px rgba(255,255,255,.65);backdrop-filter:blur(2px)}
.art-quiet-cleansing-oil{background:linear-gradient(135deg,#dce6e0,#b8c8be 70%,#edf1e9)}
.art-soft-cleansing-foam{background:linear-gradient(135deg,#e7e7df,#cbd3cf 64%,#f6f5f1)}
.art-first-light-essence{background:linear-gradient(145deg,#d2ded9,#e3e9e3 64%,#b2c6bd)}
.art-precision-ampoule{background:linear-gradient(145deg,#bac8c6,#e5e9e4 59%,#a8b9b4)}
.art-luminous-concentrate{background:linear-gradient(145deg,#e2ded1,#ebece3 48%,#bfcfca)}
.art-eye-veil-concentrate{background:linear-gradient(135deg,#e7eae8,#bacacc 65%,#e6e8e2)}
.art-deep-comfort-cream{background:linear-gradient(130deg,#deded5,#c9cbbf 61%,#f1eee8)}
.art-night-renewal-mask{background:linear-gradient(130deg,#cdd9d5,#bec8c7 65%,#e4e9e7)}
.art-essence-veil-mask{background:linear-gradient(140deg,#e8e9e3,#d1d8d3 66%,#e8e8df)}
.art-daily-sun-veil{background:linear-gradient(138deg,#e5e6dc,#d6d2c4 65%,#ebeae3)}
.art-oil .vessel-body{background:linear-gradient(92deg,rgba(220,235,224,.76),rgba(255,254,244,.7),rgba(184,202,190,.8))}
.art-essence .vessel-body{background:linear-gradient(96deg,rgba(225,241,234,.75),rgba(249,253,247,.68),rgba(170,194,183,.75))}
.art-mask .vessel-body{background:linear-gradient(94deg,#eef0ec,#cbd7d3 54%,#f2f3ef)}
.art-precision-ampoule .vessel,.art-luminous-concentrate .vessel{width:72px;height:166px}
.art-precision-ampoule .vessel-body,.art-luminous-concentrate .vessel-body{height:137px}
.art-precision-ampoule .vessel-cap,.art-luminous-concentrate .vessel-cap{height:29px;width:54%}
.art-quiet-cleansing-oil .vessel{width:89px}
.art-soft-cleansing-foam .vessel{width:105px}
.art-eye-veil-concentrate .vessel{width:56px}
.shop-art-large .vessel{transform:scale(1.6)}
.shop-card-visual:hover .shop-art .vessel{transform:translateY(-7px)}

.onbya-climate-teaser{display:grid;grid-template-columns:1.03fr .97fr;background:#e6ede9;min-height:650px;color:var(--atelier-ink)}
.onbya-climate-teaser-copy{padding:clamp(65px,8vw,118px) 9% clamp(70px,8vw,118px) 13%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.onbya-climate-teaser .shop-kicker{margin-bottom:32px}
.onbya-climate-teaser h2{font-size:clamp(50px,5.45vw,83px);max-width:760px}
.onbya-climate-teaser-copy>p{font-size:15px;line-height:1.9;max-width:470px;margin:30px 0 32px;color:#5a6d69}
.onbya-climate-explore,.onbya-ritual-open{display:inline-flex;justify-content:center;align-items:center;gap:32px;background:#293739;color:#f7f8f4;border:1px solid #293739;min-height:54px;padding:16px 25px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;transition:background .25s,color .25s}
.onbya-climate-explore:hover,.onbya-ritual-open:hover{background:#516764;color:#fff}
.onbya-climate-teaser-card{position:relative;background:radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.72),transparent 53%),linear-gradient(137deg,#c9d5ce,#e3e9e4 60%,#bbcbc6);padding:56px 8% 38px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden}
.onbya-climate-teaser-card:before{content:'';position:absolute;width:380px;aspect-ratio:1;border:1px solid rgba(255,255,255,.75);border-radius:50%;top:11%;left:calc(50% - 190px);box-shadow:0 0 0 65px rgba(255,255,255,.08),0 0 0 130px rgba(255,255,255,.07)}
.onbya-climate-teaser-card>span{position:absolute;top:36px;left:40px;font-size:11px;letter-spacing:.16em;color:#546b65}
.onbya-climate-orbit{flex:1;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;position:relative;z-index:1}
.onbya-climate-orbit img{width:60px;height:88px;opacity:.74;filter:drop-shadow(0 8px 20px rgba(31,51,44,.12))}
.onbya-climate-orbit>span{font-family:var(--shop-serif);font-size:17px;letter-spacing:.34em;color:#526862}
.onbya-climate-teaser-cities{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;position:relative;z-index:1}
.onbya-climate-teaser-cities button{border:1px solid rgba(64,90,81,.25);background:rgba(255,255,255,.23);padding:12px 13px;min-height:43px;color:#3f5b53;font-size:11px;cursor:pointer}
.onbya-climate-teaser-cities button[aria-pressed=true]{background:#2d4540;color:white;border-color:#2d4540}
.onbya-climate-teaser-status{min-height:65px;text-align:center;display:flex;align-items:center;flex-direction:column;margin-top:22px;gap:5px}
.onbya-climate-teaser-status strong{font-family:var(--shop-serif);font-weight:400;font-size:26px}
.onbya-climate-teaser-status small{font-size:11px;color:#4d655c}
.onbya-climate-teaser-card>p{font-size:11px;color:#5c7169;margin-top:13px}

.onbya-ritual-invitation{display:grid;grid-template-columns:1fr 1fr;background:#f1f2ee;min-height:630px}
.onbya-ritual-invitation-art{min-height:590px;overflow:hidden;background:#d5dbd4}
.onbya-ritual-invitation-art img{width:100%;height:100%;object-fit:cover;object-position:center 37%;filter:saturate(.8)}
.onbya-ritual-invitation-copy{padding:85px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.onbya-ritual-invitation h2{font-size:clamp(50px,5.5vw,83px)}
.onbya-ritual-invitation-copy>p{font-size:15px;line-height:1.9;color:#5c6b6b;margin:30px 0;max-width:470px}
.onbya-ritual-invitation-copy>small{display:block;margin-top:25px;font-size:11px;line-height:1.65;color:#73817f;max-width:420px}
.onbya-ritual-invitation .shop-kicker{margin-bottom:33px}

#climateHoldingArea[hidden]{display:none!important}
.commerce-app:has(#climateStandaloneMount){padding:44px 0 100px;background:#f8f9f6}
.commerce-app:has(#climateStandaloneMount)>.shop-crumb{margin:0 6.5% 34px}
#climateStandaloneMount .climate-atelier{margin:0;width:100%}
.climate-considerations{display:grid;gap:0;margin-top:18px;border-top:1px solid rgba(64,83,86,.19)}
.climate-consideration{display:flex;align-items:baseline;justify-content:space-between;gap:22px;padding:16px 0;border-bottom:1px solid rgba(64,83,86,.19)}
.climate-consideration>span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#55656a;white-space:nowrap}
.climate-consideration>strong{font-size:12px;font-weight:500;text-align:right;color:#34484b}
.climate-skin-panel>small{display:block;margin-top:15px}
.climate-atelier .climate-city-tabs button{min-height:49px}

.onbya-benefit-panel{border-top:1px solid #cdd7d1;border-bottom:1px solid #cdd7d1;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 31px;padding:19px 0 17px}
.onbya-benefit-panel>span,.onbya-benefit-panel>small{grid-column:1/-1;font-size:11px;letter-spacing:.11em;line-height:1.7;color:#7c8984}
.onbya-benefit-panel>div>strong{font-size:11px;letter-spacing:.1em;color:#3d4e4c}
.onbya-benefit-panel>div>p{font-size:12px;color:#60716e;line-height:1.7;margin-top:5px}
.onbya-detail-story-images{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:23px}
.onbya-detail-story-images figure{margin:0}
.onbya-detail-story-images img{width:100%;height:185px;object-fit:cover}
.onbya-detail-story-images figcaption{font-size:11px;letter-spacing:.13em;color:#72817e;margin-top:12px}
.shop-review-section{margin-top:90px!important;background:#ecf0ec;border:0!important;padding:75px 6%!important;gap:8%!important}
.shop-review-section h2{max-width:560px}
.onbya-proof-details{display:grid;gap:0}
.onbya-proof-details>div{display:flex;gap:22px;align-items:baseline;border-bottom:1px solid #cad3ce;padding:12px 0}
.onbya-proof-details>div span{font-size:11px;color:#799087}
.onbya-proof-details>div p{margin:0;color:#455955;font-size:13px}
.onbya-proof-details .shop-outline{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;min-height:46px;text-decoration:none}
.onbya-proof-details>small{color:#71807b;font-size:11px;margin-top:12px}
.shop-section-head{margin-bottom:44px}
.shop-crumb{margin-bottom:48px}
.onbya-science-innovation{display:grid;grid-template-columns:1.4fr .6fr;gap:9%;align-items:center;background:#e4eae5;border:1px solid #d5e0d9;padding:65px 7%;margin:-20px 0 85px}
.onbya-science-innovation h2{font-size:clamp(40px,4.6vw,67px);line-height:1.08;font-weight:400;margin-bottom:22px}
.onbya-science-innovation p{font-size:14px;line-height:1.9;color:#5b6d67;max-width:680px}
.onbya-science-innovation-actions{display:grid;gap:12px}
.onbya-science-innovation-actions .onbya-climate-explore{justify-content:center;text-align:center;gap:0}
.onbya-science-ritual{min-height:54px;border:1px solid #798983;background:transparent;text-transform:uppercase;font-size:11px;letter-spacing:.11em;color:#3b534b;padding:14px}
.onbya-science-ritual:hover{background:#d4ded6}

@media(max-width:1100px){.onbya-difference-intro{grid-template-columns:1fr}.onbya-difference-intro>p{max-width:700px;margin-top:24px}.onbya-climate-teaser{grid-template-columns:1fr 1fr}.onbya-climate-teaser-copy{padding:70px 8%}.onbya-climate-teaser h2{font-size:clamp(47px,5vw,68px)}.onbya-ritual-invitation-copy{padding:70px 9%}}
@media(max-width:960px){.hero h1{font-size:clamp(60px,8vw,84px)}}
@media(max-width:760px){.onbya-difference{padding:67px 7%}.onbya-difference h2{font-size:clamp(52px,10vw,75px)}.onbya-difference-grid{grid-template-columns:1fr;gap:28px;padding:36px 0 13px}.onbya-difference-grid h3{margin:9px 0}.onbya-difference-grid p{max-width:90%}.home-shop{padding-top:65px;padding-bottom:65px}.home-shop .shop-split-heading{align-items:start;flex-direction:column;gap:19px}.home-shop .shop-art{height:255px}.onbya-climate-teaser,.onbya-ritual-invitation{grid-template-columns:1fr}.onbya-climate-teaser-copy{padding:75px 7% 64px}.onbya-climate-teaser h2{font-size:clamp(54px,10vw,75px)}.onbya-climate-teaser-card{min-height:500px;padding:53px 5% 29px}.onbya-climate-teaser-card:before{top:7%}.onbya-climate-orbit{min-height:225px}.onbya-climate-teaser-cities button{padding:11px 10px;font-size:11px}.onbya-ritual-invitation-art{min-height:360px;max-height:480px}.onbya-ritual-invitation-copy{padding:75px 7% 82px}.onbya-ritual-invitation h2{font-size:clamp(51px,9vw,72px)}.onbya-detail-story-images img{height:145px}.shop-review-section{padding:52px 7%!important}.climate-consideration{display:block}.climate-consideration>strong{display:block;text-align:left;margin-top:7px}.onbya-science-innovation{grid-template-columns:1fr;gap:28px;padding:50px 7%}.onbya-science-innovation h2{font-size:50px}}
@media(max-width:760px){.hero h1{font-size:clamp(57px,14vw,83px)}}
@media(max-width:430px){.home-shop .shop-art{height:225px}.shop-card h3{font-size:22px}.shop-card>p{font-size:11px;min-height:36px}.onbya-climate-teaser-cities{gap:5px}.onbya-climate-teaser-cities button{padding:10px 8px}.onbya-climate-teaser-card:before{width:300px;left:calc(50% - 150px)}.onbya-benefit-panel{grid-template-columns:1fr;gap:10px}}
@media(prefers-reduced-motion:reduce){.onbya-climate-explore,.onbya-ritual-open,.shop-art .vessel{transition:none!important}}

/* ===== v13 refinements: accessibility, mobile commerce flow, copy-driven layout ===== */
main:focus,.commerce-app:focus{outline:none}
select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #3f5b53;outline-offset:3px}
.shop-form input:focus-visible,.shop-form textarea:focus-visible,.shop-form select:focus-visible{outline:2px solid #3f5b53;outline-offset:2px}
.noscript-note{margin:0;padding:16px 6%;background:#293739;color:#f7f8f4;font-size:14px;line-height:1.6}

/* Home: signature products and set saving */
.signature-grid{margin-top:8px}
#collection .shop-art{height:420px}
.shop-price{display:grid;gap:3px}
.shop-save{font-size:12px;font-weight:500;color:#3d5a50}
.onbya-ritual-invitation-art img{object-position:80% center}
.collection-section .section-heading{margin-bottom:52px}

/* Cookie notice: compact and out of the way of the hero actions */
.cookie-banner{left:auto;right:20px;bottom:20px;max-width:400px;margin:0;display:block;padding:18px 20px}
.cookie-banner strong{display:block;font-size:18px}
.cookie-banner p{margin:6px 0 14px;font-size:12px;max-width:none;color:#56635b}
.cookie-banner>div:last-child{display:flex;gap:8px}
.cookie-banner .shop-btn,.cookie-banner .shop-outline{flex:1;min-height:42px;padding:10px 12px}

/* Catalogue filters collapse behind a toggle on tablet and mobile */
.shop-filter-toggle{display:none}
.shop-empty p{margin:0 0 18px}
@media(max-width:960px){
  .shop-filter-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0 4px;margin:0 0 18px;background:transparent;border:0;border-top:1px solid var(--shop-line);border-bottom:1px solid var(--shop-line);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--shop-ink);cursor:pointer}
  .shop-filter-toggle:after{content:'+';font-size:20px;font-weight:300}
  .shop-filter-toggle[aria-expanded=true]:after{content:'\2212'}
  .shop-filters{display:none!important}
  .shop-filters.is-open{display:grid!important}
}

/* Mobile */
@media(max-width:760px){
  .cookie-banner{left:10px;right:10px;bottom:10px;max-width:none;padding:14px 16px}
  .cookie-banner strong{font-size:16px}
  .cookie-banner p{margin:4px 0 10px}
  .shop-category-links{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-6.5%;margin-right:-6.5%;padding-left:6.5%;padding-right:6.5%}
  .shop-category-links::-webkit-scrollbar{display:none}
  .shop-category-links a{flex:none}
  /* Product page: price and add-to-bag come before the secondary images */
  .shop-detail{display:flex;flex-direction:column;gap:28px}
  .shop-detail-gallery{display:contents}
  .shop-detail-gallery>.shop-art{order:1}
  .shop-detail-copy{order:2}
  .shop-detail-note{order:3}
  .onbya-detail-story-images{order:4}
  #addProductForm{display:contents}
  .shop-purchase-row{position:sticky;bottom:0;z-index:30;background:var(--shop-paper);padding:12px 0;margin-top:0;border-top:1px solid var(--shop-line)}
  #collection .shop-art{height:340px}
  /* Menu hierarchy */
  .shop-mobile-links .mobile-primary a,.shop-mobile-links .mobile-primary button{display:block;width:100%;font-family:var(--shop-serif);font-size:26px;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left}
  .shop-mobile-links .mobile-steps{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0}
  .shop-mobile-links .mobile-steps>span{width:100%;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#59666a}
  .shop-mobile-links .mobile-steps a{font-family:var(--sans);font-size:14px;padding:9px 14px;border:1px solid var(--line)}
  .shop-mobile-links .mobile-secondary{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
  .shop-mobile-links .mobile-secondary a,.shop-mobile-links .mobile-secondary button{font-family:var(--sans);font-size:14px;padding:13px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left}
}
@media(max-width:560px){.signature-grid{grid-template-columns:1fr}}
@media(min-width:561px) and (max-width:900px){.signature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Mobile hero: bring the primary action above the fold and clear of the cookie notice */
@media(max-width:640px){
  .hero-image{height:225px}
  .hero-content{padding-top:22px;padding-bottom:48px}
  .hero-eyebrow{margin-bottom:16px}
  .hero h1{margin-bottom:16px}
  .hero-content>p{margin-bottom:20px}
  .cookie-banner strong{display:none}
  .cookie-banner p{margin:0 0 10px;font-size:12px}
  .cookie-banner .shop-btn,.cookie-banner .shop-outline{min-height:40px;padding:8px 10px}
}

/* Contrast fixes (WCAG AA) */
.shop-crumb,.shop-crumb a,.shop-crumb span{color:#4f5c5f}
.shop-kicker,.shop-section-head .shop-kicker{color:#4f5c5f}
.shop-card-meta,.shop-card-meta span,#shopResultCount{color:#4f5c5f}
.shop-line small,.shop-line>div>small{color:#566360}
.footer-heading{color:#b9afa2}
.shop-filters label,.shop-quantity-label{color:#4f5c5f}
.checkout-steps span{color:#5b6763}
.checkout-steps span.active{color:#1f2b2d;font-weight:600}
.footer-bottom,.footer-bottom span{color:#aaa397}
.onbya-ritual-invitation-copy>small,.shop-detail-note,.onbya-detail-story-images figcaption,.shop-trust small,.shop-results-head label{color:#52605d}
.shop-line>div>p,.shop-line>div>small,.shop-order-row small{color:#4f5c59}
.onbya-benefit-panel>span,.onbya-benefit-panel>small,.shop-detail legend,.shop-line small,.shop-summary-foot,.shop-form>p,.shop-order-summary small{color:#4f5c59!important}
.variant-option small,.shop-service-line,.shop-review-section>div>p{color:#4f5c59!important}
.onbya-proof-details>div span{color:#4f5c59!important}
.onbya-proof-details>small{color:#4f5c59!important}
@media(max-width:760px){.shop-detail-gallery>.shop-art{width:100%;max-width:none;flex:none;height:min(95vw,420px)}.shop-detail-note,.onbya-detail-story-images{width:100%}}