/*
Theme Name: Valdora
Theme URI: https://valdora.pl/
Author: Valdora
Description: Motyw-wizytówka Valdora: ładowarki przegubowe, traktorki-kosiarki, osprzęt i części. Film w tle na stronie głównej, sekcja wideo, blog, formularz kontaktowy i podstawowa obsługa WooCommerce. Teksty kontaktowe, zdjęcia i filmy ustawisz w Wygląd → Dostosuj.
Version: 1.4.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: valdora
*/
/* Układ: czarne tło, czerwone ukośne ramki-romby jak na wizytówce Valdora; pełnoszerokie pasy zdjęć przeplatane treścią */
:root{
  --ink:#0b0a0a;        /* tło */
  --ink-2:#161312;      /* sekcje alternatywne */
  --ink-3:#221c1b;      /* karty, pola */
  --red:#d9261c;        /* czerwień maszyn */
  --red-deep:#9e160e;
  --paper:#f4efed;      /* tekst */
  --head:#f4efed;       /* tytuły sekcji */
  --mute:#a39794;       /* tekst drugorzędny, szarość ciepła */
  --line:#3a302e;
  --f-display:"Saira Extra Condensed","Arial Narrow",Impact,sans-serif;
  --f-body:"Archivo","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --f-brand:"Cinzel","Trajan Pro",Georgia,serif;
  --wrap:1240px;
  --gut:clamp(16px,4vw,48px);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{background:var(--ink);color:var(--paper);font:400 1rem/1.6 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);font-weight:800;line-height:.95;letter-spacing:.005em;margin:0;text-wrap:balance;text-transform:uppercase}
p{margin:0}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.eyebrow{font:600 .8rem/1.4 var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:.7rem}
.eyebrow::before{content:"";width:28px;height:4px;background:var(--red);transform:skewX(-30deg)}
.btn{display:inline-flex;align-items:center;gap:.6rem;font:700 .95rem/1 var(--f-body);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;padding:1rem 1.5rem;border:2px solid var(--red);background:var(--red);color:var(--paper);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);transition:background .2s,transform .2s;cursor:pointer}
.btn:hover{background:var(--red-deep);border-color:var(--red-deep)}
.btn--ghost{background:transparent}
.btn--ghost:hover{background:var(--red)}
.btn svg{width:18px;height:18px}

