/* ============================================================
   SperkyNIA.cz — Redesign 2026 (v3)
   Produkční CSS pro Shoptet šablonu Rock (varianta Four)
   Vychází 1:1 ze schváleného mockupu.
   Nahrát do: Soubory / FTP → /user/documents/
   Připojit v: Vzhled a obsah → Editor → HTML kód → Záhlaví
   ============================================================ */

/* ————— Design tokeny (dle mockupu) ————— */
:root{
  --nia-paper:#FCFBF8;
  --nia-surface:#FFFFFF;
  --nia-tint:#F4F1EA;
  --nia-media:#F6F4EF;
  --nia-ink:#191610;
  --nia-body:#3B372E;
  --nia-stone:#7D7668;
  --nia-line:#E8E4DA;
  --nia-gold:#A2823E;
  --nia-gold-soft:#C8AB6A;
  --nia-inverse:#191610;
  --nia-inverse-text:#F3EFE6;
  --nia-green:#4C8A3F;
  --nia-serif:"Cormorant Garamond",Didot,"Bodoni 72",Georgia,serif;
  --nia-sans:"Jost","Avenir Next","Helvetica Neue",Arial,sans-serif;
  --nia-max:1400px;
}

/* ————— Základ ————— */
body{
  background:var(--nia-paper)!important;
  font-family:var(--nia-sans)!important;
  color:var(--nia-body);
  font-size:15px; line-height:1.65; letter-spacing:.01em;
}
/* ————— ŠÍŘKA: uvolnit Shoptet foundation grid, obsah řídí naše sekce ————— */
#main-wrapper,#main-wrapper-in,#main,#content,#content-in,#main-in,#main-in-in{
  background:transparent; max-width:none!important; width:100%!important;
  padding-left:0!important; padding-right:0!important; margin-left:0!important; margin-right:0!important;
  float:none!important; clear:both!important;
}
/* hlavička musí zůstat blokem nad obsahem (jinak floatovaný obsah podteče a bere kliknutí) */
#header,#header-in{float:none!important; clear:both!important; width:100%!important; position:relative; z-index:20}
#header a,#header button,#header input,#menu a,.header-info a,.searchform,.header-cart,.nia-account{position:relative; z-index:21}
#main-in,#main-in-in,#content,#content-in{clear:both!important; position:relative; z-index:1}
#tabs-div,#welcome,#category-banners{max-width:none!important; width:auto!important; padding-left:0!important; padding-right:0!important; float:none!important}
body{overflow-x:hidden}
/* full-bleed sekce (edge-to-edge), vnitřní obsah centrovaný na 1280 */
.nia-hero,.nia-usp,.nia-story,.nia-news,.nia-journal-block{width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw)}
.nia-journal-block{width:auto; margin-left:auto; margin-right:auto} /* blog má max-width jako blok */
h1,h2,h3,h4,.topic{
  font-family:var(--nia-serif)!important; font-weight:500!important;
  color:var(--nia-ink); letter-spacing:.005em;
}
a{color:var(--nia-ink)}
a:hover{color:var(--nia-gold)}
.nia-eyebrow{
  font-size:11px; text-transform:uppercase; letter-spacing:.22em;
  color:var(--nia-gold); font-weight:600; display:block;
}
.nia-wrap{max-width:var(--nia-max); margin:0 auto; padding:0 clamp(20px,4vw,48px)}

/* obecná tlačítka Shoptetu */
.button,.b-cart2,.b-search,input[type="submit"],.add-to-cart-button{
  font-family:var(--nia-sans)!important; font-size:12px!important; letter-spacing:.16em!important;
  text-transform:uppercase!important; font-weight:600!important; border-radius:0!important;
  transition:background .25s,color .25s,border-color .25s!important;
}

/* ————— ANNOUNCE (dark) — centrovaný text, žádný ořez ————— */
.header-info{
  background:var(--nia-inverse)!important; color:var(--nia-inverse-text)!important;
  font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  padding:9px 16px!important; margin:0!important;
  display:flex!important; align-items:center; justify-content:center; gap:18px;
  text-align:center;
}
.header-info > div{width:auto!important; float:none!important; padding:0!important; margin:0!important}
.header-info > div:first-child{display:none!important}     /* sociální ikony pryč (jsou v patičce) */
.header-info .currable{display:block!important; flex:0 1 auto}
.header-info .header-contacts{display:block!important}
.header-info a{color:var(--nia-inverse-text)!important}
.header-info a:hover{color:var(--nia-gold-soft)!important}
.nia-announce-text b{color:var(--nia-gold-soft); font-weight:600}
.nia-announce-text a{color:var(--nia-inverse-text)!important; text-decoration:none}
/* currency + login: malé napravo, uvnitř bez ořezu */
.header-info .top-links-holder{
  position:absolute; right:clamp(16px,4vw,48px); display:flex; align-items:center; gap:14px;
  white-space:nowrap;
}
.header-info{position:relative}
#langs-curr{display:inline-flex; gap:8px}
#langs-curr a.active{color:var(--nia-gold-soft)!important; font-weight:600}
.header-info #top-links{display:none!important}   /* login přesunut do hlavičky jako „Účet“ */
.icon-account-login::before,.icon-account-login::after{display:none!important}

/* ————— HEADER: logo střed, hledat vlevo, účet+košík vpravo ————— */
#header{background:var(--nia-paper)!important; border-bottom:0!important}
.header-center{
  display:grid!important; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px;
  max-width:var(--nia-max)!important; width:100%!important; margin:0 auto!important;
  padding:28px clamp(20px,4vw,48px) 22px!important; float:none!important;
}
.header-center > div{width:auto!important; float:none!important; padding:0!important; margin:0!important}
.header-center > div:nth-child(1){grid-column:2; grid-row:1; justify-self:center}   /* logo → střed */
.header-center > div:nth-child(2){grid-column:1; grid-row:1; justify-self:start}      /* hledání → vlevo */
.header-center > div:nth-child(3){grid-column:3; grid-row:1; justify-self:end}        /* košík → vpravo */

/* logo: emblém (výřez z PNG) + typografický nápis */
#logo{display:inline-block!important; float:none!important; text-decoration:none!important; text-align:center}
#logo img{max-height:110px; width:auto; margin:0 auto; display:block; mix-blend-mode:multiply} /* fallback bez JS */
#logo.nia-logo{position:static!important}
#logo.nia-logo .nia-logo-emblem{
  display:block; width:64px; height:64px; margin:0 auto 12px;
  background-repeat:no-repeat; background-size:438.9% auto; background-position:50% 19%;
  mix-blend-mode:multiply;
}
#logo.nia-logo .nia-logo-mark{
  display:block; font-family:var(--nia-serif); font-weight:400;
  font-size:clamp(30px,3.2vw,42px); line-height:1; color:var(--nia-ink); letter-spacing:.02em;
}
#logo.nia-logo .nia-logo-mark b{font-weight:700}
#logo.nia-logo .nia-logo-sub{
  display:flex; align-items:center; justify-content:center; gap:14px;
  font-family:var(--nia-sans); font-size:10px; letter-spacing:.52em; text-transform:uppercase;
  color:var(--nia-gold); margin-top:10px; text-indent:.52em; font-weight:600;
}
#logo.nia-logo .nia-logo-sub::before,#logo.nia-logo .nia-logo-sub::after{content:""; width:34px; height:1px; background:var(--nia-gold-soft); flex:none}
#logo.nia-logo .nia-logo-sub::after{margin-left:-.52em}

/* hledání jako v mockupu: ikona + „Hledat“ (žádný viditelný box) */
.searchform{width:auto!important; max-width:none!important; position:relative; float:none!important; display:inline-block}
.searchform fieldset{border:0!important; margin:0!important; padding:0!important; display:flex; align-items:center}
.searchform .left,.searchform > fieldset > div{float:none!important; width:auto!important; padding:0!important; margin:0!important}
.searchform .s-word{
  border:0!important; border-bottom:1px solid var(--nia-line)!important; background:transparent!important;
  font-family:var(--nia-sans)!important; font-size:11px!important; letter-spacing:.16em!important;
  text-transform:uppercase; padding:8px 2px 8px 26px!important; box-shadow:none!important;
  width:110px!important; color:var(--nia-ink)!important; height:auto!important;
}
.searchform .s-word::placeholder{color:var(--nia-ink)!important; opacity:1}
.searchform .s-word:focus{border-bottom-color:var(--nia-gold)!important; outline:none!important; width:180px!important}
.searchform::before{
  content:""; position:absolute; left:2px; top:50%; transform:translateY(-60%);
  width:16px; height:16px; z-index:2; pointer-events:none;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23191610' stroke-width='1.5'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");
}
/* skrýt submit tlačítko a whisperer box (šedý obdélník) */
.searchform .tar,.searchform .b-search,.search-notice{
  position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important;
  opacity:0!important; pointer-events:none!important; padding:0!important; margin:0!important; border:0!important;
}
.search-whisperer-container-js{position:absolute!important; top:100%; left:0; z-index:40; width:280px}

