/*
Theme Name: Bella Oud
Description: The Bella Oud store theme.
Version: 1.0.0
Requires PHP: 7.4
WC requires at least: 8.0
Text Domain: bellaoud
*/

:root{
  --ink:#0e0a07;--smoke:#17110c;--ember:#21170f;--ivory:#f1e8d9;--sand:#b7a88f;--brass:#d0a955;--line:rgba(208,169,85,.26);
  --paper:#efe6d6;--paper-ink:#20160e;--paper-mute:#6e5c45;--brass-deep:#7b5b1c;
  --serif:"Cormorant Garamond","Iowan Old Style",Georgia,serif;--sans:"Jost","Avenir Next",Helvetica,Arial,sans-serif;
  --gut:clamp(16px,4.5vw,72px);--sec:clamp(84px,12vw,190px);--ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--ivory);font:300 17px/1.65 var(--sans);overflow-x:hidden;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
ul,ol{list-style:none;margin:0;padding:0}
:focus-visible{outline:1px solid var(--brass);outline-offset:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ivory);color:var(--ink);padding:8px 14px;z-index:100}
.skip:focus{left:16px}
h1,h2,h3{font-family:var(--serif);font-weight:300;margin:0;line-height:1.02;letter-spacing:-.012em}
em{font-style:italic;color:var(--brass)}
.eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--brass);margin:0 0 22px;font-weight:400}
.star{width:1em;height:1em;fill:var(--brass);display:block}

/* wordmark, redrawn from the logo */
.word{font-family:"Cinzel",var(--serif);letter-spacing:.17em;white-space:nowrap;color:var(--brass);font-size:21px}
.word .o{position:relative;display:inline-block}
.word .o .star{position:absolute;left:50%;top:50%;width:.36em;height:.5em;transform:translate(-50%,-50%);margin-left:-.01em}

/* header */
.top{position:fixed;inset:0 0 auto;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px var(--gut);transition:background .4s,padding .4s,border-color .4s;border-bottom:1px solid transparent}
.top.solid{background:rgba(14,10,7,.9);backdrop-filter:blur(10px);padding-block:13px;border-color:var(--line)}
.top nav{display:flex;gap:30px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:400}
.top-r{justify-content:flex-end}
.top nav a{padding:6px 0;background:linear-gradient(var(--brass),var(--brass)) 0 100%/0 1px no-repeat;transition:background-size .4s var(--ease)}
.top nav a:hover{background-size:100% 1px}

/* buttons */
.btn{display:inline-block;padding:16px 32px;border:1px solid var(--brass);color:var(--ivory);font-size:12px;letter-spacing:.26em;text-transform:uppercase;font-weight:400;transition:background .35s,color .35s;text-align:center}
.btn:hover{background:var(--brass);color:var(--ink)}
.btn.solid{background:var(--brass);color:var(--ink);display:block}
.btn.solid:hover{background:var(--ivory)}
.link{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:400;border-bottom:1px solid var(--line);padding-bottom:5px;transition:border-color .3s,color .3s;display:inline-block}
.link:hover{color:var(--brass);border-color:var(--brass)}

/* hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:110px var(--gut) 70px;overflow:hidden}
.hero-img{position:absolute;inset:0 0 0 auto;width:66%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 34%);mask-image:linear-gradient(to right,transparent 0,#000 34%)}
.hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--ink),transparent 22%)}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;animation:drift 22s var(--ease) both}
@keyframes drift{from{transform:scale(1.07)}to{transform:scale(1)}}
.hero-copy{position:relative;max-width:690px}
h1{font-size:clamp(66px,10.8vw,178px);line-height:.9}
h1 em{display:block;padding-left:.72em}
.lede{max-width:27em;margin:34px 0 40px;color:var(--ivory);opacity:.84;font-size:18px}
.cta-row{display:flex;gap:30px;align-items:center;flex-wrap:wrap}

/* manifesto */
.manifesto{padding:var(--sec) var(--gut);text-align:center;display:flex;flex-direction:column;align-items:center}
.manifesto .star{font-size:20px;margin-bottom:38px}
blockquote{margin:0;font:300 clamp(44px,7.2vw,112px)/1.02 var(--serif);max-width:13em;letter-spacing:-.012em}
.manifesto p{max-width:32em;margin:36px 0 0;color:var(--sand)}

.sec-head{padding:0 var(--gut);margin-bottom:clamp(38px,5vw,70px)}
h2{font-size:clamp(44px,6.2vw,92px)}

