.qsv3-catalog-hero{max-width:var(--qsv3-max);margin:0 auto;padding:46px 32px 32px;display:flex;align-items:end;justify-content:space-between;gap:28px;border-bottom:1px solid var(--qsv3-line)}
.qsv3-catalog-hero h1{margin:0;font-family:var(--qsv3-font-heading,"SF Pro Display",sans-serif);font-size:clamp(30px,5.3vw,72px);line-height:.96;letter-spacing:-.045em}
.qsv3-search-query{display:block;margin-top:12px;font-style:normal;font-size:clamp(22px,3vw,34px);font-weight:850;letter-spacing:-.035em;color:var(--qsv3-muted)}
.qsv3-catalog-hero-tools{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:0 0 auto}
.qsv3-catalog-shell{max-width:var(--qsv3-max);margin:0 auto;padding:22px 32px 80px;display:grid;grid-template-columns:minmax(250px,286px) minmax(0,1fr);gap:42px;align-items:start;direction:ltr;background:#fff}
.qsv3-category-universe{max-width:var(--qsv3-max);margin:0 auto;padding:18px 32px 0;background:#fff}
.qsv3-category-universe .qsv3-universe-rail{padding:4px 0 12px}
.qsv3-category-universe .qsv3-universe-card{min-width:118px;text-align:center}
.qsv3-category-universe .qsv3-universe-card img{height:88px}
.qsv3-catalog-content{grid-column:2;min-width:0;direction:ltr}
.qsv3-filters{grid-column:1;inline-size:100%;max-inline-size:286px;direction:ltr}
body.qsv3.is-rtl .qsv3-catalog-content,body.qsv3.is-rtl .qsv3-filters{direction:rtl}
.qsv3-filter-toggle{display:none}
.qsv3-filters{position:sticky;top:128px;background:#fff;border:1px solid var(--qsv3-line);padding:20px;min-width:0;overflow:hidden}
.qsv3-filters form{display:grid;gap:0}
.qsv3-filter-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--qsv3-line);min-width:0}
.qsv3-filter-head strong{display:inline-flex;align-items:center;gap:9px;font-size:16px;min-width:0}
.qsv3-filter-head svg,.qsv3-filter-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.qsv3-filter-head a{color:var(--qsv3-muted);font-size:12px;font-weight:800;text-transform:uppercase;text-underline-offset:4px}
.qsv3-filters details{border-bottom:1px solid var(--qsv3-line);padding:16px 0}
.qsv3-filters summary{cursor:pointer;list-style:none;font-size:13px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;padding:0 0 12px;display:flex;align-items:center;justify-content:space-between}
.qsv3-filters summary::after{content:"+";font-size:18px;line-height:1;color:var(--qsv3-muted)}
.qsv3-filters details[open] summary::after{content:"−"}
.qsv3-filters summary::-webkit-details-marker{display:none}
.qsv3-check{display:flex;align-items:center;gap:10px;min-height:34px;color:var(--qsv3-muted);font-size:14px;font-weight:650}
.qsv3-check input{width:17px;height:17px;accent-color:var(--qsv3-ink)}
.qsv3-color-dot{width:15px;height:15px;border-radius:50%;background:var(--qsv3-color,#ddd);border:1px solid rgba(0,0,0,.18)}
.qsv3-filter-visual{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.16);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;flex:0 0 auto}
.qsv3-filter-visual img,.qsv3-filter-visual>span{width:100%;height:100%;display:block;object-fit:cover;background:var(--qsv3-color,#ddd)}
.qsv3-filter-brand-logo{border-radius:6px;padding:2px}
.qsv3-filter-brand-logo img{object-fit:contain;background:transparent}
.qsv3-filter-brand-fallback{font-family:var(--qsv3-font-heading,"SF Pro Display",sans-serif);font-size:16px;line-height:1;color:var(--qsv3-ink);background:#fff}
.qsv3-filter-visual-icon{border-radius:6px;color:var(--qsv3-ink);background:#fff}
.qsv3-filter-visual-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.qsv3-price-slider{display:grid;gap:18px;padding:2px 0 6px;--qsv3-price-progress:100%;--qsv3-price-accent:#ff2d55;--qsv3-price-track:#ececea}
.qsv3-price-slider-values{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--qsv3-ink);font-size:13px;font-weight:800}
.qsv3-range-wrap{position:relative;height:34px;margin:2px 0 0;padding:0 12px}
.qsv3-range-wrap::before{content:"";position:absolute;left:12px;right:12px;top:50%;height:4px;border-radius:999px;transform:translateY(-50%);pointer-events:none;background:linear-gradient(90deg,var(--qsv3-price-accent) 0 var(--qsv3-price-progress),var(--qsv3-price-track) var(--qsv3-price-progress) 100%)}
body.qsv3.is-rtl .qsv3-range-wrap::before{background:linear-gradient(270deg,var(--qsv3-price-accent) 0 var(--qsv3-price-progress),var(--qsv3-price-track) var(--qsv3-price-progress) 100%)}
.qsv3-range-wrap input[type="range"]{position:absolute;left:12px;right:12px;top:50%;width:calc(100% - 24px);height:24px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;transform:translateY(-50%);outline:none}
.qsv3-range-wrap input[type="range"]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:transparent}
.qsv3-range-wrap input[type="range"]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 9px rgba(33,42,47,.16),0 0 0 1px rgba(33,42,47,.03);cursor:pointer;-webkit-appearance:none;appearance:none}
.qsv3-range-wrap input[type="range"]:focus-visible::-webkit-slider-thumb{box-shadow:0 2px 9px rgba(33,42,47,.16),0 0 0 3px rgba(255,45,85,.22)}
.qsv3-range-wrap input[type="range"]::-moz-range-track{height:4px;border-radius:999px;background:var(--qsv3-price-track)}
.qsv3-range-wrap input[type="range"]::-moz-range-progress{height:4px;border-radius:999px;background:var(--qsv3-price-accent)}
.qsv3-range-wrap input[type="range"]::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 9px rgba(33,42,47,.16),0 0 0 1px rgba(33,42,47,.03);cursor:pointer}
.qsv3-range-wrap input[type="range"]:focus-visible::-moz-range-thumb{box-shadow:0 2px 9px rgba(33,42,47,.16),0 0 0 3px rgba(255,45,85,.22)}
.qsv3-filter-submit{display:none;width:100%;height:48px;border:0;background:var(--qsv3-ink);color:#fff;font-weight:850;letter-spacing:.05em;text-transform:uppercase;margin-top:18px}
.qsv3-active-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:12px 0;border-bottom:1px solid var(--qsv3-line)}
.qsv3-active-filters span{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--qsv3-muted)}
.qsv3-active-filters b{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid var(--qsv3-line);background:#fff;font-size:13px;font-weight:800}
.qsv3-active-filters a{margin-inline-start:auto;color:var(--qsv3-ink);font-size:12px;font-weight:900;text-transform:uppercase;text-underline-offset:4px}
.qsv3-subnav{display:flex;gap:8px;margin:0 0 20px;overflow:auto;padding-bottom:4px}
.qsv3-subnav a{min-height:36px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--qsv3-line);text-decoration:none;font-size:13px;font-weight:750;white-space:nowrap}
.qsv3-empty{min-height:360px;display:grid;place-items:center;text-align:center;background:var(--qsv3-soft);padding:32px}
.qsv3-empty h2{margin:0 0 8px;font-size:28px}
.qsv3-empty p{margin:0 0 18px;color:var(--qsv3-muted)}
.qsv3-empty a{font-weight:850;text-underline-offset:5px}
.qsv3-skeleton-card{display:grid;gap:14px}
.qsv3-skeleton-media,.qsv3-skeleton-line{position:relative;overflow:hidden;background:#f1f1ed}
.qsv3-skeleton-media{aspect-ratio:1/1}
.qsv3-skeleton-line{height:18px;width:86%}
.qsv3-skeleton-line.is-short{width:46%;height:16px}
.qsv3-skeleton-media::after,.qsv3-skeleton-line::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:qsv3Skeleton 1.15s ease-in-out infinite}
@keyframes qsv3Skeleton{to{transform:translateX(100%)}}
@media(max-width:980px){
    html,body.qsv3{overflow-x:hidden}
    .qsv3-catalog-shell{grid-template-columns:1fr;padding:0 0 56px;gap:0}
    .qsv3-category-universe{padding:10px 16px 0}
    .qsv3-category-universe .qsv3-universe-rail{grid-auto-columns:minmax(90px,112px);gap:16px}
    .qsv3-category-universe .qsv3-universe-card img{height:70px}
    .qsv3-filter-toggle{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:30px;padding:0;border:0;background:transparent;color:var(--qsv3-ink);font-size:15px;font-weight:470;letter-spacing:0;text-transform:none;white-space:nowrap}
    .qsv3-filter-toggle span{min-width:auto;height:auto;border-radius:0;background:transparent;color:#000;font-size:15px;display:inline-flex;align-items:center;justify-content:center}
    .qsv3-filter-toggle svg{width:19px;height:19px;stroke-width:1.45}
    .qsv3-filter-toggle .qsv3-filter-count{min-width:7px;width:7px;height:7px;margin-inline-start:1px;border-radius:99px;background:var(--qsv3-ink);color:transparent;font-size:0;display:inline-flex}
    body.qsv3.is-rtl .qsv3-filter-toggle{justify-content:center}
    .qsv3-filters{grid-column:auto;inline-size:auto;position:fixed;z-index:4002;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100vw!important;max-width:100vw!important;max-inline-size:none;margin:0!important;box-sizing:border-box;max-height:82vh;overflow:auto;background:#fff;border:0;border-top:1px solid var(--qsv3-line);padding:20px;box-shadow:0 -18px 50px rgba(0,0,0,.16);transform:translateY(105%);transition:transform .22s ease}
    .qsv3-filters.is-open{transform:translateY(0)}
    .qsv3-filter-submit{display:block}
    .qsv3-catalog-content{grid-column:auto;padding:0 16px}
    .qsv3-catalog-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:normal;gap:12px;width:100%;max-width:100%;box-sizing:border-box;padding:34px 22px 24px}
    .qsv3-catalog-hero>div:first-child{min-width:0}
    .qsv3-catalog-hero h1{font-size:clamp(28px,7vw,40px);line-height:1;letter-spacing:-.043em;max-width:11ch}
    .qsv3-catalog-hero-tools{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;inline-size:auto;flex:0 0 auto;padding-top:0}
    body.qsv3.is-rtl .qsv3-catalog-hero-tools{align-items:center}
}

@media(max-width:980px){
    body.qsv3 .qsv3-catalog-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:normal;gap:12px}
    body.qsv3 .qsv3-catalog-hero h1{max-width:max-content;font-size:clamp(15px,5vw,33px);line-height:1}
    body.qsv3 .qsv3-filter-toggle{background:transparent;border:0;color:var(--qsv3-ink);padding:0;min-height:28px}
    body.qsv3 .qsv3-filter-toggle span{background:transparent;color:#000}
}