/* účet + košík vpravo */
.nia-account{
  display:inline-flex!important; align-items:center; gap:9px; text-decoration:none!important;
  color:var(--nia-ink)!important; font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  margin-right:22px;
}
.nia-account svg{width:19px; height:19px; stroke:currentColor; fill:none; stroke-width:1.3}
.nia-account:hover{color:var(--nia-gold)!important}
.header-cart,#header-cart{
  background:transparent!important; background-image:none!important; border:0!important;
  padding:0!important; border-radius:0!important; color:var(--nia-ink)!important;
  display:inline-flex!important; align-items:center; gap:9px; width:auto!important; height:auto!important;
  font-size:11px; letter-spacing:.16em; text-transform:uppercase;
}
/* skrýt původní ikonu košíku šablony (font/background) */
#header-cart::before,.header-cart-count::before,.header-cart-price::before,.header-cart-price::after{display:none!important; content:none!important}
#header-cart > i,#header-cart .cart-icon,#header-cart img{display:none!important}
.header-cart::after{
  content:""; width:19px; height:19px; flex:none; order:1;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23191610' stroke-width='1.3'%3E%3Cpath d='M6 8h12l-1 13H7L6 8Z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E");
}
.header-cart:hover{color:var(--nia-gold)!important}
.header-cart-count,.header-cart-count span{
  background:var(--nia-gold)!important; color:#fff!important; border-radius:50%!important;
  background-image:none!important; min-width:18px; height:18px; line-height:18px;
  display:inline-flex!important; align-items:center; justify-content:center;
  font-size:10px!important; padding:0 4px!important; position:static!important; order:2;
}
.header-cart-price{color:inherit!important; font-weight:600!important; font-variant-numeric:tabular-nums; position:static!important; order:0}
.cart-recapitulation{text-transform:none; letter-spacing:normal}
.doprava-zdarma{display:none!important}     /* přesunuto do USP/announce */
.chci-slevu{display:none!important}

/* ————— MENU centrované s linkami ————— */
#menu{
  border-top:1px solid var(--nia-line); border-bottom:1px solid var(--nia-line);
  background:var(--nia-paper); text-align:center; margin:0!important;
}
#menu > ul{
  display:inline-flex!important; gap:clamp(20px,3vw,44px); float:none!important; margin:0!important;
  flex-wrap:wrap; justify-content:center; list-style:none; padding:0;
}
#menu > ul > li{float:none!important; margin:0!important; width:auto!important; max-width:none!important; overflow:visible!important; list-style:none}
#menu li.first-line{display:none!important}
#menu > ul > li > a{
  font-family:var(--nia-sans)!important; font-size:12px!important; letter-spacing:.16em!important;
  text-transform:uppercase!important; color:var(--nia-ink)!important; background:transparent!important;
  padding:15px 2px!important; border:0!important; box-shadow:none!important;
  margin:0!important; transition:color .2s; font-weight:500!important;
  display:inline-block!important; white-space:nowrap; width:auto!important;
}
/* hover: JEN zvýraznění textu, žádné lišty/pruhy */
#menu > ul > li > a:hover,#menu > ul > li.exp > a,#menu > ul > li:hover > a{
  color:var(--nia-gold)!important; border:0!important; box-shadow:none!important; background:transparent!important;
}
#menu > ul > li,#menu > ul > li:hover{background:transparent!important; border:0!important; box-shadow:none!important}
#menu > ul > li > a::before,#menu > ul > li > a::after,#menu > ul > li::before,#menu > ul > li::after{display:none!important; content:none!important}
/* skrýt JEN šipku podmenu (ne celou položku — .icon-menu-arrow-wrap je <li>!) */
.navigation-submenu-trigger,span.icon-menu-arrow{display:none!important}
.menu-element-submenu,#menu ul ul{
  background:var(--nia-paper)!important; border:1px solid var(--nia-line)!important;
  box-shadow:0 18px 40px rgba(25,22,16,.10)!important;
}
#menu ul ul a{font-size:12px!important; letter-spacing:.08em; color:var(--nia-body)!important; text-transform:none!important}
#menu ul ul:empty{display:none!important; border:0!important}
/* vizuálně skryté produkty nad limit (obrázky se díky lazy nenačtou)
   — vyšší specificita než `.products .product{display:flex}`, jinak se skrytí neprojeví */
.nia-hidden-product,.products .product.nia-hidden-product,#nejprodavanejsi .product.nia-hidden-product,#novinky .product.nia-hidden-product{display:none!important}
#menu ul ul a:hover{color:var(--nia-gold)!important; background:var(--nia-tint)!important}

/* ————— HERO (staví JS) ————— */
#category-banners.nia-hidden{display:none!important}
.nia-hero{position:relative; display:grid; overflow:hidden; border-bottom:1px solid var(--nia-line); background:var(--nia-paper)}
.nia-slide{
  grid-area:1/1; display:grid; grid-template-columns:1.05fr .95fr; min-height:440px; max-height:520px;
  opacity:0; visibility:hidden; pointer-events:none; transition:opacity .9s ease, visibility 0s linear .9s;
}
.nia-slide.nia-on{opacity:1; visibility:visible; pointer-events:auto; transition:opacity .9s ease}
.nia-slide-copy{display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(32px,5vw,72px); text-align:left}
.nia-slide-title{
  font-family:var(--nia-serif)!important; font-size:clamp(32px,3.8vw,52px)!important; line-height:1.08!important;
  margin:14px 0 16px!important; color:var(--nia-ink); font-weight:500!important; text-transform:none!important;
}
.nia-slide-copy p{max-width:46ch; font-size:15px; margin:0 0 26px; color:var(--nia-body)}
.nia-slide-media{position:relative; overflow:hidden; background:var(--nia-tint)}
.nia-slide-media img{width:100%; height:100%; object-fit:cover; display:block; max-width:none}
.nia-slide-tag{position:absolute; left:24px; bottom:24px; background:var(--nia-paper); color:var(--nia-ink); font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; padding:9px 16px}
.nia-cta-row{display:flex; gap:14px; flex-wrap:wrap}
.nia-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--nia-sans)!important; font-size:12px!important; letter-spacing:.16em!important;
  text-transform:uppercase!important; font-weight:600!important; padding:15px 30px!important;
  text-decoration:none!important; cursor:pointer; border:1px solid var(--nia-ink)!important; border-radius:0!important;
  transition:background .25s,color .25s,border-color .25s; color:var(--nia-ink);
}
.nia-btn-solid{background:var(--nia-ink)!important; color:var(--nia-paper)!important}
.nia-btn-solid:hover{background:var(--nia-gold)!important; border-color:var(--nia-gold)!important; color:#fff!important}
.nia-btn-ghost{background:transparent!important; color:var(--nia-ink)!important}
.nia-btn-ghost:hover{border-color:var(--nia-gold)!important; color:var(--nia-gold)!important}
.nia-btn-gold{background:var(--nia-gold)!important; border-color:var(--nia-gold)!important; color:#fff!important}
.nia-btn-gold:hover{background:var(--nia-ink)!important; border-color:var(--nia-ink)!important; color:var(--nia-paper)!important}
.nia-btn-ghost-light{background:transparent!important; color:var(--nia-inverse-text)!important; border-color:rgba(243,239,230,.4)!important}
.nia-btn-ghost-light:hover{border-color:var(--nia-gold-soft)!important; color:var(--nia-gold-soft)!important}
.nia-dots{position:absolute; z-index:5; left:clamp(32px,5vw,72px); bottom:24px; display:flex; gap:10px; margin:0; padding:0}
.nia-dots button{width:34px; height:14px; background:transparent; border:0; padding:0; cursor:pointer; position:relative}
.nia-dots button::after{content:""; position:absolute; left:0; right:0; top:5px; height:3px; background:var(--nia-line); transition:background .3s}
.nia-dots button:hover::after{background:var(--nia-stone)}
.nia-dots button.nia-on::after{background:var(--nia-gold)}

/* ————— USP strip (staví JS, s ikonami) ————— */
.nia-usp{border-top:1px solid var(--nia-line); border-bottom:1px solid var(--nia-line); background:var(--nia-tint)}
.nia-usp-in{max-width:var(--nia-max); margin:0 auto; padding:20px clamp(20px,4vw,48px); display:flex; justify-content:center; gap:clamp(24px,4.5vw,72px); flex-wrap:wrap}
.nia-usp-item{display:flex; align-items:center; gap:12px; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--nia-ink)}
.nia-usp-item svg{width:20px; height:20px; stroke:var(--nia-gold); fill:none; stroke-width:1.3; flex:none}

/* ————— Sekce a hlavičky sekcí (staví JS) ————— */
.nia-block{max-width:var(--nia-max); margin:0 auto; padding:clamp(56px,7vw,100px) clamp(20px,4vw,48px)}
.nia-sec-head{display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:40px}
.nia-sec-head h2{font-size:clamp(28px,3vw,42px)!important; margin:10px 0 0!important; text-transform:none!important}
.nia-sec-link{font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--nia-ink)!important; text-decoration:none!important; border-bottom:1px solid var(--nia-gold); padding-bottom:4px; white-space:nowrap}
.nia-sec-link:hover{color:var(--nia-gold)!important}

