/* ============================================================
   W RENT – vlastní vzhled pro Shoptet Classic
   Verze 1.0 · jeden soubor nahrazuje všechny wrent-*.css a JS
   ------------------------------------------------------------
   NASAZENÍ:
   1) Ve Vzhled → HTML kód ODSTRANIT všechny staré soubory
      wrent-*.css, wr-cart-empty.css a wrent-header-custom.js.
   2) Z HTML bloku patičky SMAZAT vypsaný CSS text (#wrFoot…)
      – je přenesený sem do sekce 17. V patičce zůstane jen HTML
      (a zkontrolovat, že tam nezůstal nedovřený <style> tag).
   3) V administraci nastavit primární barvu #e30613
      a vybrat písmo šablony (tento soubor fonty neřeší).
   4) Nahrát tento soubor jako jediný vlastní CSS.
   ------------------------------------------------------------
   OBSAH:
   00 Proměnné, pojistky, základ
   01 Typografie a nadpisy
   02 Tlačítka
   03 Formuláře
   04 Systémové prvky (cookies, modály, hlášky)
   05 Horní lišta + hlavička + popupy
   06 Navigace a mega menu
   07 Drobečková navigace
   08 Homepage – responzivní fixy custom sekcí
   09 Kategorie (hero, podkategorie, filtry, produktové karty)
   10 Stránkování + načíst další
   11 Detail produktu (body.type-detail)
   12 Košík a checkout (.ordering-process)
   13 Prázdný košík
   14 Přihlášení a registrace
   15 Klientská sekce
   16 Vyhledávání + blog
   17 Patička (#wrFoot)
   ============================================================ */


/* ============ 00 PROMĚNNÉ, POJISTKY, ZÁKLAD ============ */

:root{
  --color-primary:#e30613;
  --color-secondary:#c90011;
  --wr-red:#e30613;
  --wr-red-dark:#c90011;
  --wr-ink:#111;
  --wr-text:#222;
  --wr-muted:#666;
  --wr-bg:#f4f4f4;
  --wr-border:#e8e8e8;
  --wr-r:14px;
  --wr-r-l:22px;
  --wr-shadow:0 12px 30px rgba(0,0,0,.06);
  --wr-shadow-h:0 22px 50px rgba(0,0,0,.12);
  /* váha názvů dlaždic v mega menu — snadno doladit tady */
  --wr-menu-name-weight:500;
}

/* menší zaoblení velkých karet na mobilu (22px působilo na malém displeji tlustě) */
@media(max-width:767px){
  :root{--wr-r-l:16px}
}

/* Pojistky: kdyby v HTML kódu omylem zůstal starý header JS/CSS */
#wrHeader{display:none!important}
body.wrCustomReady .top-navigation-bar{display:block!important}
body.wrCustomReady #header{display:block!important}

/* explicitní bílé pozadí + light schéma: bez něj je body průhledné
   (tmavé fleky na screenshotech z mobilu, auto-dark režimy prohlížečů) */
:root{color-scheme:light}
body{overflow-x:hidden;color:var(--wr-text);background:#fff}
img{max-width:100%}


/* ============ 01 TYPOGRAFIE A NADPISY ============ */

h1,.h4,.content h4,.category-title,.p-detail-inner h1,
h4.homepage-group-title,.h4.homepage-group-title,.products-related-header{
  color:var(--wr-ink)!important;
  font-weight:800!important;
  text-transform:none!important;
  letter-spacing:-.02em!important;
}
h1::after,.h4::after,.content h4::after,.category-title::after,
.p-detail-inner h1::after,h4.homepage-group-title::after,
.h4.homepage-group-title::after,.products-related-header::after{
  background:var(--wr-red)!important;
  height:3px!important;width:46px!important;border-radius:2px;
}
p a{color:var(--wr-red)}


/* ============ 02 TLAČÍTKA ============ */

.btn,a.btn,.button,
form button:not(.increase):not(.decrease):not(.remove-item),
input[type="submit"]{
  border-radius:var(--wr-r)!important;
  font-weight:700!important;
  letter-spacing:.2px;
  text-transform:none!important;
  border:none;
  text-decoration:none!important;
  transition:background .2s ease,color .2s ease,border-color .2s ease,
             transform .2s ease,box-shadow .2s ease;
  -webkit-appearance:none;
}
a.btn{display:inline-flex!important;align-items:center;justify-content:center}

/* červená = konverzní akce */
.btn-primary,a.btn-primary,
.btn-conversion,a.btn-conversion,
.add-to-cart-button,button.add-to-cart-button,
#orderFormButton,.next-step-forward,
#register-form input[type="submit"],#register-form button[type="submit"],
.in-login form button[type="submit"],
#formContact button[type="submit"],
footer form button[type="submit"],
#discussion-form .btn{
  background:var(--wr-red)!important;color:#fff!important;
  box-shadow:0 12px 26px rgba(227,6,19,.18);
}
.btn-primary:hover,.btn-conversion:hover,.add-to-cart-button:hover,
#orderFormButton:hover,.next-step-forward:hover,
#register-form input[type="submit"]:hover,#register-form button[type="submit"]:hover,
.in-login form button[type="submit"]:hover,#formContact button[type="submit"]:hover{
  background:var(--wr-red-dark)!important;color:#fff!important;
  transform:translateY(-1px);
}
.btn-conversion *,.next-step-forward *,#orderFormButton *,
.add-to-cart-button *,.order-button-text{color:#fff!important}

/* sekundární / zpět */
.btn-secondary,a.btn-secondary,.btn-default,a.btn-default{
  background:#f2f2f3!important;color:var(--wr-ink)!important;
  border:1px solid #e3e3e5!important;box-shadow:none;
}
.btn-secondary:hover,.btn-default:hover{background:#e8e8ea!important;color:var(--wr-ink)!important}

/* disabled */
.btn.disabled,a.btn.disabled,.btn[disabled],button[disabled],
.disabled-add-to-cart .add-to-cart-button{
  background:#e9e9ea!important;color:#9a9a9a!important;
  box-shadow:none!important;cursor:not-allowed!important;transform:none!important;
}


/* ============ 03 FORMULÁŘE ============ */

.form-control,
input[type="text"],input[type="email"],input[type="tel"],
input[type="password"],input[type="search"],input[type="number"],
textarea,select{
  min-height:50px;
  border:1px solid #ddd!important;
  border-radius:var(--wr-r)!important;
  background:#fafafa!important;
  padding:0 16px!important;
  color:var(--wr-ink)!important;
  box-shadow:none!important;
}
/* textarea.form-control kvůli specificitě — jinak vyhrává .form-control
   s padding:0 a text je nalepený na horní hranu */
textarea,textarea.form-control{padding:14px 16px!important;min-height:120px}
.form-control:focus,input:focus,textarea:focus,select:focus{
  background:#fff!important;
  border-color:var(--wr-red)!important;
  box-shadow:0 0 0 4px rgba(227,6,19,.08)!important;
  outline:0!important;
}
.form-group label{font-weight:700;color:var(--wr-ink)}

/* select – vlastní šipka (bez cizích assetů) */
select,select.form-control{
  -webkit-appearance:none;appearance:none;
  padding-right:44px!important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round'/></svg>")!important;
  background-repeat:no-repeat!important;
  background-position:right 16px center!important;
}

/* checkbox / radio – Classic je kreslí přes label::before/::after */
input[type="checkbox"]+label,input[type="radio"]+label{padding-left:30px!important}
input[type="checkbox"]+label::before,input[type="radio"]+label::before{
  width:20px!important;height:20px!important;
  border:1.5px solid #d0d0d3!important;background:#fff!important;
}
input[type="checkbox"]+label::before{border-radius:6px!important}
input[type="radio"]+label::before{border-radius:50%!important}
input[type="checkbox"]:checked+label::before,
input[type="radio"]:checked+label::before{border-color:var(--wr-red)!important}
input[type="checkbox"]:checked+label::after,
input[type="radio"]:checked+label::after{
  width:12px!important;height:12px!important;left:4px!important;
  background:var(--wr-red)!important;border:none!important;
}
input[type="checkbox"]:checked+label::after{border-radius:3px!important}
input[type="radio"]:checked+label::after{border-radius:50%!important}
/* varianta se skutečným checkboxem (filtry v sidebaru) */
input[type="checkbox"]::before{border-radius:5px}
input[type="checkbox"]:checked::after{background:var(--wr-red)!important}
input[type="checkbox"],input[type="radio"]{accent-color:var(--wr-red)}

/* validační bublina */
form .validator-msg,form .js-validator-msg{
  background:var(--wr-red)!important;border-radius:0 0 10px 10px!important;
}
form .validator-msg::before,form .js-validator-msg::before{background:var(--wr-red)!important}


/* ============ 04 SYSTÉMOVÉ PRVKY ============ */

/* cookie lišta */
.siteCookies{
  background:#fff!important;border:1px solid var(--wr-border)!important;
  border-radius:var(--wr-r-l)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.28)!important;
  padding:26px!important;max-width:840px!important;
}
.siteCookies::before{display:none!important}
.siteCookies .siteCookies__buttonWrap button[value="all"]{
  background:var(--wr-red)!important;border:1px solid var(--wr-red)!important;
  color:#fff!important;border-radius:999px!important;
  font-weight:700!important;min-height:50px!important;
}
.siteCookies .siteCookies__buttonWrap button[value="all"]:hover{
  background:var(--wr-red-dark)!important;border-color:var(--wr-red-dark)!important;opacity:1!important;
}
.siteCookies .siteCookies__buttonWrap button[value="reject"]{
  background:transparent!important;border:none!important;
  color:#777!important;text-decoration:underline!important;box-shadow:none!important;
}
.siteCookies .siteCookies__buttonWrap .js-cookies-settings{
  background:#fff!important;border:1px solid #ddd!important;
  border-radius:999px!important;color:var(--wr-ink)!important;
  font-weight:700!important;min-height:50px!important;text-decoration:none!important;
}
.cookiesSetting__button{background:var(--wr-ink)!important;border-radius:12px!important}
.cookiesSetting__button--green{background:var(--wr-red)!important}

/* modální okno (colorbox) */
#cboxContent{border-radius:18px!important;overflow:hidden!important}
#cboxClose{background:#f2f2f3!important;border-radius:50%!important}
#cboxClose:hover{background:var(--wr-red)!important}
#cboxClose:hover::before{color:#fff!important}

/* hlášky */
div.message,.msg .container{border-radius:16px!important}


/* ============ 05 HORNÍ LIŠTA + HLAVIČKA + POPUPY ============ */

/* horní lišta – světlý pruh, klidná typografie (bez tučného písma).
   POZOR: layout a pozadí JEN desktop — pod 768px je .top-navigation-bar
   FIXNÍ hlavní lišta mobilní hlavičky šablony (mobile-header-version-1:
   logo + ikony hledání/košík/burger) a pozicování si řídí sama */
.top-navigation-bar{font-size:13px}
/* šablona dává vnitřním blokům bílé pozadí (--colors-surface-primary) → pryč s ním */
.top-navigation-contacts,.top-navigation-menu,.top-navigation-tools{background:transparent!important}
@media(min-width:768px){
.top-navigation-bar{background:#f7f7f7!important;border-bottom:1px solid #ededed}
.top-navigation-bar .container{display:flex;align-items:center;justify-content:space-between;min-height:44px}
}
.top-navigation-bar,.top-navigation-bar a{color:#555}
.top-navigation-bar a{font-weight:400;text-decoration:none}
.top-navigation-bar a:hover{color:var(--wr-red)!important}
.top-navigation-bar .top-navigation-menu>ul li a{padding:4px 14px}
.top-navigation-bar .top-navigation-menu>ul li::before{color:#ddd}
/* šablona roztahuje bloky lišty (flex:1 1 40% + text-align:center) → šipka
   overflow menu pak „visí" daleko vpravo; bloky se mají smrsknout na obsah.
   Jen desktop — na mobilu by smrskla .responsive-tools (chce width:100%) */
@media(min-width:768px){
.top-navigation-bar .container>div{flex:0 1 auto;text-align:left}
}
/* top bar i hlavička sedí ve stejném centrovaném .containeru (1418px, padding 20)
   → levé a pravé hrany všech tří pater lícují v jedné svislici */
.top-navigation-contacts{color:#555}
.top-navigation-contacts strong{font-weight:600;color:var(--wr-ink)}
.top-navigation-contacts .project-phone{font-weight:600;color:var(--wr-ink)}
.top-navigation-contacts .project-phone:hover,
.top-navigation-contacts .project-email:hover::before{color:var(--wr-red)!important}

#header{background:#fff!important;box-shadow:none!important}
/* DESKTOPOVÝ layout hlavičky. Pod 768px NIC nepozicovat: šablona tam má
   vlastní fixní hlavičku (#header{position:fixed;top:50px}, logo a košík
   absolutně vtažené do horní lišty) — naše position:relative + flex layout
   jí rozbíjely kotvy a vše se slepilo přes sebe */
@media(min-width:768px){
#header{border-bottom:1px solid var(--wr-border)!important;position:relative}
#header .header-top{
  display:flex!important;align-items:center!important;
  justify-content:space-between;gap:28px;padding:10px 0;
  height:auto!important; /* šablona: fixní height:98px → přetékalo přes menu */
}
/* šablona dává blokům hlavičky flex:0 1 33.333% → logo se „vznášelo" v třetině;
   bloky se mají smrsknout na obsah a lícovat s okraji kontejneru */
#header .header-top>div:not(.search){flex:0 1 auto}
#header .site-name{margin:0!important;padding:0!important}
#header .site-name img{max-height:100px;max-width:280px;width:auto}
#header .search{flex:1 1 auto;max-width:560px}
}

/* hledání – světlé minimalistické pole s vsazeným tlačítkem.
   Skin je globální: na mobilu se pole ukazuje v rozbalovacím panelu pod
   lištou (search-window-visible) a vzhled se hodí i tam */
#header .search fieldset{
  display:flex!important;align-items:center!important;gap:6px;
  background:#fff!important;border:1px solid #e0e0e0!important;
  border-radius:var(--wr-r)!important;padding:4px!important;margin:0!important;
  transition:border-color .15s ease,box-shadow .15s ease;
}
#header .search fieldset:focus-within{
  border-color:#c7c7c7!important;box-shadow:0 0 0 3px rgba(227,6,19,.06);
}
#header .search fieldset input{
  flex:1 1 auto!important;min-width:0!important;max-width:none!important;
  height:42px!important;background:transparent!important;border:none!important;
  border-radius:10px!important;color:var(--wr-text)!important;
  padding:0 16px!important;font-weight:400;box-shadow:none!important;
}
#header .search fieldset input::placeholder{color:#9b9b9b!important}
#header .search fieldset button{
  /* šablona (.compact-form .btn) dává buttonu position:absolute → vrátit do flow */
  position:static!important;flex:0 0 auto;
  width:104px!important;min-width:104px!important;height:40px!important;
  border-radius:10px!important;margin:0!important;padding:0!important;
  background:var(--wr-red)!important;color:#fff!important;
  border:none!important;font-weight:600!important;letter-spacing:.2px;
}
#header .search fieldset button:hover{background:var(--wr-red-dark)!important}

/* košík + přihlášení v hlavičce — stejný vizuál jako hledací pole.
   Pill tvar jen desktop: na mobilu je košík ikonka absolutně vsazená
   do horní lišty (šablona), rámeček/padding by ji deformoval */
@media(min-width:768px){
#header .navigation-buttons .btn{
  background:#fff!important;border:1px solid #e0e0e0!important;
  border-radius:var(--wr-r)!important;min-height:50px!important;
  padding:0 22px 0 50px!important;
  color:var(--wr-ink)!important;-webkit-text-fill-color:var(--wr-ink);
  font-weight:500!important;position:relative;justify-content:center;
  transition:border-color .15s ease,background .15s ease;
}
#header .navigation-buttons .btn:hover{background:#fafafa!important;border-color:#c7c7c7!important;color:var(--wr-ink)!important}
#header .navigation-buttons>a[data-target="cart"]::before{
  content:'\e921';font-family:'shoptet'!important;
  position:absolute;left:18px;top:50%;transform:translateY(-50%);
  font-size:20px;line-height:1;color:var(--wr-ink);
}
}
#header .navigation-buttons>a[data-target="cart"] i{
  background:var(--wr-red)!important;color:#fff!important;
}
#header .navigation-buttons .btn .cart-price{font-weight:600;color:#555;font-size:12px}
.top-nav-button-login{color:var(--wr-ink)!important;font-weight:500!important;text-decoration:none!important}
.top-nav-button-login:hover{color:var(--wr-red)!important}
/* „Registrácia" vedle Prihlásenia (vkládá dev/registration-link-snippet.html, §5.10c) */
.top-navigation-tools .wr-reg-link{
  display:inline-flex;align-items:center;margin-left:18px;
  color:var(--wr-ink)!important;font-weight:500!important;text-decoration:none!important;
  cursor:pointer;
}
.top-navigation-tools .wr-reg-link:hover{color:var(--wr-red)!important}
@media(max-width:767px){.top-navigation-tools .wr-reg-link{display:none}} /* mobil má ikony */

/* popup košíku, login widget, našeptávač */
.popup-widget.cart-widget{border:1px solid var(--wr-border)!important;border-radius:18px!important;
  box-shadow:0 30px 70px rgba(0,0,0,.18)!important;overflow:hidden}
