.filters{display:flex;flex-wrap:wrap;gap:8px 12px;float:left;position:relative;z-index:200}.filters .row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.filters .switch{display:inline-flex;align-items:center;gap:10px;position:relative}.filters .switch input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.filters .switch .track{cursor:pointer;--h: 20px;--w: 36px;width:var(--w);height:var(--h);border:1px solid #e5e7eb;border-radius:999px;position:relative;transition:background 0.2s ease, border-color 0.2s ease;background:#DFDAFF}.filters .switch .thumb{cursor:pointer;--d:16px;position:absolute;inset-block:1px;left:2px;width:var(--d);height:var(--d);background:#fff;border-radius:999px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.18);transition:transform 0.18s ease}.filters .switch input:checked+span{color:var(--Drak-400, #231F20)}.filters .switch input:checked+.track{background:#BEB5EC;border-color:#BEB5EC}.filters .switch input:checked+.track .thumb{transform:translateX(15px);background:#21093A}.filters .switch input:focus-visible+.track{outline:3px solid color-mix(in oklab, #6366f1 60%, transparent);outline-offset:2px}.filters details.dropdown>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:12px 12px;border-radius:8px;border:1px solid var(--Dark-200, #F1F1F1);background:var(--White, #FFF);color:var(--Dark-300, #6C6C6C);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:14px}.filters details.dropdown>summary::-webkit-details-marker{display:none}.filters details.dropdown>summary .chev{display:inline-block;transform:rotate(0deg);transition:transform 0.2s ease}.filters details[open].dropdown>summary .chev{transform:rotate(180deg)}.filters details.dropdown>summary:focus-visible{outline:3px solid color-mix(in oklab, #6366f1 60%, transparent);outline-offset:2px}.filters .menu{position:absolute;top:42px;left:0;color:#0f172a;min-width:240px;padding:24px 0px;z-index:10;border-radius:8px;border:1px solid var(--Dark-200, #F1F1F1);background:var(--White, #FFF);box-shadow:0 98px 27px 0 rgba(164, 164, 164, 0), 0 63px 25px 0 rgba(164, 164, 164, 0.01), 0 35px 21px 0 rgba(164, 164, 164, 0.03), 0 16px 16px 0 rgba(164, 164, 164, 0.04), 0 4px 9px 0 rgba(164, 164, 164, 0.05);display:flex;flex-direction:column;justify-content:center;align-items:center}.filters .price-range-wrap{padding:0 16px;border-bottom:1px solid var(--Dark-200, #F1F1F1)}.filters .menu[role="menu"]{padding-block:0px}.filters .menu h4{margin:6px 8px;font-size:12px;text-transform:uppercase;letter-spacing:0.06em;color:#6b7280}.filters .option{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 18px;border-radius:10px}.filters .option input{width:18px;height:18px}.filters .option:hover{background:color-mix(in oklab, #6366f1 6%, transparent)}.filters .option input:focus-visible+label,.filters .option input:focus-visible{outline:2px solid #6366f1;outline-offset:2px;border-radius:6px}.filters label[for="sale-toggle"]{border-radius:8px;border:1px solid var(--Dark-200, #F1F1F1);background:var(--White, #FFF);display:flex;height:40px;padding:0 12px 0 16px;justify-content:center;align-items:center;gap:8px}.filters label[for="sale-toggle"] span{color:var(--Dark-300, #6C6C6C);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:14px;transition:ease 0.3s all}.filters label[for="sale-toggle"]:hover span{color:var(--Drak-400, #231F20)}.filters .filter-sale-element{cursor:pointer}.filters .filter-sale-element.switch.active span.sale-label{color:var(--Drak-400, #231F20)}.filters .filter-price-element select{cursor:pointer}.filters .price-range{display:flex;align-items:center;gap:8px;margin:24px 0 24px}.filters .price-range select{flex:1;font-size:14px;color:#0f172a;box-shadow:0 1px 2px rgba(0, 0, 0, 0.06);appearance:none;background-position:right 10px center;border-radius:8px;border:1px solid var(--Dark-200, #F1F1F1);background:var(--Dark-100, #F8F8F8);display:flex;width:120px;height:40px;padding:0 12px 0 16px;justify-content:space-between;align-items:center}.filters .price-range select:focus{outline:none}.filters .price-range .dash{color:#6b7280;font-weight:500}.filters .clear-btn{display:flex;align-items:center;gap:6px;padding:0px 12px;background:transparent;border:none;cursor:pointer;color:var(--Drak-400, #231F20);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:14px;margin:10px 0}.filters .clear-btn:hover{color:#0f172a}.filters .clear-btn .icon{font-size:35px !important;line-height:100% !important;position:relative !important;bottom:3px !important;left:3px !important;padding:0 0 0 0 !important}.filters .filter-price-element.dropdown.active summary{position:relative}.filters .filter-price-element.dropdown.active summary:before{content:"";background-image:url(../../img/tick.svg);width:16px;height:16px;border-radius:8px;background-color:var(--Purple-400, #BEB5EC);background-repeat:no-repeat;background-position:50%}.dropdown.sizes.active summary{position:relative}.dropdown.sizes.active summary:before{content:"";background-image:url(../../img/tick.svg);width:16px;height:16px;border-radius:8px;background-color:var(--Purple-400, #BEB5EC);background-repeat:no-repeat;background-position:50%}.filters .menu[aria-label="Pudeli suurus"]{width:260px;padding-top:24px;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-radius:8px;border:1px solid var(--Dark-200, #F1F1F1);background:var(--White, #FFF);box-shadow:0 98px 27px 0 rgba(164, 164, 164, 0), 0 63px 25px 0 rgba(164, 164, 164, 0.01), 0 35px 21px 0 rgba(164, 164, 164, 0.03), 0 16px 16px 0 rgba(164, 164, 164, 0.04), 0 4px 9px 0 rgba(164, 164, 164, 0.05)}.filters .menu[aria-label="Pudeli suurus"] .clear-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;color:var(--Drak-400, #231F20);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:14px;padding:10px 0 0 0;width:100%;justify-content:center;border-top:1px solid var(--Dark-200, #F1F1F1)}.filters .menu[aria-label="Pudeli suurus"] section{width:100%;max-height:287px;overflow-x:hidden;overflow-y:scroll}.filters .menu[aria-label="Pudeli suurus"] section .option:hover{background:transparent}.filters .menu[aria-label="Pudeli suurus"] section .option label{cursor:pointer;color:var(--Drak-400, #231F20);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:14px;margin:0 0 0 0}.filters .menu[aria-label="Pudeli suurus"] section .option input{cursor:pointer;width:16px;height:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #231F20;border-radius:3.5px;position:relative;background-color:#fff}.filters .menu[aria-label="Pudeli suurus"] section .option input:checked{background-image:url("../../img/filter_check.svg");background-position:50%;background-size:contain;background-repeat:no-repeat;background-color:#231F20;border-color:#231F20}.filters .menu[aria-label="Riik ja piirkond"]{width:340px;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:8px;border:1px solid var(--Dark-200, #F1F1F1);background:var(--White, #FFF);box-shadow:0 98px 27px 0 rgba(164, 164, 164, 0), 0 63px 25px 0 rgba(164, 164, 164, 0.01), 0 35px 21px 0 rgba(164, 164, 164, 0.03), 0 16px 16px 0 rgba(164, 164, 164, 0.04), 0 4px 9px 0 rgba(164, 164, 164, 0.05);padding:8px 0 0 0}.filters .menu[aria-label="Riik ja piirkond"] .tab-content{width:100%}.filters .menu[aria-label="Riik ja piirkond"] .tab-content .search{padding:16px}.filters .menu[aria-label="Riik ja piirkond"] .tab-content .options{max-height:191px;overflow-y:scroll;width:100%}.filters .menu[aria-label="Riik ja piirkond"] .tab-content .options:hover{background:transparent}.filters .menu[aria-label="Riik ja piirkond"] .tab-content .options label{cursor:pointer;color:var(--Drak-400, #231F20);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:14px;margin:0 0 0 0}.filters .menu[aria-label="Riik ja piirkond"] .tab-content .options input{cursor:pointer;width:16px;height:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #231F20;border-radius:3.5px;position:relative;background-color:#fff}.filters .menu[aria-label="Riik ja piirkond"] .tab-content .options input:checked{background-image:url("../../img/filter_check.svg");background-position:50%;background-size:contain;background-repeat:no-repeat;background-color:#231F20;border-color:#231F20}.filters .menu[aria-label="Riik ja piirkond"] .tabs{width:100%;display:flex;justify-content:center;border-bottom:1px solid var(--Dark-200, #F1F1F1)}.filters .menu[aria-label="Riik ja piirkond"] .tabs button{display:flex;padding:16px 12px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;color:var(--Dark-300, #6C6C6C);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:14px;background:transparent;border:none;width:150px;height:46px;max-width:150px;cursor:pointer;border-bottom:2px solid transparent}.filters .menu[aria-label="Riik ja piirkond"] .tabs button.active{color:var(--Drak-400, #231F20);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:14px;border-bottom:2px solid var(--Drak-400, #231F20)}.filters .menu[aria-label="Riik ja piirkond"] .clear-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;color:var(--Drak-400, #231F20);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:14px;padding:10px 0 0 0;width:100%;justify-content:center;border-top:1px solid var(--Dark-200, #F1F1F1)}.filters .menu[aria-label="Riik ja piirkond"] section{width:100%;max-height:287px;overflow-x:hidden;overflow-y:scroll}.filters .menu[aria-label="Riik ja piirkond"] section .option:hover{background:transparent}.filters .menu[aria-label="Riik ja piirkond"] section .option label{cursor:pointer;color:var(--Drak-400, #231F20);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:14px;margin:0 0 0 0}.filters .menu[aria-label="Riik ja piirkond"] section .option input{cursor:pointer;width:16px;height:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #231F20;border-radius:3.5px;position:relative;background-color:#fff}.filters .menu[aria-label="Riik ja piirkond"] section .option input:checked{background-image:url("../../img/filter_check.svg");background-position:50%;background-size:contain;background-repeat:no-repeat;background-color:#231F20;border-color:#231F20}.filters .menu[aria-label="Toiduvalik"]{width:340px;padding-top:24px;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-radius:8px;border:1px solid var(--Dark-200, #F1F1F1);background:var(--White, #FFF);box-shadow:0 98px 27px 0 rgba(164, 164, 164, 0), 0 63px 25px 0 rgba(164, 164, 164, 0.01), 0 35px 21px 0 rgba(164, 164, 164, 0.03), 0 16px 16px 0 rgba(164, 164, 164, 0.04), 0 4px 9px 0 rgba(164, 164, 164, 0.05)}.filters .menu[aria-label="Toiduvalik"] .clear-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;color:var(--Drak-400, #231F20);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:14px;padding:10px 0 0 0;width:100%;justify-content:center;border-top:1px solid var(--Dark-200, #F1F1F1)}.filters .menu[aria-label="Toiduvalik"] section{width:100%;max-height:287px;overflow-x:hidden;overflow-y:scroll;display:flex;flex-wrap:wrap;padding:16px 16px 24px;gap:8px}.filters .menu[aria-label="Toiduvalik"] section .option{cursor:pointer;display:flex;height:40px;padding:0 8px 0 4px;align-items:center;gap:4px;border-radius:8px;border:1px solid var(--Dark-200, #F1F1F1);background:var(--Dark-100, #F8F8F8);color:var(--Dark-300, #6C6C6C);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:14px}.filters .menu[aria-label="Toiduvalik"] section .option:hover{background:transparent}.filters .menu[aria-label="Toiduvalik"] section .option input{width:1px;visibility:hidden}.filters .menu[aria-label="Toiduvalik"] section .option label{cursor:pointer;margin:0 0 0 0}details.filter-price-element summary{transition:ease 0.3s all}details.filter-price-element summary:hover{color:var(--Drak-400, #231F20)}details.filter-price-element.active summary{color:var(--Drak-400, #231F20)}details.dropdown.sizes summary{transition:ease 0.3s all}details.dropdown.sizes summary:hover{color:var(--Drak-400, #231F20)}details.dropdown.sizes.active summary{color:var(--Drak-400, #231F20)}details.dropdown.country summary{transition:ease 0.3s all}details.dropdown.country summary:hover{color:var(--Drak-400, #231F20)}details.dropdown.country.active summary{color:var(--Drak-400, #231F20)}.dropdown.country.active summary:before{content:"";background-image:url(../../img/tick.svg);width:16px;height:16px;border-radius:8px;background-color:var(--Purple-400, #BEB5EC);background-repeat:no-repeat;background-position:50%}details.dropdown.food-filter summary{transition:ease 0.3s all}details.dropdown.food-filter summary:hover{color:var(--Drak-400, #231F20)}details.dropdown.food-filter.active summary{color:var(--Drak-400, #231F20)}.dropdown.food-filter.active summary:before{content:"";background-image:url(../../img/tick.svg);width:16px;height:16px;border-radius:8px;background-color:var(--Purple-400, #BEB5EC);background-repeat:no-repeat;background-position:50%}.filters .menu[aria-label="Toiduvalik"] section .option.active{border-radius:8px;border:1px solid var(--Purple-400, #BEB5EC);background:var(--Purple-400, #BEB5EC)}.filters .menu[aria-label="Toiduvalik"] section .option.active label{color:var(--Purple-500, #21093A);font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:14px}.filters .menu[aria-label="Toiduvalik"] .clear-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;color:var(--Drak-400, #231F20);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:14px;padding:10px 0 0 0;width:100%;justify-content:center;border-top:1px solid var(--Dark-200, #F1F1F1)}.filters details.dropdown>summary{transition:0.2s all ease}.filters details.dropdown>summary:hover{color:var(--Drak-400, #231F20)}.dropdown.taste .taste-tabs{min-width:382px;width:100%}.dropdown.taste .clear-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;color:var(--Drak-400, #231F20);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:14px;padding:10px 0 0 0;width:100%;justify-content:center;border-top:1px solid var(--Dark-200, #F1F1F1)}.dropdown.taste .tabs{display:flex;align-items:center;gap:8px;width:100%;padding:16px 16px 0 16px;border-bottom:1px solid var(--Dark-200, #F1F1F1)}.dropdown.taste .tabs button.tab{border:none;color:var(--Dark-300, #6C6C6C);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:14px;border-bottom:2px solid #fff;padding:16px 12px;background-color:#fff;cursor:pointer;transition:0.2s all ease}.dropdown.taste .tabs button.tab:hover{color:var(--Drak-400, #231F20)}.dropdown.taste .tabs button.tab.active{color:var(--Drak-400, #231F20);border-color:var(--Drak-400, #231F20)}.dropdown.taste.active summary{color:var(--Drak-400, #231F20)}.dropdown.taste.active summary:before{content:"";background-image:url(../../img/tick.svg);width:16px;height:16px;border-radius:8px;background-color:var(--Purple-400, #BEB5EC);background-repeat:no-repeat;background-position:50%}.dropdown.taste .tab-content{width:100%;position:relative;height:322px;overflow-y:scroll}.dropdown.taste .tab-content .search{margin:16px}.dropdown.taste .tab-content .option{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 18px;border-radius:10px}.dropdown.taste .tab-content .option input{cursor:pointer;width:16px;height:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #231F20;border-radius:3.5px;position:relative;background-color:#fff}.dropdown.taste .tab-content .option input:checked{background-image:url(../../img/filter_check.svg);background-position:50%;background-size:contain;background-repeat:no-repeat;background-color:#231F20;border-color:#231F20}.dropdown.taste .tab-content .option label{cursor:pointer;color:var(--Drak-400, #231F20);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:14px;margin:0 0 0 0}#flavour .options{padding:16px}#flavour .group{display:flex;flex-wrap:wrap;gap:8px}#flavour .group .option{padding:0 0 0 0;border:1px solid var(--Dark-200, #F1F1F1);background:var(--Dark-100, #F8F8F8);display:flex;gap:4px;transition:ease 0.3s all;position:relative}#flavour .group .option.checked{border-radius:8px;border:1px solid var(--Purple-400, #BEB5EC);background:var(--Purple-400, #BEB5EC)}#flavour .group .option.checked label{color:#000}#flavour .group .option svg{position:absolute;top:0px;bottom:0;left:4px;margin:auto;pointer-events:none;transform:scale(0.9)}#flavour .group .option:hover{border-radius:8px;border:1px solid var(--Purple-400, #BEB5EC);background:var(--Purple-400, #BEB5EC)}#flavour .group .option:hover label{color:#000}#flavour .group input{visibility:hidden;width:1px;height:1px}#flavour .group label{color:var(--Dark-300, #6C6C6C);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:14px;height:40px;padding:0 8px 0 29px;align-items:center;display:flex;border-radius:8px;transition:ease 0.3s all}