/* ==========================================================================
   Sklomat.cz – redesign 2026 (A. Peter)
   Načítá se jen s cookie sk_design=26 (body.v26) jako poslední stylopis.
   Všechna pravidla jsou pod .v26, aby původní vzhled zůstal netknutý.
   Markup stránek se nemění (konfigurátory, Rámomat, košík) – jen se přestylovává.
   ========================================================================== */

/* ---------- Písmo: stejné soubory Lato, jen jedna rodina s váhami ---------- */
@font-face { font-family: 'SkLato'; src: url('../fonts/LatoLatin-Regular.woff2') format('woff2'), url('../fonts/LatoLatin-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'SkLato'; src: url('../fonts/LatoLatin-Bold.woff2') format('woff2'), url('../fonts/LatoLatin-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; }

/* ---------- Tokeny ---------- */
.v26 {
    --sk-blue: #005a8c;
    --sk-blue-dk: #003959;
    --sk-blue-xdk: #00283f;
    --sk-tint: #e8f3ff;
    --sk-surface: #f3f7fa;
    --sk-line: #d8e2ea;
    --sk-line-soft: #e4ebf0;
    --sk-ink: #14222c;
    --sk-ink-2: #3a4b57;
    --sk-muted: #51616d;
    --sk-red: #d4202c;
    --sk-green: #1d7a3e;
    --sk-radius: 14px;
    --sk-radius-sm: 10px;
    --sk-shadow: 0 10px 28px rgba(0, 57, 89, .12);
    --sk-wrap: 1360px;
}

/* ---------- Základ ---------- */
html body.v26 { background: #fff !important; }
.v26 { color: var(--sk-ink); font-family: 'SkLato', 'LatoLatinRegular', system-ui, -apple-system, 'Segoe UI', sans-serif; font-size: 16px; line-height: 1.55; }
.v26 *, .v26 *::before, .v26 *::after { cursor: auto; }
.v26 a, .v26 button, .v26 a *, .v26 button *, .v26 label, .v26 select, .v26 input[type=radio], .v26 input[type=checkbox], .v26 .thumbnail, .v26 .thumbnail * { cursor: pointer; }
.v26 input[type=text], .v26 input[type=email], .v26 input[type=tel], .v26 input[type=password], .v26 input[type=search], .v26 textarea { cursor: text; }
.v26 a { color: var(--sk-blue); }
.v26 a:hover, .v26 a:focus { color: var(--sk-blue-dk); }
.v26 h1, .v26 h2, .v26 h3, .v26 h4, .v26 .h1, .v26 .h2, .v26 .h3 { font-family: 'SkLato', sans-serif !important; font-weight: 700; color: var(--sk-ink); line-height: 1.2; }
.v26 b, .v26 strong { font-weight: 700; }
.v26 :focus-visible { outline: 3px solid #3dadfb; outline-offset: 2px; }
.v26 .sk-cap { text-transform: lowercase; display: inline-block; }
.v26 .sk-cap::first-letter { text-transform: uppercase; }
.v26 .sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.v26 .sk-wrap { max-width: var(--sk-wrap); margin: 0 auto; padding: 0 32px; box-sizing: border-box; }
.v26 .container.sk-main { width: 100%; max-width: var(--sk-wrap); padding: 0 32px; background: #fff !important; }

/* Původní mobilní lišta z frontend.js a skryté prvky nahrazuje nová hlavička */
.v26 #headerMenu { display: none !important; }

/* ==========================================================================
   HLAVIČKA
   ========================================================================== */
.v26 .sk-util { background: var(--sk-blue-dk); color: #dbe8f2; font-size: 13px; }
.v26 .sk-util-in { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 36px; flex-wrap: wrap; }
.v26 .sk-util a { color: #fff; text-decoration: none; }
.v26 .sk-util a:hover { text-decoration: underline; }
.v26 .sk-util-r { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.v26 .sk-util .fa { opacity: .8; margin-right: 2px; }
.v26 .sk-switch { display: inline-flex; border: 1px solid rgba(255,255,255,.25); border-radius: 6px; overflow: hidden; }
.v26 .sk-switch b, .v26 .sk-switch a { padding: 2px 8px; font-weight: 700; }
.v26 .sk-switch b { background: rgba(255,255,255,.18); color: #fff; }
.v26 .sk-switch a { color: #c6d6e2; }

.v26 .sk-mast { background: #fff; border-bottom: 1px solid var(--sk-line-soft); }
.v26 .sk-mast-in { display: flex; align-items: center; gap: 28px; padding-top: 14px; padding-bottom: 14px; }
.v26 .sk-burger { display: none; }
.v26 .sk-logo { flex: none; display: block; }
.v26 .sk-logo img { display: block; height: 60px; width: auto; }

.v26 .sk-search { flex: 1 1 380px; max-width: 640px; display: flex; align-items: stretch; margin: 0; padding: 0; border: 2px solid var(--sk-blue); border-radius: var(--sk-radius-sm); background: #fff; box-shadow: none; position: relative; width: auto !important; }
.v26 .sk-search-field { flex: 1; min-width: 0; margin: 0; position: static; }
.v26 .sk-search-input, .v26 #header-search.sk-search-input { width: 100% !important; height: 48px !important; border: 0 !important; box-shadow: none !important; padding: 0 16px !important; font-size: 16px !important; background: transparent none !important; color: var(--sk-ink); border-radius: var(--sk-radius-sm) 0 0 var(--sk-radius-sm); }
.v26 .sk-search-btn { display: inline-flex !important; align-items: center; gap: 8px; border: 0; background: var(--sk-blue); color: #fff; font-weight: 700; padding: 0 20px; font-size: 16px; border-radius: 0 6px 6px 0; }
.v26 .sk-search-btn:hover { background: var(--sk-blue-dk); }
.v26 .sk-search .ajax-search-modal { z-index: 1000; }

.v26 .sk-help { margin-left: auto; display: flex; gap: 10px; align-items: center; font-size: 13px; color: var(--sk-muted); line-height: 1.3; }
.v26 .sk-help .fa { font-size: 26px; color: var(--sk-blue); }
.v26 .sk-help b { display: block; color: var(--sk-ink); font-size: 15px; }

.v26 .sk-cart, .v26 .sk-cart.kosik { display: flex !important; align-items: center; gap: 12px; padding: 8px 16px 8px 14px; min-height: 52px; border-radius: var(--sk-radius-sm); background: var(--sk-tint); color: var(--sk-blue-dk) !important; text-decoration: none !important; font-weight: 700; line-height: 1.2; float: none !important; width: auto !important; text-align: left !important; }
.v26 .sk-cart:hover { background: #d6e9fb; }
.v26 .sk-cart .fa { font-size: 24px; color: var(--sk-blue-dk) !important; margin: 0 !important; }
.v26 .sk-cart-txt { display: flex; flex-direction: column; }
.v26 .sk-cart-label { font-size: 15px; text-transform: lowercase; }
.v26 .sk-cart-label::first-letter { text-transform: uppercase; }
.v26 .sk-cart-price, .v26 .sk-cart-price * { font-size: 13px !important; font-weight: 400 !important; color: var(--sk-muted) !important; }

.v26 .sk-bar { background: var(--sk-blue); }
.v26 .sk-bar-in { display: flex; align-items: stretch; gap: 24px; }
.v26 .sk-bar-h { flex: 0 0 276px; box-sizing: border-box; background: var(--sk-blue-dk); color: #fff !important; font-weight: 700; font-size: 15px; display: flex; align-items: center; gap: 10px; padding: 0 18px; min-height: 48px; text-decoration: none !important; }
.v26 a.sk-bar-h:hover { background: var(--sk-blue-xdk); }
.v26 .sk-bar-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 2px; flex: 1; }
.v26 .sk-bar-nav a { color: #fff; font-weight: 700; font-size: 15px; padding: 12px 14px; min-height: 48px; display: inline-flex; align-items: center; text-decoration: none; white-space: nowrap; }
.v26 .sk-bar-nav a:hover { background: var(--sk-blue-dk); color: #fff; }
.v26 .sk-bar-nav a.sk-sale { background: var(--sk-red); border-radius: 6px; padding: 6px 14px; min-height: 34px; margin: 0 6px; }
.v26 .sk-bar-nav a.sk-sale:hover { background: #b51b25; }

/* ---------- Mobilní menu (drawer) ---------- */
.v26 .sk-drawer { position: fixed; inset: 0; z-index: 100000; background: rgba(0, 20, 32, .5); opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s; }
.v26 .sk-drawer.is-open { opacity: 1; visibility: visible; }
.v26 .sk-drawer-panel { position: absolute; top: 0; left: 0; bottom: 0; width: min(86vw, 360px); background: #fff; overflow-y: auto; transform: translateX(-100%); transition: transform .25s; box-shadow: 0 0 40px rgba(0,0,0,.25); }
.v26 .sk-drawer.is-open .sk-drawer-panel { transform: none; }
.v26 .sk-drawer-head { display: flex; justify-content: space-between; align-items: center; padding: 10px 10px 10px 18px; background: var(--sk-blue-dk); color: #fff; position: sticky; top: 0; }
.v26 .sk-drawer-close { width: 44px; height: 44px; border: 0; background: none; color: #fff; font-size: 20px; }
.v26 .sk-drawer-cats ul, .v26 .sk-drawer-cats .nav { list-style: none; margin: 0; padding: 6px 0; }
.v26 .sk-drawer-cats li a { display: block; padding: 11px 18px !important; color: var(--sk-ink) !important; font-weight: 700; font-size: 15px !important; border-bottom: 1px solid var(--sk-line-soft); background: none !important; text-transform: none !important; }
.v26 .sk-drawer-links { display: flex; flex-direction: column; padding: 8px 0 24px; background: var(--sk-surface); }
.v26 .sk-drawer-links a { padding: 11px 18px; color: var(--sk-ink-2); font-size: 15px; }
body.v26.sk-noscroll { overflow: hidden; }

/* ==========================================================================
   LANDING – levé menu + 5 dlaždic hned nahoře (struktura jako dosud)
   ========================================================================== */
.v26 .sk-home { display: flex; flex-wrap: nowrap; align-items: flex-start; margin: 0 0 8px; }
.v26 .sk-home::before, .v26 .sk-home::after { display: none; }
.v26 .sk-home-side { flex: 0 0 300px; width: 300px; float: none; padding: 0 24px 0 0; }
.v26 .sk-home-main { flex: 1; min-width: 0; float: none; width: auto; padding-left: 0; padding-right: 0; display: flex; flex-direction: column; gap: 20px; padding-top: 20px; }

/* levé menu kategorií (landing i podstránky) */
.v26 .sk-home-side .menu-tree, .v26 .padding-r-nula .menu-tree { background: #fff; border: 1px solid var(--sk-line); border-top: 0; border-radius: 0 0 var(--sk-radius) var(--sk-radius); padding: 8px 0 10px; margin: 0; }
.v26 .padding-r-nula .menu-tree { border-top: 1px solid var(--sk-line); border-radius: var(--sk-radius); }
.v26 .menu-tree .kategorie, .v26 .menu-tree .nav { margin: 0; padding: 0; }
.v26 .menu-tree .kategorie li { border: 0 !important; margin: 0; padding: 0; background: none !important; }
.v26 .menu-tree .kategorie li a, .v26 .padding-r-nula .nav-list > li > a, .v26 .root .kategorie a { display: flex !important; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 18px !important; margin: 0 !important; min-height: 38px; color: var(--sk-ink) !important; font-family: 'SkLato', sans-serif !important; font-weight: 700; font-size: 15px !important; line-height: 1.3; text-transform: none !important; background: none !important; border: 0 !important; text-decoration: none !important; }
.v26 .menu-tree .kategorie li a::after { content: "\f105"; font-family: FontAwesome; font-weight: 400; color: var(--sk-blue); opacity: .35; transition: opacity .15s, transform .15s; }
.v26 .menu-tree .kategorie li a:hover { background: var(--sk-tint) !important; color: var(--sk-blue-dk) !important; }
.v26 .menu-tree .kategorie li a:hover::after { opacity: 1; transform: translateX(3px); }
.v26 .menu-tree .kategorie li a.active { background: var(--sk-blue) !important; color: #fff !important; }
.v26 .menu-tree .kategorie li a.active::after { color: #fff; opacity: 1; }
.v26 .menu-tree .kategorie li a .fa { color: var(--sk-muted); margin-right: 4px; }
.v26 .menu-tree:not(.root) .kategorie li a:has(.fa) { justify-content: flex-start; font-weight: 400; color: var(--sk-ink-2) !important; }
.v26 .menu-tree:not(.root) .kategorie li a:has(.fa)::after { display: none; }
.v26 .menu-tree.root .kategorie li a .fa { display: none; }
.v26 .menu-tree .kategorie li:last-child a[href*="kontakt"] { font-weight: 400; color: var(--sk-muted) !important; border-top: 1px solid var(--sk-line-soft) !important; margin-top: 6px !important; }
.v26 .menu-tree .kategorie .kategorie a { padding-left: 32px !important; font-weight: 400; }

.v26 .sk-h1 { margin: 0; padding: 0; font-size: 26px; font-weight: 700; color: var(--sk-ink) !important; background: none !important; text-align: left; text-transform: none; }
.v26 .sk-h1 span { font-weight: 400; color: var(--sk-muted); font-size: 18px; }

.v26 .sk-tiles { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.v26 .sk-tile { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; min-height: 228px; border-radius: var(--sk-radius); overflow: hidden; background: #33434d; color: #fff !important; text-decoration: none !important; isolation: isolate; }
.v26 .sk-tile--3 { grid-column: span 2; }
.v26 .sk-tile--2 { grid-column: span 3; }
.v26 .sk-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .4s ease; }
.v26 .sk-tile::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0, 20, 32, 0) 30%, rgba(0, 20, 32, .8) 100%); }
.v26 .sk-tile:hover img { transform: scale(1.04); }
.v26 .sk-tile-txt { padding: 20px 0 20px 22px; display: flex; flex-direction: column; gap: 4px; }
.v26 .sk-tile-txt b { font-size: 25px; line-height: 1.1; color: #fff; }
.v26 .sk-tile-txt span { font-size: 14px; color: #dbe8f2; }
.v26 .sk-tile-go { flex: none; width: 40px; height: 40px; margin: 0 20px 20px 0; border-radius: 50%; background: #fff; color: var(--sk-blue); display: flex; align-items: center; justify-content: center; transition: transform .2s; }
.v26 .sk-tile:hover .sk-tile-go { transform: translateX(4px); }

.v26 .sk-banner, .v26 .sk-banner img { display: block; width: 100%; height: auto; border-radius: var(--sk-radius); }

.v26 .sk-usp { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.v26 .sk-usp > div { display: flex; gap: 14px; align-items: center; background: var(--sk-surface); border-radius: 12px; padding: 16px 18px; }
.v26 .sk-usp .fa { width: 44px; height: 44px; border-radius: 10px; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--sk-blue); flex: none; }
.v26 .sk-usp .fa-thumbs-up { color: var(--sk-green); }
.v26 .sk-usp span { display: flex; flex-direction: column; font-size: 14px; color: var(--sk-muted); line-height: 1.35; }
.v26 .sk-usp b { color: var(--sk-ink); font-size: 15px; }
.v26 .sk-usp a { font-weight: 700; }

/* ==========================================================================
   NADPISY PODSTRÁNEK
   (patro = nadřazená kategorie → malý odkaz nad nadpisem; modrý pruh → velký nadpis)
   ========================================================================== */
.v26 .sk-main .row[style*="15px -15px"] { background: none !important; margin: 28px 0 16px !important; display: flex; flex-direction: column; gap: 6px; }
.v26 .sk-main .row[style*="15px -15px"]::before, .v26 .sk-main .row[style*="15px -15px"]::after { display: none; }
.v26 .sk-main .row[style*="15px -15px"] > [class*="col-md-"] { width: 100%; float: none; }
.v26 .sk-main .row[style*="15px -15px"] .row { margin: 0; }
.v26 .sk-main .row[style*="15px -15px"] .col-md-12, .v26 .sk-main .row[style*="15px -15px"] .col-md-9 { padding-left: 0; padding-right: 0; }
.v26 .sk-main .patro, .v26 .sk-main h1.patro, .v26 .sk-main h2.patro { display: inline-flex; align-items: center; gap: 6px; margin: 0 !important; padding: 0 !important; background: none !important; color: var(--sk-blue) !important; font-size: 13px !important; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; border: 0 !important; width: auto !important; min-height: 0 !important; text-align: left !important; }
.v26 .sk-main a > .patro::before { content: "\f104"; font-family: FontAwesome; letter-spacing: 0; font-size: 15px; }
.v26 .sk-main .row[style*="background-color: #005a8c"] { background: none !important; margin: 0 !important; }
.v26 .sk-main .row[style*="background-color: #005a8c"] > div { padding: 0; width: 100%; }
.v26 .sk-main .row[style*="background-color: #005a8c"] h1,
.v26 .sk-main .row[style*="background-color: #005a8c"] h2,
.v26 .sk-main .col-md-9 > h2,
.v26 .sk-main .row[style*="15px -15px"] .col-md-9 > h2 { background: none !important; color: var(--sk-ink) !important; padding: 0 !important; margin: 0 !important; font-size: 36px !important; line-height: 1.15; text-transform: none; text-align: left; }
.v26 .sk-main .uvod.nadpis { padding: 0; margin: 0; }
.v26 .sk-main .uvod.nadpis, .v26 .sk-main .uvod.nadpis * { color: var(--sk-ink) !important; background: none !important; }

/* landing: sekce Výprodej pod dlaždicemi */
.v26 .sk-home + [role="main"] > .row[style*="15px -15px"] { margin: 48px 0 16px !important; }
.v26 .sk-home + [role="main"] > .row[style*="15px -15px"] h2.patro { color: var(--sk-red) !important; }
.v26 .sk-home + [role="main"] > .row[style*="15px -15px"] .col-md-9 > h2 { font-size: 30px !important; }

/* ==========================================================================
   VÝPIS – podkategorie vlevo, karty produktů
   ========================================================================== */
.v26 .sk-main .padding-r-nula { padding-right: 24px; }
.v26 .sk-main .uvod { color: var(--sk-ink-2); font-size: 16px; }
.v26 .sk-main .uvod .mh1, .v26 .sk-main .uvod p.mh1 { text-align: left !important; font-size: 20px !important; color: var(--sk-ink) !important; }
.v26 .sk-main .uvod video, .v26 .sk-main .uvod iframe { max-width: 100%; border-radius: var(--sk-radius); }

.v26 [itemtype="http://schema.org/ItemList"] > div[itemtype="http://schema.org/ItemList"],
.v26 div[itemscope][itemtype="http://schema.org/ItemList"]:not(section) { display: flex; flex-wrap: wrap; clear: both; width: 100%; }
.v26 div[itemtype="http://schema.org/ItemList"]:not(section) > [class*="col-"] { display: flex; float: none; margin-bottom: 20px; }
.v26 div[itemtype="http://schema.org/ItemList"]:not(section) > .col-md-4 { width: 33.3333% !important; }
.v26 div[itemtype="http://schema.org/ItemList"]:not(section) > .col-md-3 { width: 25% !important; }

.v26 .thumbnail { position: relative; display: flex; flex-direction: column; width: 100%; min-height: 0 !important; margin: 0; padding: 0; border: 1px solid var(--sk-line); border-radius: var(--sk-radius); overflow: hidden; background: #fff; box-shadow: none; transition: border-color .15s, box-shadow .15s; }
.v26 .thumbnail:hover { border-color: var(--sk-blue); box-shadow: var(--sk-shadow); }
.v26 .thumbnail > .product-image { order: 1; height: auto !important; margin: 0 !important; aspect-ratio: 4 / 3; background: var(--sk-surface); display: flex; align-items: center; justify-content: center; padding: 14px; }
.v26 .thumbnail > .product-image a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.v26 .thumbnail img.product { max-width: 100%; max-height: 100%; height: auto !important; width: auto; object-fit: contain; mix-blend-mode: multiply; }
.v26 .thumbnail > h2.product-caption { order: 2; margin: 0 !important; padding: 16px 18px 0; text-align: left !important; font-size: 16px !important; line-height: 1.35; min-height: 0; }
.v26 .thumbnail > h2.product-caption a { color: var(--sk-ink) !important; font-weight: 700; text-decoration: none; }
.v26 .thumbnail:hover > h2.product-caption a { color: var(--sk-blue) !important; }
.v26 .thumbnail > .product-note { order: 3; text-align: left !important; font-size: 13px !important; color: var(--sk-muted); padding: 4px 18px 0; }
.v26 .thumbnail > .product-price { order: 4; margin: auto 0 0 !important; padding: 10px 18px 0; }
.v26 .thumbnail > .product-price h4 { margin: 0; display: flex; flex-wrap: wrap-reverse; align-items: baseline; gap: 4px 10px; text-align: left !important; font-size: 20px; }
.v26 .thumbnail > .product-price h4, .v26 .thumbnail > .product-price h4 > span.number, .v26 .thumbnail > .product-price h4 > [itemprop] { font-weight: 700 !important; color: var(--sk-ink); }
.v26 .thumbnail .product-price .pull-left { float: none !important; order: 2; display: inline-flex; align-items: baseline; gap: 8px; }
.v26 .thumbnail .product-price .pull-left > small { position: static !important; margin: 0 !important; width: auto !important; font-size: 14px; color: var(--sk-muted); }
.v26 .thumbnail .product-price .pull-left > small * { font-weight: 400 !important; color: var(--sk-muted) !important; }
.v26 .thumbnail .label-danger { position: absolute; top: 12px; left: 12px; right: auto; width: auto !important; display: inline-block; z-index: 1; background: var(--sk-red); border-radius: 6px; font-size: 12px; padding: 5px 8px; font-weight: 700 !important; color: #fff !important; }
.v26 .thumbnail > .clear { order: 6; display: none; }
.v26 .thumbnail > div.text-center:not(.product-image) { order: 5; padding: 12px 18px 18px; text-align: left !important; }
.v26 .thumbnail > div.text-center:not(.product-image) > br { display: none; }
.v26 .sk-main [itemprop="articleBody"] { margin-left: -15px !important; margin-right: -15px !important; }
.v26 .thumbnail .vice-info { position: static !important; display: flex !important; width: 100% !important; justify-content: center; align-items: center; min-height: 44px; border-radius: var(--sk-radius-sm) !important; border: 0 !important; background: var(--sk-tint) !important; color: var(--sk-blue-dk) !important; font-weight: 700; font-size: 15px; text-decoration: none !important; padding: 0 !important; }
.v26 .thumbnail:hover .vice-info { background: var(--sk-blue) !important; color: #fff !important; }

/* stránkování */
.v26 .pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin: 24px 0 8px; }
.v26 .pagination > li { display: block; }
.v26 .pagination > li > a, .v26 .pagination > li > span { float: none; min-width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid var(--sk-line) !important; border-radius: var(--sk-radius-sm) !important; color: var(--sk-ink); font-weight: 700; background: #fff; margin: 0; }
.v26 .pagination > li > span > a, .v26 .pagination > li > span > span > a { color: var(--sk-ink); text-decoration: none; }
.v26 .pagination > .active > span, .v26 .pagination > .active > a { background: var(--sk-blue) !important; border-color: var(--sk-blue) !important; color: #fff !important; }
.v26 .pagination > .disabled > span { color: #9fb0bc; background: #fff; }

/* ==========================================================================
   TLAČÍTKA A FORMULÁŘE (globálně)
   ========================================================================== */
.v26 .btn { border-radius: var(--sk-radius-sm); font-weight: 700; font-family: 'SkLato', sans-serif; }
.v26 .btn-primary, .v26 input[type=submit].btn-primary { background: var(--sk-blue) !important; border-color: var(--sk-blue) !important; color: #fff !important; min-height: 48px; padding: 0 22px; font-size: 16px; box-shadow: none; text-shadow: none; background-image: none !important; }
.v26 .btn-primary:hover, .v26 .btn-primary:focus { background: var(--sk-blue-dk) !important; border-color: var(--sk-blue-dk) !important; }
.v26 .btn-default { min-height: 44px; border: 2px solid var(--sk-blue); color: var(--sk-blue); background: #fff; background-image: none; text-shadow: none; box-shadow: none; }
.v26 .btn-default:hover { background: var(--sk-tint); color: var(--sk-blue-dk); }
.v26 .form-control { border-radius: var(--sk-radius-sm); border-color: #b7c6d1; box-shadow: none; min-height: 44px; }

/* ==========================================================================
   PATIČKA
   ========================================================================== */
.v26 .sk-footer, .v26 footer.sk-footer { width: auto; max-width: none; border-radius: 0; padding: 0; margin-left: 0; margin-right: 0; }
.v26 .sk-footer { margin-top: 40px; background: var(--sk-blue-xdk); color: #c6d6e2; font-size: 15px; }
.v26 .sk-footer a, .v26 .sk-footer button { color: #fff; }
.v26 .sk-footer-in { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; padding-top: 52px; padding-bottom: 36px; }
.v26 .sk-footer-in > div { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.v26 .sk-footer-firm b { color: #fff; font-size: 20px; }
.v26 .sk-footer h4 { margin: 0 0 6px; color: #fff !important; font-size: 14px !important; letter-spacing: .08em; text-transform: uppercase; }
.v26 .sk-footer button { background: none; border: 0; padding: 0; font: inherit; text-align: left; }
.v26 .sk-footer button:hover { text-decoration: underline; }
.v26 .sk-footer-b { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 18px; padding-bottom: 18px; border-top: 1px solid rgba(255,255,255,.12); font-size: 13px; }
.v26 .sk-footer-b a { color: #c6d6e2; }

.v26 #scrollUp { left: auto; right: 20px; bottom: 20px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: var(--sk-blue) url('up.png') no-repeat center; box-shadow: var(--sk-shadow); }

/* ==========================================================================
   RESPONZIVITA
   ========================================================================== */
@media (max-width: 1199px) {
    .v26 .sk-help { display: none; }
    .v26 .sk-cart { margin-left: auto; }
    .v26 .sk-bar-h { flex-basis: 260px; }
    .v26 .sk-tile-txt b { font-size: 21px; }
}

@media (max-width: 991px) {
    .v26 .sk-wrap, .v26 .container.sk-main { padding-left: 16px; padding-right: 16px; }
    .v26 .sk-util-claim, .v26 .sk-util-r > a[href^="mailto"] { display: none; }
    .v26 .sk-util-in { justify-content: flex-end; }

    .v26 .sk-mast { position: sticky; top: 0; z-index: 1000; }
    .v26 .sk-mast-in { flex-wrap: wrap; gap: 8px 10px; padding-top: 8px; padding-bottom: 10px; }
    .v26 .sk-burger { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: var(--sk-radius-sm); background: none; color: var(--sk-ink); font-size: 22px; order: 1; }
    .v26 .sk-logo { order: 2; flex: 1; }
    .v26 .sk-logo img { height: 44px; }
    .v26 .sk-cart { order: 3; min-height: 44px; padding: 6px 12px; }
    .v26 .sk-cart-label { display: none; }
    .v26 .sk-search { order: 4; flex: 1 1 100%; max-width: none; }
    .v26 .sk-search-input, .v26 #header-search.sk-search-input { height: 44px !important; }
    .v26 .sk-search-btn span { display: none; }

    .v26 .sk-bar { display: none; }

    .v26 .sk-home { flex-direction: column; }
    .v26 .sk-home-side { order: 2; max-width: none; width: 100%; padding: 0; margin-top: 16px; }
    .v26 .sk-home-main { order: 1; padding-top: 14px; gap: 14px; }
    .v26 .sk-home-side .menu-tree { border-top: 1px solid var(--sk-line); border-radius: var(--sk-radius); }
    .v26 .sk-h1 { font-size: 20px; }
    .v26 .sk-h1 span { display: block; font-size: 14px; margin-top: 2px; }
    .v26 .sk-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .v26 .sk-tile--3, .v26 .sk-tile--2 { grid-column: span 1; min-height: 140px; }
    .v26 .sk-tile--2:last-child { grid-column: 1 / -1; min-height: 120px; }
    .v26 .sk-tile-txt { padding: 12px 0 12px 14px; }
    .v26 .sk-tile-txt b { font-size: 17px; }
    .v26 .sk-tile-txt span { display: none; }
    .v26 .sk-tile-go { width: 30px; height: 30px; margin: 0 10px 12px 0; font-size: 13px; }
    .v26 .sk-usp { grid-template-columns: 1fr; gap: 8px; }

    .v26 .sk-main .padding-r-nula { padding-right: 15px; margin-bottom: 16px; }
    .v26 .sk-main .row[style*="background-color: #005a8c"] h1,
    .v26 .sk-main .row[style*="background-color: #005a8c"] h2,
    .v26 .sk-main .col-md-9 > h2 { font-size: 26px !important; }
    .v26 div[itemtype="http://schema.org/ItemList"]:not(section) > [class*="col-"] { width: 50% !important; padding-left: 6px; padding-right: 6px; margin-bottom: 12px; }
    .v26 .thumbnail > h2.product-caption { padding: 12px 12px 0; font-size: 14px !important; }
    .v26 .thumbnail > .product-price { padding: 8px 12px 0; }
    .v26 .thumbnail > .product-price h4 { font-size: 17px; }
    .v26 .thumbnail > .text-center { padding: 10px 12px 12px; }
    .v26 .thumbnail > .product-note { padding: 2px 12px 0; }

    .v26 .sk-footer-in { grid-template-columns: 1fr 1fr; gap: 28px; }
}

/* ---------- Neutralizace mobilních pravidel z redesign-25.css (počítala s menu klonovaným přes JS) ---------- */
@media (max-width: 991px) {
    body.v26 > .container.sk-main { padding-top: 0 !important; }
    .v26 #frm-searchForm.sk-search { display: flex !important; position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: #fff !important; box-shadow: none !important; }
    .v26 .sk-util-login { display: none !important; }
    .v26 .sk-main .row > .col-md-9:not(.sk-home-main) { display: block !important; }
    .v26 .sk-main .sk-home > .sk-home-main { display: flex !important; }
    .v26 .sk-main .patro { display: inline-flex !important; }
    .v26 .sk-main .row > .col-md-12 > h2, .v26 .sk-main .row > .col-md-9 > h2, .v26 .sk-main .row > .col-md-9 > h1, .v26 .sk-main .row > .col-md-12 > h1 { display: block !important; margin-top: 0 !important; text-align: left !important; }
    .v26 .sk-main .row > .col-md-12 > a { display: inline-block !important; margin-bottom: 0; }
    .v26 .container > div > .row > .col-md-3.padding-r-nula { display: block !important; position: static !important; width: 100% !important; height: auto !important; outline: 0 !important; padding: 0 !important; margin: 0 0 16px !important; background: none !important; z-index: auto; }
    .v26 .container > div > .row > .col-md-3.padding-r-nula > nav { height: auto !important; overflow: visible !important; background: #fff !important; }
    .v26 .menu-tree.root > .nav.nav-list.tree.kategorie { padding-bottom: 0; background: none; }
    .v26 .menu-tree > .nav.hide + .bars, .v26 .menu-tree > .bars { display: flex !important; align-items: center; justify-content: space-between; width: 100%; min-height: 48px; padding: 0 18px; font-weight: 700; color: var(--sk-blue-dk); cursor: pointer; background: none; }
    .v26 .menu-tree > .bars::before { content: "Další podkategorie"; }
    .v26 .menu-tree > .bars::after { content: "\f107"; font-family: FontAwesome; font-size: 18px; }
    .v26 .sk-main .row[style*="15px -15px"] .col-md-3.padding-r-nula { padding: 0 !important; margin: 0 !important; }
}

@media (max-width: 480px) {
    .v26 .sk-switch:first-of-type { display: none; }
    .v26 .sk-footer-in { grid-template-columns: 1fr; }
}

/* Podkategorie na mobilu: sbalené za tlačítkem (sklomat-26.js), aby produkty nebyly až pod dlouhým seznamem */
.v26 .sk-subnav-toggle { display: none; }
@media (max-width: 991px) {
    .v26 .sk-subnav-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 48px; padding: 0 18px; border: 1px solid var(--sk-line); border-radius: var(--sk-radius); background: #fff; color: var(--sk-blue-dk); font-weight: 700; font-size: 15px; font-family: inherit; }
    .v26 .sk-subnav-toggle .fa { transition: transform .2s; }
    .v26 .sk-subnav-toggle[aria-expanded="true"] { border-radius: var(--sk-radius) var(--sk-radius) 0 0; border-bottom-color: var(--sk-line-soft); }
    .v26 .sk-subnav-toggle[aria-expanded="true"] .fa { transform: rotate(180deg); }
    .v26 .sk-subnav-collapsed > .menu-tree { display: none !important; }
    .v26 .sk-subnav-toggle[aria-expanded="true"] + .menu-tree { border-top: 0 !important; border-radius: 0 0 var(--sk-radius) var(--sk-radius) !important; }
    .v26 .sk-subnav .menu-tree > .bars { display: none !important; }
    .v26 .sk-subnav .menu-tree > .nav.hide { display: block !important; }
}

/* ==========================================================================
   KONFIGURÁTORY (police, zástěny, žáruvzdorné sklo, zrcadla …)
   Jen vzhled: pole, názvy i ID zůstávají, výpočet ceny běží beze změny.
   Šablony rámů (ramnamiru*) se nepřestylovávají – Rámomat zůstává, jak je.
   ========================================================================== */
.v26 .product-detail .fieldsetram,
.v26 .product-detail fieldset.typ { border: 1px solid var(--sk-line) !important; border-radius: var(--sk-radius); padding: 16px 20px 18px !important; margin: 0 0 4px; background: #fff; }
.v26 .product-detail .fieldsetram + br { display: none; }
.v26 .product-detail .fieldsetram { margin-bottom: 16px; }
.v26 .product-detail legend { border: 0 !important; width: auto; margin: 0 0 10px !important; padding: 0 !important; font-family: 'SkLato', sans-serif !important; font-weight: 700; font-size: 18px !important; color: var(--sk-ink) !important; }
.v26 .product-detail fieldset.typ > legend { font-size: 18px !important; }
.v26 .product-detail label.normal { display: inline-flex; align-items: center; gap: 10px; min-height: 36px; margin: 0; font-weight: 400; font-size: 16px; color: var(--sk-ink); }
.v26 .product-detail label.normal.delsi { display: flex; align-items: flex-start; padding-top: 7px !important; padding-bottom: 7px !important; min-height: 0; line-height: 1.4; width: 100%; padding: 2px 10px; margin: 0 -10px; border-radius: 8px; box-sizing: content-box; }
.v26 .product-detail label.normal.delsi:hover { background: var(--sk-surface); }
.v26 .product-detail label.normal.delsi:has(input:checked) { background: var(--sk-tint); font-weight: 700; }
.v26 .product-detail label.normal.delsi:has(input:disabled) { opacity: .45; }
.v26 .product-detail label.normal.delsi + br { display: none; }
.v26 .product-detail input[type=radio], .v26 .product-detail input[type=checkbox] { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--sk-blue); flex: none; }
.v26 .product-detail input.rozmer, .v26 .product-detail input.quantity, .v26 .product-detail select { height: 42px; border: 1px solid #b7c6d1; border-radius: 8px; padding: 0 10px; font-size: 16px; font-weight: 700; color: var(--sk-ink); background: #fff; box-shadow: none; }
.v26 .product-detail input.rozmer, .v26 .product-detail input.quantity { width: 84px; text-align: right; margin: 3px 6px 3px 0; }
.v26 .product-detail fieldset label.normal:not(.delsi) { min-width: 64px; }

/* tvary (obrázkové volby) */
.v26 .product-detail .ramecek { position: relative; border: 2px solid var(--sk-line) !important; border-radius: 12px; padding: 10px 12px 12px !important; margin: 0 0 10px !important; background: #fff; text-align: center; transition: border-color .15s, background .15s; }
.v26 .product-detail .ramecek:hover { border-color: #7fa9c2 !important; }
.v26 .product-detail .ramecek:has(input:checked) { border-color: var(--sk-blue) !important; background: var(--sk-tint); }
.v26 .product-detail .ramecek > div:first-child { font-weight: 700; font-size: 15px; margin-bottom: 6px; color: var(--sk-ink); }
.v26 .product-detail .ramecek input[type=radio] { position: absolute; top: 12px; left: 12px; }
.v26 .product-detail .ramecek img.typ { max-width: 100%; height: auto; margin: 0 auto; border-radius: 8px; display: block; }
.v26 .product-detail .ramecek > br { display: none; }

/* dostupnost + upozornění */
.v26 .skladem { display: inline-flex !important; align-items: center; gap: 6px; padding: 6px 12px !important; border-radius: 999px !important; background: #e7f4ec !important; color: var(--sk-green) !important; font-weight: 700; font-size: 14px; border: 0 !important; }
.v26 .skladem .fa { color: var(--sk-green) !important; }
.v26 .udodavatele { display: inline-flex; gap: 6px; align-items: center; padding: 6px 12px; border-radius: 999px; background: #fff4e5; color: #8a4b00; font-weight: 700; font-size: 14px; }
.v26 #dodaci { display: inline-block; margin-top: 6px; color: var(--sk-muted); font-size: 14px; }
.v26 .product-detail p:has(> strong:first-child) { background: #fff4e5; border-radius: 12px; padding: 14px 16px; color: #5c3300; font-size: 14px; line-height: 1.5; }
.v26 .product-detail p:has(> strong:first-child) strong { color: #5c3300; }

/* cenový box: místo plovoucího u okraje okna lepivý panel v pravém sloupci */
@media (min-width: 992px) {
    .v26:not([data-page*="/ramnamiru"]) .row.product-detail.relative,
    .v26:not([data-page*="/ramnamiru"]) .row.relative:has(> .absolute) { position: relative; padding-right: 330px; margin-right: 0; }
    .v26:not([data-page*="/ramnamiru"]) .row.product-detail.relative > .col-md-4:first-child { width: 42%; }
    .v26:not([data-page*="/ramnamiru"]) .row.product-detail.relative > .col-md-4 + .col-md-4 { width: 58% !important; }
    .v26:not([data-page*="/ramnamiru"]) .row.product-detail > .absolute,
    .v26:not([data-page*="/ramnamiru"]) .row.relative > .absolute { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0; left: auto !important; width: 310px; height: auto; animation: none !important; z-index: 5; }
    .v26:not([data-page*="/ramnamiru"]) .absolute > #cena { position: sticky !important; top: 24px !important; float: none; width: 100% !important; height: auto !important; display: flex !important; flex-wrap: wrap; align-items: center; gap: 12px; padding: 22px !important; border: 1px solid var(--sk-line) !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 18px 40px rgba(0, 40, 63, .12) !important; }
    .v26:not([data-page*="/ramnamiru"]) .absolute > #cena > br { display: none; }
    .v26:not([data-page*="/ramnamiru"]) .absolute > #cena > .price { flex: 1 1 100%; display: block; text-align: left !important; font-size: 14px !important; line-height: 1.4; color: var(--sk-muted) !important; font-weight: 400 !important; }
    .v26:not([data-page*="/ramnamiru"]) .absolute > #cena > .price .number, .v26:not([data-page*="/ramnamiru"]) .absolute > #cena .number { font-size: 22px !important; font-weight: 700; color: var(--sk-ink) !important; white-space: nowrap; }
    .v26:not([data-page*="/ramnamiru"]) .absolute > #cena > .quantity { float: none !important; width: 72px; height: 52px; margin: 0; text-align: center; border: 1px solid #b7c6d1; border-radius: var(--sk-radius-sm); font-size: 17px; font-weight: 700; }
    .v26:not([data-page*="/ramnamiru"]) .absolute > #cena > .btn { flex: 1; min-height: 52px; font-size: 17px; float: none; margin: 0; }
}
/* mobil: zůstává lišta dole (redesign-25), jen v nových barvách */
@media (max-width: 991px) {
    .v26:not([data-page*="/ramnamiru"]) #cena { background: #fff !important; border-top: 1px solid var(--sk-line) !important; box-shadow: 0 -8px 24px rgba(0, 40, 63, .14) !important; padding: 10px 16px 14px !important; display: flex !important; align-items: center; gap: 10px; flex-wrap: wrap; }
    .v26:not([data-page*="/ramnamiru"]) #cena .price { flex: 1 1 100%; color: var(--sk-ink) !important; font-size: 14px; }
    .v26:not([data-page*="/ramnamiru"]) #cena .price .number { font-size: 20px; font-weight: 700; }
    .v26:not([data-page*="/ramnamiru"]) #cena .quantity { width: 64px; height: 46px; border-radius: 8px; border: 1px solid #b7c6d1; text-align: center; float: none !important; margin: 0; }
    .v26:not([data-page*="/ramnamiru"]) #cena button { flex: 1; min-height: 46px; background: var(--sk-blue) !important; color: #fff !important; }
    .v26 .row.product-detail > [class*="col-md-"] { width: 100% !important; }
    .v26 .row.product-detail.relative { padding-bottom: 120px; }
}

/* ==========================================================================
   DETAIL PRODUKTU (běžný produkt)
   ========================================================================== */
.v26 .product-detail h2.bezramecku, .v26 .product-detail h2.ramecek { font-size: 26px !important; color: var(--sk-ink) !important; background: none !important; padding: 0 !important; margin: 0 0 12px !important; text-align: left; }
.v26 .product-detail .price-vat, .v26 .product-detail .price-vat * { font-size: 30px; font-weight: 700 !important; color: var(--sk-ink) !important; }
.v26 .product-detail h4 { margin: 14px 0 2px; }
.v26 .product-detail .price, .v26 .product-detail .price * { color: var(--sk-muted); font-size: 15px; font-weight: 400; }
.v26 .product-detail [itemprop="description"] { color: var(--sk-ink-2); margin: 12px 0 16px; }
.v26 .product-detail .col-md-4 > a.fancy { display: block; border-radius: var(--sk-radius); overflow: hidden; background: var(--sk-surface); margin-bottom: 10px; }
.v26 .product-detail .col-md-4 > a.fancy + br { display: none; }
.v26 .product-detail .col-md-4 > a.fancy img { mix-blend-mode: multiply; margin: 0 auto; }
.v26 #frm-cartForm { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--sk-line); border-radius: var(--sk-radius); background: var(--sk-surface); margin-top: 6px; }
.v26 #frm-cartForm .form-group { margin: 0; display: flex; align-items: center; gap: 8px; }
.v26 #frm-cartForm .input-quantity { width: 72px; height: 48px; text-align: center; font-weight: 700; display: inline-block; }
.v26 #frm-cartForm .btn-primary { min-height: 48px; flex: 1 1 200px; }
.v26 #frm-cartForm select.attr { height: 44px; border-radius: 8px; border: 1px solid #b7c6d1; padding: 0 10px; }
.v26 .ramomat-config .btn-primary { min-height: 52px; }
@media (max-width: 991px) {
    .v26:not([data-page*="/ramnamiru"]) #cena .price { text-align: left !important; }
    body.v26:has(#cena) .sk-footer { padding-bottom: 120px; }
    .v26 .product-detail .price-vat, .v26 .product-detail .price-vat * { font-size: 24px; }
}
/* detail: název produktu je už v H1 nahoře – druhý nadpis jen pro čtečky (microdata zůstávají) */
.v26 .product-detail h2.bezramecku { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: 0 !important; }

/* ==========================================================================
   KOŠÍK A OBJEDNÁVKA
   ========================================================================== */
.v26 .sk-main table, .v26 .sk-main .table, .v26 .sk-main input, .v26 .sk-main select, .v26 .sk-main textarea, .v26 .sk-main button, .v26 .steps, .v26 .steps a { font-family: 'SkLato', sans-serif !important; }
.v26 .steps { border-radius: var(--sk-radius); overflow: hidden; margin: 8px 0 24px; }
.v26 .steps li > a { font-weight: 700; }
.v26 #cart-management .table, .v26 .fancyform .table { border: 1px solid var(--sk-line); border-collapse: separate; border-spacing: 0; border-radius: var(--sk-radius); overflow: hidden; background: #fff; }
.v26 #cart-management .table > thead > tr > th { background: var(--sk-surface); border: 0; border-bottom: 1px solid var(--sk-line); font-size: 14px; color: var(--sk-muted); font-weight: 700; padding: 12px 14px; }
.v26 #cart-management .table > tbody > tr > td { border: 0; border-bottom: 1px solid var(--sk-line-soft); padding: 14px; vertical-align: middle; background: #fff; }
.v26 #cart-management .table > tbody > tr > td:nth-child(2) { font-weight: 700; }
.v26 #cart-management .table > tbody > tr > td:nth-child(2) span { font-weight: 400; color: var(--sk-muted); display: inline-block; margin-top: 2px; }
.v26 #cart-management .table > tbody > tr > td img { border-radius: 8px; background: var(--sk-surface); }
.v26 #cart-management .table > tfoot > tr > th, .v26 #cart-management .table > tfoot > tr > td { border: 0; background: #fff; padding: 8px 14px; font-weight: 400; color: var(--sk-muted); }
.v26 #cart-management .table > tfoot > tr:last-child > th, .v26 #cart-management .table > tfoot > tr:last-child > td { border-top: 2px solid var(--sk-ink); color: var(--sk-ink); font-weight: 700; font-size: 18px; padding-top: 12px; padding-bottom: 14px; }
.v26 #cart-management .table > tfoot > tr:last-child strong, .v26 #cart-management .table > tfoot > tr:last-child strong * { color: var(--sk-blue); font-size: 22px; }
.v26 #cart-management .table-striped > tbody > tr:nth-of-type(odd) > td { background: #fff; }
.v26 #cart-management input.input-quantity, .v26 #cart-management td input[type=text] { width: 64px !important; height: 44px; border: 1px solid #b7c6d1; border-radius: 8px; text-align: center; font-weight: 700; }
.v26 #cart-management .remove-button { min-height: 44px; padding: 0 14px; margin-left: 6px; font-size: 14px; }
.v26 .form-buttons { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 10px; }
.v26 .form-buttons input[type=submit] { min-height: 52px; padding: 0 22px; border-radius: var(--sk-radius-sm); font-weight: 700; font-size: 16px; margin: 0 !important; }
.v26 .form-buttons input[name=checkout], .v26 .form-buttons input[name=submit], .v26 .form-buttons .btn-primary { background: var(--sk-blue) !important; color: #fff !important; border: 0 !important; font-size: 17px; padding: 0 28px; }
.v26 .form-buttons input[name=checkout]:hover { background: var(--sk-blue-dk) !important; }
.v26 .form-buttons .rsipka { display: none; }
.v26 .w3-panel.w3-success { background: var(--sk-tint) !important; border: 0; border-radius: var(--sk-radius); padding: 18px 20px; color: var(--sk-ink-2); }
.v26 .fancyform label, .v26 .fancyform .form-component label { font-weight: 700; color: var(--sk-ink); }
.v26 .fancyform input[type=text], .v26 .fancyform input[type=email], .v26 .fancyform input[type=tel], .v26 .fancyform input[type=password], .v26 .fancyform select, .v26 .fancyform textarea { border: 1px solid #b7c6d1; border-radius: 8px; min-height: 44px; padding: 8px 12px; box-shadow: none; }
.v26 .fancyform input:focus, .v26 .fancyform select:focus, .v26 .fancyform textarea:focus { border-color: var(--sk-blue); outline: 0; box-shadow: 0 0 0 3px rgba(0, 90, 140, .18); }
@media (max-width: 991px) {
    .v26 .steps { margin-top: 0 !important; }
    .v26 .form-buttons { justify-content: stretch; }
    .v26 .form-buttons input[type=submit] { flex: 1 1 100%; }
}

/* ==========================================================================
   ČLÁNKY A OBSAH Z ADMINU (O nás, doprava, landing stránky) – obecné zjemnění
   ========================================================================== */
.v26 .sk-main .col-md-9 > p, .v26 .sk-main .col-md-9 > ul, .v26 .sk-main .col-md-9 > ol { color: var(--sk-ink-2); }
.v26 .sk-main .col-md-9 img { max-width: 100%; height: auto; }
.v26 .sk-main .col-md-9 table:not(.table) { max-width: 100%; }
.v26 .sk-main .col-md-9 h2:not(.patro):not(.product-caption), .v26 .sk-main .col-md-9 h3 { color: var(--sk-ink); }
/* drawer: přebít staré styly .kategorie (zarovnání vpravo, dvojité linky) */
.v26 .sk-drawer-cats ul, .v26 .sk-drawer-cats li { text-align: left !important; border: 0 !important; margin: 0 !important; padding: 0 !important; background: none !important; float: none !important; width: 100% !important; }
.v26 .sk-drawer-cats li a { display: flex !important; justify-content: space-between; align-items: center; text-align: left !important; margin: 0 !important; }
.v26 .sk-drawer-cats li a::after { content: "\f105"; font-family: FontAwesome; color: var(--sk-blue); font-weight: 400; }
/* landing: výpis výprodeje zarovnaný s nadpisem sekce */
.v26 .sk-home + [role="main"] .col-md-12 > article [itemprop="articleBody"] { margin-left: -30px !important; margin-right: -30px !important; }

/* ==========================================================================
   OPRAVY PO TESTU NA ŽIVÉM WEBU
   ========================================================================== */

/* 1) Nadpisy: style.css dává VŠEM h1/h2 modrý podklad + bílý text.
      V obsahu je sjednotíme na tmavý text bez podkladu (oddíl = linka pod nadpisem). */
.v26 .sk-main h1:not(.patro):not(.sk-h1),
.v26 .sk-main h2:not(.patro):not(.product-caption),
.v26 .sk-drawer h2 { background: none !important; color: var(--sk-ink) !important; text-shadow: none; }
.v26 .sk-main .col-md-9 h2:not(.patro):not(.product-caption):not(.post-title),
.v26 .sk-main .col-md-12 h2:not(.patro):not(.product-caption),
.v26 .sk-main .fancyform h2 { padding: 0 0 8px !important; margin: 28px 0 14px !important; font-size: 22px !important; text-align: left; border-bottom: 2px solid var(--sk-line-soft); line-height: 1.25; }
.v26 .sk-main .fancyform h2::after, .v26 .sk-main .fancyform h2::before { display: none !important; }
.v26 .sk-main .row[style*="background-color: #005a8c"] h1,
.v26 .sk-main .row[style*="background-color: #005a8c"] h2 { border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 36px !important; }
/* tlačítka-odkazy v úvodech kategorií (modrý podklad + bílý text) nechat, jak jsou */
.v26 .sk-main .uvod h2 a { color: #fff !important; }
.v26 .sk-main .uvod h2 a.unsel { color: var(--sk-blue) !important; }
/* modré pruhy s textem uvnitř obsahu z adminu (inline styl s pozadím) – text bílý */
.v26 .sk-main [style*="background-color: #005a8c"]:not(.row) , .v26 .sk-main [style*="background:#005a8c"], .v26 .sk-main [style*="background-color:#005a8c"] { color: #fff; }

/* 2) Formuláře (registrace, objednávka, přihlášení): bez poskakování při focusu, label vlevo, pole vpravo */
.v26 .fancyform, .v26 .fancyform * { font-family: 'SkLato', sans-serif !important; }
.v26 .fancyform .form-component { display: flex; align-items: center; gap: 14px; margin: 0 0 12px !important; }
.v26 .fancyform .form-component > label:first-child { float: none; flex: 0 0 120px; width: 120px; margin: 0; color: var(--sk-ink); font-weight: 700; font-size: 15px; line-height: 1.3; }
.v26 .fancyform input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
.v26 .fancyform textarea, .v26 .fancyform select { flex: 1 1 auto; width: auto; min-width: 0; height: 46px; margin: 0 !important; padding: 0 14px !important; border: 1px solid #b7c6d1 !important; border-radius: 8px !important; background: #fff !important; font-size: 16px; color: var(--sk-ink); box-shadow: none; box-sizing: border-box; transition: border-color .15s, box-shadow .15s; }
.v26 .fancyform textarea { height: auto; min-height: 110px; padding: 10px 14px !important; }
.v26 .fancyform input:not([type="submit"]):focus, .v26 .fancyform textarea:focus, .v26 .fancyform select:focus,
.v26 .fancyform *:focus { margin: 0 !important; border-bottom-style: solid !important; outline: 0; }
.v26 .fancyform input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus,
.v26 .fancyform textarea:focus, .v26 .fancyform select:focus { border: 1px solid var(--sk-blue) !important; box-shadow: 0 0 0 3px rgba(0, 90, 140, .18) !important; }
.v26 .fancyform input[type="checkbox"], .v26 .fancyform input[type="radio"] { width: 18px !important; min-width: 18px !important; height: 18px; margin: 0 8px 0 0 !important; accent-color: var(--sk-blue); vertical-align: -3px; float: none !important; }
.v26 .fancyform .invalid { background: #fdecea !important; border-color: #d4202c !important; }
.v26 .fancyform .form-buttons { margin-top: 24px !important; }
.v26 .fancyform input[type="button"], .v26 #validate_company { min-height: 44px; padding: 0 18px !important; border: 2px solid var(--sk-blue) !important; border-radius: 8px !important; background: #fff !important; color: var(--sk-blue) !important; font-weight: 700; cursor: pointer; }
@media (max-width: 767px) {
    .v26 .fancyform .form-component { flex-wrap: wrap; gap: 6px; }
    .v26 .fancyform .form-component > label:first-child { flex-basis: 100%; width: 100%; }
}

/* 3) Přihlášení: formulář jako karta uprostřed */
.v26[data-page*="prihlaseni"] .sk-main, .v26[data-page*="prihlasenie"] .sk-main { padding-top: 40px; }
.v26 #frm-loginForm { max-width: 460px; margin: 0 auto 20px; padding: 28px 28px 24px; border: 1px solid var(--sk-line); border-radius: 18px; background: #fff; box-shadow: var(--sk-shadow); }
.v26 #frm-loginForm::before { content: "Přihlášení"; display: block; font-size: 28px; font-weight: 700; color: var(--sk-ink); margin-bottom: 20px; }
.v26:lang(sk) #frm-loginForm::before, html[lang^="sk"] .v26 #frm-loginForm::before { content: "Prihlásenie"; }
.v26 #frm-loginForm .form-component { flex-direction: column; align-items: stretch; gap: 6px; margin-bottom: 14px !important; }
.v26 #frm-loginForm .form-component > label:first-child { flex: none; width: auto; }
.v26 #frm-loginForm .form-buttons { margin-top: 18px !important; display: block; }
.v26 #frm-loginForm .form-buttons input[type="submit"] { width: 100%; }
.v26 #frm-loginForm ~ p { max-width: 460px; margin: 0 auto 8px; text-align: center; color: var(--sk-ink-2); }

/* 4) Našeptávač: zatemnění se kreslí pod celou hlavičkou, pole + tlačítko + výsledky zůstávají ostré nad ním */
.v26 .sk-search .ajax-search-modal::before { display: none !important; }
body.v26.no-scroll::before { content: ""; position: fixed; inset: 0; z-index: 999; background: rgba(0, 20, 32, .55); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
body.v26.no-scroll .sk-mast { position: relative; z-index: 1000; }
.v26 .sk-search .ajax-search-modal { z-index: 5; border-radius: var(--sk-radius); box-shadow: 0 24px 60px rgba(0, 20, 32, .35); }

/* 5) Zástupný obrázek */
.v26 img.sk-noimg { object-fit: contain; background: var(--sk-surface); }
.v26 .thumbnail img.sk-noimg { width: 100%; height: 100%; mix-blend-mode: normal; }

/* ==========================================================================
   VERZE 1.2
   ========================================================================== */

/* Stránkování vždy na vlastním řádku přes celou šířku a vodorovně – i když obsah z adminu
   (úvod kategorie) obsahuje plovoucí nebo neuzavřené bloky (např. /produkty/ramovani). */
.v26 .sk-main .row:has(> .text-center > nav > ul.pagination),
.v26 .sk-main .text-center:has(> nav > ul.pagination),
.v26 .sk-main nav:has(> ul.pagination) { display: block !important; clear: both !important; float: none !important; width: 100% !important; max-width: none; flex: 0 0 100% !important; order: 999; margin-left: 0 !important; margin-right: 0 !important; position: static !important; }
.v26 .sk-main :has(> .row > .text-center > nav > ul.pagination) { flex-wrap: wrap; }
.v26 .pagination { display: flex !important; flex-direction: row !important; flex-wrap: wrap; justify-content: center; width: 100%; float: none !important; position: static !important; }
.v26 .pagination > li { float: none !important; display: block !important; width: auto !important; }

/* Nadpis kategorie (pruh pod „‹ KATEGORIE“) zůstává velký – v1.1 ho omylem zmenšila pravidlem pro nadpisy v obsahu */
.v26 .sk-main .row[style*="15px -15px"] > .col-md-9 > h2:not(.patro):not(.product-caption):not(.post-title),
.v26 .sk-main .row[style*="15px -15px"] .row[style*="background-color: #005a8c"] h1:not(.patro),
.v26 .sk-main .row[style*="15px -15px"] .row[style*="background-color: #005a8c"] h2:not(.patro) { font-size: 36px !important; line-height: 1.15; border: 0 !important; padding: 0 !important; margin: 0 !important; }
.v26 .sk-home + [role="main"] > .row[style*="15px -15px"] > .col-md-9 > h2:not(.patro) { font-size: 30px !important; }
@media (max-width: 991px) {
    .v26 .sk-main .row[style*="15px -15px"] > .col-md-9 > h2:not(.patro):not(.product-caption):not(.post-title),
    .v26 .sk-main .row[style*="15px -15px"] .row[style*="background-color: #005a8c"] h1:not(.patro),
    .v26 .sk-main .row[style*="15px -15px"] .row[style*="background-color: #005a8c"] h2:not(.patro) { font-size: 26px !important; }
}

/* ==========================================================================
   VERZE 1.3
   ========================================================================== */

/* 1) „Hlavní kategorie“: rozbalovací seznam hlavních kategorií po najetí myší (jen desktop, lišta je pod 992 px skrytá) */
.v26 .sk-catdd { position: relative; flex: 0 0 276px; display: flex; z-index: 1500; }
.v26 .sk-catdd > .sk-bar-h { flex: 1 1 auto; }
.v26 .sk-catdd > .sk-bar-h::after { content: "\f107"; font-family: FontAwesome; font-weight: 400; margin-left: auto; opacity: .8; transition: transform .15s; }
.v26 .sk-catdd.is-open > .sk-bar-h { background: var(--sk-blue-xdk); }
.v26 .sk-catdd.is-open > .sk-bar-h::after { transform: rotate(180deg); }
.v26 .sk-catdd-panel { position: absolute; top: 100%; left: 0; width: 100%; min-width: 276px; max-height: calc(100vh - 190px); overflow-y: auto; background: #fff; border: 1px solid var(--sk-line); border-top: 0; border-radius: 0 0 var(--sk-radius) var(--sk-radius); box-shadow: 0 18px 40px rgba(0, 40, 63, .22); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .15s, transform .15s, visibility 0s .15s; }
.v26 .sk-catdd.is-open .sk-catdd-panel { opacity: 1; visibility: visible; transform: none; transition: opacity .15s, transform .15s; }
.v26 .sk-catdd-panel ul { list-style: none; margin: 0; padding: 6px 0; }
.v26 .sk-catdd-panel li { margin: 0; padding: 0; border: 0; }
.v26 .sk-catdd-panel li + li { border-top: 1px solid var(--sk-line-soft); }
.v26 .sk-catdd-panel a { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 18px; color: var(--sk-ink); font-weight: 700; font-size: 15px; line-height: 1.3; text-decoration: none; }
.v26 .sk-catdd-panel a::after { content: "\f105"; font-family: FontAwesome; font-weight: 400; color: var(--sk-blue); }
.v26 .sk-catdd-panel a:hover, .v26 .sk-catdd-panel a:focus { background: var(--sk-tint); color: var(--sk-blue); outline: 0; }
@media (max-width: 1199px) { .v26 .sk-catdd { flex-basis: 260px; } }

/* 2) Kroky objednávky: „Zpět“ vlevo, hlavní tlačítko vpravo */
.v26 .sk-step-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 8px; text-align: left; }
.v26 .sk-has-back > .sk-step-back { margin-right: auto; }
.v26 .sk-step-back { display: inline-flex; align-items: center; gap: 8px; min-height: 52px; padding: 0 22px; border: 2px solid var(--sk-blue); border-radius: var(--sk-radius-sm); background: #fff; color: var(--sk-blue) !important; font-weight: 700; font-size: 16px; text-decoration: none !important; box-sizing: border-box; }
.v26 .sk-step-back:hover, .v26 .sk-step-back:focus { background: var(--sk-tint); color: var(--sk-blue-dk) !important; }
.v26 .sk-step-back svg { flex: 0 0 auto; }
.v26 .sk-step-nav input[type=submit], .v26 .sk-step-nav button { min-height: 52px; margin: 0 !important; }
@media (max-width: 991px) {
    .v26 .sk-has-back { flex-direction: column-reverse; align-items: stretch; }
    .v26 .sk-has-back > * { width: 100% !important; justify-content: center; text-align: center; margin: 0 !important; }
}

/* 3) Zprávy (flash) a potvrzení objednávky */
.v26 .sk-flash { background: var(--sk-tint); color: var(--sk-blue-dk); border-bottom: 1px solid #cfe2f3; text-align: center; font-size: 15px; font-weight: 700; padding: 10px 16px; }
.v26 .sk-flash--danger { background: #fdecee; color: #8f1520; border-color: #f6c9ce; }
.v26 .sk-flash--success { background: #e9f7ee; color: #145a2d; border-color: #c4e8d0; }

.v26 .sk-done { display: flex; justify-content: center; padding: 48px 0 72px; }
.v26 .sk-done-card { width: 100%; max-width: 640px; box-sizing: border-box; background: #fff; border: 1px solid var(--sk-line); border-radius: 20px; box-shadow: var(--sk-shadow); padding: 44px 40px 36px; text-align: center; }
.v26 .sk-done-ico { width: 92px; height: 92px; margin: 0 auto 22px; border-radius: 50%; background: #e3f6e9; color: #23974c; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 10px #f1fbf4; animation: skDonePop .45s ease-out both; }
.v26 .sk-done-ico svg { width: 52px; height: 52px; }
.v26 .sk-done-ico path { stroke-dasharray: 40; stroke-dashoffset: 40; animation: skDoneDraw .45s .3s ease-out forwards; }
@keyframes skDonePop { from { transform: scale(.6); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes skDoneDraw { to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce) { .v26 .sk-done-ico, .v26 .sk-done-ico path { animation: none; stroke-dashoffset: 0; } }
.v26 .sk-done-body { color: var(--sk-ink-2); font-size: 17px; line-height: 1.6; }
.v26 .sk-done-body h1, .v26 .sk-done-body h2, .v26 .sk-done-body h3 { background: none !important; color: var(--sk-ink) !important; border: 0 !important; padding: 0 !important; margin: 0 0 10px !important; text-align: center !important; text-transform: none !important; text-shadow: none !important; }
.v26 .sk-done-body h1, .v26 .sk-done-body h2 { font-size: 30px !important; }
.v26 .sk-done-body h3 { font-size: 22px !important; }
.v26 .sk-done-body p { margin: 0 0 10px; text-align: center !important; }
.v26 .sk-done-body > :last-child { margin-bottom: 0; }
.v26 .sk-done-body img { max-width: 100%; height: auto; }
.v26 .sk-done-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 28px; }
.v26 .sk-done-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 24px; border: 2px solid var(--sk-blue); border-radius: var(--sk-radius-sm); color: var(--sk-blue) !important; background: #fff; font-weight: 700; font-size: 16px; text-decoration: none !important; }
.v26 .sk-done-btn:hover { background: var(--sk-tint); }
.v26 .sk-done-btn--primary { background: var(--sk-blue); color: #fff !important; }
.v26 .sk-done-btn--primary:hover { background: var(--sk-blue-dk); border-color: var(--sk-blue-dk); }
.v26 .sk-done-help { margin: 22px 0 0; padding-top: 18px; border-top: 1px solid var(--sk-line-soft); color: var(--sk-muted); font-size: 14px; }
@media (max-width: 600px) {
    .v26 .sk-done { padding: 20px 0 40px; }
    .v26 .sk-done-card { padding: 32px 20px 26px; border-radius: 16px; }
    .v26 .sk-done-ico { width: 76px; height: 76px; margin-bottom: 18px; }
    .v26 .sk-done-body h1, .v26 .sk-done-body h2 { font-size: 24px !important; }
    .v26 .sk-done-btn { flex: 1 1 100%; }
}
.v26 .sk-done-help a { white-space: nowrap; }

/* Verze 1.4 – cenový box se při scrollování připne k hornímu okraji okna (pozice a šířka z sklomat-26.js) */
@media (min-width: 992px) {
    .v26:not([data-page*="/ramnamiru"]) .absolute > #cena.sk-cena-fixed { position: fixed !important; top: 24px !important; right: auto !important; left: var(--sk-cena-l, auto) !important; width: var(--sk-cena-w, 310px) !important; z-index: 60; box-shadow: 0 22px 48px rgba(0, 40, 63, .2) !important; }
}

/* ==========================================================================
   VERZE 1.5 – telefon
   ========================================================================== */
@media (max-width: 991px) {
    /* Úvod: levé menu pod dlaždicemi mělo pevnou výšku 300 px (flex-basis ze sloupcového layoutu) a přetékalo do výpisu */
    .v26 .sk-home-side { flex: none !important; height: auto !important; }

    /* Výpis produktů: řádek s mínus okraji Bootstrapu přesahoval obsah o 15–30 px na každé straně */
    .v26 .sk-main .row:has(> div[itemtype="http://schema.org/ItemList"]) { margin-left: 0 !important; margin-right: 0 !important; }
    .v26 .sk-main div[itemtype="http://schema.org/ItemList"] { width: auto !important; margin-left: -5px !important; margin-right: -5px !important; }
    .v26 .sk-main div[itemtype="http://schema.org/ItemList"] > [class*="col-"] { padding-left: 5px !important; padding-right: 5px !important; }

    /* Úvod: výpis výprodeje – desktopové vyrovnání (-30 px) a nesouměrné odsazení sloupce na mobilu zrušit */
    .v26 .sk-home + [role="main"] .col-md-12 > article [itemprop="articleBody"] { margin-left: 0 !important; margin-right: 0 !important; }
    .v26 .sk-home + [role="main"] > .row > .col-md-12 { padding-left: 0 !important; padding-right: 0 !important; }

    /* Detail produktu: množství a jednotka se zalomí místo přetečení */
    .v26 #frm-cartForm .form-group { flex-wrap: wrap; }
}

@media (max-width: 600px) {
    /* Košík: položka jako karta – fotka, název přes celou šířku, pod ním počet + odebrat a cena */
    .v26 form#cart-management .table, .v26 form#cart-management .table > tbody, .v26 form#cart-management .table > tfoot { display: block; width: 100%; }
    .v26 form#cart-management .table > thead { display: none; }
    .v26 form#cart-management .table > tfoot > tr { display: flex; align-items: baseline; gap: 12px; padding: 0 14px; background: #fff; }
    .v26 form#cart-management .table > tfoot > tr > * { display: block; flex: none; padding: 8px 0 !important; border: 0 !important; background: none !important; }
    .v26 form#cart-management .table > tfoot > tr:last-child { border-top: 2px solid var(--sk-ink); }
    .v26 form#cart-management .table > tfoot > tr:last-child > * { padding: 12px 0 14px !important; }
    .v26 form#cart-management .table > tfoot > tr:last-child strong, .v26 form#cart-management .table > tfoot > tr:last-child strong * { font-size: 20px; }
    .v26 form#cart-management .table > tfoot > tr > :nth-child(2) { flex: 1 1 auto; }
    .v26 form#cart-management .table > tfoot > tr > :nth-child(4) { text-align: right; }
    .v26 form#cart-management .table > tbody > tr { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; grid-template-areas: "img name name" "qty qty price"; gap: 10px 12px; align-items: center; padding: 14px; border-bottom: 1px solid var(--sk-line-soft); }
    .v26 form#cart-management .table > tbody > tr:has(> td[style*="none"]) { display: none; }
    .v26 form#cart-management .table > tbody > tr > td { display: block; padding: 0 !important; border: 0 !important; width: auto !important; }
    .v26 form#cart-management .table > tbody > tr > td:nth-child(1) { grid-area: img; align-self: start; }
    .v26 form#cart-management .table > tbody > tr > td:nth-child(1) img { width: 56px; height: 56px; object-fit: cover; }
    .v26 form#cart-management .table > tbody > tr > td:nth-child(2) { grid-area: name; font-size: 15px; line-height: 1.35; }
    .v26 form#cart-management .table > tbody > tr > td:nth-child(3) { grid-area: qty; display: flex; align-items: center; gap: 8px; }
    .v26 form#cart-management .table > tbody > tr > td:nth-child(3) input { width: 56px !important; max-width: 56px !important; flex: none; }
    .v26 form#cart-management .table > tbody > tr > td:nth-child(3) .remove-button { display: inline-flex; align-items: center; width: auto !important; margin: 0 !important; min-height: 40px; padding: 0 12px; color: var(--sk-muted) !important; background: none !important; border: 1px solid var(--sk-line) !important; border-radius: 8px; font-size: 13px; }
    .v26 form#cart-management .table > tbody > tr > td:nth-child(4) { grid-area: price; text-align: right; white-space: nowrap; font-weight: 700; }
    .v26 form#cart-management .table > tfoot strong, .v26 form#cart-management .table > tfoot .number { white-space: nowrap; }
    .v26 form#cart-management .table > tfoot > tr > th:first-child, .v26 form#cart-management .table > tfoot > tr > td:first-child { display: none; }
    .v26 form#cart-management .table > tfoot > tr.bez_slevy[style*="none"], .v26 form#cart-management .table > tfoot > tr[style*="none"] { display: none; }
}

/* ==========================================================================
   VERZE 1.6 – telefon: hlavička a jednotná velikost písma
   ========================================================================== */
.v26 .sk-search-toggle { display: none; }

@media (max-width: 991px) {
    /* Hlavička zleva: logo · lupa · košík (částka a měna) · menu. Vyhledávací pole pod tím, výchozí skryté. */
    .v26 .sk-mast-in { gap: 8px; }
    .v26 .sk-logo { order: 1; flex: 1 1 0; min-width: 0; }
    .v26 .sk-logo img { height: 40px; max-width: 100%; object-fit: contain; object-position: left center; }
    .v26 .sk-search-toggle { order: 2; display: flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border: 0; border-radius: var(--sk-radius-sm); background: none; color: var(--sk-ink); font-size: 20px; }
    .v26 .sk-search-open .sk-search-toggle { background: var(--sk-tint); color: var(--sk-blue); }
    .v26 .sk-cart, .v26 .sk-cart.kosik { order: 3; flex: none; margin-left: 0; gap: 8px; min-height: 44px; padding: 4px 10px; }
    .v26 .sk-cart .fa { font-size: 20px; }
    .v26 .sk-cart.kosik .sk-cart-txt { display: flex !important; }
    .v26 .sk-cart.kosik .sk-cart-price, .v26 .sk-cart.kosik .sk-cart-price span { display: inline !important; white-space: nowrap; }
    .v26 .sk-burger { order: 4; flex: none; }
    .v26 .sk-search { order: 5; }
    .v26 .sk-mast:not(.sk-search-open) #frm-searchForm.sk-search { display: none !important; }
}
@media (max-width: 359px) {
    .v26 .sk-mast-in { gap: 4px; }
    .v26 .sk-logo img { height: 34px; }
    .v26 .sk-search-toggle, .v26 .sk-burger { width: 40px; }
    .v26 .sk-cart, .v26 .sk-cart.kosik { padding: 4px 8px; gap: 6px; }
}

/* Jednotná typografie na telefonu: čtyři velikosti.
   14 px drobné údaje · 16 px veškerý text (i obsah z adminu s vlastním font-size) · 20 px nadpisy sekcí a hlavní ceny · 24 px nadpis stránky.
   :not(#sk) jen zvyšuje prioritu nad starými pravidly; Rámomat (ramnamiru*) se vynechává. */
@media (max-width: 991px) {
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main *:where(:not(.fa, svg, path)),
    body.v26:not(#sk) .sk-footer *:where(:not(.fa)),
    body.v26:not(#sk) .sk-header *:where(:not(.fa)) { font-size: 16px !important; }
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main { font-size: 16px; line-height: 1.55; }

    /* 24 px – nadpis stránky */
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main h1:not(.patro),
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .row[style*="15px -15px"] h2:not(.patro):not(.product-caption):not(.post-title):not(.sk-x),
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main h2.post-title { font-size: 24px !important; line-height: 1.2; }

    /* 20 px – nadpisy sekcí a hlavní ceny */
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main h2:not(.patro):not(.product-caption):not(.post-title),
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main legend,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .sk-h1,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .price-vat, body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .price-vat *,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) #cena .price .number,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main #cart-management tfoot tr:last-child strong,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main #cart-management tfoot tr:last-child strong *,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .sk-done-body h1, body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .sk-done-body h2,
    body.v26:not(#sk) .sk-footer-firm b { font-size: 20px !important; line-height: 1.25; }
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .sk-home + [role="main"] .row[style*="15px -15px"] h2:not(.patro):not(.product-caption):not(.post-title):not(.sk-x) { font-size: 20px !important; }

    /* 16 px tučně – menší nadpisy, názvy produktů v kartách */
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main h3, body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main h4,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main h5, body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main h2.product-caption,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main h2.product-caption * { font-weight: 700; line-height: 1.3; }

    /* 14 px – drobné údaje */
    body.v26:not(#sk) .sk-util *:not(.fa),
    body.v26:not(#sk) .sk-cart-price, body.v26:not(#sk) .sk-cart-price *,
    body.v26:not(#sk) .sk-footer h4, body.v26:not(#sk) .sk-footer-b, body.v26:not(#sk) .sk-footer-b *,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .patro, body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .patro *,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .sk-h1 span,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .sk-usp span, body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .sk-usp span *,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .product-note,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .label,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main small, body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main small *,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .skladem,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .steps a,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .product-detail .price, body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .product-detail .price *,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main #cena .price,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main #cart-management td span[style*="font-size"],
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .remove-button,
    body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .sk-done-help, body.v26:not(#sk):not([data-page*="/ramnamiru"]) .sk-main .sk-done-help * { font-size: 14px !important; }
    body.v26:not(#sk) .sk-footer h4 { letter-spacing: .08em; }
}
/* vyhledávací pole: bez vlastního focus rámečku (přesahoval přes tlačítko), zvýrazní se celé pole */
.v26 .sk-search #header-search:focus, .v26 .sk-search #header-search:focus-visible { outline: 0 !important; box-shadow: none !important; border: 0 !important; margin: 0 !important; }
.v26 .sk-search:focus-within { box-shadow: 0 0 0 3px rgba(0, 90, 140, .18) !important; }