/* skrýt taby POUZE na homepage (nahrazeno sekcemi) — na detailu zůstávají */
body.in-index #tabs-div > #tabs,body.in-index #tabs-div .tabs-navigation{display:none!important}
/* zbytková lišta „menu-mobil“ přidaná vlastním skriptem klienta do patičky */
.menu-mobil{display:none!important}
.nia-block{max-width:var(--nia-max); margin:0 auto; padding:clamp(56px,7vw,100px) clamp(20px,4vw,48px)}
.nia-block > ul.products{padding:0!important; margin:0!important; max-width:none!important}
.nia-block + .nia-block{padding-top:0}
#welcome{max-width:820px; margin:44px auto 0!important; padding:0 24px; text-align:center; display:none} /* úvodní text schován, nahrazen hero+sekcemi */

/* ————— Produktové karty (jednotný grid pro homepage, kategorii i podobné) ————— */
ul.products,#nejprodavanejsi,#novinky,#alternative .products{
  display:grid!important; grid-template-columns:repeat(4,1fr)!important;
  gap:clamp(36px,2.6vw,52px) clamp(20px,1.8vw,30px)!important;
  max-width:none!important; margin:0!important; padding:0!important; width:100%!important; list-style:none!important;
}
/* dva sloučené výpisy (nejprodávanější + novinky) v jednom bloku → svislá mezera mezi nimi jako řádkový gap */
.nia-block ul.products + ul.products{margin-top:clamp(36px,2.6vw,52px)!important}
/* clearfix ::before/::after a nepродuktové děti tvoří prázdné buňky — vypnout */
ul.products::before,ul.products::after,#nejprodavanejsi::before,#nejprodavanejsi::after,#novinky::before,#novinky::after{content:none!important; display:none!important}
ul.products > *:not(.product),#nejprodavanejsi > *:not(.product),#novinky > *:not(.product){display:none!important}
.products .product,.product.swap-images,li.product{
  border:0!important; background:transparent!important; float:none!important; width:auto!important;
  min-height:0!important; height:auto!important; margin:0!important; padding:0!important; list-style:none; position:relative;
  display:flex!important; flex-direction:column;
}
.product > .columns{padding:0!important; width:auto!important; float:none!important; margin:0!important}
/* obrázek: čtverec, smetanový podklad, přiblížení na hover */
.p-image,.product .p-image{
  background:var(--nia-media)!important; border:0!important; position:relative; overflow:hidden;
  aspect-ratio:1/1; width:100%; display:block; margin:0 0 16px 0!important;
}
.p-image a{display:block; width:100%; height:100%}
.p-image img,.product .p-image img{
  width:100%!important; height:100%!important; object-fit:cover!important; mix-blend-mode:multiply;
  transition:transform .9s cubic-bezier(.2,.6,.2,1); position:absolute; inset:0;
}
.p-image .swap-image{position:absolute; inset:0}
.product:hover .p-image img{transform:scale(1.07)}   /* efekt přiblížení hlavní fotky */
/* skrýt „Loading…" text z lupy fotky (cloud-zoom) a případného lightboxu */
.cloud-zoom-loading,.mousetrap + .cloud-zoom-loading,.fancybox-loading,.zoom-loading{display:none!important}
/* hover překryv „Do košíku“ (staví JS) */
.nia-quick{
  position:absolute; left:0; right:0; bottom:0; z-index:4;
  background:rgba(25,22,16,.92); color:var(--nia-inverse-text);
  text-align:center; font-family:var(--nia-sans); font-size:11px; letter-spacing:.2em; text-transform:uppercase;
  padding:14px 10px; cursor:pointer; transform:translateY(100%); transition:transform .3s ease; border:0;
}
.product:hover .nia-quick{transform:translateY(0)}
.nia-quick:hover{background:var(--nia-gold)}
/* název — pevná výška 2 řádky, aby ceny lícovaly */
.p-info{padding:0!important; display:flex; flex-direction:column; flex:1; text-align:center}
.p-name{display:block; margin:0 0 8px 0!important; text-decoration:none!important; min-height:2.7em}
.p-name,.p-name span{
  font-family:var(--nia-serif)!important; font-size:17px!important; line-height:1.35!important;
  color:var(--nia-ink)!important; font-weight:500!important; text-transform:none!important; letter-spacing:.005em!important;
}
.p-name:hover,.p-name:hover span{color:var(--nia-gold)!important}
/* cena vždy viditelná (jen statický zdroj ceny), hover popupy úplně skrýt */
.products .product-card-hover-content{display:none!important}   /* plovoucí popup s cenou/dostupností/košíkem */
/* KATEGORICKY: žádný prvek karty nesmí plavat absolutně (řeší „lítající ceny“ na živém webu) */
.products .product [class*="product-card"],.products .product .p-action,.products .product .p-info{
  position:static!important; float:none!important; top:auto!important; left:auto!important; right:auto!important; bottom:auto!important;
}
.product-card-outer,.product-card-inner,.product-card-content,.product-card-nullify-columns,.product-card-nullify-borders,.product-card-static-source-js{
  position:static!important; display:block!important; opacity:1!important; visibility:visible!important; transform:none!important;
  background:transparent!important; box-shadow:none!important; padding:0!important; margin:0!important;
  width:auto!important; height:auto!important; float:none!important; border:0!important;
}
.p-action{margin:0!important}
.products .p-cart-button,.products .button-product-wrap,.products .b-cart2,.products .button-content-product,
.products .p-cat-availability,.products .availability,.products .p-standard-price-wrap,
.products .p-additional-price,.products .p-type-descr{display:none!important}
/* KLÍČOVÉ: cenové sloupce v kartě používají foundation .columns (float:left) →
   přinutit celou cenovou mašinerii do bloku, jinak cena „uplave“ ven z karty */
.products .product-card-static-source-js,
.products .product-card-static-source-js > div,
.products .product-card-static-source-js .row,
.products .product-card-static-source-js .full-size,
.products .product-card-static-source-js .columns,
.products .product-card-static-source-js [class*="large-"],
.products .product-card-static-source-js [class*="small-"],
.products .p-main-price{
  float:none!important; width:100%!important; max-width:100%!important; display:block!important;
  position:static!important; margin:0!important; padding:0!important; left:auto!important; right:auto!important;
}
.p-main-price,.products .price-final,.products .p-det-main-price{
  display:block!important; margin-top:auto!important; padding-top:6px!important;
  font-family:var(--nia-sans)!important; font-variant-numeric:tabular-nums;
  color:var(--nia-ink)!important; font-weight:600!important; font-size:15px!important; letter-spacing:.03em; text-align:center;
}
.p-main-price .p-det-main-price{padding-top:0!important}
.products .price-standard,.products .p-standard-price{color:var(--nia-stone)!important; font-weight:400!important; text-decoration:line-through; margin-right:8px; display:inline!important}
/* štítky: bool-icon (Rock) → mockup .flag */
.boolean-icons{position:absolute; top:12px; left:12px; z-index:5; display:flex; flex-direction:column; gap:6px; align-items:flex-start}
.bool-icon-single{
  border-radius:0!important; font-family:var(--nia-sans)!important; font-size:9.5px!important;
  letter-spacing:.16em!important; text-transform:uppercase!important; padding:5px 10px!important;
  font-weight:600!important; line-height:1; box-shadow:none!important;
}
.bool-icon-single.bool-new{background:var(--nia-gold)!important; color:#fff!important}
.bool-icon-single.bool-action,.bool-icon-single.bool-sale{background:var(--nia-gold)!important; color:#fff!important}
.bool-icon-single.bool-tip{background:var(--nia-paper)!important; color:var(--nia-ink)!important; border:1px solid var(--nia-line)!important}

/* ————— Příběh značky (staví JS, mezi sekcemi, centrovaný) ————— */
.nia-story{background:var(--nia-inverse); color:var(--nia-inverse-text); text-align:center}
.nia-story-in{max-width:860px; margin:0 auto; padding:clamp(72px,9vw,120px) clamp(20px,4vw,48px)}
.nia-story h2{
  font-family:var(--nia-serif)!important; color:var(--nia-inverse-text)!important;
  font-size:clamp(30px,3.6vw,50px)!important; line-height:1.2!important; margin:22px 0 26px!important;
  font-weight:500!important; text-transform:none!important; letter-spacing:.005em!important;
}
.nia-story p{color:rgba(243,239,230,.72); max-width:56ch; margin:0 auto 36px; font-size:15.5px}
.nia-story-rule{display:block; width:56px; height:1px; background:var(--nia-gold-soft); margin:0 auto 36px}

/* ————— Blog / Zajímavosti (staví JS) ————— */
.nia-journal{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2vw,26px)}
.nia-j-card{border-top:1px solid var(--nia-line); padding-top:22px; text-decoration:none!important; display:block}
.nia-j-card .date{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--nia-stone)}
.nia-j-card h3{font-family:var(--nia-serif)!important; font-size:20px!important; line-height:1.35!important; margin:10px 0 8px!important; color:var(--nia-ink); text-transform:none!important}
.nia-j-card p{margin:0; font-size:14px; color:var(--nia-body)}
.nia-j-card:hover h3{color:var(--nia-gold)!important}

