/* OVIA Records 2.0.13: consolidated frontend stylesheet.
   The legacy stylesheets stay inside assets/ unchanged for rollback.
   Base rule order is preserved; OVIA custom rules are kept in ovia-custom.css.
*/

/* ===== START source: site.css ===== */
@font-face{font-family:Inter;src:url(fonts/inter.ttf);font-weight:100 900}@font-face{font-family:Mulish;src:url(fonts/mulish.ttf);font-weight:200 1000}
:root{--bg:#121413;--panel:#1b211e;--ink:#f1f1f1;--muted:#9ca3a0;--line:#ffffff20;--accent:#8fa38a;--green:#1f3d34}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.65}body[data-theme=light]{--bg:#f1f1f1;--panel:#e4e6df;--ink:#121413;--muted:#536158;--line:#12141325}body[data-theme=cloud]{--bg:#c9bfb2;--panel:#ddd6cb;--ink:#1f3d34;--muted:#52645a;--line:#1f3d3430}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}button{cursor:pointer}button,.button{border:1px solid var(--line);border-radius:40px;padding:12px 23px;background:transparent;color:var(--ink);display:inline-flex;align-items:center;gap:10px}.primary{background:var(--accent);color:#121413;border-color:var(--accent)}button:hover,.button:hover{filter:brightness(1.12)}.announcement{text-align:center;background:#1f3d34;color:#f1f1f1;font-size:11px;letter-spacing:2px;padding:9px}header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{max-width:1440px;margin:auto;padding:20px 5%;display:flex;align-items:center;gap:28px}.brand{width:155px;line-height:0}.brand img{width:100%}.navlinks{display:flex;gap:24px;font-size:12px}.tools{margin-left:auto;display:flex;align-items:center;gap:10px}.tools button,.tools a{padding:7px 10px;font-size:11px}.tools select{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:7px}.menu{display:none}.wrap{max-width:1320px;padding:0 5%;margin:auto}.hero{min-height:710px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;position:relative}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--accent)}h1,h2,h3{font-family:Mulish,Arial,sans-serif;line-height:1.06;letter-spacing:-.045em}h1{font-size:clamp(58px,6.7vw,100px);margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#8fa38a}p{color:var(--muted)}.hero p{max-width:405px;font-size:15px}.actions{display:flex;gap:12px;margin-top:32px}.hero-art{height:540px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#5f7f6a55,transparent 65%)}.orbit{width:390px;height:390px;border-radius:50%;position:absolute;border:1px solid #8fa38a40;transform:rotate(-25deg) scaleY(.7)}.orbit.two{transform:rotate(48deg) scaleY(.8);width:460px;height:460px}.record{width:340px;height:340px;border-radius:50%;background:repeating-radial-gradient(circle,#151a16 0 2px,#394038 3px,#101411 4px 6px);box-shadow:25px 35px 60px #0008;display:grid;place-items:center;animation:spin 50s linear infinite}.record .label{width:120px;height:120px;border-radius:50%;background:#c9bfb2;color:#1f3d34;display:grid;place-content:center;text-align:center;font-size:9px;letter-spacing:2px}.record .label strong{font-size:22px}.floating{position:absolute;bottom:48px;left:12px;right:12px;border:1px solid #ffffff25;border-radius:16px;background:#26362ed9;backdrop-filter:blur(20px);padding:20px 24px;color:white;display:flex;align-items:center;justify-content:space-between;font-size:12px}.floating small{color:#b6c7ba}.wave{display:flex;align-items:center;gap:3px;height:33px}.wave i{display:block;background:#8fa38a;width:3px;height:var(--h);border-radius:5px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 0;font-size:10px;letter-spacing:2px;color:var(--muted)}section{padding:80px 0}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.heading h2{font-size:44px;margin:12px 0 0}.heading a{font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-art{height:290px;border-radius:14px;position:relative;overflow:hidden;background:#394c40;display:grid;place-content:center;text-align:center}.product-art:before{content:'';position:absolute;width:250px;height:250px;border:35px solid #a2af9455;border-radius:50%;top:100px;left:60px}.product-art b{z-index:1;font-family:Mulish,sans-serif;font-size:37px;line-height:1;letter-spacing:-2px}.product-art small{z-index:1;font-size:10px;letter-spacing:3px;margin-top:18px}.product-art.plugin{background:#c9bfb2;color:#1f3d34}.product-art.merch{background:#2a2e2b}.product-art.merch:before{border-radius:12px;border-width:2px;transform:rotate(-12deg)}.meta{font-size:10px;letter-spacing:2px;color:var(--accent);margin-top:18px}.product h3{font-size:22px;margin:10px 0}.product p{font-size:13px;margin:0}.product .price{float:right;color:var(--ink);font-size:12px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature h2{font-size:56px;margin:20px 0}.feature-art{background:linear-gradient(135deg,#2a4537,#121413);border-radius:24px;min-height:380px;padding:45px;display:grid;place-content:center;border:1px solid var(--line)}.console{border:1px solid #ffffff30;border-radius:16px;background:#121413b0;padding:28px;color:#f1f1f1;box-shadow:0 30px 40px #0005}.knobs{display:flex;gap:26px;margin:30px 0}.knobs i{width:54px;height:54px;border:6px solid #5f7f6a;border-radius:50%;border-top-color:#c9bfb2}.story{text-align:center;max-width:720px;margin:auto}.story h2{font-size:60px}.story p{font-size:17px}.footer{border-top:1px solid var(--line);padding:50px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:50px}.footer-logo{font-family:Mulish;font-size:35px;letter-spacing:4px}.footer-links{display:flex;gap:55px;font-size:12px}.footer-links div{display:grid;gap:10px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;margin-top:45px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.cookie{position:fixed;bottom:20px;left:20px;max-width:480px;z-index:40;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 60px #0005;padding:24px}.cookie p{font-size:12px;margin:8px 0 18px}.cookie .actions{margin:0;flex-wrap:wrap;gap:8px}.cookie button{padding:9px 14px;font-size:11px}.cookie[hidden]{display:none}.page-content{min-height:55vh;padding:80px 0;max-width:900px}.page-content h1{font-size:64px}.form{display:grid;gap:18px;max-width:650px}input,textarea{display:block;width:100%;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px}textarea{min-height:160px}.notice{padding:16px;border:1px solid var(--line);border-radius:10px;font-size:13px}.woocommerce{padding:45px 5%}.woocommerce ul.products li.product a img{border-radius:16px}.woocommerce a.button,.woocommerce button.button{background:var(--accent);color:#121413;border-radius:30px}.woocommerce input,.woocommerce textarea{color:var(--ink)}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--panel)}.soundcloud{margin:25px 0;padding:20px;border:1px solid var(--line);border-radius:16px}.soundcloud iframe{width:100%;height:166px;border:0}.single-layout{margin:20px 0;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:1000px){.navlinks{gap:12px}.nav{gap:16px}.brand{width:120px}.hero{gap:20px}.record{width:270px;height:270px}.orbit{width:320px;height:320px}.orbit.two{width:350px;height:350px}.tools{gap:3px}}@media(max-width:760px){.nav{padding:15px 5%;flex-wrap:wrap}.menu{display:block}.navlinks{display:none;width:100%;order:4;flex-wrap:wrap;padding:14px 0}.navlinks.open{display:flex}.tools a{font-size:10px}.hero{grid-template-columns:1fr;gap:0;padding-top:45px;min-height:0}h1{font-size:65px}.hero-art{height:430px}.strip{flex-wrap:wrap;gap:14px}.grid{grid-template-columns:1fr}.product-art{height:340px}.feature{grid-template-columns:1fr;gap:35px}.feature h2,.story h2{font-size:43px}section{padding:55px 0}.heading h2{font-size:34px}.footer-top{flex-direction:column}.footer-links{gap:35px;flex-wrap:wrap}.footer-bottom{gap:20px;flex-wrap:wrap}.cookie{left:12px;right:12px;bottom:12px;max-width:none}.page-content h1{font-size:45px}.actions{flex-wrap:wrap}}
body[data-theme=light] .brand img,body[data-theme=cloud] .brand img{filter:invert(1)}.screen-reader-text{position:absolute;left:-10000px}.screen-reader-text:focus{left:10px;top:10px;z-index:99;background:var(--bg);padding:12px}.product img{width:100%;height:auto;border-radius:14px}.woocommerce-message,.woocommerce-info{background:var(--panel);color:var(--ink)}

.product-art{color:#f1f1f1}.product-art.plugin{color:#1f3d34}.feature>*{min-width:0}.wave{max-width:100%;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:24px}.hero-video~.orbit,.hero-video~.record{display:none}@media(max-width:760px){.hero-art{overflow:hidden}.feature-art{padding:24px;min-width:0}.console{padding:20px;width:100%;min-width:0}.knobs{gap:18px}.tools{flex-wrap:wrap}.heading{gap:15px}.nav .brand{width:100px}}

/* OVIA typography: Mulish primary, Inter secondary; fonts hosted locally. */
body,button,input,textarea,select{font-family:Inter,Arial,sans-serif}h1,h2,h3,h4,h5,h6,h1 em,.footer-logo,.product-art b,.collection-visual span{font-family:Mulish,Arial,sans-serif}

/* ===== END source: site.css ===== */

/* ===== START source: sample-hub.css ===== */
/* Exact theme mappings from OVIA Sample Hub 0.17.5, Preferences.h. */
:root,body[data-theme="dark"]{--bg:#121413;--surface:#202220;--panel:#2a2e2b;--green:#1f3d34;--moss:#5f7f6a;--accent:#8fa38a;--ink:#eee7dc;--muted:#9ca3a0;--line:#41474a;--accent-ink:#8fa38a;--on-accent:#121413;}
body[data-theme="cloud"]{--bg:#edf3f6;--surface:#fbfcfd;--panel:#e3ebf0;--green:#d5e7ea;--moss:#789b52;--accent:#2b7a78;--ink:#243b47;--muted:#516976;--line:#bbced7;--accent-ink:#2b7a78;--on-accent:#ffffff;}

/* paintGlass: level = 3/5; .96 - .32*level = .768;
 white .025 + .045*level = .052; accent .02 + .035*level = .041;
 text outline .12 + .16*level = .216. Static tint, no live blur. */
header,.floating,.cookie,.console,.soundcloud{
 background:linear-gradient(to bottom right, rgb(255 255 255 / .052),color-mix(in srgb,var(--accent) 4.1%,transparent)),color-mix(in srgb,var(--panel) 76.8%,transparent);
 border:1px solid color-mix(in srgb,var(--ink) 21.6%,transparent);
 backdrop-filter:none;-webkit-backdrop-filter:none;
}
header{border-radius:0;border-top:0;border-left:0;border-right:0;background-color:var(--bg)}
.floating,.cookie,.console,.soundcloud{border-radius:10px;color:var(--ink)}
.cookie{background-color:var(--surface)}
button,.button,.tools select,input,textarea{border-radius:7px;border-color:var(--line)}
button,.button{background:linear-gradient(to bottom right,rgb(255 255 255 / .09),transparent),var(--panel)}
button:hover,.button:hover{filter:brightness(1.12)}button:active,.button:active{filter:brightness(.9)}
.primary,.woocommerce a.button,.woocommerce button.button{background:linear-gradient(to bottom right,rgb(255 255 255 / .09),transparent),var(--accent);color:var(--on-accent);border-color:var(--line);border-radius:7px}
.eyebrow,.meta{color:var(--accent-ink)}h1 em{color:var(--accent-ink)}
.floating small{color:var(--muted)}.wave i{background:var(--accent)}
.orbit{border-color:color-mix(in srgb,var(--accent) 25%,transparent)}
.hero-art{background:radial-gradient(ellipse,color-mix(in srgb,var(--moss) 33%,transparent),transparent 65%)}
.feature-art{background:linear-gradient(135deg,var(--green),var(--bg));border-radius:12px}
.knobs i{border-color:var(--moss);border-top-color:var(--ink)}
.product-art{background:var(--green);color:var(--ink)}.product-art:before{border-color:color-mix(in srgb,var(--accent) 33%,transparent)}
.product-art.plugin{background:var(--panel);color:var(--ink)}.product-art.merch{background:var(--surface);color:var(--ink)}
.announcement{background:var(--green);color:var(--ink)}
body[data-theme=light] .brand img,body[data-theme=cloud] .brand img{filter:invert(1)}
@supports not (background:color-mix(in srgb,white 50%,transparent)){header,.floating,.cookie,.console,.soundcloud{background:var(--panel);border-color:var(--line)}}

/* Website frosted glass: stronger diffusion than the static desktop tint. */
:root{--frost-tint:rgb(42 46 43 / .62);--frost-shine:rgb(255 255 255 / .12);--frost-edge:rgb(238 231 220 / .24);--frost-shadow:rgb(0 0 0 / .24)}
body[data-theme=cloud]{--frost-tint:rgb(227 235 240 / .58);--frost-shine:rgb(255 255 255 / .65);--frost-edge:rgb(255 255 255 / .78);--frost-shadow:rgb(36 59 71 / .12)}
header,.floating,.cookie,.console,.soundcloud{
 background:linear-gradient(135deg,var(--frost-shine),transparent 55%,color-mix(in srgb,var(--accent) 8%,transparent)),var(--frost-tint);
 backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);
 border:1px solid var(--frost-edge);box-shadow:inset 0 1px 0 rgb(255 255 255 / .16),0 14px 40px var(--frost-shadow);
}
header{border-top:0;border-left:0;border-right:0;box-shadow:0 5px 24px var(--frost-shadow)}
.floating,.cookie,.console,.soundcloud{border-radius:18px}
.cookie{background:linear-gradient(135deg,var(--frost-shine),transparent),color-mix(in srgb,var(--panel) 86%,transparent)}
.feature-art{background:radial-gradient(ellipse at 25% 25%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 60%),linear-gradient(135deg,var(--green),var(--bg))}
.theme-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--frost-edge);border-radius:12px;background:var(--frost-tint);box-shadow:inset 0 1px 0 rgb(255 255 255 / .1)}
.tools .theme-switch button{display:grid;place-items:center;padding:5px;width:34px;height:34px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink)}
.theme-switch svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.theme-switch [data-theme-choice=cloud] svg path:first-child{stroke-width:.07}
.tools .theme-switch button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:inset 0 1px 0 rgb(255 255 255 / .18)}
body[data-theme=cloud] [data-theme-choice=cloud]{color:#1f5a43}
@supports not (backdrop-filter:blur(1px)){header,.floating,.cookie,.console,.soundcloud{background:var(--panel)}}

/* Temporary Sample Hub screenshot showcase, animated like a slow video pan. */
.hero-art{overflow:hidden;border-radius:24px;isolation:isolate;border:1px solid var(--frost-edge)}
.hub-background{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#121413}
.hub-background img{width:180%;height:125%;max-width:none;object-fit:cover;object-position:center;animation:hub-pan 24s ease-in-out infinite alternate;transform-origin:center;opacity:.95}
.hub-background:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(18 20 19 / .05),rgb(18 20 19 / .12) 55%,rgb(18 20 19 / .35))}
.hero-art:has(.hub-background) .record,.hero-art:has(.hub-background) .orbit{display:none}
.hero-art .floating{left:20px;right:20px;bottom:24px}
.hero-video{z-index:1}.hero-art:has(.hero-video) .hub-background{display:none}.hero-art:has(.hero-video) .floating{z-index:2}
@keyframes hub-pan{from{transform:translate(-5%,-2%) scale(1.02)}to{transform:translate(-35%,-12%) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.hub-background img{animation:none;transform:translate(-20%,-5%)}}
@media(max-width:760px){.hero-art{margin-top:28px}.hero-art .floating{left:12px;right:12px;bottom:16px}.hub-background img{width:230%}}

/* Immersive full-width hero showcase with foreground copy. */
.hero{isolation:isolate;min-height:760px}
.hero>div:first-child{position:relative;z-index:3;padding:36px 0}
.hero .hero-art{position:absolute;inset:0 calc(-1 * (100vw - 100%) / 2);height:auto;border:0;border-radius:0;overflow:hidden;z-index:-1;transform:none!important;isolation:auto}
.hero .hub-background{inset:0;z-index:0}
.hero .hub-background img{width:135%;height:125%;object-fit:cover;opacity:.8;animation:hub-pan-wide 32s ease-in-out infinite alternate}
.hero .hub-background:after{background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 96%,transparent) 20%,color-mix(in srgb,var(--bg) 80%,transparent) 40%,color-mix(in srgb,var(--bg) 12%,transparent) 68%),linear-gradient(0deg,var(--bg),transparent 28%,transparent 82%,color-mix(in srgb,var(--bg) 35%,transparent))}
.hero .floating{z-index:2;left:auto;right:max(5vw,40px);bottom:74px;width:min(420px,38vw)}
.hero .hero-video{z-index:0}.hero .hero-video:after{content:none}
@keyframes hub-pan-wide{from{transform:translate(0,-3%) scale(1.02)}to{transform:translate(-22%,-10%) scale(1.06)}}
@media(max-width:760px){.hero{min-height:780px;display:block;padding-top:32px}.hero>div:first-child{padding:16px 0}.hero .hero-art{margin-top:0;height:100%;}.hero .hub-background img{width:200%;height:115%;opacity:.65}.hero .hub-background:after{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 94%,transparent),color-mix(in srgb,var(--bg) 85%,transparent) 44%,color-mix(in srgb,var(--bg) 30%,transparent) 72%,var(--bg))}.hero .floating{left:5vw;right:5vw;width:auto;bottom:48px}}
@media(prefers-reduced-motion:reduce){.hero .hub-background img{animation:none;transform:translate(-12%,-5%)}}