/* signatures */
.signatures{padding-bottom:var(--sec)}
.sig-rail{display:flex;gap:clamp(16px,2.2vw,32px);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gut) 26px;scroll-padding-inline:var(--gut);scrollbar-width:thin;scrollbar-color:var(--brass) transparent}
.sig{flex:0 0 clamp(262px,30vw,470px);scroll-snap-align:start}
.sig a{display:grid;grid-template-columns:auto 1fr;column-gap:14px}
.frame{display:block;overflow:hidden;background:var(--smoke)}
.sig .frame{grid-column:1/-1;aspect-ratio:4/5;margin-bottom:20px}
.frame img{width:100%;height:100%;object-fit:cover}
.zoom{transition:transform 1.3s var(--ease)}
a:hover .zoom{transform:scale(1.045)}
.num{font-size:12px;letter-spacing:.14em;color:var(--brass);padding-top:12px}
.sig-name{font:300 clamp(30px,3vw,42px)/1.1 var(--serif)}
.sig-tag{grid-column:2;color:var(--sand);font-size:15px;line-height:1.45;margin-top:6px}
.price{grid-column:2;font-size:12px;letter-spacing:.17em;text-transform:uppercase;margin-top:12px;font-weight:400}

/* wearer panels */
.houses{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}
.house{position:relative;display:block;overflow:hidden;height:clamp(420px,62vw,800px);background:var(--ink)}
.house img{width:100%;height:100%;object-fit:cover;filter:brightness(.72)}
.house::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(to top,rgba(14,10,7,.92),transparent)}
.house-t{position:absolute;left:clamp(20px,2.6vw,40px);bottom:clamp(20px,2.6vw,38px);z-index:1}
.house-t small{display:block;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--brass);font-weight:400;margin-bottom:8px}
.house-t b{font:300 clamp(40px,4.8vw,74px)/1 var(--serif)}

/* anatomy */
.anatomy{display:grid;grid-template-columns:1fr 1fr;background:var(--smoke)}
.anat-img{min-height:100%;overflow:hidden;background:var(--ink)}
.anat-img img{width:100%;height:100%;object-fit:cover;transition:opacity .4s}
.anat-body{padding:clamp(56px,8vw,130px) var(--gut);min-width:0}
.tabs{display:flex;flex-wrap:wrap;gap:6px 24px;margin:36px 0 40px;border-bottom:1px solid var(--line)}
.tabs button{font-size:13px;letter-spacing:.11em;padding:10px 0 12px;color:var(--sand);border-bottom:1px solid transparent;margin-bottom:-1px;font-weight:400;transition:color .3s}
.tabs button:hover{color:var(--ivory)}
.tabs button[aria-selected=true]{color:var(--brass);border-color:var(--brass)}
h3{font-size:clamp(32px,3.2vw,46px)}
.anat-tag{color:var(--sand);font:italic 300 21px/1.35 var(--serif);margin:8px 0 26px}
.notes{margin:0 0 30px}
.notes div{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--line)}
.notes dt{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--brass);font-weight:400;padding-top:4px}
.notes dd{margin:0;font-size:16px;line-height:1.55}