/* ————— Newsletter (staví JS) ————— */
.nia-news{border-top:1px solid var(--nia-line); text-align:center; padding:clamp(48px,6vw,72px) clamp(20px,4vw,48px)}
.nia-news h2{font-family:var(--nia-serif)!important; font-size:clamp(26px,3vw,38px)!important; margin:12px 0 10px!important; text-transform:none!important}
.nia-news p{max-width:52ch; margin:0 auto 30px; font-size:14px; color:var(--nia-body)}
.nia-news form{display:flex; max-width:460px; margin:0 auto; border:1px solid var(--nia-ink)}
.nia-news input[type="email"],.nia-news input[type="text"]{
  flex:1; border:0!important; background:transparent!important; padding:15px 18px!important;
  font-family:var(--nia-sans)!important; font-size:14px!important; color:var(--nia-ink)!important; min-width:0;
}
.nia-news input::placeholder{color:var(--nia-stone)}
.nia-news input:focus{outline:none}
.nia-news button,.nia-news input[type="submit"]{
  border:0!important; margin:0; background:var(--nia-ink)!important; color:var(--nia-paper)!important;
  padding:15px 26px!important;
}
.nia-news button:hover{background:var(--nia-gold)!important}

/* ————— PATIČKA 4 sloupce (restrukturuje JS) ————— */
#footer,#footer-in,footer#footer-in{background:var(--nia-inverse)!important; color:rgba(243,239,230,.65)!important; margin-top:0!important}
.nia-footer-grid{
  max-width:var(--nia-max); margin:0 auto; padding:clamp(48px,6vw,80px) clamp(20px,4vw,48px) 0;
  display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:40px;
}
/* social ikony v patičce (moderní loga, X místo Twitteru) */
.nia-f-social{display:flex; gap:12px; margin-top:22px}
.nia-f-social a{
  width:38px; height:38px; border:1px solid rgba(243,239,230,.22); border-radius:50%;
  display:flex; align-items:center; justify-content:center; color:rgba(243,239,230,.7)!important;
  transition:border-color .2s,color .2s,background .2s;
}
.nia-f-social a:hover{border-color:var(--nia-gold-soft); color:var(--nia-gold-soft)!important; background:rgba(200,167,90,.08)}
.nia-f-social svg{width:16px; height:16px}
.nia-footer-grid .nia-f-brand .nia-logo-mark{font-family:var(--nia-serif); font-size:24px; color:var(--nia-inverse-text); font-weight:400}
.nia-footer-grid .nia-f-brand .nia-logo-mark b{font-weight:700}
.nia-footer-grid .nia-f-sub{font-size:8.5px; letter-spacing:.42em; text-transform:uppercase; color:var(--nia-gold-soft); margin-top:3px}
.nia-footer-grid .nia-f-brand p{font-size:13.5px; max-width:36ch; margin:14px 0 0; color:rgba(243,239,230,.65)}
.nia-footer-grid h4{font-family:var(--nia-sans)!important; font-size:11px!important; letter-spacing:.22em!important; text-transform:uppercase!important; color:var(--nia-gold-soft)!important; font-weight:600!important; margin:0 0 18px!important}
.nia-footer-grid ul{list-style:none; margin:0; padding:0; display:grid; gap:10px; font-size:13.5px}
.nia-footer-grid a{text-decoration:none; color:rgba(243,239,230,.65)!important}
.nia-footer-grid a:hover{color:var(--nia-gold-soft)!important}
.nia-footer-bottom{
  max-width:var(--nia-max); margin:clamp(40px,5vw,64px) auto 0; padding:22px clamp(20px,4vw,48px);
  border-top:1px solid rgba(243,239,230,.12); display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
  font-size:11.5px; letter-spacing:.06em; color:rgba(243,239,230,.5);
}
/* schovat původní obsah patičky, který JS nezpracuje */
.nia-footer-hide{display:none!important}
.siteCookies{background:var(--nia-paper)!important; border-top:1px solid var(--nia-line)!important}

/* ————— Drobečky ————— */
#navigation{font-size:11.5px!important; letter-spacing:.1em; text-transform:uppercase; color:var(--nia-stone)!important; padding:22px 0 6px}
#navigation a{color:var(--nia-stone)!important}
#navigation a:hover{color:var(--nia-gold)!important}

/* ————— KATEGORIE ————— */
.type-category #content{max-width:var(--nia-max); margin:0 auto!important; padding:0 clamp(20px,4vw,48px)!important}
.nia-cat-head{max-width:720px; text-align:left; padding:8px 0 30px}
.nia-cat-head h1{font-family:var(--nia-serif)!important; font-size:clamp(34px,4vw,54px)!important; margin:8px 0 14px!important; text-transform:none!important; text-align:left!important}
.nia-cat-head .nia-count{font-family:var(--nia-sans); color:var(--nia-stone); font-size:14px; font-weight:400; letter-spacing:.06em; margin-left:12px}
.type-category #content > h1{font-family:var(--nia-serif)!important; font-size:clamp(34px,4vw,54px)!important; margin:8px 0 16px!important; text-transform:none!important; text-align:left!important}
/* perex vlevo, užší */
.category-perex,#category-text,.category-description{max-width:64ch; text-align:left!important; margin:0 0 8px!important}
.category-perex p,#category-text p{text-align:left!important}
/* podkategorie: smetanové dlaždice */
#subcategories{border-top:1px solid var(--nia-line); padding-top:24px; margin-top:8px}
#subcategories .subcategories-single a{background:var(--nia-media)!important; border:1px solid var(--nia-line)!important; padding:14px!important}
#subcategories .subcategories-single img{mix-blend-mode:multiply}
/* filtr: jeden čistý řádek, filtry vedle sebe */
.category-filter,#category-filter{
  background:var(--nia-tint)!important; padding:14px clamp(16px,2vw,24px)!important;
  border:1px solid var(--nia-line)!important; margin:14px 0 34px!important; border-radius:0!important;
  display:flex!important; align-items:center; gap:14px 26px; flex-wrap:wrap;
}
#category-filter > div,#category-filter fieldset,#category-filter .columns{
  width:auto!important; float:none!important; padding:0!important; margin:0!important; display:flex; align-items:center; gap:14px 22px; flex-wrap:wrap; border:0!important;
}
#stock-filter,.boolean-filter,.parametric-filter{display:flex!important; align-items:center; gap:14px 22px; flex-wrap:wrap}
#category-filter label,#stock-filter label,.doubledott-filter-single{
  font-size:11px!important; letter-spacing:.12em; text-transform:uppercase; color:var(--nia-ink)!important;
  display:inline-flex!important; align-items:center; gap:8px; margin:0!important; cursor:pointer; white-space:nowrap;
}
#category-filter input[type="checkbox"]{accent-color:var(--nia-gold); width:15px; height:15px; margin:0}
/* cenový posuvník skryt (v náhledu nefunkční; na živém webu lze zapnout) */
.param-price-filter-wrap,#price-filter-form,.slider-wrapper,.param-price-filter,.param-price-range{display:none!important}
/* počet / odeslat vpravo */
#category-filter .param-filter-submit,.category-filter .b-filter,#category-filter input[type="submit"],#category-filter .button,#category-filter .products-count{
  margin-left:auto!important; background:var(--nia-ink)!important; color:var(--nia-paper)!important; border:0!important; border-radius:0!important;
  font-size:11px!important; letter-spacing:.14em; text-transform:uppercase; padding:11px 20px!important;
}
.category-filter .b-filter:hover,#category-filter input[type="submit"]:hover{background:var(--nia-gold)!important}
/* řadící taby */
#tabs-navigation-holder,.category-sort,#tabs{border-top:1px solid var(--nia-line); border-bottom:1px solid var(--nia-line)}
#subcategories .subcategories-single a{
  border:1px solid var(--nia-line)!important; background:var(--nia-surface)!important; border-radius:0!important;
  font-size:12px!important; letter-spacing:.1em; text-transform:uppercase; color:var(--nia-ink)!important;
  transition:border-color .2s,color .2s;
}
#subcategories .subcategories-single a:hover{border-color:var(--nia-gold)!important; color:var(--nia-gold)!important}
#category-filter,.category-filter{
  border-top:1px solid var(--nia-line)!important; border-bottom:1px solid var(--nia-line)!important;
  background:transparent!important; padding:12px 0!important; margin:14px 0 34px!important;
}
#category-filter label,#category-filter select,#category-filter .filter-name{font-size:12px!important; letter-spacing:.1em; text-transform:uppercase; color:var(--nia-ink)!important}
.products-block .products,#products .products,.category .products{
  display:grid!important; grid-template-columns:repeat(4,1fr)!important;
  gap:clamp(20px,2vw,30px) clamp(16px,1.6vw,24px)!important; list-style:none; padding:0!important;
}
.pagination{font-variant-numeric:tabular-nums; text-align:center; padding:40px 0 0}
/* skutečné řádky odkazů jsou ve vnořeném <p> a <span> → z nich uděláme flex s mezerami (jinak se dlaždice na mobilu překrývají) */
.pagination > p{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; margin:0!important}
.pagination > p > span{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px}
.pagination a,.pagination strong{border:1px solid var(--nia-line)!important; border-radius:0!important; background:transparent!important; color:var(--nia-ink)!important; padding:9px 14px!important; margin:0!important; min-width:42px; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; line-height:1!important; float:none!important}
.pagination .pagination-dotted{border:0!important; min-width:0; padding:0 4px!important; opacity:.5}
/* šipky předchozí/další: místo nevýrazného »/« zobrazit čitelný šíp (jinak působí box prázdně) */
.pagination .s-page{color:transparent!important; position:relative; font-size:0!important}
.pagination .s-page::after{content:"›"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--nia-ink); font-size:18px; line-height:1}
.pagination .s-page[title*="řed"]::after{content:"‹"}   /* Předchozí */
.pagination .s-page:hover::after{color:var(--nia-gold)}
.pagination .pagination-page-active{border-color:var(--nia-ink)!important; background:var(--nia-ink)!important; color:var(--nia-paper)!important}
.pagination a:hover{border-color:var(--nia-gold)!important; color:var(--nia-gold)!important}