/* ---------- Nagłówek ---------- */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--ink) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.brand img{width:44px;height:auto}
.brand span{font:500 1.35rem/1 var(--f-brand);letter-spacing:.12em}
.nav{display:flex;gap:1.6rem;align-items:center}
.nav a{font:500 .92rem/1 var(--f-body);text-decoration:none;color:var(--mute);transition:color .2s;padding-block:.5rem}
.nav a:hover{color:var(--paper)}
.nav .btn{color:var(--paper);padding:.75rem 1.1rem}
.burger{display:none;background:none;border:0;padding:.6rem;cursor:pointer;flex-direction:column;gap:6px}
.burger i{display:block;width:30px;height:5px;background:var(--red);transition:transform .25s,opacity .25s}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(11px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-11px) rotate(-45deg)}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate;min-height:clamp(540px,80vh,800px);display:flex;align-items:center}
.hero>.wrap{width:100%}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;background:var(--ink)}
.hero-slide{opacity:0;transition:opacity 1.2s ease,transform 8s linear}
.hero-slide.is-on{opacity:1}
img.hero-slide{transform:scale(1.04)}
img.hero-slide.is-on{transform:scale(1)}
.hero-dots{position:absolute;right:calc(var(--gut) + 64px);bottom:1.9rem;z-index:3;display:flex;gap:.7rem}
.hero-dots button{width:12px;height:12px;padding:0;border:2px solid var(--paper);background:transparent;transform:rotate(45deg);cursor:pointer;opacity:.75;transition:background .2s,opacity .2s}
.hero-dots button[aria-current="true"]{background:var(--red);border-color:var(--red);opacity:1}
.hero-dots button:hover{opacity:1}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 92%,transparent) 0%,color-mix(in srgb,var(--ink) 70%,transparent) 45%,color-mix(in srgb,var(--ink) 25%,transparent) 100%),linear-gradient(0deg,var(--ink) 0%,transparent 30%)}
.vbtn{width:44px;height:44px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--paper) 35%,transparent);background:color-mix(in srgb,var(--ink) 60%,transparent);color:var(--paper);cursor:pointer;transition:background .2s,border-color .2s}
.vbtn:hover{background:var(--red);border-color:var(--red)}
.vbtn svg{width:18px;height:18px}
.hero-pause{position:absolute;right:var(--gut);bottom:1.2rem;z-index:3}
.hero .wrap{display:grid;grid-template-columns:minmax(0,46rem);gap:2rem;align-items:center;padding-block:clamp(2.5rem,6vw,5rem)}
.hero-copy{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:2;min-width:0}
.hero h1{font-size:clamp(3rem,7.2vw,6.2rem)}
.hero h1 em{font-style:italic;color:var(--red)}
.hero-lead{color:var(--mute);font-size:1.12rem;max-width:34rem}
.hero-ctas{display:flex;flex-wrap:wrap;gap:.8rem}
.hero-facts{display:flex;flex-wrap:wrap;gap:1.6rem;padding-top:1rem;border-top:1px solid var(--line)}
.hero-facts div{display:flex;flex-direction:column}
.hero-facts b{font:800 2rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.hero-facts span{font-size:.8rem;color:var(--mute);text-transform:uppercase;letter-spacing:.1em}
.bars{position:absolute;left:0;top:50%;display:none;flex-direction:column;gap:22px;transform:translateY(-50%)}
.bars i{display:block;width:clamp(40px,7vw,96px);height:14px;background:var(--red)}


/* ---------- Kategorie ---------- */
section{scroll-margin-top:80px}
.sec{padding-block:clamp(3.5rem,8vw,6.5rem)}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2.5rem}
.sec-head h2{font-size:clamp(2.4rem,5vw,4rem);margin-top:.8rem}
.sec-head p{color:var(--mute);max-width:30rem}

.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,3.5rem)}
.pick{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.4rem;text-decoration:none;min-width:0}
.pick-dia{position:relative;width:70%;aspect-ratio:1;max-width:100%;margin-block:13%;transform:rotate(45deg);border:6px solid var(--red);overflow:hidden;background:var(--ink-2);transition:border-color .3s,box-shadow .3s}
.pick-dia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:rotate(-45deg) scale(1.45);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pick-dia--icon{display:grid;place-items:center;background:linear-gradient(135deg,var(--ink-3),var(--ink))}
.pick-dia--icon svg{width:42%;height:42%;color:var(--red);transform:rotate(-45deg);transition:transform .4s}
.pick:hover .pick-dia{box-shadow:0 0 0 6px var(--ink),0 0 0 8px var(--red)}
.pick:hover .pick-dia img{transform:rotate(-45deg) scale(1.58)}
.pick:hover .pick-dia--icon svg{transform:rotate(-45deg) scale(1.12)}
.pick-body{display:flex;flex-direction:column;align-items:center;gap:.7rem}
.pick h3{font-size:clamp(2rem,3.2vw,2.6rem)}
.pick p{color:var(--mute);max-width:26ch}
.pick .more{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:3px solid var(--red);padding-bottom:.25rem}

/* ---------- Pas zdjęcia na całą szerokość ---------- */
.band{position:relative;min-height:clamp(320px,52vw,620px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.04);transition:transform 1.4s ease}
.band.in>img{transform:scale(1)}
.band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,color-mix(in srgb,var(--ink) 92%,transparent) 100%),linear-gradient(90deg,color-mix(in srgb,var(--ink) 70%,transparent),transparent 65%)}
.band .wrap{width:100%;padding-block:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;gap:1rem}
.band h2{font-size:clamp(2.6rem,6.5vw,5.6rem);max-width:14ch}
.band p{max-width:32rem;color:var(--paper)}

