/* ========================================================================== 
   UCOCEKO Lifestyle v4.0.0 — Visual OS
   Cinematic black / forest / champagne-gold design layer.
   ========================================================================== */
:root{
 --uco400-black:#010806;--uco400-forest:#04150f;--uco400-forest-2:#08261b;--uco400-emerald:#123a29;
 --uco400-gold:#d7ad4d;--uco400-gold-hi:#f3d98b;--uco400-champagne:#e7c77a;--uco400-bronze:#9d6e2c;
 --uco400-ivory:#f4eee2;--uco400-stone:#d8d2c7;--uco400-text:#f7f3ea;--uco400-muted:#aab6ae;
 --uco400-line:rgba(231,199,122,.22);--uco400-line-soft:rgba(255,255,255,.075);--uco400-glass:rgba(4,23,16,.72);
 --uco400-shadow:0 35px 110px rgba(0,0,0,.42);--uco400-shadow-soft:0 20px 60px rgba(0,0,0,.24);
 --uco400-radius:26px;--uco400-radius-sm:16px;--uco400-section:clamp(72px,8vw,132px);
 --uco400-serif:"Cormorant Garamond",Georgia,serif;--uco400-sans:"Manrope",Arial,sans-serif;
}
html{scroll-behavior:smooth}
body.ucoceko-lifestyle-v4{background:var(--uco400-black);color:var(--uco400-text);font-family:var(--uco400-sans);overflow-x:hidden}
body.ucoceko-lifestyle-v4::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-20;background:radial-gradient(circle at 8% 8%,rgba(34,91,63,.15),transparent 32%),radial-gradient(circle at 88% 34%,rgba(215,173,77,.08),transparent 30%),linear-gradient(180deg,#020b08 0%,#061710 48%,#010806 100%)}
.ucoceko-lifestyle-v4 .uco22-container,.ucoceko-lifestyle-v4 .uco-container{width:min(calc(100% - clamp(28px,5vw,92px)),1320px);margin-inline:auto}
.ucoceko-lifestyle-v4 h1,.ucoceko-lifestyle-v4 h2,.ucoceko-lifestyle-v4 h3{text-wrap:balance}
.ucoceko-lifestyle-v4 h1,.ucoceko-lifestyle-v4 h2{font-family:var(--uco400-serif);font-weight:600;letter-spacing:-.025em}
.ucoceko-lifestyle-v4 em{color:var(--uco400-gold-hi);font-weight:500}
.ucoceko-lifestyle-v4 .uco22-kicker,.ucoceko-lifestyle-v4 .uco-kicker{color:var(--uco400-champagne);font-weight:800;letter-spacing:.17em;text-transform:uppercase}

/* Scroll progress / cinematic loading */
.uco400-scroll-progress{position:fixed;top:0;left:0;z-index:100000;width:100%;height:2px;pointer-events:none;background:linear-gradient(90deg,var(--uco400-bronze),var(--uco400-gold-hi));transform:scaleX(0);transform-origin:left center;box-shadow:0 0 18px rgba(243,217,139,.42)}
.uco400-pageveil{position:fixed;inset:0;z-index:999998;pointer-events:none;background:var(--uco400-black);opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}
html.uco400-loading .uco400-pageveil{opacity:1;visibility:visible}

/* Header: transparent on hero, glass on scroll */
.ucoceko-lifestyle-v4 .uco22-announcement{background:linear-gradient(90deg,#0d281d,#06160f 48%,#241b0d);border-bottom:1px solid rgba(231,199,122,.15)}
.ucoceko-lifestyle-v4 .uco22-header{background:linear-gradient(180deg,rgba(1,8,6,.68),rgba(1,8,6,.2));border-bottom:1px solid rgba(255,255,255,.04);backdrop-filter:blur(8px);transition:background .35s,backdrop-filter .35s,box-shadow .35s,border-color .35s}
.ucoceko-lifestyle-v4 .uco22-header.is-scrolled{background:rgba(2,13,9,.88);backdrop-filter:blur(22px) saturate(1.25);border-color:var(--uco400-line);box-shadow:0 16px 50px rgba(0,0,0,.25)}
.ucoceko-lifestyle-v4 .uco22-header__line{background:linear-gradient(90deg,transparent,var(--uco400-gold),transparent);opacity:.55}
.ucoceko-lifestyle-v4 .uco-menu>li>a{position:relative;letter-spacing:.055em}
.ucoceko-lifestyle-v4 .uco-menu>li>a:after{content:"";position:absolute;left:50%;right:50%;bottom:-10px;height:1px;background:linear-gradient(90deg,var(--uco400-bronze),var(--uco400-gold-hi));transition:.25s}
.ucoceko-lifestyle-v4 .uco-menu>li>a:hover:after,.ucoceko-lifestyle-v4 .uco-menu>li.current-menu-item>a:after{left:10%;right:10%}
.ucoceko-lifestyle-v4 .uco22-round,.ucoceko-lifestyle-v4 .uco22-menu-toggle{background:rgba(3,18,13,.56);border-color:rgba(231,199,122,.2);backdrop-filter:blur(14px)}

/* Mega menu: mini landing experience */
.ucoceko-lifestyle-v4 .uco100-mega{background:linear-gradient(160deg,rgba(2,15,10,.98),rgba(7,34,24,.98));border-top:1px solid var(--uco400-line);border-bottom:1px solid var(--uco400-line);box-shadow:0 36px 80px rgba(0,0,0,.38)}
.ucoceko-lifestyle-v4 .uco100-mega__shell{position:relative;overflow:hidden}
.ucoceko-lifestyle-v4 .uco100-mega__shell:after{content:"";position:absolute;width:500px;height:500px;right:-180px;top:-240px;background:url('../gallery/brand/ucoceko-shield.svg') center/contain no-repeat;opacity:.035;pointer-events:none}

/* V4 hero architecture */
.uco400-hero,.ucoceko-lifestyle-v4 .uco-page-hero,.ucoceko-lifestyle-v4 .uco22-home-hero{position:relative;isolation:isolate;min-height:clamp(580px,78vh,880px);display:grid;align-items:end;overflow:hidden;background-image:var(--hero-v4,var(--hero));background-size:cover;background-position:var(--hero-x,50%) var(--hero-y,50%)}
.ucoceko-lifestyle-v4 .uco-page-hero:before,.ucoceko-lifestyle-v4 .uco22-home-hero:before{background:linear-gradient(90deg,rgba(1,8,6,.96) 0%,rgba(1,8,6,.84) 32%,rgba(2,14,10,.52) 58%,rgba(2,13,9,.22) 100%),linear-gradient(0deg,rgba(1,7,5,.84),transparent 54%),radial-gradient(circle at 25% 50%,rgba(7,49,32,.36),transparent 52%);z-index:0}
.ucoceko-lifestyle-v4 .uco-page-hero:after,.ucoceko-lifestyle-v4 .uco22-home-hero:after{content:"";position:absolute;z-index:1;inset:auto -10vw -24vw auto;width:min(78vw,970px);aspect-ratio:1;background:url('../gallery/brand/ucoceko-shield.svg') center/contain no-repeat;opacity:.035;filter:drop-shadow(0 0 36px rgba(231,199,122,.18));pointer-events:none}
.ucoceko-lifestyle-v4 .uco-page-hero__inner,.ucoceko-lifestyle-v4 .uco22-home-hero__grid{position:relative;z-index:2;width:min(calc(100% - clamp(28px,5vw,92px)),1320px);padding-block:clamp(105px,15vh,170px) clamp(70px,9vh,115px)}
.ucoceko-lifestyle-v4 .uco-page-hero__copy{max-width:760px}
.ucoceko-lifestyle-v4 .uco-page-hero h1,.ucoceko-lifestyle-v4 .uco22-home-hero h1{font-size:clamp(4rem,7.6vw,8.5rem);line-height:.83;max-width:900px;margin:.15em 0 .22em}
.ucoceko-lifestyle-v4 .uco-page-hero p,.ucoceko-lifestyle-v4 .uco22-home-hero__copy>p{max-width:680px;font-size:clamp(.98rem,1.35vw,1.17rem);line-height:1.75;color:#d7dfda}
.ucoceko-lifestyle-v4 .uco-page-hero__quote{position:absolute;right:0;bottom:clamp(48px,7vh,90px);max-width:280px;font-family:var(--uco400-serif);font-size:clamp(1.25rem,2.3vw,2rem);font-style:italic;color:var(--uco400-gold-hi);text-align:right}
.ucoceko-lifestyle-v4 .uco400-hero--compact{min-height:clamp(320px,44vh,470px)}
.ucoceko-lifestyle-v4 .uco400-hero--compact .uco-page-hero__inner{padding-block:clamp(105px,13vh,140px) 60px}
.ucoceko-lifestyle-v4 .uco400-hero--compact h1{font-size:clamp(3.1rem,6vw,5.8rem)}
.ucoceko-lifestyle-v4 .uco400-hero--forest:before{background:linear-gradient(90deg,rgba(2,15,10,.94),rgba(6,40,27,.72) 58%,rgba(2,14,10,.32))}
.ucoceko-lifestyle-v4 .uco400-hero--gold:before{background:linear-gradient(90deg,rgba(13,10,4,.94),rgba(28,20,8,.66) 56%,rgba(2,14,10,.28))}
.ucoceko-lifestyle-v4 .uco400-hero--mist:before{background:linear-gradient(90deg,rgba(2,16,11,.9),rgba(4,29,21,.48) 58%,rgba(4,21,15,.16)),linear-gradient(0deg,rgba(2,12,8,.66),transparent)}

/* Editorial / atmospheric blank-section treatment */
.ucoceko-lifestyle-v4 .uco22-section{position:relative;isolation:isolate;padding-block:var(--uco400-section)}
.ucoceko-lifestyle-v4 .uco22-section:not(.uco400-no-atmosphere):not(.uco300-wallpaper):after{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 88% 20%,rgba(20,74,50,.11),transparent 30%),linear-gradient(180deg,transparent,rgba(255,255,255,.012));pointer-events:none}
.uco400-atmosphere{position:relative;isolation:isolate;overflow:hidden;background:#03110c}
.uco400-atmosphere:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--uco400-wallpaper) var(--uco400-focal,center)/cover no-repeat;filter:var(--uco400-filter,none);transform:scale(1.02)}
.uco400-atmosphere:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--uco400-overlay,linear-gradient(100deg,rgba(1,9,6,.94),rgba(2,14,10,.78) 55%,rgba(1,8,6,.48)))}
.uco400-atmosphere--gold{--uco400-overlay:linear-gradient(100deg,rgba(10,8,3,.93),rgba(28,19,7,.72),rgba(2,12,8,.52))}
.uco400-atmosphere--mist{--uco400-overlay:linear-gradient(100deg,rgba(2,16,11,.88),rgba(2,20,14,.58),rgba(2,14,10,.34))}
.uco400-atmosphere--soft{--uco400-overlay:linear-gradient(100deg,rgba(2,14,10,.78),rgba(2,14,10,.64),rgba(2,14,10,.52))}
.uco400-watermark{position:absolute;right:-8%;top:50%;width:min(55vw,720px);transform:translateY(-50%);opacity:.035;pointer-events:none}
.uco400-ghost-word{position:absolute;left:-.02em;bottom:-.16em;z-index:-1;font-family:var(--uco400-serif);font-size:clamp(8rem,21vw,24rem);line-height:.7;font-weight:700;letter-spacing:-.06em;color:rgba(255,255,255,.022);pointer-events:none;white-space:nowrap}