/* collection */
.collection{padding:var(--sec) 0}
.filters{padding:0 var(--gut);margin-bottom:38px;display:grid;gap:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{padding:9px 17px;border:1px solid var(--line);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;color:var(--sand);transition:all .25s}
.chips button:hover{border-color:var(--brass);color:var(--ivory)}
.chips button[aria-pressed=true]{background:var(--brass);border-color:var(--brass);color:var(--ink)}
.result{margin:6px 0 0;font-size:14px;color:var(--sand)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(30px,3.6vw,56px) clamp(14px,2vw,28px);padding:0 var(--gut)}
.card .frame{aspect-ratio:1;margin-bottom:15px}
.card-name{display:block;font:300 clamp(24px,2.2vw,31px)/1.15 var(--serif)}
.card-meta{display:block;font-size:13px;color:var(--sand);margin-top:4px}
.card-meta i{font-style:normal;color:var(--brass);margin:0 3px}
.card[hidden]{display:none}
.card.f{grid-column:span 2;grid-row:span 2}
.card.f .card-name{font-size:clamp(34px,3.4vw,50px)}
.empty{padding:40px var(--gut);color:var(--sand)}
.empty button{color:var(--brass);border-bottom:1px solid var(--brass)}

/* sizes */
.formats{background:var(--paper);color:var(--paper-ink);padding:var(--sec) 0}
.formats .eyebrow,.formats em{color:var(--brass-deep)}
.fmt{display:grid;grid-template-columns:repeat(3,1fr);margin:0 var(--gut);border-top:1px solid rgba(32,22,14,.28)}
.fmt li{display:flex;flex-direction:column;justify-content:flex-end;padding:26px 24px 8px 0;border-left:1px solid rgba(32,22,14,.28);padding-left:clamp(14px,2.4vw,34px)}
.fmt li:first-child{border-left:0;padding-left:0}
.fmt b{display:block;font-family:var(--serif);font-weight:300;line-height:.95;letter-spacing:-.02em}
.fmt li:nth-child(1) b{font-size:clamp(58px,8vw,118px)}
.fmt li:nth-child(2) b{font-size:clamp(76px,11vw,162px)}
.fmt li:nth-child(3) b{font-size:clamp(96px,15vw,222px)}
.fmt sup{font-size:.2em;letter-spacing:.06em;margin-left:.2em;vertical-align:super;font-family:var(--sans)}
.fmt span{display:block;margin-top:14px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;color:var(--paper-mute)}

/* bespoke */
.bespoke{position:relative;min-height:88vh;display:flex;align-items:center;padding:var(--sec) var(--gut);overflow:hidden}
.bes-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.42)}
.bes-copy{position:relative;max-width:640px}
.bes-copy>p:not(.eyebrow){margin:26px 0 36px;max-width:30em;font-size:18px}

/* footer */
.foot{padding:80px var(--gut) 34px;text-align:center;border-top:1px solid var(--line)}
.foot .word{font-size:clamp(30px,5vw,58px)}
.foot-tag{font:italic 300 22px var(--serif);color:var(--sand);margin:12px 0 38px}
.foot nav{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:center;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:400}
.foot nav a:hover{color:var(--brass)}
.copy{margin:42px 0 0;font-size:13px;color:var(--sand)}

/* drawer */
.drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:none;width:min(880px,100vw);max-width:none;padding:0;border:0;border-left:1px solid var(--line);background:var(--smoke);color:var(--ivory);overflow:auto}
.drawer[open]{display:grid;grid-template-columns:44% 1fr;animation:slide .5s var(--ease)}
.drawer::backdrop{background:rgba(5,3,2,.72)}
@keyframes slide{from{transform:translateX(40px);opacity:0}}
.d-close{position:absolute;right:14px;top:10px;z-index:2;width:44px;height:44px;font:300 34px/1 var(--serif);color:var(--ivory)}
.d-close:hover{color:var(--brass)}
.d-img{min-height:100%;background:var(--ink)}
.d-img img{width:100%;height:100%;object-fit:cover}
.d-body{padding:62px clamp(20px,3.4vw,44px) 40px;min-width:0}
.d-body h2{font-size:clamp(40px,4vw,56px)}
.d-body .notes dd{font-size:15px}
.sizes{border:0;padding:0;margin:0 0 22px}
.sizes legend{padding:0;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--brass);margin-bottom:10px;font-weight:400}
#d-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#d-sizes label{cursor:pointer}
#d-sizes input{position:absolute;opacity:0}
#d-sizes span{display:block;border:1px solid var(--line);padding:11px 4px;text-align:center;font-size:14px;line-height:1.3;transition:all .25s}
#d-sizes small{display:block;font-size:12px;color:var(--sand)}
#d-sizes input:checked+span{border-color:var(--brass);background:rgba(208,169,85,.13)}
#d-sizes input:focus-visible+span{outline:1px solid var(--brass);outline-offset:3px}
#d-more{margin-top:20px}

/* reveal, only when JS is on */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.js .reveal.in{opacity:1;transform:none}