/* ————— DETAIL PRODUKTU ————— */
.type-detail #content,.type-detail #main-in-in{max-width:var(--nia-max); margin:0 auto!important; padding:0 clamp(20px,4vw,48px)!important}
/* informační sloupec detailu na plnou šířku (jinak je vnitřní tabulka úzká) */
#td-product-detail > table,#td-product-detail .detail-add-to-cart table,#product-detail-form table.detail-add-to-cart{width:100%!important; table-layout:auto}
.nia-pd-eyebrow{display:block; margin-bottom:8px}
#product-detail-h1 h1,#product-detail-h1,h1[data-testid="textProductName"]{
  font-family:var(--nia-serif)!important; font-size:clamp(28px,3vw,42px)!important; line-height:1.15!important; text-transform:none!important;
}
.nia-pd-trust{display:flex; gap:22px; flex-wrap:wrap; margin:22px 0 8px; padding-top:20px; border-top:1px solid var(--nia-line)}
.nia-pd-trust span{font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--nia-stone); display:flex; gap:8px; align-items:center}
.nia-pd-trust svg{width:16px; height:16px; stroke:var(--nia-gold); fill:none; stroke-width:1.4; flex:none}
/* výběr velikosti jako tlačítka (mockup) */
.nia-sizes{display:flex; gap:10px; flex-wrap:wrap; margin:6px 0 4px}
.nia-size{
  font-family:var(--nia-sans); font-size:13px; min-width:52px; padding:11px 14px; background:transparent;
  border:1px solid var(--nia-line); color:var(--nia-ink); cursor:pointer; font-variant-numeric:tabular-nums; border-radius:0;
  transition:border-color .2s,background .2s,color .2s;
}
.nia-size:hover{border-color:var(--nia-stone)}
.nia-size.nia-on{border-color:var(--nia-ink); background:var(--nia-ink); color:var(--nia-paper)}
.nia-size-off{opacity:.4; text-decoration:line-through}
/* „Mohlo by se vám také líbit“ */
#alternative{max-width:var(--nia-max); margin:clamp(48px,6vw,80px) auto 0!important; padding:0 clamp(20px,4vw,48px)!important; border-top:1px solid var(--nia-line); padding-top:clamp(40px,5vw,64px)!important}
#alternative h3,#alternative h2{font-family:var(--nia-serif)!important; font-size:clamp(24px,2.6vw,34px)!important; text-transform:none!important; margin:0 0 32px!important; text-align:left!important}
/* parametry produktu — čistá tabulka */
#product-detail-info,.detail-parameters{width:100%; border-collapse:collapse; margin:8px 0}
#product-detail-info td,.detail-parameters td{padding:12px 0!important; border-bottom:1px solid var(--nia-line)!important; font-size:14px; vertical-align:top}
#product-detail-info .l-col strong,.detail-parameters .l-col strong,.filterparam td:first-child{font-family:var(--nia-sans)!important; font-size:11px!important; letter-spacing:.14em; text-transform:uppercase; color:var(--nia-stone)!important; font-weight:600}
/* diskuze / prázdné odstavce v popisu zklidnit */
#product-detail-tabs .discussion,#discussion,.product-detail-discussion{border-top:1px solid var(--nia-line); margin-top:24px; padding-top:20px}
.product-detail p:empty,#product-description p:empty{display:none}
#td-product-images .p-image,#product-images,.p-detail-image{background:var(--nia-media)!important; border:0!important; overflow:hidden}
#product-images img,#gallery-image img,.p-detail-image img{mix-blend-mode:multiply}
/* interaktivní hover-lupa hlavní fotky (viditelný obrázek je v #wrap) */
.magnifier{display:none!important}   /* skrýt výchozí Shoptet ikonu lupy */
#wrap,.zoom-small-image{position:relative!important; overflow:hidden; cursor:crosshair}
#wrap a{display:block}
#wrap img,.zoom-small-image #wrap img{transition:transform .12s ease-out; will-change:transform; transform-origin:center; width:100%!important; height:auto!important; max-width:none}
.nia-zoom-hint{
  position:absolute; right:14px; bottom:14px; z-index:4; pointer-events:none;
  background:rgba(252,251,248,.92); color:var(--nia-ink); font-family:var(--nia-sans);
  font-size:10px; letter-spacing:.14em; text-transform:uppercase; padding:7px 12px; display:flex; align-items:center; gap:7px;
  transition:opacity .25s;
}
#wrap:hover .nia-zoom-hint{opacity:0}
.nia-zoom-hint svg{width:13px; height:13px; stroke:var(--nia-gold); fill:none; stroke-width:1.5}
/* klepatelné náhledy fotek pod hlavní fotkou (funguje na desktopu i mobilu) */
.nia-thumbs{display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 0}
.nia-thumb{
  width:64px; height:64px; flex:0 0 auto; padding:0; border:1px solid var(--nia-line);
  background:var(--nia-media); cursor:pointer; overflow:hidden; border-radius:0; transition:border-color .2s;
}
.nia-thumb img{width:100%; height:100%; object-fit:cover; mix-blend-mode:multiply; display:block}
.nia-thumb:hover{border-color:var(--nia-gold)}
.nia-thumb.nia-on{border-color:var(--nia-ink)}
.listing-product-more-images{display:none!important}   /* původní řádek náhledů nahrazen .nia-thumbs */
#short-description{font-size:16px!important; line-height:1.75!important; color:var(--nia-body)!important; border-left:0!important; padding-left:0!important; margin:18px 0 4px!important}
#td-product-detail strong.price,.type-detail strong.price{
  position:static!important; float:none!important; display:block!important;
  font-family:var(--nia-sans)!important; font-size:26px!important; font-weight:600!important;
  color:var(--nia-ink)!important; font-variant-numeric:tabular-nums; margin:6px 0 4px!important; text-align:left!important;
}
/* cena + množství + tlačítko v jednom řádku (staví JS: přesune cenu do buňky) */
.detail-shopping-cart{padding-top:14px!important; display:flex!important; align-items:center; gap:14px 16px; flex-wrap:wrap}
.detail-shopping-cart .nia-pd-price{display:flex; align-items:center; margin:0!important; white-space:nowrap; order:1}
.detail-shopping-cart .nia-pd-price .p-det-main-price,.detail-shopping-cart strong.price{font-size:24px!important; margin:0!important}
.detail-shopping-cart .field-pieces-wrap{position:relative; flex:none; width:72px; order:2}
.detail-shopping-cart .button-cart-wrap{flex:1 0 100%; order:3; display:flex}
.detail-shopping-cart .add-to-cart-button{width:100%!important}
/* pokud JS cenu nepřesune, ať zůstane čitelná nad tlačítkem (fallback) */
.add-to-cart .add-to-cart-button,.p-detail .b-cart2{
  background:var(--nia-gold)!important; border-color:var(--nia-gold)!important; color:#fff!important; padding:16px 28px!important; font-size:13px!important;
}
.add-to-cart .add-to-cart-button:hover,.p-detail .b-cart2:hover{background:var(--nia-ink)!important; border-color:var(--nia-ink)!important}
.amount.pcs{border:1px solid var(--nia-line)!important; border-radius:0!important; font-family:var(--nia-sans)!important; background:var(--nia-paper)!important}
.detail-parameters th{font-family:var(--nia-sans)!important; font-size:11px!important; letter-spacing:.14em; text-transform:uppercase; color:var(--nia-stone)!important}
/* záložky detailu (Popis/Parametry/Značka/Diskuze) */
.type-detail #tabs-div{max-width:var(--nia-max); margin:clamp(40px,5vw,64px) auto 0!important; padding:0 clamp(20px,4vw,48px)!important; border-top:1px solid var(--nia-line); padding-top:clamp(32px,4vw,48px)!important}
.type-detail #tabs{display:flex!important; gap:clamp(20px,3vw,40px); list-style:none; margin:0 0 28px!important; padding:0!important; border-bottom:1px solid var(--nia-line)}
.type-detail #tabs li{float:none!important; list-style:none; margin:0!important}
#tabs li a{
  font-family:var(--nia-sans)!important; font-size:12px!important; letter-spacing:.16em!important; text-transform:uppercase!important;
  color:var(--nia-stone)!important; background:transparent!important; border:0!important; border-radius:0!important;
  padding:10px 2px!important; margin-bottom:-1px; display:inline-block; text-decoration:none!important;
}
#tabs li a .stronger{display:none!important}
#tabs li.active a,#tabs li.nia-tab-on a,#tabs li a:hover{color:var(--nia-ink)!important; border-bottom:2px solid var(--nia-gold)!important}
#tab-content{max-width:var(--nia-max); margin:0 auto; padding:0 clamp(20px,4vw,48px); font-size:16px; line-height:1.8; color:var(--nia-body)}
#tab-content > div{padding:0 0 20px}
#tab-content p{font-size:16px; line-height:1.8; margin:0 0 14px}
#tab-content h2.print-visible{display:none}
/* přesunutý krátký popis v Popis tabu — bez zlaté linky, větší text */
.nia-moved-descr,#description .nia-moved-descr{border-left:0!important; padding-left:0!important; margin:0 0 16px 0!important; font-size:16px!important; line-height:1.8!important; color:var(--nia-body)!important}
/* diskuzní výzva zklidnit */
.detail-add-discussion,.new-discussion-post,.discussion-add{border-top:1px solid var(--nia-line); margin-top:20px; padding-top:16px; font-size:13px; color:var(--nia-stone)}
/* odstranit Tisk / Dotaz a záložku Popis (popis zůstává nahoře u produktu) */
#tr-links{display:none!important}
#tabs li[data-testid="tabDescription"]{display:none!important}

