:root{--reference-green:#087b72;--reference-green-dark:#075e58;--reference-ink:#172321;--reference-line:#dce5e2;--reference-soft:#f5f8f7}

/* Image-only advertising carousel. The uploaded artwork owns the whole slide. */
.home-slider--ads{width:min(1600px,100%);min-height:0;margin:0 auto;background:#eef3f1;color:#fff}
.home-slider--ads .home-slider__slides{min-height:0;aspect-ratio:20/7;background:#e8efed}
.home-slider--ads .home-slide{overflow:hidden;transform:none;transition:opacity .32s ease-out}
.home-slider--ads .home-slide__banner{display:block;width:100%;height:100%;background:#e8efed}
.home-slider--ads .home-slide__banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.home-slider--ads .home-slider__controls{right:24px;bottom:20px;left:24px;display:flex;justify-content:center;gap:10px;width:auto;padding:0;pointer-events:none}
.home-slider--ads .home-slider__controls>button{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.66);border-radius:50%;background:rgba(15,42,39,.66);color:#fff;box-shadow:0 8px 22px rgba(7,29,27,.18);backdrop-filter:blur(8px);pointer-events:auto;transition:background .2s ease,border-color .2s ease}
.home-slider--ads .home-slider__controls>button:first-child svg{transform:rotate(180deg)}
.home-slider--ads .home-slider__controls>button:hover,.home-slider--ads .home-slider__controls>button:focus-visible{border-color:#fff;background:var(--reference-green)}
.home-slider--ads .home-slider__controls svg{width:18px;height:18px}
.home-slider--ads .home-slider__dots{display:flex;align-items:center;gap:7px;padding:0 6px;border-radius:999px;background:rgba(15,42,39,.54);backdrop-filter:blur(8px);pointer-events:auto}
.home-slider--ads .home-slider__dots button{width:34px;height:46px}
.home-slider--ads .home-slider__dots button:after{height:3px;border-radius:999px;background:rgba(255,255,255,.42)}
.home-slider--ads .home-slider__dots button.is-active:after{background:#fff;transform:scaleY(1.35)}
.home-slider--ads .home-slider__count{position:absolute;right:0;margin:0;padding:7px 11px;border-radius:999px;background:rgba(15,42,39,.58);color:#d7e4e1;backdrop-filter:blur(8px);pointer-events:auto}
.home-slider--ads .home-slider__count b{font-family:inherit;font-size:15px;font-weight:800}

/* Category cards keep every source image inside the same optical frame. */
.category-tile{grid-template-rows:178px minmax(66px,auto)}
.category-tile__media{position:relative;order:-1;display:grid;place-items:center;width:100%;height:178px;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,#f8faf9,#fff)}
.category-tile .category-tile__media img,.category-tile:first-child .category-tile__media img{position:static;width:100%;height:100%;margin:0;padding:10px;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 18px rgba(22,54,50,.12));transform:scale(1.08);transform-origin:center}
.category-tile .category-tile__media--compact img,.category-tile:first-child .category-tile__media--compact img{transform:scale(2.45)}
.category-tile>div{align-self:end;min-width:0}
.category-tile h3{min-height:2.56em;margin:0 28px 5px 0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}

/* Collapsible, multi-select catalogue filters inspired by the reference flow. */
.filters{overflow:hidden;border:1px solid var(--reference-line);border-top:4px solid var(--reference-green);border-radius:14px;background:#fff;box-shadow:0 12px 34px rgba(19,51,46,.07)}
.filters__header{min-height:68px;padding:16px 18px;border-bottom:1px solid var(--reference-line);background:#26312f;color:#fff}
.filters__header h2{font-size:17px;font-weight:800}
.filters__header a{color:#b9d84a;font-weight:750}
.filters__body{padding:4px 18px 18px}
.filters__body>.filter-search{padding:16px 0}
.filter-dropdown{border-top:1px solid var(--reference-line)}
.filter-dropdown summary{position:relative;display:flex;align-items:center;gap:8px;min-height:56px;padding:13px 30px 13px 0;color:var(--reference-ink);font-size:13px;font-weight:800;cursor:pointer;list-style:none}
.filter-dropdown summary::-webkit-details-marker{display:none}
.filter-dropdown summary:after{content:"";position:absolute;right:4px;width:8px;height:8px;border-right:2px solid #71827e;border-bottom:2px solid #71827e;transform:rotate(45deg);transition:transform .2s ease}
.filter-dropdown[open] summary:after{transform:rotate(225deg) translate(-2px,-2px)}
.filter-dropdown summary>b{display:grid;place-items:center;min-width:22px;height:22px;margin-left:auto;border-radius:999px;background:#e6f3f0;color:var(--reference-green-dark);font-size:11px}
.filter-dropdown .filter-options{display:grid;max-height:270px;overflow:auto;padding:0 4px 12px 0;scrollbar-width:thin;scrollbar-color:#a6b6b2 transparent}
.filter-dropdown .filter-options label{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:42px;padding:5px 2px;color:#3e4d49;font-size:12px;line-height:1.35;cursor:pointer}
.filter-dropdown .filter-options label:hover{color:var(--reference-green-dark)}
.filter-dropdown .filter-options input{width:18px;height:18px;margin:0;accent-color:var(--reference-green);cursor:pointer}
.filter-dropdown .filter-options label>span{min-width:0}
.filter-dropdown .filter-options label>b{min-width:28px;padding:3px 7px;border-radius:999px;background:var(--reference-soft);color:#74847f;font-size:10px;font-variant-numeric:tabular-nums;text-align:center}
.filter-dropdown .filter-options input:checked~span{color:var(--reference-green-dark);font-weight:750}
.range-fields{padding:0 0 16px}
.filters__footer{padding:14px 18px 18px;border-top:1px solid var(--reference-line);background:#fff}
.filters__apply{width:100%;min-height:50px}

@media(max-width:900px){
  .home-slider--ads{max-width:100%;min-height:0;overflow:hidden}
  .home-slider--ads .home-slider__slides{min-height:0;aspect-ratio:20/7}
  .home-slider--ads .home-slide__banner,.home-slider--ads .home-slide__banner img{max-width:100%}
  .home-slider--ads .home-slide__banner img{object-fit:contain}
  .filters[data-filter-panel]{border-radius:0}
}
@media(max-width:620px){
  .home-slider--ads .home-slider__controls{right:8px;bottom:2px;left:8px;gap:4px}
  .home-slider--ads .home-slider__controls>button{display:none}
  .home-slider--ads .home-slider__dots{gap:3px;padding:0 4px}
  .home-slider--ads .home-slider__dots button{width:24px;height:32px}
  .home-slider--ads .home-slider__count{display:none}
  .category-tile{grid-template-rows:138px minmax(64px,auto)}
  .category-tile__media{height:138px}
  .category-tile .category-tile__media img,.category-tile:first-child .category-tile__media img{height:100%;padding:8px;transform:scale(1.06)}
  .category-tile .category-tile__media--compact img,.category-tile:first-child .category-tile__media--compact img{transform:scale(2.35)}
  .category-tile h3{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.home-slider--ads .home-slide,.filter-dropdown summary:after{transition:none}}