/* ---------- Model V500 ---------- */
.model{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.model-img{position:relative;aspect-ratio:4/3;max-width:100%;overflow:hidden;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.model-img img{width:100%;height:100%;object-fit:cover}
.model-img .tag{position:absolute;left:12%;bottom:1.2rem;font:italic 800 3.2rem/1 var(--f-display);color:var(--paper);text-shadow:0 2px 18px rgba(0,0,0,.6)}
.model-copy{display:flex;flex-direction:column;gap:1.4rem;min-width:0}
.model-copy h2{font-size:clamp(2.4rem,5vw,4rem)}
.model-copy>p{color:var(--mute)}
.specs{border-top:2px solid var(--red);display:grid;grid-template-columns:1fr 1fr;margin:0}
.specs div{display:flex;flex-direction:column;gap:.15rem;padding:.9rem .2rem;border-bottom:1px solid var(--line)}
.specs dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--mute)}
.specs dd{margin:0;font:800 1.7rem/1.05 var(--f-display);font-variant-numeric:tabular-nums}
.specs dd small{font:500 .9rem var(--f-body);color:var(--mute)}

/* ---------- Wideo ---------- */
.alt{background:var(--ink-2);border-block:1px solid var(--line)}
.videos{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:1rem}
.clip{position:relative;overflow:hidden;background:var(--ink-3);aspect-ratio:16/9;min-width:0}
.clip--main{grid-row:span 2;aspect-ratio:auto;min-height:100%}
.clip img,.clip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clip{margin:0}
.clip figcaption{position:absolute;inset:auto 0 0 0;padding:2.5rem 4.5rem 1.1rem 1.2rem;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);display:flex;flex-direction:column;gap:.3rem;pointer-events:none}
.clip strong{font:800 1.5rem/1 var(--f-display);text-transform:uppercase}
.clip small{color:var(--mute);font-size:.8rem;font-variant-numeric:tabular-nums}
.clip .snd{position:absolute;right:1rem;bottom:1rem}
.clip{cursor:pointer}
.clip::after{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f4efed' d='M8 5l11 7-11 7z' transform='rotate(-45 12 12)'/%3E%3C/svg%3E") center/26px no-repeat;transform:rotate(45deg);transition:opacity .3s,transform .3s;pointer-events:none}
.clip.playing::after{opacity:0;transform:rotate(45deg) scale(.6)}
.clip video{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.clip.playing video{transform:scale(1.03)}
.clip .note{position:absolute;inset:1rem 1rem auto 1rem;background:var(--ink);border-left:4px solid var(--red);padding:.7rem .9rem;font-size:.85rem}

/* ---------- Dlaczego my ---------- */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.why div{padding:1.8rem 1.4rem 1.6rem 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:.6rem;min-width:0}
.why div+div{padding-left:1.4rem;border-left:1px solid var(--line)}
.why h3{font-size:1.6rem}
.why p{color:var(--mute);font-size:.95rem}
.why svg{width:30px;height:30px;color:var(--red)}

/* ---------- Blog ---------- */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.post{display:flex;flex-direction:column;gap:.8rem;text-decoration:none;min-width:0}
.post figure{margin:0;aspect-ratio:3/2;overflow:hidden;background:var(--ink-3);position:relative}
.post figure img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.post:hover figure img{transform:scale(1.05)}
.post figure span{position:absolute;left:0;top:0;background:var(--red);font:600 .72rem/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;padding:.5rem .7rem}
.post time{font-size:.8rem;color:var(--mute);font-variant-numeric:tabular-nums}
.post h3{font-size:1.65rem;transition:color .2s}
.post:hover h3{color:var(--red)}
.post p{color:var(--mute);font-size:.95rem}
.g1{background:radial-gradient(circle at 70% 30%,var(--red) 0 18%,transparent 19%),repeating-linear-gradient(135deg,var(--ink-3) 0 22px,var(--ink-2) 22px 44px)}

/* ---------- Kontakt ---------- */
.contact{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(2rem,5vw,4rem)}
.contact-info{display:flex;flex-direction:column;gap:1.6rem;min-width:0}
.contact-info h2{font-size:clamp(2.4rem,4.4vw,3.6rem)}
.contact-info dl{margin:0;display:grid;gap:1.1rem}
.contact-info dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--mute)}
.contact-info dd{margin:.2rem 0 0;font-size:1.15rem}
.contact-info dd a{text-decoration:none;border-bottom:2px solid var(--red)}
.hours{font-variant-numeric:tabular-nums}
form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:var(--ink-2);border:1px solid var(--line);border-top:4px solid var(--red);padding:clamp(1.2rem,3vw,2rem)}
.field{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.field--full{grid-column:1/-1}
label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--mute)}
input,select,textarea{font:inherit;color:var(--paper);background:var(--ink);border:1px solid var(--line);padding:.85rem .9rem;border-radius:0;width:100%}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red)}
textarea{min-height:130px;resize:vertical}
.form-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
.form-foot small{color:var(--mute);font-size:.8rem;max-width:22rem}
.form-msg{grid-column:1/-1;border-left:4px solid var(--red);padding:.7rem .9rem;background:var(--ink)}

