/* KozenyShop.cz | Piskovy minimalismus | Merkur | 2026-09-13
Existing layout rules retained; palette unified. */

.id-1 .ks-home-premium__proof-item {grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;}
.id-1 .ks-home-premium__proof .ks-home-premium__proof-mark {display:inline-flex;align-items:center;justify-content:center;width:20px;height:22px;border:0;border-radius:0;background:transparent;color:#514333;font-size:17px;line-height:1;}
.id-1 .ks-home-premium__category,.id-1 .ks-home-premium__category:hover {border:1px solid #E3D8C7;border-radius:8px;background:#fff;box-shadow:none;transform:none;}
.id-1 .ks-home-premium__category-image {background:#fff;min-height:0;padding:12px 15px 6px;}
.id-1 .ks-home-premium__category:hover img {transform:none;}
.id-1 .ks-home-premium__category-copy {padding:10px 18px 20px;}
.id-1 .ks-home-premium__category-link {color:#514333;text-decoration:underline;text-underline-offset:3px;}
.id-1 .ks-home-premium__category-link:hover {color:#705638;}
.id-1 .ks-home-premium__category a:focus-visible {outline:2px solid #514333;outline-offset:-3px;}
@media (max-width:767px) {
.site-name-wrapper .site-name {width:min(180px,calc(100vw - 195px)) !important;max-width:none !important;}
.site-name-wrapper .site-name > a {width:100%;}
.site-name-wrapper .site-name img {display:block;width:100% !important;height:auto !important;max-width:100% !important;max-height:52px !important;object-fit:contain;}
}


/* KozenyShop: viditelny espresso focus, bez ramecku po kliknuti mysi. */
body a:focus-visible,
body .btn:focus-visible,
body button:focus-visible,
body input:focus-visible,
body select:focus-visible,
body textarea:focus-visible,
body [tabindex]:focus-visible {
  outline: 2px solid #514333;
  outline-offset: 3px;
}
body a:focus:not(:focus-visible),
body .btn:focus:not(:focus-visible),
body button:focus:not(:focus-visible),
body [tabindex]:focus:not(:focus-visible) {
  outline: none;
}


/* Textove odkazy v popisech kategorii: tepla hneda pri najeti. */
.ks-category-text a:hover,
.ks-category-intro a:hover {
  color: #705638 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.type-category .category-title{color:#514333!important;font-family:"Nunito Sans",sans-serif!important;font-size:clamp(30px,3vw,40px)!important;line-height:1.2!important;letter-spacing:-.02em;margin:0 0 16px!important}body.type-category :is(.category-perex,.category__secondDescription){color:#514333!important;font-family:"Nunito Sans",sans-serif!important;font-size:16px;line-height:1.7;overflow-wrap:break-word;box-sizing:border-box}body.type-category .category-perex{background:#F7F4EC!important;padding:18px 22px!important;border:0!important;border-left:3px solid #AA8959!important;border-radius:0 10px 10px 0!important;margin:0 0 24px!important}body.type-category .category-perex>:is(.ks-compact-intro,.ks-category-intro,.ks-category-text){background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important}body.type-category .category-perex p{max-width:76ch;font-size:17px!important;line-height:1.65!important;margin:0 0 12px!important}body.type-category :is(.category-perex,.category__secondDescription) :is(p,li,strong,em){font-family:inherit!important;color:inherit}body.type-category .category-perex p:last-child{margin-bottom:0!important}body.type-category .category__secondDescription:has(p,h2,h3){margin:58px 0 24px!important;padding:0!important;border:0!important}body.type-category .category__secondDescription>:is(.ks-category-text,.ks-wallet-guide,.ks-bag-guide,.ks-backpack-guide,.ks-accessory-guide){color:#514333!important;margin:0!important;padding:0!important;border:0!important}body.type-category .category__secondDescription :is(h2,h3,p,summary){color:#514333!important;font-family:"Nunito Sans",sans-serif!important}body.type-category .category__secondDescription h2{font-size:clamp(26px,3vw,32px)!important;line-height:1.25!important;letter-spacing:-.015em;margin:0 0 12px!important}body.type-category .category__secondDescription h3{font-size:19px!important;line-height:1.35!important;margin:0 0 8px!important}body.type-category .category__secondDescription p{font-size:16px!important;line-height:1.72!important;margin:0!important}body.type-category .category__secondDescription p:last-child{margin-bottom:0!important}body.type-category .category__secondDescription [class$="__eyebrow"]{font-size:13px!important;line-height:1.4!important;letter-spacing:.12em;color:#705638!important;margin:0 0 7px!important}body.type-category :is(.category-perex,.category__secondDescription) a{color:#514333!important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:currentColor}body.type-category :is(.category-perex,.category__secondDescription) a:hover{color:#705638!important;text-decoration-color:currentColor}body.type-category .category-top>.subcategories{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px;margin:0 0 32px!important;padding:0!important}body.type-category .category-top>.subcategories>li{float:none!important;width:auto!important;max-width:none!important;min-width:0;margin:0!important;padding:0!important;grid-column:auto!important}body.type-category .category-top>.subcategories>li>a{display:flex!important;align-items:center;gap:13px;min-height:98px;padding:12px!important;border:1px solid #E3D8C7!important;border-radius:12px!important;background:#fff!important;color:#514333!important;box-shadow:none;transform:none!important;text-decoration:none;transition:color .2s,border-color .2s}body.type-category .category-top>.subcategories .image{display:block!important;flex:0 0 88px;width:88px!important;height:72px!important;margin:0!important;background:#fff!important}body.type-category .category-top>.subcategories .image img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;transform:none!important}body.type-category .category-top>.subcategories .text{min-width:0;width:auto!important;padding:0!important;white-space:normal!important;color:inherit!important;font:700 16px/1.4 "Nunito Sans",sans-serif!important;text-align:left}body.type-category .category-top>.subcategories>li>a:hover{color:#AA8959!important;border-color:#AA8959!important;box-shadow:0 6px 18px rgba(75,52,41,.08)}body.type-category :is(.category-perex,.category__secondDescription,.subcategories) a:focus-visible{outline:2px solid #514333!important;outline-offset:3px!important}@media(max-width:991px){body.type-category .category-top>.subcategories{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:767px){body.type-category .category-perex{padding:15px 17px!important}body.type-category .category-perex p{font-size:16px!important}body.type-category .category__secondDescription:has(p,h2,h3){margin-top:44px!important}}@media(max-width:520px){body.type-category .category-top>.subcategories{grid-template-columns:1fr!important;gap:10px}body.type-category .category-top>.subcategories>li>a{min-height:92px}body.type-category .category-top>.subcategories .image{flex-basis:76px;width:76px!important;height:64px!important}}body.type-category .category__secondDescription .ks-category-text p{margin-bottom:14px!important}body.type-category .category__secondDescription .ks-category-text :is(h2,h3):not(:first-child){margin-top:28px!important}body.type-category .category__secondDescription [class$="__path"] p+p{margin-top:14px!important}body.type-category .category__secondDescription :is([class$="__faq"],.ks-accessory-guide) details p{padding-bottom:17px!important}body.type-category .category__secondDescription .ks-accessory-grid article{border-top-width:1px!important;border-radius:12px!important}
ol.top-products li a:hover .top-products-name,ol.top-products li a:focus-visible .top-products-name{color:#705638!important}
/* KozenyShop.cz / Piskovy minimalismus / Merkur / 2026-09-13
   Barevna nadstavba. Nemeni obsah, fotografie, menu ani chovani nakupu. */
html body {
  --ks-action:#705638; --ks-action-hover:#514333; --ks-menu:#E8DDCA; --ks-espresso:#514333; --ks-brown:#705638; --ks-cream:#F7F4EC;
  --ks-sand:#AA8959; --ks-border:#E3D8C7; --ks-soft:#FAF8F3;
  color:var(--ks-espresso); background-color:#fff;
}
html body :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {color:var(--ks-espresso)}
html body :is(a,.link-like) {color:var(--ks-espresso)}
html body :is(a,.link-like):hover {color:var(--ks-brown)}
html body :is(.name,.top-products-name,.p-code,.product-appendix,.price-final,.price-additional,.p-short-description,.p-detail-description,.detail-parameters,.breadcrumbs,.cart-table,.cart-item-name,.order-summary-item) {color:var(--ks-espresso)}
html body :is(.products-block,.products-inline) .p :is(.name,.price,.price strong,.price span) {color:var(--ks-espresso)!important}
html body .p .name:hover,html body ol.top-products li a:hover .top-products-name {color:var(--ks-brown)!important}
/* Tlacitka: konverzni i sekundarni jsou citelna v obou stavech. */
html body :is(.btn.btn-conversion,.btn.btn-cart,.btn.btn-primary,.btn.btn-default,.btn.btn-secondary,a.btn.btn-conversion,a.btn.btn-cart,a.btn.btn-primary,a.btn.btn-default,a.btn.btn-secondary) {
  color:#fff!important;background-color:var(--ks-action)!important;border-color:var(--ks-action)!important;border-radius:8px;
}
html body :is(.btn.btn-conversion,.btn.btn-cart,.btn.btn-primary,.btn.btn-default,.btn.btn-secondary):is(:hover,:focus-visible) {
  color:#fff!important;background-color:var(--ks-action-hover)!important;border-color:var(--ks-action-hover)!important;
}
html body .search-form .btn {border-radius:6px}
html body.type-product main .p-info-wrapper .add-to-cart-button {background:var(--ks-action)!important;border-color:var(--ks-action)!important;color:#fff!important;border-radius:8px}
html body.type-product main .p-info-wrapper .add-to-cart-button:is(:hover,:focus-visible) {background:var(--ks-action-hover)!important;border-color:var(--ks-action-hover)!important;color:#fff!important}
html body :is(.btn[disabled],.btn.disabled) {opacity:.55}
/* Hlavicka a puvodni logo zustavaji bile a bez filtru. */
html body :is(#header,.header-top,.site-name-wrapper) {background-color:#fff}
html body :is(.top-navigation-bar,.top-navigation-bar a,.top-navigation-bar .project-phone,.navigation-buttons a,.header-top .btn.cart-count .cart-price) {color:var(--ks-espresso)}
html body :is(.navigation-buttons a,.top-nav-button,.header-top .btn.cart-count)::before {color:var(--ks-espresso)}
html body :is(.navigation-buttons a,.top-nav-button):hover::before {color:var(--ks-brown)}
html body .search-form :is(input,fieldset) {border-color:var(--ks-border)}
/* Merkur desktop menu: piskovy pruh, tmave texty; rozbalene menu svetle. */
html body #navigation,html body #navigation .navigation-in {background:var(--ks-menu)!important;color:var(--ks-espresso)!important;font-family:'Nunito Sans',sans-serif!important}
html body #navigation .menu-level-1>li>a,
html body #navigation .menu-level-1>li>a :is(b,span),
html body #navigation .menu-helper>a {color:var(--ks-espresso)!important;background:transparent!important;font-family:inherit!important}
html body #navigation .menu-level-1>li>a {font-weight:700;letter-spacing:.01em;border-color:var(--ks-border)!important}
html body #navigation .menu-level-1>li>a:is(:hover,:focus-visible),
html body #navigation .menu-level-1>li.exp>a {background:var(--ks-cream)!important;color:var(--ks-espresso)!important}
html body #navigation .menu-level-1>li>a:focus-visible {outline:2px solid var(--ks-espresso)!important;outline-offset:-4px!important}
html body #navigation :is(.menu-level-2,.menu-level-3,.menu-helper>ul) {background:#fff!important;border-color:var(--ks-border)!important}
html body #navigation :is(.menu-level-2,.menu-level-3,.menu-helper>ul) a,
html body #navigation :is(.menu-level-2,.menu-level-3,.menu-helper>ul) a :is(b,span) {color:var(--ks-espresso)!important;background:transparent!important}
html body #navigation :is(.menu-level-2,.menu-level-3,.menu-helper>ul) a:is(:hover,:focus-visible) {color:var(--ks-brown)!important;background:var(--ks-cream)!important}
html body #navigation .navigation-close {color:var(--ks-espresso)!important}
/* Jednotne svetle plochy: navigace, filtry, zalozky, paticka. */
html body :is(.breadcrumbs-wrapper,.box-categories,.box-filters,.category-header,.shp-tabs-holder,.shp-tabs,.filtrovat,.tab-mobil,.vybrane-filtry,#footer,.footer-bottom) {
  background-color:var(--ks-cream)!important;color:var(--ks-espresso);border-color:var(--ks-border)!important;
}
html body :is(.box-categories,.box-filters) {border-radius:10px}
html body :is(.box-categories,.box-filters) :is(h3,h4,a,label,.categories a) {color:var(--ks-espresso)!important}
html body :is(.box-categories,.box-filters) a:hover {color:var(--ks-brown)!important}
html body .categories.active {border-color:var(--ks-sand)!important}
html body .breadcrumbs>span>a::after,html body .breadcrumbs a,html body .breadcrumbs>span,html body .categories .topic>a>span::before {color:var(--ks-brown)}
html body :is(.shp-tabs li a,.category-header label,.listSorting__controls li button) {color:var(--ks-espresso)!important;border-color:var(--ks-border)!important}
html body :is(.listSorting__controls li button,.category-header label:first-child) {background-color:var(--ks-cream)!important}
html body :is(.listSorting__controls li button.listSorting__control--current,.shp-tabs li.active a) {background-color:#fff!important;color:var(--ks-espresso)!important}
html body :is(.pagination__link,.pagination__currentPage) {background:var(--ks-cream)!important;color:var(--ks-espresso)!important;border-color:var(--ks-border)!important;border-radius:6px}
html body .pagination__currentPage {background:var(--ks-espresso)!important;color:#fff!important}
html body #footer :is(h3,h4,a,p,.copyright),html body #footer .contact-box::before {color:var(--ks-espresso)}
html body #footer a:hover {color:var(--ks-brown)}
html body .newsletter {background:var(--ks-cream)!important;color:var(--ks-espresso)!important}
html body .newsletter :is(h3,h4,p,label,a) {color:var(--ks-espresso)!important}
/* Produktove fotografie se nebarvi, neorezavaji ani nenahrazuji. */
html body :is(.p,.p-image-wrapper,.p-image,.p-thumbnails,.p-thumbnails a) {border-color:var(--ks-border)}
html body .p {border-radius:8px}
html body .p-image-wrapper {background:#fff}
html body .p-thumbnails a:is(:hover,.highlighted) img {border-color:var(--ks-brown)!important}
html body :is(.p-info-wrapper,.basic-description) :is(h1,h2,h3,.price-final,.price-final-holder,.p-code) {color:var(--ks-espresso)!important}
html body .detail-parameters :is(th,td) {border-color:var(--ks-border)}
html body .product-appendix::before {background-color:var(--ks-brown)!important;color:#fff!important}
/* Obchodni slevove prvky bez ruzove. Chyby a dostupnost zustavaji vyznamove odlisene. */
html body :is(.price-standard,.price-save,#clear-filters a,.fvsctp-highlighting-discount-text) {color:var(--ks-brown)!important}
html body :is(.flag.flag-action,.flag.flag-sleva,.flag.flag-discount,.fvsctp-highlighting-discount-bg) {background-color:var(--ks-brown)!important;color:#fff!important}
html body .flags-extra :is(.price-standard,.price-save) {color:#fff!important}
html body .flag.flag-new {background:var(--ks-cream)!important;color:var(--ks-espresso)!important}
/* Kosik, prihlaseni a formulare: svetle bloky a tmavy text. */
html body :is(.cart-content.checkout-box-wrapper,.cart-content.summary-wrapper,.checkout-box,#checkoutSidebar .next-step,#checkoutSidebar .form-group.consents,#checkoutSidebar .order-summary-inner,.order-summary-inner h2,.order-summary-inner h4,.ucet,.radio-wrapper,.site-msg-custom.step-1) {
  background-color:var(--ks-cream)!important;color:var(--ks-espresso)!important;border-color:var(--ks-border)!important;
}
html body :is(.checkout-box,.summary-wrapper,.order-summary-inner,.ucet) :is(h2,h3,h4,p,label,.order-summary-item.price) {color:var(--ks-espresso);background-color:transparent}
html body .order-summary-item.price {background-color:transparent!important;color:var(--ks-espresso)!important}
html body .radio-wrapper:is(.active,:hover) {border-color:var(--ks-brown)!important}
html body .radio-wrapper.active {background-color:#fff!important}
html body :is(.cart-widget,.login-widget,.popup-widget-inner,.search-whisperer) {border-color:var(--ks-border);color:var(--ks-espresso)}
html body :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea) {border-color:var(--ks-border)}
html body :is(input,select,textarea):focus {border-color:var(--ks-brown)}
html body .cart-heading::before,html body .cart-heading::after,html body .link-icon::before,html body .b3 {color:var(--ks-brown)}
html body .cart-header :is(a,strong,span) {color:var(--ks-espresso)}
html body :is(.siteCookies,.cookiesDialog) {background:var(--ks-cream)!important;color:var(--ks-espresso)!important}
html body :is(.siteCookies,.cookiesDialog) :is(h2,h3,p,a,label) {color:var(--ks-espresso)}
/* Textove odkazy a jednotna klavesnice. */
html body :is(.basic-description,.p-short-description,.category__secondDescription,.welcome-wrapper) a:not(.btn) {color:var(--ks-espresso);text-decoration:underline;text-underline-offset:3px}
html body :is(.basic-description,.p-short-description,.category__secondDescription,.welcome-wrapper) a:not(.btn):hover {color:var(--ks-brown)}
html body.type-category .category-top>.subcategories>li>a:hover {color:var(--ks-brown)!important;border-color:var(--ks-sand)!important}
html body :is(a,button,input,select,textarea,[tabindex]):focus-visible {outline:2px solid var(--ks-espresso)!important;outline-offset:3px}
/* Svetla plocha mobilniho rozbaleneho menu zachovava kontrast a puvodni ovladani. */
@media(max-width:991px) {
  html body #navigation,html body #navigation .navigation-in {background:var(--ks-cream)!important;color:var(--ks-espresso)!important}
  html body #navigation .menu-level-1>li>a,
  html body #navigation .menu-level-1>li>a :is(b,span),
  html body #navigation .top-navigation-bar-menu a {color:var(--ks-espresso)!important;background:transparent!important}
  html body #navigation .menu-level-1>li>a:is(:hover,:focus-visible),html body #navigation .menu-level-1>li.exp>a {color:var(--ks-espresso)!important;background:#E8DDCA!important}
  html body #navigation .menu-level-1>li>a:focus-visible {outline-color:var(--ks-espresso)!important}
  html body #navigation .menu-level-1>li>a {border-color:var(--ks-border)!important}
  html body #navigation:before {background:var(--ks-espresso)!important}
  html body.navigation-window-visible .toggle-window[data-target="navigation"] {background:var(--ks-cream)!important;color:var(--ks-espresso)!important}
}
@media(prefers-reduced-motion:reduce) {html body .p,html body .subcategories a {transition:none!important}}

/* Titulni stranka: sjednoceni existujicich barevnych promennych. */
html body.id-1 {--ks-home-espresso:#705638;--ks-home-ink:#514333;--ks-home-cognac:#705638;--ks-home-cream:#F7F4EC;--ks-home-hero-cream:#F7F4EC;--ks-home-hero-line:#E3D8C7;--ks-home-warm-white:#FFFFFF;--ks-home-cream-border:#E3D8C7;--ks-home-muted:#665A4A;}
html body.id-1 .ks-home-premium :is(h1,h2,h3,p,li) {color:var(--ks-espresso)}
html body.id-1 .ks-home-premium__actions a:first-child {background:var(--ks-action);color:#fff!important;border-color:var(--ks-action)}
html body.id-1 .ks-home-premium__actions a:first-child:is(:hover,:focus-visible) {background:var(--ks-action-hover);border-color:var(--ks-action-hover)}
html body.id-1 .ks-home-premium__actions a:last-child {color:var(--ks-espresso);border-color:var(--ks-action)}
html body.id-1 #products-1 .product .image {background:#fff}
html body.id-1 #products-1 .product .p {border-color:var(--ks-border);border-radius:8px;box-shadow:none}
html body.id-1 #products-1 .product .p:hover {border-color:var(--ks-sand);box-shadow:0 4px 14px rgba(81,67,51,.06);transform:none}
html body.id-1 .footer-banners {border-color:var(--ks-border);background:var(--ks-border)}
html body.id-1 .homepage-products-heading-1::before {color:var(--ks-brown)}
html body.id-1 #products-1 .product .product-appendix {color:#665A4A}