.popup-widget::before{border-color:var(--wr-border)!important}
.cart-widget-button .btn{background:var(--wr-red)!important;color:#fff!important;border-radius:0!important}
.cart-widget-button .btn:hover{background:var(--wr-red-dark)!important}
/* počet kusů (widget košíku, tabulka košíku, detail) — malé pole:
   obecný input styl z 03 (padding 0 16px + min-height 50) číslo vytlačil
   z viditelné plochy → kompaktní varianta, číslo na střed */
input.amount,
.cart-widget input[type="number"],
.cart-widget .quantity input{
  padding:0 2px!important;text-align:center!important;
  min-height:34px!important;background:#fff!important;color:var(--wr-ink)!important;
}
.popup-widget.login-widget .popup-widget-inner{border-radius:18px!important;border-color:var(--wr-border)!important}
.popup-widget.login-widget button{background:var(--wr-red)!important;color:#fff!important;
  border-radius:12px!important;width:100%!important}
.popup-widget.login-widget a{color:var(--wr-red)}
/* zarovnání popupu: šablona ho sází left:50%+56px (laděno na její layout, ne náš)
   → kotvíme pravým okrajem na linii kontejneru (kde končí tlačítko Prihlásenie).
   POZOR: pozicovaný předek popupu je full-width .user-action → right:0 by ujel
   na okraj okna. Kotvu přesouváme na .user-action-in (uvnitř .container);
   cart-widget to neposune (je kotvený na left:50% = střed, ten se nemění).
   Jen desktop — na mobilu je popup fixed přes celou šířku, nesahat! */
@media(min-width:768px){
  .user-action .user-action-in{position:relative}
  .popup-widget.login-widget{
    left:auto!important;right:0!important;margin-left:0!important;top:34px!important;
  }
  /* jazýček míří na Prihlásenie — napravo od něj je ještě odkaz Registrácia
     (§5.10c), proto odsazení ~150px od pravého okraje, ne 36px */
  .popup-widget.login-widget::before{right:150px!important}
}
/* celý blok tlačítek: jeden flex sloupec s gap 12 — Prihlásiť aj registrace
   stejná šířka i výška (šablona jim dává různé paddingy/floaty) */
.popup-widget.login-widget .login-wrapper{
  display:flex!important;flex-direction:column!important;gap:12px!important;
  margin:0!important;width:100%!important;
}
.popup-widget.login-widget .login-wrapper button.btn-login{
  min-height:46px!important;margin:0!important;padding:0 20px!important;
  font-weight:700!important;font-size:14px!important;
}
/* odkazy pod tlačítkem: registrace = plnohodnotné sekundární tlačítko (B2B!),
   zapomenuté heslo decentně pod ním */
.popup-widget.login-widget .password-helper{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  gap:12px!important;margin:0!important;float:none!important;width:100%!important;
}
.popup-widget.login-widget .password-helper a{margin:0!important}
.popup-widget.login-widget .password-helper a[href*="registracia"]{
  display:flex!important;width:100%!important;min-height:46px!important;
  align-items:center!important;justify-content:center!important;
  border:1px solid var(--wr-red)!important;border-radius:12px!important;
  color:var(--wr-red)!important;font-weight:700!important;
  text-decoration:none!important;transition:background .2s ease,color .2s ease!important;
}
.popup-widget.login-widget .password-helper a[href*="registracia"]:hover{
  background:var(--wr-red)!important;color:#fff!important;
}
.popup-widget.login-widget .password-helper a[href*="zabudnute"]{
  color:#8a8a8a!important;font-size:13px!important;font-weight:500!important;
}
.popup-widget.login-widget .password-helper a[href*="zabudnute"]:hover{color:var(--wr-red)!important}
.search-whisperer{border-color:var(--wr-border)!important;border-radius:0 0 16px 16px;
  box-shadow:0 24px 50px rgba(0,0,0,.14)}
.search-whisperer .p-name{font-weight:700;color:var(--wr-ink)!important}
.search-whisperer .price{color:var(--wr-red)!important;font-weight:800}


/* ============ 06 NAVIGACE A MEGA MENU ============ */

#navigation{background:#fff}
/* šablona natírá lištu primární červenou (.navigation-in{background:var(--color-primary)}) */
.navigation-in{background:#fff}
/* šablona má na desktopu #navigation{height:32px;overflow:hidden} → naše 54px
   položky se ořízly a menu „zmizelo“; výška musí odpovídat line-height položek.
   Nativní margin -20px vytahoval menu z kontejneru → zrušit, ať lícuje s logem */
/* metriky položek JEN desktop — na mobilu je menu off-canvas a paddingy/
   line-height si řídí šablona (naše 54px tam dělaly obří slepené položky) */
@media(min-width:768px){
#navigation{height:54px;margin-left:0;margin-right:0}
.navigation-in>ul>li{border:none!important}
.navigation-in>ul>li>a{
  padding:0 16px!important;line-height:54px!important;
  font-weight:700!important;font-size:13px!important;
  text-transform:uppercase!important;letter-spacing:.4px;
  color:var(--wr-ink)!important;background:#fff!important;
}
.navigation-in>ul>li>a:hover,
.navigation-in>ul>li.exp>a{
  color:var(--wr-red)!important;background:#fff!important;
  margin:0!important;padding:0 16px!important;
}
/* menu je zarovnané vlevo (nativní .fitted dává flex-start); první položka bez
   levého paddingu, ať text lícuje s logem a top barem v jedné svislici */
.navigation-in>ul>li:first-child>a{padding-left:0!important}
}
.submenu-arrow{color:var(--wr-red)}

@media(min-width:768px){
  /* jemné oddělení lišty menu od hlavičky — přes CELOU šířku stránky
     (border na #navigation končil na hraně kontejneru a „lámal se") */
  #header::after{
    content:"";position:absolute;left:0;right:0;bottom:54px;height:1px;
    background:#f0f0f0;pointer-events:none;
  }

  #header #navigation ul.menu-level-1>li.exp>ul,
  .navigation-in ul.menu-level-2{
    background:#fff!important;border:1px solid #eee!important;border-top:none!important;
    border-radius:0 0 26px 26px!important;
    box-shadow:0 30px 70px rgba(0,0,0,.16)!important;padding:20px!important;
    z-index:30; /* panel nad vším ostatním v hlavičce */
    /* Safari po zavření panelu nepřekreslí plochu pod ním (panel přesahuje
       z #navigation, kterému šablona přepíná overflow:hidden↔visible, a má
       velký stín) → „duch" panelu chvíli překrývá obsah. Vlastní kompozitní
       vrstva se odstraní celá a čistě; Chrome/Firefox nijak neovlivní */
    transform:translateZ(0);
  }

  /* dlaždice podkategorií — 4 sloupce přes celou šířku panelu */
  .navigation-in>ul>li.ext>ul>li{
    border:1px solid #f1f1f1;border-radius:16px;background:#fafafa;
    margin:6px;transition:.2s ease;
    flex-basis:calc(25% - 12px);width:auto;
    position:relative; /* kotva pro nataženou klikací plochu */
  }
  /* celá dlaždice proklikatelná — odkaz s názvem se roztáhne přes celou kartu */
  .navigation-in>ul>li.ext>ul>li>div>a::after{
    content:"";position:absolute;inset:0;border-radius:16px;
  }
  /* šablona maže první dlaždici horní rámeček (li:first-child{border-top-style:none}
     — pozůstatek seznamu s oddělovači) → vrátit, karta musí mít rámeček celý */
  .navigation-in>ul>li.ext>ul>li:first-child{border-top-style:solid}
  .navigation-in>ul>li.ext>ul>li:hover{
    border-color:var(--wr-red);background:#fff;
    position:relative;z-index:1; /* ať červený rámeček nepřekrývají sousední prvky */
  }
  /* fotky podkategorií mají bílé pozadí → multiply ho slije s podkladem dlaždice */
  .navigation-in>ul>li.ext>ul>li>a img{max-width:76px;max-height:60px;mix-blend-mode:multiply}
  .navigation-in>ul>li.ext>ul>li>div>a{font-weight:var(--wr-menu-name-weight)!important;color:var(--wr-ink)!important;text-decoration:none}
  .navigation-in>ul>li.ext>ul>li>div>a:hover{color:var(--wr-red)!important;background:transparent!important}
  /* 3. úroveň (čárkované seznamy s „…“) v mega menu ruší — dlaždice = jen foto + název */
  .navigation-in>ul>li.ext>ul>li>div>ul{display:none}

  /* velká karta kategorie vlevo — li.appended-category doplňuje náš snippet
     (dev/menu-card-snippet.html v patičce Shoptetu), obsah je vždy dynamický.
     Karta je absolutně natažená přes celou výšku panelu; panel jí uhne
     paddingem zleva a dlaždice běží ve 3 sloupcích vpravo vedle ní. */
  /* i s ID variantou — obecné pravidlo panelu výše má #header #navigation
     a jeho padding:20px!important by jinak levý padding přebil */
  #header #navigation ul.menu-level-1>li.exp>ul:has(>li.appended-category),
  .navigation-in>ul>li.ext>ul:has(>li.appended-category){
    padding-left:312px!important;min-height:300px;align-content:flex-start;
  }
  .navigation-in>ul>li.ext>ul>li.appended-category{
    display:flex!important;position:absolute;left:20px;top:20px;bottom:20px;
    width:272px;margin:0;
    background:var(--wr-ink);border:none;border-radius:18px;
  }
  .navigation-in>ul>li.ext>ul>li.appended-category:hover{background:#000;border:none}
  .navigation-in>ul>li.ext>ul>li.appended-category>a{
    display:flex;flex-direction:column;justify-content:flex-end;gap:12px;
    width:100%;padding:24px;text-decoration:none;
    background:transparent!important;color:#fff!important;
    font-weight:800;font-size:21px;line-height:1.15;letter-spacing:-.02em;
  }
  /* krátký popisek kategorie (doplňuje snippet přes span.wr-desc) */
  .navigation-in>ul>li.ext>ul>li.appended-category .wr-desc{
    font-size:13px;font-weight:400;line-height:1.5;letter-spacing:0;
    color:rgba(255,255,255,.75);
  }
  .navigation-in>ul>li.ext>ul>li.appended-category>a::after{
    content:"Zobraziť kategóriu →";
    font-size:13px;font-weight:600;letter-spacing:0;color:#fff;opacity:.85;
  }
  .navigation-in>ul>li.ext>ul>li.appended-category>a:hover::after{color:var(--wr-red);opacity:1}
  /* vedle karty se dlaždice srovnají do 3 sloupců (počítáno z obsahu panelu) */
  .navigation-in>ul>li.ext>ul:has(>li.appended-category)>li:not(.appended-category){
    flex-basis:calc(33.333% - 12px);
  }

  /* burger přetečeného menu — POZOR: .menu-helper je sourozenec #navigation
     (sedí přímo v #header), ne jeho potomek! Nativní top:98px počítá s nativní
     výškou hlavičky → kotvíme raději odspodu do lišty menu (54px vysoké) */
  #header .navigation-wrapper{position:relative} /* kotva pro burger */
  #header .menu-helper{
    top:auto!important;bottom:7px;right:20px; /* 20px = padding kontejneru → lícuje s košíkem */
    height:40px;width:40px;justify-content:center;
    background:#fff!important;border:1px solid var(--wr-border);border-radius:12px;
    color:var(--wr-ink)!important;
  }
  /* ikona burgeru: nativní glyph zlobil → tři čárky přes CSS gradienty */
  #header .menu-helper>span{display:none}
  #header .menu-helper::after{
    content:""!important;display:block;width:16px;height:12px;
    background:
      linear-gradient(var(--wr-ink),var(--wr-ink)) 0 0/16px 2px no-repeat,
      linear-gradient(var(--wr-ink),var(--wr-ink)) 0 5px/16px 2px no-repeat,
      linear-gradient(var(--wr-ink),var(--wr-ink)) 0 10px/16px 2px no-repeat;
    transform:none!important;
  }
  #header .menu-helper>ul{
    background:#fff;border-color:var(--wr-border)!important;border-radius:14px;
    box-shadow:var(--wr-shadow-h);padding:6px 0;top:calc(100% + 8px);
  }
  #header .menu-helper>ul>li{border-top-color:#f4f4f4}
  #header .menu-helper>ul a{color:var(--wr-ink);text-decoration:none}
  #header .menu-helper>ul a:hover{color:var(--wr-red)}
}

/* ===== MOBILNÍ HLAVIČKA + OFF-CANVAS MENU (pod 768px) =====
   Layout řídí šablona (mobile-header-version-1): fixní lišta 50px s logem
   vlevo a ikonami hledání/košík/burger vpravo (.responsive-tools, burger =
   červené kolečko z primární barvy), hledání = rozbalovací panel pod lištou
   (search-window-visible), menu = full-screen panel zprava
   (#navigation{position:fixed;width:0→100%}). NIC nepozicovat — jen vzhled. */
@media(max-width:767px){
  /* lišta: bílá s decentní linkou (globální šedý pruh je desktop-only) */
  .top-navigation-bar{background:#fff!important;border-bottom:1px solid var(--wr-border)!important}
  .responsive-tools>a{color:var(--wr-ink)}
  #header .site-name img{max-height:44px}

  /* burger: nativní kolečko z primární barvy → černý čtvereček se zaoblením
     (stejný rukopis jako desktopový burger a ikonová tlačítka) */
  .responsive-tools>a[data-target="navigation"]::before{
    background:var(--wr-ink)!important;color:#fff!important;border-radius:12px!important;
  }

  /* košík v liště: ikona sladěná s ostatními (nativně 30px + akční barva),
     červená zůstává jen bublina počtu kusů */
  /* nativní top:-39px je laděné na 30px glyf — s naším 23px sedí košík
     o pár px výš než ostatní ikony → srovnat na společnou osu.
     Nativně košík (right:50) lepil na burger (končí na 50) → odsadit +
     padding zvětšuje klikací plochu (top/right to kompenzují) */
  #header .cart-count{
    color:var(--wr-ink)!important;top:-31px!important;line-height:1!important;
    right:60px!important;padding:5px!important;
  }
  .header-top .btn.cart-count::before{font-size:23px!important;margin-right:0!important;color:var(--wr-ink)!important}
  /* lupa uhne doleva, ať má košík vzduch (nativních 95px počítalo s košíkem na 50) */
  .responsive-tools>a[data-target="search"]{margin-right:112px!important}
  #header .navigation-buttons>a[data-target="cart"] i{border:2px solid #fff!important}
  /* při scrollu dolů se košík schovává spolu s lištou (nativní pravidlo
     se u klienta neprosazovalo → duplikát ve dvou variantách s !important;
     -300% kvůli našemu posunu top:-31px, ať zajede celý i s bublinou) */
  .scrolled-down body:not(.ordering-process):not(.search-window-visible) #header .cart-count,
  html.scrolled-down body:not(.ordering-process):not(.search-window-visible) #header .cart-count{
    transform:translateY(-400%)!important; /* -300 % nestačilo, košík zůstával vidět */
  }

  /* rozbalený panel hledání: vzduch kolem pole (skin pole je globální §05) */
  .search-window-visible #header .search{padding:12px 0 16px!important}

  /* off-canvas menu: bílé, oddělovače, větší písmo a plochy pro palec.
     Panel odsazený shora, ať první položka nekoliduje s křížkem zavření */
  #navigation{background:#fff!important;padding-top:56px!important}
  .navigation-in>ul>li{border-top:1px solid #f2f2f2!important}
  .navigation-in ul li a{font-weight:700;color:var(--wr-ink)}
  /* výšku položky řídí <a> (vnitřní <b> je inline — padding na něm výšku
     nezvětší); shorthand přebíjí nativní .9375rem svisle */
  .navigation-in>ul>li>a{padding:17px 14px 17px 20px!important;font-size:17px;line-height:1.3}
  .navigation-in>ul>li>a>b{padding-top:0;padding-bottom:0}
  /* rozbalená položka: bez tmavého pruhu šablony, jen červený název */
  .navigation-in>ul>li.exp>a{background:#f8f8f8!important;color:var(--wr-red)!important}
  .navigation-in ul.menu-level-2 li a{
    color:#555;font-weight:500;font-size:15px;
    padding:11px 20px 11px 28px!important;
  }
  /* černá karta kategorie z mega menu (JS snippet §5.10a) do off-canvas nepatří */
  .navigation-in li.appended-category{display:none!important}
  .navigation-close::before{color:var(--wr-ink)}

  /* popupy (košík/login) jsou dole přes celou šířku = bottom-sheet →
     kulaté jen horní rohy, bez bočních rámečků */
  .popup-widget.cart-widget{
    border:none!important;border-top:1px solid var(--wr-border)!important;
    border-radius:18px 18px 0 0!important;
  }
  .popup-widget.login-widget .popup-widget-inner{border-radius:18px 18px 0 0!important}
}


/* ============ 07 DROBEČKOVÁ NAVIGACE ============ */

/* Nativní stavba (ověřeno v main-11.less na CDN):
   – „šipky" mezi položkami NEJSOU glyf, ale dvě rotované 1px linky kreslené
     na .breadcrumbs>span>a::before/::after (výška 75 % odkazu ⇒ obří) → vypnout
   – .navigation-bullet („/") má šablona display:none → vracíme a děláme z něj malé „›"
   – .breadcrumbs má margin 0 -20px a border-bottom → vynulovat
   – domeček = glyf \e91f na .breadcrumbs::before (absolute, left:20px)
   POZOR: .breadcrumbs-wrapper je zároveň .container — margin auto centruje,
   boční padding drží linii → přepisovat jen svislé hodnoty (longhand)! */
.breadcrumbs-wrapper{
  padding-top:16px!important;padding-bottom:16px!important;
  margin-top:0!important;margin-bottom:0!important;
  border:none!important;background:transparent!important;
}
.breadcrumbs-wrapper::before,.breadcrumbs-wrapper::after{display:none!important}
/* nativní .breadcrumbs má bílé pozadí (--colors-surface-primary) — na šedých
   stránkách (.wrAbout, checkout) dělalo bílý pruh → všude průhledné */
.breadcrumbs-wrapper .breadcrumbs{
  border:none!important;margin-left:0!important;margin-right:0!important;
  background:transparent!important;
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;row-gap:4px!important;
}
/* obří kreslené šipky pryč */
.breadcrumbs-wrapper .breadcrumbs>span>a::before,
.breadcrumbs-wrapper .breadcrumbs>span>a::after{display:none!important}
/* domeček: menší, šedý, zarovnaný na linii kontejneru */
.breadcrumbs-wrapper .breadcrumbs.navigation-home-icon-wrapper::before{
  left:0!important;font-size:16px!important;line-height:16px!important;
  margin-top:-8px!important;color:#8a8a8a!important;
}
.navigation-home-icon-wrapper #navigation-first a{padding-left:24px!important;min-height:24px!important}
.breadcrumbs-wrapper .breadcrumbs>span{display:inline-flex!important;align-items:center!important}
/* šablona: a{min-height:38px;display:block} + span{padding:10px 20px} →
   odkazy ujížděly nahoru a poslední položka měla obří mezeru. Reset obojího,
   všechno na jednu svislou osu přes inline-flex. */
.breadcrumbs-wrapper .breadcrumbs>span>a,
.breadcrumbs-wrapper .breadcrumbs>span>span{
  display:inline-flex!important;align-items:center!important;
  min-height:0!important;padding:0!important;
}
.breadcrumbs-wrapper .breadcrumbs>span>a{
  color:#8a8a8a!important;font-size:13px!important;font-weight:500!important;
  text-decoration:none!important;transition:color .15s ease!important;
}
.breadcrumbs-wrapper .breadcrumbs>span>a:hover{color:var(--wr-red)!important}
/* aktuální stránka (poslední úroveň) — tmavá a tučná */
.breadcrumbs-wrapper .breadcrumbs>span>span[itemprop="name"]{
  color:var(--wr-ink)!important;font-size:13px!important;font-weight:700!important;
}
/* oddělovač: chevron kreslený bordery (stejný rukopis jako šipka v „DO KOŠÍKA ›");
   velikost řídí přesně width/height — glyf „›" byl opticky titěrný.
   Bullet je v šabloně display:none → vracíme. */
.breadcrumbs-wrapper .breadcrumbs .navigation-bullet{
  display:inline-block!important;font-size:0!important;
  width:7px!important;height:7px!important;flex:0 0 auto!important;
  margin:0 12px!important;padding:0!important;
  border-right:2px solid #bbb!important;border-top:2px solid #bbb!important;
  border-left:none!important;border-bottom:none!important;
  transform:rotate(45deg)!important;border-radius:0!important;
}
.breadcrumbs-wrapper .breadcrumbs .navigation-bullet::before,
.breadcrumbs-wrapper .breadcrumbs .navigation-bullet::after{display:none!important}

/* mobil: celá cesta se zalamovala přes ikonu domečku a duplikovala název
   produktu. Jen „‹ rodič" zase ukazoval parametrické kategorie („dĺžka 300…")
   bez kontextu → zobrazujeme CELOU cestu BEZ aktuální stránky a bez domečku
   (ten má text jen v sr-only, bez ikony by z něj zbylo prázdné místo) */
@media(max-width:767px){
  .breadcrumbs-wrapper{padding-top:12px!important;padding-bottom:12px!important}
  .breadcrumbs-wrapper .breadcrumbs.navigation-home-icon-wrapper::before{display:none!important}
  .breadcrumbs-wrapper .breadcrumbs>span:first-child{display:none!important}
  .breadcrumbs-wrapper .breadcrumbs>span:last-child{display:none!important}
  .breadcrumbs-wrapper .breadcrumbs>span:nth-last-child(2) .navigation-bullet{display:none!important}
  .breadcrumbs-wrapper .breadcrumbs>span>a{font-size:12px!important}
  .breadcrumbs-wrapper .breadcrumbs .navigation-bullet{margin:0 8px!important;width:6px!important;height:6px!important}
}


/* ============ 08 HOMEPAGE – HERO KARUSEL + RESPONZIVNÍ FIXY ============ */

/* --- Hero karusel ---------------------------------------------------
   Nativní Shoptet carousel (textové bannery v administraci), každý slide
   je samostatný banner s markupem:
   .wrSlide > img + .wrOverlay + .wrHeroText (small / h1 / p + .wrButtons
   s odkazy a.black a a.white). CSS drží kompletně tato sekce. */

/* šablona dává boxu s karuselem a bannery šedé pozadí (surface-secondary)
   + linky — bílá; pruhování stránky řídí samy sekce (šedý panel, černé CTA) */
.homepage-box{background:#fff!important;border-top:0;border-bottom:0}

/* POZOR: obal karuselu se mění podle obsahu pozice „vedle karuselu“
   (.wide-carousel bez bannerů / .col-sm-8 s bannery) → stylujeme #carousel */
#carousel{border-radius:var(--wr-r-l);overflow:hidden}
.carousel-inner .item>span{display:block}

.wrSlide{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden}
.wrSlide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wrOverlay{position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.1) 100%)}