/* ---------- Stopka ---------- */
footer{border-top:1px solid var(--line);padding-block:2.5rem;color:var(--mute);font-size:.9rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center}
footer nav{display:flex;flex-wrap:wrap;gap:1.2rem}
footer a{text-decoration:none}
footer a:hover{color:var(--paper)}

/* ---------- Animacje przewijania (stan spoczynkowy zawsze widoczny) ---------- */
.reveal{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.js .reveal:not(.in){transform:translateY(22px)}

/* ---------- Responsywność ---------- */
@media (min-width:1420px){.bars{display:flex}}
@media (max-width:1020px){
  .why{grid-template-columns:1fr 1fr}
  .why div:nth-child(3){padding-left:0;border-left:0}
}
@media (max-width:860px){
  .nav{position:fixed;inset:72px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:var(--ink);border-bottom:1px solid var(--line);padding:.5rem var(--gut) 1.2rem;transform:translateY(-120%);transition:transform .3s;visibility:hidden}
  .nav.open{transform:none;visibility:visible}
  .nav a{padding-block:.9rem;border-bottom:1px solid var(--line);font-size:1.05rem}
  .nav .btn{margin-top:1rem;justify-content:center;border-bottom:2px solid var(--red)}
  .burger{display:flex}
  .hero .wrap,.model,.contact{grid-template-columns:1fr}
  .hero::before{background:linear-gradient(0deg,var(--ink) 0%,color-mix(in srgb,var(--ink) 72%,transparent) 60%,color-mix(in srgb,var(--ink) 45%,transparent) 100%)}
  .bars{display:none}
  .videos{grid-template-columns:1fr}
  .clip--main{grid-row:auto;aspect-ratio:16/9}
  .posts{grid-template-columns:1fr}
  .picks{grid-template-columns:1fr;gap:.5rem}
  .pick-dia{width:min(52%,240px)}
  .post{display:grid;grid-template-columns:140px 1fr;gap:.4rem 1rem;align-items:start}
  .post figure{grid-row:span 3;aspect-ratio:1}
}
@media (max-width:560px){
  .why{grid-template-columns:1fr}
  .why div,.why div+div{padding-left:0;border-left:0}
  form{grid-template-columns:1fr}
  .specs dd{font-size:1.45rem}
  .post{grid-template-columns:1fr}
  .post figure{grid-row:auto;aspect-ratio:3/2}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .reveal:not(.in){transform:none}
}

/* ---------- WordPress: pasek administratora ---------- */
.admin-bar .top{top:calc(32px + env(safe-area-inset-top,0px))}
@media (max-width:782px){.admin-bar .top{top:calc(46px + env(safe-area-inset-top,0px))}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;left:1rem;top:1rem;z-index:100;width:auto;height:auto;clip:auto;background:var(--red);color:var(--paper);padding:.8rem 1rem}
.nav ul{list-style:none;margin:0;padding:0;display:contents}
.nav li{display:contents}
.nav .current-menu-item>a,.nav .current_page_item>a{color:var(--paper)}

/* ---------- Podstrony, blog, wpisy ---------- */
.page-head{border-bottom:1px solid var(--line);padding-block:clamp(2.5rem,6vw,4.5rem) 2rem;background:linear-gradient(135deg,var(--ink-2),var(--ink))}
.page-head .wrap{display:flex;flex-direction:column;gap:1rem}
.page-head h1{font-size:clamp(2.6rem,6vw,4.8rem)}
.page-head .meta{color:var(--mute);font-size:.9rem;font-variant-numeric:tabular-nums}
.content{padding-block:clamp(2.5rem,6vw,4.5rem)}
.entry{max-width:72ch;font-size:1.06rem;line-height:1.75}
.entry>*+*{margin-top:1.2em}
.entry h2{font-size:2.2rem;margin-top:1.8em}
.entry h3{font-size:1.6rem;margin-top:1.6em}
.entry a{color:var(--paper);text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:3px}
.entry img{height:auto}
.entry blockquote{margin-inline:0;border-left:4px solid var(--red);padding:.4rem 1.2rem;color:var(--mute)}
.entry ul,.entry ol{padding-left:1.3em}
.entry table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.entry th,.entry td{border:1px solid var(--line);padding:.6rem .8rem;text-align:left}
.entry figcaption,.wp-caption-text{color:var(--mute);font-size:.85rem}
.entry .alignwide,.entry .alignfull{max-width:none}
.entry--wide{max-width:none}
.thumb-hero{margin:0 0 2rem;max-width:72ch}
.thumb-hero img{width:100%;height:auto}
.pagination,.nav-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:3rem}
.page-numbers{padding:.6rem .9rem;border:1px solid var(--line);text-decoration:none}
.page-numbers.current,.page-numbers:hover{background:var(--red);border-color:var(--red)}
.post-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.post-nav a{text-decoration:none;color:var(--mute)}
.post-nav a:hover{color:var(--paper)}
.empty{color:var(--mute)}
.comments-area{max-width:72ch;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}
.comments-area ol{list-style:none;padding:0}
.comment-body{padding-block:1rem;border-bottom:1px solid var(--line)}
.comment-form{display:grid;gap:1rem}
.comment-form p{margin:0;display:flex;flex-direction:column;gap:.35rem}
.comment-form .form-submit input{width:auto;background:var(--red);border-color:var(--red);font-weight:700;cursor:pointer}