/* vlastní lightbox pro zvětšení fotky */
#lightbox-gallery,.p-detail-image a,.zoom-icon,.p-zoom{cursor:zoom-in}
.nia-lb{
  position:fixed; inset:0; z-index:100000; background:rgba(15,13,10,.94);
  display:none; align-items:center; justify-content:center; padding:clamp(20px,5vw,60px);
}
.nia-lb.nia-lb-on{display:flex}
.nia-lb-img{max-width:92vw; max-height:88vh; object-fit:contain; background:#fff; box-shadow:0 30px 80px rgba(0,0,0,.5)}
.nia-lb-close{
  position:fixed; top:22px; right:26px; width:48px; height:48px; z-index:100002;
  background:rgba(20,17,12,.6); border:1px solid rgba(255,255,255,.25); border-radius:50%;
  color:#fff; font-size:30px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:background .2s,color .2s;
}
.nia-lb-close:hover{background:var(--nia-gold); color:#fff; border-color:var(--nia-gold)}

/* ————— Reveal: obsah je VŽDY viditelný (žádné skrývání) ————— */
/* Dřív .nia-rv startovalo na opacity:0 a čekalo na scroll-animaci — to na živém webu
   občas nechalo příběh/nadpisy neviditelné. Teď je obsah vždy vidět; animace jen jemně
   dokreslí, pokud se stihne, ale nikdy nic neskryje. */
.nia-rv{opacity:1!important; transform:none!important}
@media (prefers-reduced-motion: reduce){
  *{transition:none!important; animation:none!important}
}

/* ═══════════════ INFORMAČNÍ STRÁNKY (O nás, Doprava, Podmínky, Kontakty, Značky…) ═══════════════
   body.type-page — obsah je HTML psané ve vizuálním editoru (staré inline styly justify/12pt).
   Sjednotíme na čitelný centrovaný sloupec v duchu webu. */
.type-page #column-l,.type-page aside#column-l{display:none!important}                 /* prázdný boční sloupec pryč */
.type-page #content-in,.type-page main#content-in{width:100%!important; max-width:none!important; float:none!important; margin:0!important; padding:0!important}
.type-page #content{max-width:880px!important; margin:0 auto!important; padding:clamp(24px,4vw,44px) clamp(20px,5vw,48px) clamp(64px,9vw,100px)!important}

/* hlavička stránky */
.type-page #content-in h1{
  font-family:var(--nia-serif)!important; font-size:clamp(34px,5vw,52px)!important; font-weight:500!important;
  color:var(--nia-ink)!important; text-align:center!important; line-height:1.08!important; margin:.2em 0 0!important;
}
.type-page #content-in h1::after{content:""; display:block; width:56px; height:1px; background:var(--nia-gold-soft); margin:24px auto clamp(30px,4vw,46px)}

/* text a nadpisy uvnitř obsahu */
.type-page #content-in,.type-page #content-in p,.type-page #content-in li,.type-page #content-in td,
.type-page #content-in span,.type-page #content-in font,.type-page #content-in div{
  font-family:var(--nia-sans)!important; color:var(--nia-body)!important;
}
.type-page #content-in p,.type-page #content-in li{font-size:16px!important; line-height:1.8!important; text-align:left!important}
.type-page #content-in p span,.type-page #content-in p font,.type-page #content-in li span,.type-page #content-in span{font-size:inherit!important; line-height:inherit!important}  /* zabít inline 12pt */
.type-page #content-in p{margin:0 0 1.15em!important}
.type-page #content-in p:empty{display:none!important}
.type-page #content-in h2,.type-page #content-in h3,.type-page #content-in h4{
  font-family:var(--nia-serif)!important; font-weight:500!important; color:var(--nia-ink)!important; line-height:1.2!important; margin:1.8em 0 .5em!important;
}
.type-page #content-in h2{font-size:clamp(24px,3vw,30px)!important}
.type-page #content-in h3{font-size:21px!important}
.type-page #content-in h4{font-size:17px!important; text-transform:uppercase; letter-spacing:.1em}
.type-page #content-in a{color:var(--nia-gold)!important; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px}
.type-page #content-in a:hover{color:var(--nia-ink)!important}
.type-page #content-in strong,.type-page #content-in b{font-weight:600!important; color:var(--nia-ink)!important}
.type-page #content-in ul,.type-page #content-in ol{margin:0 0 1.3em!important; padding-left:1.3em!important}
.type-page #content-in li{margin:0 0 .5em!important}
.type-page #content-in img{max-width:100%!important; height:auto!important; border-radius:0}
.type-page #content-in hr{border:0!important; border-top:1px solid var(--nia-line)!important; margin:2.4em 0!important}
.type-page #content-in blockquote{
  border-left:2px solid var(--nia-gold-soft)!important; margin:1.6em 0!important; padding:.2em 0 .2em 1.4em!important;
  font-family:var(--nia-serif)!important; font-size:20px!important; font-style:italic; color:var(--nia-ink)!important;
}
/* tabulky (např. doprava/platba) */
.type-page #content-in table{width:100%!important; border-collapse:collapse!important; margin:1.4em 0!important; font-size:15px}
.type-page #content-in td,.type-page #content-in th{border:1px solid var(--nia-line)!important; padding:11px 14px!important; text-align:left!important; vertical-align:top}
.type-page #content-in th{background:var(--nia-tint)!important; font-family:var(--nia-sans)!important; text-transform:uppercase; letter-spacing:.1em; font-size:11px!important; color:var(--nia-stone)!important; font-weight:600}

/* ——— KONTAKTY: karty ——— */
.type-page .nia-contact-lead{text-align:center; font-family:var(--nia-serif)!important; font-size:clamp(19px,2.4vw,23px)!important; line-height:1.5!important; color:var(--nia-ink)!important; max-width:620px; margin:0 auto clamp(34px,5vw,50px)!important}
.type-page .nia-contact-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin:0 0 clamp(40px,6vw,64px)}
.type-page .nia-contact-card{border:1px solid var(--nia-line); padding:clamp(22px,3vw,30px); background:var(--nia-tint)}
.type-page .nia-contact-card h3{font-family:var(--nia-sans)!important; font-size:12px!important; text-transform:uppercase; letter-spacing:.18em; color:var(--nia-gold)!important; margin:0 0 12px!important; font-weight:600!important}
.type-page .nia-contact-card p{margin:0 0 .4em!important; font-size:15.5px!important; line-height:1.7!important; text-align:left!important}
.type-page .nia-contact-card a{color:var(--nia-ink)!important; text-decoration:none; border-bottom:1px solid var(--nia-gold-soft)}
.type-page .nia-contact-card a:hover{color:var(--nia-gold)!important}
.type-page .nia-contact-card .nia-cc-note{font-size:13px!important; color:var(--nia-stone)!important; margin-top:.6em!important}
.type-page ul.nia-hours{list-style:none!important; margin:0!important; padding:0!important}
.type-page ul.nia-hours li{display:flex; justify-content:space-between; gap:20px; margin:0 0 6px!important; font-size:15px!important; border-bottom:1px dotted var(--nia-line); padding-bottom:6px}
.type-page ul.nia-hours li span:last-child{font-variant-numeric:tabular-nums; color:var(--nia-ink)}

