/* Wariant D: jasna kolorystyka (biel i beż, w stylu marki Skrojo), czytelny ciemny tekst. Ładowany jako ostatni. */
body.vd{--bg:#fafaf8;--bg2:#f4eee5;--line:#e2dad0;background:#fafaf8;color:#2b2722}
.vd h2,.vd h3{color:#111}
.vd .light{background:#f4eee5}
.vd .ut{background:#f2ece4;border-bottom-color:#e2dad0}
.ln{color:#111}
/* ===== hero: jasne tło z ruchomym fragmentem filmu ===== */
.vd .hs{background:linear-gradient(120deg,#fbf8f3 0%,#f4ede2 55%,#eaf2fb 100%);color:#111}
.vd .hs .bg:after{background:linear-gradient(100deg,rgba(251,248,243,.97) 0%,rgba(251,248,243,.88) 40%,rgba(244,237,226,.38) 100%)}
.bgv{opacity:.8;filter:saturate(1.05) brightness(1.04)}
.hs .grid{background-image:linear-gradient(rgba(17,17,17,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.05) 1px,transparent 1px)}
.blob{opacity:.28}.blob.b2{opacity:.2}.blob.b3{background:#e9b44c;opacity:.28}
.vd .hs h1{color:#111;text-shadow:none}
.vd .hs p{color:#4a443c}
.vd .hs .eyebrow{background:#fff;color:#111;border:1px solid #d9cfc0;backdrop-filter:none}
.hs .gt{background:linear-gradient(90deg,#0176d3,#2e844a,#0176d3);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.rot{color:#5b554d}.rot b{color:#111}
.vd .hs .btn.p{background:#0176d3;color:#fff;box-shadow:0 10px 26px rgba(1,118,211,.35)}.vd .hs .btn.p:hover{background:#014486}
.vd .hs .btn.s{border-color:#111;color:#111}.vd .hs .btn.s:hover{background:rgba(17,17,17,.06)}
.hs .btn.p.pulse{animation:plsb 2.4s infinite}
@keyframes plsb{0%{box-shadow:0 0 0 0 rgba(1,118,211,.5)}70%,100%{box-shadow:0 0 0 18px rgba(1,118,211,0)}}
.dots button{background:rgba(17,17,17,.18)}.dots button[aria-current=true]{background:rgba(17,17,17,.22)}
.arr{border:1px solid rgba(17,17,17,.3);background:rgba(255,255,255,.9);color:#111}.arr:hover{background:#0176d3;border-color:#0176d3;color:#fff}
.frame{border:1px solid #d9cfc0;box-shadow:0 30px 70px rgba(80,60,30,.28),0 0 0 6px rgba(255,255,255,.65)}
.phone{box-shadow:0 30px 70px rgba(80,60,30,.35),0 0 0 6px rgba(255,255,255,.65)}
/* ===== pływające karty: pełne, czytelne ===== */
.fc{background:#fff;color:#1c1c1c;border:1px solid #e2dad0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 14px 34px rgba(80,60,30,.22);font-weight:700}
.fc .ic{color:#0176d3}
/* ===== wstęga modułów ===== */
.mq{background:#f2ece4;color:#3a352e;border-block:1px solid #e2dad0}.mq .ic{color:#0176d3}
/* ===== na miarę ===== */
.miara{background:radial-gradient(700px 320px at 85% 0,rgba(46,132,74,.12),transparent),radial-gradient(600px 300px at 0 100%,rgba(1,118,211,.1),transparent),#f2ece4;color:#111}
.miara:before{background:repeating-linear-gradient(90deg,#111 0 14px,transparent 14px 26px);opacity:.22}
.miara h2{color:#111}.miara p{color:#4a443c}
.kick{background:#fff;border:1px solid #d9cfc0;color:#111}
.kroki:before{border-top:3px dashed rgba(17,17,17,.25)}
.ks{background:#fff;border:1px solid #e2dad0;backdrop-filter:none;box-shadow:0 10px 26px rgba(80,60,30,.08)}
.ks h4{color:#111}.ks p{color:#5b554d}.kn{color:rgba(17,17,17,.07)}
.proc b{color:#111}
.pc{background:#fff;border:1px solid #d9cfc0;color:#111}.pc .ic{color:#2e844a}
.miara .btn.p{background:#0176d3;color:#fff}.miara .btn.p:hover{background:#014486}
/* ===== plany ===== */
.band{background:linear-gradient(120deg,#f2ece4,#efe6da 60%,#e8efe6);color:#111}
.band:before{background:radial-gradient(500px 200px at 20% 0,rgba(255,255,255,.7),transparent)}
.pl-head h2{color:#111}.pl-head p{color:#4a443c}
.plan{border:1px solid #e2dad0;box-shadow:0 16px 40px rgba(80,60,30,.14)}
.plan .pp{color:#111}
.band .btn.p{background:#0176d3;color:#fff}
/* ===== film ===== */
.vbox{background:#efe6da;box-shadow:0 20px 50px rgba(80,60,30,.18)}.vbox .ph{color:#5b554d}
/* ===== zdjęcia: neutralne, ciepłe przyciemnienie (zamiast granatu) ===== */
.tile:after{background:linear-gradient(180deg,rgba(24,18,10,.05) 0%,rgba(24,18,10,.36) 45%,rgba(24,18,10,.86) 100%)}
.mt:after{background:linear-gradient(180deg,rgba(24,18,10,.03),rgba(24,18,10,.82))}
.bp-img{background:linear-gradient(180deg,rgba(24,18,10,.05),rgba(24,18,10,.55)),var(--img) center/cover}
.vd .nc .im{background:linear-gradient(180deg,rgba(24,18,10,.02),rgba(24,18,10,.28)),var(--img) center/cover}
/* ===== nagłówki i drobne elementy w ciemnym grafitem ===== */
.mi b,.mp b,.mi-intro h4,.bc h4,.rcard h3,.vd .sh{color:#111}
.vd .sh{border-bottom-color:#111}
.ibtn .ic{color:#111}
/* ===== stopka ===== */
.vd footer{background:#f2ece4;color:#4a443c;border-top:1px solid #e2dad0}
.vd footer a{color:#3a352e}.vd footer a:hover{color:#0176d3}
.vd footer h4{color:#111}.vd footer .ln{color:#111}
.vd .legal{border-top:1px solid #d9cfc0;color:#6b645a;opacity:1}
/* ===== wyszukiwarka ===== */
.srch{background:rgba(250,247,242,.97)}.srch .x{color:#111}
.srch input{border:1px solid #d9cfc0;border-bottom:3px solid #0176d3;color:#111}
.srch ul{border:1px solid #e2dad0;box-shadow:0 20px 50px rgba(80,60,30,.15)}