/* ---------- Formularz: potwierdzenie ---------- */
.form-ok{grid-column:1/-1;border-left:4px solid #3fae5a;padding:.7rem .9rem;background:var(--ink)}
.hp{position:absolute;left:-9999px}

/* ---------- WooCommerce (podstawy w kolorach marki) ---------- */
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--red)!important;color:var(--paper)!important;border-radius:0;font-family:var(--f-body);text-transform:uppercase;letter-spacing:.04em}
.woocommerce .button:hover{background:var(--red-deep)!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:800 1.4rem/1.05 var(--f-display);text-transform:uppercase;color:var(--paper)}
.woocommerce ul.products li.product a{text-decoration:none}
.woocommerce .price,.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--red)!important;font-weight:700}
.woocommerce div.product .product_title{font-size:clamp(2.2rem,5vw,3.6rem)}
.woocommerce span.onsale{background:var(--red);border-radius:0}
.woocommerce .woocommerce-breadcrumb,.woocommerce .woocommerce-breadcrumb a{color:var(--mute)}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--ink-2)!important;color:var(--paper)!important;border-top-color:var(--red)!important}
.woocommerce table.shop_table{border-color:var(--line)}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--ink-2);border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--ink-3)}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--paper)}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce .quantity .qty{width:5em}
.woocommerce form .form-row label{color:var(--mute)}
.select2-container--default .select2-selection--single{background:var(--ink);border-color:var(--line);border-radius:0}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--paper)}
.select2-dropdown{background:var(--ink-2);color:var(--paper)}
footer nav ul{list-style:none;margin:0;padding:0;display:contents}
footer nav li{display:contents}


