/*
Theme Name: Deco Wall Kids Studio
Description: Lekki motyw sklepu decowallkids.pl (bez Elementora i XStore). Wzor: deco-wall-studio i prototyp /nowa-strona/.
Version: 0.1.0
Text Domain: decowallkids-studio
*/

/* ---------- Czcionka lokalna (DM Sans, zmienna, SIL OFL) ---------- */
@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 1000;font-display:swap;src:url(fonts/dmsans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 1000;font-display:swap;src:url(fonts/dmsans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --plum:#914290;--plum-dk:#3F1A3E;--plum-soft:#F4E9F3;
  --lime:#AFC224;--lime-soft:#F1F5D6;
  --cream:#FBF7F1;--ink:#222;--grey:#5f6873;--line:#E9E2D8;
  --r:22px;--maxw:1240px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--plum)}
a:hover{color:#7d357c}
h1,h2,h3,h4{line-height:1.15;letter-spacing:-.015em;margin:0 0 .5em}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--plum);outline-offset:3px;border-radius:6px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.dwk-wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.dwk-skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px 14px;border-radius:8px;z-index:200}
.dwk-skip:focus{left:8px}
svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Przyciski ---------- */
.dwk-btn,.button,button.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:999px;font:inherit;font-weight:700;font-size:16px;line-height:1.2;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .2s,transform .2s}
.dwk-btn:hover{transform:translateY(-1px)}
.dwk-btn-primary,.woocommerce a.button.alt,.woocommerce button.button.alt,.single_add_to_cart_button,.woocommerce #respond input#submit,.checkout-button,#place_order{background:var(--plum)!important;color:#fff!important;border-color:var(--plum)!important}
.dwk-btn-primary:hover,.single_add_to_cart_button:hover,.checkout-button:hover,#place_order:hover{background:#7d357c!important;border-color:#7d357c!important;color:#fff!important}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:#fff;color:var(--plum-dk);border-color:var(--line)}
.dwk-btn-ghost,.dwk-btn-white{background:#fff;color:var(--plum-dk)}
.dwk-btn-line{background:transparent;color:var(--plum);border-color:var(--plum)}
.dwk-btn-line:hover{background:var(--plum-soft);color:var(--plum)}
.dwk-btn svg{width:18px;height:18px}

/* ---------- Naglowek ---------- */
.dwk-top{position:sticky;top:0;z-index:50;background:rgba(251,247,241,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.dwk-top-in{display:flex;align-items:center;gap:18px;height:72px}
.dwk-logo img{height:40px;width:auto}
.dwk-nav{display:flex;gap:22px;margin-left:auto;font-weight:500;font-size:15px}
.dwk-nav a{color:var(--ink);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap}
.dwk-nav a:hover{border-color:var(--lime);color:var(--ink)}
.dwk-narzedzia{display:flex;align-items:center;gap:6px;margin-left:12px}
.dwk-narzedzia>a,.dwk-szukaj>summary{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--ink);cursor:pointer;position:relative}
.dwk-narzedzia>a:hover,.dwk-szukaj>summary:hover{background:var(--plum-soft)}
.dwk-narzedzia .dwk-probki-btn{width:auto;height:auto;padding:10px 18px;font-size:15px;margin-left:6px;border-radius:999px}
.dwk-licznik{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--plum);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}
details>summary{list-style:none}
details>summary::-webkit-details-marker{display:none}
.dwk-szukaj{position:static}
.dwk-szukaj form{position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--line);padding:14px 20px;display:flex;gap:10px;justify-content:center;box-shadow:0 12px 24px rgba(63,26,62,.08)}
.dwk-szukaj input[type=search]{flex:1;max-width:620px;padding:12px 16px;border:1px solid var(--line);border-radius:999px;font:inherit}
.dwk-szukaj button{padding:12px 22px;border-radius:999px;border:0;background:var(--plum);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.dwk-mobilne{display:none}
@media(max-width:1180px){.dwk-nav{gap:16px;font-size:14px}}
@media(max-width:1040px){
  .dwk-nav{display:none}
  .dwk-mobilne{display:block}
  .dwk-mobilne>summary{display:grid;place-items:center;width:42px;height:42px;cursor:pointer}
  .dwk-mobilne nav{position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--line);padding:10px 20px 20px;display:grid;box-shadow:0 12px 24px rgba(63,26,62,.08)}
  .dwk-mobilne nav a{padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:500}
  .dwk-mobilne nav .dwk-btn{margin-top:14px;border-bottom:0;color:#fff}
  .dwk-narzedzia{margin-left:auto}
}
@media(max-width:560px){
  .dwk-top-in{height:64px;gap:8px}
  .dwk-logo img{height:30px}
  .dwk-probki-btn{display:none!important}
  .dwk-szukaj form,.dwk-mobilne nav{top:64px}
  .dwk-narzedzia{gap:0}
}

/* ---------- Strony i wpisy ---------- */
.dwk-strona{padding-top:40px;padding-bottom:70px}
.dwk-tytul{font-size:clamp(30px,4vw,46px);margin-bottom:24px}
.dwk-strona-sklep .dwk-tresc{max-width:none}
.dwk-tresc img{border-radius:12px}
.dwk-kicker{color:var(--plum);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.dwk-kicker a{text-decoration:none}
.dwk-wpis-foto{border-radius:var(--r);margin-bottom:28px;width:100%}
.dwk-wpisy{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dwk-karta-wpisu{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);text-decoration:none}
.dwk-karta-wpisu img{width:100%;aspect-ratio:16/10;object-fit:cover}
.dwk-karta-wpisu div{padding:18px 20px 22px}
.dwk-karta-wpisu small{color:var(--grey)}
.dwk-karta-wpisu h2{font-size:20px;margin:6px 0 8px}
.dwk-karta-wpisu p{color:var(--grey);font-size:15px;margin:0}
@media(max-width:900px){.dwk-wpisy{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.dwk-wpisy{grid-template-columns:1fr}}

/* ---------- Tresci stron przeniesione z Elementora ---------- */
.dwk-tresc{max-width:1000px;overflow-wrap:break-word;hyphens:auto}
/* Szerokie tabele w tresci stron (polityka prywatnosci, porownanie dla przedszkoli) przewijaja sie w bok
   we wlasnym pudelku, zamiast rozpychac cala strone na telefonie (audyt 03.10). */
.dwk-tresc table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
/* Strona dla przedszkoli: tabela porownania ma we wlasnych stylach min-width:480px; na telefonie caly porownanie
   na ekranie (tekst w komorkach sie zawija) zamiast uciete i rozpychajace strone. */
@media(max-width:600px){
  .dwk-tresc .b2b-vs-wrap{max-width:100%;min-width:0;overflow-x:auto}
  .dwk-tresc table.b2b-vs-table{display:table;min-width:0!important;width:100%!important;font-size:14px}
  .dwk-tresc .b2b-vs-table th,.dwk-tresc .b2b-vs-table td{padding:10px 8px!important;font-size:13.5px!important;overflow-wrap:break-word;hyphens:auto;word-break:normal!important}
  /* Sekcje projektu b2b: tlo od krawedzi do krawedzi, bez ramek w ramkach (bylo 20+16+20/40 px z kazdej strony,
     tabela miala 198 z 330 px); siatki kart w jednej kolumnie (mialy minmax 280/300 px i wystawaly). */
  .dwk-tresc .b2b-section{margin-left:-20px;margin-right:-20px;padding-left:20px!important;padding-right:20px!important}
  .dwk-tresc .b2b-container,.dwk-tresc #b2b-porownanie .b2b-container{padding-left:0!important;padding-right:0!important}
  .dwk-tresc .b2b-grid-3,.dwk-tresc .b2b-cert-grid{grid-template-columns:minmax(0,1fr)!important}
}
/* Formularz odstapienia (wtyczka EU Withdrawal Button): kolory i pola jak reszta sklepu (byl niebieski przycisk). */
.wbte-ewb-form input[type=text],.wbte-ewb-form input[type=email],.wbte-ewb-form textarea,.wbte-ewb-form select{width:100%;min-height:52px;padding:12px 14px;font:inherit;font-size:16px;border:1.5px solid #d9d0c4;border-radius:12px;background:#fff;box-sizing:border-box}
.wbte-ewb-form label{display:block;font-weight:700;margin-bottom:6px}
.wbte-ewb-form .wbte-ewb-btn,.wbte-ewb-btn{background:var(--plum)!important;color:#fff!important;border:0!important;border-radius:999px!important;min-height:52px;padding:14px 26px!important;font:inherit;font-weight:700;cursor:pointer;width:100%}
.dwk-strona-wlasna .dwk-tresc{max-width:none}
.dwk-tresc h2{font-size:clamp(24px,3vw,32px);margin:1.4em 0 .5em}
.dwk-tresc h3{font-size:21px;margin:1.2em 0 .4em}
.dwk-tresc>h2:first-child,.dwk-kol-el>h2:first-child{margin-top:0}
.dwk-tresc ul,.dwk-tresc ol{padding-left:1.3em}
.dwk-tresc li{margin-bottom:.35em}
.dwk-tresc a:not(.dwk-btn){text-underline-offset:3px}
.dwk-tresc table{border-collapse:collapse;width:100%;margin:1.5em 0;background:#fff;font-size:15px}
.dwk-tresc th,.dwk-tresc td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.dwk-tresc th{background:var(--plum-soft)}
.dwk-kol{display:grid;gap:28px 40px;margin:0 0 34px;align-items:start}
.dwk-kol-2{grid-template-columns:1fr 1fr}
.dwk-kol-3{grid-template-columns:repeat(3,1fr)}
.dwk-kol-4{grid-template-columns:repeat(4,1fr)}
.dwk-kol-el>*:last-child{margin-bottom:0}
.dwk-figura{margin:0}
.dwk-figura img{border-radius:var(--r);width:100%;height:auto}
.dwk-ikonbox{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin:0 0 14px}
.dwk-ikonbox p{margin:0;color:var(--grey);font-size:15.5px}
.dwk-ikonbox p.dwk-ikonbox-t{color:var(--ink);font-weight:700;font-size:17px;margin-bottom:4px}
.dwk-ikonbox p.dwk-ikonbox-t a{color:var(--ink);text-decoration:none}
.dwk-ikona{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--lime-soft);color:#5d6a0b}
.dwk-ikona svg{width:24px;height:24px}
.dwk-ikona-img{flex:none;width:46px!important;height:46px!important;object-fit:contain}
.dwk-mapa{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;background:#eee}
.dwk-mapa iframe{width:100%;height:100%;border:0;display:block}
.dwk-formularz{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;margin:10px 0 20px}
.dwk-formularz p{margin:0 0 14px}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=number],.wpcf7 textarea,.wpcf7 select{width:100%;padding:12px 14px;border:1px solid #d9d0c4;border-radius:12px;font:inherit;background:#fff}
.wpcf7 textarea{min-height:140px;resize:vertical}
.wpcf7 .wpcf7-list-item{margin:0}
.wpcf7 .wpcf7-acceptance,.wpcf7 .wpcf7-list-item-label{font-size:14px;color:var(--grey);line-height:1.5}
.wpcf7 input[type=submit]{padding:14px 28px;border-radius:999px;border:0;background:var(--plum);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.wpcf7 input[type=submit]:hover{background:#7d357c}
@media(max-width:900px){.dwk-kol-3,.dwk-kol-4{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.dwk-kol-2,.dwk-kol-3,.dwk-kol-4{grid-template-columns:1fr}}

/* ---------- Strony docelowe (program partnerski, placowki) w stylu strony glownej ---------- */
.dwk-lp-hero{position:relative;overflow:hidden;border-radius:34px;padding:72px 56px 60px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,#A65AA5 0%,rgba(166,90,165,0) 55%),linear-gradient(135deg,#2A1029 0%,#3F1A3E 45%,#914290 100%)}
.dwk-lp-hero::after{content:"";position:absolute;right:-90px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(175,194,36,.35),rgba(175,194,36,0) 70%)}
.dwk-lp-hero>*{position:relative;z-index:1}
.dwk-lp-hero h1{font-size:clamp(34px,5.2vw,62px);line-height:1.05;letter-spacing:-.025em;max-width:17ch;margin:0}
.dwk-lp-hero .dwk-lead{color:rgba(255,255,255,.9)}
.dwk-lp-sekcja{padding:76px 0 0}
.dwk-lp-sekcja>h2{font-size:clamp(28px,4vw,46px);line-height:1.1;letter-spacing:-.02em;max-width:22ch;margin-bottom:34px}
.dwk-tresc .dwk-lp-sekcja>.dwk-kicker+h2,.dwk-tresc .dwk-lp-sekcja .dwk-kicker+h2{margin-top:0}
.dwk-lp-biala{margin-top:76px;padding:60px 48px;background:#fff;border:1px solid var(--line);border-radius:34px}
.dwk-lp-biala .dwk-kroki li{background:var(--cream)}
.dwk-btn-lime{background:var(--lime);color:#232b05!important;box-shadow:0 10px 24px rgba(175,194,36,.35)}
.dwk-btn-lime:hover{background:#c2d63a;color:#232b05}
.dwk-btn-ghost-light{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.55)}
.dwk-btn-ghost-light:hover{background:rgba(255,255,255,.1);color:#fff}
.dwk-tresc .dwk-why h3,.dwk-tresc .dwk-band h2{margin-top:0}
.dwk-tresc .dwk-why .dwk-ic{font-size:15px}
.dwk-tresc .dwk-band h2{color:#fff;font-size:clamp(26px,3.4vw,40px)}
.dwk-tresc .dwk-band a.dwk-btn{text-decoration:none}
.dwk-lp-kontakt{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center;background:var(--plum);color:#fff;border-radius:34px;padding:56px}
.dwk-lp-kontakt h2{color:#fff;margin-top:0;font-size:clamp(26px,3.4vw,40px)}
.dwk-lp-kontakt a{color:#fff;text-decoration:none}
.dwk-lp-kontakt .dwk-btn-white{color:var(--plum-dk)!important}
.dwk-lp-kontakt dl{display:grid;gap:14px;margin:0}
.dwk-lp-kontakt dt{opacity:.8;font-size:14px}
.dwk-lp-kontakt dd{margin:0;font-size:19px;font-weight:700;word-break:break-word}
@media(max-width:820px){.dwk-lp-hero{padding:48px 26px 40px;border-radius:26px}.dwk-lp-biala{padding:36px 22px;border-radius:26px}.dwk-lp-kontakt{grid-template-columns:1fr;padding:36px 26px;border-radius:26px}.dwk-lp-sekcja{padding-top:56px}}

/* ---------- Stopka ---------- */
.dwk-stopka{background:#241024;color:#d9cdd9;padding:56px 0 26px;font-size:15px}
.dwk-stopka a{color:#fff;text-decoration:none}
.dwk-stopka a:hover{color:var(--lime)}
.dwk-stopka-in{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px}
.dwk-stopka nav{display:grid;gap:8px;align-content:start}
.dwk-stopka-h{color:var(--lime);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.dwk-stopka-kontakt p{margin:0 0 8px}
.dwk-social{display:flex;gap:10px;margin-top:14px!important}
.dwk-social a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08)}
.dwk-copy{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:20px;font-size:13.5px;color:#a996a9}
@media(max-width:820px){.dwk-stopka-in{grid-template-columns:1fr}}

/* ---------- Strona glowna ---------- */
.dwk-hero{position:relative;min-height:min(88vh,800px);display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:#2a4a1d}
.dwk-hero picture,.dwk-hero-bg{position:absolute;inset:0;width:100%;height:100%}
.dwk-hero-bg{object-fit:cover}
.dwk-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,40,15,0) 30%,rgba(20,30,15,.72) 100%),linear-gradient(90deg,rgba(35,18,35,.55) 0%,rgba(35,18,35,0) 60%)}
@media(max-width:700px){.dwk-hero::after{background:linear-gradient(180deg,rgba(20,30,15,.35) 0%,rgba(20,30,15,.86) 72%)}}
.dwk-hero .dwk-wrap{position:relative;z-index:2;padding-top:110px;padding-bottom:60px;width:100%}
.dwk-eyebrow{display:inline-block;background:var(--lime);color:#232b05;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:7px 14px;border-radius:999px;margin-bottom:18px}
.dwk-hero h1{font-size:clamp(36px,6.2vw,74px);line-height:1.04;letter-spacing:-.025em;max-width:15ch;margin:0}
.dwk-lead{max-width:56ch;margin:20px 0 28px;font-size:clamp(17px,2vw,20px)}
.dwk-cta{display:flex;flex-wrap:wrap;gap:14px}
.dwk-fakty{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:30px;font-size:15px;font-weight:500}
.dwk-fakty span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);margin-right:9px}
.dwk-zaufanie{background:var(--plum-dk);color:#fff}
.dwk-zaufanie ul{list-style:none;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px 24px;padding:22px 0;font-size:15px;font-weight:500;text-align:center}
.dwk-zaufanie strong{color:var(--lime);display:block;font-size:17px}
.dwk-sekcja{padding:84px 0}
.dwk-bez-gory{padding-top:0}
.dwk-biala{background:#fff;border-block:1px solid var(--line)}
.dwk-sekcja h2,.dwk-info-h{font-size:clamp(28px,4vw,48px);line-height:1.1;letter-spacing:-.02em;max-width:22ch}
.dwk-sub{color:var(--grey);max-width:60ch}
.dwk-head{margin-bottom:40px}
.dwk-check{list-style:none;padding:0;margin:14px 0 22px;display:grid;gap:9px}
.dwk-check li{padding-left:28px;position:relative}
.dwk-check li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 6.8' fill='none' stroke='%23232b05' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}
.dwk-who{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.dwk-card{border-radius:var(--r);padding:36px}
.dwk-card h3{font-size:28px}
.dwk-card-dom{background:#fff;border:1px solid var(--line)}
.dwk-card-inst{background:var(--plum);color:#fff}
.dwk-kroki{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s;list-style:none;margin:0;padding:0}
.dwk-kroki li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 24px}
.dwk-kroki li::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--plum-soft);color:var(--plum);font-weight:700;margin-bottom:16px}
.dwk-kroki b{display:block;font-size:19px;margin-bottom:6px}
.dwk-kroki p{color:var(--grey);font-size:15.5px;margin:0}
.dwk-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dwk-prod{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .25s,box-shadow .25s}
.dwk-prod:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(63,26,62,.12);color:var(--ink)}
.dwk-prod img{width:100%;aspect-ratio:1;object-fit:cover}
.dwk-prod div{padding:16px 18px 20px}
.dwk-prod small{color:var(--plum);font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}
.dwk-prod h3{font-size:16.5px;line-height:1.35;margin:6px 0 4px;font-weight:500}
.dwk-prod-cena{margin:0;font-weight:700;color:var(--plum-dk)}
.dwk-wiecej{margin-top:30px}
.dwk-kolekcje{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dwk-kolekcja{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;display:block;color:#fff;text-decoration:none}
.dwk-kolekcja img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.dwk-kolekcja:hover img{transform:scale(1.06)}
.dwk-kolekcja::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(20,10,25,.78))}
.dwk-kolekcja span{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;font-size:21px;font-weight:700;line-height:1.2}
.dwk-kolekcja small{display:block;font-weight:500;font-size:14px;opacity:.9;margin-top:3px}
.dwk-why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dwk-why article{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px}
.dwk-why h3{font-size:19px}
.dwk-why p{color:var(--grey);font-size:15.5px;margin:0}
.dwk-ic{width:46px;height:46px;border-radius:14px;background:var(--lime-soft);display:grid;place-items:center;margin-bottom:16px;font-weight:700;color:#5d6a0b}
.dwk-opinie{background:var(--plum-soft)}
.dwk-ocena{display:flex;align-items:center;gap:14px;margin-top:14px;font-weight:700}
.dwk-gwiazdki{color:#E8A400;letter-spacing:3px;font-size:22px}
.dwk-cytaty{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dwk-cytaty blockquote{margin:0;background:#fff;border-radius:var(--r);padding:28px;font-size:16px}
.dwk-cytaty footer{margin-top:14px;font-size:14px;color:var(--grey);font-weight:500}
.dwk-band{background:var(--plum-dk);color:#fff;border-radius:34px;padding:60px 56px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.dwk-band ul{list-style:none;padding:0;display:grid;gap:12px;margin:22px 0 30px}
.dwk-band li{padding-left:30px;position:relative;font-weight:500}
.dwk-band li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--lime)}
.dwk-kicker-lime{color:var(--lime)}
.dwk-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:var(--r);padding:28px}
.dwk-badge b{display:block;font-size:42px;line-height:1;color:var(--lime);margin-bottom:6px}
.dwk-badge+.dwk-badge{margin-top:14px}
.dwk-faq{max-width:820px}
.dwk-faq details,.dwk-tresc details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin-bottom:12px}
.dwk-faq summary{font-weight:700;cursor:pointer;display:flex;justify-content:space-between;gap:16px;font-size:17.5px}
.dwk-faq summary::after{content:"+";color:var(--plum);font-size:26px;line-height:1}
.dwk-faq details[open] summary::after{content:"\2212"}
.dwk-faq details p{margin:12px 0 0;color:var(--grey)}
.dwk-kontakt{background:var(--plum);color:#fff}
.dwk-kontakt .dwk-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}
.dwk-kontakt a{color:#fff;text-decoration:none}
.dwk-kontakt .dwk-btn-white{color:var(--plum-dk)}
.dwk-kontakt dl{display:grid;gap:14px;margin:0}
.dwk-kontakt dt{opacity:.8;font-size:14px}
.dwk-kontakt dd{margin:0;font-size:21px;font-weight:700}
.dwk-js .rv{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.dwk-js .rv.in{opacity:1;transform:none}
@media(max-width:980px){.dwk-grid4,.dwk-kolekcje{grid-template-columns:1fr 1fr}.dwk-kroki{grid-template-columns:1fr 1fr}.dwk-why{grid-template-columns:1fr 1fr}.dwk-cytaty{grid-template-columns:1fr}.dwk-band{grid-template-columns:1fr;padding:38px 26px;border-radius:26px}}
@media(max-width:820px){.dwk-who,.dwk-kontakt .dwk-wrap{grid-template-columns:1fr}.dwk-card{padding:28px}}
@media(max-width:560px){.dwk-sekcja{padding:60px 0}
  /* Telefon: 4 kroki i 6 powodow jako zwarte kafelki po dwa (bylo po jednym w wysokich kartach, ok. 6 ekranow tekstu). */
  .dwk-kroki,.dwk-why{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .dwk-kroki li,.dwk-why article{padding:14px}
  .dwk-kroki li::before,.dwk-ic{width:30px;height:30px;border-radius:9px;margin-bottom:8px;font-size:14px}
  .dwk-kroki b,.dwk-why h3{font-size:15px;line-height:1.3;margin:0 0 4px}
  .dwk-kroki p,.dwk-why p{font-size:13px;line-height:1.45}
}
/* Strona glowna na telefonie: krotszy start, zaufanie w jednym rzedzie, kolekcje i produkty zaraz pod nim. */
@media(max-width:700px){
  body.home #tresc{display:flex;flex-direction:column}
  body.home #tresc>*{order:5}
  body.home #tresc>.dwk-hero{order:1}
  body.home #tresc>.dwk-zaufanie{order:2}
  body.home #tresc>.dwk-s-kolekcje{order:3;padding-top:48px}
  body.home #tresc>.dwk-s-popularne{order:4;padding-top:12px}
  .dwk-hero{min-height:0}
  .dwk-hero .dwk-wrap{padding-top:170px;padding-bottom:34px}
  .dwk-hero .dwk-fakty{display:none}
  .dwk-zaufanie ul{display:flex;overflow-x:auto;gap:26px;padding:16px 0;text-align:left;font-size:13.5px;scrollbar-width:none}
  .dwk-zaufanie ul::-webkit-scrollbar{display:none}
  .dwk-zaufanie li{flex:none}
  .dwk-zaufanie strong{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.dwk-js .rv{opacity:1;transform:none;transition:none}.dwk-btn,.dwk-prod,.dwk-kolekcja img{transition:none}}
/* Strona glowna: tresc SEO (poradnik, naklejki, certyfikaty, Slask, dlaczego warto), 04.10.2026. */
.dwk-h1-pod{display:block;font-size:.5em;font-weight:500;line-height:1.2;letter-spacing:-.01em;margin-top:.35em;max-width:24ch}
.dwk-intro{max-width:75ch;margin:-14px 0 32px}
.dwk-intro h3{font-size:21px;margin:0 0 8px}
.dwk-intro p,.dwk-intro-p{color:var(--grey);margin:0}
.dwk-intro-p{max-width:75ch;margin:-14px 0 32px}
.dwk-poradnik{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.dwk-poradnik-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dwk-poradnik article{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;display:flex;flex-direction:column}
.dwk-biala .dwk-poradnik article{background:var(--cream)}
.dwk-poradnik h3{font-size:18.5px;line-height:1.3;margin:0 0 10px}
.dwk-poradnik p{color:var(--grey);font-size:15.5px;margin:0 0 16px}
.dwk-poradnik p:last-child{margin-bottom:0}
.dwk-tagi{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.dwk-tagi a{padding:6px 12px;border-radius:999px;background:var(--plum-soft);color:var(--plum-dk);text-decoration:none;font-size:13.5px;font-weight:500}
.dwk-tagi a:hover{background:var(--plum);color:#fff}
.dwk-certyfikat{margin-top:28px;background:var(--lime-soft);border-radius:var(--r);padding:28px 30px;max-width:820px}
.dwk-certyfikat h3{font-size:21px;margin:0 0 4px}
.dwk-certyfikat .dwk-check{margin-bottom:14px}
.dwk-certyfikat p{margin:0;font-size:15.5px}
.dwk-lokalnie{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:34px;padding:52px 48px}
.dwk-lokalnie h2{margin-bottom:18px}
.dwk-lokalnie p:not(.dwk-kicker){color:var(--grey)}
.dwk-lokalnie dl{display:grid;gap:16px;margin:0;background:var(--plum-soft);border-radius:var(--r);padding:28px}
.dwk-lokalnie dt{font-size:13.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--plum)}
.dwk-lokalnie dd{margin:2px 0 0;font-weight:700;font-size:17px;line-height:1.4}
.dwk-zamkniecie{max-width:62ch;margin:34px 0 0;font-size:18px}
@media(max-width:980px){.dwk-poradnik,.dwk-poradnik-3{grid-template-columns:repeat(2,minmax(0,1fr))}.dwk-lokalnie{grid-template-columns:minmax(0,1fr);padding:38px 26px;border-radius:26px}}
/* Telefon: karty przewijane w bok (widac brzeg nastepnej), zamiast kilku ekranow tekstu jeden pod drugim. */
@media(max-width:700px){
  .dwk-poradnik,.dwk-poradnik-3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:2px 20px 10px;scrollbar-width:none}
  .dwk-poradnik::-webkit-scrollbar{display:none}
  .dwk-poradnik article{flex:0 0 84%;scroll-snap-align:start;padding:20px}
  .dwk-poradnik h3{font-size:17px}
  .dwk-poradnik p{font-size:14.5px}
  .dwk-intro,.dwk-intro-p{margin-top:-20px;font-size:15.5px}
  .dwk-intro h3{font-size:18px}
  .dwk-certyfikat{padding:22px 20px}
  .dwk-lokalnie dd{font-size:15.5px}
  .dwk-zamkniecie{font-size:16px}
}

/* ---------- WooCommerce: wspolne ---------- */
.dwk-sklep{padding-top:28px;padding-bottom:70px}
.woocommerce-breadcrumb{font-size:14px;color:var(--grey);margin-bottom:18px}
.woocommerce-breadcrumb a{color:var(--grey)}
.woocommerce-products-header__title,.product_title{font-size:clamp(28px,3.6vw,42px)}
.term-description{color:var(--grey);max-width:80ch;font-size:16px}
.term-description h1,.term-description h2,.term-description h3{font-size:clamp(19px,2.2vw,24px);color:var(--ink);letter-spacing:-.01em;margin:0 0 .4em}
.woocommerce-cart table.cart td.actions .coupon .input-text{width:180px!important}
@media(max-width:700px){
  .term-description p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:15px}
  .dwk-filtry{display:block}
  .dwk-chipy{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin:0 -20px 12px;padding-left:20px;padding-right:20px;scrollbar-width:none}
  .dwk-chipy a{flex:none}
}
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info,.woocommerce .woocommerce-error{border-radius:14px;border-top-color:var(--plum)}
.woocommerce .woocommerce-message::before,.woocommerce .woocommerce-info::before{color:var(--plum)}
.woocommerce span.onsale{background:var(--lime);color:#232b05}
.woocommerce .price,.woocommerce .price .amount{color:var(--plum-dk)!important;font-weight:700}
.woocommerce input.input-text,.woocommerce textarea,.woocommerce select,.woocommerce-page select{border:1px solid #d9d0c4;border-radius:10px;padding:11px 13px;font:inherit;background:#fff}

/* Naglowek kategorii (premium) */
.dwk-kat-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:center;position:relative;overflow:hidden;background:radial-gradient(90% 120% at 100% 0%,rgba(175,194,36,.16),rgba(175,194,36,0) 60%),linear-gradient(135deg,#fff 0%,#FBF3FA 55%,var(--plum-soft) 100%);border:1px solid var(--line);border-radius:34px;padding:44px 48px;margin:4px 0 28px}
.dwk-kat-hero-bez{grid-template-columns:1fr}
.dwk-kat-hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.04;letter-spacing:-.025em;color:var(--plum-dk);margin:6px 0 14px}
.dwk-okruszki{font-size:13.5px;color:var(--grey);margin:0}
.dwk-okruszki a{color:var(--grey);text-decoration:none}
.dwk-okruszki a:hover{color:var(--plum)}
.dwk-kat-opis{color:#4a4a4a;font-size:16.5px;max-width:62ch}
.dwk-kat-opis h1,.dwk-kat-opis h2,.dwk-kat-opis h3{font-size:18px;line-height:1.4;font-weight:700;color:var(--ink);letter-spacing:0;margin:0 0 6px}
.dwk-kat-opis p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.dwk-kat-fakty{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.dwk-kat-fakty li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:500;color:var(--plum-dk)}
.dwk-kat-fakty li b{color:var(--plum)}
.dwk-kat-obraz{position:relative}
.dwk-kat-obraz img.dwk-kat-foto{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;box-shadow:0 24px 50px rgba(63,26,62,.18)}
@media(max-width:900px){
  .dwk-kat-hero{grid-template-columns:1fr;padding:20px 18px 18px;gap:0;border-radius:22px;margin-bottom:16px}
  .dwk-kat-obraz{display:none}
  .dwk-kat-hero h1{font-size:30px;margin:4px 0 8px}
  .dwk-kat-opis{font-size:15px}
  .dwk-kat-opis h1,.dwk-kat-opis h2,.dwk-kat-opis h3{font-size:15.5px}
  .dwk-kat-opis p{-webkit-line-clamp:2}
  .dwk-kat-fakty{flex-wrap:nowrap;overflow-x:auto;margin:14px -18px 0;padding:0 18px 2px;scrollbar-width:none}
  .dwk-kat-fakty li{flex:none;font-size:13px;padding:6px 12px}
  .dwk-okruszki{font-size:12.5px}
  /* telefon: podkategorie w jednym przewijanym rzedzie, bez filtra ceny, produkty jak najwyzej */
  .dwk-filtry{display:block;margin:0 0 6px}
  .dwk-chipy{flex-wrap:nowrap!important;overflow-x:auto;margin:0 -20px 10px;padding:2px 20px 6px;scrollbar-width:none}
  .dwk-chipy::-webkit-scrollbar{display:none}
  .dwk-chipy a{flex:none;font-size:14px;padding:7px 13px}
  .dwk-cena{display:none!important}
  .dwk-kat-opis p{display:none}
  .woocommerce .woocommerce-result-count{display:none}
  .woocommerce .woocommerce-ordering{margin:0 0 14px}
  .woocommerce .woocommerce-ordering select{padding:8px 10px;font-size:14px}
}

/* Siatka produktow (karty jak na stronie glownej) */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:26px;margin:0 0 34px!important;padding:0}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(63,26,62,.12)}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink)}
.woocommerce ul.products li.product a img{margin:0!important;aspect-ratio:1;object-fit:cover;width:100%;transition:transform .5s}
.woocommerce ul.products li.product:hover a img{transform:scale(1.03)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px!important;font-weight:600;line-height:1.35;padding:0!important;margin:18px 20px 6px!important;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.woocommerce ul.products li.product .price{padding:0 20px;font-size:16px!important;margin:0!important;color:var(--plum-dk)!important}
.woocommerce ul.products li.product .price::before{content:"od ";font-weight:500;color:var(--grey)}
/* Przy promocji wtyczka EPO dokleja wlasne "Od:", mamy juz "od" wyzej (bylo "od Od:"). */
.woocommerce ul.products li.product .price .from{display:none}
/* Pusty wiersz "Cena" w formularzu (ukryte pole wyliczenia ceny EPO, nic nie pokazuje; suma jest nizej). */
.woocommerce div.product form.cart .cpf-type-dynamic:has(input.dynamic-product-price){display:none!important}
.dwk-karta-cta{margin:auto 20px 20px;padding-top:12px;font-size:14.5px;font-weight:700;color:var(--plum);display:inline-flex;gap:6px;align-items:center}
.woocommerce ul.products li.product:hover .dwk-karta-cta span{transform:translateX(3px)}
.dwk-karta-cta span{transition:transform .2s}
@media(max-width:980px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:18px}}
@media(max-width:560px){.woocommerce ul.products{gap:12px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14.5px!important;padding:0!important;margin:12px 12px 4px!important}.woocommerce ul.products li.product .price{padding:0 12px;font-size:14.5px!important}.dwk-karta-cta{margin:auto 12px 14px;font-size:13.5px}}

/* Kategoria: podkategorie i cena */
.dwk-filtry{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:6px 0 22px}
.dwk-chipy{display:flex;flex-wrap:wrap;gap:8px}
.dwk-chipy a{padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:14.5px}
.dwk-chipy a:hover,.dwk-chipy a[aria-current]{border-color:var(--plum);color:var(--plum);background:var(--plum-soft)}
.dwk-cena{display:flex;align-items:center;gap:8px;font-size:14.5px}
.dwk-cena input{width:84px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font:inherit}
.dwk-cena button{padding:8px 14px;border-radius:999px;border:1px solid var(--plum);background:#fff;color:var(--plum);font:inherit;font-weight:700;cursor:pointer}
.woocommerce .woocommerce-result-count{color:var(--grey);font-size:14.5px}
.woocommerce .woocommerce-ordering select{padding:9px 12px}
.dwk-opis-dolny{max-width:none;margin-top:50px;padding:40px 48px;background:#fff;border:1px solid var(--line);border-radius:34px;color:#3c3c3c;columns:2 380px;column-gap:48px}
.dwk-opis-dolny h2,.dwk-opis-dolny h3{break-after:avoid;color:var(--plum-dk)}
.dwk-opis-dolny>*:first-child{margin-top:0}
@media(max-width:700px){.dwk-opis-dolny{padding:26px 20px;border-radius:24px}}
.dwk-opis-dolny h2,.dwk-opis-dolny h3{margin-top:1.2em}
.woocommerce nav.woocommerce-pagination ul{border:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0 3px}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border-radius:10px;padding:10px 14px;background:#fff;border:1px solid var(--line)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--plum);color:#fff;border-color:var(--plum)}

/* ---------- WooCommerce: karta produktu ---------- */
.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px 48px;align-items:start}
.woocommerce div.product>*{grid-column:1/-1}
.woocommerce div.product div.images,.woocommerce div.product div.summary{width:auto!important;float:none!important;margin:0!important}
.woocommerce div.product div.images{grid-column:1}
/* Komputer: zdjecia jada razem z przewijaniem obok dlugiego kalkulatora (bylo puste pol ekranu, uwaga Lukasza 04.10.2026).
   Kolumna zdjec rozciagnieta na wysokosc kalkulatora, przyklejona jest jej zawartosc: dzieki temu zatrzymuje sie
   na koncu kalkulatora (sticky na samej kolumnie nachodzil na opis, bo Chrome ogranicza go cala karta produktu).
   96 px = przyklejony naglowek 72 px + odstep. Telefon (<=900 px) bez zmian. */
@media(min-width:901px){
  .woocommerce div.product div.images.woocommerce-product-gallery{align-self:stretch}
  .woocommerce div.product div.images .woocommerce-product-gallery__wrapper{position:sticky;top:96px}
}
.woocommerce div.product div.summary{grid-column:2}
/* Galeria statyczna: od razu widoczna (WooCommerce ustawia opacity:0 do czasu skryptu), bez skokow. */
.woocommerce div.product div.images.woocommerce-product-gallery{opacity:1!important}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0}
.woocommerce div.product div.images .woocommerce-product-gallery__image{width:auto!important;display:block!important;margin:0!important;padding:0!important}
.woocommerce div.product div.images .woocommerce-product-gallery__image:first-child{grid-column:1/-1}
.woocommerce div.product div.images img{border-radius:16px;width:100%;height:auto}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) img{border-radius:10px;aspect-ratio:1;object-fit:cover}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{z-index:3}
/* Powiekszenie (PhotoSwipe): tlo w kolorze marki zamiast czarnego; zdjecia klikalne. */
.pswp__bg{background:#241024}
.pswp__img--placeholder--blank{background:rgba(255,255,255,.06)!important}
.woocommerce div.product div.images .woocommerce-product-gallery__image a{cursor:zoom-in}
.dwk-cena-od{font-size:24px!important;display:flex;align-items:baseline;gap:10px;margin:6px 0 14px}
.dwk-cena-od>span:first-child{font-size:17px;font-weight:500;color:var(--grey)}
.woocommerce-product-details__short-description{color:#3c3c3c}
.woocommerce div.product form.cart{margin:18px 0 10px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px}
.woocommerce div.product form.cart .button{padding:15px 28px;font-size:17px}
.woocommerce div.product form.cart div.quantity{margin-right:10px}
.woocommerce .quantity .qty{width:70px;padding:12px 8px;border:1px solid #d9d0c4;border-radius:10px;font:inherit}
.dwk-po-koszyku{display:grid;gap:12px;margin-top:6px}
.dwk-po-koszyku p{margin:0}
.dwk-probki{font-size:15.5px}
.dwk-zapytaj{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.dwk-zapytaj .dwk-btn{padding:10px 18px;font-size:15px}
.dwk-zapytaj span{color:var(--grey);font-size:14px}
.dwk-dostawa{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dwk-dostawa li{display:flex;align-items:center;gap:10px;background:var(--lime-soft);border-radius:14px;padding:12px 14px;font-size:14.5px}
.dwk-dostawa svg{flex:none;color:#5d6a0b}
/* Bezpieczne platnosci wyroznione (uwaga Lukasza 04.10.2026): zielone tlo, wiekszy naglowek, loga na bialych kafelkach. */
.dwk-platnosci{border:1.5px solid #bfe0c1;border-radius:14px;padding:16px 18px;background:#eef8ef}
.dwk-platnosci p{display:flex;align-items:center;gap:10px;font-size:16.5px;font-weight:600;color:#1f4d22;margin:0 0 12px}
.dwk-platnosci p b{color:#2e7d32;font-weight:800}
.dwk-platnosci svg{flex:none;color:#fff;background:#2e7d32;border-radius:50%;padding:5px;width:30px;height:30px;stroke-width:2.2}
.dwk-platnosci ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.dwk-platnosci li{display:grid;place-items:center;height:42px;padding:0 12px;background:#fff;border:1px solid #d7ead8;border-radius:10px}
.dwk-platnosci img{height:24px;width:auto;max-width:72px;object-fit:contain}
/* Telefon: 5 log w jednym rownym rzedzie (bylo 4 + samotne tpay pod spodem). */
@media(max-width:600px){.dwk-platnosci ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.dwk-platnosci li{padding:0 6px}.dwk-platnosci img{max-width:100%;height:22px}}
.dwk-meta{font-size:14px;color:var(--grey);margin-top:14px}
.dwk-meta a{color:var(--grey)}
.woocommerce div.product .woocommerce-tabs{margin-top:30px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 -1px}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:0;border-radius:0;margin:0 18px 0 0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:10px 0;font-weight:700;color:var(--grey)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--plum);box-shadow:inset 0 -3px 0 var(--plum)}
.woocommerce div.product .woocommerce-tabs .panel{background:#fff;border:1px solid var(--line);border-radius:0 0 18px 18px;padding:26px 28px;max-width:none}
.woocommerce div.product .woocommerce-tabs .panel>h2:first-child{display:none}
.dwk-opis{margin-top:30px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:32px 40px}
.dwk-opis>h2{font-size:clamp(24px,3vw,32px);margin:0 0 12px}
.dwk-opis p{font-size:16px;line-height:1.65;color:#3c3c3c;max-width:75ch}
.dwk-material.dwk-zakladka{margin-top:14px;background:#fff;border:1px solid var(--line)}
.dwk-material.dwk-zakladka summary::after{background:var(--cream)}
.dwk-zakladka #reviews .woocommerce-Reviews-title{display:none}
.dwk-zakladka .comment-reply-title{display:block;font-size:17px;font-weight:700;margin:6px 0 4px}
.dwk-zakladka .comment-form p{margin:0 0 14px}
.dwk-zakladka .comment-form label{display:block;font-size:15px;margin-bottom:6px}
.dwk-zakladka .comment-form input[type=text],.dwk-zakladka .comment-form input[type=email],.dwk-zakladka .comment-form textarea{width:100%;min-height:52px;padding:12px 14px;font:inherit;font-size:16px;border:1px solid var(--line);border-radius:12px;background:#fff}
.dwk-zakladka .comment-form-cookies-consent{display:flex;gap:10px;align-items:flex-start}
.dwk-zakladka .comment-form-cookies-consent label{display:inline;margin:0}
.related.products{margin-top:50px}
.related.products>h2{font-size:30px}
@media(max-width:900px){
  .woocommerce div.product{grid-template-columns:minmax(0,1fr);gap:18px}
  /* Powiekszona czcionka w telefonie nie moze rozepchnac kolumny poza ekran. */
  .woocommerce div.product>*,.woocommerce div.product div.summary>*{min-width:0;max-width:100%}
  .woocommerce div.product div.summary{overflow-wrap:anywhere}
  .dwk-platnosci p{display:block}
  .dwk-platnosci p svg{display:inline-block;vertical-align:-4px;margin-right:6px}
  .woocommerce div.product div.images,.woocommerce div.product div.summary{grid-column:1;position:static}
  .dwk-dostawa{grid-template-columns:1fr}
  .dwk-opis{padding:22px 20px;border-radius:20px}
}

/* Kalkulator (EPO + kadrowanie): najpierw podglad kadru, potem wymiary i material, cena i przycisk
   (na komputerze tak samo jak na telefonie, uwaga Lukasza 04.10.2026). */
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;align-items:center}
.woocommerce div.product form.cart>*{order:5}
.woocommerce div.product form.cart>#woo-image-cropper-container{order:0;width:100%;margin:0 0 6px!important}
.woocommerce div.product form.cart>#tm-extra-product-options{order:1;width:100%}
.woocommerce div.product form.cart>.tc-totals-form{order:3;width:100%}
.woocommerce div.product form.cart>.single_add_to_cart_button{flex:1}
.woocommerce div.product form.cart .tc-epo-label{font-size:15px;font-weight:700;margin:16px 0 7px;padding:0}
.woocommerce div.product form.cart .tc-row:has(>.cpf-type-textfield){display:flex;flex-wrap:wrap;gap:0 12px}
.woocommerce div.product form.cart .cpf-element{width:100%;max-width:100%;flex:0 0 100%}
.woocommerce div.product form.cart .cpf-type-textfield.tcwidth-50{flex:1 1 0;width:auto;min-width:0}
/* Wymiary: oba pola w jednej linii, nawet gdy napis sie zawinie (duza czcionka); gwiazdka zaraz za napisem. */
.woocommerce div.product form.cart .tc-row:has(>.cpf-type-textfield){align-items:flex-end}
.woocommerce div.product form.cart .cpf-type-textfield .tm-epo-required{display:none!important}
.woocommerce div.product form.cart .cpf-type-textfield .tm-has-required .tc-epo-element-label-text::after{content:" *";color:#d0021b}
.woocommerce div.product form.cart input.tmcp-textfield,.woocommerce div.product form.cart select.tmcp-select{width:100%;height:52px;padding:0 14px;font:inherit;font-size:18px;color:var(--ink);background:#fff;border:1.5px solid #d9d0c4;border-radius:12px;box-sizing:border-box}
.woocommerce div.product form.cart select.tmcp-select{font-size:16px}
.woocommerce div.product form.cart input.tmcp-textfield:focus,.woocommerce div.product form.cart select.tmcp-select:focus{outline:0;border-color:var(--plum);box-shadow:0 0 0 3px var(--plum-soft)}
.woocommerce div.product form.cart ul.tc-images-container{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0}
.woocommerce div.product form.cart ul.tc-images-container>li{width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;float:none!important;list-style:none}
.woocommerce div.product form.cart .tc-images-container label{display:block!important;cursor:pointer;text-align:center;position:relative}
.woocommerce div.product form.cart .tc-images-container .tc-label-wrap{display:flex!important;flex-direction:column}
.woocommerce div.product form.cart .tc-images-container .tc-input-wrap{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
.woocommerce div.product form.cart .tc-images-container img.radio-image{display:block;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1;object-fit:cover;border-radius:12px;border:2px solid var(--line);margin:0 0 7px!important;padding:0!important;box-sizing:border-box}
.woocommerce div.product form.cart .tc-images-container .tc-label-wrap:has(input:checked) img.radio-image{border-color:var(--plum);box-shadow:0 0 0 3px var(--plum-soft)}
.woocommerce div.product form.cart .tc-images-container .tc-label{display:block!important;width:auto!important;padding:0!important;font-size:13px;line-height:1.3}
.woocommerce div.product form.cart .tc-images-container .tc-label-inner{display:block!important;width:auto!important}
.woocommerce div.product form.cart .tc-images-container .tc-label-text{display:block}
.woocommerce div.product form.cart .tc-images-container .tc-label-wrap:has(input:checked) .tc-label-text{color:var(--plum);font-weight:700}
.woocommerce div.product form.cart .tc-images-container .tc-price-wrap{display:block!important;margin-top:4px;font-size:13px;white-space:normal}
.woocommerce div.product form.cart .tc-images-container .tc-price-wrap del{display:block;color:var(--grey);font-size:12px}
.woocommerce div.product form.cart .tm-extra-product-options-dynamic .tmcp-field-wrap-inner{display:flex!important;justify-content:space-between;align-items:baseline;gap:10px;font-size:15px;color:var(--grey);padding-top:12px}
.woocommerce div.product form.cart .tm-extra-product-options-dynamic label{width:auto!important;flex:1 1 auto;margin:0}
.woocommerce div.product form.cart .tm-extra-product-options-dynamic .tc-result-wrap{flex:none;width:auto!important}
.woocommerce div.product form.cart .tm-extra-product-options-dynamic .tc-result{font-weight:700;color:var(--ink)}
.woocommerce div.product form.cart .dwk-ukryj{display:none!important}
#tm-epo-totals .tm-options-totals{display:none!important}
#tm-epo-totals dl{display:flex!important;align-items:baseline;justify-content:space-between;gap:12px;margin:12px 0 4px;padding:14px 0 0;border-top:1px solid var(--line)}
#tm-epo-totals dt.tm-final-totals{font-size:16px;font-weight:700;margin:0!important;padding:0!important;width:auto!important;float:none!important}
#tm-epo-totals dd.tm-final-totals{margin:0!important;padding:0!important;width:auto!important;float:none!important;font-size:26px;font-weight:700;color:var(--plum-dk)}
/* Telefon: nazwa i cena mniejsze, zeby wymiary byly blizej pierwszego ekranu. */
@media(max-width:600px){
  .woocommerce div.product .product_title{font-size:25px;line-height:1.2}
  .dwk-cena-od{font-size:21px!important;margin:2px 0 8px}
  .dwk-cena-od>span:first-child{font-size:15px}
  .woocommerce-product-details__short-description{font-size:15px;line-height:1.55}
  .woocommerce-product-details__short-description p{margin:0}
}
#woo-image-cropper-container{margin-top:18px}
#woo-image-cropper-container .cropper-header h3{font-size:17px;margin:0 0 6px}
#woo-image-cropper-container .cropper-description{font-size:13.5px;line-height:1.5;color:var(--grey)}
/* Okno kadrowania: opis, obraz i suwak w jednej linii (rowne marginesy). */
#woo-image-cropper-container{padding:18px!important;border-radius:16px;box-sizing:border-box}
#woo-image-cropper-container .cropper-header,#woo-image-cropper-container .cropper-layout,#woo-image-cropper-container .cropper-image-column{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;width:auto!important;max-width:none!important}
#woo-image-cropper-container .cropper-header{padding-bottom:12px!important;margin-bottom:14px!important}
#woo-image-cropper-container .woo-cropper-compression-controls{margin:14px 0 0!important}
#woo-image-cropper-container .wrap_range{padding:14px!important;margin:0!important;border-radius:12px}
#woo-image-cropper-container #compression-label{font-size:15px;line-height:1.35;margin:0 0 10px!important}
@media(max-width:600px){
  .woocommerce div.product form.cart{padding:16px}
  #woo-image-cropper-container{padding:14px!important}
  /* Telefon: obraz kadrowania na cala szerokosc ekranu (wtyczka mierzy szerokosc przy starcie).
     52 px = odstep strony 20 + karta formularza 16 + ramka kadrowania 16. */
  /* Kolejnosc na telefonie (decyzja Lukasza 03.10): najpierw kadrowanie z kompresja, zaraz pod nim
     szerokosc i wysokosc (pierwsze pola formularza EPO), potem material, uklad, laminowanie, suma. */
  /* Caly konfigurator jedna biala plaszczyzna od krawedzi do krawedzi (bez ramek w ramkach),
     obraz kadrowania na pelna szerokosc ekranu. 20 px = odstep strony (.dwk-wrap). */
  /* max-width:none!important: wtyczka EPO ma silniejsza regule max-width:100% (bez tego formularz
     przesuwal sie w lewo i zostawial pusty pas po prawej). */
  .woocommerce div.product div.summary>form.cart{width:calc(100% + 40px)!important;max-width:none!important;box-sizing:border-box;margin-left:-20px;margin-right:-20px;padding:16px 20px;border-radius:0;border-left:0;border-right:0}
  .woocommerce div.product form.cart>#woo-image-cropper-container{order:0;margin:0 0 6px!important;width:100%!important;padding:0!important;border:0!important;border-radius:0;box-shadow:none!important;background:transparent!important}
  /* .cropper-layout to flex: ujemny margines tylko przesuwa kolumne w lewo, nie poszerza jej
     (bylo 377 z 412 px, pusty pas po prawej), wiec szerokosc wprost. */
  #woo-image-cropper-container .cropper-image-column{margin-left:-20px!important;margin-right:-20px!important;flex:0 0 auto!important;width:calc(100% + 40px)!important;max-width:none!important}  /* Stala wysokosc podgladu: wtyczka po kazdym wpisanym znaku niszczy i buduje kadrowanie od nowa,
     a ramka na chwile zmieniala wysokosc i pola wymiarow pod nia skakaly. Kadrowanie bierze rozmiar
     z tej ramki, wiec wzor miesci sie w niej w calosci. Tlo zamiast szachownicy. */
  #woo-image-cropper-container #crop-image-wrapper{height:clamp(220px,62vw,320px)!important;max-height:none!important;overflow:hidden;background:#efe9e0!important}
  #woo-image-cropper-container #crop-image-wrapper>img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain}
  #woo-image-cropper-container #crop-image-wrapper .cropper-bg{background-image:none!important;background-color:#efe9e0!important}
  #woo-image-cropper-container #crop-image-wrapper{border-radius:0!important;border-left:0!important;border-right:0!important}
  /* Dlugi opis: 2 linijki + przycisk. */
  #woo-image-cropper-container .cropper-description.dwk-zwin:not(.dwk-otwarte){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .dwk-zwin-btn{display:inline-block;margin:6px 0 0;padding:6px 0;border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:var(--plum);text-decoration:underline;cursor:pointer}
}
@media(min-width:601px){.dwk-zwin-btn,.dwk-segment{display:none!important}}
/* Telefon, karta produktu: cala szerokosc ekranu (zasada Lukasza 03.10). Zdjecie glowne i bloki
   od krawedzi do krawedzi, tekst z odstepem 20 px. max-width:none, bo wyzej jest max-width:100%. */
@media(max-width:600px){
  .woocommerce div.product div.images .woocommerce-product-gallery__image:first-child{margin:0 -20px!important;max-width:none}
  .woocommerce div.product div.images .woocommerce-product-gallery__image:first-child img{border-radius:0}
  .woocommerce div.product>.dwk-opis,.woocommerce div.product>.dwk-info,.woocommerce div.product>.dwk-zakladka{margin-left:-20px!important;margin-right:-20px!important;max-width:none;border-radius:0;border-left:0;border-right:0;padding:22px 20px}
  .woocommerce div.product>.dwk-opis,.woocommerce div.product>.dwk-info{margin-top:12px}
  .woocommerce div.product>.dwk-zakladka{padding:0}
  .woocommerce div.product>.dwk-zakladka summary{padding:14px 20px}
  .woocommerce div.product>.dwk-zakladka .dwk-material-tresc{padding:0 20px 18px}
}
.dwk-segment{display:flex;gap:8px}
.dwk-segment button{flex:1 1 0;min-height:52px;padding:8px 10px;border:1.5px solid #d9d0c4;border-radius:12px;background:#fff;font:inherit;font-size:15px;font-weight:600;line-height:1.25;color:var(--ink);cursor:pointer}
.dwk-segment button[aria-pressed=true]{border-color:var(--plum);background:var(--plum-soft);color:var(--plum-dk);box-shadow:0 0 0 2px var(--plum-soft)}
@media(max-width:600px){
  .woocommerce div.product form.cart select.dwk-lista-z-przyciskami{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}
  /* Suwak kompresji jako niski pasek, zeby wymiary byly tuz pod obrazem. */
  #woo-image-cropper-container .woo-cropper-compression-controls{margin:10px 0 0!important}
  #woo-image-cropper-container .wrap_range{padding:10px 20px!important;border-radius:0!important}
  #woo-image-cropper-container #compression-label{font-size:14px;margin:0 0 4px!important}
  #woo-image-cropper-container .cropper-header{padding-bottom:8px!important;margin-bottom:10px!important}
}
/* Powiekszenie wzoru materialu (lupa na kafelku). */
.woocommerce div.product form.cart .tc-images-container li{position:relative}
.dwk-lupa{position:absolute;top:6px;right:6px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:var(--plum-dk);display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:zoom-in;padding:0}
.dwk-lupa svg{width:18px;height:18px}
.dwk-zoom{position:fixed;inset:0;z-index:100;background:rgba(30,15,30,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:14px}
.dwk-zoom img{max-width:100%;max-height:78vh;border-radius:14px;object-fit:contain}
.dwk-zoom p{color:#fff;margin:0;font-weight:700;text-align:center}
.dwk-zoom button{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--plum-dk);font-size:26px;line-height:1;cursor:pointer}
/* .dwk-material img: silniej niz ".woocommerce img{max-width:100%}", ktore rozciagalo zdjecie na cala szerokosc. */
.dwk-material img.dwk-material-duze{display:block;width:100%;max-width:640px;height:auto;border-radius:14px;margin:0 0 14px}

/* Pasek z cena i przyciskiem przy kciuku (tylko telefon). */
.dwk-pasek{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:14px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(63,26,62,.10);transform:translateY(115%);transition:transform .25s ease}
.dwk-pasek.dwk-widoczny{transform:none}
.dwk-pasek small{display:block;font-size:12.5px;color:var(--grey);line-height:1.2}
.dwk-pasek b{display:block;font-size:20px;color:var(--plum-dk);line-height:1.2;white-space:nowrap}
.dwk-pasek button{margin-left:auto;padding:14px 22px;border:0;border-radius:999px;background:var(--plum);color:#fff;font:inherit;font-weight:700;font-size:16px;cursor:pointer;white-space:nowrap}
@media(min-width:901px){.dwk-pasek{display:none}}
@media(max-width:900px){body.single-product{padding-bottom:78px}}

/* Bloki informacyjne pod produktem */
.dwk-info{margin-top:44px;padding:40px;background:#fff;border:1px solid var(--line);border-radius:26px}
.dwk-info h3{font-size:21px}
.dwk-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.dwk-info-2{grid-template-columns:1fr 1fr}
.dwk-info-h{margin:40px 0 20px;font-size:clamp(26px,3vw,36px)!important}
.dwk-info .dwk-check li{font-size:15.5px}
.dwk-materialy{display:grid;gap:12px}
/* Materialy jako rozwijane karty: krotko na wierzchu, szczegoly po dotknieciu. */
.dwk-material{background:var(--cream);border-radius:20px}
.dwk-material summary{display:flex;align-items:center;gap:16px;padding:14px 18px;cursor:pointer;list-style:none}
.dwk-material summary::-webkit-details-marker{display:none}
.dwk-material summary::after{content:"+";margin-left:auto;flex:none;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--plum);display:grid;place-items:center;font-size:22px;line-height:1}
.dwk-material[open] summary::after{content:"−"}
.dwk-material summary img{flex:none;border-radius:12px;width:72px;height:72px;object-fit:cover}
.dwk-material summary b{display:block;font-size:17px;line-height:1.3}
.dwk-material summary small{display:block;font-size:14px;color:var(--grey);margin-top:3px}
.dwk-material-tresc{padding:0 18px 20px}
.dwk-material p{font-size:15.5px;color:#3c3c3c}
.dwk-material-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dwk-material h4{font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--plum);margin:0}
.dwk-material .dwk-check{margin:8px 0 0}
.dwk-foto4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.dwk-foto4 figure{margin:0}
.dwk-foto4 img{border-radius:14px;width:100%;height:auto}
.woocommerce .dwk-info .dwk-info-img{max-width:360px}
.dwk-foto4 figcaption{font-size:14px;color:var(--grey);margin-top:8px}
.dwk-info-img{border-radius:16px;margin-top:10px}
.dwk-uwaga{font-size:14.5px;color:var(--grey)}
@media(max-width:900px){.dwk-info{padding:24px}.dwk-info-grid,.dwk-info-2{grid-template-columns:minmax(0,1fr)}.woocommerce .dwk-info .dwk-info-img{width:100%;height:auto}.dwk-foto4{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.dwk-material summary{padding:12px 14px;gap:12px}.dwk-material summary img{width:60px;height:60px}.dwk-material summary b{font-size:15.5px}.dwk-material summary small{font-size:13px}.dwk-material-tresc{padding:0 14px 16px}.dwk-material-cols{grid-template-columns:1fr}}

/* ---------- Koszyk i zamowienie ---------- */
.woocommerce table.shop_table{border-radius:16px;background:#fff;border-color:var(--line)}
.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.woocommerce-checkout #customer_details{margin-bottom:24px}
.woocommerce-customer-details .woocommerce-column{margin-bottom:24px}
.woocommerce-customer-details address{border-radius:14px;background:#fff}
.woocommerce ul.order_details{display:flex;flex-wrap:wrap;gap:10px 28px;padding:0;margin:0 0 24px}
.woocommerce ul.order_details li{border:0!important;margin:0!important;padding:0!important;float:none!important}
.woocommerce .woocommerce-bacs-bank-details h3{font-size:18px;margin-top:18px}
.woocommerce form .form-row input.input-text{padding:12px 14px}

/* Telefon: wieksze pola dotyku (ok. 40 px) dla linkow stopki, logo, lupy materialu i przycisku kadrowania. */
@media(max-width:900px){
.dwk-stopka nav{gap:0}
.dwk-stopka nav a{display:block;padding:9px 0}
.dwk-stopka-kontakt a{display:inline-block;padding:10px 0}
.dwk-logo{display:inline-block;padding:5px 0}
.dwk-lupa{width:40px;height:40px}
.dwk-zwin-btn{padding:10px 0}
}