@media (max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:800px){
  body{font-size:16px}
  .top{grid-template-columns:auto 1fr;gap:12px}
  .top-l{display:none!important}
  .brand{justify-self:start}
  .word{font-size:18px}
  .hide-s{display:none}
  .hero{align-items:flex-end;padding-bottom:48px}
  .hero-img{inset:0;width:100%;height:52%;-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent);mask-image:linear-gradient(to bottom,#000 62%,transparent)}
  .hero-img::after{display:none}
  h1{font-size:clamp(62px,19vw,118px)}
  h1 em{padding-left:.42em}
  .lede{margin:22px 0 28px;font-size:16px}
  .houses{grid-template-columns:1fr}
  .house{height:68vw}
  .bes-img{filter:brightness(.28)}
  .anatomy{grid-template-columns:1fr}
  .anat-img{aspect-ratio:1;min-height:0}
  .fmt{grid-template-columns:1fr;border-top:0}
  .fmt li,.fmt li:first-child{border-left:0;border-top:1px solid rgba(32,22,14,.28);padding:18px 0;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
  .fmt li b{font-size:clamp(66px,20vw,120px)!important}
  .fmt span{margin:0;text-align:right}
  .drawer{width:100vw;border:0}
  .drawer[open]{display:block}
  .d-img{aspect-ratio:1.25;min-height:0}
  .d-body{padding-top:30px}
}
@media (max-width:560px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal{opacity:1;transform:none}
}

/* ==== shared page furniture ==== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.card{min-width:0}
.hp{position:absolute;left:-9999px}
.burger{display:none;width:44px;height:44px;position:relative;margin-left:-10px}
.burger i{position:absolute;left:10px;right:10px;height:1px;background:var(--ivory)}
.burger i:first-child{top:18px}.burger i:last-child{top:26px}
.bag-n{color:var(--brass);letter-spacing:.05em}
.page-head{padding:clamp(130px,16vw,210px) var(--gut) clamp(34px,4vw,60px)}
.page-head h1{font-size:clamp(58px,9vw,136px);line-height:.95}
.page-lede{max-width:31em;margin:26px 0 0;font-size:clamp(17px,1.6vw,20px);color:var(--ivory);opacity:.86}
.page-body{padding-bottom:var(--sec)}
.narrow{max-width:900px;margin-inline:auto}
.prose{padding-inline:var(--gut);max-width:52em;overflow-wrap:anywhere}
.prose h2,.prose h3{margin:1.4em 0 .4em}
.prose h2{font-size:clamp(30px,3.4vw,44px)}
.prose a{color:var(--brass);border-bottom:1px solid var(--line)}
.prose img{height:auto}
.seo-content{padding:60px var(--gut) 0;max-width:60em;color:var(--sand);font-size:15px}
.collection.is-page{padding:0 0 var(--sec)}
.p-search{display:flex;gap:8px;padding:0}
.p-search input{flex:1;min-width:0}
.p-search button{padding:0 20px;border:1px solid var(--brass);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:400}
.p-search button:hover{background:var(--brass);color:var(--ink)}
.page-body>.p-search,.narrow>.p-search{margin-inline:var(--gut)}
.faq-more{padding:30px var(--gut) 0;color:var(--sand)}
.social-row{display:flex;gap:28px;padding:0 var(--gut);margin:0 0 44px}

/* mobile menu */
.menu{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;background:var(--ink);color:var(--ivory);padding:70px var(--gut) 30px;overflow:auto}
.menu nav{display:flex;flex-direction:column}
.menu nav a{font:300 42px/1.3 var(--serif)}
.menu .menu-sub{margin:30px 0;padding-top:24px;border-top:1px solid var(--line)}
.menu .menu-sub a{font:300 16px/2.1 var(--sans);color:var(--sand)}

/* form fields, including WooCommerce */
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],input[type=number],textarea,select,
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.select2-container--default .select2-selection--single{
  width:100%;background:var(--ink);color:var(--ivory);border:1px solid rgba(208,169,85,.42);border-radius:0;padding:13px 14px;font:300 16px/1.4 var(--sans);height:auto;box-shadow:none;-webkit-appearance:none;appearance:none
}
select{background-image:linear-gradient(45deg,transparent 50%,var(--brass) 50%),linear-gradient(135deg,var(--brass) 50%,transparent 50%);background-position:calc(100% - 19px) 50%,calc(100% - 14px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
input:focus,textarea:focus,select:focus{outline:1px solid var(--brass);outline-offset:0;border-color:var(--brass)}
::placeholder{color:var(--sand);opacity:.8}
.form{display:grid;gap:18px;padding-inline:var(--gut);margin-top:30px;scroll-margin-top:100px}
.split-body .form{padding:0}
.form label span{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--brass);margin-bottom:8px;font-weight:400}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form .btn{cursor:pointer;width:100%}
.form-note{margin:0;padding:14px 16px;border:1px solid var(--line)}
.form-note.ok{border-color:var(--brass);color:var(--ivory)}
.form-note.bad{border-color:#c0604a;color:#f2c4b8}

/* split pages */
.split{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.split-img{background:var(--smoke);position:relative;min-height:60vw;max-height:none}
.split-img img{position:sticky;top:0;width:100%;height:100vh;object-fit:cover}
.split-body{padding:clamp(120px,14vw,200px) var(--gut) clamp(60px,8vw,110px);min-width:0}
.split-body h1{font-size:clamp(52px,6.4vw,104px);line-height:.98}
.split-body>p:not(.eyebrow):not(.page-lede){color:var(--sand);margin-top:22px;max-width:34em}
.trio{padding:var(--sec) 0}
.trio ul{display:grid;grid-template-columns:repeat(3,1fr);margin:0 var(--gut);border-top:1px solid var(--line)}
.trio li{padding:26px 28px 26px 0}
.trio li+li{padding-left:28px;border-left:1px solid var(--line)}
.trio b{display:block;font:300 clamp(28px,3vw,40px)/1.1 var(--serif);margin-bottom:10px}
.trio span{color:var(--sand)}
.trio-cta{padding:50px var(--gut) 0}

/* delivery + questions */
.rates{width:calc(100% - 2*var(--gut));margin:10px var(--gut) 40px;border-collapse:collapse}
.rates th{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--brass);font-weight:400;text-align:left;padding:12px 0}
.rates td{padding:18px 0;border-top:1px solid var(--line);font:300 clamp(22px,2.4vw,30px)/1.2 var(--serif)}
.rates th:last-child,.rates td:last-child{text-align:right;white-space:nowrap}
.faq{padding-inline:var(--gut)}
.faq .prose{padding:0}

/* details */
.pdp-more{border-top:1px solid var(--line)}
.pdp-more:last-of-type{border-bottom:1px solid var(--line)}
.pdp-more summary{cursor:pointer;padding:18px 28px 18px 0;list-style:none;position:relative;font:300 clamp(21px,2vw,25px)/1.25 var(--serif)}
.pdp-more summary::-webkit-details-marker{display:none}
.pdp-more summary::after{content:"+";position:absolute;right:2px;top:15px;color:var(--brass);font-size:24px}
.pdp-more[open] summary::after{content:"–"}
.pdp-more .prose{padding:0 0 22px;font-size:16px;color:var(--ivory)}

/* blog */
.posts{padding-inline:var(--gut)}
.posts li{border-top:1px solid var(--line)}
.posts a{display:block;padding:20px 0}
.posts small{display:block;color:var(--brass);font-size:12px;letter-spacing:.14em}
.posts b{font:300 clamp(24px,2.6vw,34px)/1.2 var(--serif)}
.pager{padding:30px var(--gut);display:flex;gap:14px;flex-wrap:wrap;color:var(--sand)}
.pager .current{color:var(--brass)}

/* ==== product page ==== */
.pdp-grid{display:grid;grid-template-columns:54% 1fr}
.pdp-media{background:var(--smoke)}
.pdp-main img,.pdp-extra img{width:100%;height:auto;display:block}
.pdp-info{padding:clamp(100px,10vw,140px) var(--gut) 60px;position:sticky;top:0;align-self:start;max-height:none;min-width:0}
.pdp-info h1{font-size:clamp(50px,5.6vw,88px);line-height:1}
.pdp-info .anat-tag{margin:10px 0 18px}
.pdp-price{font-size:14px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 26px;font-weight:400}
.pdp form.cart{margin:0 0 26px}
.pdp table.variations{width:100%;border:0;margin:0 0 14px;border-collapse:collapse}
.pdp table.variations tr{display:block;margin-bottom:10px}
.pdp table.variations th,.pdp table.variations td{display:block;padding:0;border:0;text-align:left;background:none}
.pdp table.variations th label{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--brass);font-weight:400;display:block;margin-bottom:10px}
.pdp .reset_variations{font-size:12px;color:var(--sand);display:inline-block;margin-top:8px}
.pdp .woocommerce-variation-price{margin:0 0 14px;font:300 30px/1.2 var(--serif)}
.pdp .woocommerce-variation-price .price{color:var(--ivory)!important;font-size:inherit!important}
.pdp .single_variation_wrap .woocommerce-variation-add-to-cart,.pdp form.cart:not(.variations_form){display:flex;gap:10px;align-items:stretch}
.pdp .quantity input.qty{width:74px;text-align:center;padding:13px 4px;height:100%}
.pdp .quantity{margin:0!important}

/* ==== WooCommerce pages ==== */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #payment #place_order,.wc-proceed-to-checkout a.checkout-button{
  background:var(--brass)!important;color:var(--ink)!important;border:1px solid var(--brass)!important;border-radius:0!important;padding:16px 28px!important;font:400 12px/1.3 var(--sans)!important;letter-spacing:.24em!important;text-transform:uppercase!important;text-align:center;transition:background .3s,border-color .3s;box-shadow:none!important;text-shadow:none!important;height:auto!important;width:auto
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover,.wc-proceed-to-checkout a.checkout-button:hover{background:var(--ivory)!important;border-color:var(--ivory)!important}
.woocommerce button.button:disabled,.woocommerce button.button.disabled,.woocommerce button.button.alt.disabled{opacity:.45!important;background:var(--brass)!important;color:var(--ink)!important}
.woocommerce table.cart button[name=update_cart],.woocommerce .coupon button{background:transparent!important;color:var(--ivory)!important}
.woocommerce .coupon button:hover,.woocommerce table.cart button[name=update_cart]:hover{background:var(--brass)!important;color:var(--ink)!important}
.store{padding-bottom:var(--sec)}
.store>.woocommerce{padding-inline:var(--gut)}
.woocommerce-notices-wrapper{padding-inline:0}
.is-page .woocommerce-notices-wrapper,.pdp>.woocommerce-notices-wrapper{padding:0 var(--gut)}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,p.no-comments{background:var(--smoke)!important;color:var(--ivory)!important;border:1px solid var(--line)!important;border-top:2px solid var(--brass)!important;border-radius:0;font-size:16px;margin:0 0 26px!important;padding:16px 18px 16px 48px!important;list-style:none;display:flow-root}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{color:var(--brass)!important;top:16px!important;left:18px!important}
.woocommerce-message .button,.woocommerce-info .button{float:right;margin-left:14px;padding:9px 16px!important}
.woocommerce-error{border-top-color:#c0604a!important}
.woocommerce a:not(.button):not(.checkout-button){color:var(--brass)}
.woocommerce table.shop_table{border:0!important;border-collapse:collapse!important;border-radius:0!important;background:none;color:var(--ivory);margin:0 0 30px}
.woocommerce table.shop_table th{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);font-weight:400;padding:14px 10px;border:0;background:none}
.woocommerce table.shop_table td{border:0!important;border-top:1px solid var(--line)!important;padding:18px 10px;background:none!important;color:var(--ivory)}
.woocommerce table.shop_table tfoot th,.woocommerce table.shop_table tfoot td,.woocommerce table.shop_table .cart-subtotal th,.woocommerce table.shop_table .order-total th{border-top:1px solid var(--line)!important}
.woocommerce table.cart img,.woocommerce-cart-form img{width:84px!important;height:84px;object-fit:cover}
.woocommerce table.cart .product-name a{font:300 25px/1.2 var(--serif);color:var(--ivory)!important}
.woocommerce table.cart td.actions{padding:18px 0}
.woocommerce table.cart td.actions .coupon{display:flex;gap:8px;align-items:stretch}
.woocommerce table.cart td.actions .coupon input.input-text{width:190px!important;margin:0!important;padding:13px 14px!important;background:var(--ink);color:var(--ivory);border:1px solid rgba(208,169,85,.42)}
.woocommerce a.remove{color:var(--sand)!important;font-weight:300;background:none!important}
.woocommerce a.remove:hover{color:var(--brass)!important}
.woocommerce .quantity input.qty{width:68px;text-align:center;padding:10px 4px}
.cart-collaterals .cart_totals h2,#order_review_heading,.woocommerce-billing-fields h3,.woocommerce-additional-fields h3,.woocommerce-column__title,.woocommerce-order-details__title,.woocommerce-MyAccount-content h2,.woocommerce-account h2,.woocommerce-shipping-fields h3{font:300 clamp(30px,3vw,40px)/1.1 var(--serif)!important;margin:0 0 18px}
.woocommerce form .form-row{padding:0;margin:0 0 16px}
.woocommerce form .form-row label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-bottom:7px;font-weight:400;line-height:1.5}
.woocommerce form .form-row label.checkbox,.woocommerce-form__label-for-checkbox{text-transform:none;letter-spacing:0;font-size:15px;color:var(--ivory)}
.woocommerce form .form-row .required{color:var(--brass);text-decoration:none}
.woocommerce form .form-row.woocommerce-invalid input.input-text{border-color:#c0604a}
input[type=checkbox],input[type=radio]{accent-color:var(--brass);width:auto}
.select2-container--default .select2-selection--single{height:auto;padding:0}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--ivory);padding:13px 34px 13px 14px;line-height:1.4}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;top:0;right:8px}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--brass) transparent transparent}
.select2-dropdown{background:var(--smoke);color:var(--ivory);border-color:var(--line);border-radius:0}
.select2-container--default .select2-search--dropdown .select2-search__field{background:var(--ink);color:var(--ivory);border:1px solid var(--line)}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected]{background:var(--brass);color:var(--ink)}
.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[data-selected=true]{background:var(--ember)}
.woocommerce-checkout #payment{background:var(--smoke)!important;border-radius:0;border:1px solid var(--line)}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--line)!important;padding:18px}
.woocommerce-checkout #payment ul.payment_methods li{color:var(--ivory)}
.woocommerce-checkout #payment div.payment_box{background:var(--ember)!important;color:var(--ivory)!important;border-radius:0}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--ember)!important}
.woocommerce-checkout #payment .place-order{padding:18px!important}
.woocommerce-checkout #payment #place_order{width:100%!important;float:none}
.woocommerce form.login,.woocommerce form.register,.woocommerce form.checkout_coupon,.woocommerce-form-coupon{border:1px solid var(--line)!important;border-radius:0!important;padding:24px!important;background:var(--smoke)}
.woocommerce-MyAccount-navigation ul{border-top:1px solid var(--line)}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
.woocommerce-MyAccount-navigation a{display:block;padding:13px 0;color:var(--ivory)!important}
.woocommerce-MyAccount-navigation .is-active a{color:var(--brass)!important}
.woocommerce ul.order_details{color:var(--ivory)}
.woocommerce ul.order_details li{border-color:var(--line)}
.blockUI.blockOverlay{background:rgba(14,10,7,.7)!important}
.woocommerce .price,.woocommerce ins,.woocommerce-Price-amount{color:inherit;text-decoration:none}
del{opacity:.6}
.discount-badge{color:var(--brass);font-size:13px}
.wishlist_table,.wishlist_table td,.wishlist_table th{background:none!important;color:var(--ivory)!important;border-color:var(--line)!important}


