.by-filter-section{flex:0 0 auto;margin:0 0 10px;border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden;box-shadow:0 4px 16px rgba(31,15,24,.035)}
.drawer-body[data-filter-mode="sale"] .by-market-tabs,.drawer-body[data-filter-mode="sale"] .by-subcategory-grid{display:none}
.by-filter-toggle{width:100%;min-height:54px;padding:13px 15px;border:0;background:linear-gradient(135deg,var(--surface),var(--surface-2));color:var(--text);display:flex;align-items:center;gap:11px;text-align:left;font:600 13.5px/1.35 Poppins,sans-serif;cursor:pointer}
.by-filter-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 28%,transparent);outline-offset:-3px}
.by-filter-mark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:14px;flex:0 0 30px}
.by-filter-chevron{margin-left:auto;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:var(--surface-3);color:var(--text-2);transition:transform .24s ease,background .24s ease,color .24s ease}
.by-filter-section.is-open .by-filter-chevron{transform:rotate(180deg);background:var(--teal-soft);color:var(--teal)}
.by-filter-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
.by-filter-content-inner{min-height:0;overflow:hidden;padding:0 15px;transition:padding .25s ease}
.by-filter-section.is-open .by-filter-content{grid-template-rows:1fr}
.by-filter-section.is-open .by-filter-content-inner{padding:2px 15px 16px}
.by-filter-content .input{width:100%;min-width:0}
.by-filter-field{display:block;margin-top:10px;color:var(--text-2);font-size:12px;font-weight:500}
.by-filter-field .input{margin-top:6px}
.by-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
.by-filter-check{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;margin-top:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);font-size:12.5px}
.by-filter-check input{width:18px;height:18px;accent-color:var(--brand)}
.category-rail-heading{gap:12px;flex-wrap:wrap}
.category-rail-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.category-rail-arrow{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer}
.category-rail-arrow[hidden]{display:none}
.category-rail-arrow:disabled{opacity:.35;cursor:default}
.category-rail-arrow:not(:disabled):hover{background:var(--brand-soft);color:var(--brand);border-color:var(--brand)}
.category-rail-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.category-rail-arrow:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
#home-cats.category-rail{display:flex;flex-flow:row nowrap;align-items:stretch;gap:12px!important;max-width:100%;min-width:0;padding:4px 2px 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:2px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch}
#home-cats.category-rail::-webkit-scrollbar{height:5px}
#home-cats.category-rail::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}
#home-cats.category-rail .cat-tile{flex:0 0 132px;width:132px;height:auto;min-height:136px!important;padding:16px 8px!important;display:flex;flex-direction:column!important;align-items:center;justify-content:flex-start!important;gap:12px!important;text-align:center!important;border:1px solid var(--border);border-radius:18px!important;background:var(--surface);color:var(--text);scroll-snap-align:start;cursor:pointer;box-shadow:none;transform:none;transition:border-color .18s ease,background .18s ease}
#home-cats.category-rail .cat-tile:hover{border-color:var(--brand);background:var(--surface-2);transform:none;box-shadow:none}
#home-cats.category-rail .cat-tile:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
#home-cats.category-rail .cat-tile .ic{width:60px!important;height:60px!important;flex:0 0 60px!important;display:grid;place-items:center;margin:0!important;border-radius:18px;background:var(--brand-soft);color:var(--brand);transition:transform .18s ease}
#home-cats.category-rail .cat-tile:hover .ic{transform:translateY(-2px)}
#home-cats.category-rail .cat-tile b{font:500 12px/1.4 Poppins,sans-serif!important;color:var(--text);white-space:normal;overflow-wrap:break-word;width:100%;margin:0}
.by-real-icon{display:block;max-width:100%;max-height:100%}
.by-3d-icon{object-fit:contain;border-radius:25%;background:#f5f6f7}
#home-cats.category-rail .cat-tile .ic:has(.by-3d-icon){background:#f5f6f7}
@media(max-width:640px){
  .sec-title.category-rail-heading h2{font-size:16px}
  .category-rail-arrow{display:none}
  .category-rail-actions{gap:6px}
  .category-rail-actions>.btn{padding-inline:10px;font-size:11px}
  #home-cats.category-rail{gap:8px!important}
  #home-cats.category-rail .cat-tile{flex-basis:108px;width:108px;min-height:124px!important;padding:12px 6px!important;gap:10px!important}
  #home-cats.category-rail .cat-tile .ic{width:52px!important;height:52px!important;flex-basis:52px!important;border-radius:16px}
  #home-cats.category-rail .cat-tile b{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){#home-cats.category-rail .cat-tile,#home-cats.category-rail .cat-tile .ic{transition:none}}
.cat-item .cat-ico{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:0 0 42px}
.cat-cols{column-count:initial!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.cat-cols .cat-box.by-subcat-card{break-inside:auto;min-height:154px;margin:0;padding:20px 15px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,var(--surface),var(--surface-2));display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.cat-cols .cat-box.by-subcat-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 34%,var(--border));box-shadow:0 14px 28px rgba(41,19,31,.08)}
.by-subcat-icon{width:54px;height:54px;border-radius:17px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:11px}
.by-subcat-card h4{font-size:13.5px!important;margin:0!important}.by-subcat-card .hint{font-size:10.5px;margin-top:6px}
.by-market-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.by-market-tab{min-height:84px;padding:10px 6px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font:600 10.5px/1.3 Poppins,sans-serif;text-align:center;cursor:pointer}
.by-market-tab .by-real-icon{width:28px;height:28px}.by-market-tab.is-active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 10%,transparent)}
.by-subcategory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.by-subcategory-choice{min-height:58px;padding:9px;border:1px solid var(--border);border-radius:12px;background:var(--surface);display:flex;align-items:center;gap:9px;text-align:left;color:var(--text-2);font:500 10.5px/1.35 Poppins,sans-serif;cursor:pointer}
.by-subcategory-choice .by-real-icon{width:23px;height:23px;flex:0 0 23px}.by-subcategory-choice.is-active{border-color:var(--teal);background:var(--teal-soft);color:var(--teal)}
.by-native-category-selects{margin-top:12px}.by-dynamic-filter-grid{display:grid;grid-template-columns:1fr;gap:0}
.by-more-filters{width:100%;min-height:42px;margin-top:12px;border:1px dashed color-mix(in srgb,var(--brand) 42%,var(--border));border-radius:12px;background:var(--brand-soft);color:var(--brand);font:600 12px Poppins,sans-serif;cursor:pointer}
.by-dynamic-extra[hidden]{display:none!important}
.drawer .drawer-body{overscroll-behavior:contain}
@media(max-width:900px){
  .mega{grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important}
  .mega-left{display:block!important;overflow:visible!important;padding:10px 12px!important;border-right:0!important;border-bottom:1px solid var(--border)}
  .mega-left>.search,.mega-left>.mega-auth-action{display:none!important}
  #cat-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  #cat-list .cat-item{min-height:72px;padding:7px 5px!important;display:flex;flex-direction:column;justify-content:center;text-align:center!important;font-size:9.5px;line-height:1.25;gap:5px;border-radius:13px}
  #cat-list .cat-item .cat-ico{width:38px;height:38px;flex-basis:38px;margin:0}
  #cat-list .cat-item>span:last-child{display:none}
  .mega-right{padding:16px 14px 24px!important;min-height:0}
  .mega-right>div:first-child{margin-bottom:14px!important}.mega-right #cat-title{font-size:20px!important}
}
@media(max-width:600px){
  .cat-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cat-cols .cat-box.by-subcat-card{min-height:132px;padding:15px 10px}
  .drawer{width:min(100%,430px)}
  .drawer-body{padding:12px!important}
  .by-filter-section{border-radius:14px}
  .by-filter-toggle{min-height:52px;padding:11px 13px}
  .by-filter-section.is-open .by-filter-content-inner{padding:2px 13px 14px}
  .by-range{gap:7px}
  .by-market-tab{min-height:78px;font-size:9.5px}
}
@media(prefers-reduced-motion:reduce){.by-filter-content,.by-filter-content-inner,.by-filter-chevron{transition:none}}
.by-wizard-step-label{display:flex;align-items:center;gap:11px;margin:6px 0 16px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--teal) 24%,var(--border));border-radius:14px;background:linear-gradient(135deg,var(--teal-soft),var(--surface));color:var(--text);font:600 13px/1.35 Poppins,sans-serif}
.by-wizard-step-label b{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:10px;background:var(--teal);color:#fff;font-size:13px}
.by-wizard-step-label.by-step-two{margin-top:22px}
.by-barter-conditions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.by-barter-conditions button{min-height:60px;padding:11px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text-2);font:600 12px/1.35 Poppins,sans-serif;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.by-barter-conditions button.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 10%,transparent)}
.by-map-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 22px;padding:14px;border:1px dashed var(--border-2);border-radius:14px;background:var(--surface-2)}
.by-map-picker>div{display:flex;flex:1;min-width:210px;flex-direction:column;gap:3px}.by-map-picker small{color:var(--text-3);font-size:11px}
.by-boolean-item{align-self:end}
.by-boolean-field{min-height:52px;display:flex;align-items:center;gap:11px;padding:11px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.by-boolean-field:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--border));background:var(--brand-soft)}
.by-boolean-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}
.by-boolean-field input{width:18px;height:18px;margin:0;flex:0 0 auto;accent-color:var(--brand)}
.by-boolean-field span{line-height:1.3}
@media(max-width:640px){.by-barter-conditions{grid-template-columns:1fr}.by-location-grid{grid-template-columns:1fr!important}.by-map-picker .btn{width:100%;justify-content:center}.by-wizard-step-label{margin-top:2px}}