.ovia-account{padding-top:65px;padding-bottom:90px;min-height:70vh}.ovia-account-heading{margin-bottom:40px}.ovia-account-heading h1{font-size:clamp(42px,5vw,66px);margin:20px 0}.ovia-account-heading p{max-width:600px}.ovia-account-shell{border:1px solid var(--frost-edge);border-radius:24px;padding:36px;background:linear-gradient(135deg,var(--frost-shine),transparent),var(--frost-tint);backdrop-filter:blur(28px);box-shadow:0 20px 60px var(--frost-shadow)}.ovia-account-shell .woocommerce{padding:0}.ovia-account-shell h2{font-size:30px;letter-spacing:-.03em}.ovia-account-shell .woocommerce form.login,.ovia-account-shell .woocommerce form.register{border:0;padding:0;margin:20px 0}.ovia-account-shell input:not([type=checkbox]):not([type=hidden]){background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:13px}.ovia-account-shell input[type=checkbox]{width:auto;display:inline}.ovia-account-shell .woocommerce-MyAccount-navigation{width:23%}.ovia-account-shell .woocommerce-MyAccount-content{width:72%}.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.woocommerce-MyAccount-navigation a{display:block;padding:13px 18px;border:1px solid transparent;border-radius:10px;color:var(--muted)}.woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation a:hover{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--frost-edge);color:var(--ink)}.ovia-license-card{border:1px solid var(--frost-edge);border-radius:16px;padding:24px;margin:20px 0;background:color-mix(in srgb,var(--surface) 58%,transparent);display:grid;gap:24px;grid-template-columns:1fr 1fr}.ovia-license-card h3{font-size:24px;margin:10px 0}.ovia-license-card a{font-size:12px;color:var(--muted)}.ovia-license-keys{display:grid;align-content:center;gap:10px;min-width:0}.ovia-license-keys code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;padding:14px;border-radius:9px;border:1px solid var(--line);background:var(--bg);user-select:all}.ovia-empty-state{padding:36px;border:1px dashed var(--line);border-radius:18px;text-align:center}.ovia-empty-state>span{font-size:36px;color:var(--accent)}.ovia-empty-state h3{font-size:25px}.ovia-license-pages{display:flex;gap:12px}.account-preview-form{max-width:440px}.account-preview-form label{display:block;margin:16px 0;font-size:13px}.account-preview-form .actions{margin-top:20px}.account-demo{display:grid;grid-template-columns:210px 1fr;gap:40px}.account-demo .woocommerce-MyAccount-navigation{width:auto}.account-demo .is-active a{color:var(--ink)}.account-preview-note{font-size:12px;margin:24px 0 0}.account-dashboard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.account-dashboard-cards a{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.account-dashboard-cards strong{display:block;font-size:25px;font-family:Mulish}.ovia-account-shell .woocommerce:after{content:"";display:block;clear:both}@media(max-width:760px){.ovia-account{padding-top:35px}.ovia-account-shell{padding:22px}.ovia-account-shell .woocommerce-MyAccount-navigation,.ovia-account-shell .woocommerce-MyAccount-content{width:100%;float:none}.woocommerce-MyAccount-navigation{margin-bottom:25px}.woocommerce-MyAccount-navigation ul{grid-template-columns:1fr 1fr}.woocommerce-MyAccount-navigation a{font-size:12px;padding:10px}.ovia-license-card{grid-template-columns:1fr}.account-demo{grid-template-columns:1fr;gap:15px}.account-dashboard-cards{grid-template-columns:1fr}}


.collection-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:600px}.collection-hero h1{font-size:clamp(50px,6vw,84px)}.collection-lead{font-size:23px;max-width:410px}.collection-visual{height:380px;display:grid;place-content:center;text-align:center;border-radius:24px;border:1px solid var(--frost-edge);background:radial-gradient(ellipse at 70% 20%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 60%),var(--panel);box-shadow:inset 0 1px 0 var(--frost-shine),0 25px 80px var(--frost-shadow)}.collection-visual span{font-family:Mulish;font-size:85px;letter-spacing:12px}.collection-visual small{letter-spacing:3px;font-size:10px}.collection-visual.plugins{background:repeating-radial-gradient(ellipse at 80% 50%,transparent 0 18px,color-mix(in srgb,var(--accent) 12%,transparent) 19px 20px),var(--panel)}.about-copy{max-width:850px;margin:auto}.cart-demo{display:grid;grid-template-columns:1fr 1fr;gap:50px}.coupon-preview{padding:24px;border:1px solid var(--frost-edge);border-radius:18px}.coupon-preview label{font-size:12px}.coupon-preview button{margin-top:16px}.coupon-preview p{font-size:12px}.ovia-account-shell .woocommerce .coupon{display:flex;gap:12px;flex-wrap:wrap}.ovia-account-shell .woocommerce .coupon input.input-text{width:190px!important}.ovia-account-shell table.shop_table{border-color:var(--line);border-radius:12px}.ovia-account-shell table.shop_table td,.ovia-account-shell table.shop_table th{border-color:var(--line)}@media(max-width:760px){.collection-hero{grid-template-columns:1fr;gap:30px;min-height:0}.collection-visual{height:260px}.collection-visual span{font-size:64px}.cart-demo{grid-template-columns:1fr;gap:24px}}