/* Signature section separators */
.uco400-divider{height:28px;position:relative;overflow:hidden;background:#020b08}
.uco400-divider:before{content:"";position:absolute;left:50%;top:50%;width:min(780px,82vw);height:1px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,var(--uco400-bronze),var(--uco400-gold-hi),var(--uco400-bronze),transparent)}
.uco400-divider:after{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 16px;background:#020b08;color:var(--uco400-gold);font-size:.62rem}

/* Buttons — less pill-heavy, premium edge treatment */
.ucoceko-lifestyle-v4 .uco22-btn,.ucoceko-lifestyle-v4 .uco-btn,.ucoceko-lifestyle-v4 button.uco22-btn{position:relative;min-height:52px;border-radius:15px;padding-inline:24px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}
.ucoceko-lifestyle-v4 .uco22-btn--gold,.ucoceko-lifestyle-v4 .uco-btn--gold{background:linear-gradient(135deg,#f5df9e,#d7ad4d 55%,#a97327);box-shadow:inset 0 1px rgba(255,255,255,.62),0 16px 36px rgba(184,128,40,.15);color:#06100c}
.ucoceko-lifestyle-v4 .uco22-btn--gold:after,.ucoceko-lifestyle-v4 .uco-btn--gold:after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transition:transform .62s ease}
.ucoceko-lifestyle-v4 .uco22-btn--gold:hover:after,.ucoceko-lifestyle-v4 .uco-btn--gold:hover:after{transform:translateX(120%)}
.ucoceko-lifestyle-v4 .uco22-btn:hover,.ucoceko-lifestyle-v4 .uco-btn:hover{transform:translateY(-2px)}
.ucoceko-lifestyle-v4 .uco22-btn--glass,.ucoceko-lifestyle-v4 .uco22-btn--outline{background:rgba(4,21,15,.48);backdrop-filter:blur(15px);border:1px solid rgba(231,199,122,.28)}

/* Reusable glass / border architecture */
.uco400-glass{background:linear-gradient(155deg,rgba(8,40,28,.78),rgba(2,16,11,.74));backdrop-filter:blur(24px) saturate(1.15);border:1px solid var(--uco400-line);box-shadow:var(--uco400-shadow-soft)}
.uco400-edge{position:relative;border:1px solid rgba(231,199,122,.16)}
.uco400-edge:before,.uco400-edge:after{content:"";position:absolute;width:38px;height:38px;pointer-events:none}
.uco400-edge:before{left:-1px;top:-1px;border-left:2px solid var(--uco400-gold);border-top:2px solid var(--uco400-gold)}
.uco400-edge:after{right:-1px;bottom:-1px;border-right:2px solid var(--uco400-gold);border-bottom:2px solid var(--uco400-gold)}

/* Homepage V4 story flow */
.uco400-home-hero{--hero-v4:url('../gallery/v4/cleaning-use.webp');--hero-x:67%;--hero-y:44%}
.uco400-home-hero .uco22-home-hero__caption{background:rgba(2,13,9,.62);backdrop-filter:blur(14px);border:1px solid var(--uco400-line);border-radius:18px;padding:15px 18px}
.uco400-intro{background:var(--uco400-ivory);color:#122019}
.uco400-intro__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;min-height:720px}
.uco400-intro__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(55px,8vw,120px);max-width:720px;margin-left:auto}
.uco400-intro__copy h2{font-size:clamp(3.2rem,6vw,6.4rem);line-height:.9;margin:.15em 0 .3em;color:#10241b}
.uco400-intro__copy em{color:#8b6328}
.uco400-intro__media{position:relative;min-height:620px;overflow:hidden}
.uco400-intro__media img{width:100%;height:100%;object-fit:cover}
.uco400-intro__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--uco400-ivory),transparent 16%)}