/* boční padding 120px = ať text neleze pod šipky (pruh šipky má 88px) */
.wrHeroText{position:relative;z-index:2;max-width:720px;padding:70px 120px;color:#fff}
.wrHeroText small{
  display:flex;align-items:center;gap:12px;
  font-size:13px;font-weight:600;letter-spacing:2.5px;color:#fff;
  margin-bottom:20px;
}
.wrHeroText small::before{content:"";width:26px;height:3px;border-radius:2px;
  background:var(--wr-red);flex:0 0 auto}
.wrHeroText h1{
  color:#fff!important;font-weight:700!important;
  font-size:48px;line-height:1.12;letter-spacing:-.5px!important;
  margin:0 0 18px;
}
.wrHeroText h1::after{display:none!important}
.wrHeroText p{font-size:17px;line-height:1.55;color:rgba(255,255,255,.92);
  max-width:540px;margin:0}

.wrButtons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.wrButtons a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:0 30px;border-radius:999px;
  font-weight:700;font-size:15px;text-decoration:none!important;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.wrButtons a:hover{transform:translateY(-1px)}
.wrButtons a.black{background:var(--wr-ink);color:#fff}
.wrButtons a.black:hover{background:var(--wr-red);color:#fff}
.wrButtons a.white{background:#fff;color:var(--wr-ink)}
.wrButtons a.white:hover{background:var(--wr-red);color:#fff}

/* Homepage sekce jsou v administraci vložené jako bannery „vedle karuselu“
   (šablona je dává do .col-sm-4 vedle karuselu) — přeskládáme je POD
   karusel na plnou šířku. Pořadí řídí řazení bannerů v administraci. */
.banners-row.has-text-banner{display:flex;flex-direction:column;margin:0}
.banners-row.has-text-banner .col-sm-8,
.banners-row.has-text-banner .col-sm-4{width:100%!important;padding:0!important;float:none}
.banners-row.has-text-banner .banner-wrapper{margin:0!important}
.banners-row.has-text-banner .banner-wrapper>span{display:block}
/* mezery mezi sekcemi: marginy se přes obaly bannerů slučují,
   reálná mezera = vyšší z hodnot sousedů. Bílé sekce bez panelu
   (.wrSection = Riešenia, Prečo) dostávají víc vzduchu. */
.banners-row.has-text-banner .banner-wrapper section{margin-top:64px;margin-bottom:64px}
.banners-row.has-text-banner .banner-wrapper section.wrSection{margin-top:100px;margin-bottom:100px}
/* poslední banner nesmí přidávat spodní mezeru (jinak obří prostor nad „Akčný tovar") */
.banners-row.has-text-banner .next-to-carousel-banners .banner-wrapper:last-child section{margin-bottom:0!important}
.banners-row.has-text-banner .banner-wrapper:last-child section{margin-bottom:0!important}

/* šipky karuselu: nativní jsou skryté do hoveru — bílý kruh, hover červený */
#carousel .carousel-control{width:88px}
#carousel .carousel-control::before{
  background:#fff!important;color:var(--wr-ink);
  width:46px;height:46px;line-height:46px;margin-top:-23px;
  font-size:18px;text-shadow:none;box-shadow:var(--wr-shadow);
}
#carousel .carousel-control:hover::before{background:var(--wr-red)!important;color:#fff}

@media(max-width:991px){
  .wrSlide{min-height:480px}
  .wrHeroText{padding:56px 88px}
  .wrHeroText h1{font-size:38px}
}

/* --- Homepage sekce pod karuselem ------------------------------------
   Každá sekce = samostatný HTML banner v administraci; zdrojové snippety
   jsou v dev/hp-1-sluzby.html … dev/hp-5-cta.html. Třídy vychází
   z původního návrhu klientky, vizuál sjednocen s tokeny. */

/* společný kicker sekcí (malý nadpis s červeným proužkem) */
.wrentHead small,.wrHead small,.wrSplit small,.wrWideBanner small{
  display:flex;align-items:center;gap:12px;
  font-size:12px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;
  color:var(--wr-ink);margin:0 0 14px;
}
.wrentHead small::before,.wrHead small::before,.wrSplit small::before,
.wrWideBanner small::before{
  content:"";width:26px;height:3px;border-radius:2px;
  background:var(--wr-red);flex:0 0 auto;
}

/* společné nadpisy a perexy sekcí */
.wrentHead h2,.wrHead h2,.wrSplit h2,.wrWideBanner h2{
  font-size:38px;font-weight:800;line-height:1.08;letter-spacing:-1px;
  color:var(--wr-ink);margin:0 0 12px;
}
.wrentHead p,.wrHead p,.wrSplit>p,.wrWideBanner p{
  color:var(--wr-muted);font-size:16px;line-height:1.6;margin:0;
}
.wrentHead,.wrHead{max-width:760px;margin:0 auto 40px;text-align:center}
.wrentHead small,.wrHead small{justify-content:center}

.wrSection{margin-top:56px;margin-bottom:56px}

/* 1) pás služeb (hp-1): 4 karty s čísly */
.wrIntro{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
  margin-top:56px;margin-bottom:56px}
.wrIntro a,.wrSolutionGrid a{
  display:block;background:#fff;border:1px solid var(--wr-border);
  border-radius:var(--wr-r-l);padding:30px;text-decoration:none!important;
  transition:transform .2s ease,box-shadow .2s ease;
}
.wrIntro a:hover,.wrSolutionGrid a:hover{transform:translateY(-4px);box-shadow:var(--wr-shadow-h)}
.wrIntro span,.wrSolutionGrid span{
  display:block;font-size:13px;font-weight:700;letter-spacing:1px;
  color:var(--wr-red);margin-bottom:16px;
}
.wrIntro h3,.wrSolutionGrid h3{
  font-size:20px;font-weight:700;letter-spacing:-.3px;
  color:var(--wr-ink);margin:0 0 8px;
}
.wrIntro p,.wrSolutionGrid p,.wrWhyGrid p{
  font-size:14px;line-height:1.55;color:var(--wr-muted);margin:0;
}

/* 2) kategorie (hp-2): šedý zaoblený panel + 8 bílých karet */
/* bez bočního paddingu — karty lícují se stejnou linií jako ostatní sekce */
.wrentCategories{background:var(--wr-bg);border-radius:var(--wr-r-l);
  padding-top:64px;padding-bottom:64px;margin-top:56px;margin-bottom:56px}
.wrentCategoryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.wrentCatCard{
  display:flex;flex-direction:column;background:#fff;
  border-radius:var(--wr-r);padding:24px;text-decoration:none!important;
  box-shadow:var(--wr-shadow);transition:transform .2s ease,box-shadow .2s ease;
}
.wrentCatCard:hover{transform:translateY(-4px);box-shadow:var(--wr-shadow-h)}
.wrentCatCard img{width:100%;height:140px;object-fit:contain;
  margin:4px 0 18px;mix-blend-mode:multiply}
.wrentCatCard h3{font-size:18px;font-weight:700;letter-spacing:-.3px;
  color:var(--wr-ink);margin:0 0 6px}
.wrentCatCard p{font-size:14px;line-height:1.5;color:var(--wr-muted);margin:0 0 16px}
.wrentCatCard>span{margin-top:auto;font-size:12px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;color:var(--wr-red)}
.wrentCatCard>span::after{content:"→";display:inline-block;margin-left:8px;
  transition:transform .2s ease}
.wrentCatCard:hover>span::after{transform:translateX(4px)}
.wrentCatCard.sale h3{color:var(--wr-red)}

/* 3) riešenia (hp-3): dělená hlavička + 4 karty, poslední černá */
.wrSplit{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;
  align-items:end;margin:0 0 36px}
.wrSplit h2{margin:0}
.wrSolutionGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.wrSolutionGrid a{min-height:220px}
.wrSolutionGrid a.black{background:var(--wr-ink);border-color:var(--wr-ink)}
.wrSolutionGrid a.black h3{color:#fff}
.wrSolutionGrid a.black p{color:rgba(255,255,255,.72)}
.wrSolutionGrid a.black:hover{background:var(--wr-red);border-color:var(--wr-red)}
.wrSolutionGrid a.black:hover span,.wrSolutionGrid a.black:hover p{color:#fff}

/* 4) prečo W RENT (hp-4): 4 informační karty */
.wrWhyGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.wrWhyGrid div{background:#fff;border:1px solid var(--wr-border);
  border-radius:var(--wr-r-l);padding:30px}
.wrWhyGrid b{display:block;font-size:19px;font-weight:700;letter-spacing:-.3px;
  color:var(--wr-ink);margin:0 0 10px}

/* 5) CTA pás (hp-5): černý zaoblený panel s bílým pill tlačítkem */
.wrWideBanner{background:var(--wr-ink);border-radius:var(--wr-r-l);
  padding:72px 64px;margin-top:56px;margin-bottom:56px}
.wrWideBanner small{color:#fff}
.wrWideBanner h2{color:#fff;max-width:680px}
.wrWideBanner p{color:rgba(255,255,255,.78);max-width:560px;margin:0 0 30px}
.wrWideBanner a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:0 30px;border-radius:999px;
  background:#fff;color:var(--wr-ink);font-weight:700;font-size:15px;
  text-decoration:none!important;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.wrWideBanner a:hover{background:var(--wr-red);color:#fff;transform:translateY(-1px)}

/* Pásy přes celou šířku okna (jen v pozici bannerů na homepage):
   šedé Kategórie + Prečo, černé CTA. Negativní margin vytáhne pozadí
   z kontejneru, boční padding vrací obsah na společnou linii. */
.banners-row.has-text-banner .banner-wrapper .wrentCategories,
.banners-row.has-text-banner .banner-wrapper .wrWideBanner,
.banners-row.has-text-banner .banner-wrapper section.wrSection:has(.wrWhyGrid){
  border-radius:0;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);
}
.banners-row.has-text-banner .banner-wrapper section.wrSection:has(.wrWhyGrid){
  background:var(--wr-bg);padding-top:72px;padding-bottom:72px;
}
/* šedý pás Prečo navazuje rovnou na černé CTA — bez bílé mezery */
.banners-row.has-text-banner .banner-wrapper section.wrSection:has(.wrWhyGrid){margin-bottom:0}
.banners-row.has-text-banner .banner-wrapper .wrWideBanner{margin-top:0}

/* mobil: kontejner dává jen 20px → sekce dostávají vlastní boční vzduch,
   ať text a karty nejsou nalepené na hranách displeje (na podstránkách
   sekce 18 to dělají bílé karty, homepage sekce ho musí mít samy).
   Full-bleed pásy: +16px navrch k návratu na linii kontejneru */
@media(max-width:767px){
  .banners-row.has-text-banner .banner-wrapper section{padding-left:16px;padding-right:16px}
  .banners-row.has-text-banner .banner-wrapper .wrentCategories,
  .banners-row.has-text-banner .banner-wrapper .wrWideBanner,
  .banners-row.has-text-banner .banner-wrapper section.wrSection:has(.wrWhyGrid){
    padding-left:calc(50vw - 50% + 16px);padding-right:calc(50vw - 50% + 16px);
  }
}

/* responzivita homepage sekcí */
@media(max-width:991px){
  .wrIntro,.wrSolutionGrid,.wrWhyGrid,.wrentCategoryGrid{grid-template-columns:repeat(2,1fr)}
  .wrSplit{grid-template-columns:1fr;gap:14px;align-items:start}
  .wrentHead h2,.wrHead h2,.wrSplit h2,.wrWideBanner h2{font-size:30px}
  .wrentCategories{padding-top:48px;padding-bottom:48px}
  .wrWideBanner{padding-top:48px;padding-bottom:48px}
}

/* --- Mobilní opravy (hero + sekce) --- */

@media(max-width:620px){
  .wrSlide{min-height:620px!important;height:auto!important}
  .wrHeroText{min-height:620px!important;padding:90px 18px 70px!important;
    display:flex;flex-direction:column;justify-content:center}
  .wrHeroText h1{font-size:32px!important;line-height:1.15!important;letter-spacing:-.5px!important}
  .wrHeroText p{font-size:15px!important;line-height:1.55!important}
  .wrButtons{width:100%}
  .wrButtons a{width:100%!important;min-height:52px!important}
  /* šipky: svislé pruhy přes celou výšku překrývaly text a tlačítka slidu →
     dvojice malých koleček vpravo nahoře (text hero začíná až na 90px) */
  #carousel .carousel-control{
    top:18px;bottom:auto;height:44px;width:44px;opacity:1;
    display:flex;align-items:center;justify-content:center;
  }
  #carousel .carousel-control.left{left:auto;right:70px}
  #carousel .carousel-control.right{right:16px}
  #carousel .carousel-control::before{
    position:static;width:40px;height:40px;line-height:40px;
    margin:0;font-size:14px;
  }
  .wrIntro,.wrSolutionGrid,.wrWhyGrid,.wrentCategoryGrid{grid-template-columns:1fr}
  .wrSolutionGrid a{min-height:0}
  .wrSection,.wrIntro,.wrentCategories,.wrWideBanner{margin-top:36px;margin-bottom:36px}
  .banners-row.has-text-banner .banner-wrapper section{margin-top:40px;margin-bottom:40px}
  .banners-row.has-text-banner .banner-wrapper section.wrSection{margin-top:56px;margin-bottom:56px}
  .wrentCategories{padding-top:36px;padding-bottom:36px}
  .wrWideBanner{padding-top:40px;padding-bottom:40px}
  .banners-row.has-text-banner .banner-wrapper section.wrSection:has(.wrWhyGrid){
    padding-top:44px;padding-bottom:44px}
  /* obecné mobilní marginy sekcí výše nesmí rozlepit navazující pásy
     (šedý pás Prečo + černé CTA na sebe lepí i na mobilu) */
  .banners-row.has-text-banner .banner-wrapper section.wrSection:has(.wrWhyGrid){margin-bottom:0!important}
  .banners-row.has-text-banner .banner-wrapper .wrWideBanner{margin-top:0!important}
}


/* ============ 09 KATEGORIE ============ */

/* stránka kategorie je BÍLÁ jako homepage — šedý je jen full-bleed pás
   podkategorií (viz níže), aby se výběr kategorií odlišil od výpisu produktů */
.type-category .content-wrapper,.type-category #content,
.type-category .content,.type-category .content-inner{background:#fff!important}
.type-category #content-wrapper.content-wrapper{padding-bottom:56px!important}

/* nadpis kategorie schovat jen tam, kde je vlastní hero banner.
   POZOR: nativní h1 je .category-title uvnitř .category-top (ne přímý potomek
   #content) — proto #content>h1 nikdy nechytal a nadpis se zdvojoval s hero. */
body.type-category:has(.wrCatHero) .category-top>h1.category-title,
body.type-category:has(.wrentCatHero) .category-top>h1.category-title,
body.type-category:has(.wrCatHero) #content>h1,
body.type-category:has(.wrentCatHero) #content>h1{display:none!important}
/* zbylý obal titulku nesmí nechat šedý pruh/mezeru nad hero */
body.type-category:has(.wrCatHero) .category-top,
body.type-category:has(.wrentCatHero) .category-top{
  margin:0!important;padding:0!important;background:none!important;border:none!important;
}
/* hero lícuje přímo pod drobečky — bez šedého proužku nad ním */
body.type-category:has(.wrCatHero) #content-wrapper.content-wrapper,
body.type-category:has(.wrentCatHero) #content-wrapper.content-wrapper{padding-top:0!important}
body.type-category:has(.wrCatHero) #content,
body.type-category:has(.wrentCatHero) #content{padding-top:0!important;margin-top:0!important}
body.type-category:has(.wrCatHero) .category-perex,
body.type-category:has(.wrentCatHero) .category-perex{margin:0!important;padding:0!important}
.wrentCatText h1{display:block!important}

/* --- hero varianta A (.wrCatHero – světlý full-width) --- */
.wrCatHero,.wrCatHero *{box-sizing:border-box}
.wrCatHero{
  width:100vw!important;max-width:100vw!important;
  margin:0 calc(50% - 50vw) 0!important; /* bez mezery — navazuje šedý pás podkategorií */
  padding:64px calc(50vw - 50%)!important; /* obsah lícuje s linií kontejneru (HP trik) */
  display:grid!important;grid-template-columns:1fr 1fr!important;
  align-items:center!important;gap:56px!important;
  background:linear-gradient(135deg,#f3f3f3 0%,#fff 50%,#efefef 100%)!important;
  border-bottom:1px solid #e5e5e5!important;
  position:relative!important;overflow:hidden!important;
}
.wrCatHero::before{content:"";position:absolute;right:-120px;top:-120px;
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(227,6,19,.08) 0%,transparent 70%)}
.wrCatText,.wrCatImg{position:relative;z-index:2}
.wrCatLabel{display:flex!important;align-items:center!important;gap:12px!important;
  margin-bottom:22px!important;color:var(--wr-red)!important;
  font-size:12px!important;font-weight:700!important;
  letter-spacing:2px!important;text-transform:uppercase!important}
.wrCatLabel span{width:42px!important;height:2px!important;background:var(--wr-red)!important;display:block}
.wrCatText h2{margin:0 0 20px!important;
  font-size:clamp(44px,5vw,82px)!important;line-height:.94!important;
  font-weight:900!important;letter-spacing:-2px!important;
  text-transform:uppercase!important;color:var(--wr-ink)!important}
.wrCatText p{max-width:620px!important;margin:0 0 30px!important;
  font-size:17px!important;line-height:1.75!important;color:#555!important}
.wrCatBtns{display:flex!important;gap:14px!important;flex-wrap:wrap!important}
/* stejný tvar jako .wrButtons na homepage (pill 999px, výška 52) */
.wrCatBtns a{min-height:52px!important;padding:0 30px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:999px!important;text-decoration:none!important;
  font-size:13px!important;font-weight:700!important;letter-spacing:.5px!important;
  text-transform:uppercase!important;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease!important}
.wrCatBtns .red{background:var(--wr-red)!important;color:#fff!important}
.wrCatBtns .red:hover{background:var(--wr-red-dark)!important}
.wrCatBtns .dark{background:#fff!important;color:var(--wr-ink)!important;border:1px solid #e2e2e2!important}
.wrCatBtns .dark:hover{background:var(--wr-red)!important;color:#fff!important;border-color:var(--wr-red)!important}
.wrCatBtns a:hover{transform:translateY(-1px)!important}
.wrCatImg{display:flex!important;justify-content:flex-end!important}
.wrCatImg img{width:100%!important;max-width:720px!important;max-height:360px!important;object-fit:contain!important}
@media(max-width:899px){
  .wrCatHero{grid-template-columns:1fr!important;padding:42px calc(50vw - 50%)!important;
    text-align:center!important;gap:30px!important}
  .wrCatLabel,.wrCatBtns{justify-content:center!important}
  .wrCatText p{margin-left:auto!important;margin-right:auto!important}
  .wrCatImg{justify-content:center!important}
  .wrCatText h2{font-size:44px!important}
}

/* --- hero varianta B (.wrentCatHero – starší, s červeným tvarem) --- */
.wrentCatHero,.wrentCatHero *,.wrentSubCats,.wrentSubCats *{box-sizing:border-box}
.wrentCatHero{position:relative;overflow:hidden;
  background:linear-gradient(120deg,#fff 0%,#f7f7f7 58%,#ededed 100%);
  padding:46px 4vw 34px;border-bottom:1px solid var(--wr-border)}
.wrentCatHero::after{content:"";position:absolute;right:-90px;top:-45px;
  width:430px;height:340px;
  background:linear-gradient(135deg,var(--wr-red),#99000b);
  transform:skewX(-18deg) rotate(-6deg);border-radius:34px}
.wrentCatIn{position:relative;z-index:2;display:grid;
  grid-template-columns:.85fr 1.15fr;align-items:center;gap:30px;
  max-width:1600px;margin:auto}
.wrentCatMini{display:flex;align-items:center;gap:12px;margin-bottom:18px;
  color:var(--wr-red);font-size:11px;font-weight:700;
  letter-spacing:1.4px;text-transform:uppercase}
.wrentCatMini span{width:42px;height:2px;background:var(--wr-red);display:block}
.wrentCatText h1{margin:0 0 16px!important;color:var(--wr-ink)!important;
  font-size:clamp(42px,4.5vw,76px)!important;line-height:.92!important;
  font-weight:900!important;letter-spacing:-1.8px!important;
  text-transform:uppercase!important}
.wrentCatText h1::after{display:none!important}
.wrentCatText p{max-width:560px;margin:0;color:#444;font-size:16px;line-height:1.6}
.wrentCatImg{position:relative;display:flex;justify-content:flex-end;align-items:center;min-height:280px}
.wrentCatImg img{position:relative;z-index:2;width:100%;max-width:660px;
  object-fit:contain;filter:drop-shadow(0 28px 35px rgba(0,0,0,.16))}
.wrentSubCats{background:var(--wr-bg);padding:26px 4vw 34px}
.wrentSubCatsGrid{max-width:1600px;margin:auto;display:grid;
  grid-template-columns:repeat(8,1fr);gap:12px}
.wrentSubCatsGrid a{min-height:112px;padding:14px 12px;
  display:flex;flex-direction:column;justify-content:space-between;
  background:#fff;color:var(--wr-ink)!important;text-decoration:none!important;
  border:1px solid var(--wr-border);border-radius:var(--wr-r);
  box-shadow:var(--wr-shadow);transition:.22s}
.wrentSubCatsGrid a:hover{transform:translateY(-4px);
  border-color:var(--wr-red);box-shadow:var(--wr-shadow-h)}
.wrentSubCatsGrid img{height:42px;width:42px;object-fit:contain}
.wrentSubCatsGrid b{font-size:13px;line-height:1.2;font-weight:700;color:var(--wr-ink)}
.wrentSubCatsGrid span{color:var(--wr-red);font-size:16px;font-weight:700}
@media(max-width:1199px){.wrentSubCatsGrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:899px){
  .wrentCatIn{grid-template-columns:1fr}
  .wrentCatImg{justify-content:center;min-height:auto}
  .wrentCatHero::after{right:-190px;top:-80px}
}
@media(max-width:620px){.wrentSubCatsGrid{grid-template-columns:repeat(2,1fr)}}

/* --- nativní podkategorie (dlaždice) --- */
/* šedý full-bleed pás — odlišuje výběr kategorií od bílého výpisu produktů */
body.type-category .subcategories{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;list-style:none!important;
  margin:0 calc(50% - 50vw) 26px!important;
  padding:40px calc(50vw - 50%) 48px!important;
  background:var(--wr-bg)!important;
}
/* nadpis pásu — nativní <ul> nejde v HTML doplnit, proto CSS content.
   Červený proužek pod textem = stejný rukopis jako nadpisy sekcí na HP. */
body.type-category .subcategories::before{
  content:"Vyberte kategóriu";
  grid-column:1/-1;margin:0 0 10px;padding-bottom:12px;
  font-size:22px;font-weight:800;letter-spacing:-.5px;color:var(--wr-ink);
  background:linear-gradient(var(--wr-red),var(--wr-red)) left bottom/44px 3px no-repeat;
}
body.type-category .subcategories li{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;list-style:none!important}
body.type-category .subcategories li a{
  width:100%!important;min-height:150px!important;height:auto!important;
  padding:16px 12px!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:8px!important;
  background:#fff!important;border:1px solid var(--wr-border)!important;
  border-radius:var(--wr-r)!important;box-shadow:var(--wr-shadow)!important;
  color:var(--wr-ink)!important;text-align:center!important;
  text-decoration:none!important;overflow:hidden!important;transition:.22s ease!important;
}
body.type-category .subcategories li a:hover{
  transform:translateY(-4px)!important;border-color:var(--wr-red)!important;
  box-shadow:var(--wr-shadow-h)!important;
}
body.type-category .subcategories li a::before,
body.type-category .subcategories li a::after{display:none!important}
body.type-category .subcategories .image{
  width:110px!important;height:74px!important;max-width:none!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  margin:0 auto!important;position:static!important;border-radius:0!important;overflow:visible!important;
}
body.type-category .subcategories .image img,
body.type-category .subcategories img{
  max-width:104px!important;max-height:72px!important;
  width:auto!important;height:auto!important;object-fit:contain!important;transform:none!important;
}
body.type-category .subcategories a .text,
body.type-category .subcategories a span,
body.type-category .subcategories a strong{
  display:block!important;width:100%!important;max-height:none!important;
  padding:0!important;color:var(--wr-ink)!important;
  font-size:13px!important;font-weight:700!important;line-height:1.25!important;
  text-align:center!important;
}
body.type-category .subcategories .description{display:none!important}
@media(max-width:1199px){body.type-category .subcategories{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:767px){
  body.type-category .subcategories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.type-category .subcategories li a{min-height:128px!important;padding:14px 8px!important}
}

/* --- řazení a horní produkty: klientka je měla schované.
       Pro zapnutí smažte tento blok. --- */
.type-category .category-header,
.products-ordering,.ordering,.sorting,.sorting-wrapper,
.products-count,.category-products-count,
#productsTop,#productsTopHeading,.products-top-wrapper,
button[aria-controls="productsTop"]{display:none!important}

/* --- produktové karty --- */
.products:not(#productsTop):not(.products-inline){
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;margin:30px 0 46px!important;padding:0!important;width:100%!important;
}
/* homepage výpis („Akčný tovar"): symetrický vertikální prostor.
   Řídí to nativní obal .content-wrapper (ne margin nadpisu/mřížky), proto cílíme
   přímo na obal přes :has() a vnitřní přispěvatele vynulujeme. */
.content-wrapper.container:has([class*="homepage-products-"]){
  padding-top:64px!important;padding-bottom:64px!important;margin-top:0!important;margin-bottom:0!important;
}
.content-wrapper.container:has([class*="homepage-products-"]) .content-wrapper-in,
.content-wrapper.container:has([class*="homepage-products-"]) main.content{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
/* mobil: šablona nuluje boční padding .content-wrapper.container → výpisy
   produktů (HP „Akčný tovar", kategorie, detail, hledání) byly nalepené
   na hrany displeje. Podstránky sekce 18 se nechávají být (kartám edge-to-edge
   layout sedí a je odsouhlasený) */
@media(max-width:767px){
  .content-wrapper.container:has([class*="homepage-products-"]),
  body.type-category .content-wrapper.container,
  body.type-detail .content-wrapper.container,
  body.type-search .content-wrapper.container{
    padding-left:16px!important;padding-right:16px!important;
  }
  /* mezera mezi černým CTA pásem a „Akčný tovar": NEZÁVISLE na :has() —
     nese ji margin-bottom celého bloku bannerů (ověřeno uživatelem v DevTools
     jako jediný spolehlivý bod; margin-top nadpisu se propadal bez efektu);
     :has obal proto na mobilu vertikálně nuluje, ať se mezery nesčítají */
  .content-wrapper.container:has([class*="homepage-products-"]){
    padding-top:0!important;padding-bottom:0!important;
  }
  .banners-row.has-text-banner{margin-bottom:56px!important}
  #content-wrapper+.content-wrapper.container{padding-left:16px!important;padding-right:16px!important}
  .content .homepage-group-title.h4{margin:0 0 26px!important}
  .products[class*="homepage-products-"]:not(#productsTop):not(.products-inline){margin-bottom:56px!important}
}
/* nadpis bez vlastního paddingu/margin-top (jinak se přičítá k paddingu wrapperu) */
.content .homepage-group-title.h4{margin:0 0 30px!important;padding:0!important}
.products[class*="homepage-products-"]:not(#productsTop):not(.products-inline){margin:0!important}
.products:not(#productsTop):not(.products-inline)>.product{
  width:auto!important;max-width:none!important;min-width:0!important;
  float:none!important;margin:0!important;padding:0!important;
  position:relative!important;overflow:hidden!important;
  background:#fff!important;border:1px solid #ececec!important;
  border-radius:var(--wr-r-l)!important;box-shadow:var(--wr-shadow)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.products:not(#productsTop):not(.products-inline)>.product:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(227,6,19,.35)!important;box-shadow:var(--wr-shadow-h)!important;
}
.products:not(#productsTop):not(.products-inline)>.product .p{
  height:100%!important;width:100%!important;margin:0!important;padding:0!important;
  display:flex!important;flex-direction:column!important;
  border:none!important;background:#fff!important;box-shadow:none!important;
}
.products:not(#productsTop):not(.products-inline)>.product a.image{
  display:flex!important;align-items:center!important;justify-content:center!important;
  height:206px!important;margin:0!important;padding:26px 22px 10px!important;
  background:#fff!important;
}
.products:not(#productsTop):not(.products-inline)>.product a.image img{
  max-height:156px!important;max-width:100%!important;
  width:auto!important;height:auto!important;object-fit:contain!important;
  transition:transform .3s ease!important;
}
.products:not(#productsTop):not(.products-inline)>.product:hover a.image img{transform:scale(1.04)!important}
.products:not(#productsTop):not(.products-inline)>.product .p-in{
  display:flex!important;flex-direction:column!important;flex:1!important;
  padding:14px 18px 18px!important;background:#fff!important;
}
.products:not(#productsTop):not(.products-inline)>.product .p-in::before{display:none!important}
.products:not(#productsTop):not(.products-inline)>.product .name{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
  overflow:hidden!important;margin:0 0 10px!important;min-height:2.7em!important;height:auto!important;
  color:#171717!important;font-size:15px!important;font-weight:600!important;
  line-height:1.35!important;text-align:left!important;text-decoration:none!important;
  justify-content:flex-start!important;
}
.products:not(#productsTop):not(.products-inline)>.product .name:hover,
.products:not(#productsTop):not(.products-inline)>.product .name:hover span{color:var(--wr-red)!important}
.products:not(#productsTop):not(.products-inline)>.product .ratings-wrapper{
  padding:0!important;min-height:0!important;margin:0 0 8px!important;
  justify-content:flex-start!important;order:0!important;
}
.products:not(#productsTop):not(.products-inline)>.product .stars-wrapper,
.products:not(#productsTop):not(.products-inline)>.product .stars-placeholder{display:none!important}
.products:not(#productsTop):not(.products-inline)>.product .availability{
  display:inline-flex!important;width:fit-content!important;margin:0!important;
  padding:5px 10px!important;background:#fff0f1!important;border-radius:999px!important;
  font-size:11px!important;font-weight:700!important;line-height:1.2!important;text-align:left!important;
}
.products:not(#productsTop):not(.products-inline)>.product .availability span{color:var(--wr-red)!important}
.products:not(#productsTop):not(.products-inline)>.product .p-code{display:none!important}
.products:not(#productsTop):not(.products-inline)>.product .p-desc{display:none!important}
.products:not(#productsTop):not(.products-inline)>.product .p-bottom{margin-top:auto!important;padding:0!important}
/* cena vlevo, tlačítko vpravo — jeden řádek (na úzké kartě se tlačítko zalomí pod cenu) */
.products:not(#productsTop):not(.products-inline)>.product .p-bottom>div{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;
}
.products:not(#productsTop):not(.products-inline)>.product .prices{
  text-align:left!important;padding:0!important;margin:0!important;
  display:flex!important;flex-direction:column!important;gap:1px!important;line-height:1.1!important;
}
.products:not(#productsTop):not(.products-inline)>.product .price,
.products:not(#productsTop):not(.products-inline)>.product .price strong{
  color:var(--wr-red)!important;font-size:21px!important;font-weight:700!important;letter-spacing:-.01em!important;
}
/* doplňkové/bez DPH ceny — drobný šedý dovětek pod hlavní cenou */
.products:not(#productsTop):not(.products-inline)>.product .price-standard,
.products:not(#productsTop):not(.products-inline)>.product .price-vat,
.products:not(#productsTop):not(.products-inline)>.product .price-additional,
.products:not(#productsTop):not(.products-inline)>.product .price-info,
.products:not(#productsTop):not(.products-inline)>.product .price .type,
.products:not(#productsTop):not(.products-inline)>.product .without-vat{
  color:#8a8a8a!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;
}
/* ===== Poznámka u ceny z příznaku („Orientačná cena", „Cena od") =====
   Vkládá dev/orientacna-cena-snippet.html (§5.10f): štítek příznaku se
   z rohu fotky přesune jako textová poznámka nad cenu — ve výpisu i na
   detailu (sekce 11 jen doladí velikost).
   POZOR: štítek se skrývá AŽ po úspěšném přesunu (atribut data-wr-moved
   nastaví JS) → když by se snippet nenačetl, zůstane aspoň původní štítek
   a informace o orientační ceně nezmizí. */
.flags [data-wr-moved],.flags[data-wr-moved]{display:none!important}
.wrPriceNote{
  display:block!important;margin:0 0 3px!important;
  color:#8a8a8a!important;font-size:11px!important;font-weight:700!important;
  letter-spacing:.4px!important;line-height:1.2!important;text-transform:uppercase!important;
}
.products:not(#productsTop):not(.products-inline)>.product .p-tools{width:auto!important;margin:0!important;text-align:left!important;flex:0 0 auto!important}
.products:not(#productsTop):not(.products-inline)>.product .p-tools form{display:flex!important;width:auto!important}
.products:not(#productsTop):not(.products-inline)>.product .quantity{display:none!important}
.products:not(#productsTop):not(.products-inline)>.product .btn,
.products:not(#productsTop):not(.products-inline)>.product button{
  width:auto!important;min-width:0!important;min-height:44px!important;height:auto!important;white-space:nowrap!important;
  margin:0!important;padding:0 18px!important;float:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  border-radius:var(--wr-r)!important;background:var(--wr-ink)!important;color:#fff!important;
  box-shadow:none!important;
  font-size:12px!important;font-weight:700!important;letter-spacing:.3px!important;
  text-transform:uppercase!important;line-height:1.2!important;
}
.products:not(#productsTop):not(.products-inline)>.product .btn:hover,
.products:not(#productsTop):not(.products-inline)>.product button:hover{
  background:var(--wr-red)!important;transform:translateY(-1px)!important;box-shadow:0 10px 22px rgba(227,6,19,.22)!important;
}
/* skrýt nativní ikonfont chevron zleva, přidat vlastní malý chevron zprava */
.products:not(#productsTop):not(.products-inline)>.product .btn-cart::before,
.products:not(#productsTop):not(.products-inline)>.product .add-to-cart-button::before{display:none!important}
.products:not(#productsTop):not(.products-inline)>.product .btn::after{
  content:""!important;flex:0 0 auto!important;width:6px!important;height:6px!important;
  border-right:2px solid currentColor!important;border-top:2px solid currentColor!important;
  transform:rotate(45deg)!important;margin:-1px 0 0 -2px!important;
  transition:transform .2s ease!important;
}
.products:not(#productsTop):not(.products-inline)>.product .btn:hover::after{
  transform:rotate(45deg) translate(1px,-1px)!important;
}
.products:not(#productsTop):not(.products-inline)>.product .flags{
  position:absolute!important;left:12px!important;top:12px!important;z-index:3!important;
  padding:0!important;width:auto!important;
}
.products:not(#productsTop):not(.products-inline)>.product .flags .flag{
  background:var(--wr-ink)!important;color:#fff!important;border-radius:999px!important;
  padding:4px 10px!important;font-size:10px!important;font-weight:700!important;letter-spacing:.4px!important;
}
.products:not(#productsTop):not(.products-inline)>.product .flag-discount,
.products:not(#productsTop):not(.products-inline)>.product .flag-action{background:var(--wr-red)!important}
.products:not(#productsTop):not(.products-inline)>.product .flags-extra{display:none!important}
@media(max-width:1199px){
  .products:not(#productsTop):not(.products-inline){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:899px){
  .products:not(#productsTop):not(.products-inline){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .products:not(#productsTop):not(.products-inline)>.product a.image{height:186px!important}
}
@media(max-width:559px){
  .products:not(#productsTop):not(.products-inline){grid-template-columns:1fr!important}
  .products:not(#productsTop):not(.products-inline)>.product a.image{height:200px!important}
}

/* --- filtry --- */
#filters{background:#fff!important;border:1px solid var(--wr-border)!important;
  border-radius:18px!important;padding:16px 18px!important;box-shadow:var(--wr-shadow)}
#filters .filter-section{border-color:#f0f0f0!important}
#filters .filter-section h4{font-size:13px!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:.4px!important}
#filters label{font-weight:600}
.ui-slider-horizontal{background:#ececec!important;border:none!important;height:5px!important;border-radius:999px!important}
.ui-slider-horizontal .ui-slider-range{background:var(--wr-red)!important}
.ui-slider-horizontal .ui-slider-handle{
  background:#fff!important;border:4px solid var(--wr-red)!important;
  border-radius:50%!important;width:18px!important;height:18px!important;top:-7px!important;cursor:pointer!important;
}
#filters .from,#filters .to{color:var(--wr-ink)!important;font-weight:700!important}
#clear-filters a{display:inline-flex!important;align-items:center!important;
  min-height:40px!important;padding:0 18px!important;
  border:1px solid #ddd!important;border-radius:999px!important;
  background:#fff!important;color:var(--wr-ink)!important;font-weight:700!important;text-decoration:none!important}
#clear-filters a:hover{border-color:var(--wr-red)!important;color:var(--wr-red)!important}
.filter-count{background:#f2f2f3;color:#666}

/* sidebar kategorie */
#categories .categories a{color:var(--wr-ink);font-weight:700;border-color:#f0f0f0}
#categories .categories a:hover{color:var(--wr-red)}
#categories .expandable>a>span,#categories .expandable>.topic>a>span{background:#f5f5f6}


/* ============ 10 STRÁNKOVÁNÍ + NAČÍST DALŠÍ ============ */

/* rozvržení celého bloku pod výpisem: vystředěný sloupec, jasná hierarchie
   (načíst další → stránkování → zpět nahoru), počet položek schovaný */
.listingControls{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  gap:18px!important;margin-top:36px!important;
}
.listingControls .loadMore{order:1;margin:0!important}
.listingControls .pagination{order:2;margin:0!important}
.listingControls .goToTop{order:3;margin:0!important}
.listingControls .itemsTotal{display:none!important} /* počty schované (přání klientky, viz §5.7) */

/* nová generace (listingControls) */
.listingControls a.btn,.listingControls button.btn{
  background:var(--wr-ink)!important;color:#fff!important;border-color:var(--wr-ink)!important;
  border-radius:999px!important;
  padding:15px 26px!important;font-weight:700!important;letter-spacing:.4px!important;
}
.listingControls a.btn:hover,.listingControls button.btn:hover{
  background:var(--wr-red)!important;color:#fff!important;border-color:var(--wr-red)!important;opacity:1!important;
}
.listingControls a.btn.pagination__link--prev,.listingControls button.btn.pagination__link--prev,
.listingControls a.btn.pagination__link--next,.listingControls button.btn.pagination__link--next{
  background:#fff!important;color:var(--wr-ink)!important;
}
.listingControls .pagination .pagination__link,.pagination__currentPage{
  border-radius:12px!important;box-shadow:0 6px 18px rgba(0,0,0,.07)!important;font-weight:700!important;
}
.pagination .pagination__link.pagination__currentPage,
.pagination__currentPage{background:var(--wr-red)!important;color:#fff!important}
#paginationStatus{color:#888}
/* „Hore" = pomocné tlačítko, ať nesoupeří s černým „Načítať ďalšie" */
.listingControls .goToTop__button.btn{
  background:#fff!important;color:var(--wr-ink)!important;border-color:#e3e3e5!important;font-weight:700!important;
}
.listingControls .goToTop__button.btn:hover{
  background:var(--wr-ink)!important;color:#fff!important;border-color:var(--wr-ink)!important;
}

/* stará generace */
.pagination>a,.pagination-top>a,.pagination>strong,.pagination-top>strong{border-radius:12px!important}
.pagination a{background:#fff!important;box-shadow:0 6px 18px rgba(0,0,0,.07)}
.pagination a:hover{background:var(--wr-ink)!important;color:#fff!important}
.pagination>strong{background:var(--wr-red)!important;color:#fff!important}


/* ============ 11 DETAIL PRODUKTU (body.type-detail) ============ */

/* stránka detailu je BÍLÁ (jako homepage a kategorie) — karty se odlišují
   rámečkem a stínem, ne šedým podkladem */
body.type-detail .content-wrapper{background:#fff!important}
body.type-detail #content-wrapper.content-wrapper{padding-bottom:56px!important}

/* titulek: H1 je v .p-detail-inner-header PŘED .product-top (ne uvnitř!) */
.type-detail .p-detail-inner-header{margin:26px 0 20px!important}
.type-detail .p-detail-inner-header h1,.type-detail .p-detail-inner h1{
  font-size:clamp(30px,3.4vw,44px)!important;line-height:1.06!important;
  font-weight:900!important;letter-spacing:-1px!important;margin:0!important;
}
.type-detail .p-code{color:#999!important;font-size:13px!important;font-weight:500!important}

.type-detail .product-top{
  background:#fff!important;border:1px solid var(--wr-border)!important;
  border-radius:var(--wr-r-l)!important;box-shadow:var(--wr-shadow)!important;
  padding:28px!important;margin-bottom:26px!important;
}
.type-detail .p-image{
  background:#fff!important;border-radius:18px!important; /* bílá — žádný šedý box za fotkou (viz karty) */
  min-height:420px!important;display:flex!important;
  align-items:center!important;justify-content:center!important;padding:26px!important;
}
.type-detail .p-image img{max-height:380px!important;width:auto!important;max-width:100%!important;object-fit:contain!important}
/* miniatury: šablona dává 1px border na IMG a slepuje dlaždice přes
   margin-left:-1px → rámeček a rádius řešíme na obrázku, mezery na odkazu.
   Pás má pevných 100px s overflow:hidden → border se nevešel (ořez nahoře);
   +4px výšky a posun obsahu o 2px dolů. */
.type-detail .p-thumbnails{height:104px!important}
.type-detail .p-thumbnails>div{top:2px!important}
.type-detail .p-thumbnails a{
  margin-left:0!important;margin-right:10px!important;
  border:none!important;background:transparent!important;border-radius:0!important;
}
.type-detail .p-thumbnails a img{
  border:1px solid #e5e5e5!important;border-radius:10px!important;background:#fff!important;
}
.type-detail .p-thumbnails a:hover img,
.type-detail .p-thumbnails a.highlighted img{border-color:var(--wr-red)!important}
/* nativní indikátor aktivní miniatury = 2px červený pruh přes ::before
   (p-thumbnail.highlighted:before{background:--color-primary}) — duplikuje
   náš červený rámeček na img → pryč */
.type-detail .p-thumbnail::before,
.type-detail .show360image::before{display:none!important}

/* pravý sloupec: přeskládání do „nákupního boxu" —
   dostupnost → cena + množství + košík (skupina) → popis → odkaz → ikony.
   DOM pořadí šablony je cena→dostupnost→košík→popis, řešíme flex orderem. */
.type-detail .p-info-wrapper{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
.type-detail .p-info-wrapper .availability-value{order:1}
.type-detail .p-info-wrapper .p-final-price-wrapper{order:2}
.type-detail .p-info-wrapper .detail-parameters{order:2}
.type-detail .p-info-wrapper .add-to-cart{order:3}
/* B2B karta (§5.10e): stejný order jako košík — v DOM je za ním, remíza řadí
   podle DOM → karta hned pod košíkem; width přebíjí align-items:flex-start */
.type-detail .p-info-wrapper .wrB2bNote{order:3;width:100%}
.type-detail .p-info-wrapper .p-short-description{order:4}
.type-detail .p-info-wrapper>p{order:5}
.type-detail .p-info-wrapper .social-buttons-wrapper{order:6}

/* dostupnost jako badge-pilulka (stejný rukopis jako na produktových kartách) */
.type-detail .availability-value{
  display:inline-flex!important;align-items:center!important;width:fit-content!important;
  margin:0 0 18px!important;padding:8px 16px!important;
  background:#fff0f1!important;border-radius:999px!important;
}
.type-detail .availability-value,.type-detail .availability-label{
  color:var(--wr-red)!important;font-weight:700!important;font-size:13px!important;line-height:1.2!important;
}

/* cena: červená jako na kartách, těsně nad tlačítkem (jedna nákupní skupina) */
.type-detail .p-final-price-wrapper{margin:0 0 14px!important;padding:0!important;border:none!important}
.type-detail .p-final-price-wrapper .price-final-holder,
.type-detail .p-final-price-wrapper .price-final{
  color:var(--wr-red)!important;font-weight:900!important;font-size:36px!important;
  line-height:1.05!important;letter-spacing:-.02em!important;
}
.type-detail .p-final-price-wrapper .price-measure{color:#999!important;font-size:13px!important;font-weight:500!important}
/* poznámka „Orientačná cena" nad cenou (snippet §5.10f, základ v sekci 09) —
   na detailu o kousek větší, ať je u velké ceny čitelná */
.type-detail .p-final-price-wrapper .wrPriceNote{font-size:12px!important;margin-bottom:6px!important}

/* množství + košík na jednom řádku, pod skupinou oddělovací linka */
.type-detail .add-to-cart{
  display:flex!important;align-items:stretch!important;gap:12px!important;
  width:100%!important;margin:0 0 24px!important;padding:0 0 26px!important;
  border:none!important;border-bottom:1px solid #f0f0f0!important;
}
.type-detail .p-short-description{margin:0 0 10px!important}
.type-detail .p-short-description p{margin:0!important}
.type-detail .p-info-wrapper .social-buttons-wrapper{margin-top:14px!important}
.type-detail .price-line{border-color:#f0f0f0!important}
.type-detail .price-line .price-final{color:var(--wr-red)!important;font-weight:900!important}

/* POZOR: je to <table> — nativní border-collapse:collapse zahazuje
   border-radius rámečku i padding tabulky (hranatý rámeček přes kulaté
   pozadí, obsah nalepený na hrany) → separate + mezery přes buňky */
.type-detail .product-top .detail-parameters{
  background:#f7f7f8!important;border:1px solid #ededf0!important;
  border-radius:16px!important;padding:10px 16px!important;
  border-collapse:separate!important;border-spacing:0!important;
}
/* prázdnou tabulku (bez řádků) neukazovat — jinak zbyde prázdný šedý rámeček */
.type-detail .product-top .detail-parameters:not(:has(tr)){display:none!important}
.type-detail .product-top .detail-parameters th,
.type-detail .product-top .detail-parameters td{
  padding:7px 0!important;vertical-align:middle!important;
}
.type-detail .product-top .detail-parameters th{
  color:var(--wr-ink)!important;font-size:12px!important;
  font-weight:700!important;text-transform:uppercase!important;letter-spacing:.4px!important;
  padding-right:16px!important;
}

/* pravý sloupec: krátký popis + odkaz + servisní ikony */
.type-detail .p-short-description p{font-size:16px!important;line-height:1.7!important;color:#555!important}
.type-detail .link-icons{display:flex!important;align-items:center!important;gap:28px!important;margin-top:18px!important}
.type-detail .link-icon{
  color:#8a8a8a!important;font-size:12px!important;font-weight:600!important;
  letter-spacing:.4px!important;text-transform:uppercase!important;text-decoration:none!important;
  transition:color .15s ease!important;
}
.type-detail .link-icon:hover{color:var(--wr-red)!important}

/* množství + do košíku */
.type-detail .add-to-cart{border-color:#f0f0f0!important}
.quantity{border:1px solid #ddd!important;border-radius:12px!important;background:#fff!important}
.quantity input{font-weight:700!important;color:var(--wr-ink)!important;background:#fff!important;border:none!important;box-shadow:none!important;min-height:0}
.quantity .increase,.quantity .decrease{background:#f2f2f3!important;border:none!important;border-radius:50%!important;color:var(--wr-ink)!important}
.quantity .increase:hover,.quantity .decrease:hover{background:var(--wr-red)!important;color:#fff!important}
.type-detail .add-to-cart button.add-to-cart-button{
  border-radius:12px!important;font-weight:700!important;font-size:1.25em!important;
}

/* B2B karta „Veľkoobchod pre podnikateľov" — vkládá dev/b2b-note-snippet.html
   (§5.10e), jen nepřihlášeným, pod blok „do košíka" */
.wrB2bNote{
  background:var(--wr-bg);border-radius:var(--wr-r);
  padding:20px 22px;margin:18px 0 30px;
}
.wrB2bNote__title{
  display:block;font-size:17px;font-weight:800;color:var(--wr-ink);margin:0 0 6px;
}
.wrB2bNote p{margin:0 0 6px;color:var(--wr-text);font-size:15px;line-height:1.55}
.wrB2bNote a{
  display:flex;align-items:center;gap:11px;margin-top:12px;
  font-size:15px;font-weight:600;text-decoration:none;line-height:1.3;
}
.wrB2bNote a svg{width:21px;height:21px;flex:0 0 auto}
.wrB2bNote__login{color:var(--wr-red)}
.wrB2bNote__login:hover{color:var(--wr-red-dark);text-decoration:underline}
.wrB2bNote__phone{color:var(--wr-ink)}
.wrB2bNote__phone:hover{color:var(--wr-red)}

/* dárky, množstevní slevy */
.type-detail .p-gifts-wrapper .p-gift{border-radius:14px!important;border-color:#eee!important}
.quantity-discounts__item{border-color:#e7e7ea!important}
.quantity-discounts__item:first-child{border-radius:12px 12px 0 0!important}
.quantity-discounts__item:last-child{border-radius:0 0 12px 12px!important}
.quantity-discounts__item--highlighted{outline-color:var(--wr-red)!important}

/* záložky (nativní .shp-tabs) */
.type-detail .shp-tabs-wrapper{padding-top:36px!important}
/* šedý podklad kreslí ul.shp-tabs i holder (surface-secondary) → obojí pryč */
.shp-tabs-holder,ul.shp-tabs,.shp-tabs-row,.shp-tabs-holder ul.shp-tabs li{
  background:transparent!important;border-color:transparent!important;
  border-radius:0!important;overflow:visible!important;
}
.shp-tabs-holder ul.shp-tabs li{margin-right:8px;margin-bottom:8px}
.shp-tabs-holder ul.shp-tabs li a{
  background:#fff!important;border:1px solid #e7e7ea!important;
  border-radius:var(--wr-r)!important;color:var(--wr-ink)!important;
  font-weight:700!important;font-size:13px!important;padding:13px 20px!important;
}
.shp-tabs-holder ul.shp-tabs li a:hover{border-color:var(--wr-red)!important;color:var(--wr-red)!important;background:#fff!important}
.shp-tabs-holder ul.shp-tabs li.active a,.active .shp-tab-link{
  background:var(--wr-red)!important;border-color:var(--wr-red)!important;color:#fff!important;
}
.type-detail .tab-content{
  background:#fff!important;border:1px solid var(--wr-border)!important;
  border-radius:var(--wr-r-l)!important;padding:30px!important;
  box-shadow:var(--wr-shadow)!important;margin-top:14px!important;
}

/* typografie popisu */
/* šablona vkládá label „Podrobný popis" (h3) těsně nad první H2 popisu →
   zdvojený nadpis, skrýt */
.type-detail .basic-description>h3:first-child{display:none!important}
.type-detail .tab-content h2{font-size:26px;font-weight:800;color:var(--wr-ink);margin:32px 0 12px}
.type-detail .tab-content h2:first-child{margin-top:0}
.type-detail .wr-tabs-content [data-wr-tab] h2:first-child{margin-top:0}
.type-detail .tab-content h3{font-size:20px;font-weight:800;color:var(--wr-ink);margin:26px 0 10px}
.type-detail .tab-content p,.type-detail .tab-content li{color:#555;font-size:15.5px;line-height:1.75}
.type-detail .tab-content strong{color:var(--wr-ink)}
.type-detail .basic-description ul,.type-detail .basic-description ol{
  background:#fafafa;border:1px solid #efefef;border-radius:16px;
  padding:20px 24px 20px 40px;margin:16px 0 26px;
}
.type-detail .basic-description img{
  max-width:480px;width:100%;height:auto;border-radius:16px;
  border:1px solid #eee;margin:20px 0 28px;display:block;
}
/* YouTube videa: pevné 560×315 z editoru → responzivní 16:9, zaoblené */
.type-detail .tab-content iframe{
  display:block!important;width:100%!important;max-width:760px!important;
  aspect-ratio:16/9!important;height:auto!important;
  border:0!important;border-radius:16px!important;margin:16px 0 28px!important;
}
.type-detail .tab-content table{
  width:100%;border-collapse:separate!important;border-spacing:0!important;
  border:1px solid #e5e5e5!important;border-radius:16px;overflow:hidden;margin:22px 0 30px;
}
.type-detail .tab-content table th{background:var(--wr-ink)!important;color:#fff!important;font-weight:700;padding:13px 14px!important;text-align:left}
.type-detail .tab-content table td{background:#fff!important;color:#555!important;padding:12px 14px!important;border-top:1px solid #eee!important}
.type-detail .tab-content table tr:nth-child(even) td{background:#fafafa!important}
.type-detail .tab-content .detail-parameters tr{background:transparent!important}
.type-detail .tab-content .detail-parameters tr::after{display:none!important}

.type-detail .vote-wrap{border-radius:14px}

/* mobil: karty detailu měly kumulované paddingy (28+26px) → obsah dostával
   zbytečně velké boční mezery a úzký sloupec textu */
@media(max-width:767px){
  .type-detail .p-detail-inner-header{margin:16px 0 12px!important}
  .type-detail .product-top{padding:16px!important}
  .type-detail .p-image{min-height:0!important;padding:12px!important}
  .type-detail .p-image img{max-height:280px!important}
  .type-detail .tab-content{padding:22px 16px!important}
  .type-detail .description-inner{padding:0 5px!important}
  .type-detail .basic-description ul,.type-detail .basic-description ol{padding:14px 16px 14px 32px}
  .type-detail .product-top .detail-parameters{padding:8px 12px!important}
  .wrB2bNote{padding:16px!important}
  /* široké tabulky v popisu: na mobilu vodorovný scroll uvnitř tabulky
     (display:block — tabulka se nesnaží zlomit layout stránky) */
  .type-detail .tab-content table{
    display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;
    max-width:100%;
  }
}


/* ============ 12 KOŠÍK A CHECKOUT (.ordering-process) ============ */

.ordering-process{background:var(--wr-bg)!important}
.ordering-process #content-wrapper::before{display:none!important}

/* kroky */
.cart-content ol.cart-header{padding:18px 12px!important}
.cart-content .cart-header::before{background:#ececec!important;height:3px!important}
.cart-content .cart-header li a span,.cart-content .cart-header li strong span{color:#9a9a9a;font-weight:700}
.cart-content .cart-header li.active strong span,
.cart-content .cart-header li.active a span{color:var(--wr-ink)!important;font-weight:700!important}
.cart-content .cart-header li a span::before,
.cart-content .cart-header li strong span::before{
  border-color:#e6e6e9!important;color:#c4c4c8!important;background:#fff!important;
}
.cart-content .cart-header li.active strong span::before,
.cart-content .cart-header li.active a span::before,
.cart-content .cart-header li.completed strong span::before,
.cart-content .cart-header li.completed a span::before{
  background:var(--wr-red)!important;border-color:var(--wr-red)!important;color:#fff!important;
}

/* obalové karty — overflow:hidden kvůli krokům: .cart-header má záporné
   marginy (-40px) a přetékal přes zaoblené rohy karty */
.cart-content{background:#fff!important;border:1px solid var(--wr-border)!important;
  border-radius:var(--wr-r-l)!important;overflow:hidden!important}
.cart-row .col-md-8 .cart-content{background:#fff!important}
/* jednotný odstup obou sloupců od hlavičky (boxy byly nalepené na menu) */
.ordering-process #content-wrapper{padding-top:26px!important}
.ordering-process .checkout-box,.ordering-process .checkout-box-wrapper{
  background:var(--wr-ink)!important;border-radius:18px!important;
}
/* obsah kontaktní karty na tmavé: bílé texty, červené akcenty, nic nepřetéká */
.ordering-process .checkout-box-wrapper{padding:22px!important;border:none!important}
.ordering-process .checkout-box-wrapper h2{color:#fff!important;margin:0 0 14px!important}
.ordering-process .checkout-box .box,.ordering-process .checkout-box-wrapper .box{
  background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;
}
.ordering-process .contact-box img{border-radius:50%!important;width:64px!important;height:64px!important;object-fit:cover!important}
.ordering-process .contact-box strong{color:#fff!important;font-size:16px!important;font-weight:700!important}
.ordering-process .contact-box ul{margin:12px 0 0!important;padding:0!important;list-style:none!important}
.ordering-process .contact-box li{margin:0 0 8px!important}
.ordering-process .contact-box a{
  color:#fff!important;font-weight:500!important;text-decoration:none!important;
  overflow-wrap:anywhere!important;font-size:13.5px!important;
}
.ordering-process .contact-box a:hover{color:var(--wr-red)!important}
.ordering-process .contact-box span::before{color:var(--wr-red)!important}

/* tabulka položek */
.cart-table .cart-p-image{background:#fafafa!important;border-radius:14px!important;overflow:hidden!important}
.cart-table .cart-p-image a{border-radius:14px!important}
.ordering-process .cart-table tr::after{background:#f0f0f0!important}
.cart-table tr td.p-name a,.cart-table tr td .cart-related-info a{color:var(--wr-ink)!important;font-weight:700!important}
.cart-table .p-availability strong{color:var(--wr-red)!important}
.cart-table .show-related{color:var(--wr-red)!important}
.cart-table .remove-item{background:#ffecec!important}
.cart-table .remove-item::before{color:var(--wr-red)!important}
.cart-table .remove-item:hover{background:var(--wr-red)!important}
.cart-table .remove-item:hover::before{color:#fff!important}
.cart-table tr td.p-total strong{font-size:1.25em!important;font-weight:800!important}
/* čistý řádek položky: žádná svislá dělítka mezi buňkami */
.cart-table td,.cart-table .p-cell{border-left:none!important;border-right:none!important}
.cart-table .p-label{color:#999!important;font-size:11px!important;font-weight:600!important;
  text-transform:uppercase!important;letter-spacing:.3px!important}
.cart-table .p-availability strong{font-weight:600!important}
/* množství: číslo na střed a čitelně */
.cart-table .quantity input.amount{width:44px!important;height:42px!important;
  text-align:center!important;font-weight:700!important;font-size:14px!important}

/* kupón */
.cart-content .discount-coupon form input{border-radius:12px 0 0 12px!important;height:48px!important;min-height:48px!important}
.cart-content .discount-coupon form .btn{border-radius:0 12px 12px 0!important;height:48px!important;width:130px!important;background:var(--wr-ink)!important;color:#fff!important}
.cart-content .discount-coupon form .btn:hover{background:var(--wr-red)!important}

/* doprava zdarma / dárek / sleva — vše zarovnané vlevo pod nadpis
   („Darčeky a zľavy" byl vlevo, box utíkal doprava kvůli prázdnému
   prvnímu sloupci dvousloupcového layoutu šablony) */
.cart-content .extras-wrapper{
  display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:4px!important;
  justify-content:flex-start!important; /* šablona: space-between + prázdný 1. sloupec = box utíkal doprava */
}
.cart-content .extras-col{flex:0 1 auto!important;max-width:none!important;width:auto!important;float:none!important;margin:0!important;padding:0!important}
/* prázdný sloupec (šablona ho vypisuje vždy) skrýt úplně — i s nulovou šířkou
   je to flex položka a gap:12px před pill vkládal falešné odsazení zleva */
.cart-content .extras-col:not(:has(*)){display:none!important}
/* vzduch pod blokem dárků/dopravy (pill byl nalepený na spodní hranu karty) */
.cart-content .cart-summary{padding-bottom:28px!important}
.cart-content .extras-wrap{justify-content:flex-start!important}
.cart-content .extras-wrap .extra{margin:0!important}
/* pill: ikona byla absolutní glyf na levé hraně (left:0, top:50%, -17px)
   + text padding-left:60 → nikdy pořádně nelícovalo. Flex: ikona je běžný
   člen řádku, centruje ji align-items, odstup dělá gap. */
.cart-content .extra.delivery,.cart-content .extra.discount,.cart-content .extra.gift{
  display:inline-flex!important;align-items:center!important;gap:12px!important;
  padding:12px 20px 12px 16px!important;margin:0!important;
  background:#fafafa!important;border:1px solid var(--wr-border)!important;
  border-radius:16px!important;
}
.cart-content .extra.delivery::before,
.cart-content .extra.discount::before,
.cart-content .extra.gift::before{
  position:static!important;top:auto!important;left:auto!important;margin:0!important;
  font-size:24px!important;line-height:1!important;flex:0 0 auto!important;color:var(--wr-ink)!important;
}
.cart-content .extra span{display:inline-flex!important;align-items:center!important}
.cart-content .extra strong{color:var(--wr-red)!important;font-weight:600!important}
/* nadpis a pill na stejné levé lince */
.cart-content .cart-summary>h2{margin:0 0 14px!important;padding:0!important}
.cart-content .cart-summary .extras-wrapper,.cart-content .extras-wrap{padding:0!important}

/* souhrn */
#checkoutSidebar,#checkoutSidebar .cart-content{position:static!important}
.cart-content .order-summary .order-summary-inner h4,
.order-summary-inner h2{color:var(--wr-ink)!important;font-weight:900!important}
.order-summary-item.price{border-color:#f0f0f0!important}
.cart-content .order-summary .price-wrapper .price,
.price.price-primary{color:var(--wr-ink)!important;font-weight:900!important}
/* zhrnutie objednávky: položka (název | ks | cena) na jedné ose.
   Šablona kreslí border-bottom+border-right na KAŽDÉ buňce (.cart-item>div)
   → dělítko jen mezi názvem a „1 ks" a nikde jinde vypadalo nahodile; vše pryč,
   necháme jen spodní linku pod celou položkou. */
.order-summary .cart-item{display:flex!important;align-items:baseline!important;gap:10px!important;
  padding:8px 0!important;border-bottom:1px solid #f0f0f0!important}
.order-summary .cart-item>div{border:none!important;display:block!important;width:auto!important;padding:0!important}
.order-summary .cart-item-name{flex:1 1 auto!important;text-align:left!important;text-transform:none!important}
.order-summary .cart-item-name a{color:var(--wr-ink)!important;font-weight:600!important;text-decoration:none!important;text-transform:none!important}
.order-summary .cart-item-name a:hover{color:var(--wr-red)!important}
.order-summary .cart-item-amount{flex:0 0 auto!important;color:#888!important;white-space:nowrap!important}
.order-summary .cart-item-price{flex:0 0 auto!important;font-weight:700!important;white-space:nowrap!important}
/* řádky souhrnu (Celkom za tovar / Spôsob dopravy / Platba): label vlevo,
   hodnota + cena vpravo, vše na účaří — nic se nezalamuje pod sebe */
.order-summary-item:not(.price){display:flex!important;align-items:baseline!important;
  justify-content:space-between!important;gap:12px!important;padding:6px 0!important;border:none!important}
.order-summary-item:not(.price)>div{margin:0!important;padding:0!important;border:none!important;width:auto!important}
.order-summary-item:not(.price)>div:first-child{flex:1 1 auto!important;white-space:nowrap!important}
.order-summary-item:not(.price) strong{font-weight:600!important;white-space:nowrap!important}

/* tlačítka další krok — výška auto (OBJEDNAŤ má 2 řádky: „s povinnosťou
   platby" přetékalo z pevných 54px ven) */
.cart-content .next-step,.order-summary .next-step{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:16px!important;
}
/* POZOR: žádný flex-column — chevron „›" ze šablony (::after) by spadl pod
   text (rozbité POKRAČOVAŤ). Inline-block: jednořádkový text nechá chevron
   inline, dvouřádkové OBJEDNAŤ se přirozeně zalomí. */
.cart-content .next-step .btn:not(.next-step-back){
  background:var(--wr-red)!important;border-radius:var(--wr-r)!important;
  height:auto!important;min-height:54px!important;padding:13px 28px!important;
  display:inline-block!important;text-align:center!important;
  font-size:1.05em!important;letter-spacing:.3px!important;line-height:1.45!important;
}
.cart-content .next-step .btn:not(.next-step-back) small,
.cart-content .next-step .btn:not(.next-step-back) .payment-obligation{
  display:block!important;font-size:11px!important;opacity:.9!important;margin-top:2px!important;
}
.cart-content .next-step .btn:not(.next-step-back):hover{background:var(--wr-red-dark)!important}
.cart-content .next-step .btn.next-step-back{height:auto!important;min-height:0!important}
.cart-content .next-step .btn.next-step-back:hover{color:var(--wr-ink)!important}

/* doprava a platba */
#checkoutContent .cart-content .co-box{border-top:1px solid #f0f0f0!important}
#checkoutContent .cart-content h4{font-weight:800!important}
.radio-wrapper{border-color:#f2f2f2!important}
/* kolečko radia na svislý střed řádku — šablona ho lepí na první řádek textu
   (top:.65em) a items na flex-start, s vyšším logem v řádku to bylo rozhozené */
.radio-wrapper input[type="radio"]+label{
  font-weight:600;align-items:center!important;
  padding-top:14px!important;padding-bottom:14px!important;
}
.radio-wrapper input[type="radio"]+label::before{top:50%!important;transform:translateY(-50%)!important}
.radio-wrapper input[type="radio"]+label::after{top:50%!important;transform:translateY(-50%)!important}
/* názvy metod a ceny míň tučné (uppercase 700 splýval) */
.radio-wrapper .payment-info b{font-weight:600!important}
.radio-wrapper .payment-shipping-price{font-weight:600!important}
.radio-wrapper .payment-info .sublabel{font-weight:500!important}
.payment-shipping-price.for-free{color:#0a8a2a!important;font-weight:700!important}

/* rekapitulace / děkovná stránka */
.recapitulation-wrapper .co-box h4::before{color:var(--wr-red)!important}
.recapitulation-wrapper .cart-table{border-radius:16px!important;border-color:#eee!important}
.order-recapitulation strong span,.recapitulation-single strong span{font-weight:800}

@media(max-width:559px){
  .cart-content .next-step{flex-direction:column-reverse!important;gap:10px!important}
  .cart-content .next-step .btn{width:100%!important}
}


/* ============ 13 PRÁZDNÝ KOŠÍK ============ */

.cart-empty .cart-content{padding:26px!important}
.cart-empty .empty-cart-boxes .col-md-6:nth-child(2){display:none!important}
.cart-empty .empty-cart-boxes{display:flex!important;justify-content:center!important}
.cart-empty .empty-cart-boxes .col-md-6{width:100%!important;max-width:900px!important;flex:0 1 900px!important}
.cart-empty .cart-content ul{list-style:none!important;padding:0!important;margin:0!important}
.cart-empty .cart-content ul li{margin-bottom:12px!important}
.cart-empty .cart-content ul li a{
  display:block!important;width:100%!important;padding:16px 20px!important;
  background:#f5f5f6!important;border-radius:var(--wr-r)!important;
  font-weight:700!important;font-size:15px!important;
  color:var(--wr-ink)!important;text-decoration:none!important;
  transition:background-color .22s ease,color .22s ease,transform .22s ease!important;
}
.cart-empty .cart-content ul li a:hover{
  background:var(--wr-red)!important;color:#fff!important;transform:translateX(6px)!important;
}


/* ============ 14 PŘIHLÁŠENÍ A REGISTRACE ============ */

/* stránka /login/ — markup formuláře je stejný jako v login popupu
   (.login-wrapper s tlačítkem + .password-helper s odkazy), vizuál sjednocen:
   nadpis a karta na jedné ose, registrace = sekundární tlačítko (B2B!),
   zapomenuté heslo decentně pod ním. Scope #content → popup nesahat. */
.in-login #content h1{text-align:center;margin:26px 0 30px!important}
.in-login #content-wrapper.content-wrapper{padding-bottom:64px!important}
.in-login #content form{
  max-width:460px!important;margin:0 auto!important;background:#fff!important;
  border:1px solid #ececec!important;border-radius:20px!important;
  padding:34px!important;box-shadow:var(--wr-shadow)!important;
}
.in-login #content form .form-group{margin-bottom:16px!important}
.in-login #content form .form-group:last-child{margin-bottom:0!important}
.in-login #content form .btn,.in-login #content form button{width:100%!important;height:52px!important}
/* šablona: .login-wrapper{padding:20px 0} → falešný vzduch nad tlačítkem
   a pod odkazy uvnitř karty; mezery řídí gap */
.in-login #content .login-wrapper{
  display:flex!important;flex-direction:column!important;gap:16px!important;
  margin:8px 0 0!important;padding:0!important;width:100%!important;
}
.in-login #content .password-helper{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  gap:12px!important;margin:4px 0 0!important;float:none!important;width:100%!important;
}
.in-login #content .password-helper a{margin:0!important}
.in-login #content .password-helper a[href*="registracia"]{
  display:flex!important;width:100%!important;min-height:48px!important;
  align-items:center!important;justify-content:center!important;
  border:1px solid var(--wr-red)!important;border-radius:12px!important;
  color:var(--wr-red)!important;font-weight:700!important;
  text-decoration:none!important;transition:background .2s ease,color .2s ease!important;
}
.in-login #content .password-helper a[href*="registracia"]:hover{
  background:var(--wr-red)!important;color:#fff!important;
}
.in-login #content .password-helper a[href*="zabudnute"]{
  color:#8a8a8a!important;font-size:13px!important;font-weight:500!important;text-decoration:none!important;
}
.in-login #content .password-helper a[href*="zabudnute"]:hover{color:var(--wr-red)!important}
a.login-btn{border-radius:12px!important}

/* stránka /registracia/ — H1 na společnou osu s formulářem
   (form#register-form je centrovaný, max-width 1120 / width -40px) */
.in-registracia #content h1{
  max-width:1120px;width:calc(100% - 40px);margin:26px auto 0!important;
}
@media(max-width:899px){
  .in-registracia #content h1{width:calc(100% - 20px)}
}

form#register-form.formRegistration{
  max-width:1120px!important;width:calc(100% - 40px)!important;
  margin:30px auto 50px!important;padding:30px!important;
  background:#fff!important;border:1px solid #e6e6e6!important;
  border-radius:20px!important;box-shadow:var(--wr-shadow)!important;display:block!important;
}
form#register-form.formRegistration .co-box,
form#register-form.formRegistration fieldset{
  background:#fafafa!important;border:1px solid #ededed!important;
  border-radius:16px!important;padding:24px!important;margin:0 0 20px!important;box-shadow:none!important;
}
form#register-form.formRegistration h4{
  font-size:21px!important;font-weight:900!important;color:var(--wr-ink)!important;
  margin:0 0 22px!important;padding-bottom:12px!important;border-bottom:1px solid #e3e3e3!important;
}
form#register-form.formRegistration .box-sm{
  display:grid!important;grid-template-columns:1fr 1fr!important;
  gap:18px 26px!important;align-items:start!important;max-width:none!important;
}
form#register-form.formRegistration .box-sm h4,
form#register-form.formRegistration .company-shopping,
form#register-form.formRegistration #company-info,
form#register-form.formRegistration .phone-form-group{grid-column:1/-1!important}
form#register-form.formRegistration #company-info{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px 26px!important;
}
form#register-form.formRegistration #company-info .form-group{margin:0!important;max-width:none!important}
form#register-form.formRegistration #company-info .form-group:has(#billCompany){grid-column:1/-1!important}
form#register-form.formRegistration .form-group{max-width:none!important}
form#register-form.formRegistration .form-group label{float:none!important;width:auto!important;display:block!important;margin:0 0 8px!important}
form#register-form.formRegistration .form-group .form-control{width:100%!important}
form#register-form.formRegistration .required-asterisk::after{content:" *";color:var(--wr-red)}

/* telefon s předvolbou */
form#register-form.formRegistration .phone-combined-input{display:flex!important;gap:12px!important;max-width:560px!important}
form#register-form.formRegistration .country-flags{
  width:200px!important;min-width:150px!important;height:50px!important;
  margin:0!important;border:1px solid #ddd!important;border-radius:13px!important;background:#fff!important;
}
form#register-form.formRegistration .phone-combined-input input,
form#register-form.formRegistration input#phone{flex:1!important;width:auto!important;max-width:none!important}
form#register-form.formRegistration .form-group-tooltip{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:20px!important;height:20px!important;margin-left:8px!important;
  background:var(--wr-red)!important;color:#fff!important;border-radius:50%!important;
  font-size:12px!important;font-weight:700!important;position:static!important;transform:none!important;
}
@media(max-width:899px){
  form#register-form.formRegistration{width:calc(100% - 20px)!important;padding:22px 16px!important}
  form#register-form.formRegistration .box-sm,
  form#register-form.formRegistration #company-info{grid-template-columns:1fr!important;gap:14px!important}
}


/* ============ 15 KLIENTSKÁ SEKCE ============ */

.customer-page #content table,.affiliate-page #content table{
  background:#fff!important;border:1px solid var(--wr-border)!important;border-radius:14px!important;
}
.customer-page #content table tr,.affiliate-page #content table tr{border-color:#f2f2f2!important}
.customer-page dl dd{font-weight:700!important}


/* ============ 16 VYHLEDÁVÁNÍ + BLOG ============ */

body.type-search .search-results-groups{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;
}
body.type-search .search-results-group{
  padding:24px!important;background:#fff!important;
  border:1px solid var(--wr-border)!important;border-radius:var(--wr-r-l)!important;
  box-shadow:var(--wr-shadow)!important;margin-bottom:0!important;
}
body.type-search .search-results-group>h4{margin:0 0 16px!important;font-size:19px!important;font-weight:800!important}
body.type-search .search-results-group-list{column-count:auto!important;column-width:auto!important}
body.type-search .search-results-group-list>ul{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;margin:0!important;padding:0!important;list-style:none!important;
}
body.type-search .search-results-group-list>ul>li{margin:0!important;padding:0!important;list-style:none!important}
body.type-search .search-results-group-list>ul>li.no-display{display:none!important}
body.type-search .search-results-group-list a{
  display:flex!important;align-items:center!important;width:100%!important;min-height:52px!important;
  padding:12px 15px!important;background:#fafafa!important;
  border:1px solid var(--wr-border)!important;border-radius:var(--wr-r)!important;
  color:var(--wr-ink)!important;font-size:14px!important;font-weight:700!important;
  line-height:1.35!important;text-decoration:none!important;transition:.2s ease!important;
}
body.type-search .search-results-group-list a:hover{
  background:#fff!important;border-color:var(--wr-red)!important;color:var(--wr-red)!important;
}
body.type-search .display-results-group{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;margin-top:16px!important;padding:0 18px!important;
  background:var(--wr-ink)!important;border-radius:999px!important;
  color:#fff!important;font-weight:700!important;text-decoration:none!important;
}
body.type-search .display-results-group:hover{background:var(--wr-red)!important}
@media(max-width:899px){
  body.type-search .search-results-groups{grid-template-columns:1fr!important}
  body.type-search .search-results-group-list>ul{grid-template-columns:1fr!important}
}

.news-wrapper .news-item .image,.blog-wrapper .news-item .image{border-radius:18px!important;overflow:hidden!important}
.news-item .text .title{color:var(--wr-ink)!important;font-weight:800!important}
.news-item .text .title:hover{color:var(--wr-red)!important}
.news-wrapper .read-article,.blog-wrapper .read-article{color:var(--wr-red)!important}


/* ============ 17 NATÍVNA PATIČKA (footer#footer.footer) ============
   Skutečný DOM: .footer > .footer-rows[.site-name(logo) + .custom-footer.elements-3
   (newsletter | kontakt | info)] + .footer-bottom. Newsletter = custom-footer__newsletter
   (form → /action/MailForm/subscribeToNewsletters/, odesílá nativně, žádný JS).
   #wrFoot pravidla níže dřímají – aktivují se jen když vlastní markup vrátíme do adminu. */

/* POZOR: nativní šablona styluje patičku přes #footer … (ID) → moje .footer …
   (jen třídy) prohrávalo i s !important. Vše proto prefixováno #footer a layout
   řešen flexem (jako Rubin: footer .custom-footer{display:flex} + šířky sloupců),
   ne gridem, aby to s nativním flexem nebojovalo. */

/* Patička = bílý pás přes CELOU šířku (žádný šedý box po stranách).
   #footer je full-width blok; obsah drží nativní .container (zarovná s webem). */
#footer.footer{background:#fff!important;margin-top:0!important;border-top:none!important}
#footer .footer-rows{display:block!important;border-top:none!important;padding-top:88px!important;padding-bottom:80px!important}
/* nerozbíjet dlouhá slova (e-mail) po znacích */
#footer .custom-footer,#footer .custom-footer *{word-break:normal!important;overflow-wrap:break-word!important}

/* logo pryč – v tomto rozložení překrývalo kontakt a kazilo symetrii */
#footer .site-name{display:none!important}

/* řada sloupců (žádný border nad nimi) */
#footer .footer-rows,#footer .container.footer-rows,#footer .custom-footer{border-top:none!important;border-bottom:none!important}
#footer .footer-rows::before,#footer .footer-rows::after,#footer .custom-footer::before,#footer .custom-footer::after{display:none!important}
#footer .custom-footer{
  margin:0!important;padding:0!important;
  display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:40px!important;
}
#footer .custom-footer>div{flex:1 1 180px!important;width:auto!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;padding:0!important}
/* kontakt karta si drží vlastní padding (vyšší specificita než >div{padding:0}) */
#footer .custom-footer>.custom-footer__contact{padding:24px 26px 20px!important}

/* nadpisy sloupců + červený proužek (jednotné s §01) — platí i pro .wrFootCol h4 */
#footer .custom-footer .pageElement__heading,#footer .custom-footer .wrFootCol h4{
  margin:0 0 18px!important;padding:0 0 10px!important;position:relative!important;
  font-size:14px!important;font-weight:700!important;text-transform:uppercase!important;
  letter-spacing:.6px!important;color:var(--wr-ink)!important;line-height:1.3!important;
}
#footer .custom-footer .pageElement__heading span{color:inherit!important}
#footer .custom-footer .pageElement__heading::after,#footer .custom-footer .wrFootCol h4::after{
  content:""!important;position:absolute!important;left:0!important;bottom:0!important;
  width:28px!important;height:3px!important;background:var(--wr-red)!important;border-radius:2px!important;
}

/* ===== NEWSLETTER = samostatný tmavý pás NAD patičkou =====
   Uzel .custom-footer__newsletter přesouvá JS (dev/newsletter-move-snippet.html)
   do #wrNewsletterBand hned nad <footer>. Pás jde přes celou šířku, obsah zarovnán
   na container (709 = 1418/2). Heading vlevo, formulář vpravo. */
#wrNewsletterBand{
  background:var(--wr-ink)!important;
  padding:72px max(20px,calc(50vw - 709px))!important;
}
#wrNewsletterBand .custom-footer__newsletter{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:36px!important;flex-wrap:wrap!important;width:100%!important;margin:0!important;padding:0!important;
}
#wrNewsletterBand .newsletter-header{margin:0!important;flex:1 1 320px!important;max-width:520px!important}
#wrNewsletterBand .pageElement__heading{
  margin:0!important;padding:0!important;color:#fff!important;font-size:26px!important;
  font-weight:800!important;letter-spacing:-.02em!important;line-height:1.1!important;text-transform:none!important;
}
#wrNewsletterBand .pageElement__heading::after{display:none!important}
/* podtitulek = skutečný <p> z nastavení newsletteru v administraci (dřív se
   duplikoval fake textem přes ::after a reálný odstavec zůstával neviditelný —
   zdědil tmavou barvu textu na černém pozadí; nález 2026-07-27) */
#wrNewsletterBand .newsletter-header p{
  margin:12px 0 0!important;max-width:460px!important;
  color:rgba(255,255,255,.62)!important;font-size:14px!important;font-weight:500!important;line-height:1.6!important;
}
#wrNewsletterBand form{
  width:100%!important;max-width:460px!important;flex:0 1 460px!important;margin:0!important;padding:0!important;border:none!important;
}
/* Fieldset obsahuje label+input, souhlas I tlačítko (ne jen input) → původní
   position:absolute;top:6px kotvilo tlačítko k CELÉMU fieldsetu a uletělo
   nahoru k nadpisu (nález 2026-07-27: „červená tečka“ + rozjetý text).
   Tlačítko patří DOVNITŘ bílého pole (stejný vzor jako hledání v hlavičce),
   proto se kotví na .form-group (ta končí spodní hranou inputu) — ne na
   fieldset. Souhlas zůstává v běžném toku pod polem. */
#wrNewsletterBand fieldset{
  border:none!important;padding:0!important;margin:0!important;
  display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;
}
#wrNewsletterBand .form-group.smart-label-wrapper{position:relative!important;margin:0!important;flex:0 0 100%!important;order:1!important}
/* popisek „Email“ byl tmavý na tmavém pásu → svítila jen červená hvězdička.
   Šablona pro .smart-label-wrapper žádné CSS nemá (jen proměnné) a input
   nemá placeholder → popisek necháme staticky nad polem, dovnitř by ho
   nic neuklidilo a překrýval by psaný text. */
/* popisek, pole i souhlas na JEDNÉ svislé lince (levá hrana pole) — popisek
   měl odsazení 22px podle textu uvnitř pole a linky se tak rozcházely */
#wrNewsletterBand .form-group.smart-label-wrapper>label{
  position:static!important;display:block!important;transform:none!important;
  margin:0 0 8px!important;padding:0!important;
  font-size:12px!important;font-weight:600!important;color:rgba(255,255,255,.7)!important;line-height:1.4!important;
}
#wrNewsletterBand .required-asterisk{color:inherit!important}
#wrNewsletterBand .required-asterisk::after{color:var(--wr-red)!important}
/* validační hláška mimo tok — jinak by prodloužila .form-group a tlačítko
   kotvené zdola by sjelo z pole */
/* šablona drží obal pole na --form-fields-width-* (440px) → pole bylo o 20px
   užší než formulář a vsazené tlačítko lícující s formulářem z něj vyčnívalo
   (změřeno v renderu 2026-07-27: wrapper W440 vs form W460) */
#wrNewsletterBand .form-control-wrapper{position:relative!important;width:100%!important;max-width:none!important}
#wrNewsletterBand .validator-msg-holder{
  position:absolute!important;top:100%!important;left:0!important;right:0!important;
  width:auto!important;float:none!important;bottom:auto!important;display:block!important;margin:0!important;
}
/* padding-right = místo pro vsazené tlačítko; max-width přebíjí šablonu
   (--form-fields-width-* dělalo pole o 20px užší než formulář → tlačítko
   zarovnané na formulář vyčnívalo z pole ven) */
#wrNewsletterBand input[type="email"],#wrNewsletterBand .form-control{
  width:100%!important;max-width:none!important;min-height:54px!important;height:54px!important;
  border-radius:999px!important;border:none!important;background:#fff!important;color:var(--wr-ink)!important;
  padding:0 148px 0 22px!important;font-size:14px!important;box-shadow:none!important;
}
#wrNewsletterBand input::placeholder{color:#9a9a9a!important}
/* tlačítko je v DOM SOUROZENEC pole (ne jeho potomek) → absolutní pozicování
   nemá k čemu kotvit (uletí mimo pás). Proto zůstává v toku: dostane vlastní
   flex řádek (pole má flex-basis 100 %, takže šířku pole nijak neovlivní),
   margin-left:auto ho odsune doprava a záporný margin-top:-48px ho vtáhne
   dovnitř pole (42px výška + 6px odsazení = svislý střed 54px pole). */
#wrNewsletterBand button.btn-arrow-right,#wrNewsletterBand form button[type="submit"]{
  position:relative!important;z-index:2!important;order:2!important;flex:0 0 auto!important;
  align-self:flex-start!important; /* flex-end by záporný margin-top zrušil */
  min-width:0!important;margin:-48px 6px 0 auto!important;padding:0 22px!important;
  min-height:42px!important;height:42px!important;
  border:none!important;border-radius:999px!important;background:var(--wr-red)!important;color:#fff!important;box-shadow:none!important;
  font-size:14px!important;font-weight:700!important;white-space:nowrap!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
#wrNewsletterBand button.btn-arrow-right:hover,#wrNewsletterBand form button[type="submit"]:hover{background:var(--wr-red-dark)!important}
#wrNewsletterBand .consents{flex-basis:100%!important;order:3!important;margin:12px 0 0!important}
/* souhlas je reálně <p class="label">, ne <label> → bez tohohle zůstával
   tmavý (neviditelný) a svítil jen podtržený odkaz (nález 2026-07-27) */
#wrNewsletterBand .consents label,#wrNewsletterBand .consents p,
#wrNewsletterBand .consents .label,#wrNewsletterBand label.whole-width{
  margin:0!important;font-size:12px!important;font-weight:500!important;color:rgba(255,255,255,.7)!important;line-height:1.5!important;
}
#wrNewsletterBand .consents a,#wrNewsletterBand form a{
  color:#fff!important;text-decoration:underline!important;font-weight:700!important;
}
@media(max-width:767px){
  #wrNewsletterBand{padding:32px 20px!important}
  #wrNewsletterBand .newsletter-header{flex-basis:100%!important}
  #wrNewsletterBand form{flex-basis:100%!important;max-width:none!important}
}

/* ===== KONTAKT (jemná karta, bez červeného proužku) ===== */
#footer .custom-footer__contact{
  background:#fff6f6!important;border:1px solid #f2dddf!important;
  border-radius:16px!important;padding:24px 26px 20px!important;margin:0!important;
}
#footer .custom-footer__contact .contact-box{margin:0!important}
#footer .custom-footer__contact ul{list-style:none!important;margin:0!important;padding:0!important;text-align:center!important}
#footer .custom-footer__contact li:has(.mail),#footer .custom-footer__contact li:has(.tel),
#footer .custom-footer__contact li:has(.cellphone){margin:0 0 12px!important;display:block!important;text-align:left!important}
#footer .custom-footer__contact a{color:var(--wr-ink)!important;font-weight:700!important;text-decoration:none!important}
#footer .custom-footer__contact a:hover{color:var(--wr-red)!important}
#footer .custom-footer__contact .mail::before,#footer .custom-footer__contact .tel::before,
#footer .custom-footer__contact .cellphone::before{color:var(--wr-red)!important}
/* sociálky: řada ikonových koleček, skryté ošklivé URL (nativní ikona = span::before) */
#footer .custom-footer__contact li:has(.facebook),#footer .custom-footer__contact li:has(.instagram),
#footer .custom-footer__contact li:has(.youtube){display:inline-block!important;margin:14px 5px 0!important;vertical-align:top!important}
#footer .custom-footer__contact .facebook,#footer .custom-footer__contact .instagram,#footer .custom-footer__contact .youtube{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;
  width:42px!important;height:42px!important;padding:0!important;line-height:1!important;
  border-radius:50%!important;background:#fff!important;border:1px solid #f0d5d7!important;transition:.2s!important;
}
/* nativní ikona (::before) bývá absolutně vlevo → přebít na statickou vycentrovanou */
#footer .custom-footer__contact .facebook::before,#footer .custom-footer__contact .instagram::before,#footer .custom-footer__contact .youtube::before{
  display:inline-block!important;position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  margin:0!important;padding:0!important;line-height:1!important;font-size:16px!important;color:var(--wr-ink)!important;
}
#footer .custom-footer__contact .facebook a,#footer .custom-footer__contact .instagram a,#footer .custom-footer__contact .youtube a{
  position:absolute!important;inset:0!important;font-size:0!important;border-radius:50%!important;
}
#footer .custom-footer__contact .facebook:hover,#footer .custom-footer__contact .instagram:hover,#footer .custom-footer__contact .youtube:hover{
  background:var(--wr-ink)!important;border-color:var(--wr-ink)!important;
}
#footer .custom-footer__contact .facebook:hover::before,#footer .custom-footer__contact .instagram:hover::before,#footer .custom-footer__contact .youtube:hover::before{color:#fff!important}

/* ===== SORTIMENT / SLUŽBY (banner .wrFootCol) — vzhled = nativní sloupce ===== */
#footer .custom-footer .banner,#footer .custom-footer .banner-wrapper,
#footer .custom-footer__banner9 span,#footer .custom-footer__banner10 span{display:block!important;width:auto!important;margin:0!important;padding:0!important}
/* ===== JEDNOTNÉ odkazové sloupce: Sortiment, Služby (.wrFootCol) i Informácie (articles) ===== */
#footer .custom-footer__articles ul{list-style:none!important;margin:0!important;padding:0!important}
#footer .custom-footer__articles li{margin:0!important;padding:0!important;line-height:1.4!important}
#footer .custom-footer .wrFootCol,#footer .custom-footer .wrFootCol *{line-height:1.4!important}
#footer .custom-footer .wrFootCol a,#footer .custom-footer__articles a{
  display:block!important;margin:0 0 12px!important;padding:0!important;color:var(--wr-text)!important;
  font-size:15px!important;font-weight:600!important;line-height:1.4!important;text-decoration:none!important;
  transition:color .2s ease,transform .2s ease!important;
}
#footer .custom-footer .wrFootCol a:hover,#footer .custom-footer__articles a:hover{
  color:var(--wr-red)!important;transform:translateX(3px)!important;text-decoration:none!important;
}

/* ikony platieb (pokud přidáš element v adminu) */
#footer .custom-footer img,#footer .footer-bottom img:not([alt="Shoptet"]){
  max-height:30px!important;width:auto!important;filter:grayscale(1)!important;opacity:.7!important;transition:.2s!important;
}
#footer .custom-footer img:hover{filter:none!important;opacity:1!important}

/* ===== SPODNÍ LIŠTA (full-width, zarovnaná containerem) ===== */
#footer .footer-bottom{
  border-top:1px solid #ececec!important;padding:20px 20px!important;margin-top:0!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:16px!important;flex-wrap:wrap!important;color:#8a8a8a!important;font-size:13px!important;
}
#footer .footer-bottom .copyright{color:#8a8a8a!important}
#footer .footer-bottom .copyright strong{color:var(--wr-ink)!important;font-weight:700!important}
#footer .footer-bottom a{color:#8a8a8a!important;text-decoration:underline!important}
#footer .footer-bottom a:hover{color:var(--wr-red)!important}
#footer .footer-bottom #signature{opacity:.7!important;text-align:right!important}

@media(max-width:991px){
  #footer .custom-footer{gap:28px!important}
  #footer .custom-footer>div{flex:1 1 42%!important}
}
@media(max-width:767px){
  #footer .footer-rows{
    padding-top:44px!important;padding-bottom:28px!important;
    padding-left:20px!important;padding-right:20px!important; /* pojistka bočních mezer */
  }
  #footer .custom-footer{padding-top:28px!important}
  #footer .custom-footer>div{flex:1 1 100%!important}
  #footer .custom-footer__newsletter{padding:32px 20px!important;gap:18px!important}
  #footer .custom-footer__newsletter .pageElement__heading{flex-basis:100%!important}
  #footer .custom-footer__newsletter form{flex-basis:100%!important;max-width:none!important}
  #footer .footer-bottom{flex-direction:column!important;align-items:flex-start!important}
}


/* ============ 17b PATIČKA #wrFoot (dřímající – jen když vrátíme vlastní markup) ============
   Přeneseno z HTML bloku patičky – tam smazat CSS text! */

#wrFoot,#wrFoot *{box-sizing:border-box!important}
#wrFoot{
  width:100vw!important;max-width:100vw!important;position:relative!important;
  left:50%!important;transform:translateX(-50%)!important;
  background:#f5f5f5!important;color:var(--wr-ink)!important;overflow:hidden!important;
}
#wrFoot a{text-decoration:none!important;color:inherit!important}

.wfTop{
  max-width:1700px!important;margin:0 auto!important;
  padding:72px clamp(20px,4vw,80px)!important;
  display:grid!important;grid-template-columns:1fr auto!important;
  gap:35px!important;align-items:center!important;
  background:#fff!important;border-top:1px solid #e5e5e5!important;border-bottom:1px solid #e5e5e5!important;
}
.wfTop span{display:block!important;margin-bottom:14px!important;color:var(--wr-red)!important;
  font-size:11px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important}
.wfTop h2{margin:0 0 16px!important;color:var(--wr-ink)!important;
  font-size:clamp(38px,4vw,68px)!important;line-height:.96!important;
  font-weight:900!important;letter-spacing:-2px!important}
.wfTop p{max-width:760px!important;margin:0!important;color:#666!important;font-size:17px!important;line-height:1.7!important}

#wrFoot a.wfBtn{
  background:#000!important;color:#fff!important;border:1px solid #000!important;
  min-height:58px!important;padding:0 30px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:999px!important;font-size:12px!important;font-weight:700!important;
  letter-spacing:.5px!important;text-transform:uppercase!important;transition:.25s!important;
}
#wrFoot a.wfBtn:hover{background:var(--wr-red)!important;border-color:var(--wr-red)!important}

.wfGrid{
  max-width:1700px!important;margin:0 auto!important;
  padding:68px clamp(20px,4vw,80px)!important;
  display:grid!important;grid-template-columns:1.4fr 1fr 1fr 1.1fr!important;
  gap:0!important;border-bottom:1px solid #dedede!important;
}
.wfGrid>div{padding:0 32px!important;border-right:1px solid #dedede!important}
.wfGrid>div:first-child{padding-left:0!important}
.wfGrid>div:last-child{padding-right:0!important;border-right:none!important}
.wfGrid h3{margin:0 0 16px!important;font-size:32px!important;font-weight:900!important;color:var(--wr-ink)!important}
.wfGrid h4{margin:0 0 22px!important;font-size:14px!important;font-weight:700!important;text-transform:uppercase!important}
.wfGrid p{margin:0 0 16px!important;color:#666!important;font-size:15px!important;line-height:1.7!important}
.wfGrid a{display:block!important;margin-bottom:14px!important;color:#555!important;font-size:15px!important;transition:.25s!important}
.wfGrid a:hover{color:var(--wr-red)!important;transform:translateX(4px)!important}

.wfSoc{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:24px!important}
#wrFoot .wfSoc a,#wrFoot .wfSoc a:visited{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:11px 16px!important;background:#fff!important;color:#000!important;
  border:1px solid #fff!important;border-radius:999px!important;
  font-size:12px!important;font-weight:700!important;text-transform:uppercase!important;transition:.25s!important;
}
#wrFoot .wfSoc a:hover{background:#000!important;color:#fff!important;border:1px solid #000!important}

.wfBot{
  max-width:1700px!important;margin:0 auto!important;
  padding:24px clamp(20px,4vw,80px)!important;
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  background:#f5f5f5!important;
}
.wfBot p{color:#777!important;font-size:13px!important}
.wfBot nav{display:flex!important;gap:22px!important}
.wfBot a{color:#777!important;font-size:13px!important}
.wfBot a:hover{color:var(--wr-red)!important}

@media(max-width:1100px){
  .wfTop{grid-template-columns:1fr!important}
  .wfGrid{grid-template-columns:repeat(2,1fr)!important;gap:34px!important}
  .wfGrid>div{padding:0!important;border:none!important}
  .wfBot{flex-direction:column!important;align-items:flex-start!important}
}
@media(max-width:700px){
  .wfTop{padding:56px 20px!important}
  .wfTop h2{font-size:40px!important}
  #wrFoot a.wfBtn{width:100%!important}
  .wfGrid{grid-template-columns:1fr!important;padding:52px 20px!important}
  .wfBot{padding:24px 20px!important;flex-direction:column!important;gap:10px!important}
}

/* ============ 18 TEXTOVÉ PODSTRÁNKY (.wrAbout, .wrContactPage, …) ============
   Stránky psané v HTML editoru administrace (O nás, Kontakt, …). Klientka je
   vkládala s vlastním <style> blokem — CSS je přesunuté a sjednocené SEM
   (tokeny §4, rukopis homepage sekcí: pill tlačítka, kicker s pomlčkou,
   škála nadpisů). V administraci má stránka obsahovat JEN markup bez <style>
   (vzory: dev/page-o-nas.html, dev/page-kontakt.html). Vzor stránky:
   šedý full-bleed podklad + bílé zaoblené karty-sekce.
   NOVÁ STRÁNKA = rozšířit seznam rootů ve VŠECH :has(...) mechaniky
   a v prefixu :is(...) komponent (+ root pravidlo full-bleed).
   POZOR: vše scopovat přes root — třídy .wrSection/.wrHero/.wrIntro se jinak
   tlučou s homepage bannery!
   Skutečný DOM stránky: .content-inner > article.pageArticleDetail >
   header[itemprop=headline]>h1 + div[itemprop=about] > (<p>&nbsp;</p> | .wrAbout) */

/* mechanika: šablonový H1 a prázdné <p>&nbsp;</p> od WYSIWYGu skrýt,
   bílé pozadí .content-wrapper (--colors-surface-primary) zprůhlednit,
   šedý podklad kreslí body + full-bleed .wrAbout */
body:has(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog){background:var(--wr-bg)}
.content-wrapper:has(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog){background:transparent!important;padding-top:0!important;margin-top:0!important}
/* šablona: .content-inner{max-width:800px} + .one-column-body centruje →
   zúžený sloupec; full-bleed trik .wrAbout se váže na rodiče, proto uvolnit */
.content-inner:has(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog){max-width:none!important}
.content-inner:has(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .pageArticleDetail>header{display:none!important}
.content-inner:has(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) [itemprop="about"]>p{display:none!important}
/* články blogu (.news-item-detail — jiný DOM než stránky!): šablonový H1,
   datum a šipky další/předchozí skrýt, obsah kreslí .wrBlog */
.news-item-detail:has(.wrBlog)>h1,
.news-item-detail:has(.wrBlog) time,
.news-item-detail:has(.wrBlog) .next-prev{display:none!important}
.news-item-detail:has(.wrBlog){padding-top:0!important;margin-top:0!important}
.news-item-detail:has(.wrBlog)>p{display:none!important}

/* full-bleed šedý podklad; boční padding vrací obsah na linii kontejneru */
.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog{
  margin:0 calc(50% - 50vw);
  padding:26px calc(50vw - 50%) 64px;
  background:var(--wr-bg);color:var(--wr-text);
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) *{box-sizing:border-box}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrWrap{max-width:none;margin:0;padding:0}

/* karty-sekce (marginy longhand + vyšší specificita — přebíjí homepage
   pravidlo .wrSection{margin-top/bottom:56px}) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrHero,:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSection,:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCta{
  background:#fff;border:1px solid var(--wr-border);
  border-radius:var(--wr-r-l);box-shadow:var(--wr-shadow);
  margin-top:0;margin-bottom:20px;margin-left:0;margin-right:0;
  padding:56px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrHero{padding:64px 56px}

/* kicker — stejný rukopis jako homepage (červená pomlčka + verzálky) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrLabel{
  display:flex;align-items:center;gap:12px;
  font-size:12px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;
  color:var(--wr-ink);margin:0 0 18px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrLabel::before{
  content:"";width:26px;height:3px;border-radius:2px;
  background:var(--wr-red);flex:0 0 auto;
}

/* hero titulek — na O nás je to h1 (váhu/barvu dodá i sekce 01), na Kontaktu
   div → styl nese celý; červený proužek h1::after nechceme (pomlčku má kicker) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTitle{
  font-size:52px;line-height:1.05;font-weight:800;letter-spacing:-1px;
  color:var(--wr-ink);margin:0 0 22px;max-width:1000px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTitle::after{display:none!important}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrLead{font-size:17px;line-height:1.7;color:var(--wr-muted);max-width:920px;margin:0}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrLead+.wrLead{margin-top:14px}

/* tlačítka = pill jako na homepage bannerech (.wrButtons a) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBtn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:0 30px;border-radius:999px;border:none;
  font-weight:700;font-size:15px;text-transform:none;text-decoration:none!important;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBtn:hover{transform:translateY(-1px)}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBtnRed{background:var(--wr-red)!important;color:#fff!important}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBtnRed:hover{background:var(--wr-red-dark)!important;color:#fff!important}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBtnDark{background:var(--wr-ink)!important;color:#fff!important}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBtnDark:hover{background:var(--wr-red)!important;color:#fff!important}

/* nadpisy a texty sekcí — stejná škála jako homepage (38/800/-1px) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSectionHead{max-width:900px;margin:0 0 28px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSection h2,:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCta h2{
  font-size:38px;font-weight:800;line-height:1.08;letter-spacing:-1px;
  color:var(--wr-ink);margin:0 0 12px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrText{font-size:16px;line-height:1.75;color:var(--wr-muted);max-width:1000px;margin:0}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrText+.wrText{margin-top:14px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrText strong{color:var(--wr-ink);font-weight:700}

/* červená linka na dlaždicích (v HTML obsahuje &nbsp; → font-size:0) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrLine,:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrValueMark{
  width:26px;height:3px;border-radius:2px;background:var(--wr-red);
  font-size:0;margin:0 0 18px;
}

/* dvousloupec s infoboxy (#fafafa dlaždice = rukopis výsledků hledání) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTwoCols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrInfoBox{background:#fafafa;border:1px solid var(--wr-border);border-radius:var(--wr-r);padding:30px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrInfoBox h3{font-size:20px;font-weight:700;letter-spacing:-.3px;color:var(--wr-ink);margin:0 0 10px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrInfoBox p{font-size:14px;line-height:1.6;color:var(--wr-muted);margin:0}

/* statistiky */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrStats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrStat{background:#fafafa;border:1px solid var(--wr-border);border-radius:var(--wr-r);padding:26px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrStatNumber{font-size:38px;line-height:1;font-weight:800;letter-spacing:-1px;color:var(--wr-ink);margin-bottom:10px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrStatTitle{display:block;font-size:16px;font-weight:700;color:var(--wr-ink);margin-bottom:6px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrStatText{display:block;font-size:14px;line-height:1.55;color:var(--wr-muted)}

/* hodnoty — bílé karty s hoverem jako .wrWhyGrid na homepage */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrValues{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrValue{
  background:#fff;border:1px solid var(--wr-border);border-radius:var(--wr-r-l);
  padding:30px;min-height:0;transition:transform .2s ease,box-shadow .2s ease;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrValue:hover{transform:translateY(-4px);box-shadow:var(--wr-shadow-h)}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrValue h3{font-size:20px;font-weight:700;letter-spacing:-.3px;color:var(--wr-ink);margin:0 0 8px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrValue p{font-size:14px;line-height:1.55;color:var(--wr-muted);margin:0}

/* partneři */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPartners{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPartner{background:#fafafa;border:1px solid var(--wr-border);border-radius:var(--wr-r);padding:30px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPartner strong{display:block;font-size:20px;font-weight:800;letter-spacing:-.3px;color:var(--wr-ink);margin-bottom:8px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPartner p{font-size:14px;line-height:1.6;color:var(--wr-muted);margin:0}

/* závěrečné CTA — černý pás, stejný rukopis jako homepage CTA (.wrWideBanner) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCta{
  display:flex;align-items:center;justify-content:space-between;gap:30px;
  background:var(--wr-ink);border-color:var(--wr-ink);
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCtaText{flex:1}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCta h2{color:#fff}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCta p{font-size:16px;line-height:1.7;color:rgba(255,255,255,.78);max-width:720px;margin:0}

/* ---------- Kontakt (.wrContactPage) ---------- */

/* kotvy (oddělení, kalkulačka): plynulý scroll + odsazení pod hlavičku */
html:has(.wrContactPage,.wrTapePage,.wrRentalPage,.wrServicePage){scroll-behavior:smooth;scroll-padding-top:120px}

/* outline varianta pill tlačítka (zatím jen kontakt) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBtnOutline{
  background:#fff!important;color:var(--wr-ink)!important;
  border:2px solid var(--wr-ink)!important;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBtnOutline:hover{background:var(--wr-ink)!important;color:#fff!important}

/* POZOR: .wrIntro na homepage = grid karet, tady uvozující odstavec →
   display:block přebíjí homepage pravidla (vyšší specificita) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrIntro{
  display:block;
  font-size:16px;line-height:1.75;color:var(--wr-muted);
  max-width:1000px;margin:0 0 30px;
}

/* rozcestník oddělení — dlaždice s červenou linkou, celé proklikatelné */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrNavGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrNavBox{
  position:relative;display:block;overflow:hidden;
  background:#fafafa;border:1px solid var(--wr-border);border-radius:var(--wr-r);
  padding:26px;min-height:160px;
  text-decoration:none!important;color:var(--wr-ink)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrNavBox::before{
  content:"";position:absolute;left:26px;top:26px;
  width:26px;height:3px;border-radius:2px;background:var(--wr-red);
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrNavBox strong{
  display:block;font-size:18px;font-weight:700;letter-spacing:-.3px;
  color:var(--wr-ink);margin:28px 0 8px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrNavBox span{display:block;font-size:14px;line-height:1.6;color:var(--wr-muted)}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrNavBox:hover{
  background:#fff;border-color:var(--wr-red);
  transform:translateY(-4px);box-shadow:var(--wr-shadow-h);
}

/* rychlé kontakty — černé karty (samostatný pás mezi sekcemi) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrQuickGrid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
  margin-top:0;margin-bottom:20px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrQuick{
  background:var(--wr-ink);border-radius:var(--wr-r-l);padding:30px;
  color:#fff;min-height:190px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrQuick strong{display:block;font-size:19px;font-weight:800;letter-spacing:-.3px;margin-bottom:8px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrQuick span{display:block;color:rgba(255,255,255,.72);font-size:14px;line-height:1.65;margin-bottom:12px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrQuick a{display:block;color:#fff!important;text-decoration:none!important;font-weight:700;margin-top:6px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrQuick a:hover{text-decoration:underline!important}

/* hlavní dvousloupec: karta údajů + mapa */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrMainGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCard{
  background:#fafafa;border:1px solid var(--wr-border);
  border-radius:var(--wr-r-l);padding:30px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCard h3,
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrMapInfo h3{
  font-size:22px;font-weight:800;letter-spacing:-.4px;color:var(--wr-ink);margin:0 0 18px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrRow{
  display:grid;grid-template-columns:170px 1fr;gap:14px;
  padding:13px 0;border-bottom:1px solid var(--wr-border);
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrRow:last-child{border-bottom:0}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrRow strong{font-size:14px;font-weight:700;color:var(--wr-ink)}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrRow span,
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrRow a{font-size:14px;line-height:1.65;color:var(--wr-muted);text-decoration:none!important}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrRow a:hover{color:var(--wr-red)!important}

/* mapová karta — iframe přes celou kartu, černobílý filtr */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCard.wrMap{padding:0;overflow:hidden}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrMap iframe{
  width:100%;height:100%;min-height:470px;border:0;display:block;
  filter:grayscale(100%);
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrMapInfo{padding:30px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrMapInfo p{font-size:14px;line-height:1.7;color:var(--wr-muted);margin:0 0 20px}

/* oddělení + karty osob */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrDepartment{
  background:#fafafa;border:1px solid var(--wr-border);
  border-radius:var(--wr-r-l);padding:30px;
  margin-top:20px;scroll-margin-top:130px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrDepartment:first-of-type{margin-top:0}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrDepartment h3{
  font-size:24px;font-weight:800;letter-spacing:-.5px;color:var(--wr-ink);margin:0 0 10px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrHelp{font-size:14px;line-height:1.7;color:var(--wr-muted);margin:0 0 22px;max-width:980px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPeopleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPerson{
  background:#fff;border:1px solid var(--wr-border);border-radius:var(--wr-r);
  padding:22px;transition:border-color .2s ease,box-shadow .2s ease;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPerson:hover{border-color:var(--wr-red);box-shadow:var(--wr-shadow)}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPerson strong{
  display:block;font-size:17px;font-weight:700;letter-spacing:-.3px;
  color:var(--wr-ink);margin-bottom:6px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPosition{display:block;font-size:13px;line-height:1.55;color:var(--wr-muted);margin-bottom:10px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPerson a{
  display:block;color:var(--wr-red)!important;font-weight:700;
  text-decoration:none!important;margin-top:5px;word-break:break-word;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPerson a:hover{color:var(--wr-red-dark)!important}

/* spodní dvousloupec: černá B2B karta + formulář */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBottom{display:grid;grid-template-columns:1fr 1fr;gap:16px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCard.wrDark{background:var(--wr-ink);border-color:var(--wr-ink);color:#fff}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrDark h3{color:#fff}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrDark p{color:rgba(255,255,255,.78);font-size:15px;line-height:1.7;margin:0 0 22px}
/* nativní MailForm (formId=1) vsazený do karty — jména polí, honeypot
   (.no-display) i souhlas (consents25) převzaté z /napiste-nam/ tohoto shopu.
   POZOR: /napiste-nam/ vyžaduje obrázkovou captchu — tu vlastní stránka
   neumí vykreslit; pokud odeslání padá na captchu, vypnout ji v administraci
   pro kontaktní formuláře, nebo kartu odkázat na /napiste-nam/. */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrFormGrid .form-group{margin:0}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrFormFull{grid-column:1/-1}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrForm label{display:block;font-size:13px;font-weight:700;color:var(--wr-ink);margin:0 0 6px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrForm input.form-control,
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrForm textarea.form-control{
  width:100%;min-height:52px;border:1px solid #ddd;border-radius:var(--wr-r);
  padding:0 16px;background:#fff;font-size:14px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrForm textarea.form-control{min-height:150px;padding-top:14px;resize:vertical}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrForm .no-display{display:none!important}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrConsent{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--wr-muted)}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrConsent a{color:var(--wr-red)!important;text-decoration:underline!important}
/* submit (input i button) — radius !important přebíjí pill proti sekci 02 */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrForm input[type="submit"],
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrForm button[type="submit"]{
  margin-top:16px;border:0;cursor:pointer;border-radius:999px!important;
}
/* select ve formuláři (kalkulačka potlače) — stejný vzhled jako input */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrForm select.form-control{
  width:100%;min-height:52px;border:1px solid #ddd;border-radius:var(--wr-r);
  padding:0 16px;background:#fff;font-size:14px;
}
/* poznámka pod formulářem (nahrazuje JS „Zhrnutie dopytu") */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrFormNote{
  margin:14px 0 0;font-size:13px;line-height:1.6;color:var(--wr-muted);
}

/* ---------- Obchodné podmienky (.wrTerms) ---------- */

/* hero = bílá karta jako u ostatních podstránek (původně full-width pás) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsHero{
  background:#fff;border:1px solid var(--wr-border);
  border-radius:var(--wr-r-l);box-shadow:var(--wr-shadow);
  padding:64px 56px;margin:0 0 20px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsLabel{
  display:inline-flex;align-items:center;gap:12px;
  font-size:12px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;
  color:var(--wr-ink);margin:0 0 18px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsLabel::before{
  content:"";width:26px;height:3px;border-radius:2px;
  background:var(--wr-red);flex:0 0 auto;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsHero h1{
  font-size:52px;line-height:1.05;font-weight:800;letter-spacing:-1px;
  color:var(--wr-ink);margin:0 0 18px;max-width:1000px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsHero h1::after{display:none!important}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsHero>p{
  font-size:17px;line-height:1.7;color:var(--wr-muted);max-width:920px;margin:0;
}

/* mini karty v hero (červený levý akcent) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsInfo{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsMini{
  background:#fafafa;border:1px solid var(--wr-border);
  border-left:4px solid var(--wr-red);border-radius:var(--wr-r);padding:24px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsMini strong{
  display:block;font-size:17px;font-weight:700;letter-spacing:-.3px;
  color:var(--wr-ink);margin-bottom:8px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsMini span{display:block;font-size:14px;line-height:1.6;color:var(--wr-muted)}

/* číslované boxy paragrafů — bílé karty s červenou linkou u levé hrany */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsContent{display:grid;gap:20px;padding:0;margin:0}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsBox{
  position:relative;background:#fff;border:1px solid var(--wr-border);
  border-radius:var(--wr-r-l);padding:34px 40px;box-shadow:var(--wr-shadow);
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsBox::before{
  content:"";position:absolute;left:0;top:26px;bottom:26px;width:4px;
  background:var(--wr-red);border-radius:0 4px 4px 0;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsBox h2{
  font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1.15;
  color:var(--wr-ink);margin:0 0 14px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsBox p{font-size:15px;line-height:1.8;color:var(--wr-muted);margin:0 0 14px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsBox p:last-child{margin-bottom:0}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsBox strong{color:var(--wr-ink);font-weight:700}

/* ---------- GDPR (.wrGdpr) — dlouhý právní dokument ----------
   Hero = sdílené třídy (.wrHero/.wrLabel/.wrTitle/.wrLead), obsah = jedna
   bílá karta .wrSection.wrGdprBody s typografií dokumentu (h2/h3/p/ul/tabulka).
   Původní verze klientky (.gdpr-box) byla rozpracovaná — obsah ležel mimo box. */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) :is(.wrGdprBody,.wrArticlePage) h2{
  font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1.15;
  color:var(--wr-ink);margin:34px 0 14px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) :is(.wrGdprBody,.wrArticlePage) h2:first-child{margin-top:0}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) :is(.wrGdprBody,.wrArticlePage) h3{
  font-size:18px;font-weight:700;letter-spacing:-.3px;
  color:var(--wr-ink);margin:24px 0 10px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) :is(.wrGdprBody,.wrArticlePage) p{font-size:15px;line-height:1.8;color:var(--wr-muted);margin:0 0 14px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) :is(.wrGdprBody,.wrArticlePage) strong{color:var(--wr-ink);font-weight:700}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) :is(.wrGdprBody,.wrArticlePage) ul{margin:0 0 14px;padding-left:20px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) :is(.wrGdprBody,.wrArticlePage) li{font-size:15px;line-height:1.8;color:var(--wr-muted);margin-bottom:8px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) :is(.wrGdprBody,.wrArticlePage) a{color:var(--wr-red)}

/* tabulka účelů zpracování — široká, na užších viewportech scroll uvnitř obalu */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTableWrap{overflow-x:auto;margin:0 0 14px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) :is(.wrGdprBody,.wrArticlePage) table{
  width:100%;min-width:720px;border-collapse:collapse;
  font-size:14px;line-height:1.6;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) :is(.wrGdprBody,.wrArticlePage) th,
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) :is(.wrGdprBody,.wrArticlePage) td{
  border:1px solid var(--wr-border);padding:12px 14px;
  text-align:left;vertical-align:top;color:var(--wr-muted);
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) :is(.wrGdprBody,.wrArticlePage) th{
  background:#fafafa;color:var(--wr-ink);font-weight:700;
}

/* ---------- Potlač pásky (.wrTapePage) ---------- */

/* kroky procesu — bílé karty mezi sekcemi; počet sloupců = počet kroků
   (5 na Potlači, 4 na Prenájmu) díky grid-auto-flow:column */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSteps{
  display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:16px;
  margin-top:0;margin-bottom:20px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrStep{
  background:#fff;border:1px solid var(--wr-border);
  border-radius:var(--wr-r-l);padding:26px;box-shadow:var(--wr-shadow);
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrStepNum{
  width:44px;height:44px;border-radius:var(--wr-r);
  background:#fdecee;color:var(--wr-red);
  display:flex;align-items:center;justify-content:center;
  font-size:19px;font-weight:800;margin-bottom:16px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrStep h3{
  font-size:17px;font-weight:700;letter-spacing:-.3px;color:var(--wr-ink);margin:0 0 8px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrStep p{font-size:14px;line-height:1.6;color:var(--wr-muted);margin:0}

/* produktové karty pásek (obrázková hlava + tělo) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProducts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProductCard{
  background:#fafafa;border:1px solid var(--wr-border);border-radius:var(--wr-r-l);
  overflow:hidden;display:flex;flex-direction:column;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProductCardTop{
  height:200px;background:#fff;display:flex;align-items:center;justify-content:center;
  padding:26px;border-bottom:1px solid var(--wr-border);
}
/* dekorativní „páska" (čistě CSS vizuál, žádný obrázek) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTapeVisual{
  width:210px;height:78px;border-radius:var(--wr-r);
  display:flex;align-items:center;justify-content:center;
  font-size:21px;font-weight:800;letter-spacing:.04em;
  transform:rotate(-4deg);box-shadow:0 12px 25px rgba(0,0,0,.12);
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTapeClear{background:linear-gradient(135deg,#fff,#f5f5f5);border:2px solid #ddd;color:var(--wr-red)}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTapePaper{background:#b9864f;color:#fff}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTapeEco{background:#e9d2a8;color:var(--wr-ink)}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProductCardTop img{max-width:100%;max-height:200px;object-fit:contain}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProductCardBody{
  padding:26px;display:flex;flex-direction:column;flex:1;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProductCard small{
  display:block;color:var(--wr-red);font-size:12px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProductCard h3{
  font-size:22px;line-height:1.12;font-weight:800;letter-spacing:-.4px;
  color:var(--wr-ink);margin:0 0 12px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProductCard p{font-size:14px;line-height:1.7;color:var(--wr-muted);margin:0 0 14px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrList{margin:0;padding-left:18px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrList li{font-size:14px;line-height:1.7;color:var(--wr-muted);margin-bottom:6px}

/* cena prenájmu + dvojice akcí v kartě (cena se tlačí ke dnu karty) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPrice{
  margin-top:auto;background:#fff;border:1px solid var(--wr-border);
  border-radius:var(--wr-r);padding:14px 16px;
  font-size:15px;font-weight:800;color:var(--wr-ink);
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPrice span{color:var(--wr-red)}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProductActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProductActions a{
  flex:1;min-height:44px;padding:0 16px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:700;text-decoration:none!important;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
/* barvy s !important — šablona přebarvuje odkazy přes #content a (vyšší
   specificita), kvůli tomu měla klientka v HTML hackové bloky */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) a.wrMore{
  background:#fff;border:2px solid var(--wr-ink);color:var(--wr-ink)!important;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) a.wrMore:hover{background:var(--wr-ink);color:#fff!important}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) a.wrRent{
  background:var(--wr-red);border:2px solid var(--wr-red);color:#fff!important;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) a.wrRent:hover{
  background:var(--wr-red-dark);border-color:var(--wr-red-dark);color:#fff!important;
}

/* tmavá sekce (výběr lepidla) + poloprůhledné dlaždice */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSection.wrDark{background:var(--wr-ink);border-color:var(--wr-ink)}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrDark h2,
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrDark .wrLabel{color:#fff}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrDark .wrText{color:rgba(255,255,255,.78)}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSpecGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSpec{
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--wr-r);padding:24px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSpec strong{display:block;font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSpec p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.75);margin:0}

/* kalkulačka dopytu: formulář + lepivý černý souhrn (živé hodnoty plní
   JS přímo ve stránce — schválená výjimka §5.10d) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCalcGrid{
  display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:start;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSummary{
  background:var(--wr-ink);color:#fff;border-radius:var(--wr-r-l);
  padding:30px;position:sticky;top:20px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSummary h3{
  font-size:22px;font-weight:800;letter-spacing:-.4px;color:#fff;margin:0 0 14px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSummaryRow{
  display:flex;justify-content:space-between;gap:20px;
  padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSummaryRow span:first-child{color:rgba(255,255,255,.6)}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSummaryRow span:last-child{font-weight:700;text-align:right}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSummaryNote{
  font-size:13px;line-height:1.7;color:rgba(255,255,255,.7);margin:18px 0 0;
}

/* ---------- Blog: články (.wrBlog + .wrArticlePage) ----------
   Typografii článku (h2/h3/p/ul/tabulka) sdílí .wrArticlePage s .wrGdprBody
   (viz blok GDPR výše). Tady jen šířka sloupce a doplňky článků. */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrArticlePage{max-width:920px}
/* zvýrazněný citát/box s červenou linkou u levé hrany */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBox{
  background:#fafafa;border:1px solid var(--wr-border);
  border-left:4px solid var(--wr-red);border-radius:var(--wr-r);
  padding:18px 20px;margin:20px 0;
  font-size:15px;line-height:1.7;color:var(--wr-text);
}
/* obrázkový blok v článku (obrázek dodává inline background-image v HTML) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrImage{
  width:100%;height:380px;font-size:0;
  background:#e5e5e5 center/cover no-repeat;
  border-radius:var(--wr-r-l);margin:24px 0;box-shadow:var(--wr-shadow);
}

/* ---------- Blog rozcestník (.wrBlog) ---------- */

/* hero obrázek pod textem (obrázek dodává inline background-image v HTML —
   je to obsah stránky, ne styl) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrHeroImage{
  width:100%;height:220px;font-size:0;
  background:#eee center/cover no-repeat;border-radius:var(--wr-r);
  margin-top:30px;
}
/* karta článku — cover obrázek + tělo, hover zdvih jako produktové karty */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPostCard{
  background:#fafafa;border:1px solid var(--wr-border);border-radius:var(--wr-r-l);
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPostCard:hover{
  transform:translateY(-4px);background:#fff;box-shadow:var(--wr-shadow-h);
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPostImg{
  height:200px;font-size:0;background:#e5e5e5 center/cover no-repeat;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPostBody{padding:24px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTag{
  display:block;font-size:11px;font-weight:700;letter-spacing:1.2px;
  color:var(--wr-red);text-transform:uppercase;margin-bottom:8px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPostCard h3{
  font-size:19px;font-weight:700;letter-spacing:-.3px;color:var(--wr-ink);margin:0 0 8px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPostCard p{
  font-size:14px;line-height:1.6;color:var(--wr-muted);margin:0;
}
/* „Čítať článok" — malý tmavý pill, hover červený (barvy s !important
   kvůli #content a šablony) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPostCard a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;padding:0 18px;margin-top:14px;border-radius:999px;
  background:var(--wr-ink);color:#fff!important;font-size:13px;font-weight:700;
  text-decoration:none!important;transition:background .2s ease;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPostCard a:hover{background:var(--wr-red);color:#fff!important}

/* ---------- Servis (.wrServicePage) ---------- */

/* postup „Ako postupovať?" — karta s číslovanými řádky (čísla z data-step) */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProcess{
  background:#fafafa;border:1px solid var(--wr-border);
  border-radius:var(--wr-r-l);padding:30px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProcess h3{
  font-size:22px;font-weight:800;letter-spacing:-.4px;color:var(--wr-ink);margin:0 0 20px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProcess>div{
  position:relative;padding-left:44px;margin-top:20px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProcess>div::before{
  content:attr(data-step);position:absolute;left:0;top:-2px;
  width:30px;height:30px;border-radius:50%;
  background:var(--wr-red);color:#fff;font-size:13px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProcess strong{
  display:block;font-weight:700;color:var(--wr-ink);margin-bottom:4px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProcess span{
  display:block;font-size:14px;color:var(--wr-muted);line-height:1.7;
}

/* benefity — #fafafa dlaždice */
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBenefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBenefit{background:#fafafa;border:1px solid var(--wr-border);border-radius:var(--wr-r);padding:26px}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBenefit strong{
  display:block;font-size:17px;font-weight:700;letter-spacing:-.3px;
  color:var(--wr-ink);margin-bottom:8px;
}
:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBenefit p{font-size:14px;line-height:1.7;color:var(--wr-muted);margin:0}

@media(max-width:991px){
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrHero,:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSection,:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCta{padding:40px 32px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTitle{font-size:40px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSection h2,:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCta h2{font-size:30px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrStats,:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrValues{grid-template-columns:repeat(2,1fr)}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPartners,:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTwoCols{grid-template-columns:1fr}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCta{flex-direction:column;align-items:flex-start}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrNavGrid,
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrQuickGrid,
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrMainGrid,
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBottom{grid-template-columns:repeat(2,1fr)}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPeopleGrid{grid-template-columns:repeat(2,1fr)}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsHero{padding:40px 32px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsHero h1{font-size:40px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsInfo{grid-template-columns:1fr}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsBox{padding:28px 26px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSteps,
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProducts,
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBenefits,
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSpecGrid{grid-template-columns:repeat(2,1fr)}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSteps{grid-auto-flow:row}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCalcGrid{grid-template-columns:1fr}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSummary{position:static}
}
@media(max-width:620px){
  .wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog{padding-top:14px;padding-bottom:40px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrHero,:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSection,:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCta{padding:28px 20px;border-radius:var(--wr-r);margin-bottom:14px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTitle{font-size:31px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSection h2,:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCta h2{font-size:26px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrStats,:is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrValues{grid-template-columns:1fr}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrActions{flex-direction:column}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBtn{width:100%}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrStatNumber{font-size:32px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrNavGrid,
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrQuickGrid,
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrMainGrid,
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBottom,
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrPeopleGrid,
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrFormGrid{grid-template-columns:1fr}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrRow{grid-template-columns:1fr;gap:4px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrCard,
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrDepartment{padding:22px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrDepartment h3{font-size:21px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrMap iframe{min-height:330px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsHero{padding:28px 20px;border-radius:var(--wr-r)}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsHero h1{font-size:31px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsBox{padding:24px 20px;border-radius:var(--wr-r)}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrTermsBox h2{font-size:21px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) :is(.wrGdprBody,.wrArticlePage) h2{font-size:21px}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSteps,
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrProducts,
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrBenefits,
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSpecGrid{grid-template-columns:1fr}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrSteps{grid-auto-flow:row}
  :is(.wrAbout,.wrContactPage,.wrTerms,.wrGdpr,.wrTapePage,.wrRentalPage,.wrServicePage,.wrBlog) .wrImage{height:240px}
}


/* ============ KONEC ============ */