/* ===== KATEGORIE ===== */
/* Hlavicka kategorie */
#content .category-top{background:#FBF4EF;border-radius:24px;padding:40px 48px 36px!important;margin:8px 0 36px!important;text-align:left!important;border:0!important}
#content .category-title{font:800 44px/1.15 Nunito,sans-serif!important;color:#2A2228!important;text-align:left!important;margin:0!important;padding:0!important;letter-spacing:0!important}
#content .category-top .subcategories{display:flex!important;flex-wrap:wrap;gap:12px;margin:24px 0 0!important;padding:0!important;justify-content:flex-start!important;border:0!important}
#content .category-top .subcategories li{width:auto!important;max-width:none!important;flex:0 0 auto!important;padding:0!important;margin:0!important;float:none!important}
#content .category-top .subcategories li a{display:flex!important;align-items:center;gap:12px;background:#fff!important;border:0!important;border-radius:16px!important;padding:8px 18px 8px 8px!important;height:auto!important;min-height:0!important;box-shadow:0 1px 2px rgba(42,34,40,.05);transition:transform .2s,box-shadow .2s;text-decoration:none!important}
#content .category-top .subcategories li a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(42,34,40,.08)}
#content .category-top .subcategories .image{width:56px!important;height:56px!important;min-width:56px;border-radius:12px;overflow:hidden;background:#fff;display:flex!important;align-items:center;justify-content:center;margin:0!important;padding:0!important}
#content .category-top .subcategories .image img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important}
#content .category-top .subcategories .text{font:700 15px/1.3 Nunito,sans-serif!important;color:#2A2228!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;width:auto!important;padding:0!important}
#content .category-top .subcategories li a::after{color:#D1047C!important;position:static!important;margin-left:4px}
#content .products-top-wrapper{display:none!important}

/* Radenie a filter */
#content .category-content-wrapper{position:relative}
#content .category-header{background:none!important;border:0!important;padding:0!important;margin:0 0 28px!important;border-radius:0!important;min-height:44px;display:flex;align-items:center}
#content .listSorting__controls{display:flex!important;gap:8px;flex-wrap:wrap;background:none!important;padding:0!important;margin:0!important;border:0!important}
#content .listSorting__controls li{margin:0!important;padding:0!important;border:0!important;background:none!important}
#content .listSorting__control{background:#fff!important;border:1.5px solid #EDE2E8!important;border-radius:999px!important;padding:9px 18px!important;font:700 14px/1.2 Nunito,sans-serif!important;color:#5A4E56!important;box-shadow:none!important;margin:0!important;height:auto!important}
#content .listSorting__control:hover{border-color:#D1047C!important;color:#D1047C!important}
#content .listSorting__control--current,#content .listSorting__control--current:hover{background:#2A2228!important;border-color:#2A2228!important;color:#fff!important}
#content .listSorting__control::before,#content .listSorting__control::after{display:none!important}
#content .filters-unveil-button-wrapper{position:absolute!important;top:0;right:0;margin:0!important;padding:0!important;display:flex!important;align-items:center;z-index:2}
#content .filters-unveil-button-wrapper .unveil-button{display:inline-flex!important;align-items:center;gap:8px;border-radius:999px!important;border:1.5px solid #EDE2E8!important;color:#2A2228!important;font:700 14px/1.2 Nunito,sans-serif!important;padding:10px 44px 10px 20px!important;background:#fff!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}
#content .filters-unveil-button-wrapper .unveil-button:hover{border-color:#D1047C!important;color:#D1047C!important}
#content .filters-unveil-button-wrapper .icon-filter{position:absolute!important;right:18px;top:50%;transform:translateY(-50%);color:#D1047C!important;pointer-events:none;margin:0!important}