/* size selector (WPC variation radios) */
.pdp .woovr-variations{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 18px!important;width:100%}
.pdp-info .notes{margin-bottom:24px}
.pdp-main{position:sticky;top:60px}
.pdp-info{position:static!important}
.woocommerce-input-wrapper strong{font-weight:300;font-size:16px;display:block;border:0;outline:0;padding:4px 0}
.pdp .woovr-variation{display:block!important;position:relative;width:auto!important;margin:0!important;padding:12px 6px!important;background:none!important;border:1px solid var(--line)!important;border-radius:0!important;color:var(--ivory)!important;text-align:center;cursor:pointer;box-shadow:none!important;transition:border-color .25s,background .25s}
.pdp .woovr-variation:hover{border-color:var(--brass)!important}
.pdp .woovr-variation-active,.pdp .woovr-variation:has(input:checked){border-color:var(--brass)!important;background:rgba(208,169,85,.13)!important}
.pdp .woovr-variation-selector{position:absolute;inset:0;margin:0;opacity:0}
.pdp .woovr-variation-selector input{width:100%;height:100%;margin:0;cursor:pointer}
.pdp .woovr-variation-info,.pdp .woovr-variation-name,.pdp .woovr-variation-price{display:block;width:auto;padding:0!important;margin:0;color:inherit!important;background:none!important}
.pdp .woovr-variation-name label{font-size:14px;margin:0;text-transform:lowercase;color:var(--ivory)!important}
.pdp .woovr-variation-price{font-size:12px;line-height:1.35;color:var(--sand)!important}
.pdp .woovr-variation-price del{display:block;font-size:11px}
.pdp .woovr-variation-price ins{display:block}
.pdp .woocommerce-variation-price{display:none}
.pdp table.variations{position:absolute;left:-9999px}
.pdp .single_add_to_cart_button{flex:1;min-width:0}
/* sticky bar on the product page */
.wpcsb-wrapper *{background-color:transparent}
.wpcsb-wrapper .wpcsb-btn{background:var(--brass)!important;color:var(--ink)!important}
.wpcsb-wrapper{background:var(--smoke)!important;border-top:1px solid var(--line)!important;color:var(--ivory)!important;box-shadow:none!important}
.wpcsb-wrapper *{color:inherit}
.wpcsb-wrapper .wpcsb-product-name{font:300 22px/1.2 var(--serif)!important}
.wpcsb-wrapper .single_add_to_cart_button,.wpcsb-wrapper button{background:var(--brass)!important;color:var(--ink)!important}
.wpcsb-wrapper select,.wpcsb-wrapper input{background:var(--ink)!important;color:var(--ivory)!important;width:auto}
.pdp .yith-add-to-wishlist-button-block,.pdp .yith-wcwl-add-to-wishlist{margin:0 0 20px}
.pdp .yith-wcwl-add-to-wishlist a{color:var(--brass)!important;font-size:13px}
.pdp-info.summary{float:none!important;width:auto!important;margin:0!important}
.woocommerce div.product.pdp{position:static}