/* ——— formuláře na stránkách (kontaktní formulář Shoptetu) ——— */
.type-page #content-in form fieldset{border:1px solid var(--nia-line)!important; border-radius:0!important; padding:clamp(18px,3vw,28px)!important; margin:0 0 20px!important; background:transparent!important}
.type-page #content-in form legend{font-family:var(--nia-sans)!important; font-size:11px!important; text-transform:uppercase; letter-spacing:.14em; color:var(--nia-stone)!important; padding:0 10px}
.type-page #content-in form table,.type-page #content-in form td,.type-page #content-in form tr{border:0!important; background:transparent!important; padding:7px 0!important}
.type-page #content-in form td.tari,.type-page #content-in form td.tar{vertical-align:middle}
.type-page #content-in form .required-asterisk{font-family:var(--nia-sans)!important; font-size:12px!important; text-transform:uppercase; letter-spacing:.08em; color:var(--nia-stone)!important}
.type-page #content-in form input[type="text"],.type-page #content-in form textarea{
  width:100%!important; max-width:460px; border:1px solid var(--nia-line)!important; border-radius:0!important;
  padding:11px 14px!important; font-family:var(--nia-sans)!important; font-size:15px!important; background:var(--nia-paper)!important; color:var(--nia-ink)!important;
}
.type-page #content-in form textarea{max-width:100%!important}
.type-page #content-in form input[type="text"]:focus,.type-page #content-in form textarea:focus{outline:0; border-color:var(--nia-gold)!important}
.type-page #content-in form .b-send,.type-page #content-in form input[type="submit"]{
  background:var(--nia-gold)!important; color:#fff!important; border:0!important; border-radius:0!important;
  padding:14px 40px!important; font-family:var(--nia-sans)!important; font-size:12px!important; letter-spacing:.16em; text-transform:uppercase; cursor:pointer; width:auto!important;
}
.type-page #content-in form .b-send:hover,.type-page #content-in form input[type="submit"]:hover{background:var(--nia-ink)!important}
.type-page #content-in form .consents label{font-size:13px!important; color:var(--nia-body)!important}
/* ——— NAŠE ZNAČKY: sekce po značkách ——— */
.type-page .nia-brands-lead{text-align:center; font-family:var(--nia-serif)!important; font-size:clamp(19px,2.4vw,23px)!important; line-height:1.55!important; color:var(--nia-ink)!important; max-width:660px; margin:0 auto clamp(20px,3vw,30px)!important}
.type-page .nia-brand-list{margin:clamp(18px,3vw,28px) 0 clamp(30px,5vw,50px)}
.type-page .nia-brand{border-top:1px solid var(--nia-line); padding:clamp(30px,4.5vw,50px) 0; text-align:center}
.type-page .nia-brand:first-child{border-top:0; padding-top:0}
.type-page .nia-brand .nia-brand-eyebrow{display:block; font-family:var(--nia-sans)!important; font-size:11px!important; text-transform:uppercase; letter-spacing:.22em; color:var(--nia-gold)!important; margin:0 0 10px!important}
.type-page .nia-brand h2{font-family:var(--nia-serif)!important; font-size:clamp(28px,4vw,40px)!important; font-weight:500!important; letter-spacing:.02em; margin:0 0 .35em!important; color:var(--nia-ink)!important}
.type-page .nia-brand p{max-width:640px; margin:0 auto 1.2em!important; font-size:16px!important; line-height:1.8!important; text-align:center!important}
.type-page .nia-brand .nia-brand-link{display:inline-block; font-family:var(--nia-sans)!important; font-size:12px!important; text-transform:uppercase; letter-spacing:.16em; color:var(--nia-ink)!important; text-decoration:none!important; border-bottom:1px solid var(--nia-gold)!important; padding-bottom:3px}
.type-page .nia-brand .nia-brand-link:hover{color:var(--nia-gold)!important}

/* generický eyebrow uvnitř stránek (přebíjí #content-in span{font-size:inherit}) */
.type-page .nia-brand-eyebrow{display:block; font-family:var(--nia-sans)!important; font-size:11px!important; text-transform:uppercase; letter-spacing:.22em; color:var(--nia-gold)!important; margin:0 0 10px!important}

/* ——— PRODEJNÍ MÍSTA: vlastní showroom + partneři ——— */
.type-page .nia-store-featured{background:var(--nia-tint); border:1px solid var(--nia-line); padding:clamp(28px,4vw,46px); text-align:center; margin:0 0 clamp(22px,3vw,32px)}
.type-page .nia-store-featured h2{font-family:var(--nia-serif)!important; font-size:clamp(26px,3.5vw,36px)!important; font-weight:500!important; margin:0 0 .3em!important; color:var(--nia-ink)!important; text-align:center!important}
.type-page .nia-store-featured p{text-align:center!important; margin:0 0 .3em!important}
.type-page .nia-store-featured .nia-hours{max-width:300px; margin:16px auto 12px!important}
.type-page .nia-store-featured a{color:var(--nia-ink)!important; border-bottom:1px solid var(--nia-gold-soft)}
.type-page .nia-store-featured a:hover{color:var(--nia-gold)!important}

/* ——— obecné: lead, hodnoty, CTA, centrovaný odstavec (O nás ap.) ——— */
.type-page .nia-lead{text-align:center!important; font-family:var(--nia-serif)!important; font-size:clamp(21px,2.8vw,28px)!important; line-height:1.5!important; color:var(--nia-ink)!important; max-width:720px; margin:0 auto clamp(26px,4vw,40px)!important}
.type-page p.nia-center{text-align:center!important; max-width:640px; margin-left:auto!important; margin-right:auto!important}
.type-page .nia-values{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--nia-line); border:1px solid var(--nia-line); margin:clamp(34px,5vw,54px) 0}
.type-page .nia-value{background:var(--nia-paper); padding:clamp(22px,3vw,32px); text-align:center}
.type-page .nia-value h3{font-family:var(--nia-sans)!important; font-size:12px!important; text-transform:uppercase; letter-spacing:.16em; color:var(--nia-gold)!important; margin:0 0 8px!important; font-weight:600!important}
.type-page .nia-value p{font-size:14.5px!important; line-height:1.65!important; margin:0!important; text-align:center!important; color:var(--nia-body)!important}
.type-page .nia-page-cta{text-align:center; margin:clamp(20px,4vw,36px) 0 0}
.type-page .nia-page-cta a{display:inline-block; background:var(--nia-ink)!important; color:var(--nia-paper)!important; padding:15px 42px!important; font-family:var(--nia-sans)!important; font-size:12px!important; letter-spacing:.16em; text-transform:uppercase; text-decoration:none!important; border:0!important}
.type-page .nia-page-cta a:hover{background:var(--nia-gold)!important; color:#fff!important}

/* značky s fotkou: střídané bloky obrázek + text */
.type-page .nia-brand-feature{display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,56px); align-items:center; margin:0 0 clamp(34px,5vw,56px); text-align:left}
.type-page .nia-brand-feature .nia-bf-media{aspect-ratio:4/3; background:var(--nia-tint); overflow:hidden}
.type-page .nia-brand-feature .nia-bf-media img{width:100%!important; height:100%!important; object-fit:cover!important; mix-blend-mode:multiply; display:block}
.type-page .nia-brand-feature.nia-bf-reverse .nia-bf-media{order:2}
.type-page .nia-brand-feature .nia-bf-text .nia-brand-eyebrow{display:block; font-family:var(--nia-sans)!important; font-size:11px!important; text-transform:uppercase; letter-spacing:.22em; color:var(--nia-gold)!important; margin:0 0 10px!important}
.type-page .nia-brand-feature .nia-bf-text h2{font-family:var(--nia-serif)!important; font-size:clamp(28px,4vw,40px)!important; font-weight:500!important; margin:0 0 .4em!important; color:var(--nia-ink)!important; text-align:left!important}
.type-page .nia-brand-feature .nia-bf-text p{margin:0 0 1.2em!important; font-size:16px!important; line-height:1.8!important; text-align:left!important; max-width:none!important}
.type-page .nia-brand-feature .nia-bf-text .nia-brand-link{display:inline-block; font-family:var(--nia-sans)!important; font-size:12px!important; text-transform:uppercase; letter-spacing:.16em; color:var(--nia-ink)!important; text-decoration:none!important; border-bottom:1px solid var(--nia-gold)!important; padding-bottom:3px}
.type-page .nia-brand-feature .nia-bf-text .nia-brand-link:hover{color:var(--nia-gold)!important}
.type-page .nia-brands-more{text-align:center; font-family:var(--nia-sans)!important; font-size:11px!important; text-transform:uppercase; letter-spacing:.2em; color:var(--nia-stone)!important; margin:clamp(20px,4vw,40px) 0 0; padding-top:clamp(24px,4vw,40px); border-top:1px solid var(--nia-line)}