/* Mriezka produktov */
#content #products.products-block{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px;margin:0 0 40px!important;padding:0!important;border:0!important}
#content #products .product{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;border:0!important;float:none!important;background:none!important}
#content #products .product::before,#content #products .product::after{display:none!important}
#content #products .p{display:flex!important;flex-direction:column;height:100%;padding:0!important;margin:0!important;border:0!important;background:none!important;text-align:left!important;position:relative;box-shadow:none!important}
#content #products .p a.image{display:block!important;aspect-ratio:1/1;height:auto!important;background:#FBF4EF!important;border-radius:20px!important;overflow:hidden;padding:24px!important;margin:0 0 16px!important;border:0!important;position:relative}
#content #products .p a.image img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s ease;position:static!important}
#content #products .product:hover .p a.image img{transform:scale(1.05)}
#content #products .p-in{padding:0!important;margin:0!important;text-align:left!important;display:flex!important;flex-direction:column;flex:1 1 auto;border:0!important}
#content #products .p-in-in{padding:0!important;margin:0!important;text-align:left!important}
#content #products .p .name{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:700 15.5px/1.4 Nunito,sans-serif!important;color:#2A2228!important;text-align:left!important;min-height:2.8em;height:auto!important;margin:0!important;padding:0!important;text-decoration:none!important}
#content #products .p .name span{font:inherit!important;color:inherit!important}
#content #products .p .name:hover{color:#D1047C!important}
#content #products .p-bottom{margin-top:auto!important;padding:0!important;border:0!important;text-align:left!important}
#content #products .p-bottom>div{display:grid!important;grid-template-columns:1fr auto;grid-template-areas:"price tools" "avail tools";align-items:center;column-gap:10px;row-gap:2px;margin-top:10px!important;padding:0!important;text-align:left!important}
#content #products .p-bottom .prices{grid-area:price;margin:0!important;padding:0!important;text-align:left!important;display:block!important}
#content #products .p-bottom .price-final,#content #products .p-bottom .price-final strong{font:800 19px/1.2 Nunito,sans-serif!important;color:#2A2228!important;text-align:left!important;margin:0!important}
#content #products .p-bottom .price-standard,#content #products .p-bottom .price-save{font:400 13px Mulish,sans-serif!important;color:#8a7f86!important}
#content #products .p-bottom .availability{grid-area:avail;margin:0!important;padding:0!important;text-align:left!important;display:flex!important;align-items:center;gap:6px;font:600 12.5px Mulish,sans-serif!important}
#content #products .p-bottom .availability span{font:inherit!important}
#content #products .p-bottom .availability::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
#content #products .p-bottom .ratings-wrapper{display:none!important}
#content #products .p-bottom .p-tools{grid-area:tools;margin:0!important;padding:0!important;display:flex!important;align-items:center;justify-content:flex-end}
#content #products .p-tools form{margin:0!important;padding:0!important;display:flex!important}
#content #products .p-tools .quantity{display:none!important}
#content #products .p-tools .btn{width:46px!important;height:46px!important;min-width:46px;border-radius:50%!important;padding:0!important;margin:0!important;display:flex!important;align-items:center;justify-content:center;background:#D1047C!important;border:0!important;color:#fff!important;font-size:0!important;box-shadow:0 6px 14px rgba(209,4,124,.22)!important;transition:background .2s,transform .2s}
#content #products .p-tools .btn:hover{background:#A80363!important;transform:scale(1.06)}
#content #products .p-tools .btn span{font-size:0!important;display:flex!important;align-items:center;justify-content:center}
#content #products .p-tools .btn i{font-size:19px!important;margin:0!important;color:#fff!important;line-height:1!important}
#content #products .p-tools .btn::before,#content #products .p-tools .btn::after{display:none!important}
#content #products .p-desc,#content #products .p-code{display:none!important}

@media (max-width:991px){
#content #products.products-block{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
#content .category-top{padding:24px 20px!important;border-radius:20px;margin:0 0 24px!important}
#content .category-title{font-size:30px!important}
#content .category-top .subcategories{gap:8px;margin-top:16px!important}
#content .category-top .subcategories li{flex:1 1 100%!important}
#content .category-top .subcategories .image{width:44px!important;height:44px!important;min-width:44px}
#content .filters-unveil-button-wrapper{position:static!important;margin:0 0 16px!important}
#content .category-header{margin-bottom:12px!important}
#content .listSorting__control{padding:7px 14px!important;font-size:13px!important}
#content #products.products-block{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
#content #products .p a.image{padding:14px!important;border-radius:16px!important;margin-bottom:12px!important}
#content #products .p .name{font-size:14px!important}
#content #products .p-bottom .price-final,#content #products .p-bottom .price-final strong{font-size:16px!important}
#content #products .p-tools .btn{width:40px!important;height:40px!important;min-width:40px}
#content #products .p-tools .btn i{font-size:16px!important}
}
#content .filters-unveil-button-wrapper{left:auto!important;width:auto!important;justify-content:flex-end!important}
#content .filters-unveil-button-wrapper .icon-filter{left:auto!important;width:auto!important;font-size:15px!important}
#content #products .p-bottom .availability{color:#3E8E5E!important}
#content #products .p a.image{padding:16px!important}