.ovia-editor-nav{padding:20px 5%;justify-content:space-between;gap:24px;flex-wrap:wrap}.ovia-editor-nav .wp-block-site-title{font-size:20px;font-family:Mulish}.ovia-editor-footer{padding:55px 5%;border-top:1px solid var(--line)}.ovia-editor-page{padding:65px 5%;min-height:55vh}.ovia-editor-section{padding:75px 5%}.ovia-editable-hero{background:url(sample-hub-showcase.png) center/cover;overflow:hidden}.ovia-editable-hero:has(.wp-block-cover__image-background),.ovia-editable-hero:has(video){background-image:none}.ovia-editable-hero .wp-block-cover__background{background:linear-gradient(90deg,var(--bg),color-mix(in srgb,var(--bg) 80%,transparent),transparent)!important;opacity:.95!important}.ovia-editor-hero-copy{padding:50px 5%;margin-left:0!important;max-width:700px}.ovia-editor-hero-copy h1{font-size:clamp(50px,7vw,100px)}.ovia-editor-hero-copy p:not(.eyebrow){max-width:420px}.wp-block-button__link{border-radius:8px;background:var(--accent);color:var(--on-accent);font-family:Inter}.wp-site-blocks{padding-top:0}.wp-block-navigation{font-family:Inter}.wp-block-post-content{color:var(--ink)}.wp-block-cover__inner-container{color:var(--ink)}@media(max-width:760px){.ovia-editor-nav{gap:12px}.ovia-editor-hero-copy{padding:35px 6%}.ovia-editor-section{padding:45px 6%}}

body[data-theme]{background:var(--bg);color:var(--ink)}

/* Editor blocks retain the original OVIA landing-page composition. */
.wp-site-blocks .hero .wp-block-group,.wp-site-blocks .feature .wp-block-group{margin-block-start:0}.wp-site-blocks .hub-background .wp-block-image{height:100%;margin:0}.wp-site-blocks .hero-art .floating p{margin:0;font-size:12px}.wp-site-blocks .actions>.wp-block-buttons{margin:0}.wp-site-blocks .strip p{margin:0;color:var(--muted)}.wp-site-blocks .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--ink);border:1px solid var(--line)}