.uco400-shop-space{background:linear-gradient(180deg,#03120d,#061a12)}
.uco400-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:clamp(24px,6vw,90px);align-items:end;margin-bottom:42px}
.uco400-section-head h2{font-size:clamp(3rem,5.2vw,5.8rem);line-height:.92;margin:.14em 0}.uco400-section-head>p{color:var(--uco400-muted);line-height:1.75}
.uco400-space-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.uco400-space-card{position:relative;min-height:360px;border-radius:22px;overflow:hidden;isolation:isolate;border:1px solid rgba(231,199,122,.14);box-shadow:var(--uco400-shadow-soft)}
.uco400-space-card:nth-child(1){grid-column:span 7}.uco400-space-card:nth-child(2){grid-column:span 5}.uco400-space-card:nth-child(3),.uco400-space-card:nth-child(4),.uco400-space-card:nth-child(5){grid-column:span 4}
.uco400-space-card:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--scene) center/cover no-repeat;transition:transform .7s ease}
.uco400-space-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(1,9,6,.94),rgba(1,9,6,.12) 68%)}
.uco400-space-card:hover:before{transform:scale(1.045)}
.uco400-space-card__content{position:absolute;left:25px;right:25px;bottom:24px}.uco400-space-card small{color:var(--uco400-champagne);letter-spacing:.14em;font-weight:800}.uco400-space-card h3{font-family:var(--uco400-serif);font-size:clamp(2rem,3vw,3.1rem);margin:.12em 0}.uco400-space-card a{color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.09em}

