:root{
  --atf-accent:#8e2d31;
  --atf-accent-dark:#6f2024;
  --atf-ink:#181614;
  --atf-muted:#817871;
  --atf-soft:#f5f1eb;
  --atf-line:#e8e1d9;
  --atf-white:#fff;
  --atf-shadow:0 24px 80px rgba(25,18,14,.18);
}

.atf-shortcode,.atf-panel,.atf-panel *{box-sizing:border-box}
.atf-shortcode{display:inline-flex;font-family:inherit;direction:rtl}
.atf-open{appearance:none;border:1px solid rgba(142,45,49,.22);background:#fff;color:var(--atf-ink);height:44px;padding:0 15px 0 11px;border-radius:13px;display:inline-flex;align-items:center;gap:9px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;line-height:1;box-shadow:0 7px 22px rgba(32,23,20,.05);transition:.22s ease}
.atf-open:hover{border-color:rgba(142,45,49,.42);box-shadow:0 9px 26px rgba(142,45,49,.09);transform:translateY(-1px)}
.atf-open-icon{width:26px;height:26px;border-radius:8px;background:var(--atf-soft);display:grid;place-items:center;color:var(--atf-accent)}
.atf-open svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.atf-open-count{min-width:20px;height:20px;border-radius:999px;background:var(--atf-accent);color:#fff;display:none;place-items:center;padding:0 5px;font-size:10px;font-weight:700}
.atf-open-count.is-visible{display:grid}

.atf-overlay{position:fixed;inset:0;background:rgba(18,14,12,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:999998;opacity:0;transition:opacity .25s ease}
.atf-overlay.is-visible{opacity:1}
body.atf-lock{overflow:hidden!important}

.atf-panel{position:fixed;top:0;right:0;width:min(430px,92vw);height:100dvh;background:var(--atf-white);z-index:999999;transform:translateX(105%);transition:transform .32s cubic-bezier(.2,.75,.2,1);box-shadow:var(--atf-shadow);font-family:inherit;color:var(--atf-ink);overflow:hidden}
.atf-panel.is-open{transform:translateX(0)}
.atf-form{height:100%;display:flex;flex-direction:column;margin:0}
.atf-head{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 18px;border-bottom:1px solid var(--atf-line);background:linear-gradient(180deg,#fff 0%,#fdfbf9 100%)}
.atf-head h3{margin:4px 0 0;font-size:20px;line-height:1.35;font-weight:720;color:var(--atf-ink)}
.atf-eyebrow{font-size:10px;color:var(--atf-accent);letter-spacing:.02em;font-weight:650}
.atf-close{width:38px;height:38px;border:1px solid var(--atf-line);background:#fff;border-radius:12px;display:grid;place-items:center;color:#3c3430;cursor:pointer;transition:.2s}
.atf-close:hover{background:var(--atf-soft);color:var(--atf-accent)}
.atf-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}

.atf-active-summary{display:none;align-items:center;justify-content:space-between;margin:14px 20px 0;padding:10px 12px;border-radius:11px;background:#f8f3f1;color:#5a4943;font-size:11px}
.atf-active-summary.has-active{display:flex}
.atf-active-summary strong{color:var(--atf-accent);font-size:12px}
.atf-clear-all{appearance:none;border:0;background:transparent;padding:0;color:var(--atf-accent);font:inherit;font-size:10px;font-weight:650;cursor:pointer}

.atf-scroll{flex:1;overflow:auto;overscroll-behavior:contain;padding:4px 20px 22px;scrollbar-width:thin;scrollbar-color:#d8cec6 transparent}
.atf-section{border-bottom:1px solid var(--atf-line)}
.atf-section-title{width:100%;appearance:none;border:0;background:transparent;padding:19px 1px;display:flex;align-items:center;justify-content:space-between;color:var(--atf-ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-align:right}
.atf-section-title svg{width:17px;height:17px;fill:none;stroke:#8d837c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.atf-section:not(.is-open) .atf-section-title svg{transform:rotate(90deg)}
.atf-section-body{padding:0 0 20px}
.atf-section:not(.is-open) .atf-section-body{display:none}

.atf-cat-search-wrap{height:40px;border:1px solid var(--atf-line);background:#fbfaf8;border-radius:11px;display:flex;align-items:center;padding:0 11px;gap:8px;margin-bottom:12px}
.atf-cat-search-wrap:focus-within{border-color:rgba(142,45,49,.45);box-shadow:0 0 0 3px rgba(142,45,49,.06);background:#fff}
.atf-cat-search-wrap svg{width:16px;height:16px;fill:none;stroke:#9b918a;stroke-width:1.7;stroke-linecap:round}
.atf-cat-search{width:100%;height:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important;font:inherit!important;font-size:11px!important;color:#3b3531!important}
.atf-cat-search::placeholder{color:#aaa19a}
.atf-category-tree{max-height:275px;overflow:auto;padding-left:3px;scrollbar-width:thin;scrollbar-color:#ded5ce transparent}
.atf-cat-list{list-style:none!important;padding:0!important;margin:0!important}
.atf-cat-list .atf-cat-list{padding-right:20px!important;position:relative}
.atf-cat-list .atf-cat-list:before{content:"";position:absolute;right:6px;top:2px;bottom:5px;width:1px;background:#ede6e0}
.atf-cat-item{margin:1px 0!important;padding:0!important}
.atf-cat-row{display:flex;align-items:center;gap:4px;min-height:36px}
.atf-check-label{flex:1;display:flex;align-items:center;gap:9px;cursor:pointer;min-width:0;margin:0!important;color:#4d4540;font-size:11px;font-weight:500}
.atf-check-label input{position:absolute;opacity:0;pointer-events:none}
.atf-check-ui{width:18px;height:18px;flex:0 0 18px;border:1px solid #d5cbc4;border-radius:6px;background:#fff;position:relative;transition:.18s}
.atf-check-label input:checked + .atf-check-ui{background:var(--atf-accent);border-color:var(--atf-accent);box-shadow:0 4px 10px rgba(142,45,49,.18)}
.atf-check-label input:checked + .atf-check-ui:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.atf-cat-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.atf-cat-count{margin-right:auto;color:#aaa099;font-size:9px;min-width:20px;text-align:left}
.atf-branch-toggle{width:28px;height:28px;flex:0 0 28px;border:0;background:transparent;border-radius:8px;display:grid;place-items:center;cursor:pointer;color:#92877f;padding:0}
.atf-branch-toggle:hover{background:#f6f2ee;color:var(--atf-accent)}
.atf-branch-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:.18s}
.atf-branch-toggle[aria-expanded="false"] svg{transform:rotate(90deg)}
.atf-children{display:none}
.atf-children.is-open{display:block}
.atf-cat-item.atf-search-hidden{display:none!important}
.atf-empty{font-size:11px;color:var(--atf-muted);margin:6px 0}

.atf-price-caption{display:flex;align-items:center;justify-content:space-between;color:#756b64;font-size:10px;margin-bottom:16px}
.atf-price-caption b{color:#332d29;font-size:11px;font-weight:700}
.atf-range{height:24px;position:relative;margin:0 2px 13px}
.atf-range-track,.atf-range-fill{position:absolute;right:0;left:0;top:11px;height:3px;border-radius:99px}
.atf-range-track{background:#e8e0da}
.atf-range-fill{background:var(--atf-accent);right:0;left:0}
.atf-range input[type="range"]{position:absolute;inset:0;width:100%;height:24px;margin:0;padding:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.atf-range input[type="range"]::-webkit-slider-runnable-track{height:3px;background:transparent;border:0}
.atf-range input[type="range"]::-moz-range-track{height:3px;background:transparent;border:0}
.atf-range input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;border-radius:50%;background:#fff;border:2px solid var(--atf-accent);box-shadow:0 2px 7px rgba(70,35,30,.18);pointer-events:auto;cursor:grab;margin-top:-7px}
.atf-range input[type="range"]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--atf-accent);box-shadow:0 2px 7px rgba(70,35,30,.18);pointer-events:auto;cursor:grab}
.atf-price-inputs{display:grid;grid-template-columns:1fr 12px 1fr;align-items:end;gap:8px}
.atf-price-inputs label{display:block;margin:0!important}
.atf-price-inputs label span{display:block;color:#978d86;font-size:9px;margin-bottom:5px}
.atf-price-inputs input{width:100%;height:39px!important;border:1px solid var(--atf-line)!important;border-radius:10px!important;background:#fbfaf8!important;color:#39312d!important;padding:0 9px!important;margin:0!important;box-shadow:none!important;outline:0!important;font:inherit!important;font-size:10px!important;direction:ltr;text-align:center}
.atf-price-inputs input:focus{border-color:rgba(142,45,49,.45)!important;background:#fff!important}
.atf-price-dash{height:1px;background:#cfc4bc;margin-bottom:19px}

.atf-rating-list{display:flex;flex-direction:column;gap:5px}
.atf-rating-option{min-height:37px;border-radius:10px;padding:7px 9px;display:flex;align-items:center;gap:8px;margin:0!important;cursor:pointer;transition:.18s}
.atf-rating-option:hover{background:#faf7f4}
.atf-rating-option input{position:absolute;opacity:0}
.atf-radio-ui{width:17px;height:17px;border:1px solid #d4cac3;border-radius:50%;position:relative;flex:0 0 17px}
.atf-rating-option input:checked + .atf-radio-ui{border-color:var(--atf-accent)}
.atf-rating-option input:checked + .atf-radio-ui:after{content:"";position:absolute;inset:4px;background:var(--atf-accent);border-radius:50%}
.atf-stars{display:flex;direction:ltr;gap:1px}
.atf-stars svg{width:14px;height:14px;fill:#eee7e1;stroke:#ddd2ca;stroke-width:.5}
.atf-stars svg.is-on{fill:#c99843;stroke:#c99843}
.atf-rating-copy{margin-right:auto;color:#756b64;font-size:10px}

.atf-switches{display:flex;flex-direction:column;gap:7px}
.atf-switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 11px;background:#fbfaf8;border:1px solid #f0ebe6;border-radius:12px;margin:0!important;cursor:pointer}
.atf-switch-row strong{display:block;font-size:10.5px;color:#423a35;font-weight:650;margin-bottom:3px}
.atf-switch-row small{display:block;color:#9b918a;font-size:8.5px;line-height:1.5}
.atf-switch{position:relative;width:38px;height:22px;flex:0 0 38px}
.atf-switch input{position:absolute;opacity:0}
.atf-switch > span{position:absolute;inset:0;border-radius:99px;background:#ddd4ce;transition:.2s}
.atf-switch > span:before{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15);transition:.2s}
.atf-switch input:checked + span{background:var(--atf-accent)}
.atf-switch input:checked + span:before{transform:translateX(-16px)}

.atf-footer{flex:0 0 auto;display:grid;grid-template-columns:110px 1fr;gap:9px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--atf-line);background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}
.atf-footer button{height:46px;border-radius:12px;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:.2s}
.atf-reset{border:1px solid var(--atf-line);background:#fff;color:#6c625c}
.atf-reset:hover{background:#f7f3ef;color:var(--atf-accent)}
.atf-submit{border:1px solid var(--atf-accent);background:var(--atf-accent);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 9px 22px rgba(142,45,49,.20)}
.atf-submit:hover{background:var(--atf-accent-dark);border-color:var(--atf-accent-dark);transform:translateY(-1px)}
.atf-submit svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:scaleX(-1)}

@media (max-width:767px){
  .atf-open{height:41px;border-radius:12px;font-size:11px;padding:0 12px 0 9px}
  .atf-open-icon{width:24px;height:24px}
  .atf-panel{width:min(390px,94vw)}
  .atf-head{padding:20px 18px 15px}
  .atf-head h3{font-size:18px}
  .atf-active-summary{margin-left:16px;margin-right:16px}
  .atf-scroll{padding-left:16px;padding-right:16px}
  .atf-footer{padding-left:16px;padding-right:16px;grid-template-columns:95px 1fr}
}

@media (prefers-reduced-motion:reduce){
  .atf-panel,.atf-overlay,.atf-open,.atf-section-title svg,.atf-branch-toggle svg,.atf-switch>span,.atf-switch>span:before{transition:none!important}
}