/* ============================================================
   nr-opravy-komplet-v1.css  (15. 8. 2026)
   Slouceni oprav v5-v17 + inline bloku z hlavicky do jednoho
   souboru. PORADI SEKCI = puvodni poradi nacitani, na kterem
   stoji kaskada (napr. v12 prebiji v9, v8 bylo schvalne az
   za v17, inline bloky uplne nakonec). Pri uprave pridavat
   dolu, nikdy nemenit poradi sekci.
   ============================================================ */

/* ==================== puvodni nr-opravy-v5.css ==================== */
:root{--nr-sleva-text:#c0392b;--nr-hvezda:#f5a623;--nr-footer-link:#9fb2cf;--nr-copyright:#7488a5;--nr-podklad-2:#f4f6fa}
.sidebar.sidebar-left{display:none!important}
#content.content.narrow,.content.narrow{width:100%!important;max-width:100%!important;float:none!important;margin-left:0!important}
@media (min-width:768px){nav#navigation{position:relative;background:transparent!important;box-shadow:none!important;clip-path:none!important}
nav#navigation::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-100vmax;right:-100vmax;background:var(--nr-hlubina-2)}}
@media (min-width:768px) and (max-width:991px){.navigation-in > ul.menu-level-1{display:flex!important}
.menu-level-1 > li > a{padding:14px 16px!important;border-bottom:0!important}
.menu-level-2{position:absolute!important}}
@media (min-width:992px) and (max-width:1339px){.menu-level-1 > li > a{padding:13px 9px!important;font-size:13px!important;letter-spacing:.02em!important}}
@media (min-width:1340px) and (max-width:1500px){.menu-level-1 > li > a{padding:14px 13px!important;font-size:15px!important}}
.stars,.stars-wrapper{display:inline-flex;gap:2px}
.stars span,.stars-wrapper .star{color:var(--nr-hvezda);font-size:14px;line-height:1}
.stars span::before,.stars-wrapper .star::before{content:"★"}
.stars span.empty::before,.stars-wrapper .star.empty::before{color:var(--nr-linka)}
.p-detail .price-standard,.p-detail .price-standard-holder{color:var(--nr-sleva-text)}
.p-detail .price-save{display:inline-block;background:#e11d2a;color:#fff;font-family:var(--f-nadpis);font-weight:700;font-size:13px;padding:5px 10px;border-radius:5px;text-decoration:none}
.price-final,.price-standard,.price-save{white-space:nowrap}
.prices{min-width:0}
h1,.h1{font-size:clamp(30px,4vw,42px)}
.flag.flag-discount{background:#e11d2a!important}
.flag .price-standard,.flag .price-save,.flags .price-standard,.flags .price-save,.flag *{color:#fff!important}
.flag .price-standard{text-decoration:line-through;opacity:.85}
nav.pagination{display:flex;justify-content:center;margin:34px 0 10px}
.pagination__list,.listSorting__controls{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.pagination__list li,.listSorting__controls li{display:block;margin:0}
.pagination__currentPage,.pagination__link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 13px;border-radius:8px;font-family:var(--f-nadpis);font-weight:800;font-size:16px;text-decoration:none;line-height:1}
.pagination__currentPage{background:var(--nr-modra);color:#fff}
.pagination__link{background:#fff;color:var(--nr-hlubina);border:1px solid var(--nr-linka)}
.pagination__link:hover{border-color:var(--nr-modra);color:var(--nr-modra)}
.pagination__link--next::after{content:"›";font-size:24px}
.pagination__link--prev::after{content:"‹";font-size:24px}
.listSorting{margin:0 0 22px}
.listSorting__control{background:#fff;border:1px solid var(--nr-linka);border-radius:8px;padding:9px 15px;font-family:var(--f-nadpis);font-weight:700;font-size:14px;color:var(--nr-hlubina);cursor:pointer;text-transform:uppercase;letter-spacing:.02em}
.listSorting__control:hover{border-color:var(--nr-modra);color:var(--nr-modra)}
.listSorting__control--active,.listSorting__control[aria-pressed="true"]{background:var(--nr-modra);border-color:var(--nr-modra);color:#fff}
.products-inline .product.inactive,.products-inline .p.inactive{display:none!important}
.products-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:991px){.products-inline{grid-template-columns:repeat(2,1fr)}}
@media (max-width:575px){.products-inline{grid-template-columns:1fr}}
footer#footer .footer-rows{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}
footer#footer .footer-rows h3,footer#footer .footer-rows .h3{color:#fff}
footer#footer a{color:var(--nr-footer-link)}
footer#footer a:hover{color:#fff}
.footer-bottom{color:var(--nr-copyright)}
.nr-paticka{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px;max-width:1360px;margin:0 auto;padding:44px 24px 36px;border-bottom:1px solid rgba(255,255,255,.1)}
.nr-paticka__znacka{font-family:var(--f-nadpis);font-weight:800;font-style:italic;font-size:26px;color:#fff;margin-bottom:12px;text-transform:uppercase}
.nr-paticka p{color:var(--nr-footer-link);font-size:15px;line-height:1.55;margin:0;max-width:300px}
.nr-paticka h3{font-family:var(--f-nadpis);font-weight:700;font-size:15px;letter-spacing:.18em;color:#fff;margin:0 0 14px;text-transform:uppercase}
.nr-paticka ul{list-style:none;margin:0;padding:0}
.nr-paticka li{margin:0 0 9px;color:var(--nr-footer-link);font-size:15px;line-height:1.5}
.nr-paticka a{color:var(--nr-footer-link);text-decoration:none}
.nr-paticka a:hover{color:#fff;text-decoration:underline}
@media (max-width:991px){.nr-paticka{grid-template-columns:1fr 1fr;gap:26px}}
@media (max-width:575px){.nr-paticka{grid-template-columns:1fr;gap:22px;padding:30px 0 24px}}
.banner-content h1,.banner-content h2,.wide-carousel h1,.wide-carousel h2,.newsletter-title,.about-us-title{font-style:italic}
[style*="color:#9a3412"]{color:var(--nr-hlubina)!important}
[style*="color:#c2410c"],[style*="color:#b45309"]{color:var(--nr-modra)!important}
[style*="color:#5b4a36"],[style*="color:#6b5d49"]{color:var(--nr-text-2)!important}
[style*="border-left:6px solid #ea580c"]{border-left-color:var(--nr-modra)!important}
[style*="border:1px solid #fcd9b6"]{border-color:#cfe0ff!important}
[style*="border:1px solid #efe6d6"],[style*="border-bottom:1px solid #f3e7d5"]{border-color:var(--nr-linka)!important}
[style*="background:#fff7ed"],[style*="background:#fff1e6"],[style*="background:#fffdf9"],[style*="background:#fbfaf7"]{background:var(--nr-mlha)!important}
@media (max-width:767px){.benefitBanner{margin:0;gap:0}}
@media (max-width:399px){.products{grid-template-columns:1fr}}
.p-detail table,.content table{display:block;overflow-x:auto;max-width:100%}
.benefitBanner__item .benefitBanner__img{display:none!important}
.benefitBanner__item .benefitBanner__picture{position:relative;width:30px;height:30px;flex:0 0 30px;display:block}
.benefitBanner__item .benefitBanner__picture::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-repeat:no-repeat;background-position:center;background-size:contain}
.benefitBanner__item:nth-child(1) .benefitBanner__picture::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d82f0' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 4h13v11H1z'/%3E%3Cpath d='M14 8h4l3 3v4h-7z'/%3E%3Ccircle cx='5.5' cy='18' r='2.2'/%3E%3Ccircle cx='17.5' cy='18' r='2.2'/%3E%3C/svg%3E")}
.benefitBanner__item:nth-child(2) .benefitBanner__picture::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d82f0' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-3a8 8 0 0 1 16 0v3'/%3E%3Cpath d='M7 11H6a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h1z'/%3E%3Cpath d='M17 11h1a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2h-1z'/%3E%3Cpath d='M20 16v1a3 3 0 0 1-3 3h-2'/%3E%3C/svg%3E")}
.benefitBanner__item:nth-child(3) .benefitBanner__picture::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d82f0' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E")}
.benefitBanner__item:nth-child(4) .benefitBanner__picture::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d82f0' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 2.6-6.4'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E")}

/* --- dokonceni prebarveni popisu ---
   Zbyl oranzovy pruh s vyzvou k porade (background:#ea580c) a sede ramecky. */
[style*="background:#ea580c"]{background:var(--nr-modra)!important}
[style*="border:1px solid #ddd"]{border-color:var(--nr-linka)!important}
[style*="background:#1a1a2e"]{background:var(--nr-hlubina)!important}
[style*="color:#5b9ef8"]{color:var(--nr-modra)!important}

/* --- plovouci lista "pridat do kosiku" na detailu produktu ---
   Popisy jsou dlouhe, takze hlavni tlacitko brzy zmizi nad okrajem.
   Lista se vysune, jakmile puvodni tlacitko opusti obrazovku, a jeji
   tlacitko jen prokliknava to puvodni -> objednavku resi Shoptet sam.
   U vyprodanych produktu tlacitko neexistuje, takze se lista nezobrazi. */
.nr-lista{position:fixed;left:0;right:0;bottom:0;z-index:400;background:#fff;
 border-top:1px solid var(--nr-linka);box-shadow:0 -8px 28px rgba(11,26,48,.13);
 transform:translateY(110%);transition:transform .26s ease}
.nr-lista--vid{transform:translateY(0)}
.nr-lista__in{max-width:1360px;margin:0 auto;padding:12px 24px;display:flex;
 align-items:center;gap:20px;justify-content:space-between}
.nr-lista__txt{display:flex;align-items:baseline;gap:16px;min-width:0}
.nr-lista__nazev{font-family:var(--f-nadpis);font-weight:800;font-size:16px;
 color:var(--nr-hlubina);text-transform:uppercase;white-space:nowrap;
 overflow:hidden;text-overflow:ellipsis;max-width:52vw}
.nr-lista__cena{font-family:var(--f-nadpis);font-weight:800;font-size:22px;
 color:var(--nr-hlubina);white-space:nowrap}
.nr-lista__btn{background:var(--nr-modra);color:#fff;border:0;border-radius:9px;
 padding:14px 28px;font-family:var(--f-nadpis);font-weight:800;font-size:15px;
 letter-spacing:.04em;cursor:pointer;white-space:nowrap}
.nr-lista__btn:hover{background:var(--nr-modra-tmava)}
@media (max-width:575px){.nr-lista__in{padding:10px 14px;gap:10px}
 .nr-lista__nazev{display:none}.nr-lista__cena{font-size:19px}
 .nr-lista__btn{padding:12px 18px;font-size:14px;flex:1}}

/* --- POKLADNA ---
   Cena v rekapitulaci a u zpusobu dopravy/platby mela display:table-cell
   (z naseho pravidla pro tabulku polozek kosiku). Table-cell rusi mezeru
   mezi prvky, takze se slevalo "ZDARMAOsobni odber" a "ZDARMAPrevodem". */
.recapitulation-shipping-billing-info [data-testid="recapItemPrice"],
.shipping-billing-name [data-testid="recapItemPrice"]{
  display:inline !important; margin-right:.4em; }
.recapitulation-shipping-billing-info,.shipping-billing-name{ word-spacing:normal; }

/* Souhrn "Celkem k uhrade" mel ctyri prvky v rade, takze cena bez DPH
   navazovala hned za castkou. Delame z toho dva radky popisek/cena. */
.order-summary-item .price-wrapper{
  display:grid; grid-template-columns:1fr auto; gap:2px 14px; align-items:baseline; }
.order-summary-item .price-wrapper .price-label{ text-align:left; }
.order-summary-item .price-wrapper .price{ text-align:right; white-space:nowrap; }
.order-summary-item .price-wrapper .price-secondary{ font-size:14px; color:var(--nr-text-2); font-weight:600; }

/* nazev zpusobu dopravy/platby oddelime od ceny i v seznamu */
.checkout-box label .price,.shipping-billing-list .price{ margin-left:.5em; }

/* --- varovani na nedostupne zbozi v kosiku ---
   Shoptet objednavku s vyprodanou polozkou zablokuje, ale mlcky - zakaznik
   jen klika na "Pokracovat" a nechape proc. Rekneme mu to. */
.nr-varovani{display:block;background:#fff4f4;border:1px solid #f3c9c9;border-left:6px solid #e11d2a;
 border-radius:12px;padding:16px 20px;margin:0 0 20px}
.nr-varovani strong{display:block;font-family:var(--f-nadpis);font-weight:800;font-size:17px;
 color:#b3121f;text-transform:uppercase;letter-spacing:.02em;margin-bottom:5px}
.nr-varovani span{display:block;font-size:15px;color:var(--nr-hlubina);line-height:1.55}
.nr-radek-vyprodano{background:#fff7f7}
.nr-radek-vyprodano .p-availability{font-weight:700}

/* ==================== puvodni nr-opravy-v6.css ==================== */
/* nr-opravy-v6.css — nacita se AZ ZA nr-design-v12 a nr-opravy-v5.
   Duvod vzniku: HTML titulni strany pouziva tridy nr-hero, nr-btn,
   nr-kachle, nr-onas, nr-vyhody a nr-sekce, ale ani jedna nebyla
   v zadnem nasazenem CSS -> blok se vykresloval jako holy text. */

/* 1. zdvojeny nadpis: Shoptet vypisuje "Uvitaci text" jako viditelny
   div.h1 a hned pod nim jede nas hero nadpis se stejnym textem.
   H1 pro vyhledavace zustava v h1.sr-only. */
.welcome > .h1{ display:none !important; }

/* 2. bila mezera mezi menu a pruhem vyhod: .menu-helper je rozperka
   pro plovouci menu, ktere na desktopu plovouci neni. */
.menu-helper{ height:0 !important; min-height:0 !important; margin:0 !important; }
.welcome-wrapper{ margin-top:0 !important; }

/* 3. citelnost drobneho textu (bylo 15px zaklad a 13px sede popisky) */
body{ font-size:16px; line-height:1.65; }
.benefitBanner__data{ font-size:14px !important; color:#c3d2e6 !important; letter-spacing:.01em; }
.benefitBanner__title{ font-family:var(--f-nadpis); font-size:17px !important; letter-spacing:.04em; }
.site-msg.information .text{ font-size:15px !important; letter-spacing:.05em; }

/* 4. HERO. Tlacitko se jmenuje nr-btn--bily, tedy bylo od zacatku
   navrzene na tmavy podklad -> hero dostava tmavy panel. */
.nr-hero{
  position:relative; overflow:hidden;
  margin:0 0 56px; padding:64px 56px 68px;
  border-radius:18px;
  background:linear-gradient(135deg,#0b1a30 0%,#12233d 55%,#16305a 100%);
  color:#fff;
}
.nr-hero::after{
  content:""; position:absolute; top:-40%; right:-10%; width:520px; height:520px;
  background:radial-gradient(circle,rgba(26,79,214,.42) 0%,rgba(26,79,214,0) 68%);
  pointer-events:none;
}
.nr-hero > *{ position:relative; z-index:1; }
.nr-hero__odznak{
  display:inline-block; margin-bottom:18px;
  padding:7px 15px; border-radius:999px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22);
  font-family:var(--f-nadpis); font-weight:600; font-size:13px;
  letter-spacing:.16em; text-transform:uppercase; color:#dbe4f2;
}
.nr-hero__nadpis{
  margin:0 0 18px; color:#fff !important;
  font-family:var(--f-nadpis); font-weight:800;
  font-size:clamp(38px,5.4vw,66px); line-height:.98; letter-spacing:.005em;
  text-transform:uppercase;
}
.nr-hero__text{ max-width:52ch; margin:0 0 30px; font-size:18px; line-height:1.6; color:#c7d4e6; }

/* tlacitka byla holé odkazy bez odsazeni -> texty splyvaly v jednu vetu */
.nr-hero__cta{ display:flex; flex-wrap:wrap; gap:14px; margin:0; }
.nr-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:15px 30px; border-radius:9px;
  font-family:var(--f-nadpis); font-weight:700; font-size:16px;
  letter-spacing:.09em; text-transform:uppercase; text-decoration:none;
  transition:transform .15s ease, background-color .15s ease, color .15s ease;
}
.nr-btn:hover{ transform:translateY(-2px); text-decoration:none; }
.nr-btn--bily{ background:#fff; color:var(--nr-hlubina) !important; }
.nr-btn--bily:hover{ background:#e8eefb; color:var(--nr-hlubina) !important; }
.nr-btn--obrys{ background:transparent; color:#fff !important; box-shadow:inset 0 0 0 2px rgba(255,255,255,.5); }
.nr-btn--obrys:hover{ background:rgba(255,255,255,.12); color:#fff !important; }

/* 5. nadpisy sekci */
.nr-sekce{ margin:0 0 26px; }
.nr-sekce__nadtitul{
  margin:0 0 6px;
  font-family:var(--f-nadpis); font-weight:700; font-size:13px;
  letter-spacing:.18em; text-transform:uppercase; color:var(--nr-modra);
}
.nr-sekce__nadpis{
  margin:0;
  font-family:var(--f-nadpis); font-weight:800;
  font-size:clamp(28px,3.4vw,40px); line-height:1.05;
  text-transform:uppercase; color:var(--nr-hlubina);
}

/* 6. dlazdice kategorii (bylo 10 odkazu pod sebou jako seznam) */
.nr-kachle{ display:grid; gap:14px; margin:0 0 56px; grid-template-columns:repeat(5,1fr); }
.nr-kachle__i{
  display:flex; align-items:center; justify-content:center; text-align:center;
  min-height:88px; padding:16px 14px;
  border:1px solid var(--nr-linka); border-radius:12px;
  background:#fff; text-decoration:none;
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.nr-kachle__i span{
  font-family:var(--f-nadpis); font-weight:700; font-size:16px;
  letter-spacing:.05em; text-transform:uppercase; color:var(--nr-hlubina);
}
.nr-kachle__i:hover{
  border-color:var(--nr-modra); transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(11,26,48,.12); text-decoration:none;
}
.nr-kachle__i:hover span{ color:var(--nr-modra); }

/* 7. O nas */
.nr-onas{ margin:0 0 56px; padding:40px 44px; border-radius:16px; background:#fff; border:1px solid var(--nr-linka); }
.nr-onas .nr-hero__odznak{ background:rgba(26,79,214,.1); border-color:rgba(26,79,214,.24); color:var(--nr-modra); }
.nr-onas__nadpis{
  margin:0 0 14px;
  font-family:var(--f-nadpis); font-weight:800; font-size:clamp(26px,3vw,36px);
  text-transform:uppercase; color:var(--nr-hlubina);
}
.nr-onas__text{ max-width:78ch; margin:0; font-size:17px; line-height:1.7; color:var(--nr-text-2); }

/* 8. "Co od nas dostanete" — ctyri karty */
.nr-vyhody{ display:grid; gap:18px; margin:0 0 20px; grid-template-columns:repeat(4,1fr); }
.nr-vyhody__i{ padding:26px 24px; border-radius:14px; background:#fff; border:1px solid var(--nr-linka); border-top:3px solid var(--nr-modra); }
.nr-vyhody__i h3{
  margin:0 0 10px;
  font-family:var(--f-nadpis); font-weight:700; font-size:19px;
  letter-spacing:.03em; text-transform:uppercase; color:var(--nr-hlubina);
}
.nr-vyhody__i p{ margin:0; font-size:15.5px; line-height:1.65; color:var(--nr-text-2); }

/* 9. mensi displeje */
@media (max-width:1199px){
  .nr-kachle{ grid-template-columns:repeat(4,1fr); }
  .nr-vyhody{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:767px){
  .nr-hero{ padding:40px 24px 44px; border-radius:14px; margin-bottom:40px; }
  .nr-hero__text{ font-size:16.5px; }
  .nr-hero__cta{ flex-direction:column; align-items:stretch; }
  .nr-btn{ width:100%; }
  .nr-kachle{ grid-template-columns:repeat(2,1fr); gap:10px; }
  .nr-kachle__i{ min-height:74px; }
  .nr-onas{ padding:28px 22px; }
  .nr-vyhody{ grid-template-columns:1fr; }
}

/* ==================== puvodni nr-opravy-v7.css ==================== */
/* nr-opravy-v7.css — doladeni po v6. Nacita se jako posledni. */

/* 1. bila mezera mezi menu a pruhem vyhod (bylo ~52 px).
   Slozena ze dvou veci: .menu-helper ma padding 12px 0 (v6 nulovala
   jen height, padding zustal) a #content-wrapper ma padding-top 28px.
   Na titulni strane ma pruh vyhod sedet tesne pod menu; na
   podstrankach odsazeni potrebujeme, proto je to omezene na .type-index. */
.type-index .menu-helper{ padding:0 !important; height:0 !important; overflow:hidden; }
.type-index #content-wrapper{ padding-top:0 !important; }

/* 2. tlacitko kosiku lamalo cenu a pocet kusu na dva radky
   ("432 KC" / "2"), protoze nemelo dost mista a povolovalo zalom. */
.header-cart .btn-icon,
a.btn.btn-icon[href*="kosik"]{ white-space:nowrap !important; }
.cart-price, .cart-count{ white-space:nowrap !important; }

/* ==================== puvodni nr-opravy-v9.css ==================== */
/* nr-opravy-v9.css - konsolidace inline stylu z hlavicky (limit pole 8192 znaku) */

/* sleva jako odznak v rohu fotky (detail i vypis) */
.p-image{ position:relative; }
.p-image .flags{ position:absolute; top:12px; left:12px; z-index:3; pointer-events:none; margin:0; }
.flags .flag-discount .price-standard{ display:none !important; }
.flags .flag-discount .price-save{
  display:inline-block !important; padding:8px 12px; border-radius:8px;
  background:#d62828; color:#fff; font-weight:800; font-size:15px; line-height:1;
  box-shadow:0 2px 8px rgba(0,0,0,.25); font-style:normal;
}

/* souhrn objednavky: cena za nazvem, s mezerou */
.recapitulation-single strong{
  display:flex !important; gap:6px; flex-wrap:wrap;
  align-items:baseline; justify-content:flex-end; text-align:right;
}
.recapitulation-single strong > span{ order:2; white-space:nowrap; }

/* tabulky v obsahu (ceniky dopravy) */
#content table, .content table{
  /* jinde v CSS ma tabulka display:block, takze radky se smrskly na obsah */
  display:table !important; width:100%; border-collapse:collapse; margin:18px 0 26px; font-size:15px;
}
#content table th, #content table td, .content table th, .content table td{
  padding:10px 14px; border-bottom:1px solid #dfe3ea; text-align:left; vertical-align:top;
}
#content table th, .content table th{
  background:#f3f5f9; font-weight:700; border-bottom:2px solid #c9d0dc; white-space:nowrap;
}
#content table tr:last-child td, .content table tr:last-child td{ border-bottom:none; }
#content table tbody tr:hover, .content table tbody tr:hover{ background:#fafbfd; }
/* prvni sloupec je nazev sluzby, at ma prostor; ceny drzime pohromade */
#content table td + td, .content table td + td{ white-space:nowrap; }
/* uzke displeje: radeji vodorovne rolovani nez rozsypana tabulka */
@media (max-width:767px){
  #content table, .content table{ display:block; overflow-x:auto; }
}

/* dlazdice vypisu: cena/tlacitko/popis pod sebou */
.products .product .p-bottom > div{
  display:flex !important; flex-direction:column !important;
  align-items:stretch; gap:10px;
}
.products .product .p-bottom .prices,
.products .product .p-bottom .p-tools{ width:auto !important; }
.products .product .p-bottom .prices{ flex-direction:column; align-items:flex-start; }
.products .product .p-desc{
  order:3; margin:0; font-size:14px; line-height:1.5; color:#4b5563;
}
.products .product a.image{ position:relative; display:block; }
.products .product a.image .flags{
  position:absolute; top:10px; left:10px; z-index:3; margin:0; pointer-events:none;
}

/* hvezdy: star-off seda, ne zlata */
.stars .star-off::before,
.stars-wrapper .star-off::before{ color:#cfd6e0 !important; }

/* ==================== puvodni nr-opravy-v10.css ==================== */
/* nr-opravy-v10.css - mobilni opravy (14. 8. 2026)

   1) Bootstrap radky (.row) maji zaporne okraje -12px, ale kontejner nemel
      na mobilu zadne bocni odsazeni -> obsah pretekal o 12px pres okraj
      a stranka sla posouvat do strany (pusobilo to jako rozbite/prekryvajici
      se rozlozeni). Kontejneru davame odsazeni, ktere zaporne okraje vyrovna.

   2) Vysunovaci menu (hamburger, <=767px) ma bile pozadi, ale polozky dedily
      svetlou barvu z desktopove tmave listy -> skoro neviditelny text.
      Plati i pro prepinac meny v menu. */

@media (max-width:767px){
  .container.content-wrapper{ padding-left:12px !important; padding-right:12px !important; }
  body{ overflow-x:hidden; }

  .navigation-in.menu a{ color:#15181d !important; }
  .navigation-in.menu a:hover,
  .navigation-in.menu .active > a,
  .navigation-in.menu a.active{ color:#1a4fd6 !important; }
  .nr-mena--mobil a{ color:#15181d !important; }
  .nr-mena--mobil a.nr-mena__aktivni{ color:#1a4fd6 !important; font-weight:800; }
}

/* ==================== puvodni nr-opravy-v11.css ==================== */
/* nr-opravy-v11.css - mobilni pokladna (14. 8. 2026)

   Radek zpusobu dopravy/platby je v Blank rezimu cely inline: nazev,
   podtext ("Zvolte oderne misto"), logo dopravce 100x50 a cena tekly
   pres sebe, jakmile se text na uzke obrazovce zalomil. Skladame radek
   flexem: nazev + cena na prvnim radku, podtext pod nimi, logo dolu. */

@media (max-width:767px){
  .radio-wrapper{ flex-wrap:wrap; }
  .radio-wrapper label{
    display:flex !important; flex-wrap:wrap; align-items:center;
    gap:2px 10px; flex:1 1 auto; min-width:0;
  }
  .radio-wrapper label .payment-info{
    display:block !important; flex:1 1 55%; min-width:0;
  }
  .radio-wrapper label .payment-info .shipping-billing-name{ display:block !important; }
  .radio-wrapper label .payment-info .sublabel{
    display:block !important; font-weight:400; font-size:13px; color:#5b6472;
  }
  .radio-wrapper label .payment-shipping-price{
    display:block !important; margin-left:auto; white-space:nowrap; font-weight:800;
  }
  .radio-wrapper label .payment-logo{
    display:flex !important; align-items:center; flex-basis:100%; order:4; margin-top:4px;
  }
  .radio-wrapper label .payment-logo img{ max-height:26px; width:auto; }
  .radio-wrapper label .question-tooltip{ display:none !important; }
  .radio-wrapper .not-possible-info{
    display:block !important; flex-basis:100%; font-size:13px; color:#b45309;
  }
}

/* ==================== puvodni nr-opravy-v12.css ==================== */
/* nr-opravy-v12.css - mobilni jemnosti (14. 8. 2026)

   1) Tabulky: v9 vnutila display:table !important (lek na desktopovy
      display:block), jenze na mobilu tim prestalo fungovat vodorovne
      rolovani a ceniky pretekaly pres okraj. v12 se nacita po v9,
      pri stejne dulezitosti vyhrava pozdejsi pravidlo.

   2) Vstupy: cely web ma formularova pole 15px. iOS pri fokusu pole
      mensiho nez 16px priblizi celou stranku a rozhodi rozlozeni -
      klasicky duvod "poskakovani" mobilnich formularu. */

@media (max-width:767px){
  #content table, .content table{
    display:block !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    max-width:100% !important;
    width:100% !important;
  }

  input[type=text], input[type=email], input[type=tel], input[type=password],
  input[type=number], input[type=search], input:not([type]), select, textarea{
    font-size:16px !important;
  }
}

/* ==================== puvodni nr-opravy-v13.css ==================== */
/* nr-opravy-v13.css - detail produktu (14. 8. 2026)

   1) Poradi sekci: v HTML jsou souvisejici produkty NAD popisem, takze
      zakaznik (hlavne na mobilu) scrolluje pres 8 dlazdic, nez se dozvi,
      co vlastne kupuje. Flexem prehazujeme: popis prvni, souvisejici dolu.

   2) Nahledy fotek: wrapper mel ~265px vysky pro jeden radek 86px
      nahledu -> prazdny blok pod galerii. Delame vodorovny pruh
      s rolovanim a zvyraznenim aktivniho nahledu.

   3) "Detailni informace" a rada Tisk/Zeptat se/Hlidat/Sdilet byly holy
      text (ikonovy font je v Blank rezimu mrtvy). Delame z nich tlacitka,
      ikony resi emoji v ::before. */

/* --- poradi sekci detailu --- */
.p-detail{ display:flex; flex-direction:column; }
.p-detail > .p-detail-inner{ order:1; }
.p-detail > .benefitBanner{ order:2; }
.p-detail > .shp-tabs-wrapper{ order:3; }
.p-detail > .products-related-header{ order:4; margin-top:34px; }
.p-detail > .products-related{ order:5; }
.p-detail > .browse-p{ order:6; }

/* --- galerie: nahledy --- */
.p-thumbnails{ height:auto !important; min-height:0 !important; }
.p-thumbnails-inner{
  display:flex !important; gap:10px; overflow-x:auto;
  -webkit-overflow-scrolling:touch; padding:6px 2px 10px;
}
.p-thumbnail{
  flex:0 0 auto; width:84px; height:84px; margin:0 !important;
  border:2px solid #dfe3ea; border-radius:10px; overflow:hidden; background:#fff;
}
.p-thumbnail.highlighted{ border-color:#1a4fd6; }
.p-thumbnail img{ width:100%; height:100%; object-fit:contain; }
@media (max-width:767px){
  .p-image-wrapper .p-image img{ border-radius:12px; }
}

/* --- odkaz "Detailni informace" jako tlacitko --- */
.p-detail a.chevron-after[href="#description"]{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 22px; margin:12px 0; border:2px solid #1a4fd6; border-radius:9px;
  color:#1a4fd6; font-weight:800; letter-spacing:.03em; text-decoration:none;
}
.p-detail a.chevron-after[href="#description"]::after{ content:"\2193"; font-weight:800; }
@media (max-width:767px){
  .p-detail a.chevron-after[href="#description"]{ display:flex; width:100%; }
}

/* --- Tisk / Zeptat se / Hlidat / Sdilet jako tlacitka --- */
.link-icons{ display:flex !important; flex-wrap:wrap; gap:8px; margin:14px 0 6px; }
.link-icons .link-icon{
  display:inline-flex !important; align-items:center; gap:7px;
  padding:9px 14px; border:1px solid #dfe3ea; border-radius:999px;
  font-size:13.5px; font-weight:600; color:#26303f; text-decoration:none; background:#fff;
}
.link-icons .link-icon:hover{ border-color:#1a4fd6; color:#1a4fd6; }
.link-icons .link-icon.print::before{ content:"\1F5A8"; }
.link-icons .link-icon.chat::before{ content:"\1F4AC"; }
.link-icons .link-icon.watchdog::before{ content:"\1F514"; }
.link-icons .link-icon.share::before{ content:"\2197"; }

/* ==================== puvodni nr-opravy-v14.css ==================== */
/* nr-opravy-v14.css - vyskakovaci okna (colorbox) (14. 8. 2026)

   Dialogy "Zeptat se", hlidaci pes i lightbox fotek jedou pres colorbox,
   ktery v Blank rezimu prisel o vsechno CSS: formular se vykresloval
   pruhledne primo pres stranku, bez ramecku, podkladu a zaviraciho
   krizku. Tady je kompletni kostra modalu. */

#cboxOverlay{
  position:fixed; top:0; left:0; width:100%; height:100%;
  background:rgba(11,26,48,.55); z-index:9998;
}
#colorbox{ z-index:9999; outline:0; }
#cboxWrapper{
  background:#fff; border-radius:14px;
  box-shadow:0 24px 70px rgba(0,0,0,.35); overflow:hidden;
}
#cboxContent{ background:#fff; padding:24px; position:relative; }
#cboxLoadedContent{ overflow:auto !important; max-width:100% !important; }
#cboxTitle{ font-weight:700; color:#26303f; margin-top:8px; }
#cboxCurrent{ color:#5b6472; font-size:13px; margin-top:4px; }

/* zaviraci krizek - puvodni je textovy "close" bez ikony */
#cboxClose{
  position:absolute; top:10px; right:10px; width:36px; height:36px;
  border:0; border-radius:9px; background:#eef1f6; cursor:pointer;
  font-size:0; line-height:36px; text-align:center; text-indent:0;
}
#cboxClose::before{ content:"\2715"; font-size:16px; font-weight:700; color:#26303f; }
#cboxClose:hover{ background:#dfe5ee; }

/* sipky lightboxu fotek */
#cboxPrevious,#cboxNext{
  position:absolute; top:50%; transform:translateY(-50%);
  width:40px; height:40px; border:0; border-radius:999px;
  background:rgba(11,26,48,.65); cursor:pointer; font-size:0;
}
#cboxPrevious{ left:10px; } #cboxNext{ right:10px; }
#cboxPrevious::before,#cboxNext::before{
  font-size:18px; font-weight:800; color:#fff;
}
#cboxPrevious::before{ content:"\2039"; } #cboxNext::before{ content:"\203A"; }
#cboxSlideshow{ display:none; }

/* na telefonu se nesmi rozjet pres okraj */
#colorbox, #cboxWrapper, #cboxContent{ max-width:96vw; }
@media (max-width:767px){
  #cboxContent{ padding:18px 14px; }
}

/* formular v dialogu (Zeptat se) */
#cboxLoadedContent form input[type=text],
#cboxLoadedContent form input[type=email],
#cboxLoadedContent form input[type=tel],
#cboxLoadedContent form textarea{ width:100%; }

/* ==================== puvodni nr-opravy-v15.css ==================== */
/* nr-opravy-v15.css - naseptavac hledani (14. 8. 2026)

   Naseptavac (.search-whisperer) byl v Blank rezimu neviditelny -
   AJAX vysledky se do stranky vkladaly, ale bez CSS mely nulovou
   vysku. Tady je kompletni dropdown pod vyhledavacim polem. */

.search-form{position:relative}
.search-whisperer{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1200;background:#fff;border:1px solid #dfe5ee;border-radius:12px;box-shadow:0 18px 50px rgba(11,26,48,.18);overflow:hidden;display:none}
.search-whisperer.active{display:block}
.search-whisperer-documents{padding:6px}
.search-whisperer-document{display:block;padding:9px 14px;border-radius:8px;font-weight:600;color:#26303f;text-decoration:none}
.search-whisperer-document:hover{background:#eef3fb}
.search-whisperer-category::before{content:"\1F4C2  "}
.search-whisperer-products{list-style:none;margin:0;padding:0 6px;max-height:420px;overflow:auto}
.search-whisperer-products li a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;text-decoration:none;color:#26303f}
.search-whisperer-products li a:hover{background:#eef3fb}
.search-whisperer-image{flex:0 0 48px}
.search-whisperer-image img{width:48px;height:48px;object-fit:contain}
.search-whisperer .p-info{flex:1 1 auto;min-width:0}
.search-whisperer .p-name{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-whisperer .availability-label{font-size:12px}
.search-whisperer .price-final{font-weight:700;white-space:nowrap}
.search-whisperer .whisperer-trigger{text-align:center;color:#1b4dd8;font-weight:700}

/* na mobilu omez vysku, at jde dropdown odscrollovat */
@media (max-width:767px){
  .search-whisperer-products{max-height:50vh}
}

/* ==================== puvodni nr-opravy-v16.css ==================== */
/* nr-opravy-v16.css - filtr kategorii (14. 8. 2026)

   Cenovy posuvnik je jQuery UI slider, ktery v Blank rezimu prisel
   o CSS - mel nulovou vysku a nesel videt ani chytit. K tomu ramecky
   fieldsetu delaly z filtru rozbite prazdne pruhy. */

.filters{border:1px solid #dfe5ee;border-radius:12px;padding:14px 16px;margin:10px 0 16px;background:#fff}
.filters fieldset{border:0;padding:0;margin:0}
.filters form{border:0}
.filters .slider-wrapper{padding:6px 4px 2px}
.filters .slider-header{display:flex;justify-content:space-between;font-weight:600;color:#26303f;margin:4px 2px 10px}
.filters .slider-content{padding:10px 12px 16px}
.param-price-filter.ui-slider{position:relative;height:6px;background:#dfe5ee;border-radius:999px}
.param-price-filter .ui-slider-range{position:absolute;top:0;height:6px;background:#1b4dd8;border-radius:999px}
.param-price-filter .ui-slider-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;background:#fff;border:2px solid #1b4dd8;border-radius:50%;cursor:grab;touch-action:none;outline:0}
.param-price-filter .ui-slider-handle:active{cursor:grabbing;box-shadow:0 0 0 5px rgba(27,77,216,.15)}
.filters .filter-section{padding:8px 4px}
.filters .filter-section label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}

/* ==================== puvodni nr-opravy-v17.css ==================== */
/* nr-opravy-v17.css - filtr po AJAX prekresleni (14. 8. 2026)

   Po pouziti razeni/filtru Shoptet prekresli filtr bez obalu .filters,
   takze pravidla z v16 prestala platit a vratily se ramecky fieldsetu.
   Tady je totez naveseno na stabilni .category-content-wrapper. */

.category-content-wrapper fieldset{border:0;margin:0;padding:0}
.category-content-wrapper form{border:0}
.category-content-wrapper div:has(> .slider-wrapper){border:1px solid #dfe5ee;border-radius:12px;padding:14px 16px;margin:10px 0 16px;background:#fff}
.category-content-wrapper .slider-header{display:flex;justify-content:space-between;font-weight:600;color:#26303f;margin:4px 2px 10px}
.category-content-wrapper .slider-content{padding:10px 12px 16px}
.category-content-wrapper .filter-section{padding:8px 4px}
.category-content-wrapper .filter-section label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}

/* ==================== puvodni nr-opravy-v8.css ==================== */
/* nr-opravy-v8.css — tlacitko kosiku. Nacita se jako posledni.
   Pocet kusu je v sablone <i>, coz je ikonovy prvek. Blank rezim
   ikonovy font vypnul, takze <i> zustalo jako display:block a cislo
   padalo pod cenu — tlacitko pak melo dva radky ("432 KC" / "2").
   Delame z nej kulaty odznacek vedle ceny. */
a.btn.btn-icon.cart-count{
  display:inline-flex !important; align-items:center; gap:9px;
  width:auto !important; white-space:nowrap;
}
a.btn.btn-icon.cart-count > i{
  display:inline-flex !important; align-items:center; justify-content:center;
  min-width:22px; height:22px; padding:0 6px; border-radius:999px;
  background:rgba(255,255,255,.24); color:#fff;
  font-style:normal; font-weight:700; font-size:13px; line-height:1;
}
a.btn.btn-icon.cart-count > .cart-price{ display:inline-block !important; }

/* ==================== puvodni inline bloky hlavicky (nr-kosik-foto, nr-kosik-nazev, nr-krok2-note, nr-kosik-ceny, nr-galerie-fix, nr-cbox-fix) ==================== */
.cart-table{ width:100% !important; }
.cart-table .cart-p-image{ width:88px; }
.cart-table td.p-name{ width:auto; }
.cart-table td.p-name, .cart-table td.p-name a{ white-space:normal !important; }
.cart-table .cart-p-image a{ display:block; width:80px; }
.cart-table .cart-p-image img{ width:80px; max-width:80px; height:auto; }

.cart-table .p-name .main-link{ display:block; margin-bottom:4px; }
.cart-table .p-name .show-related{ display:inline-block; margin-top:2px; }

@media (max-width:767px){
  .form-control-wrapper--with-note strong{ display:block !important; margin-bottom:2px; }
  .form-control-wrapper--with-note .helpNote{ display:block !important; font-size:13px; color:#5b6472; }
}

@media (max-width:767px){
  .price-wrapper .price-label.price-secondary::before{ content:"\A"; white-space:pre; }
}

.p-thumbnails-inner > div{
  display:flex !important; gap:10px; overflow-x:auto;
  -webkit-overflow-scrolling:touch; padding:6px 2px 10px;
}
.p-thumbnails .p-thumbnail{
  width:84px !important; height:84px !important; flex:0 0 84px !important;
}
.p-thumbnails .cbox-gal{ display:none !important; }

#cboxLoadedContent .cboxPhoto{display:block;margin:0 auto;max-width:100%}.p-image-wrapper .p-main-image{cursor:zoom-in}.social-buttons,.social-buttons-wrapper .close-after{display:none!important}
/* ==================== v2 doplnky (15. 8. 2026) ==================== */
/* Shoptetovy skryvaci tridy, ktere Blank rezim ztratil: v kroku 2
   objednavky byla videt dve pole Zeme a poznamka pro prodejce byla
   trvale rozbalena. Shoptet odkryva PRIDANIM tridy .visible (js-hidden
   na prvku zustava), proto :not(.visible). Bez !important, aby vyhraly
   pripadne inline styly Shoptetu. */
.js-hidden:not(.visible){display:none}
.js-location--hidden:not(.visible){display:none}

/* ===== v3 doplnky (15.8.): kosik panel + rekapitulace krok 2 + mohlo by se hodit ===== */
.summary-wrapper .price-wrapper{display:grid;grid-template-columns:1fr auto;column-gap:12px;row-gap:2px;align-items:baseline;margin:0 0 14px}
.summary-wrapper .price-wrapper .price-label{color:#64748b;font-size:14px}
.summary-wrapper .price-wrapper .price.price-primary{font-size:22px;font-weight:800;color:#0f172a;text-align:right}
.summary-wrapper .price-wrapper .price.price-secondary{color:#64748b;font-size:13px;text-align:right}
.summary-wrapper .price-wrapper .price-label.price-secondary{font-size:13px}
.next-step--cart{display:flex;gap:10px}
.next-step--cart .next-step-back{flex:0 0 auto;background:#fff !important;color:#475569 !important;border:1px solid #cbd5e1 !important;font-size:13px !important;font-weight:600;padding:0 14px !important;line-height:44px;height:44px;border-radius:10px !important}
.next-step--cart .next-step-back:hover{background:#f1f5f9 !important}
.next-step--cart .next-step-forward{flex:1 1 auto;text-align:center;font-size:16px !important;height:44px;line-height:44px;padding:0 18px !important;border-radius:10px !important}
.cart-items .cart-item{display:flex;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px dashed #e2e8f0}
.cart-items .cart-item-name{flex:1 1 auto;min-width:0}
.cart-items .cart-item-amount{flex:0 0 auto;white-space:nowrap;color:#64748b;font-size:13px}
.cart-items .cart-item-price{flex:0 0 auto;white-space:nowrap;font-weight:700}
.order-summary-item{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:6px 0}
.recapitulation-single{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.nr-hodit{margin-top:26px}
.nr-hodit h2{font-size:20px;margin:0 0 12px}
.nr-hodit-grid{display:flex;flex-wrap:wrap;gap:12px}
.nr-hodit-grid a{flex:1 1 200px;max-width:240px;border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#fff;text-decoration:none;color:#0f172a;box-shadow:0 1px 4px rgba(15,23,42,.05)}
.nr-hodit-grid a:hover{box-shadow:0 4px 12px rgba(15,23,42,.12)}
.nr-hodit-grid img{width:100%;height:120px;object-fit:contain;margin-bottom:8px}
.nr-hodit-nazev{font-size:13px;line-height:1.4;display:block;margin-bottom:6px}
.nr-hodit-cena{font-weight:800;color:#2563eb}