/* ---------- Kolory liter – wymuszone, żeby wtyczki ich nie zmieniały ----------
   Każdy kolor zmienisz w Wygląd → Dostosuj → Valdora → Valdora: kolory liter. */
html body{color:var(--paper)!important}
html body p,html body li,html body dd,html body figcaption,html body .entry,html body .entry a{color:var(--paper)!important}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body .sec-head h2,html body .model-copy h2,html body .page-head h1,html body .entry h2,html body .entry h3,html body .woocommerce div.product .product_title{color:var(--head)!important}
html body .pick h3,html body .post h3,html body .why h3,html body .clip strong,html body .woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--c-card-head,var(--head))!important}
html body .post:hover h3{color:var(--red)!important}
html body .hero h1{color:var(--c-hero-title,var(--head))!important}
html body .hero h1 em{color:var(--c-hero-em,var(--red))!important}
html body .hero-lead{color:var(--c-hero-lead,var(--mute))!important}
html body .eyebrow,html body .eyebrow a{color:var(--c-eyebrow,var(--red))!important}
html body .sec-head p,html body .pick p,html body .post p,html body .model-copy>p,html body .why p,html body .post time,html body .page-head .meta,html body .clip small,html body .empty,html body .form-foot small{color:var(--mute)!important}
html body .hero-facts b,html body .specs dd,html body .model-img .tag{color:var(--c-numbers,var(--paper))!important}
html body .hero-facts span,html body .specs dt,html body .specs dd small,html body .contact-info dt{color:var(--c-labels,var(--mute))!important}
html body .pick .more{color:var(--c-more,var(--paper))!important}
html body .btn,html body .btn:visited,html body .top .nav .btn,html body .woocommerce .button,html body .woocommerce a.button{color:var(--c-btn-text,var(--paper))!important}
html body .band h2,html body .band p{color:var(--c-band,var(--paper))!important}
html body .contact-info dd,html body .contact-info dd a{color:var(--c-contact,var(--paper))!important}
html body label,html body .comment-form label{color:var(--c-form,var(--mute))!important}
html body footer,html body footer p,html body footer a,html body footer .brand span{color:var(--c-footer,var(--mute))!important}
html body footer a:hover{color:var(--c-nav-hover,var(--paper))!important}
html body .top .nav a:not(.btn){color:var(--c-nav,var(--mute))!important}
html body .top .nav a:not(.btn):hover,html body .top .nav .current-menu-item>a{color:var(--c-nav-hover,var(--paper))!important}
html body .top .brand span{color:var(--c-brand,var(--paper))!important}
html body a,html body a:visited{color:inherit}
html body .woocommerce .price,html body .woocommerce ul.products li.product .price{color:var(--red)!important}

/* ---------- Miejsca na zdjęcia i filmy ---------- */
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-media--m{display:none}
@media (max-width:860px){.hero.has-mobile .hero-media--m{display:block}.hero.has-mobile .hero-media:not(.hero-media--m){display:none}}
.band>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.04);transition:transform 1.4s ease}
.band.in>video{transform:scale(1)}
.pick-dia video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:rotate(-45deg) scale(1.45);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pick:hover .pick-dia video{transform:rotate(-45deg) scale(1.58)}
.model-img video{width:100%;height:100%;object-fit:cover}
.clip:not(.is-video)::after{display:none}
.clip:not(.is-video){cursor:default}

/* ---------- Wyskakujące powiadomienia o „zakupach” z wtyczek – ukryte ---------- */
#message-purchased,.message-purchased,#woo-notification,.woo-notification,.wn-notification,.notificationx-frontend,.nx-bar,.sales-pop,.sales-pop-wrap,.woo-sales-notification,.wsn-popup,.fomo-notification{display:none!important}