/* form colours win over WooCommerce's own */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce-page form textarea,#order_comments{background:var(--ink)!important;color:var(--ivory)!important;border:1px solid rgba(208,169,85,.42)!important}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:var(--brass)!important;outline:0}
.discount-badge{background:none!important;padding:0!important;color:var(--brass)!important}
.price-wrapper{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;background:none}
.price-wrapper ins,.price-wrapper del{background:none!important;color:inherit!important;font-weight:300}

/* checkout: details left, order right */
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 clamp(30px,6vw,90px);align-items:start}
.woocommerce-checkout form.checkout::before,.woocommerce-checkout form.checkout::after,.woocommerce-checkout .col2-set::before,.woocommerce-checkout .col2-set::after{display:none}
.woocommerce-checkout #customer_details{grid-column:1;grid-row:1/span 3;width:auto;float:none}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{float:none;width:100%}
.woocommerce-checkout .col2-set .col-2{margin-top:26px}
.woocommerce-checkout #order_review_heading{grid-column:2;margin-top:0}
.woocommerce-checkout #order_review{grid-column:2;float:none;width:auto}
.woocommerce-checkout .woocommerce-NoticeGroup{grid-column:1/-1}
.woocommerce-checkout .form-row-first,.woocommerce-checkout .form-row-last{width:100%!important;float:none!important}
.woocommerce #payment .form-row.place-order{margin:0}
.woocommerce-terms-and-conditions-wrapper{color:var(--sand);font-size:14px}
@media (max-width:900px){
  .woocommerce-checkout form.checkout{grid-template-columns:minmax(0,1fr)}
  .woocommerce-checkout #customer_details,.woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review{grid-column:1;grid-row:auto}
  .woocommerce-checkout #order_review_heading{margin-top:30px}
}

