/*
Theme Name: Cleanovira Commerce
Version: 1.1.1
*/
:root{--ink:#293338;--accent:#795443;--paper:#f7f4ef;--footer:#262e2c;--primary:#264239;--wash:#e7e9e0;--display:Georgia,serif;--line:#18252829}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;color:var(--ink);background:#fff;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:.22em}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:1.1;overflow-wrap:anywhere}
h1,h2{font-family:var(--display)}
h1{font-size:clamp(2rem,4.5vw,4.25rem);letter-spacing:-.04em}
h2{font-size:clamp(1.65rem,2.6vw,2.6rem);letter-spacing:-.026em}
p{margin:.65em 0}
.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link:focus{position:absolute;z-index:15;left:.5rem;top:.5rem;background:white;padding:.5rem}
.b5-shell{width:min(100% - 40px,1220px);margin-inline:auto}
.b5-announcement{text-align:center;background:var(--ink);color:#fff;padding:5px 10px;font-size:.76rem;letter-spacing:.045em}
.b5-announcement a{text-decoration:none}
.b5-header{position:relative;z-index:5;border-bottom:1px solid var(--line);background:white}
.b5-header-row{height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.b5-logo{display:inline-flex;align-items:center;gap:7px;width:max-content;text-decoration:none;font:700 1.5rem/1 var(--display)}
.b5-desktop-nav,.b5-tools{display:flex;align-items:center;gap:24px}
.b5-header nav a{font-weight:600;font-size:.86rem;text-decoration:none}
.b5-nav{display:none}
.b5-tools{justify-self:end;gap:14px}
.b5-tools a,.b5-tools summary{display:grid;place-items:center;width:40px;height:40px}
summary{cursor:pointer}
summary::-webkit-details-marker{display:none}
.b5-search form{position:absolute;top:100%;right:20px;display:flex;gap:8px;background:white;padding:14px;border:1px solid var(--line);max-width:calc(100% - 40px)}
.b5-search input{min-width:0;width:min(54vw,300px);padding:8px;border:1px solid var(--line)}
.b5-search button,.b5-btn,.b5-summary button.single_add_to_cart_button,.b5-buy-now{background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:3px;padding:10px 16px;text-decoration:none;font-weight:650}
.b5-btn{display:inline-flex;align-items:center;gap:12px;min-height:44px}
.b5-kicker{display:block;font-size:.68rem;font-weight:760;letter-spacing:.16em;margin-bottom:.6rem}
.b5-hero{display:grid;grid-template-columns:1fr 1.15fr;grid-template-rows:minmax(0,1fr);min-height:350px;height:380px;background:var(--paper);overflow:hidden;position:relative}
.b5-hero-copy{align-self:center;padding:20px clamp(22px,5.4vw,100px);position:relative;z-index:1}
.b5-hero-copy h1{font-size:clamp(2.05rem,4.1vw,3.75rem)}
.b5-hero-copy p{max-width:38ch;margin:.85rem 0 1.15rem}
.b5-hero-media{overflow:hidden;height:100%;position:relative;background:var(--wash)}
.b5-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.b5-hero-note{display:none}
.b5-layout-sidecar .b5-hero{grid-template-columns:.8fr 1.2fr;border-bottom:8px solid var(--wash)}
.b5-layout-sidecar .b5-hero-media{margin:14px 14px 14px 0;height:calc(100% - 28px);border-radius:36px 0 0 0}
.b5-layout-atelier .b5-hero{grid-template-columns:.88fr 1.12fr;background:var(--wash)}
.b5-layout-atelier .b5-hero-media{border-left:5px solid var(--paper)}
.b5-layout-reverse .b5-hero{grid-template-columns:1.08fr .92fr}
.b5-layout-reverse .b5-hero-media{grid-column:1;grid-row:1}
.b5-layout-reverse .b5-hero-copy{grid-column:2;grid-row:1;padding-inline:clamp(22px,5vw,70px)}
.b5-layout-panorama .b5-hero{display:block;height:405px;background:var(--ink);color:#fff}
.b5-layout-panorama .b5-hero-media{position:absolute;inset:0}
.b5-layout-panorama .b5-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101714f5,#101714b3 39%,#10171400 84%)}
.b5-layout-panorama .b5-hero-copy{position:absolute;top:50%;transform:translateY(-50%);padding-left:max(24px,calc((100vw - 1170px)/2));padding-right:28px;max-width:min(72vw,860px)}
.b5-layout-panorama .b5-hero-copy h1{font-size:clamp(2.6rem,4.9vw,4.8rem)}
.b5-layout-fieldnote .b5-hero{grid-template-columns:1fr 1.12fr .24fr;height:375px}
.b5-layout-fieldnote .b5-hero-note{display:flex;justify-content:center;flex-direction:column;gap:12px;padding:12px;background:var(--ink);color:white;writing-mode:vertical-rl;font-weight:650;letter-spacing:.07em}
.b5-layout-fieldnote .b5-hero-note span,.b5-layout-cabinet .b5-hero-note span{font-size:.66rem;letter-spacing:.18em}
.b5-layout-centerfold .b5-hero{display:block;height:400px}
.b5-layout-centerfold .b5-hero-media{position:absolute;inset:0}
.b5-layout-centerfold .b5-hero-copy{margin:0 auto;top:50%;transform:translateY(-50%);padding:20px 24px;text-align:center;background:var(--paper);width:min(calc(100% - 40px),635px);border:1px solid var(--line)}
.b5-layout-centerfold .b5-hero-copy h1{font-size:clamp(2rem,3.6vw,3.35rem)}
.b5-layout-centerfold .b5-hero-copy p{margin-inline:auto}
.b5-layout-cabinet .b5-hero{grid-template-columns:1fr 1.04fr;grid-template-rows:minmax(0,1fr) 48px;height:390px}
.b5-layout-cabinet .b5-hero-note{display:flex;align-items:center;gap:16px;padding:10px 5vw;grid-column:1/-1;background:var(--ink);color:white}
.b5-layout-mosaic .b5-hero{grid-template-columns:1fr 1fr;border:10px solid var(--wash);height:388px}
.b5-layout-mosaic .b5-hero-copy{padding-inline:clamp(20px,5vw,72px);border-right:10px solid var(--wash)}
.b5-layout-mosaic .b5-hero-media{border-radius:0 60px 0 0}
.b5-section{padding-block:27px;border-bottom:1px solid var(--line)}
.b5-section-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:15px}
.b5-more{font-size:.83rem;font-weight:650;text-align:right}
.b5-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.b5-card{background:#fff;min-width:0;display:flex;flex-direction:column}
.b5-cards-outlined .b5-card,.b5-cards-technical .b5-card{border:1px solid var(--line)}
.b5-cards-rounded .b5-card{border-radius:15px;overflow:hidden;border:1px solid var(--line)}
.b5-cards-technical .b5-card{border-top:4px solid var(--primary)}
.b5-card-photo{display:grid;place-items:center;background:#f6f6f5;aspect-ratio:4/3;min-width:0}
.b5-card-photo img{width:100%;height:100%;max-height:230px;object-fit:contain;mix-blend-mode:multiply}
.b5-card-body{padding:10px;display:flex;flex-direction:column;flex:1}
.b5-card-title{font-weight:650;text-decoration:none;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.b5-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:auto;padding-top:8px;font-size:.76rem}
.b5-price-pending,.b5-price-help{color:#47565a}
.b5-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.b5-category{display:flex;align-items:center;gap:12px;background:var(--paper);text-decoration:none;padding:8px;min-width:0}
.b5-category img{width:74px;height:70px;object-fit:contain;mix-blend-mode:multiply}
.b5-category>span{display:flex;flex:1;align-items:center;justify-content:space-between;gap:5px;overflow-wrap:anywhere}
.b5-category-ribbon .b5-categories{grid-template-columns:repeat(6,minmax(0,1fr))}
.b5-category-ribbon .b5-category{display:grid;justify-items:center;text-align:center}
.b5-category-ribbon .b5-category>span{display:block}
.b5-category-index .b5-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
.b5-category-index .b5-category{background:#fff;border-bottom:1px solid var(--line)}
.b5-category-index .b5-category img{width:50px;height:45px}
.b5-editorial,.b5-service{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.b5-editorial>div,.b5-service>div{background:var(--paper);padding:20px}
.b5-layout-panorama .b5-editorial,.b5-layout-reverse .b5-editorial{grid-template-columns:.9fr 1.1fr}
.b5-layout-fieldnote .b5-editorial-intro,.b5-layout-mosaic .b5-editorial-guide{background:var(--wash)}
.b5-layout-sidecar .b5-editorial-guide,.b5-layout-centerfold .b5-editorial-guide{border-left:5px solid var(--accent)}
.b5-service details{border-bottom:1px solid var(--line);padding:10px 0}
.b5-service summary{font-weight:650}
.b5-service .storefront-delivery-notice,.b5-summary .storefront-delivery-notice{padding:0;margin:.8rem 0}
body>.storefront-delivery-notice[data-delivery-surface=home]{display:none}
.b5-close{padding-block:22px;background:var(--wash)}
.b5-close>.b5-shell{display:flex;align-items:center;justify-content:space-between;gap:14px}
.b5-footer{background:var(--footer);color:#fff;padding:30px 0 14px;font-size:.9rem}
.b5-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.b5-footer h2{font:700 1rem/1.2 system-ui,sans-serif;letter-spacing:0;margin-bottom:9px}
.b5-footer ul{list-style:none;padding:0;margin:0}
.b5-footer li{margin:.45rem 0}
.b5-footer address{font-style:normal;overflow-wrap:anywhere}
.b5-footer a{overflow-wrap:anywhere}
.b5-footer-end{display:flex;justify-content:space-between;border-top:1px solid #ffffff45;margin-top:18px;padding-top:12px}
.b5-page{padding-block:22px 36px}
.b5-page>article:not(.b5-pdp){max-width:76ch}
.b5-page>article:not(.b5-pdp) h2{margin:1.3rem 0 .55rem}
.b5-shop-intro{padding:20px;background:var(--paper)}
.b5-shop-cats{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}
.b5-shop-cats a{border:1px solid var(--line);padding:6px 10px;text-decoration:none;font-size:.85rem}
.b5-shop-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:10px 0}
.b5-shop-bar form,.b5-shop-bar p{margin:0!important}
.b5-pdp-top{display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);gap:clamp(16px,3vw,36px);align-items:start}
.b5-main-photo{display:grid;place-items:center;aspect-ratio:1.24;background:#f6f6f5;overflow:hidden}
.b5-main-photo img{width:100%;height:100%;max-height:460px;object-fit:contain;mix-blend-mode:multiply}
.b5-thumbnails{display:flex;gap:7px;margin-top:8px;flex-wrap:wrap}
.b5-thumbnails button{display:grid;place-items:center;width:56px;height:53px;background:white;border:1px solid var(--line);padding:3px;cursor:pointer}
.b5-thumbnails button[aria-pressed=true]{border:2px solid var(--primary)}
.b5-thumbnails img{width:100%;height:100%;object-fit:contain}
.b5-summary h1{font-size:clamp(1.6rem,3.3vw,3.2rem);margin-bottom:9px}
.b5-price{font-size:1.25rem;font-weight:700}
.b5-stock{color:#206448;font-weight:700}
.b5-highlights{padding-left:20px;margin:8px 0 12px}
.b5-purchase-preview,.b5-summary form.cart{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0!important}
.b5-summary .quantity{display:flex;margin:0!important;height:44px;border:1px solid var(--line);border-radius:3px}
.b5-summary .quantity input{width:37px!important;text-align:center;appearance:textfield;border:0;background:white;color:var(--ink)}
.b5-summary .quantity input::-webkit-inner-spin-button{display:none}
.b5-summary .quantity button{width:32px;border:0;background:var(--paper);color:var(--ink);cursor:pointer}
.b5-purchase-preview>button{padding:6px 10px;color:#40494b;background:#ecefed;border:1px solid var(--line);min-height:44px;border-radius:3px}
.b5-summary .b5-buy-now{min-height:44px;background:white;color:var(--ink);cursor:pointer}
.b5-summary button.single_add_to_cart_button{min-height:44px}
.b5-price-help,.b5-pdp-links{font-size:.86rem}
.b5-pdp-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;margin-top:20px;border-top:1px solid var(--line);padding-top:17px}
.b5-pdp-detail h2{font-size:1.55rem;margin:10px 0}
.b5-pdp-detail table{width:100%;border-collapse:collapse;font-size:.88rem}
.b5-pdp-detail th,.b5-pdp-detail td{border-bottom:1px solid var(--line);padding:7px;text-align:left;overflow-wrap:anywhere}
.b5-pdp-detail th{width:42%;background:var(--paper)}
@media(max-width:760px){
 .b5-shell{width:calc(100% - 28px)}
 .b5-header-row{height:54px;grid-template-columns:auto 1fr auto;gap:8px}
 .b5-logo{font-size:1.2rem}
 .b5-logo img{width:29px;height:29px}
 .b5-nav{grid-column:1;grid-row:1}
 .b5-logo{grid-column:2;grid-row:1}
 .b5-desktop-nav{display:none}
 .b5-nav{display:block}
 .b5-nav summary{display:block;padding:7px 5px;font-size:.82rem;font-weight:700;list-style:none}
 .b5-nav:not([open]) nav{display:none}
 .b5-nav nav{position:absolute;top:100%;left:0;right:0;display:grid;gap:0;background:white;border-bottom:1px solid var(--line)}
 .b5-nav nav a{padding:10px 16px}
 .b5-tools{grid-column:3;grid-row:1;gap:4px}
 .b5-tools a,.b5-tools summary{width:34px;height:38px}
 .b5-tools svg{width:19px}
 .b5-hero,.b5-layout-sidecar .b5-hero,.b5-layout-atelier .b5-hero,.b5-layout-reverse .b5-hero,.b5-layout-fieldnote .b5-hero,.b5-layout-cabinet .b5-hero,.b5-layout-mosaic .b5-hero{display:flex;flex-direction:column;height:auto;min-height:0}
 .b5-hero-copy,.b5-layout-reverse .b5-hero-copy,.b5-layout-mosaic .b5-hero-copy{align-self:stretch;padding:16px 14px;border:0}
 .b5-hero-copy p{margin:.55rem 0 .75rem}
 .b5-hero-media,.b5-layout-sidecar .b5-hero-media{height:clamp(145px,42vw,235px);margin:0;border:0}
 .b5-layout-fieldnote .b5-hero-note{display:none}
 .b5-layout-reverse .b5-hero-media,.b5-layout-sidecar .b5-hero-media{order:-1}
 .b5-layout-panorama .b5-hero{height:345px}
 .b5-layout-panorama .b5-hero::after{background:linear-gradient(90deg,#101714ed,#1017148c)}
 .b5-layout-panorama .b5-hero-copy{max-width:100%;padding-inline:15px}
 .b5-layout-panorama .b5-hero-media,.b5-layout-centerfold .b5-hero-media{height:100%}
 .b5-layout-panorama .b5-hero-copy h1{font-size:clamp(2.15rem,10vw,3rem)}
 .b5-layout-centerfold .b5-hero{height:312px}
 .b5-layout-centerfold .b5-hero-copy{padding:15px}
 .b5-layout-cabinet .b5-hero-note{padding:7px 14px;font-size:.8rem}
 .b5-layout-mosaic .b5-hero{border-width:5px}
 .b5-section{padding-block:16px}
 .b5-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .b5-card-photo img{max-height:160px}
 .b5-card-body{padding:8px}
 .b5-card-title{font-size:.85rem}
 .b5-card-bottom{font-size:.69rem}
 .b5-categories,.b5-category-ribbon .b5-categories,.b5-category-index .b5-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .b5-category{padding:5px;font-size:.85rem}
 .b5-category img{width:46px;height:46px}
 .b5-editorial,.b5-service,.b5-layout-panorama .b5-editorial,.b5-layout-reverse .b5-editorial{grid-template-columns:1fr;gap:9px}
 .b5-editorial>div,.b5-service>div{padding:13px}
 .b5-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .b5-footer{padding:18px 0 10px;font-size:.8rem}
 .b5-close>.b5-shell{flex-wrap:wrap}
 .b5-page{padding-block:12px 24px}
 .b5-pdp-top,.b5-pdp-detail{grid-template-columns:minmax(0,1fr);gap:10px}
 .b5-main-photo{aspect-ratio:1.29}
 .b5-main-photo img{max-height:330px}
 .b5-thumbnails button{width:48px;height:46px}
 .b5-summary h1{font-size:1.8rem}
 .b5-pdp-detail{margin-top:11px;padding-top:11px}
}

/* Category-specific home guides and WooCommerce variation controls. */
.b5-use-cases{scroll-margin-top:16px}
.b5-story-items{padding:0;margin:15px 0 0;list-style:none}
.b5-story-items p,.b5-story-items dd{margin:.4rem 0}
.b5-story-items a{font-size:.85rem;font-weight:650}
.b5-story-index,.b5-story-spec{display:grid;grid-template-columns:1fr 2fr;gap:24px}
.b5-story-index .b5-story-items,.b5-story-spec .b5-story-items{margin:0}
.b5-story-index li{border-top:1px solid var(--line);padding:10px 2px}
.b5-story-spec dl>div{display:grid;grid-template-columns:1fr 2fr;align-items:start;gap:16px;border-top:1px solid var(--line);padding:11px 0}
.b5-story-spec dt{font-weight:700}
.b5-story-spec dd a{display:block;margin-top:3px}
.b5-story-sequence .b5-story-items,.b5-story-triptych .b5-story-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.b5-story-sequence .b5-story-items{counter-reset:stage}
.b5-story-sequence li{position:relative;counter-increment:stage;padding:16px 12px 16px 56px;background:var(--paper);border-top:2px solid var(--primary)}
.b5-story-sequence li::before{content:counter(stage,decimal-leading-zero);position:absolute;left:11px;top:12px;font-weight:700;color:var(--primary)}
.b5-story-triptych li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:center;padding:10px;background:var(--paper)}
.b5-story-triptych li img{width:70px;height:74px;object-fit:contain;mix-blend-mode:multiply}
.b5-story-checklist .b5-story-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:var(--paper);padding:13px}
.b5-story-checklist li{border-left:2px solid var(--primary);padding:0 8px}
.b5-sku{font-size:.87rem;overflow-wrap:anywhere}
.b5-return-note{font-size:.88rem}
.b5-summary .variations_form.cart{display:block}
.b5-summary .variations_form .variations{width:100%;margin-bottom:8px}
.b5-summary .variations select{min-height:44px;max-width:100%;padding:6px}
.b5-summary .variations_button{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.b5-summary .b5-buy-now:disabled{opacity:.65;cursor:default}
@media(max-width:700px){
 .b5-story-index,.b5-story-spec,.b5-story-sequence .b5-story-items,.b5-story-triptych .b5-story-items,.b5-story-checklist .b5-story-items{grid-template-columns:minmax(0,1fr);gap:8px}
 .b5-story-spec dl>div{grid-template-columns:minmax(0,1fr);gap:2px}
 .b5-story-spec dd{margin:0}
 .b5-story-checklist .b5-story-items{padding:10px}
 .b5-story-triptych li{grid-template-columns:58px minmax(0,1fr)}
 .b5-story-triptych li img{width:58px;height:58px}
}