/* Catalogue-first affiliate profile: shared comparison hero and product lists. */ .page-home--affiliate-comparator .mi-comparison-hero[data-variant="catalogue-home"]{position:relative;grid-template-columns:minmax(0,1.12fr) minmax(320px,.72fr);min-height:clamp(430px,42vw,560px);margin-top:32px;padding:clamp(30px,5vw,70px);isolation:isolate;border-color:rgba(255,255,255,.62);background:#f8f4eb;box-shadow:0 24px 60px rgba(113,91,58,.13)}.page-home--affiliate-comparator .mi-comparison-hero[data-variant="catalogue-home"]::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(255,253,248,.98) 0%,rgba(255,253,248,.94) 43%,rgba(255,253,248,.62) 67%,rgba(255,253,248,.24) 100%);content:""}.page-home--affiliate-comparator .mi-comparison-hero[data-variant="catalogue-home"] .mi-comparison-hero__background{position:absolute;z-index:-2;inset:0;margin:0;overflow:hidden;border-radius:inherit}.page-home--affiliate-comparator .mi-comparison-hero[data-variant="catalogue-home"] .mi-comparison-hero__background img{display:block;width:100%;height:100%;object-fit:cover}.page-home--affiliate-comparator .mi-comparison-hero[data-variant="catalogue-home"] h1{color:var(--wi2-ink,#161523)}.page-home--affiliate-comparator .mi-comparison-hero[data-variant="catalogue-home"] .mi-comparison-hero__lead{color:var(--color-text-muted,#60707a)}.page-home--affiliate-comparator .mi-comparison-hero[data-variant="catalogue-home"] .mi-comparison-hero__meta li{background:rgba(255,255,255,.78);color:var(--wi2-ink,#161523);box-shadow:inset 0 0 0 1px rgba(22,21,35,.07)}.affiliate-home-section{padding:clamp(3.8rem,7vw,7rem) 0}.affiliate-home-section--selection{background:#f8f4eb}.affiliate-home-section--posts{background:#fff}.affiliate-home-section__intro{max-width:410px;margin:0;color:var(--wi2-muted,#65706f);font-size:1rem;line-height:1.6}.affiliate-catalogue{width:100%}.affiliate-catalogue__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.2vw,1.55rem);align-items:stretch}.affiliate-catalogue__item{min-width:0}.affiliate-catalogue__item>.mi-affiliate-card{height:100%}.affiliate-catalogue__filters{display:flex;flex-wrap:wrap;gap:.8rem;align-items:end;margin:0 0 clamp(1.25rem,2.5vw,2rem);padding:1rem;border:1px solid color-mix(in srgb,var(--wi2-ink,#161523) 9%,transparent);border-radius:18px;background:rgba(255,255,255,.75)}.affiliate-catalogue__filters label{display:grid;gap:.35rem;min-width:min(100%,190px);color:var(--wi2-ink,#161523);font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.affiliate-catalogue__filters select{min-height:44px;padding:.55rem 2rem .55rem .75rem;border:1px solid color-mix(in srgb,var(--wi2-ink,#161523) 15%,transparent);border-radius:10px;background:#fff;color:var(--wi2-ink,#161523);font:inherit;font-size:.9rem;letter-spacing:0;text-transform:none}.affiliate-catalogue__reset{min-height:44px;padding:.55rem .8rem;border:0;background:transparent;color:var(--wi2-ink,#161523);font:inherit;font-size:.85rem;font-weight:800;text-decoration:underline;cursor:pointer}.affiliate-catalogue__empty,.affiliate-catalogue__noscript{margin:1.2rem 0 0;color:var(--wi2-muted,#65706f);font-weight:650}.affiliate-home-guide{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,7vw,7rem);padding:clamp(1.6rem,4vw,4rem);border-radius:28px;background:var(--wi2-ink,#161523);color:#fff;box-shadow:0 16px 36px rgba(22,21,35,.1)}.affiliate-home-guide .wi2-label{color:var(--wi2-lime,#f3e75b)}.affiliate-home-guide h2{max-width:570px;margin:.5rem 0 .9rem;color:#fff;font-size:clamp(2rem,4.5vw,4rem);line-height:.97;letter-spacing:-.045em}.affiliate-home-guide__copy>p:last-of-type{max-width:580px;margin:0;color:rgba(255,255,255,.72);font-size:1.06rem;line-height:1.65}.affiliate-home-guide__cta{display:inline-flex;gap:.45rem;align-items:center;margin-top:1.4rem;color:var(--wi2-lime,#f3e75b);font-weight:850;text-decoration:none}.affiliate-home-guide__cta:hover{color:#fff}.affiliate-home-guide__steps{display:grid;gap:0;margin:0;padding:0;list-style:none}.affiliate-home-guide__steps li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:1rem;padding:1.15rem 0;border-top:1px solid rgba(255,255,255,.14)}.affiliate-home-guide__steps li:first-child{border-top:0}.affiliate-home-guide__steps span{color:var(--wi2-lime,#f3e75b);font-size:.82rem;font-weight:850;letter-spacing:.08em}.affiliate-home-guide__steps h3{margin:0 0 .35rem;color:#fff;font-size:1.08rem}.affiliate-home-guide__steps p{margin:0;color:rgba(255,255,255,.66);line-height:1.55}.affiliate-home-section--posts .cms-bl-grid{margin-top:0}.affiliate-home-section--posts .cms-bl-grid__grid{gap:1.2rem}.affiliate-home-section .wi2-section-cta{margin-top:clamp(1.7rem,3vw,2.4rem)} @media (max-width:900px){.affiliate-catalogue__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.affiliate-home-guide{grid-template-columns:1fr;gap:2rem}.affiliate-home-section__intro{margin-top:.8rem}} @media (max-width:700px){.page-home--affiliate-comparator .mi-comparison-hero[data-variant="catalogue-home"]{grid-template-columns:1fr;min-height:430px;margin-top:24px;padding:28px 22px;border-radius:24px}.page-home--affiliate-comparator .mi-comparison-hero[data-variant="catalogue-home"]::after{background:linear-gradient(90deg,rgba(255,253,248,.96),rgba(255,253,248,.52))}}@media (max-width:620px){.affiliate-catalogue__grid{grid-template-columns:1fr}.affiliate-catalogue__filters{align-items:stretch}.affiliate-catalogue__filters label{width:100%}.affiliate-catalogue__reset{align-self:flex-start;padding-left:0}.affiliate-home-guide{padding:1.4rem;border-radius:22px}.affiliate-home-guide__steps li{grid-template-columns:46px minmax(0,1fr)}} /* AFFILIATE_CATALOGUE_SHOP_FILTERS_V2 */ .affiliate-catalogue__filters{display:grid;gap:1.15rem;padding:clamp(1rem,2.1vw,1.45rem);border:1px solid color-mix(in srgb,var(--color-accent,#0fbd74) 18%,var(--color-border,#dbe7e1));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-bg,#fff) 93%,var(--color-accent,#0fbd74) 7%),var(--color-bg,#fff));box-shadow:0 14px 34px color-mix(in srgb,var(--color-text,#161523) 6%,transparent)} .affiliate-catalogue__filters-head{display:flex;gap:.8rem;align-items:center}.affiliate-catalogue__filters-icon{display:grid;flex:0 0 39px;width:39px;height:39px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--color-accent,#0fbd74) 13%,transparent);color:var(--color-accent,#0fbd74)}.affiliate-catalogue__filters-icon svg,.affiliate-catalogue__filter-group legend svg,.affiliate-catalogue__reset svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.affiliate-catalogue__filters-head>div{display:grid;gap:2px}.affiliate-catalogue__filters-head strong{color:var(--color-text,#161523);font-size:.96rem;letter-spacing:-.01em}.affiliate-catalogue__filters-head div span{color:var(--color-text-muted,#69717a);font-size:.79rem}.affiliate-catalogue__filters-head b{color:var(--color-accent,#0fbd74)}.affiliate-catalogue__reset{display:inline-flex;gap:.4rem;align-items:center;margin-left:auto;padding:.45rem .15rem;border:0;background:transparent;color:var(--color-text-muted,#69717a);font:700 .78rem/1.2 var(--font-body);text-decoration:none;cursor:pointer}.affiliate-catalogue__reset:hover{color:var(--color-accent,#0fbd74)}.affiliate-catalogue__reset svg{width:15px;height:15px}.affiliate-catalogue__filter-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.affiliate-catalogue__filter-group{min-width:0;margin:0;padding:.8rem;border:1px solid color-mix(in srgb,var(--color-border,#dbe7e1) 78%,transparent);border-radius:14px;background:color-mix(in srgb,var(--color-bg,#fff) 90%,var(--color-accent,#0fbd74) 3%)}.affiliate-catalogue__filter-group legend{display:flex;gap:.4rem;align-items:center;padding:0;color:var(--color-text,#161523);font:800 .72rem/1.2 var(--font-body);letter-spacing:.04em;text-transform:uppercase}.affiliate-catalogue__filter-group legend span{display:grid;width:19px;height:19px;place-items:center;border-radius:6px;background:color-mix(in srgb,var(--color-accent,#0fbd74) 11%,transparent);color:var(--color-accent,#0fbd74)}.affiliate-catalogue__filter-group legend svg{width:12px;height:12px}.affiliate-catalogue__filter-options{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.affiliate-catalogue__filter-options label{position:relative;display:inline-flex;gap:.35rem;align-items:center;width:auto;min-width:0;margin:0;padding:.42rem .5rem;border:1px solid color-mix(in srgb,var(--color-border,#dbe7e1) 80%,transparent);border-radius:999px;background:var(--color-bg,#fff);color:var(--color-text-muted,#69717a);font:700 .75rem/1.1 var(--font-body);letter-spacing:0;text-transform:none;cursor:pointer}.affiliate-catalogue__filter-options input{position:absolute;width:1px;height:1px;opacity:0}.affiliate-catalogue__filter-options small{display:grid;min-width:17px;height:17px;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--color-text,#161523) 7%,transparent);font-size:.62rem}.affiliate-catalogue__filter-options label:has(input:checked){border-color:var(--color-accent,#0fbd74);background:var(--color-accent,#0fbd74);color:#fff}.affiliate-catalogue__filter-options label:has(input:checked) small{background:color-mix(in srgb,#fff 22%,transparent);color:#fff}.affiliate-catalogue__filter-options label:has(input:focus-visible){outline:2px solid var(--color-accent,#0fbd74);outline-offset:2px}@media (max-width:760px){.affiliate-catalogue__filter-groups{grid-template-columns:1fr}.affiliate-catalogue__filters-head{align-items:flex-start}.affiliate-catalogue__reset{margin-top:.2rem}.affiliate-catalogue__filter-options{gap:.4rem}}@media (max-width:420px){.affiliate-catalogue__filters-head{flex-wrap:wrap}.affiliate-catalogue__reset{margin-left:47px}} /* AFFILIATE_CATALOGUE_SHOP_FILTERS_V2_END */ /* AFFILIATE_CATALOGUE_FACETS_V3: retail-scale filtering belongs to the shared partial. */ .affiliate-catalogue__layout--faceted{display:grid;grid-template-columns:minmax(220px,278px) minmax(0,1fr);gap:clamp(1.35rem,3vw,2.65rem);align-items:start}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filters{position:sticky;top:96px;display:block;max-height:calc(100vh - 116px);margin:0;padding:clamp(1rem,2vw,1.3rem);overflow-y:auto;border:1px solid color-mix(in srgb,var(--color-border,#dbe7e1) 82%,transparent);border-radius:18px;background:color-mix(in srgb,var(--color-bg,#fff) 96%,var(--color-accent,#0fbd74) 4%);box-shadow:0 12px 28px color-mix(in srgb,var(--color-text,#161523) 5%,transparent)}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filters-head{display:grid;grid-template-columns:38px minmax(0,1fr);gap:.65rem;align-items:center}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filters-icon{width:38px;height:38px}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filters-head strong{font-size:1rem}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filters-head div span{display:block;margin-top:2px;font-size:.76rem;line-height:1.35}.affiliate-catalogue__layout--faceted .affiliate-catalogue__reset{grid-column:1/-1;justify-self:start;margin:.25rem 0 0;padding:0;color:var(--color-text-muted,#69717a);font-size:.78rem}.affiliate-catalogue__search{display:grid;gap:.36rem;margin:1rem 0 0;color:var(--color-text,#161523);font:800 .69rem/1.2 var(--font-body);letter-spacing:.055em;text-transform:uppercase}.affiliate-catalogue__search input{width:100%;min-height:42px;padding:.55rem .72rem;border:1px solid color-mix(in srgb,var(--color-border,#dbe7e1) 86%,transparent);border-radius:10px;background:var(--color-bg,#fff);color:var(--color-text,#161523);font:600 .86rem/1.2 var(--font-body);letter-spacing:0;text-transform:none}.affiliate-catalogue__search input:focus-visible{outline:2px solid var(--color-accent,#0fbd74);outline-offset:2px}.affiliate-catalogue__active{margin:.8rem 0 0;padding:.42rem .58rem;border-radius:8px;background:color-mix(in srgb,var(--color-accent,#0fbd74) 11%,transparent);color:var(--color-text,#161523);font:750 .76rem/1.3 var(--font-body)}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-groups{display:block;margin-top:1rem}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-group{margin:0;padding:.82rem 0;border:0;border-top:1px solid color-mix(in srgb,var(--color-border,#dbe7e1) 82%,transparent);border-radius:0;background:transparent}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-group:last-child{padding-bottom:0}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-group legend{width:100%;font-size:.72rem}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-options{display:grid;gap:.14rem;margin-top:.58rem}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-options label{display:grid;grid-template-columns:15px minmax(0,1fr) auto;gap:.48rem;align-items:center;padding:.38rem 0;border:0;border-radius:0;background:transparent;color:var(--color-text-muted,#69717a);font-size:.79rem;line-height:1.3}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-options label::before{width:13px;height:13px;border:1px solid color-mix(in srgb,var(--color-border,#dbe7e1) 95%,var(--color-text,#161523));border-radius:4px;background:var(--color-bg,#fff);content:""}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-options label:has(input:checked){background:transparent;color:var(--color-text,#161523)}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-options label:has(input:checked)::before{border-color:var(--color-accent,#0fbd74);background:var(--color-accent,#0fbd74);box-shadow:inset 0 0 0 3px var(--color-bg,#fff)}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-options small{min-width:0;height:auto;padding:0;background:transparent;color:var(--color-text-muted,#69717a);font-size:.7rem}.affiliate-catalogue__facet-toggle{margin:.5rem 0 0;padding:0;border:0;background:transparent;color:var(--color-accent,#0fbd74);font:750 .76rem/1.3 var(--font-body);cursor:pointer;text-decoration:underline}.affiliate-catalogue__facet-toggle:focus-visible{outline:2px solid var(--color-accent,#0fbd74);outline-offset:3px}.affiliate-catalogue__results{min-width:0}.affiliate-catalogue__results-count{margin:0 0 .85rem;color:var(--color-text-muted,#69717a);font-size:.85rem}.affiliate-catalogue__results-count b{color:var(--color-text,#161523);font-size:.95rem}.affiliate-catalogue__layout--faceted .affiliate-catalogue__empty{margin-top:1.15rem}@media (max-width:900px){.affiliate-catalogue__layout--faceted{grid-template-columns:minmax(205px,245px) minmax(0,1fr);gap:1.25rem}.affiliate-catalogue__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.affiliate-catalogue__layout--faceted{display:block}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filters{position:static;max-height:none;margin:0 0 1.2rem;overflow:visible}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-group:nth-child(2){border-top:1px solid color-mix(in srgb,var(--color-border,#dbe7e1) 82%,transparent)}}@media (max-width:520px){.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-groups{grid-template-columns:1fr}.affiliate-catalogue__grid{grid-template-columns:1fr}} /* AFFILIATE_CATALOGUE_FACETS_V4: rhythm and adaptive facets. */ .affiliate-catalogue__layout--faceted .affiliate-catalogue__filters{max-height:none;overflow:visible}.affiliate-catalogue__layout--faceted .affiliate-catalogue__active{margin:.75rem 0 0;padding:.45rem}.affiliate-catalogue__active>div{display:flex;flex-wrap:wrap;gap:.35rem}.affiliate-catalogue__active-tag{display:inline-flex;align-items:center;min-height:27px;padding:.3rem .48rem;border:1px solid color-mix(in srgb,var(--color-accent,#0fbd74) 26%,transparent);border-radius:999px;background:var(--color-bg,#fff);color:var(--color-text,#161523);font:700 .71rem/1.1 var(--font-body);cursor:pointer}.affiliate-catalogue__active-tag:hover{border-color:var(--color-accent,#0fbd74);color:var(--color-accent,#0fbd74)}.affiliate-catalogue__active-tag:focus-visible{outline:2px solid var(--color-accent,#0fbd74);outline-offset:2px}.affiliate-catalogue__layout--faceted .affiliate-catalogue__search{margin-top:.8rem}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-group{padding:.82rem 0}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-group+.affiliate-catalogue__filter-group{padding-top:1.2rem}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-options{margin-top:.34rem}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-options label{padding:.34rem 0}.affiliate-catalogue__layout--faceted .affiliate-catalogue__facet-toggle{margin-top:.58rem} /* AFFILIATE_CATALOGUE_FACET_RHYTHM_V5 */ .affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-group{margin:0 0 1.1rem;padding:0}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-group+.affiliate-catalogue__filter-group{padding-top:0}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-group:last-child{margin-bottom:0}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-group legend{display:flex;align-items:center;min-height:19px;line-height:1} /* AFFILIATE_CATALOGUE_FACET_RHYTHM_V5_END */ /* AFFILIATE_CATALOGUE_FACET_CHROME_V6 */ .affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-group legend{width:max-content;padding:.28rem .42rem;border-radius:8px;background:color-mix(in srgb,var(--color-accent,#0fbd74) 7%,var(--color-bg,#fff));line-height:1}.affiliate-catalogue__layout--faceted .affiliate-catalogue__filter-group legend>span{flex:0 0 19px}.affiliate-catalogue__filter-group legend svg,.affiliate-catalogue__reset svg{display:block;flex:0 0 auto}.affiliate-catalogue__reset svg{overflow:visible} /* AFFILIATE_CATALOGUE_FACET_CHROME_V6_END */ /* AFFILIATE_CATALOGUE_SORTING_V7: one typed control owned by the shared listing. */ .affiliate-catalogue__results-toolbar{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between;margin:0 0 .9rem}.affiliate-catalogue__results-toolbar .affiliate-catalogue__results-count{margin:0}.affiliate-catalogue__sort{display:inline-flex;gap:.5rem;align-items:center;color:var(--color-text-muted,#69717a);font:750 .75rem/1.2 var(--font-body)}.affiliate-catalogue__sort select{min-height:38px;padding:.45rem 1.9rem .45rem .65rem;border:1px solid color-mix(in srgb,var(--color-border,#dbe7e1) 84%,transparent);border-radius:10px;background:var(--color-bg,#fff);color:var(--color-text,#161523);font:750 .78rem/1.2 var(--font-body);cursor:pointer}.affiliate-catalogue__sort select:focus-visible{outline:2px solid var(--color-accent,#0fbd74);outline-offset:2px}@media(max-width:480px){.affiliate-catalogue__results-toolbar{align-items:flex-start;flex-direction:column}.affiliate-catalogue__sort{width:100%;justify-content:space-between}.affiliate-catalogue__sort select{flex:1;max-width:190px}} /* AFFILIATE_CATALOGUE_SORTING_V7_END */ /* AFFILIATE_CATALOGUE_MOBILE_FILTER_PANEL_V1 * The server-rendered filter form remains the single source of controls. On * small screens it becomes an accessible floating panel instead of consuming * space above the catalogue results. */ .affiliate-catalogue__mobile-filter-toggle, .affiliate-catalogue__filter-close, .affiliate-catalogue__filter-backdrop { display: none; } body.cms-affiliate-filter-panel-open { overflow: hidden; } @media (max-width: 720px) { .affiliate-catalogue.is-filter-panel-ready .affiliate-catalogue__layout--faceted .affiliate-catalogue__filters { position: fixed; z-index: 82; right: 12px; bottom: 84px; left: 12px; top: auto; width: auto; max-height: calc(100dvh - 108px); margin: 0; padding: 1rem; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; border-radius: 22px; background: color-mix(in srgb, var(--color-bg, #fff) 96%, transparent); box-shadow: 0 22px 64px color-mix(in srgb, var(--color-text, #161523) 24%, transparent); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(16px); transition: opacity .2s ease, transform .2s ease, visibility .2s ease; } .affiliate-catalogue.is-filter-panel-open .affiliate-catalogue__layout--faceted .affiliate-catalogue__filters { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } .affiliate-catalogue__mobile-filter-toggle:not([hidden]) { position: fixed; z-index: 83; left: 50%; bottom: 24px; display: inline-flex; min-width: 116px; height: 48px; align-items: center; justify-content: center; gap: .48rem; padding: 0 1rem; border: 0; border-radius: var(--cms-ds-radius-full, 999px); background: var(--color-accent); color: #fff; box-shadow: var(--shadow-lg, 0 14px 32px rgba(22, 21, 35, .18)); font: 800 .78rem/1 var(--font-body); cursor: pointer; transform: translateX(-50%); } .affiliate-catalogue__mobile-filter-toggle:hover, .affiliate-catalogue__mobile-filter-toggle:focus-visible, .affiliate-catalogue__mobile-filter-toggle.is-active { background: var(--wi2-ink, var(--color-text)); outline: 0; } .affiliate-catalogue__mobile-filter-toggle:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-accent) 28%, #fff), var(--shadow-lg, 0 14px 32px rgba(22, 21, 35, .18)); } .affiliate-catalogue__mobile-filter-toggle svg, .affiliate-catalogue__filter-close svg { width: 19px; height: 19px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .affiliate-catalogue__mobile-filter-toggle b { display: grid; min-width: 20px; height: 20px; place-items: center; padding: 0 .3rem; border-radius: 999px; background: rgba(255, 255, 255, .2); color: #fff; font-size: .66rem; } .affiliate-catalogue__mobile-filter-toggle b[hidden] { display: none; } .affiliate-catalogue__filter-backdrop:not([hidden]) { position: fixed; z-index: 81; inset: 0; display: block; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(16, 24, 32, .48); cursor: default; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .affiliate-catalogue__layout--faceted .affiliate-catalogue__filters-head { position: relative; padding-right: 42px; } .affiliate-catalogue__filter-close:not([hidden]) { position: absolute; top: 0; right: 0; display: grid; width: 36px; height: 36px; padding: 0; place-items: center; border: 1px solid color-mix(in srgb, var(--color-border, #dbe7e1) 86%, transparent); border-radius: 50%; background: var(--color-bg, #fff); color: var(--color-text, #161523); cursor: pointer; } .affiliate-catalogue__filter-close:hover, .affiliate-catalogue__filter-close:focus-visible { border-color: var(--color-accent); color: var(--color-accent); outline: 0; } } /* AFFILIATE_CATALOGUE_MOBILE_FILTER_PANEL_V1_END */