/* Miękkie, cieniowane przejścia między strefami strony (zamiast ostrych krawędzi i linii). Ładowany jako ostatni. */
body.vd{--cream:#fafaf8;--sand:#f4eee5;--sand2:#f2ece4;--fade:110px}

/* usunięcie linii przerywanych */
.miara:before{display:none!important}
.kroki:before{border-top:2px solid rgba(17,17,17,.08)!important}

/* hero -> pierwsza sekcja: dół hero zanika do kremu */
.vd .hs:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,rgba(250,250,248,0),var(--cream));z-index:2;pointer-events:none}

/* wstęga modułów: bez ramek, krem -> piasek -> krem */
.vd .mq{border:0;padding:26px 0;background:linear-gradient(180deg,var(--cream) 0%,var(--sand2) 38%,var(--sand2) 62%,var(--cream) 100%)}

/* sekcje w kolorze piasku: zanikają do kremu u góry i u dołu */
.vd .light{background:linear-gradient(180deg,var(--cream) 0,var(--sand) var(--fade),var(--sand) calc(100% - var(--fade)),var(--cream) 100%)}

/* "Szyjemy na miarę": poświaty + zanikanie do kremu */
.vd .miara{background:
  radial-gradient(700px 320px at 85% 22%,rgba(46,132,74,.12),transparent),
  radial-gradient(600px 300px at 5% 78%,rgba(1,118,211,.10),transparent),
  linear-gradient(180deg,var(--cream) 0,var(--sand2) var(--fade),var(--sand2) calc(100% - var(--fade)),var(--cream) 100%)}

/* cennik: krem -> beż -> lekka zieleń -> krem */
.vd .band{background:linear-gradient(180deg,var(--cream) 0,var(--sand2) var(--fade),#efe6da 55%,#e9efe7 calc(100% - var(--fade)),var(--cream) 100%)}
.vd .band:before{background:radial-gradient(520px 220px at 20% 18%,rgba(255,255,255,.65),transparent)}

/* stopka: wejście z kremu w beż */
.vd footer{background:linear-gradient(180deg,var(--cream) 0,var(--sand2) 120px);border-top:0}
.vd.subpage footer{background:linear-gradient(180deg,var(--cream) 0,var(--sand2) 100px)}

/* strony pomocnicze: nagłówek strony zanika do kremu */
.pagehead2{background:linear-gradient(180deg,#f4ede2 0,#f7f2ea 60%,var(--cream) 100%)}

@media(max-width:700px){body.vd{--fade:70px}}
/* czytelność: nagłówki w sekcjach z jasnym tłem */
.vd .band .pl-head h2,.vd .band h2,.vd .band h3{color:#111}
.vd .miara h2,.vd .miara h4{color:#111}
.vd .loadv label{border:1px solid #d9cfc0;background:#fff;border-radius:10px}.vd .loadv label:hover{border-color:#0176d3;color:#0176d3}

/* logo Skrojo: znak bez kafelka, nazwa małymi literami */
.logo-mark{border-radius:0!important;box-shadow:none!important}
.vd .ln{text-transform:lowercase;font-weight:800;letter-spacing:-.05em;font-size:1.55rem}
.vd .hd .logo,.vd footer .logo{gap:11px}
@media(max-width:620px){.vd .ln{font-size:1.35rem}}