/* ——— ZAJÍMAVOSTI (blog) výpis: obrázkové dlaždice ——— */
.in-zajimavosti #content-in div:has(> .blog-item){display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(16px,2.5vw,26px); margin:clamp(10px,2vw,22px) 0 0}
.type-page .blog-item{margin:0!important; padding:0!important}
.type-page .blog-item a{display:block; overflow:hidden; border:1px solid var(--nia-line); background:var(--nia-tint)}
.type-page .blog-item img{width:100%!important; height:auto!important; aspect-ratio:16/10; object-fit:cover; display:block; transition:transform .6s ease; mix-blend-mode:multiply}
.type-page .blog-item a:hover img{transform:scale(1.04)}

@media (max-width:640px){
  .in-zajimavosti #content-in div:has(> .blog-item){grid-template-columns:1fr}
  .type-page .nia-contact-grid{grid-template-columns:1fr}
  .type-page .nia-brand-feature{grid-template-columns:1fr; gap:16px}
  .type-page .nia-brand-feature.nia-bf-reverse .nia-bf-media{order:0}   /* na mobilu obrázek vždy nahoře */
  .type-page .nia-brand-feature .nia-bf-text h2,.type-page .nia-brand-feature .nia-bf-text p{text-align:center!important}
  .type-page .nia-brand-feature .nia-bf-text{text-align:center}
}

/* ————— Responsive ————— */
@media (max-width:1020px){
  ul.products,#nejprodavanejsi,#novinky{grid-template-columns:repeat(3,1fr)!important}
  .nia-journal{grid-template-columns:1fr}
  .nia-footer-grid{grid-template-columns:1fr 1fr}
  .nia-slide{grid-template-columns:1fr; min-height:0; max-height:none}
  .nia-slide-media{min-height:320px; order:-1}
  .nia-slide-copy{padding-bottom:64px}
  .nia-dots{left:clamp(20px,4vw,32px); bottom:20px}
}
@media (max-width:640px){
  html,body{overflow-x:hidden!important; max-width:100%!important}
  /* full-bleed sekce na mobilu bez calc triku (jinak přetékají) */
  .nia-hero,.nia-usp,.nia-story,.nia-news,.nia-journal-block{width:100%!important; margin-left:0!important; margin-right:0!important}

  /* ── OZNÁMENÍ: zalomit, vycentrovat, nic neuříznout ── */
  .header-info{flex-wrap:wrap!important; justify-content:center!important; text-align:center; padding:8px 12px!important; font-size:10px; position:static!important; gap:4px 12px}
  .header-info .currable{width:100%!important; flex:1 1 100%!important}
  .nia-announce-text{white-space:normal!important}
  .header-info .top-links-holder{position:static!important; right:auto!important; margin:4px auto 0!important; justify-content:center!important}

  /* ── HLAVIČKA: logo střed, hledat vlevo, košík vpravo ── */
  #header,#header-in{width:100%!important; overflow:visible!important; height:auto!important}
  .header-center{display:grid!important; grid-template-columns:42px 1fr auto!important; align-items:center; gap:6px!important; padding:14px 12px 12px!important; max-width:100%!important; height:auto!important; min-height:0!important}
  .header-center > div{min-width:0!important; height:auto!important; overflow:visible!important}
  #logo{position:static!important; transform:none!important; margin:0 auto!important; max-width:100%}
  #logo.nia-logo .nia-logo-emblem{width:38px; height:38px; margin-bottom:6px}
  #logo.nia-logo .nia-logo-mark{font-size:21px; white-space:nowrap}
  #logo.nia-logo .nia-logo-sub{font-size:7.5px; margin-top:5px; gap:8px; letter-spacing:.4em}
  #logo.nia-logo .nia-logo-sub::before,#logo.nia-logo .nia-logo-sub::after{width:14px}
  /* hledání jen ikona (rozbalí se na focus) */
  .searchform{max-width:42px}
  .searchform .s-word{width:24px!important; padding-left:22px!important; color:transparent!important}
  .searchform .s-word::placeholder{color:transparent!important}
  .searchform .s-word:focus{width:150px!important; position:relative; z-index:30; background:var(--nia-paper)!important; color:var(--nia-ink)!important}
  /* účet + košík v JEDNÉ ŘADĚ vpravo, svisle zarovnané, bez překryvu a bez zásahu do loga */
  .header-center > div:nth-child(3){
    display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-end;
    gap:16px!important; justify-self:end; align-self:center!important; width:auto!important; height:auto!important;
    position:static!important; overflow:visible!important;
  }
  /* TVRDĚ vynulovat pozicování VŠECH potomků buňky (Shoptet mobilní CSS košík absolutně/floatem posouvá do loga) */
  .header-center > div:nth-child(3) *{
    position:static!important; float:none!important; top:auto!important; left:auto!important; right:auto!important; bottom:auto!important;
    transform:none!important; margin:0!important; inset:auto!important;
  }
  .header-center > div:nth-child(3) .place-cart-here,
  .header-center > div:nth-child(3) #header-cart-wrapper,
  .header-center > div:nth-child(3) .header-cart,#header-cart{display:inline-flex!important; align-items:center; gap:6px; white-space:nowrap; order:1}
  .header-center > div:nth-child(3) .header-cart-count{margin-left:2px!important}
  .nia-account{order:2; flex:0 0 auto; display:inline-flex!important; align-items:center; color:var(--nia-ink)!important}
  .nia-account .h-label{display:none!important}          /* na mobilu jen ikona účtu */
  .nia-account svg{width:22px; height:22px}
  /* skrýt původní mobilní černý čtverec „účet" (kolidoval s logem) i jeho rozbalovací seznam */
  .box-account-links-trigger-wrap,.box-account-links-trigger,.box-account-links{display:none!important}
  .header-cart-price{display:none}

  /* ── MENU: horizontální posuv, klipované ── */
  #menu{overflow-x:auto!important; max-width:100vw!important; -webkit-overflow-scrolling:touch; scrollbar-width:none}
  #menu::-webkit-scrollbar{display:none}
  #menu > ul{display:inline-flex!important; flex-wrap:nowrap!important; justify-content:flex-start; gap:18px; padding:0 14px; width:max-content}
  #menu > ul > li > a{padding:12px 2px!important; font-size:11px!important; white-space:nowrap}

  /* ── OBSAH ── */
  ul.products,#nejprodavanejsi,#novinky{grid-template-columns:repeat(2,1fr)!important; gap:24px 12px!important}
  .p-name,.p-name span{font-size:14px!important}
  .nia-footer-grid{grid-template-columns:1fr!important}
  .nia-usp-in{gap:10px 16px}
  .nia-usp-item{font-size:10px}
  .nia-slide{grid-template-columns:1fr!important}

  /* ── DETAIL PRODUKTU: obrázek nad info, vše se vejde ── */
  .type-detail #content,.type-category #content{padding:0 16px!important; max-width:100%!important}
  #td-product-images,#td-product-detail{width:100%!important; float:none!important; display:block!important; padding:0!important}
  #td-product-images{margin-bottom:24px}
  .detail-shopping-cart{flex-wrap:wrap!important}
  .detail-shopping-cart .button-cart-wrap{flex:1 0 100%!important}
  .nia-sizes{gap:8px}
  #tabs{flex-wrap:wrap!important; gap:14px!important}

  /* ── STRÁNKOVÁNÍ: menší dlaždice, ať se čísla nepřekrývají ── */
  .pagination{gap:6px; padding-top:28px}
  .pagination a,.pagination strong{padding:8px 10px!important; min-width:36px; font-size:14px!important}

  /* ── GALERIE DETAILU: klepatelné náhledy pod hlavní fotkou ── */
  .nia-thumbs{display:flex!important; justify-content:center}
  .nia-zoom-hint{display:none!important}   /* na mobilu není hover, nápověda mate */

  /* ── NÁKUPNÍ BLOK: vycentrovat (dostupnost, velikost, cena, množství, do košíku) ── */
  #product-detail,#product-detail tbody,#product-detail tr,#product-detail td{display:block!important; width:100%!important}
  #product-detail col{width:auto!important}
  #product-detail td{text-align:center!important; padding:6px 0!important; border:0!important}
  #product-detail tr{padding:12px 0; border-bottom:1px solid var(--nia-line)}
  #product-detail tr:last-child{border-bottom:0}
  #product-detail .l-col{padding-bottom:2px!important}
  #product-detail .l-col strong{display:block; text-align:center}
  .nia-sizes{justify-content:center!important}
  /* #product-detail td{display:block} má vyšší specificitu → košík musí zůstat flex přes id+class */
  #product-detail td.detail-shopping-cart{display:flex!important; flex-wrap:wrap; justify-content:center!important; align-items:center; gap:12px; text-align:center; border-bottom:0!important}
  /* cena: pravidlo #td-product-detail strong.price má text-align:left!important (ID specificita)
     → přebít selektorem s ID, jinak zůstane cena vlevo */
  #td-product-detail .detail-shopping-cart .nia-pd-price,#td-product-detail .detail-shopping-cart strong.price,
  .detail-shopping-cart .nia-pd-price,.detail-shopping-cart strong.price{width:100%!important; display:block!important; text-align:center!important; order:1}
  .detail-shopping-cart .field-pieces-wrap{order:2; margin:0 auto}
  .detail-shopping-cart .button-cart-wrap{order:3; flex:1 0 100%!important; display:flex; justify-content:center}
}