/* ===== FILTER ===== */
#content #filters.visible{display:flex!important}
#content #filters{background:#FBF4EF!important;border:0!important;border-radius:20px!important;padding:28px 32px!important;margin:0 0 32px!important;flex-wrap:wrap;gap:28px 48px;align-items:flex-start;box-shadow:none!important}
#content #filters .slider-wrapper{flex:0 1 340px;min-width:260px;margin:0!important;padding:0!important;border:0!important;text-align:left!important}
#content #filters #price-filter-form{display:none!important}
#content #filters .filter-sections{flex:1 1 400px;display:flex!important;flex-wrap:wrap;gap:28px 48px;align-items:flex-start;margin:0!important;padding:0!important;border:0!important}
#content #filters #category-filter-hover{display:contents!important}
#content #filters .filter-section{margin:0!important;padding:0!important;border:0!important;background:none!important;text-align:left!important}
#content #filters .filter-section-boolean::before{content:"Dostupnos\0165";display:block;font:800 12px/1 Nunito,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8a7f86;margin:0 0 14px}
#content #filters h4{font:800 12px/1 Nunito,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#8a7f86!important;margin:0 0 14px!important;padding:0!important;text-align:left!important;border:0!important}
#content #filters h4 span{font:inherit!important;color:inherit!important}
#content #filters fieldset{margin:0!important;padding:0!important;border:0!important;display:flex;flex-direction:column;gap:10px}
#content #filters fieldset>div{margin:0!important;padding:0!important;position:relative}

/* cena */
#content #filters .slider-header{display:flex!important;justify-content:space-between;margin:0 0 14px!important;padding:0!important}
#content #filters .slider-header span.from,#content #filters .slider-header span.to{background:#fff;border-radius:999px;padding:6px 14px;font:800 14px/1.2 Nunito,sans-serif!important;color:#2A2228!important;box-shadow:0 1px 2px rgba(42,34,40,.06)}
#content #filters .slider-content{padding:0 10px!important;margin:0!important}
#content #filters .ui-slider{height:4px!important;background:#EADCE3!important;border:0!important;border-radius:4px!important;margin:10px 0!important}
#content #filters .ui-slider-range{background:#D1047C!important;border:0!important;border-radius:4px!important}
#content #filters .ui-slider-handle{width:22px!important;height:22px!important;top:50%!important;margin-top:-11px!important;margin-left:-11px!important;border-radius:50%!important;background:#fff!important;border:3px solid #D1047C!important;box-shadow:0 3px 10px rgba(209,4,124,.25)!important;cursor:grab}
#content #filters .ui-slider-handle::before,#content #filters .ui-slider-handle::after{display:none!important}

/* checkboxy */
#content #filters .filter-label{display:flex!important;align-items:center;gap:8px;position:relative;padding:0 0 0 32px!important;min-height:22px;font:600 15px/1.3 Mulish,sans-serif!important;color:#2A2228!important;cursor:pointer;margin:0!important}
#content #filters .filter-label::before{left:0!important;top:50%!important;margin-top:-11px!important;width:22px!important;height:22px!important;border:1.5px solid #D3C5CD!important;border-radius:7px!important;background:#fff!important;box-sizing:border-box!important;transition:background .15s,border-color .15s}
#content #filters .filter-label:hover::before{border-color:#D1047C!important}
#content #filters .filter-label::after{display:none!important}
#content #filters input:checked+.filter-label::before{background:#D1047C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") no-repeat center/14px!important;border-color:#D1047C!important}
#content #filters .filter-count{background:#fff!important;color:#8a7f86!important;border-radius:999px!important;padding:2px 8px!important;font:700 12px/1.4 Nunito,sans-serif!important;margin:0!important;border:0!important}
#content #filters input[type=checkbox]{opacity:0!important}

/* rozbalit + pocet */
#content #filters .filter-section-button{flex-basis:100%;order:10}
#content #filters .toggle-filters{font:800 14px Nunito,sans-serif!important;color:#D1047C!important;text-decoration:none!important}
#content #filters .filter-section-count{flex-basis:100%;order:11;padding-top:18px!important;border-top:1px solid #EADCE3!important;margin-top:4px!important}
#content #filters .filter-total-count{font:600 14px Mulish,sans-serif!important;color:#5A4E56!important;text-align:left!important;margin:0!important;padding:0!important}
#content #filters .filter-total-count strong{color:#D1047C!important;font-weight:800!important}

