/* Targeted V29 storefront corrections. Kept separate from the V20 design CSS. */
.site-header{position:relative;top:auto;height:auto;min-height:82px;padding:18px 4vw;background:#f7f4ed;backdrop-filter:none;gap:25px;z-index:20}
.site-header .desktop-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:22px}
.announcement{height:auto;min-height:30px;padding:8px 15px;text-align:center;flex-wrap:wrap;line-height:1.6;letter-spacing:2px}
.hero{height:auto;min-height:680px;display:flex;align-items:center;padding:70px 7vw}
.hero-main{margin:0;padding:0;max-width:780px}
.hero-main h1{font-size:clamp(54px,6.5vw,92px);line-height:1;letter-spacing:-3px}
.hero-main p{max-width:540px;font-size:16px;line-height:1.65;letter-spacing:.2px}
.hero-wash{background:linear-gradient(90deg,#f4f1e9f5 0%,#f4f1e9d4 40%,#f4f1e930 78%)}
.mobile-menu{display:none}
.site-header .logo{flex-shrink:0}
.site-header a:focus-visible,.mobile-menu summary:focus-visible,.product-btn:focus-visible,.item-btn:focus-visible{outline:3px solid #8b633b;outline-offset:5px}
.career-card{background:#eee7db;border:1px solid #bdb19f;aspect-ratio:2/3;display:flex;flex-direction:column;justify-content:space-between;padding:11%;text-align:left;color:#29251f;overflow:hidden}
.career-card>span{font:10px/1.5 Arial,sans-serif;letter-spacing:2px}
.career-card strong{font:clamp(28px,3vw,52px)/1.06 Georgia,serif;letter-spacing:-1px}
.career-card strong em{font-weight:400}
.career-card p{font:16px/1.5 Georgia,serif;margin:12px 0}
.career-card small{font:11px/1.5 Arial,sans-serif;letter-spacing:0;max-width:220px}
.system-item .career-card{min-height:0;padding:12%;aspect-ratio:2/3}
.system-item .career-card strong{font-size:clamp(17px,1.5vw,28px)}
.system-item .career-card>span{font-size:7px;letter-spacing:1px}
.system-item .career-card p{font-size:11px}
.system-item .career-card small{display:none}
.product-price.price-note{font:15px/1.6 Arial,sans-serif;margin:28px 0 22px;color:#5b554d}
.product-visual .career-card{box-shadow:0 16px 35px #0001}
.product-visual{position:static}
.product-btn{line-height:1.6}
.preview-section .desc{max-width:700px}
.product-nav{gap:20px;flex-wrap:wrap}
.product-nav div{line-height:2}
.oqen-privacy-nav{letter-spacing:0;font-weight:400}
.systems-fit-grid .item-btn{margin-top:14px}
@media(max-width:1050px){
 .site-header .desktop-nav{display:none}
 .mobile-menu{display:block;position:relative;margin-left:auto}
 .mobile-menu summary{padding:12px 0 12px 18px;font-size:11px;letter-spacing:2px;cursor:pointer;list-style:none;min-height:44px}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu summary span{margin-left:10px;font-size:18px}
 .site-header .mobile-menu nav{position:absolute;right:0;top:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;width:240px;max-width:82vw;padding:10px;background:#f7f4ed;border:1px solid #bfb4a3;box-shadow:0 12px 24px #0002}
 .site-header .mobile-menu nav a{display:block!important;padding:14px;min-height:44px;color:#171717}
 .site-header .mobile-menu nav a:hover{background:#e9e1d4}
}
@media(max-width:700px){
 .site-header{min-height:70px;padding:12px 6vw}
 .hero{min-height:560px;padding:55px 8vw}
 .hero-main h1{font-size:clamp(44px,11vw,62px);letter-spacing:-2px;margin:22px 0}
 .hero-main small{font-size:8px;letter-spacing:2px}
 .hero-main p{font-size:15px}
 .hero-main .actions{flex-direction:column;align-items:stretch;max-width:330px}
 .hero-main .btn{text-align:center;line-height:1.6}
 .hero-wash{background:linear-gradient(90deg,#f4f1e9eb,#f4f1e98c)}
 .announcement{font-size:7px;letter-spacing:1px}
 .systems-fit-grid .career-card strong{font-size:clamp(20px,5vw,30px)}
 .product-wrap{padding-top:35px}
 .product-copy h1{font-size:clamp(42px,12vw,58px)}
 footer{padding-bottom:35px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