.uco400-need-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.uco400-need-strip a{min-height:112px;padding:18px;border:1px solid var(--uco400-line);border-radius:18px;background:linear-gradient(155deg,rgba(9,38,27,.9),rgba(2,15,10,.9));display:grid;align-content:space-between;color:#fff}.uco400-need-strip span{width:34px;height:34px;border-radius:12px;border:1px solid rgba(231,199,122,.34);display:grid;place-items:center;color:var(--uco400-gold-hi)}.uco400-need-strip b{font-size:.8rem;letter-spacing:.04em}

.uco400-scene-shop{min-height:720px;display:flex;align-items:center}.uco400-scene-shop__panel{max-width:590px;padding:36px;border-radius:26px}.uco400-scene-shop__panel h2{font-size:clamp(3.2rem,5.4vw,6rem);line-height:.89;margin:.15em 0 .3em}.uco400-scene-shop__hotspots{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}.uco400-scene-shop__hotspots a{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--uco400-line);border-radius:14px;background:rgba(1,12,8,.55);color:#fff;font-size:.76rem}.uco400-scene-shop__hotspots i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--uco400-gold);color:#06100c;font-style:normal;font-weight:900}

.uco400-routines{background:var(--uco400-ivory);color:#14221b}.uco400-routines .uco400-section-head h2{color:#14221b}.uco400-routines .uco400-section-head em{color:#8a6124}.uco400-routine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.uco400-routine{background:#fff;border:1px solid rgba(85,69,37,.14);border-radius:22px;padding:26px;box-shadow:0 20px 60px rgba(48,39,20,.08)}.uco400-routine b{font-family:var(--uco400-serif);font-size:2.1rem;color:#a77a2c}.uco400-routine h3{font-size:1.25rem;color:#11231a}.uco400-routine p{color:#5e665f;line-height:1.65}.uco400-routine a{color:#6d4d1f;font-size:.75rem;font-weight:850;letter-spacing:.08em}

.uco400-chapter{min-height:600px;display:grid;align-items:end;padding-block:90px}.uco400-chapter__copy{max-width:720px}.uco400-chapter h2{font-size:clamp(4rem,7vw,8rem);line-height:.82;margin:.15em 0 .2em}.uco400-chapter p{max-width:620px;color:#d7dfda;font-size:1.04rem;line-height:1.75}

.uco400-journey{position:relative}.uco400-journey__line{position:absolute;left:6%;right:6%;top:45px;height:1px;background:linear-gradient(90deg,transparent,var(--uco400-gold),transparent);opacity:.6}.uco400-journey__grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.uco400-journey__grid article{position:relative;padding:74px 22px 26px;border:1px solid rgba(231,199,122,.14);background:linear-gradient(160deg,rgba(7,34,24,.88),rgba(2,15,10,.74));border-radius:20px}.uco400-journey__grid article:before{content:attr(data-step);position:absolute;top:24px;left:22px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--uco400-gold-hi),var(--uco400-bronze));color:#06100c;font-weight:900;box-shadow:0 0 0 7px rgba(215,173,77,.08)}.uco400-journey__grid h3{font-family:var(--uco400-serif);font-size:2rem;margin:.2em 0}.uco400-journey__grid p{color:var(--uco400-muted);line-height:1.65;font-size:.86rem}

.uco400-app-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:720px}.uco400-app-showcase__media{position:relative;overflow:hidden}.uco400-app-showcase__media img{width:100%;height:100%;object-fit:cover}.uco400-app-showcase__content{display:flex;flex-direction:column;justify-content:center;padding:clamp(55px,8vw,120px);background:linear-gradient(145deg,#04140e,#09291c)}.uco400-app-showcase__content h2{font-size:clamp(3.2rem,5.4vw,6rem);line-height:.9;margin:.15em 0 .3em}.uco400-app-points{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}.uco400-app-points span{padding:13px;border:1px solid var(--uco400-line);border-radius:14px;background:rgba(255,255,255,.025);font-size:.76rem}

/* Existing product cards — V4 merchandising */
.ucoceko-lifestyle-v4 .uco22-product-card{border-radius:22px;border:1px solid rgba(231,199,122,.13);background:linear-gradient(165deg,#08251a,#03110c);box-shadow:0 25px 70px rgba(0,0,0,.22);overflow:hidden}
.ucoceko-lifestyle-v4 .uco22-product-stage{background:radial-gradient(circle at 50% 70%,rgba(215,173,77,.14),transparent 38%),linear-gradient(180deg,#0a2a1e,#03120d)}
.ucoceko-lifestyle-v4 .uco22-product-stage img{transition:transform .55s ease,filter .55s ease;filter:drop-shadow(0 28px 22px rgba(0,0,0,.28))}.ucoceko-lifestyle-v4 .uco22-product-card:hover .uco22-product-stage img{transform:translateY(-7px) scale(1.035)}
.ucoceko-lifestyle-v4 .uco22-product-info{padding:24px}.ucoceko-lifestyle-v4 .uco22-product-info h3{font-family:var(--uco400-serif);font-size:1.75rem}.ucoceko-lifestyle-v4 .uco22-product-tags span{background:rgba(215,173,77,.08);border-color:rgba(215,173,77,.18);color:#d8c99e}
.ucoceko-lifestyle-v4 .uco22-shop-hero{background-image:linear-gradient(90deg,rgba(1,9,6,.96),rgba(1,9,6,.62) 58%,rgba(1,9,6,.24)),url('../gallery/v4/waterfall-products.webp')!important;background-size:cover!important;background-position:center 45%!important}
.ucoceko-lifestyle-v4 .uco22-shop-editorial article{border-radius:22px;min-height:440px}

/* Woo single product / cart / checkout */
.ucoceko-lifestyle-v4.single-product .uco22-woo-shell{padding-top:clamp(105px,13vw,150px)}
.ucoceko-lifestyle-v4.single-product div.product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:clamp(36px,6vw,90px);align-items:start}
.ucoceko-lifestyle-v4.single-product div.product .woocommerce-product-gallery{border-radius:28px;padding:22px;background:radial-gradient(circle at 50% 70%,rgba(215,173,77,.14),transparent 35%),linear-gradient(160deg,#092a1d,#03120d);border:1px solid var(--uco400-line)}
.ucoceko-lifestyle-v4.single-product div.product .summary{position:sticky;top:120px;padding:32px;border:1px solid var(--uco400-line);border-radius:24px;background:linear-gradient(155deg,rgba(7,31,22,.86),rgba(2,14,10,.88));backdrop-filter:blur(18px)}
.ucoceko-lifestyle-v4.single-product .product_title{font-family:var(--uco400-serif);font-size:clamp(2.8rem,4.2vw,5rem);line-height:.92}.ucoceko-lifestyle-v4.single-product .price{color:var(--uco400-gold-hi)!important;font-size:1.4rem!important}.ucoceko-lifestyle-v4.single-product .quantity input{background:#061a12!important;color:#fff!important;border:1px solid var(--uco400-line)!important;border-radius:12px!important}.ucoceko-lifestyle-v4.single-product button.single_add_to_cart_button{border-radius:14px!important;background:linear-gradient(135deg,var(--uco400-gold-hi),var(--uco400-gold),var(--uco400-bronze))!important;color:#06100c!important}
.uco400-product-extras{clear:both;margin:70px 0 25px}.uco400-product-extras__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.uco400-product-extras article{min-height:330px;padding:34px;border:1px solid var(--uco400-line);border-radius:24px;background:linear-gradient(160deg,#08251a,#03120d)}.uco400-product-extras h3{font-size:2.4rem}.uco400-product-extras ol{padding-left:1.2rem;color:var(--uco400-muted);line-height:1.85}.uco400-product-extras__scene{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:end}.uco400-product-extras__scene:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--scene) center/cover}.uco400-product-extras__scene:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(1,9,6,.96),rgba(1,9,6,.15))}.uco400-product-extras__scene a{color:var(--uco400-gold-hi);font-weight:800;letter-spacing:.08em}
.ucoceko-lifestyle-v4.woocommerce-cart .uco22-woo-shell,.ucoceko-lifestyle-v4.woocommerce-checkout .uco22-woo-shell{padding-top:clamp(110px,12vw,150px)}
.ucoceko-lifestyle-v4 .woocommerce table.shop_table,.ucoceko-lifestyle-v4 .woocommerce-checkout-review-order,.ucoceko-lifestyle-v4 .woocommerce form.checkout{border-color:var(--uco400-line)!important;border-radius:22px!important;background:rgba(5,25,18,.58)!important}

/* Premium forms / onboarding */
.ucoceko-lifestyle-v4 input[type=text],.ucoceko-lifestyle-v4 input[type=email],.ucoceko-lifestyle-v4 input[type=tel],.ucoceko-lifestyle-v4 input[type=password],.ucoceko-lifestyle-v4 input[type=number],.ucoceko-lifestyle-v4 input[type=search],.ucoceko-lifestyle-v4 select,.ucoceko-lifestyle-v4 textarea{border-radius:14px!important;border-color:rgba(231,199,122,.22)!important;background:linear-gradient(180deg,rgba(7,31,22,.96),rgba(2,16,11,.96))!important;color:#fff!important;min-height:54px;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.ucoceko-lifestyle-v4 input:focus,.ucoceko-lifestyle-v4 select:focus,.ucoceko-lifestyle-v4 textarea:focus{outline:none!important;border-color:var(--uco400-gold)!important;box-shadow:0 0 0 4px rgba(215,173,77,.1)!important}
.ucoceko-lifestyle-v4 .uco22-auth-shell,.ucoceko-lifestyle-v4 .uco100-login{min-height:100dvh;background:#020b08}.ucoceko-lifestyle-v4 .uco22-auth-visual,.ucoceko-lifestyle-v4 .uco100-login__visual{position:relative}.ucoceko-lifestyle-v4 .uco22-auth-visual:after,.ucoceko-lifestyle-v4 .uco100-login__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,8,6,.92),rgba(1,8,6,.06) 65%),linear-gradient(90deg,transparent,rgba(1,8,6,.38))}.ucoceko-lifestyle-v4 .uco22-auth-visual__content,.ucoceko-lifestyle-v4 .uco100-login__visual>div{z-index:2}
.ucoceko-lifestyle-v4 .uco22-auth-panel,.ucoceko-lifestyle-v4 .uco100-login__panel{background:radial-gradient(circle at 80% 20%,rgba(215,173,77,.08),transparent 25%),linear-gradient(145deg,#061a12,#020b08)}

/* Early Access popup — desktop split, mobile bottom sheet */
.uco400-early-access{position:fixed;inset:0;z-index:999997;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:.28s}.uco400-early-access.is-open{opacity:1;visibility:visible}.uco400-early-access__backdrop{position:absolute;inset:0;background:rgba(0,7,5,.78);backdrop-filter:blur(14px)}
.uco400-early-access__dialog{position:relative;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);width:min(1040px,94vw);max-height:90dvh;overflow:hidden;border:1px solid rgba(231,199,122,.3);border-radius:28px;background:linear-gradient(145deg,#061b13,#020c08);box-shadow:0 55px 160px rgba(0,0,0,.68)}
.uco400-early-access__close{position:absolute;right:18px;top:18px;z-index:4;width:42px;height:42px;border-radius:50%;border:1px solid rgba(231,199,122,.3);background:rgba(2,13,9,.72);color:#f4dc94;font-size:1.4rem;cursor:pointer}
.uco400-early-access__visual{position:relative;min-height:680px;margin:0;overflow:hidden}.uco400-early-access__visual picture,.uco400-early-access__visual img{display:block;width:100%;height:100%}.uco400-early-access__visual img{object-fit:cover}.uco400-early-access__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,8,6,.96),rgba(1,8,6,.06) 64%)}.uco400-early-access__visual figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:30px}.uco400-early-access__visual figcaption span{font-size:.62rem;letter-spacing:.16em;color:var(--uco400-gold-hi)}.uco400-early-access__visual figcaption strong{display:block;font-family:var(--uco400-serif);font-size:2.6rem;margin:.12em 0}.uco400-early-access__visual figcaption small{color:#d6ddd8}
.uco400-early-access__content{padding:clamp(35px,5vw,62px);overflow:auto}.uco400-early-access__content h2{font-size:clamp(2.7rem,4.5vw,4.8rem);line-height:.9;margin:.12em 0 .25em}.uco400-early-access__content>p{color:var(--uco400-muted);line-height:1.65}.uco400-journey-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.uco400-journey-tabs button{min-height:70px;border:1px solid rgba(231,199,122,.18);border-radius:14px;background:rgba(255,255,255,.025);color:#fff;font-size:.7rem;font-weight:800;cursor:pointer}.uco400-journey-tabs button.is-active{background:linear-gradient(145deg,rgba(215,173,77,.22),rgba(215,173,77,.06));border-color:rgba(243,217,139,.72);color:#f5df9b}.uco400-micro{font-size:.68rem!important;color:#87968d!important}.uco400-micro a{color:#dcc16e}

/* V3 Early Access modal also receives V4 skin */
.ucoceko-lifestyle-v4 .uco300-early-modal__dialog{border-radius:28px;border-color:rgba(231,199,122,.3);background:linear-gradient(145deg,#061b13,#020c08);box-shadow:0 55px 160px rgba(0,0,0,.68)}
.ucoceko-lifestyle-v4 .uco300-early-modal__visual{min-height:690px}.ucoceko-lifestyle-v4 .uco300-early-modal__header{background:rgba(2,13,9,.35)}

/* Footer V4 — campaign CTA + architecture */
.uco400-footer-campaign{position:relative;isolation:isolate;min-height:540px;display:grid;align-items:center;overflow:hidden;border-top:1px solid rgba(231,199,122,.16)}
.uco400-footer-campaign:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--footer-scene) center 45%/cover no-repeat}.uco400-footer-campaign:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,8,6,.96),rgba(1,8,6,.79) 48%,rgba(1,8,6,.33)),linear-gradient(0deg,rgba(1,8,6,.62),transparent)}
.uco400-footer-campaign__copy{max-width:760px;padding-block:90px}.uco400-footer-campaign h2{font-size:clamp(4rem,7vw,8rem);line-height:.82;margin:.12em 0 .25em}.uco400-footer-campaign p{max-width:610px;color:#d6ddd8;line-height:1.72}
.uco400-footer{position:relative;isolation:isolate;padding-top:70px;background:linear-gradient(180deg,#04140e,#010806)}.uco400-footer:after{content:"";position:absolute;z-index:-1;right:-10vw;bottom:-20vw;width:min(70vw,900px);aspect-ratio:1;background:url('../gallery/brand/ucoceko-shield.svg') center/contain no-repeat;opacity:.028}.uco400-footer__top{display:grid;grid-template-columns:minmax(250px,1.2fr) repeat(4,minmax(130px,.65fr));gap:clamp(24px,4vw,60px);padding-bottom:55px}.uco400-footer__brand img{width:min(270px,80%);height:auto}.uco400-footer__brand p{max-width:360px;color:var(--uco400-muted);line-height:1.7}.uco400-footer__brand strong{display:block;margin-top:18px;color:var(--uco400-gold-hi);font-family:var(--uco400-serif);font-size:1.35rem;line-height:1.25}.uco400-footer__group h3{font-family:var(--uco400-serif);font-size:1.35rem;color:#f4df9b;margin:0 0 15px}.uco400-footer__group a{display:block;color:#bec8c1;padding:7px 0;font-size:.78rem}.uco400-footer__group a:hover{color:#fff}.uco400-footer__newsletter{margin-top:18px}.uco400-footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-top:1px solid rgba(255,255,255,.07);font-size:.68rem;color:#87958c}.uco400-footer__bottom nav{display:flex;gap:14px;flex-wrap:wrap}.uco400-footer__bottom a{color:#b9c3bc}

/* Contextual concierge */
.ucoceko-lifestyle-v4 .uco22-whatsapp__trigger{background:linear-gradient(145deg,rgba(5,28,20,.96),rgba(2,14,10,.96));border-color:rgba(231,199,122,.42);box-shadow:0 18px 50px rgba(0,0,0,.38),0 0 28px rgba(215,173,77,.09)}
.ucoceko-lifestyle-v4 .uco22-whatsapp__panel{border-radius:22px;border-color:rgba(231,199,122,.24);background:linear-gradient(145deg,#08251a,#020e0a);backdrop-filter:blur(24px)}

/* Privacy / POPIA notice */
.uco400-privacy{position:fixed;z-index:999996;left:18px;right:18px;bottom:18px;max-width:940px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 18px;border:1px solid rgba(231,199,122,.24);border-radius:18px;background:rgba(3,18,13,.94);backdrop-filter:blur(20px);box-shadow:var(--uco400-shadow-soft)}.uco400-privacy[hidden]{display:none}.uco400-privacy>div:first-child{display:flex;align-items:center;gap:14px}.uco400-privacy img{width:34px;height:34px}.uco400-privacy p{margin:0;color:#b9c4bc;font-size:.72rem;line-height:1.5}.uco400-privacy strong{color:#fff}.uco400-privacy__actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.uco400-privacy__actions a,.uco400-privacy__actions button{min-height:38px;padding:0 13px;border:1px solid rgba(231,199,122,.25);border-radius:11px;background:transparent;color:#f1d481;font-size:.66rem;font-weight:800;cursor:pointer}.uco400-privacy__actions button{background:linear-gradient(135deg,#f0d785,#c59138);color:#07100d}

/* Notifications / empty states / skeletons */
.ucoceko-lifestyle-v4 .woocommerce-message,.ucoceko-lifestyle-v4 .woocommerce-info,.ucoceko-lifestyle-v4 .woocommerce-error{border-radius:16px!important;border:1px solid var(--uco400-line)!important;background:rgba(5,27,19,.94)!important;color:#eef3ef!important;box-shadow:var(--uco400-shadow-soft)}
.uco400-toast{position:fixed;z-index:100000;right:22px;top:100px;max-width:360px;padding:15px 17px;border:1px solid var(--uco400-line);border-radius:15px;background:rgba(4,24,17,.96);backdrop-filter:blur(18px);box-shadow:var(--uco400-shadow-soft);transform:translateY(-16px);opacity:0;transition:.25s}.uco400-toast.is-visible{transform:none;opacity:1}.uco400-toast strong{display:block;color:#fff}.uco400-toast span{color:var(--uco400-muted);font-size:.75rem}
.uco400-skeleton{position:relative;overflow:hidden;background:#082119!important;color:transparent!important}.uco400-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:uco400Shimmer 1.25s infinite}@keyframes uco400Shimmer{to{transform:translateX(100%)}}

/* Search / accordions / legal */
.ucoceko-lifestyle-v4 .uco22-accordion article{border:0;border-bottom:1px solid rgba(231,199,122,.16);border-radius:0;background:transparent}.ucoceko-lifestyle-v4 .uco22-accordion article button{padding:25px 0;font-family:var(--uco400-serif);font-size:clamp(1.3rem,2vw,2rem)}
.ucoceko-lifestyle-v4 .uco22-legal__content{padding:clamp(26px,5vw,60px);border-radius:22px;background:rgba(6,27,20,.58);border:1px solid rgba(231,199,122,.13)}

/* 404 */
.ucoceko-lifestyle-v4 .uco22-error-page{min-height:100dvh;display:grid;align-items:center;background:linear-gradient(90deg,rgba(1,8,6,.95),rgba(1,8,6,.52)),url('../gallery/v4/waterfall-products.webp') center/cover}.ucoceko-lifestyle-v4 .uco22-error-page h1{font-size:clamp(4rem,9vw,9rem);line-height:.82}

/* Portal / account visual OS */
.ucoceko-lifestyle-v4 .uco22-portal-shell,.ucoceko-lifestyle-v4 .uco22-system-page,.ucoceko-lifestyle-v4 .uco22-dashboard{background:radial-gradient(circle at 92% 5%,rgba(215,173,77,.065),transparent 24%),linear-gradient(145deg,#03120d,#020b08)}
.ucoceko-lifestyle-v4 .uco22-panel,.ucoceko-lifestyle-v4 .uco22-dashboard-card,.ucoceko-lifestyle-v4 .uco22-os-card{border:1px solid rgba(231,199,122,.14);border-radius:20px;background:linear-gradient(155deg,rgba(7,31,22,.82),rgba(2,15,10,.8));box-shadow:0 18px 55px rgba(0,0,0,.16)}

/* Mobile bottom nav app-like */
.ucoceko-lifestyle-v4 .uco22-mobile-bottom{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;border:1px solid rgba(231,199,122,.22);border-radius:20px;background:rgba(3,18,13,.92);backdrop-filter:blur(22px);box-shadow:0 20px 60px rgba(0,0,0,.42);overflow:hidden}
.ucoceko-lifestyle-v4 .uco22-mobile-bottom a,.ucoceko-lifestyle-v4 .uco22-mobile-bottom button{min-height:60px}

/* Visual intensity controls */
body.ucoceko-lifestyle-v4.uco400-minimal .uco400-ghost-word,body.ucoceko-lifestyle-v4.uco400-minimal .uco400-watermark{display:none}body.ucoceko-lifestyle-v4.uco400-minimal .uco22-section{--uco400-section:clamp(60px,6vw,90px)}body.ucoceko-lifestyle-v4.uco400-premium .uco400-watermark{opacity:.025}body.ucoceko-lifestyle-v4.uco400-cinematic .uco400-watermark{opacity:.04}

/* Focus / accessibility */
.ucoceko-lifestyle-v4 :focus-visible{outline:2px solid var(--uco400-gold-hi)!important;outline-offset:3px!important}.ucoceko-lifestyle-v4 .uco22-skip:focus{z-index:100001;background:#fff;color:#000}

@media(max-width:1100px){
 .uco400-footer__top{grid-template-columns:1.2fr repeat(2,1fr)}.uco400-footer__brand{grid-row:span 2}
 .uco400-space-card:nth-child(n){grid-column:span 6}.uco400-space-card:nth-child(1){grid-column:span 12}
 .uco400-routine-grid{grid-template-columns:repeat(2,1fr)}.uco400-journey__grid{grid-template-columns:repeat(3,1fr)}.uco400-journey__line{display:none}
 .ucoceko-lifestyle-v4.single-product div.product{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:820px){
 :root{--uco400-section:clamp(58px,10vw,86px)}
 .ucoceko-lifestyle-v4 .uco-page-hero,.ucoceko-lifestyle-v4 .uco22-home-hero{min-height:760px;background-image:var(--hero-mobile,var(--hero-v4,var(--hero)));background-position:var(--hero-mobile-x,58%) var(--hero-mobile-y,48%)}
 .ucoceko-lifestyle-v4 .uco-page-hero:before,.ucoceko-lifestyle-v4 .uco22-home-hero:before{background:linear-gradient(0deg,rgba(1,8,6,.98) 0%,rgba(1,8,6,.88) 42%,rgba(1,8,6,.2) 82%),linear-gradient(90deg,rgba(1,8,6,.55),transparent)}
 .ucoceko-lifestyle-v4 .uco-page-hero__inner,.ucoceko-lifestyle-v4 .uco22-home-hero__grid{padding-block:120px 58px;align-self:end}.ucoceko-lifestyle-v4 .uco-page-hero h1,.ucoceko-lifestyle-v4 .uco22-home-hero h1{font-size:clamp(3.4rem,15vw,5.5rem)}.ucoceko-lifestyle-v4 .uco-page-hero__quote{display:none}
 .uco400-intro__grid,.uco400-app-showcase{grid-template-columns:1fr}.uco400-intro__copy,.uco400-app-showcase__content{padding:58px 24px}.uco400-intro__media{min-height:540px;order:-1}.uco400-intro__media:after{background:linear-gradient(0deg,var(--uco400-ivory),transparent 18%)}
 .uco400-section-head{grid-template-columns:1fr}.uco400-need-strip{grid-template-columns:repeat(3,1fr)}
 .uco400-chapter{min-height:660px;padding-block:70px}.uco400-journey__grid{grid-template-columns:1fr 1fr}
 .uco400-early-access{align-items:end;padding:0}.uco400-early-access__dialog{width:100%;max-height:94dvh;grid-template-columns:1fr;border-radius:28px 28px 0 0}.uco400-early-access__visual{min-height:230px;max-height:260px}.uco400-early-access__visual figcaption{bottom:18px}.uco400-early-access__visual figcaption strong{font-size:1.9rem}.uco400-early-access__content{padding:28px 20px max(30px,env(safe-area-inset-bottom))}.uco400-journey-tabs{grid-template-columns:1fr}
 .uco400-footer-campaign{min-height:620px}.uco400-footer__top{grid-template-columns:1fr 1fr}.uco400-footer__brand{grid-column:1/-1;grid-row:auto}.uco400-footer__bottom{flex-direction:column;align-items:flex-start}
 .uco400-product-extras__grid{grid-template-columns:1fr}.ucoceko-lifestyle-v4.single-product div.product{grid-template-columns:1fr}.ucoceko-lifestyle-v4.single-product div.product .summary{position:static}
 .uco400-privacy{bottom:88px;display:block}.uco400-privacy>div:first-child{align-items:flex-start}.uco400-privacy__actions{margin-top:12px;justify-content:flex-end}
}
@media(max-width:620px){
 .ucoceko-lifestyle-v4 .uco22-container,.ucoceko-lifestyle-v4 .uco-container{width:calc(100% - 28px)}
 .uco400-space-grid{gap:10px}.uco400-space-card:nth-child(n){grid-column:1/-1;min-height:340px}.uco400-need-strip{grid-template-columns:repeat(2,1fr)}.uco400-routine-grid{grid-template-columns:1fr}.uco400-journey__grid{grid-template-columns:1fr}.uco400-app-points{grid-template-columns:1fr}
 .uco400-scene-shop__panel{padding:24px}.uco400-scene-shop__hotspots{grid-template-columns:1fr}.uco400-footer__top{grid-template-columns:1fr}.uco400-footer__group{border-top:1px solid rgba(255,255,255,.065);padding-top:18px}
 .uco400-privacy__actions{display:grid;grid-template-columns:1fr 1fr}.uco400-privacy__actions a,.uco400-privacy__actions button{text-align:center;display:grid;place-items:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ucoceko-lifestyle-v4 *, .ucoceko-lifestyle-v4 *:before,.ucoceko-lifestyle-v4 *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.uco400-pageveil{display:none}}
.uco400-early-access__nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}.uco400-early-access__nav button{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid rgba(231,199,122,.25);background:rgba(255,255,255,.025);color:#f1d583;font-size:.68rem;font-weight:850;cursor:pointer}.uco400-early-access__nav button:last-child,.uco400-early-access__nav [data-uco400-form-next]{background:linear-gradient(135deg,#f0d785,#c38d34);color:#06100c}.uco400-early-access__nav span{text-align:center;color:#91a097;font-size:.65rem;letter-spacing:.12em}
.uco400-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease var(--uco400-delay,0ms),transform .65s cubic-bezier(.2,.75,.2,1) var(--uco400-delay,0ms)}.uco400-reveal.is-visible{opacity:1;transform:none}.ucoceko-lifestyle-v4 .uco22-mobile-bottom .is-current{color:var(--uco400-gold-hi);background:rgba(215,173,77,.07)}
.uco400-store{min-height:560px;display:grid;align-items:center}.uco400-store__grid{display:flex;align-items:center;min-height:560px}.uco400-store__card{max-width:670px;padding:clamp(30px,5vw,52px);border-radius:24px}.uco400-store__card h2{font-size:clamp(3rem,5vw,5.5rem);line-height:.9;margin:.14em 0 .25em}.uco400-store__card>p{color:#cad3cd;line-height:1.7}.uco400-store__chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.uco400-store__chips span{padding:9px 12px;border:1px solid rgba(231,199,122,.2);border-radius:999px;background:rgba(1,12,8,.45);font-size:.68rem;color:#d8dfda}
.ucoceko-lifestyle-v4 .uco400-hero--full{min-height:100svh}

/* V4 utility-page hero / formerly bland system pages */
.uco400-utility-hero{min-height:clamp(330px,46vh,500px);display:grid;align-items:end;border-bottom:1px solid rgba(231,199,122,.15)}
.uco400-utility-hero:before{background-image:var(--uco400-wallpaper);background-position:center 45%}
.uco400-utility-hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:end;gap:30px;padding-top:clamp(120px,16vh,170px);padding-bottom:clamp(48px,7vh,78px)}
.uco400-utility-hero__inner>div{max-width:760px}.uco400-utility-hero h1{font-size:clamp(3.2rem,6.8vw,7rem);line-height:.84;margin:.12em 0 .22em}.uco400-utility-hero p{max-width:650px;color:#d0dad3;line-height:1.7}
.uco400-utility-hero__shield{justify-self:end;width:min(250px,24vw);opacity:.13;filter:drop-shadow(0 0 35px rgba(215,173,77,.12))}
.uco400-system-surface{position:relative;background:radial-gradient(circle at 92% 2%,rgba(215,173,77,.06),transparent 25%),radial-gradient(circle at 8% 48%,rgba(20,74,50,.1),transparent 30%),linear-gradient(145deg,#03120d,#020b08)}
.uco400-system-surface:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.024;background:url('../gallery/brand/ucoceko-shield.svg') 92% 20%/520px no-repeat}
.uco400-empty{max-width:620px;margin:40px auto;padding:45px;text-align:center;border:1px solid var(--uco400-line);border-radius:24px;background:linear-gradient(155deg,rgba(8,35,25,.86),rgba(2,15,10,.9));box-shadow:var(--uco400-shadow-soft)}
.uco400-empty img{width:70px;height:70px;opacity:.55}.uco400-empty h3{font-size:2rem;margin:.35em 0}.uco400-empty p{color:var(--uco400-muted);line-height:1.7}

/* Shop hero navigator: a cleaning-first discovery panel rather than pest/product staging */
.uco400-shop-hero__navigator{align-self:end;margin-bottom:42px;padding:30px;border-radius:24px;max-width:460px;justify-self:end}
.uco400-shop-hero__navigator h2{font-size:clamp(2.2rem,3.7vw,4rem);line-height:.9;margin:.15em 0 .35em}
.uco400-shop-hero__links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}
.uco400-shop-hero__links a{display:block;padding:14px;border:1px solid rgba(231,199,122,.18);border-radius:13px;background:rgba(1,12,8,.52);color:#fff;transition:.22s}
.uco400-shop-hero__links a:hover{transform:translateY(-2px);border-color:rgba(243,217,139,.55);background:rgba(215,173,77,.07)}
.uco400-shop-hero__links b{display:block;font-family:var(--uco400-serif);font-size:1.2rem}.uco400-shop-hero__links span{display:block;margin-top:3px;color:#9eaaa3;font-size:.68rem;line-height:1.35}

/* Install / PWA setup */
.uco400-install-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(380px,1.2fr);gap:clamp(28px,6vw,90px);align-items:start}
.uco400-install-copy{position:sticky;top:120px}.uco400-install-copy h2{font-size:clamp(3rem,5vw,5.4rem);line-height:.9;margin:.16em 0 .3em}.uco400-install-copy p{color:var(--uco400-muted);line-height:1.75}
.uco400-install-card{padding:clamp(24px,4vw,42px);border:1px solid var(--uco400-line);border-radius:24px;background:linear-gradient(155deg,rgba(8,34,24,.9),rgba(2,15,10,.94));box-shadow:var(--uco400-shadow-soft)}

/* Cleaner page-to-page wallpaper rhythm */
.ucoceko-lifestyle-v4 .uco100-contact-section,.ucoceko-lifestyle-v4 .uco22-shop-confidence,.ucoceko-lifestyle-v4 .uco22-app-showcase{position:relative;isolation:isolate;overflow:hidden}
.ucoceko-lifestyle-v4 .uco100-contact-section:before,.ucoceko-lifestyle-v4 .uco22-shop-confidence:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(105deg,rgba(1,10,7,.95),rgba(2,16,11,.83)),url('../gallery/v4/cleaning-solutions.webp') center/cover no-repeat;opacity:.82}
.ucoceko-lifestyle-v4 .uco100-contact-form,.ucoceko-lifestyle-v4 .uco100-contact-aside{border-color:rgba(231,199,122,.14)}

/* Better current-page / utility spacing */
.ucoceko-lifestyle-v4 .uco22-system-shell>.uco22-container,.ucoceko-lifestyle-v4 .uco22-portal-shell>.uco22-container{padding-block:clamp(54px,7vw,96px)}

@media(max-width:820px){
 .uco400-utility-hero{min-height:470px}.uco400-utility-hero:before{background-image:var(--uco400-mobile-wallpaper,var(--uco400-wallpaper));background-position:center 34%}.uco400-utility-hero__inner{grid-template-columns:1fr;padding-top:145px}.uco400-utility-hero__shield{display:none}
 .uco400-shop-hero__navigator{max-width:none;justify-self:stretch;margin:22px 0 0}.uco400-shop-hero__links{grid-template-columns:1fr 1fr}
 .uco400-install-grid{grid-template-columns:1fr}.uco400-install-copy{position:static}
}
@media(max-width:520px){.uco400-shop-hero__links{grid-template-columns:1fr}.uco400-utility-hero h1{font-size:clamp(3rem,15vw,4.6rem)}}

/* Desktop contextual action rail */
.uco400-action-rail{position:fixed;z-index:99990;right:14px;top:50%;transform:translateY(-50%);display:grid;gap:7px;padding:8px;border:1px solid rgba(231,199,122,.18);border-radius:18px;background:rgba(3,18,13,.82);backdrop-filter:blur(20px);box-shadow:0 18px 55px rgba(0,0,0,.28)}
.uco400-action-rail button{position:relative;width:52px;min-height:52px;display:grid;place-items:center;border:0;border-radius:13px;background:rgba(255,255,255,.025);color:#d9c67f;cursor:pointer;transition:.2s}
.uco400-action-rail button:hover{background:rgba(215,173,77,.1);color:#fff;transform:translateX(-2px)}.uco400-action-rail svg{width:18px;height:18px}.uco400-action-rail span{position:absolute;right:58px;top:50%;transform:translateY(-50%) translateX(5px);opacity:0;pointer-events:none;padding:7px 10px;border-radius:9px;background:#071911;color:#fff;font-size:.66rem;white-space:nowrap;border:1px solid var(--uco400-line);transition:.18s}.uco400-action-rail button:hover span{opacity:1;transform:translateY(-50%)}.uco400-action-rail b{position:absolute;right:1px;top:1px;min-width:17px;height:17px;border-radius:9px;background:var(--uco400-gold);color:#06100c;font-size:.58rem;display:grid;place-items:center}
@media(max-width:980px){.uco400-action-rail{display:none}}

/* Optional real-image before/after comparison */
.uco400-before-after{margin-block:clamp(42px,6vw,88px)}.uco400-before-after__head{max-width:760px;margin-bottom:24px}.uco400-before-after__head h2{font-size:clamp(2.8rem,5vw,5.2rem);line-height:.9;margin:.12em 0}.uco400-before-after__stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:24px;border:1px solid var(--uco400-line);box-shadow:var(--uco400-shadow-soft);background:#02100b}.uco400-before-after__stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.uco400-before-after__after{clip-path:inset(0 calc(100% - var(--uco400-split)) 0 0)}.uco400-before-after__handle{position:absolute;left:var(--uco400-split);top:0;bottom:0;width:2px;background:var(--uco400-gold-hi);box-shadow:0 0 20px rgba(243,217,139,.6);transform:translateX(-1px)}.uco400-before-after__handle:after{content:"↔";position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--uco400-gold-hi),var(--uco400-bronze));color:#06100c;font-style:normal;font-weight:900}.uco400-before-after__tag{position:absolute;top:18px;padding:8px 10px;border:1px solid var(--uco400-line);border-radius:10px;background:rgba(1,10,7,.7);backdrop-filter:blur(12px);font-size:.68rem;font-weight:800;letter-spacing:.08em}.uco400-before-after__tag.is-before{left:18px}.uco400-before-after__tag.is-after{right:18px}.uco400-before-after__range{width:100%;margin-top:12px;accent-color:var(--uco400-gold)}

/* Automatic low-opacity photographic atmosphere for content sections.
   Keeps text readable while removing flat / empty WordPress-looking bands. */
.ucoceko-lifestyle-v4 .uco22-section:not(.uco400-no-wallpaper):not(.uco400-atmosphere):not(.uco300-wallpaper):before{content:"";position:absolute;z-index:-3;inset:0;background-image:var(--uco400-page-wallpaper);background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.035;filter:saturate(.8) contrast(1.05);pointer-events:none}
.ucoceko-lifestyle-v4 .uco22-section:nth-of-type(even):not(.uco400-no-wallpaper):not(.uco400-atmosphere):not(.uco300-wallpaper):before{opacity:.052;background-position:72% center}
@media(max-width:820px){.ucoceko-lifestyle-v4 .uco22-section:not(.uco400-no-wallpaper):not(.uco400-atmosphere):not(.uco300-wallpaper):before{background-image:var(--uco400-page-wallpaper-mobile,var(--uco400-page-wallpaper));opacity:.045;background-position:center}}
.uco400-pageveil.is-active{opacity:1;visibility:visible}.uco400-pageveil img{position:absolute;left:50%;top:50%;width:92px;height:92px;transform:translate(-50%,-50%);opacity:.42;filter:drop-shadow(0 0 30px rgba(231,199,122,.25));animation:uco400Veil 1.1s ease-in-out infinite alternate}@keyframes uco400Veil{from{opacity:.2;transform:translate(-50%,-50%) scale(.96)}to{opacity:.62;transform:translate(-50%,-50%) scale(1.025)}}

/* V4 page transition safety: never leave the visual veil covering a page if JS is delayed. */
.uco400-pageveil.is-active{animation:uco400VeilOut .72s .18s forwards}
@keyframes uco400VeilOut{0%,36%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
.uco400-pageveil.is-active img{animation:uco400VeilShield .72s ease-in-out forwards}
@keyframes uco400VeilShield{0%{opacity:.18;transform:translate(-50%,-50%) scale(.96)}55%{opacity:.58;transform:translate(-50%,-50%) scale(1.02)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.035)}}