/* the sticky bar's button does not add to the bag with this theme; the page's own button does */
.wpcsb-wrapper{display:none!important}
/* plugin menus replaced by this theme's own */
#responsive-menu-button,.responsive-menu-button,.rmp_menu_trigger,#rmp_menu_trigger,.rmp-container,.mob-menu-header-holder,.mobmenu{display:none!important}

@media (max-width:900px){
  .split,.pdp-grid{grid-template-columns:1fr}
  .split-img{min-height:0;aspect-ratio:1}
  .split-img img{position:static;height:100%}
  .split-body{padding-top:44px}
  .pdp-info{position:static;padding-top:34px}
  .trio ul{grid-template-columns:1fr}
  .trio li,.trio li+li{padding:20px 0;border-left:0;border-bottom:1px solid var(--line)}
  .pdp-media{padding-top:64px}
}
@media (max-width:800px){
  .top{grid-template-columns:44px 1fr auto;gap:6px}
  .burger{display:block}
  .brand{justify-self:center}
  .word{font-size:16px}
  .top nav{letter-spacing:.14em}
  .f-row{grid-template-columns:1fr}
  .woocommerce table.cart td.actions .coupon{width:100%}
  .woocommerce table.cart td.actions .coupon input.input-text{flex:1;width:auto!important}
  .woocommerce table.shop_table_responsive tr td{padding:12px 0!important;background:none!important}
  .woocommerce table.shop_table_responsive tr{border-top:1px solid var(--line)}
  .woocommerce-message .button,.woocommerce-info .button{float:none;display:block;margin:12px 0 0}
}