/* OVIA header/footer normalization — shared across all block templates */
header.wp-block-template-part, .wp-site-blocks > header, .wp-site-blocks header:has(.ovia-header-inner) {
  position:sticky;top:0;z-index:100;
  width:100%;margin:0;
  background:#121413 !important;color:#f1f1f1 !important;
  border-bottom:1px solid rgba(255,255,255,.14);
  box-shadow:0 8px 26px rgba(0,0,0,.18);
  backdrop-filter:none;
}
.ovia-header-inner{
  width:min(100%,1440px);max-width:1440px;margin:0 auto !important;
  padding:15px clamp(18px,4vw,64px) !important;
  min-height:86px;display:grid !important;
  grid-template-columns:190px minmax(0,1fr) auto;
  align-items:center;gap:clamp(12px,2vw,30px);
  flex-wrap:nowrap !important;
}
.ovia-brand-logo{display:block;width:180px;max-width:100%;line-height:0;flex-shrink:0}
.ovia-brand-logo img{width:100%;height:auto;display:block;object-fit:contain}
.ovia-brand-logo .ovia-logo-on-light{display:none}
.ovia-main-navigation{justify-self:center;min-width:0}
.ovia-main-navigation .wp-block-navigation__container{display:flex;align-items:center;justify-content:center;gap:clamp(9px,1.45vw,24px);flex-wrap:nowrap;white-space:nowrap}
.ovia-main-navigation .wp-block-navigation-item__content{color:#f1f1f1 !important;font-size:12px;font-weight:600;line-height:1.4}
.ovia-header-inner .wp-block-shortcode{margin:0 !important;min-width:0}
.ovia-header-inner .wp-block-shortcode:last-child{justify-self:end}
.ovia-header-inner .tools{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap}
.ovia-header-inner .tools .button{color:#f1f1f1;white-space:nowrap}
.ovia-editor-footer .ovia-brand-logo{width:min(260px,65vw);margin-bottom:22px}
.ovia-editor-footer .ovia-logo-on-dark{display:block}
.ovia-editor-footer .ovia-logo-on-light{display:none}
@media(max-width:1100px){
 .ovia-header-inner{grid-template-columns:160px minmax(0,1fr) auto;gap:12px;padding-inline:20px !important}
 .ovia-brand-logo{width:155px}
 .ovia-main-navigation .wp-block-navigation__container{gap:10px}
 .ovia-main-navigation .wp-block-navigation-item__content{font-size:11px}
 .ovia-header-inner .tools{gap:4px}
}
@media(max-width:880px){
 .ovia-header-inner{grid-template-columns:minmax(110px,1fr) auto auto;min-height:72px}
 .ovia-main-navigation{justify-self:end}
 .ovia-header-inner .tools .button{padding:7px 8px}
}
@media(max-width:560px){
 .ovia-header-inner{grid-template-columns:minmax(100px,1fr) auto auto;gap:7px;padding-inline:14px !important}
 .ovia-brand-logo{width:130px}
 .ovia-header-inner .tools{gap:3px}
 .ovia-header-inner .tools .button{font-size:10px;padding:6px}
}

/* ===== END source: sample-hub.css ===== */

/* ===== START source: ovia-v203.css ===== */

/* OVIA 2.0.3 | Unified, dark-only navigation and cinematic frosted hero. */
:root,body,body[data-theme],body[data-theme="cloud"],body[data-theme="light"]{--bg:#121413;--surface:#202220;--panel:#2a2e2b;--green:#1f3d34;--moss:#5f7f6a;--accent:#8fa38a;--ink:#eee7dc;--muted:#b3bab5;--line:#41474a;--on-accent:#121413;}
body{line-height:1.5}p,.wp-block-paragraph,.wp-block-post-content p,.woocommerce p{line-height:1.5}h1,h2,h3,h4,h5,h6{line-height:1.15}
header.wp-block-template-part,.wp-site-blocks>header,header:has(.ovia-header-inner),body>header{background:#121413!important;color:#f1f1f1!important;backdrop-filter:none!important;border-bottom:1px solid #ffffff24!important}
.ovia-header-inner{grid-template-columns:clamp(136px,13vw,184px) minmax(0,1fr) auto!important;gap:clamp(12px,2vw,28px)!important;padding:14px clamp(18px,3vw,50px)!important;min-height:80px!important;width:100%;}
.ovia-header-inner .ovia-brand-logo{width:clamp(136px,13vw,180px)!important}
.ovia-main-navigation{justify-self:center!important;width:auto!important}
.ovia-main-navigation .wp-block-navigation__container{gap:clamp(10px,1.2vw,22px)!important;white-space:nowrap;flex-wrap:nowrap!important}
.ovia-main-navigation .wp-block-navigation-item__content{font-size:clamp(12px,1.03vw,15px)!important;font-weight:750!important;text-transform:uppercase;letter-spacing:.055em;line-height:1.2!important;color:#f1f1f1!important}
.ovia-main-navigation .wp-block-navigation-item__content:hover{color:#9bb39c!important}
.ovia-header-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:flex-end;gap:8px!important;margin:0!important}
.ovia-header-actions button,.ovia-header-actions a{font-size:12px!important;font-weight:650;letter-spacing:.02em;min-height:38px!important;padding:8px 10px!important;white-space:nowrap;border:1px solid #ffffff24!important;border-radius:10px!important;color:#f1f1f1!important;background:#ffffff08!important;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.ovia-header-actions svg{height:18px;width:18px;flex-shrink:0}
.ovia-header-actions .ovia-cart-link{background:#8fa38a!important;color:#121413!important;border-color:#8fa38a!important}
.ovia-cart-count{background:#121413;color:white;border-radius:12px;font-size:10px;min-width:17px;text-align:center;padding:1px 4px}
.ovia-header-inner .wp-block-shortcode{margin:0!important;line-height:1}
/* One clear header row, no second row of tools */
.nav{max-width:1440px;min-height:80px;gap:clamp(12px,2vw,28px);padding:14px 4%}.navlinks{gap:clamp(10px,1.3vw,22px);font-size:clamp(12px,1vw,15px);font-weight:750;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}.nav .tools{flex-wrap:nowrap}
/* Video sits behind hero content and is purposefully dimmed and diffused. */
.wp-site-blocks .hero,.hero{isolation:isolate;position:relative;background:#121413;overflow:clip}
.ovia-hero-film{position:absolute;inset:0 calc(-1 * (100vw - 100%) / 2);pointer-events:none;overflow:hidden;z-index:-1;background:#121413}
.ovia-hero-film video{width:100%;height:100%;object-fit:cover;opacity:.48;filter:brightness(.58) saturate(.5) blur(3px);transform:scale(1.025)}
.ovia-hero-film:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#121413f7 0%,#121413e5 26%,#121413a8 60%,#121413c9 100%),linear-gradient(0deg,#121413 0%,transparent 25%,transparent 75%,#121413d4 100%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.wp-site-blocks .hero>.wp-block-group:not(.hero-art){position:relative;z-index:2}
.wp-site-blocks .hero .hero-art{display:none!important}
.hero .hero-art:has(.hero-video){overflow:hidden}
.hero .hero-video{width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(.55) blur(3px);opacity:.48;transform:scale(1.03)}
.hero .hero-art:has(.hero-video):after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#121413fa 0%,#121413df 40%,#121413b0 100%);pointer-events:none;backdrop-filter:blur(5px)}
.hero .hero-art:has(.hero-video) .floating{display:none}
@media(max-width:1190px){.ovia-header-inner{grid-template-columns:145px minmax(0,1fr) auto!important;gap:10px!important}.ovia-main-navigation .wp-block-navigation__container{gap:10px!important}.ovia-main-navigation .wp-block-navigation-item__content{font-size:12px!important;letter-spacing:.025em}.ovia-header-actions a span:not(.ovia-cart-count){display:none}.ovia-header-actions a{padding:8px!important}}
@media(max-width:900px){.ovia-header-inner{grid-template-columns:minmax(120px,1fr) auto auto!important}.ovia-main-navigation .wp-block-navigation__responsive-container-open{display:flex!important}.ovia-main-navigation .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}.ovia-header-actions{gap:5px!important}.ovia-header-actions button,.ovia-header-actions a{min-height:36px!important}.ovia-header-inner .ovia-brand-logo{width:140px!important}}
@media(max-width:600px){.ovia-header-inner{padding:12px 14px!important;gap:8px!important;min-height:68px!important}.ovia-header-inner .ovia-brand-logo{width:115px!important}.ovia-header-actions button,.ovia-header-actions a{padding:6px!important;font-size:11px!important}.ovia-header-actions svg{height:17px;width:17px}.ovia-hero-film video{object-position:55% center}.ovia-hero-film:after{background:linear-gradient(180deg,#121413e9 0%,#121413cb 50%,#121413f2 100%);backdrop-filter:blur(5px)}.hero{min-height:670px!important}}
@media(prefers-reduced-motion:reduce){.ovia-hero-film video{display:none}.ovia-hero-film{background:#1b211e}}

/* ===== END source: ovia-v203.css ===== */

/* ===== START source: ovia-v204.css ===== */
/* OVIA 2.0.4: make the cinematic layer visible, without sacrificing text contrast. */
.wp-site-blocks .hero, .hero {position:relative; isolation:isolate; overflow:hidden; background:#121413;}
.wp-site-blocks .hero > .wp-block-shortcode:has(.ovia-hero-film) {position:absolute!important;inset:0!important;z-index:0!important;display:block!important;margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none;}
.wp-site-blocks .hero .ovia-hero-film {position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden;background:#121413 url('ovia-hero-poster.jpg') center center/cover no-repeat;}
.wp-site-blocks .hero .ovia-hero-film video {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:1;filter:brightness(.78) saturate(.6) blur(1.5px);transform:scale(1.015);}
.wp-site-blocks .hero .ovia-hero-film::after {content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(18,20,19,.91) 0%,rgba(18,20,19,.74) 34%,rgba(18,20,19,.54) 72%,rgba(18,20,19,.64) 100%),linear-gradient(0deg,rgba(18,20,19,.68),transparent 22%,transparent 76%,rgba(18,20,19,.5));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
.wp-site-blocks .hero > .wp-block-group:not(.hero-art) {position:relative;z-index:2;}
.wp-site-blocks .hero > .hero-art {display:none!important;}
@media(max-width:600px){.wp-site-blocks .hero .ovia-hero-film::after{background:linear-gradient(180deg,rgba(18,20,19,.83),rgba(18,20,19,.65) 45%,rgba(18,20,19,.88));}}
@media(prefers-reduced-motion:reduce){.wp-site-blocks .hero .ovia-hero-film video{display:none!important;}}


/* Version 2.0.5: main OVIA logo in navigation, keep OVIA Records wordmark in footer */
.ovia-header-inner .ovia-brand-logo--nav{width:clamp(120px,11.5vw,170px)!important;display:block;line-height:0;}
.ovia-header-inner .ovia-brand-logo--nav img{width:100%;height:auto;object-fit:contain;}
@media(max-width:900px){.ovia-header-inner .ovia-brand-logo--nav{width:140px!important}}
@media(max-width:600px){.ovia-header-inner .ovia-brand-logo--nav{width:110px!important}}

/* 2.0.6: exactly one visible logo per header, selected by page theme. */
.ovia-header-inner .ovia-brand-logo--nav img.ovia-logo-on-dark{display:block!important;}
.ovia-header-inner .ovia-brand-logo--nav img.ovia-logo-on-light{display:none!important;}
body[data-theme="light"] .ovia-header-inner .ovia-brand-logo--nav img.ovia-logo-on-dark,
body[data-theme="cloud"] .ovia-header-inner .ovia-brand-logo--nav img.ovia-logo-on-dark{display:none!important;}
body[data-theme="light"] .ovia-header-inner .ovia-brand-logo--nav img.ovia-logo-on-light,
body[data-theme="cloud"] .ovia-header-inner .ovia-brand-logo--nav img.ovia-logo-on-light{display:block!important;}
/* The footer remains the white OVIA Records wordmark. */
.ovia-editor-footer .ovia-brand-logo img.ovia-logo-on-dark{display:block!important;}
.ovia-editor-footer .ovia-brand-logo img.ovia-logo-on-light{display:none!important;}

/* ===== END source: ovia-v204.css ===== */

/* ===== START source: ovia-v207.css ===== */

/* 2.0.7: predictable one-row header; no duplicated account/cart area. */
.wp-site-blocks > header:has(.ovia-header-v207),header.wp-block-template-part:has(.ovia-header-v207){background:#121413!important;position:sticky;top:0;z-index:100;border-bottom:1px solid #ffffff20;}
.wp-site-blocks > header:has(.ovia-header-v207) > .wp-block-shortcode,
header.wp-block-template-part:has(.ovia-header-v207) > .wp-block-shortcode{margin:0!important;width:100%;max-width:none!important;}
.ovia-header-v207{box-sizing:border-box;width:min(100%,1540px);max-width:1540px;margin:0 auto!important;padding:14px clamp(16px,2.2vw,40px);min-height:82px;display:grid!important;grid-template-columns:clamp(138px,12vw,176px) minmax(0,1fr) auto;align-items:center;column-gap:clamp(14px,2vw,30px);position:relative;color:#f1f1f1;}
.ovia-header-v207__logo{width:100%;line-height:0;display:block!important;grid-column:1;}
.ovia-header-v207__logo img{width:100%;height:auto;display:block!important;}
.ovia-header-v207__logo img.ovia-logo-on-light{display:none!important;}
body[data-theme="light"] .ovia-header-v207__logo img.ovia-logo-on-dark{display:none!important;}
body[data-theme="light"] .ovia-header-v207__logo img.ovia-logo-on-light{display:block!important;}
.ovia-header-v207__navigation{grid-column:2;display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.3vw,22px);min-width:0;white-space:nowrap;}
.ovia-header-v207__navigation a,.ovia-header-v207__mobile a{color:#f1f1f1!important;text-transform:uppercase;font-family:Inter,Arial,sans-serif;font-weight:750;font-size:clamp(11px,1vw,14px);letter-spacing:.03em;text-decoration:none!important;}
.ovia-header-v207__navigation a:hover,.ovia-header-v207__mobile a:hover{color:#a5bca5!important;}
.ovia-header-v207__actions{grid-column:3;display:flex!important;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap;min-width:max-content;}
.ovia-header-v207__actions a,.ovia-header-v207__actions button{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:38px;height:38px;min-height:38px;padding:7px;border:1px solid #ffffff2a;border-radius:10px;background:#ffffff08!important;color:#f1f1f1!important;line-height:1;white-space:nowrap;}
.ovia-header-v207__actions .ovia-header-v207__language{padding:8px 10px;font-size:12px;font-weight:700;min-width:64px;}
.ovia-header-v207__actions svg{width:20px;height:20px;flex:none;}
.ovia-header-v207__count{position:absolute;right:-4px;top:-5px;min-width:16px;height:16px;border-radius:50%;background:#8fa38a;color:#121413;display:grid;place-items:center;font-size:10px;font-weight:700;}
.ovia-header-v207__menu{display:none!important;}
.ovia-header-v207__mobile{display:none;}
@media(max-width:1100px){.ovia-header-v207{column-gap:12px;grid-template-columns:135px minmax(0,1fr) auto;}.ovia-header-v207__navigation{gap:10px;}.ovia-header-v207__navigation a{font-size:11px;letter-spacing:0;}}
@media(max-width:920px){.ovia-header-v207{grid-template-columns:minmax(100px,1fr) auto;min-height:72px;}.ovia-header-v207__logo{max-width:145px;}.ovia-header-v207__navigation{display:none!important;}.ovia-header-v207__actions{grid-column:2;}.ovia-header-v207__menu{display:inline-flex!important;}.ovia-header-v207__mobile{display:none;grid-column:1 / -1;width:100%;flex-direction:column;gap:0;border-top:1px solid #ffffff20;margin-top:10px;padding:10px 0;}.ovia-header-v207__mobile.open{display:flex;}.ovia-header-v207__mobile a{padding:13px 8px;font-size:13px;}}
@media(max-width:500px){.ovia-header-v207{padding:12px 14px;column-gap:10px;}.ovia-header-v207__logo{max-width:116px;}.ovia-header-v207__actions{gap:4px;}.ovia-header-v207__actions a,.ovia-header-v207__actions button{width:34px;min-width:34px;height:34px;min-height:34px;}.ovia-header-v207__actions .ovia-header-v207__language{min-width:54px;width:auto;padding:6px;font-size:11px;}.ovia-header-v207__actions svg{width:18px;height:18px;}}

/* ===== END source: ovia-v207.css ===== */

/* ===== START source: ovia-v208.css ===== */
/* OVIA 2.0.8 — vertically aligned, genuinely single-line header.
   Flex positioning avoids implicit CSS-grid rows if a site/editor style alters placement. */
.wp-site-blocks > header:has(.ovia-header-v207),
header.wp-block-template-part:has(.ovia-header-v207){
  padding:0!important;
}
.ovia-header-v207{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:clamp(14px,2vw,30px)!important;
  min-height:82px;
}
.ovia-header-v207 > .ovia-header-v207__logo{
  display:block!important;
  flex:0 0 clamp(138px,12vw,176px)!important;
  width:clamp(138px,12vw,176px)!important;
  max-width:176px;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
.ovia-header-v207__logo img{
  display:block;
  width:100%;
  height:auto;
}
.ovia-header-v207 > .ovia-header-v207__navigation{
  flex:1 1 auto!important;
  align-self:center!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0;
  margin:0!important;
  padding:0!important;
  line-height:1.2!important;
}
.ovia-header-v207__navigation a{line-height:1.2!important;display:inline-flex;align-items:center;}
.ovia-header-v207 > .ovia-header-v207__actions{
  flex:0 0 auto!important;
  align-self:center!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
}
.ovia-header-v207__actions > a,
.ovia-header-v207__actions > button{margin:0!important;align-self:center!important;}
/* The mobile navigation opens below the header, never as another header row. */
.ovia-header-v207 > .ovia-header-v207__mobile{display:none;}
@media (max-width:1100px){
  .ovia-header-v207{gap:12px!important;}
  .ovia-header-v207 > .ovia-header-v207__logo{flex-basis:135px!important;width:135px!important;}
}
@media (max-width:920px){
  .ovia-header-v207{min-height:72px;}
  .ovia-header-v207 > .ovia-header-v207__logo{flex:0 1 145px!important;width:145px!important;}
  .ovia-header-v207 > .ovia-header-v207__navigation{display:none!important;}
  .ovia-header-v207 > .ovia-header-v207__actions{margin-left:auto!important;}
  .ovia-header-v207 > .ovia-header-v207__mobile{
    display:none;
    position:absolute;
    top:100%;
    left:14px;
    right:14px;
    width:auto;
    margin:0!important;
    padding:10px 8px!important;
    background:#121413;
    border:1px solid #ffffff20;
    border-radius:0 0 12px 12px;
    box-shadow:0 16px 35px #0006;
    z-index:101;
  }
  .ovia-header-v207 > .ovia-header-v207__mobile.open{display:flex!important;}
}
@media (max-width:500px){
  .ovia-header-v207{gap:8px!important;}
  .ovia-header-v207 > .ovia-header-v207__logo{flex:0 1 116px!important;width:116px!important;}
}

/* ===== END source: ovia-v208.css ===== */

/* ===== START source: ovia-v209.css ===== */
/* OVIA Records 2.0.9 — immediately pinned, slimmer header and edge-to-edge hero film. */
:root {
  --ovia-header-height: 64px;
}

/* Fixed, rather than sticky: the bar never travels partway off-screen on scroll.
   Reserve its exact height in the page so headings and anchors remain accessible. */
body .wp-site-blocks {
  padding-top: var(--ovia-header-height) !important;
}
body .wp-site-blocks > header:has(.ovia-header-v207),
body header.wp-block-template-part:has(.ovia-header-v207) {
  position: fixed !important;
  inset: 0 0 auto !important;
  width: 100% !important;
  height: var(--ovia-header-height) !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 9999 !important;
  background: #121413 !important;
}
body.admin-bar .wp-site-blocks > header:has(.ovia-header-v207),
body.admin-bar header.wp-block-template-part:has(.ovia-header-v207) {
  top: 32px !important;
}
body .wp-site-blocks > header:has(.ovia-header-v207) + * {
  margin-block-start: 0 !important;
}
body .ovia-header-v207 {
  height: var(--ovia-header-height) !important;
  min-height: 0 !important;
  max-height: var(--ovia-header-height) !important;
  padding-block: 7px !important;
  box-sizing: border-box;
}
body .ovia-header-v207__logo,
body .ovia-header-v207__navigation,
body .ovia-header-v207__actions {
  align-self: center !important;
}
html {
  scroll-padding-top: calc(var(--ovia-header-height) + 16px);
}
[id] {
  scroll-margin-top: calc(var(--ovia-header-height) + 16px);
}

/* Only the hero BACKGROUND goes full bleed; existing wrap alignment is preserved
   by matching the wrap's 1320px max width and 5% horizontal padding. */
.wp-site-blocks .wrap > .hero,
.wrap > .hero {
  width: 100vw !important;
  max-width: none !important;
  margin-inline: calc(50% - 50vw) !important;
  padding-inline: max(5vw, calc((100vw - 1320px) / 2 + 66px)) !important;
  box-sizing: border-box;
}
.wp-site-blocks .wrap > .hero > .wp-block-shortcode:has(.ovia-hero-film) {
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
}
.wp-site-blocks .wrap > .hero .ovia-hero-film {
  inset: 0 !important;
  width: 100% !important;
}
.wp-site-blocks .wrap > .hero .ovia-background-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Prevent a 100vw background from introducing side scrolling on platforms
   whose scrollbars consume layout width. */
body { overflow-x: clip; }

@media (max-width: 920px) {
  :root { --ovia-header-height: 60px; }
  body .ovia-header-v207 { padding-block: 6px !important; }
}
@media (max-width: 782px) {
  body.admin-bar .wp-site-blocks > header:has(.ovia-header-v207),
  body.admin-bar header.wp-block-template-part:has(.ovia-header-v207) {
    top: 46px !important;
  }
}
@media (max-width: 500px) {
  :root { --ovia-header-height: 56px; }
  body .ovia-header-v207 { padding-block: 5px !important; }
}

/* ===== END source: ovia-v209.css ===== */

/* ===== START source: ovia-v210.css ===== */
/* OVIA Records 2.0.10 — expanded header layout, centered navigation.
 * Stretch the header's contents toward the browser edges; the homepage
 * content stays inside its existing, narrower .wrap container.
 */
body .ovia-header-v207 {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-inline: clamp(18px, 2vw, 36px) !important;
}
/* On compact viewports keep enough room for tappable header controls. */
@media (max-width: 920px) {
  body .ovia-header-v207 { padding-inline: 18px !important; }
}
@media (max-width: 500px) {
  body .ovia-header-v207 { padding-inline: 14px !important; }
}

/* ===== END source: ovia-v210.css ===== */

/* ===== START source: ovia-v211.css ===== */
/* OVIA Records 2.0.11 — align the header with the actual hero text gutters.
 * Version 2.0.9 introduced full-bleed .hero and the responsive inset below.
 * Share that exact inset for logo + right-hand tools: this is more reliable
 * than setting an unrelated max-width for the header. The fixed bar remains
 * 100vw wide, and the menu stays on its existing centered flex row.
 */
body .ovia-header-v207 {
  width: 100% !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-inline: max(5vw, calc((100vw - 1320px) / 2 + 66px)) !important;
  box-sizing: border-box !important;
}

/* ===== END source: ovia-v211.css ===== */

/* ===== START source: ovia-custom.css ===== */
/* Version 2.0.15: English-first copy and redesigned footer */
.ovia-editor-footer{position:relative;overflow:hidden;padding:72px 5% 34px;border-top:1px solid var(--line);background:#0b0f0e url("footer-background.jpg") center/cover no-repeat!important;isolation:isolate;}
.ovia-editor-footer::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,9,.9) 0%,rgba(7,10,9,.86) 40%,rgba(7,10,9,.78) 100%);z-index:0;}
.ovia-editor-footer > *{position:relative;z-index:1;}
.ovia-footer-grid{display:grid;grid-template-columns:minmax(240px,1.05fr) minmax(340px,1.5fr) minmax(170px,.7fr);gap:40px;align-items:start;}
.ovia-footer-column{display:flex;flex-direction:column;}
.ovia-footer-column--brand{gap:18px;}
.ovia-editor-footer .ovia-brand-logo{width:min(260px,100%);margin:0;}
.ovia-footer-slogan,.ovia-editor-footer .ovia-footer-slogan{margin:0;color:#d6ddd7;font-size:1.12rem;line-height:1.4;}
.ovia-footer-copyright,.ovia-editor-footer .ovia-footer-copyright{margin:10px 0 0;color:#d6ddd7;opacity:.82;font-size:.95rem;}
.ovia-footer-column--links{gap:24px;padding-top:8px;}
.ovia-footer-socials{display:flex;gap:14px;align-items:center;}
.ovia-footer-socials a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(11,15,14,.28);backdrop-filter:blur(8px);transition:transform .18s ease, border-color .18s ease, background .18s ease;}
.ovia-footer-socials a:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.34);background:rgba(11,15,14,.42);}
.ovia-footer-socials svg{width:20px;height:20px;color:#f1f1f1;}
.ovia-footer-links{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px 22px;}
.ovia-footer-links a{font-size:1rem;color:#eef1ee;opacity:.95;line-height:1.45;}
.ovia-footer-links a:hover{opacity:1;text-decoration:underline;}
.ovia-footer-column--meta{justify-content:flex-end;align-items:flex-end;min-height:100%;}
.ovia-footer-cookie-wrap{margin-top:auto;padding-top:18px;}
.ovia-footer-cookie-wrap button,#cookie-settings{padding:14px 22px;border-radius:14px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);}
@media(max-width:980px){.ovia-footer-grid{grid-template-columns:1fr 1fr;}.ovia-footer-column--meta{grid-column:1/-1;align-items:flex-start;}.ovia-footer-cookie-wrap{padding-top:0;}}
@media(max-width:700px){.ovia-editor-footer{padding:52px 6% 28px;}.ovia-footer-grid{grid-template-columns:1fr;gap:30px;}.ovia-footer-links{grid-template-columns:1fr 1fr;gap:10px 18px;}.ovia-footer-column--links{padding-top:0;}.ovia-footer-column--meta{align-items:flex-start;}}
@media(max-width:480px){.ovia-footer-links{grid-template-columns:1fr;}}


/* Version 2.0.16: Footer alignment, vertical links and compact cookies. */
/* Remove every footer top border/separator, including its WordPress wrapper. */
footer.wp-block-template-part:has(.ovia-editor-footer),
.wp-site-blocks > footer:has(.ovia-editor-footer),
.ovia-editor-footer {
  border-top: 0 !important;
  box-shadow: none !important;
}
footer.wp-block-template-part:has(.ovia-editor-footer),
.wp-site-blocks > footer:has(.ovia-editor-footer) {
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}
/* Keep a consistent top edge and aligned three-column content. */
.ovia-editor-footer .ovia-footer-grid {
  grid-template-columns: minmax(220px, 1.06fr) minmax(200px, 1fr) minmax(145px, .60fr);
  column-gap: clamp(28px, 4vw, 72px);
  align-items: start;
}
.ovia-editor-footer .ovia-footer-column {
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 0;
  width: 100%;
  max-width: none;
  margin-inline: 0 !important;
}
.ovia-editor-footer .ovia-footer-column > * {
  align-self: flex-start;
  width: auto;
  max-width: 100% !important;
  margin-inline: 0 !important;
  margin-block: 0 !important;
}
.ovia-editor-footer .ovia-footer-column--brand {
  gap: 16px;
  text-align: left;
}
.ovia-editor-footer .ovia-footer-column--brand p {
  text-align: left !important;
  margin-inline: 0 !important;
  margin-block: 0 !important;
}
.ovia-editor-footer .ovia-brand-logo { margin: 0 !important; }
.ovia-editor-footer .ovia-footer-slogan { font-size: 1rem; line-height: 1.4; }
.ovia-editor-footer .ovia-footer-socials { gap: 10px; justify-content: flex-start; }
.ovia-editor-footer .ovia-footer-socials a { width: 36px; height: 36px; }
.ovia-editor-footer .ovia-footer-socials svg { width: 18px; height: 18px; }
.ovia-editor-footer .ovia-footer-copyright {
  font-size: .84rem;
  line-height: 1.5;
}
.ovia-editor-footer .ovia-footer-column--links {
  padding-top: 1px;
}
.ovia-editor-footer .ovia-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.ovia-editor-footer .ovia-footer-links a {
  font-size: .84rem;
  line-height: 1.45;
  white-space: normal;
}
.ovia-editor-footer .ovia-footer-column--meta {
  min-height: 0;
  align-items: flex-start;
  justify-content: flex-start;
}
.ovia-editor-footer .ovia-footer-cookie-wrap {
  margin: 0 !important;
  padding: 0 !important;
}
.ovia-editor-footer .ovia-footer-cookie-wrap button,
.ovia-editor-footer #cookie-settings {
  padding: 8px 12px;
  min-height: 34px;
  border-radius: 10px;
  font-size: .78rem;
  line-height: 1.25;
  white-space: nowrap;
  background: rgba(255,255,255,.075);
}
@media(max-width:900px) {
  .ovia-editor-footer .ovia-footer-grid {
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr);
    gap: 30px;
  }
  .ovia-editor-footer .ovia-footer-column--meta {
    grid-column: 2;
    align-items: flex-start;
  }
}
@media(max-width:650px) {
  .ovia-editor-footer .ovia-footer-grid {
    grid-template-columns: minmax(0,1fr);
    gap: 26px;
  }
  .ovia-editor-footer .ovia-footer-column--meta {
    grid-column: 1;
  }
}


/* Version 2.0.17: full-bleed footer, OVIA primary wordmark, bottom-aligned cookie settings. */
/* The block template may put footer inside a constrained WordPress wrapper. */
footer.wp-block-template-part:has(.ovia-editor-footer) {
  width: 100% !important;
  max-width: none !important;
  padding-inline: 0 !important;
  margin-inline: 0 !important;
}
.ovia-editor-footer.alignfull,
.ovia-editor-footer {
  box-sizing: border-box;
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background-position: center center !important;
  background-size: cover !important;
}
/* Keep content in columns while the fern photo fills the viewport. */
.ovia-editor-footer .ovia-footer-grid {
  width: 100%;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: stretch !important;
}
/* Primary header emblem in white; the dark variant must never overlay it. */
.ovia-editor-footer .ovia-brand-logo--nav {
  width: min(215px,100%) !important;
  display: block;
}
.ovia-editor-footer .ovia-brand-logo--nav img.ovia-logo-on-dark { display: block !important; }
.ovia-editor-footer .ovia-brand-logo--nav img.ovia-logo-on-light { display: none !important; }
/* Put the cookie control at the bottom of the third column. */
.ovia-editor-footer .ovia-footer-column--meta {
  align-self: stretch !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
}
.ovia-editor-footer .ovia-footer-cookie-wrap {
  margin-top: auto !important;
}
/* On tablet/mobile the grid stacks naturally and stays within the viewport. */
@media (max-width: 900px) {
  .ovia-editor-footer .ovia-footer-grid { max-width: 100% !important; }
  .ovia-editor-footer .ovia-footer-column--meta { min-height: 0 !important; }
}

/* Version 2.0.18: legal/footer links in rightmost column, above cookie control. */
@media (min-width: 901px) {
  .ovia-editor-footer .ovia-footer-column--meta {
    grid-column: 3;
  }
}
/* The middle grid track remains open for breathing room. */
.ovia-editor-footer .ovia-footer-column--meta {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 16px;
}
.ovia-editor-footer .ovia-footer-column--meta > .wp-block-shortcode {
  margin: 0 !important;
  width: 100%;
  max-width: 100% !important;
}
.ovia-editor-footer .ovia-footer-column--meta .ovia-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.ovia-editor-footer .ovia-footer-column--meta .ovia-footer-cookie-wrap {
  margin: 0 !important;
  padding: 0 !important;
}
/* Exactly 80% of the previous 215px footer logo on desktop. */
.ovia-editor-footer .ovia-brand-logo--nav {
  width: min(172px, 100%) !important;
}
@media (min-width: 651px) and (max-width: 900px) {
  .ovia-editor-footer .ovia-footer-column--meta {
    grid-column: 2;
  }
}
@media (max-width: 650px) {
  .ovia-editor-footer .ovia-footer-column--meta {
    grid-column: 1;
  }
}

/* Version 2.0.19: optical top alignment of the right footer column with OVIA logo.
   The live WordPress block layout positions the first link about 20px lower.
   Shift links and Cookie settings together; leave stacked mobile layout unchanged. */
@media (min-width: 901px) {
  .ovia-editor-footer .ovia-footer-column--meta {
    position: relative;
    top: -20px;
  }
}

/* OVIA 2.0.20 – Stable navigation across Home, Sample Packs, Merch and other templates.
   The original flex layout centers the menu in the space BETWEEN unequal side
   groups. Equal grid rails center it in the header itself, on every page. */
html {
  scrollbar-gutter: stable;
}
@media (min-width: 921px) {
  body .ovia-header-v207 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr) !important;
    grid-template-rows: 1fr !important;
    align-items: center !important;
    justify-content: normal !important;
    column-gap: 0 !important;
  }
  body .ovia-header-v207 > .ovia-header-v207__logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    flex: none !important;
    margin: 0 !important;
  }
  body .ovia-header-v207 > .ovia-header-v207__navigation {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    justify-self: center !important;
    align-self: center !important;
    justify-content: center !important;
    flex: none !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }
  body .ovia-header-v207 > .ovia-header-v207__actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    flex: none !important;
    margin: 0 !important;
  }
}


/* OVIA 2.0.21: seamless video under the fixed header; readable hero copy. */
/* WordPress block themes add a flow-gap between template parts. The header
   already has its exact offset reserved via --ovia-header-height. Do not
   add another block-gap before the home hero. */
body .wp-site-blocks > main:has(.hero),
body .wp-site-blocks > main:has(.hero) > .wrap,
body .wp-site-blocks > main:has(.hero) .wrap > .hero {
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}
/* Keep the background full-bleed and attached directly to the video hero. */
body .wp-site-blocks > main:has(.hero) .wrap > .hero .ovia-hero-film {
  top: 0 !important;
}
/* Only the explanatory text underneath "sound with intention.". */
.wp-site-blocks .hero > .wp-block-group:not(.hero-art) > p:not(.eyebrow),
.hero p.ovia-hero-description {
  line-height: 1.85 !important;
  margin-block: 22px 0 !important;
  max-width: 440px;
}
.wp-site-blocks .hero > .wp-block-group:not(.hero-art) > .actions,
.hero .actions {
  margin-block-start: 24px !important;
}
@media (max-width: 600px) {
  .wp-site-blocks .hero > .wp-block-group:not(.hero-art) > p:not(.eyebrow),
  .hero p.ovia-hero-description { line-height: 1.75 !important; }
}

/* OVIA 2.0.22 — Contact form: distinct consent row and neatly spaced actions. */
.ovia-contact-form .ovia-contact-consent {
  margin-top: 9px;
  width: 100%;
}
.ovia-contact-form .ovia-contact-consent > label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  line-height: 1.6;
  font-size: 14px;
  color: var(--ink);
  cursor: pointer;
}
.ovia-contact-form .ovia-contact-consent input[type="checkbox"] {
  display: block !important;
  flex: 0 0 17px;
  width: 17px !important;
  height: 17px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  accent-color: var(--accent);
  cursor: pointer;
}
.ovia-contact-form .ovia-contact-consent span {
  display: block;
  flex: 1;
  min-width: 0;
}
.ovia-contact-form .ovia-contact-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 24px;
  margin-top: 5px;
}
.ovia-contact-form .ovia-contact-actions .primary {
  flex: 0 0 auto;
}
.ovia-contact-form .ovia-contact-actions .ovia-contact-privacy-link {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.ovia-contact-form .ovia-contact-actions .ovia-contact-privacy-link:hover {
  color: var(--ink);
}


/* OVIA 2.0.23 — Page titles and compact WooCommerce product layout. */
/* Home hero slogan remains intentionally lowercase. */
body .ovia-editor-page h1.ovia-page-heading,
body.woocommerce-shop .woocommerce-products-header__title,
body.post-type-archive-product .woocommerce-products-header__title {
  text-transform: uppercase;
}

/* SKU and category on the same baseline. */
body.single-product div.product .product_meta {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 6px 20px !important;
  line-height: 1.5 !important;
}
body.single-product div.product .product_meta > span {
  display: inline-flex !important;
  align-items: baseline !important;
  flex: 0 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
}
body.single-product div.product .product_meta a {
  line-height: inherit !important;
}

/* Breadcrumbs lead naturally into the product gallery. */
/* WooCommerce may apply its generic .woocommerce padding directly to body. */
body.single-product.woocommerce { padding-block-start: 0 !important; }
body.single-product main#content { padding-block-start: 24px !important; }
body.single-product .woocommerce:not(body) { padding-block-start: 24px !important; }
body.single-product .woocommerce-breadcrumb {
  margin: 0 0 20px !important;
  padding: 0 !important;
  line-height: 1.5 !important;
}
body.single-product .woocommerce-notices-wrapper:empty {
  display: none !important;
}
body.single-product div.product {
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}
@media (max-width: 700px) {
  body.single-product main#content { padding-block-start: 14px !important; }
  body.single-product .woocommerce:not(body) { padding-block-start: 14px !important; }
  body.single-product .woocommerce-breadcrumb { margin-bottom: 14px !important; }
}


/* OVIA 2.0.24 — Contact form labels, lowercase page titles and product spacing. */
/* Apply spacing only to Name, Email and Message, not the consent checkbox. */
.ovia-contact-form > label > input:not([type="hidden"]),
.ovia-contact-form > label > textarea {
  margin-block-start: 12px !important;
}
.ovia-contact-form > label { line-height: 1.4; }

/* Keep header links and product category labels in uppercase. */
body .ovia-editor-page h1.ovia-page-heading { text-transform: none !important; }

/* Product layout compression is computed from the ACTUAL breadcrumb-to-gallery
   gap in site.js. No negative margin is used when spacing is already compact. */
body.single-product main#content div.product {
  margin-block-start: var(--ovia-product-gap-compress, 0px) !important;
}
body.single-product .woocommerce-breadcrumb {
  margin-block-end: 8px !important;
}
@media (max-width: 700px) {
  body.single-product .woocommerce-breadcrumb { margin-block-end: 6px !important; }
}


/* OVIA 2.0.25–2.0.26 — WooCommerce product variations and consistent product metadata.
   Important: site.css formerly used a global .label selector for the decorative
   record label. WooCommerce also names its variation heading .label. That
   collision is now scoped to .record .label in site.css. */

/* Treat the size selection as one clean vertically stacked, accessible field. */
body.single-product div.product form.cart.variations_form table.variations {
  display: block !important;
  width: min(100%, 255px) !important;
  max-width: 100% !important;
  margin: 12px 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-spacing: 0 !important;
  background: transparent !important;
}
body.single-product div.product form.cart.variations_form table.variations tbody,
body.single-product div.product form.cart.variations_form table.variations tr,
body.single-product div.product form.cart.variations_form table.variations th.label,
body.single-product div.product form.cart.variations_form table.variations td.value {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
  float: none !important;
}
body.single-product div.product form.cart.variations_form table.variations tr {
  margin-bottom: 16px !important;
}
body.single-product div.product form.cart.variations_form table.variations th.label {
  line-height: 1.4 !important;
  margin: 0 0 10px !important;
  color: var(--ink, #f1f1f1) !important;
}
body.single-product div.product form.cart.variations_form table.variations th.label label {
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #c7d2c8 !important;
}
body.single-product div.product form.cart.variations_form table.variations td.value {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 9px !important;
}
body.single-product div.product form.cart.variations_form table.variations td.value select {
  display: block !important;
  box-sizing: border-box !important;
  appearance: none;
  -webkit-appearance: none;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: auto !important;
  padding: 9px 36px 9px 14px !important;
  margin: 0 !important;
  color: #f1f1f1 !important;
  background-color: #252b28 !important;
  background-image: linear-gradient(45deg, transparent 50%, #c5d3c7 50%), linear-gradient(135deg, #c5d3c7 50%, transparent 50%) !important;
  background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50% !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
  border: 1px solid rgba(255,255,255,.23) !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  box-shadow: none !important;
  cursor: pointer;
}
body.single-product div.product form.cart.variations_form table.variations td.value select:focus-visible {
  outline: 2px solid #8fa38a !important;
  outline-offset: 2px !important;
  border-color: #8fa38a !important;
}
body.single-product div.product form.cart.variations_form table.variations td.value select option {
  color: #f1f1f1;
  background: #252b28;
}
body.single-product div.product form.cart.variations_form table.variations .reset_variations {
  display: inline-block !important;
  width: fit-content;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 12px !important;
  color: #abbcae !important;
  line-height: 1.5 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* Don't style additional variation tools as part of the selection table. */
body.single-product div.product form.cart.variations_form .single_variation_wrap {
  clear: both;
  margin-top: 8px !important;
}

/* WooCommerce outputs SKU and categories as separate .product_meta spans.
   Enforce identical font metrics and a common centerline without hiding either. */
body.single-product div.product .product_meta {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  column-gap: 24px !important;
  row-gap: 12px !important;
  padding: 0 !important;
  line-height: 24px !important;
}
body.single-product div.product .product_meta > span,
body.single-product div.product .product_meta > span.sku_wrapper,
body.single-product div.product .product_meta > span.posted_in {
  display: inline-block !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  min-height: 24px !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  line-height: 24px !important;
  vertical-align: middle !important;
  font-size: inherit !important;
  text-align: left !important;
}
body.single-product div.product .product_meta > span > span,
body.single-product div.product .product_meta > span > a {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
  font-size: inherit !important;
}
@media(max-width:600px) {
  body.single-product div.product form.cart.variations_form table.variations {
    width: min(100%, 255px) !important;
  }
  body.single-product div.product .product_meta { column-gap: 16px !important; }
}


/* OVIA 2.0.27 — Shop heading alignment and unified WooCommerce metadata.
   Shop templates now use the same outer page layout as About and Contact.
   Fallback for layouts previously saved in the WP Site Editor: remove the
   additional inner .ovia-editor-section padding without changing page data. */
body .ovia-editor-page > .ovia-editor-section {
  box-sizing: border-box;
  padding: 0 !important;
  margin-block: 0 !important;
  margin-inline: 0 !important;
  width: 100%;
  max-width: none !important;
}
/* Keep the category grid below the introduction but eliminate the extra
   75px nested section padding from older templates. */
body .ovia-collection-page > .wp-block-post-content,
body .ovia-editor-page > .ovia-editor-section + .wp-block-post-content {
  margin-block-start: clamp(36px, 4.5vw, 70px) !important;
}

/* WooCommerce's default spans previously received conflicting flex and
   inline-block rules. A grid gives SKU and Category one shared first row.
   No template override and no WooCommerce product data changes required. */
body.single-product div.product .product_meta {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  align-items: start !important;
  justify-items: start !important;
  gap: 8px 24px !important;
  width: 100% !important;
  padding: 0 !important;
  margin-inline: 0 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}
body.single-product div.product .product_meta > span,
body.single-product div.product .product_meta > .sku_wrapper,
body.single-product div.product .product_meta > .posted_in {
  display: block !important;
  align-self: start !important;
  justify-self: start !important;
  height: auto !important;
  min-height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
  font: inherit !important;
  line-height: 24px !important;
  white-space: normal !important;
  text-align: left !important;
  vertical-align: top !important;
}
body.single-product div.product .product_meta > span > span,
body.single-product div.product .product_meta > span > a {
  display: inline !important;
  position: static !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: baseline !important;
  font: inherit !important;
  line-height: inherit !important;
}
@media (max-width: 480px) {
  body.single-product div.product .product_meta {
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 2px !important;
  }
}

/* OVIA 2.0.28 — Design-only refinements for My Account and Cart.
   No changes to WooCommerce shortcodes, forms, data, or license components. */
body.woocommerce-account,
body.woocommerce-cart {
  --ovia-commerce-panel: #1b211e;
  --ovia-commerce-panel-soft: #222824;
  --ovia-commerce-border: rgba(178,194,181,.18);
  --ovia-commerce-text: #f1eee7;
  --ovia-commerce-muted: #adb8ad;
}
body.woocommerce-account .ovia-commerce-page,
body.woocommerce-cart .ovia-commerce-page,
body.woocommerce-account .ovia-editor-page.ovia-account-shell,
body.woocommerce-cart .ovia-editor-page.ovia-account-shell {
  box-sizing: border-box;
  width: min(100%, 1320px);
  max-width: 1320px !important;
  margin-inline: auto !important;
  padding: clamp(44px,5vw,76px) clamp(22px,5%,68px) clamp(64px,7vw,100px) !important;
  min-height: 58vh;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  color: var(--ovia-commerce-text);
}
body.woocommerce-account .ovia-commerce-heading,
body.woocommerce-cart .ovia-commerce-heading,
body.woocommerce-account .ovia-editor-page.ovia-account-shell > .eyebrow,
body.woocommerce-cart .ovia-editor-page.ovia-account-shell > .eyebrow {
  margin-inline: 0 !important;
}
body.woocommerce-account .ovia-commerce-heading,
body.woocommerce-cart .ovia-commerce-heading,
body.woocommerce-account .ovia-account-heading,
body.woocommerce-cart .ovia-account-heading {
  margin: 0 0 clamp(26px,4vw,44px) !important;
  padding: 0 !important;
  width: 100%;
  max-width: none !important;
}
body.woocommerce-account .ovia-commerce-heading .eyebrow,
body.woocommerce-cart .ovia-commerce-heading .eyebrow {
  color: #92ac93;
  letter-spacing: .25em;
  font-size: 11px;
  line-height: 1.5;
  margin: 0 0 16px !important;
}
body.woocommerce-account .ovia-commerce-heading h1,
body.woocommerce-cart .ovia-commerce-heading h1,
body.woocommerce-account .ovia-editor-page.ovia-account-shell > h1,
body.woocommerce-cart .ovia-editor-page.ovia-account-shell > h1,
body.woocommerce-account .ovia-account-heading h1,
body.woocommerce-cart .ovia-account-heading h1 {
  font-family: Mulish, Arial, sans-serif;
  font-size: clamp(44px, 6.4vw, 84px);
  font-weight: 750;
  letter-spacing: -.045em;
  line-height: 1.08;
  color: #f0ece5;
  margin: 0 0 18px !important;
  max-width: 100%;
}
body.woocommerce-account .ovia-commerce-heading p:not(.eyebrow),
body.woocommerce-cart .ovia-commerce-heading p:not(.eyebrow),
body.woocommerce-account .ovia-account-heading p,
body.woocommerce-cart .ovia-account-heading p,
body.woocommerce-account .ovia-editor-page.ovia-account-shell > p:not(.eyebrow) {
  max-width: 720px;
  margin: 0 !important;
  line-height: 1.75;
  font-size: clamp(14px,1.1vw,16px);
  color: var(--ovia-commerce-muted);
}
/* The panel is after the heading; the same styles cover a previously
   stored Site Editor template that still wraps the entire page in one shell. */
body.woocommerce-account .ovia-commerce-panel,
body.woocommerce-cart .ovia-commerce-panel,
body.woocommerce-account .ovia-editor-page.ovia-account-shell > .wp-block-shortcode,
body.woocommerce-cart .ovia-editor-page.ovia-account-shell > .wp-block-shortcode {
  box-sizing: border-box;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(20px,3.1vw,38px) !important;
  color: var(--ovia-commerce-text);
  background: linear-gradient(145deg, rgba(95,127,106,.085), transparent 58%),var(--ovia-commerce-panel);
  border: 1px solid var(--ovia-commerce-border);
  border-radius: 20px;
  box-shadow: 0 22px 58px rgba(0,0,0,.14);
  backdrop-filter: none;
}
body.woocommerce-account .ovia-editor-page.ovia-account-shell > .wp-block-shortcode,
body.woocommerce-cart .ovia-editor-page.ovia-account-shell > .wp-block-shortcode {
  margin-block-start: 34px !important;
}
body.woocommerce-account .ovia-commerce-panel .wp-block-shortcode,
body.woocommerce-cart .ovia-commerce-panel .wp-block-shortcode { margin: 0 !important; max-width: none !important; }
body.woocommerce-account .ovia-commerce-panel .woocommerce,
body.woocommerce-cart .ovia-commerce-panel .woocommerce {padding:0 !important; width:100%; color:var(--ovia-commerce-text);}
/* Account navigation is easy to scan, with one clear active state. */
body.woocommerce-account .woocommerce-MyAccount-navigation {float:left; width:24%; margin:0 0 24px;}
body.woocommerce-account .woocommerce-MyAccount-content {float:right; width:71%; min-width:0; color:var(--ovia-commerce-text);}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {list-style:none;padding:0;margin:0;display:grid;gap:7px;}
body.woocommerce-account .woocommerce-MyAccount-navigation li {margin:0;}
body.woocommerce-account .woocommerce-MyAccount-navigation a {
  display:block;
  color:#c6d0c8;
  background:rgba(255,255,255,.025);
  border:1px solid transparent;
  border-radius:10px;
  padding:12px 16px;
  font-size:14px;
  line-height:1.5;
  text-decoration:none;
  transition: background-color .15s ease,border-color .15s ease;
}
body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation a[aria-current="page"],
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  background:rgba(143,163,138,.16);
  color:#f1eee7;
  border-color:rgba(143,163,138,.35);
}
body.woocommerce-account .woocommerce-MyAccount-content p {line-height:1.75;}
/* Match OVIA typography in WooCommerce forms without changing validation. */
body.woocommerce-account .woocommerce form.login,
body.woocommerce-account .woocommerce form.register,
body.woocommerce-account .woocommerce form.lost_reset_password {
  box-sizing:border-box;
  padding: clamp(18px,2.6vw,30px);
  border: 1px solid var(--ovia-commerce-border);
  border-radius: 16px;
  background: rgba(10,17,13,.24);
  margin: 18px 0;
  max-width: 600px;
}
body.woocommerce-account .woocommerce > h2,
body.woocommerce-account .woocommerce .u-columns h2,
body.woocommerce-cart .woocommerce .cart_totals h2,
body.woocommerce-cart .woocommerce .cross-sells > h2 {
  color:#f1eee7;
  font-family:Mulish,Arial,sans-serif;
  font-weight:700;
}
body.woocommerce-account .woocommerce form .form-row label,
body.woocommerce-cart .woocommerce form .form-row label {display:block;color:#e5e9e2;font-size:13px;margin-bottom:8px;line-height:1.45;}
body.woocommerce-account .woocommerce input:not([type="checkbox"]):not([type="hidden"]):not([type="radio"]),
body.woocommerce-account .woocommerce textarea,
body.woocommerce-account .woocommerce select,
body.woocommerce-cart .woocommerce input:not([type="checkbox"]):not([type="hidden"]):not([type="radio"]),
body.woocommerce-cart .woocommerce textarea,
body.woocommerce-cart .woocommerce select {
  box-sizing:border-box;
  max-width:100%;
  min-height:44px;
  background:#2a2e2b;
  border:1px solid rgba(178,194,181,.26);
  color:#f1eee7;
  border-radius:10px;
  padding:10px 13px;
  font-size:14px;
}
body.woocommerce-account .woocommerce input:focus-visible,
body.woocommerce-account .woocommerce textarea:focus-visible,
body.woocommerce-cart .woocommerce input:focus-visible,
body.woocommerce-cart .woocommerce textarea:focus-visible {
  outline:2px solid #8fa38a;
  outline-offset:2px;
}
body.woocommerce-account .woocommerce .button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-cart .woocommerce .button,
body.woocommerce-cart .woocommerce button.button,
body.woocommerce-cart .woocommerce a.checkout-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#8fa38a;
  color:#121413;
  border:1px solid #8fa38a;
  border-radius:9px;
  padding:12px 20px;
  min-height:44px;
  font-weight:600;
  font-family:Inter,Arial,sans-serif;
  text-decoration:none;
  opacity:1;
  box-shadow:none;
}
body.woocommerce-account .woocommerce .button:hover,
body.woocommerce-cart .woocommerce .button:hover,
body.woocommerce-cart .woocommerce a.checkout-button:hover {
  background:#a6b9a2;
  color:#121413;
}
/* Account order/download tables and Cart use the same legible row separators.
   Avoid styling the separate OVIA license elements. */
body.woocommerce-account .woocommerce table.woocommerce-orders-table,
body.woocommerce-account .woocommerce table.woocommerce-table,
body.woocommerce-cart .woocommerce table.shop_table {
  border:1px solid var(--ovia-commerce-border);
  border-collapse:separate;
  border-spacing:0;
  border-radius:14px;
  overflow:hidden;
  width:100%;
  background:rgba(10,16,12,.19);
  color:#f1eee7;
}
body.woocommerce-account .woocommerce table.woocommerce-orders-table :is(th,td),
body.woocommerce-account .woocommerce table.woocommerce-table :is(th,td),
body.woocommerce-cart .woocommerce table.shop_table :is(th,td) {
  padding:14px;
  color:inherit;
  border-color:rgba(178,194,181,.14);
  background:transparent;
  vertical-align:middle;
}
body.woocommerce-account .woocommerce :is(.woocommerce-orders-table,.woocommerce-table) :is(th,td) a,
body.woocommerce-cart .woocommerce table.shop_table :is(th,td) a {color:#e9efe8;}
body.woocommerce-cart .woocommerce table.shop_table img {width:72px;border-radius:9px;background:#f3f4f1;}
body.woocommerce-cart .woocommerce .cart_totals,
body.woocommerce-cart .woocommerce .cross-sells {
  box-sizing:border-box;
  padding:clamp(18px,2.3vw,28px);
  border:1px solid var(--ovia-commerce-border);
  border-radius:16px;
  background:rgba(10,16,12,.23);
}
body.woocommerce-cart .woocommerce .cart_totals {float:right;width:min(100%,430px);}
body.woocommerce-cart .woocommerce .cart_totals table {width:100%;}
body.woocommerce-cart .woocommerce .cart_totals h2 {margin:0 0 18px;}
body.woocommerce-cart .woocommerce .coupon {display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
body.woocommerce-cart .woocommerce .coupon #coupon_code {width:175px !important;}
body.woocommerce-account .woocommerce .woocommerce-message,
body.woocommerce-account .woocommerce .woocommerce-info,
body.woocommerce-cart .woocommerce .woocommerce-message,
body.woocommerce-cart .woocommerce .woocommerce-info {
  background:rgba(95,127,106,.16);
  border-top:2px solid #8fa38a;
  color:#f1eee7;
  border-radius:10px;
  padding:19px 24px;
}
/* WooCommerce Blocks cart fallback: style only surfaces; leave buttons/actions intact. */
body.woocommerce-cart .wc-block-cart :is(.wc-block-components-sidebar,.wc-block-cart-items) {
  border:1px solid var(--ovia-commerce-border);
  background:rgba(12,18,14,.25);
  border-radius:14px;
  padding:clamp(14px,2vw,22px);
}
body.woocommerce-cart .wc-block-cart .wc-block-components-button {
  border-radius:9px;
  background:#8fa38a;
  color:#121413;
}
@media (max-width: 900px) {
  body.woocommerce-account .woocommerce-MyAccount-navigation,
  body.woocommerce-account .woocommerce-MyAccount-content {float:none;width:100%;}
  body.woocommerce-account .woocommerce-MyAccount-navigation {margin-bottom:28px;}
  body.woocommerce-account .woocommerce-MyAccount-navigation ul {grid-template-columns:repeat(2,minmax(0,1fr));}
  body.woocommerce-cart .woocommerce .cart_totals {float:none;width:100%;margin-top:26px;}
}
@media (max-width: 600px) {
  body.woocommerce-account .ovia-commerce-page,
  body.woocommerce-cart .ovia-commerce-page,
  body.woocommerce-account .ovia-editor-page.ovia-account-shell,
  body.woocommerce-cart .ovia-editor-page.ovia-account-shell {padding:32px 18px 60px !important;}
  body.woocommerce-account .ovia-commerce-panel,
  body.woocommerce-cart .ovia-commerce-panel,
  body.woocommerce-account .ovia-editor-page.ovia-account-shell > .wp-block-shortcode,
  body.woocommerce-cart .ovia-editor-page.ovia-account-shell > .wp-block-shortcode {padding:18px !important;border-radius:15px;}
  body.woocommerce-account .woocommerce-MyAccount-navigation ul {gap:6px;}
  body.woocommerce-account .woocommerce-MyAccount-navigation a {padding:10px;font-size:12px;}
  body.woocommerce-cart .woocommerce .coupon #coupon_code {width:100% !important;}
  body.woocommerce-cart .woocommerce .coupon .button {width:100%;}
  body.woocommerce-account .woocommerce table :is(th,td),
  body.woocommerce-cart .woocommerce table :is(th,td) {padding:10px;}
}

/* ===== END source: ovia-custom.css ===== */