/* tlacidlo pri otvorenom filtri */
#content .filters-unveil-button-wrapper .unveil-button.open,#content .filters-unveil-button-wrapper .unveil-button[aria-expanded=true]{background:#2A2228!important;border-color:#2A2228!important;color:#fff!important}

@media (max-width:767px){
#content #filters{padding:22px 20px!important;gap:24px}
#content #filters .slider-wrapper,#content #filters .filter-sections{flex:1 1 100%}
}
#content #filters .filter-sections,#content #filters .filter-section,#content #filters #category-filter-hover,#content #filters .param-filter-top{background:none!important;box-shadow:none!important}
#content #filters .filter-label{white-space:nowrap!important}
#content #filters .slider-header span.from,#content #filters .slider-header span.to{flex:none!important;width:auto!important;display:inline-block!important}
#content #filters .filter-section-count{border-top:1px solid #EADCE3!important}
#content #filters .filter-label::before{transform:none!important}
#content #filters .slider-header{justify-content:space-between!important;width:100%!important}
#content #filters .slider-header span.from,#content #filters .slider-header span.to{margin:0!important;text-align:center!important}
#content #filters .slider-header::before,#content #filters .slider-header::after,#content #filters::before,#content #filters::after,#content #filters .filter-sections::before,#content #filters .filter-sections::after{display:none!important}


#content #filters .filter-section-count{display:flex!important;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
#content #filters #clear-filters{margin:0!important;padding:0!important;text-align:right!important}
#content #filters #clear-filters a{display:inline-flex!important;align-items:center;gap:6px;background:#fff!important;border:1.5px solid #F3C9DD!important;border-radius:999px!important;padding:7px 16px!important;font:800 13px/1.2 Nunito,sans-serif!important;color:#D1047C!important;text-transform:none!important;letter-spacing:0!important;text-decoration:none!important}
#content #filters #clear-filters a:hover{background:#FDE3EF!important}
#content #filters #clear-filters a::after{color:#D1047C!important;font-size:11px!important;margin:0!important;position:static!important}
#content #filters .filter-total-count{flex:1 1 auto!important;order:0;text-align:left!important;width:auto!important}
#content #filters #clear-filters{order:1;flex:none}


/* ===== KARTY PRODUKTOV: vzdy na detail ===== */
.products .product .p{position:relative!important}
.products .product .p a.name{position:static!important}
.products .product .p a.name::after{content:"";position:absolute;inset:0;z-index:5}
.products .product .p-tools .quantity{display:none!important}
.products .product .p-tools .btn{font-size:0!important;pointer-events:none}
.products .product .p-tools .btn span{font-size:0!important}
.products .product .p-tools .btn i{display:none!important}
.products .product .p-tools .btn::after{content:"Zobrazi\0165  \2192";font:800 14px/1 Nunito,sans-serif;color:#fff;display:inline-block!important}
.products .product:hover .p-tools .btn{background:#A80363!important}
#content #products .p-tools .btn::after{content:""!important;display:block!important;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center/contain}
#content #products .product:hover .p-tools .btn{transform:scale(1.06)}


.products .product .p-tools .btn{background:#D1047C!important;border-color:#D1047C!important;color:#fff!important}
.products .product:hover .p-tools .btn{background:#A80363!important;border-color:#A80363!important}

/* Pozadie fotiek produktov - biele */
#content #products .p a.image{background:#fff!important;border:0!important}

/* Hlavicka kategorie - svetlomodra */
#content .category-top{background:#EEF7FA!important}

/* Kategorie - kratky popis + nazov a popis na stred */
#content #products .p .name{text-align:center!important}
#content #products .p-in,#content #products .p-in-in{text-align:center!important}
#content #products .p-bottom>div{grid-template-areas:"desc desc" "price tools" "avail tools"!important}
#content #products .p-bottom .p-desc{grid-area:desc;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:400 13.5px/1.5 Mulish,sans-serif!important;color:#8a7f86!important;text-align:center!important;margin:0 0 10px!important;padding:0!important;min-height:3em}
#content #products .p-bottom .prices,#content #products .p-bottom .price-final,#content #products .p-bottom .price-final strong{text-align:left!important}
#content #products .p-bottom .availability{justify-content:flex-start!important}