/* WatchExclusive – nový vzhľad kategórie a značky (fáza 1)
 * Načítava sa len na stránkach category / manufacturer a zatiaľ len s cookie we_preview=1 (templates/_partials/head.tpl).
 * Pri zmene zvýš ?v= v head.tpl. Pravidlá: CLAUDE.md (dizajn), návrh navrh/checkout-navrh.html.
 */
body{--we-ink:#16181c;--we-text:#33363b;--we-mut:#6f6a63;--we-mut2:#8a8a8a;--we-ivory:#f7f5f2;--we-line:#dedad4;--we-field:#cfc9bf;--we-tan:#d6a581;--we-tanD:#a97444;--we-green:#00b67a;--we-green2:#00a36d;--we-btnline:#8f887e;--we-serif:Georgia,'Times New Roman',Times,serif}

/* ---------- hlavička ---------- */
.we-lhead{margin:0 0 18px}
.we-lhead .we-ey{font-size:11px;letter-spacing:2.6px;text-transform:uppercase;font-weight:700;color:var(--we-tanD);margin:0 0 10px}
/* #content-wrapper kvôli téme (#content-wrapper .page-title má vlastnú veľkosť) */
#content-wrapper .we-lhead h1.page-title{font-family:var(--we-serif);font-weight:400;font-size:28px;line-height:1.15;letter-spacing:-.4px;color:var(--we-ink);text-transform:none;margin:0 0 10px;padding:0;border:0;text-align:left}
#content-wrapper .we-lhead h1.page-title span{border:0;padding:0;font:inherit;letter-spacing:inherit;color:inherit}
.we-lhead h1::after,.we-lhead h1 span::after{display:none}
.we-tp{min-height:24px;margin:0}
.we-tp .trustpilot-widget{max-width:420px} /* užší widget skryje text a nechá len hviezdičky */
@media (min-width:768px){#content-wrapper .we-lhead h1.page-title{font-size:34px}}

/* ---------- podkategórie ---------- */
.we-subs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.we-subs a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;background:var(--we-ivory);border:1px solid var(--we-btnline);color:var(--we-ink);font-size:14px;font-weight:500;text-decoration:none}
.we-subs a:hover,.we-subs a:focus-visible{background:var(--we-green);border-color:var(--we-green);color:#fff;text-decoration:none}

/* ---------- popis: 2 riadky + „… Čítať ďalej“ ---------- */
.we-desc-wrap{margin:0 0 22px;padding-top:18px;border-top:1px solid var(--we-line)}
.we-desc{position:relative;color:var(--we-mut);font-size:14.5px;line-height:1.6}
.we-desc-txt{max-height:3.2em;overflow:hidden}
.we-desc-txt,.we-desc-txt p,.we-desc-txt li{font-size:14.5px;line-height:1.6;color:var(--we-mut)}
.we-desc-txt b,.we-desc-txt strong,.we-desc-txt h2,.we-desc-txt h3{color:var(--we-ink)}
.we-desc-txt a{color:var(--we-ink);text-decoration:underline;text-underline-offset:3px}
/* zatvorený popis tečie ako jeden odsek (nadpisy a odseky v riadku) */
.we-desc:not(.is-open) .we-desc-txt *{display:inline;margin:0;padding:0;font-size:inherit;line-height:inherit;font-family:inherit;font-weight:inherit}
.we-desc:not(.is-open) .we-desc-txt :is(h1,h2,h3,h4,p,li,div)::after{content:" "}
.we-desc:not(.is-open) .we-desc-txt :is(img,iframe,table,figure){display:none}
.we-desc.is-open .we-desc-txt{max-height:none}
.we-desc.is-open .we-desc-txt :is(h2,h3){font-family:var(--we-serif);font-weight:400;line-height:1.25;margin:18px 0 8px}
.we-desc.is-open .we-desc-txt h2{font-size:22px}
.we-desc.is-open .we-desc-txt h3{font-size:18px}
.we-desc.is-open .we-desc-txt p{margin:0 0 12px}
.we-desc-more{position:absolute;right:0;bottom:0;padding:0 0 0 56px;border:0;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 48px);font:inherit;color:var(--we-ink);font-weight:600;cursor:pointer;line-height:1.6}
.we-desc-more[hidden]{display:none}
.we-desc-more u{text-decoration-thickness:1px;text-underline-offset:3px}
.we-desc.is-open .we-desc-more{position:static;padding:0;background:none}
.we-desc-more:focus-visible{outline:2px solid var(--we-green);outline-offset:2px}

/* ---------- lišta nad produktmi ---------- */
.we-tb{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 14px}
.we-tb .we-cnt{margin:0 auto 0 0;font-size:14px;color:var(--we-mut)}
.we-sort{display:flex;gap:10px;margin-left:auto}
.we-tb .products-sort-nb-dropdown{margin:0}
.we-tb .products-sort-nb-dropdown .select-title{display:flex;align-items:center;justify-content:space-between;gap:10px;height:44px;min-width:0;padding:0 12px;border:1px solid var(--we-field);border-radius:0;background:#fff;color:var(--we-ink);font-size:15px;box-shadow:none}
.we-tb .products-sort-nb-dropdown .dropdown-menu{border-radius:0;border-color:var(--we-line)}
.we-tb .products-sort-nb-dropdown .dropdown-item{min-height:40px;display:flex;align-items:center}
.we-tb .products-sort-nb-dropdown .dropdown-item.current{font-weight:700;color:var(--we-ink)}

/* tlačidlo Filtre – celé klikateľné, na mobile cez celú šírku */
.we-fbtn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:52px;padding:0 16px;background:var(--we-ink);color:#fff;border:0;border-radius:0;font:700 13px Roboto,sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer}
.we-fbtn:hover{background:#2a2c30}
.we-fbtn:focus-visible{outline:2px solid var(--we-green);outline-offset:2px}
.we-fbtn-l,.we-fbtn-n{display:inline-flex;align-items:center;gap:8px}
.we-fbtn-n{font-weight:500;letter-spacing:.3px;text-transform:none;font-size:14px;opacity:.85}
.we-fcnt{background:#fff;color:var(--we-ink);min-width:20px;height:20px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-size:11px}
.we-fcnt[hidden]{display:none}
@media (max-width:767.98px){
  .we-tb{gap:10px}
  .we-sort{width:100%;margin:0}
  .we-sort .products-sort-nb-dropdown{flex:1 1 50%;min-width:0}
  .we-sort .products-sort-order{flex-basis:65%}
  .we-sort .products-nb-per-page{flex-basis:35%}
  .we-sort .select-title{width:100%}
  .we-sort .select-title-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  /* popis na mobile až pod produkty */
  #main{display:flex;flex-direction:column}
  #main>.we-desc-wrap{order:9;margin:36px 0 0;padding-top:24px}
}

/* ---------- filtre (ľavý stĺpec; na mobile panel témy) ---------- */
#search_filters .facet{border-bottom:1px solid var(--we-line);padding:0 0 12px;margin:0 0 12px}
#search_filters .facet:last-child{border-bottom:0}
#search_filters .facet-title,#search_filters .block-title{font:700 13px Roboto,sans-serif;letter-spacing:.3px;text-transform:none;color:var(--we-ink);border:0;padding:12px 0 8px;margin:0}
#search_filters .facet-title span,#search_filters .block-title span{border:0;padding:0}
#search_filters .facet-title::after,#search_filters .block-title::after{display:none}
#search_filters .facet-label{display:flex;align-items:center;gap:10px;min-height:36px;font-size:14px;color:var(--we-text);margin:0;cursor:pointer}
#search_filters .facet-label a{color:inherit}
#search_filters .facet-label .magnitude{color:var(--we-mut2);font-size:12.5px;margin-left:auto}
#search_filters .custom-checkbox input[type=checkbox]+span{width:20px;height:20px;border:1.5px solid #222;border-radius:0;background:#fff}
#search_filters .custom-checkbox input[type=checkbox]:checked+span{border-color:var(--we-green)}
#search_filters .custom-checkbox .checkbox-checked{color:var(--we-green)}
#search_filters .noUi-connect{background:var(--we-green)}
#search_filters .noUi-horizontal{height:4px;border:0;background:var(--we-line);box-shadow:none;margin:14px 10px 18px}
#search_filters .noUi-horizontal .noUi-handle{width:20px;height:20px;right:-10px;top:-8px;border:2px solid var(--we-green);border-radius:50%;background:#fff;box-shadow:none}
#search_filters .noUi-handle::before,#search_filters .noUi-handle::after{display:none}
/* téma (custom_s_1.css) farbí vnútro úchytu na sivý štvorec !important */
#search_filters .noUi-handle .noUi-touch-area{background:transparent!important}
#search_filters .noUi-handle:focus-visible{outline:2px solid var(--we-green);outline-offset:2px}
#search_filters [id^=facet_label_]{font-size:14px;color:var(--we-ink);margin:0 0 4px}
@media (max-width:767.98px){
  #search_filter_controls{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;margin:0 0 8px;background:#fff;border-bottom:1px solid var(--we-line)}
  #search_filter_controls .js-search-filters-clear-all{background:none;border:0;padding:0;color:var(--we-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-transform:none;letter-spacing:0;font-size:14px}
  #search_filter_controls .js-search-filters-clear-all i{display:none}
  #search_filter_controls .ok{min-height:48px;padding:0 24px;background:var(--we-green);border:0;border-radius:0;color:#fff;font:700 14px Roboto,sans-serif;letter-spacing:1.3px;text-transform:uppercase}
  #search_filter_controls .ok:hover{background:var(--we-green2)}
}

/* ---------- aktívne filtre ---------- */
#js-active-search-filters .filter-block{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 10px 0 12px;margin:0 8px 8px 0;background:#fff;border:1px solid var(--we-ink);border-radius:0;font:500 13px Roboto,sans-serif;color:var(--we-ink)}
#js-active-search-filters .filter-block .js-search-link{color:var(--we-ink)}

/* ---------- karta produktu vo výpise ---------- */
#js-product-list .product-miniature .product-category-name,
#js-product-list .product-miniature .product-brand,
#js-product-list .product-miniature .product-reference,
#js-product-list .product-miniature .product-description-short,
#js-product-list .product-miniature .input-qty{display:none}
/* téma (custom_s_1.css) dáva obalu obrázka pevnú výšku 22rem !important – obrázok potom prekrýva názov */
#js-product-list .product-miniature .thumbnail-container{height:auto!important;flex-shrink:0;margin-bottom:12px}
#js-product-list .product-miniature .product-description{display:flex;flex-direction:column;align-items:stretch;flex:1 1 auto;text-align:left}
#js-product-list .product-miniature .product-title{font:400 14px/1.4 Roboto,sans-serif;color:var(--we-ink);margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;text-transform:none;letter-spacing:0}
#js-product-list .product-miniature .product-title a{color:inherit}
#js-product-list .product-miniature .product-title a:hover{text-decoration:underline;text-underline-offset:3px}
#js-product-list .product-miniature .product-price-and-shipping{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin:0 0 12px;font-variant-numeric:tabular-nums}
#js-product-list .product-miniature .product-price{font-size:16px;font-weight:700;color:var(--we-ink)}
#js-product-list .product-miniature .regular-price{font-size:13px;color:var(--we-mut2);text-decoration:line-through}
#js-product-list .product-miniature .product-add-cart{margin-top:auto;width:100%}
#js-product-list .product-miniature .product-add-cart form{width:100%}
#js-product-list .product-miniature .input-group-add-cart{display:block;width:100%}
#js-product-list .product-miniature .add-to-cart{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:0 10px;background:var(--we-ivory);border:1px solid var(--we-btnline);border-radius:0;color:var(--we-ink);font:500 13.5px Roboto,sans-serif;letter-spacing:0;text-transform:none;box-shadow:none}
#js-product-list .product-miniature .add-to-cart:hover,#js-product-list .product-miniature .add-to-cart:focus-visible{background:var(--we-green);border-color:var(--we-green);color:#fff}
/* väčšie medzery medzi kartami na počítači (téma má 10 px) – 8. 10. požiadavka */
@media (min-width:992px){
  #js-product-list .products{margin-left:-14px;margin-right:-14px;row-gap:44px}
  #js-product-list .products>.js-product-miniature-wrapper{padding-left:14px;padding-right:14px}
}
/* štítky */
#js-product-list .product-flags{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
#js-product-list .product-flag{display:inline-block;padding:4px 7px;margin:0;font:700 10px/1 Roboto,sans-serif;letter-spacing:1.2px;text-transform:uppercase;background:#fff;color:var(--we-ink);border:1px solid var(--we-ink);border-radius:0;min-width:0;min-height:0}
#js-product-list .product-flag.discount,#js-product-list .product-flag.discount-percentage,#js-product-list .product-flag.discount-amount,#js-product-list .product-flag.on-sale{background:var(--we-tan);border-color:var(--we-tan);color:var(--we-ink)}
#js-product-list .product-flag.out_of_stock,#js-product-list .product-flag.unavailable{background:#efefef;border-color:#efefef;color:var(--we-mut)}

/* ---------- stránkovanie ---------- */
#js-product-list .pagination .page-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
#js-product-list .pagination .page-list a,#js-product-list .pagination .page-list span{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--we-line);border-radius:0;color:var(--we-ink);font-size:14px;font-variant-numeric:tabular-nums}
#js-product-list .pagination .page-list .current a{background:var(--we-ink);border-color:var(--we-ink);color:#fff}
#js-product-list .pagination .page-list .spacer{border:0;min-width:24px}

@media (prefers-reduced-motion:reduce){.we-fbtn,.we-subs a,#js-product-list .add-to-cart{transition:none}}