.br-shop-ui{
    --br-bg:#fff;
    --br-text:#171717;
    --br-muted:#666;
    --br-line:#ececec;
    --br-soft:#f6f6f6;
    --br-dark:#111;
    --br-radius:18px;
    direction:rtl;
    width:100%;
    margin:0 0 20px;
    box-sizing:border-box;
    color:var(--br-text);
}

.br-shop-ui *{box-sizing:border-box}

.br-scroll-wrap{position:relative;width:100%;overflow:hidden;margin-bottom:5px}

.br-fade-scroll:before,.br-fade-scroll:after{
    content:"";position:absolute;top:0;bottom:0;width:28px;z-index:2;pointer-events:none
}
.br-fade-scroll:before{right:0;background:linear-gradient(to left,var(--br-bg),rgba(255,255,255,0))}
.br-fade-scroll:after{left:0;background:linear-gradient(to right,var(--br-bg),rgba(255,255,255,0))}

.br-category-scroll,.br-subcat-tabs{
    display:flex;gap:9px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;
    -webkit-overflow-scrolling:touch;padding:9px 9px 9px 22px
}
.br-category-scroll::-webkit-scrollbar,.br-subcat-tabs::-webkit-scrollbar{display:none}

.br-cat-item{min-width:66px;text-align:center;text-decoration:none!important;color:var(--br-text);font-size:11px;font-weight:750;flex:0 0 auto}
.br-cat-item img{width:58px;height:58px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 7px;border:2px solid var(--br-line);background:#fafafa}
.br-cat-item span{display:block;line-height:1.5;white-space:nowrap}
.br-active-cat{font-weight:900}

.br-category-page .br-cat-item:not(.br-active-cat) img{display:none!important}
.br-category-page .br-cat-item:not(.br-active-cat){min-width:auto;height:30px;padding:0 10px;border-radius:999px;background:var(--br-soft);margin-top:22px;font-size:10.5px;display:flex;align-items:center;justify-content:center}
.br-category-page .br-cat-item:not(.br-active-cat) span{line-height:1}

.br-subcat-wrap{margin-top:3px}
.br-subcat-tabs a,.br-filter-list a,.br-action-chip{
    white-space:nowrap;padding:8px 13px;border-radius:999px;background:var(--br-soft);color:var(--br-text);
    text-decoration:none!important;font-size:12px;font-weight:750;display:block;margin-bottom:7px;transition:.18s ease
}
.br-subcat-tabs a{margin-bottom:0;flex:0 0 auto}
.br-subcat-tabs a:hover,.br-subcat-tabs a.is-active,.br-filter-list a:hover,.br-filter-list a.is-active,.br-action-chip:hover,.br-action-chip.is-active{background:var(--br-dark);color:#fff}

.br-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:13px;align-items:start}
.br-filter-card{border:1px solid var(--br-line);border-radius:var(--br-radius);background:var(--br-bg);overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.025)}
.br-filter-card summary{padding:12px 14px;font-size:13px;font-weight:900;cursor:pointer;list-style:none;user-select:none}
.br-filter-card summary::-webkit-details-marker{display:none}
.br-filter-card summary:after{content:"+";float:left;font-size:18px;line-height:16px;font-weight:700;color:var(--br-muted)}
.br-filter-card[open] summary:after{content:"−"}
.br-filter-list{max-height:224px;overflow-y:auto;padding:8px 10px 11px;scrollbar-width:thin}

.br-color-item{display:flex!important;align-items:center;gap:9px;text-align:right}
.br-color-dot{width:22px;height:22px;border-radius:50%;border:2px solid #dedede;display:inline-block;flex:0 0 auto;box-shadow:0 2px 7px rgba(0,0,0,.08)}
.br-color-name{overflow:hidden;text-overflow:ellipsis}
.br-color-item.is-active .br-color-dot{outline:2px solid var(--br-dark);outline-offset:2px}

.br-price-slider{padding:3px 2px 10px;margin-bottom:8px;border-bottom:1px solid var(--br-line)}
.br-price-values{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:700;color:var(--br-muted);margin:0 0 7px}
.br-range{width:100%;display:block;margin:6px 0;accent-color:#111}
.br-price-apply{width:100%;border:0;border-radius:999px;background:#111;color:#fff;padding:8px 10px;font-size:12px;font-weight:800;cursor:pointer;margin-top:7px}
.br-price-quick a:last-child{margin-bottom:0}

.br-action-row{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:10px;padding:5px;scrollbar-width:none}
.br-action-row::-webkit-scrollbar{display:none}
.br-action-chip{margin-bottom:0;flex:0 0 auto;border:1px solid transparent}
.br-sale-btn,.br-stock-btn{background:#111!important;color:#fff!important}
.br-clear-btn{background:#fff!important;border-color:#ddd!important;color:#222!important}

.br-shop-ui.is-loading{opacity:.55;pointer-events:none;position:relative}
.br-shop-ui.is-loading:after{content:"";position:absolute;left:12px;top:12px;width:18px;height:18px;border-radius:50%;border:2px solid #111;border-top-color:transparent;animation:brspin .7s linear infinite}
@keyframes brspin{to{transform:rotate(360deg)}}

@media(max-width:1200px){.br-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1024px){.br-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){
    .br-filter-grid{grid-template-columns:1fr;gap:8px;margin-top:10px}
    .br-category-scroll,.br-subcat-tabs{gap:7px;padding-right:7px;padding-left:18px}
    .br-cat-item{min-width:58px;font-size:10px}
    .br-cat-item img{width:50px;height:50px}
    .br-category-page .br-cat-item:not(.br-active-cat){height:28px;padding:0 8px;font-size:9.5px;margin-top:20px}
    .br-filter-card{border-radius:15px}
    .br-filter-card summary{padding:10px 12px;font-size:12px}
    .br-filter-list{max-height:210px}
    .br-filter-list a,.br-action-chip{font-size:11px;padding:7px 11px}
    .br-color-dot{width:21px;height:21px}
    .br-fade-scroll:before,.br-fade-scroll:after{width:20px}
}




/* v3.2 device-based responsive layout controls */
.br-shop-ui{
    container-type:inline-size;
}

/* Stack/sidebar layout core. It is activated per device below. */
.br-shop-ui.br-force-stack .br-filter-grid,
.br-shop-ui.br-desktop-stack.br-now-desktop .br-filter-grid{
    grid-template-columns:1fr;
}

@media(min-width:1025px){
    .br-shop-ui.br-desktop-stack .br-filter-grid{grid-template-columns:1fr;gap:8px}
    .br-shop-ui.br-desktop-stack .br-scroll-wrap{overflow:visible;margin-bottom:8px}
    .br-shop-ui.br-desktop-stack .br-fade-scroll:before,
    .br-shop-ui.br-desktop-stack .br-fade-scroll:after{display:none}
    .br-shop-ui.br-desktop-stack .br-category-scroll,
    .br-shop-ui.br-desktop-stack .br-subcat-tabs{flex-wrap:wrap;overflow:visible;padding:8px 0;gap:8px}
    .br-shop-ui.br-desktop-stack .br-cat-item{flex:0 0 calc(33.333% - 6px);min-width:0;max-width:calc(33.333% - 6px);font-size:10.5px}
    .br-shop-ui.br-desktop-stack .br-cat-item img{width:52px;height:52px}
    .br-shop-ui.br-desktop-stack .br-category-page .br-active-cat{flex:0 0 100%;max-width:100%;margin-bottom:2px}
    .br-shop-ui.br-desktop-stack .br-category-page .br-cat-item:not(.br-active-cat){flex:0 0 auto;max-width:none;height:28px;margin-top:0;padding:0 9px;font-size:10px}
    .br-shop-ui.br-desktop-stack .br-subcat-tabs a,
    .br-shop-ui.br-desktop-stack .br-filter-list a,
    .br-shop-ui.br-desktop-stack .br-action-chip{font-size:11px;padding:7px 10px}
    .br-shop-ui.br-desktop-stack .br-filter-card summary{font-size:12px;padding:10px 12px}
    .br-shop-ui.br-desktop-stack .br-filter-list{max-height:200px}
    .br-shop-ui.br-desktop-stack .br-action-row{flex-wrap:wrap;overflow:visible;padding:4px 0}
}

@media(min-width:769px) and (max-width:1024px){
    .br-shop-ui.br-tablet-stack .br-filter-grid{grid-template-columns:1fr;gap:8px}
    .br-shop-ui.br-tablet-stack .br-scroll-wrap{overflow:visible;margin-bottom:8px}
    .br-shop-ui.br-tablet-stack .br-fade-scroll:before,
    .br-shop-ui.br-tablet-stack .br-fade-scroll:after{display:none}
    .br-shop-ui.br-tablet-stack .br-category-scroll,
    .br-shop-ui.br-tablet-stack .br-subcat-tabs{flex-wrap:wrap;overflow:visible;padding:8px 0;gap:8px}
    .br-shop-ui.br-tablet-stack .br-cat-item{flex:0 0 calc(33.333% - 6px);min-width:0;max-width:calc(33.333% - 6px);font-size:10.5px}
    .br-shop-ui.br-tablet-stack .br-cat-item img{width:52px;height:52px}
    .br-shop-ui.br-tablet-stack .br-category-page .br-active-cat{flex:0 0 100%;max-width:100%;margin-bottom:2px}
    .br-shop-ui.br-tablet-stack .br-category-page .br-cat-item:not(.br-active-cat){flex:0 0 auto;max-width:none;height:28px;margin-top:0;padding:0 9px;font-size:10px}
    .br-shop-ui.br-tablet-stack .br-subcat-tabs a,
    .br-shop-ui.br-tablet-stack .br-filter-list a,
    .br-shop-ui.br-tablet-stack .br-action-chip{font-size:11px;padding:7px 10px}
    .br-shop-ui.br-tablet-stack .br-filter-card summary{font-size:12px;padding:10px 12px}
    .br-shop-ui.br-tablet-stack .br-action-row{flex-wrap:wrap;overflow:visible;padding:4px 0}
}

@media(max-width:768px){
    /* Mobile default/preferred: story-like horizontal scroll. */
    .br-shop-ui.br-mobile-scroll .br-scroll-wrap{overflow:hidden;margin-bottom:5px}
    .br-shop-ui.br-mobile-scroll .br-category-scroll,
    .br-shop-ui.br-mobile-scroll .br-subcat-tabs{flex-wrap:nowrap;overflow-x:auto;padding:8px 7px 8px 18px;gap:7px}
    .br-shop-ui.br-mobile-scroll .br-fade-scroll:before,
    .br-shop-ui.br-mobile-scroll .br-fade-scroll:after{display:block;width:20px}
    .br-shop-ui.br-mobile-scroll .br-cat-item{flex:0 0 auto;min-width:58px;max-width:none;font-size:10px}
    .br-shop-ui.br-mobile-scroll .br-cat-item img{width:50px;height:50px}
    .br-shop-ui.br-mobile-scroll .br-category-page .br-cat-item:not(.br-active-cat){flex:0 0 auto;height:28px;padding:0 8px;font-size:9.5px;margin-top:20px}

    /* Optional mobile sidebar/stack mode. */
    .br-shop-ui.br-mobile-stack .br-filter-grid{grid-template-columns:1fr;gap:8px}
    .br-shop-ui.br-mobile-stack .br-scroll-wrap{overflow:visible;margin-bottom:8px}
    .br-shop-ui.br-mobile-stack .br-fade-scroll:before,
    .br-shop-ui.br-mobile-stack .br-fade-scroll:after{display:none}
    .br-shop-ui.br-mobile-stack .br-category-scroll,
    .br-shop-ui.br-mobile-stack .br-subcat-tabs{flex-wrap:wrap;overflow:visible;padding:8px 0;gap:8px}
    .br-shop-ui.br-mobile-stack .br-cat-item{flex:0 0 calc(33.333% - 6px);min-width:0;max-width:calc(33.333% - 6px);font-size:10px}
    .br-shop-ui.br-mobile-stack .br-cat-item img{width:50px;height:50px}
    .br-shop-ui.br-mobile-stack .br-category-page .br-active-cat{flex:0 0 100%;max-width:100%;margin-bottom:2px}
    .br-shop-ui.br-mobile-stack .br-category-page .br-cat-item:not(.br-active-cat){flex:0 0 auto;max-width:none;height:28px;margin-top:0;padding:0 8px;font-size:9.5px}
    .br-shop-ui.br-mobile-stack .br-action-row{flex-wrap:wrap;overflow:visible;padding:4px 0}
}

@media(max-width:360px){
    .br-shop-ui.br-mobile-stack .br-cat-item{flex-basis:calc(50% - 5px);max-width:calc(50% - 5px)}
}

/* v3.4 active filters / stability polish */
.br-active-filters{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin:10px 0 4px;
    padding:8px 2px;
}
.br-active-title{
    font-size:12px;
    font-weight:900;
    color:var(--br-muted);
    margin-left:2px;
}
.br-active-chip,
.br-active-clear{
    display:inline-flex;
    align-items:center;
    gap:6px;
    max-width:100%;
    padding:7px 10px;
    border-radius:999px;
    background:#f3f3f3;
    color:var(--br-text);
    font-size:11.5px;
    font-weight:800;
    line-height:1.2;
    text-decoration:none!important;
    transition:.18s ease;
}
.br-active-chip b{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#fff;
    color:#111;
    font-size:12px;
    line-height:1;
}
.br-active-chip:hover,
.br-active-clear:hover{
    background:#111;
    color:#fff;
}
.br-active-chip:hover b{background:rgba(255,255,255,.18);color:#fff}
.br-active-clear{
    background:#fff;
    border:1px solid var(--br-line);
}
.br-filter-card[open]{border-color:#ddd;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.br-filter-card .is-active{box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}

@media(max-width:768px){
    .br-active-filters{
        flex-wrap:nowrap;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        padding:7px 1px 8px;
    }
    .br-active-filters::-webkit-scrollbar{display:none}
    .br-active-title{flex:0 0 auto;font-size:11px}
    .br-active-chip,.br-active-clear{flex:0 0 auto;font-size:10.5px;padding:6px 9px}
}

/* v3.5 luxury visual polish: Zara / Massimo / Trendyol inspired */
.br-shop-ui.br-ui-v3{
    --br-bg:#ffffff;
    --br-text:#151515;
    --br-muted:#7a7a7a;
    --br-line:#ededed;
    --br-soft:#f7f7f7;
    --br-dark:#101010;
    --br-accent:#111111;
    --br-gold:#d8c8a8;
    --br-shadow:0 10px 32px rgba(0,0,0,.055);
    --br-shadow-soft:0 5px 18px rgba(0,0,0,.035);
    --br-radius:18px;
    font-family:inherit;
    -webkit-font-smoothing:antialiased;
}

.br-shop-ui.br-ui-v3 .br-maincat-wrap,
.br-shop-ui.br-ui-v3 .br-subcat-wrap{
    margin-bottom:8px;
}

.br-shop-ui.br-ui-v3 .br-category-scroll{
    gap:12px;
    padding-top:12px;
    padding-bottom:12px;
}

.br-shop-ui.br-ui-v3 .br-cat-item{
    min-width:74px;
    color:#1b1b1b;
    letter-spacing:-.15px;
    transition:transform .2s ease,color .2s ease;
}

.br-shop-ui.br-ui-v3 .br-cat-item:hover{
    transform:translateY(-2px);
}

.br-shop-ui.br-ui-v3 .br-cat-item img{
    width:64px;
    height:64px;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 6px 18px rgba(0,0,0,.075);
    transition:box-shadow .22s ease, border-color .22s ease, transform .22s ease;
}

.br-shop-ui.br-ui-v3 .br-active-cat img{
    border-color:#111;
    box-shadow:0 0 0 2px #fff, 0 0 0 4px #111, 0 10px 24px rgba(0,0,0,.12);
}

.br-shop-ui.br-ui-v3 .br-cat-item span{
    margin-top:1px;
    font-weight:800;
}

.br-shop-ui.br-ui-v3 .br-category-page .br-cat-item:not(.br-active-cat){
    background:#fff;
    border:1px solid var(--br-line);
    box-shadow:0 4px 14px rgba(0,0,0,.035);
    color:#333;
}

.br-shop-ui.br-ui-v3 .br-category-page .br-cat-item:not(.br-active-cat):hover{
    background:#111;
    border-color:#111;
    color:#fff;
}

.br-shop-ui.br-ui-v3 .br-subcat-tabs{
    gap:8px;
}

.br-shop-ui.br-ui-v3 .br-subcat-tabs a{
    border:1px solid #ececec;
    background:#fff;
    box-shadow:0 4px 14px rgba(0,0,0,.03);
}

.br-shop-ui.br-ui-v3 .br-subcat-tabs a.is-active,
.br-shop-ui.br-ui-v3 .br-subcat-tabs a:hover{
    background:#111;
    color:#fff;
    border-color:#111;
}

.br-shop-ui.br-ui-v3 .br-filter-grid{
    gap:12px;
    margin-top:15px;
}

.br-shop-ui.br-ui-v3 .br-filter-card{
    border:1px solid rgba(0,0,0,.075);
    border-radius:18px;
    background:linear-gradient(180deg,#fff 0%,#fff 65%,#fbfbfb 100%);
    box-shadow:var(--br-shadow-soft);
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}

.br-shop-ui.br-ui-v3 .br-filter-card:hover,
.br-shop-ui.br-ui-v3 .br-filter-card[open]{
    border-color:rgba(0,0,0,.15);
    box-shadow:var(--br-shadow);
}

.br-shop-ui.br-ui-v3 .br-filter-card summary{
    position:relative;
    display:flex;
    align-items:center;
    gap:8px;
    min-height:45px;
    padding:12px 14px;
    color:#151515;
    letter-spacing:-.15px;
}

.br-shop-ui.br-ui-v3 .br-filter-card summary:before{
    width:24px;
    height:24px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#f3f3f3;
    color:#111;
    font-size:13px;
    line-height:1;
    flex:0 0 auto;
}

.br-shop-ui.br-ui-v3 .br-filter-sort summary:before{content:"↕";}
.br-shop-ui.br-ui-v3 .br-filter-price summary:before{content:"﷼";font-size:11px;font-weight:900;}
.br-shop-ui.br-ui-v3 .br-filter-color summary:before{content:"●";font-size:14px;}
.br-shop-ui.br-ui-v3 .br-filter-size summary:before{content:"S";font-size:11px;font-weight:900;}
.br-shop-ui.br-ui-v3 .br-filter-brand summary:before{content:"B";font-size:11px;font-weight:900;}

.br-shop-ui.br-ui-v3 .br-filter-card summary:after{
    margin-right:auto;
    float:none;
    width:20px;
    height:20px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fafafa;
    border:1px solid #eee;
    color:#555;
    font-size:16px;
    line-height:1;
}

.br-shop-ui.br-ui-v3 .br-filter-card[open] summary:after{
    background:#111;
    border-color:#111;
    color:#fff;
}

.br-shop-ui.br-ui-v3 .br-filter-card[open] .br-filter-list{
    animation:brFilterDrop .18s ease both;
}

@keyframes brFilterDrop{
    from{opacity:0;transform:translateY(-4px)}
    to{opacity:1;transform:translateY(0)}
}

.br-shop-ui.br-ui-v3 .br-filter-list{
    max-height:236px;
    padding:9px 10px 12px;
    border-top:1px solid rgba(0,0,0,.045);
}

.br-shop-ui.br-ui-v3 .br-filter-list a{
    display:flex;
    align-items:center;
    min-height:36px;
    padding:8px 12px;
    border:1px solid transparent;
    background:#f7f7f7;
    color:#222;
    box-shadow:none;
}

.br-shop-ui.br-ui-v3 .br-filter-list a:hover,
.br-shop-ui.br-ui-v3 .br-filter-list a.is-active{
    background:#111;
    color:#fff;
    border-color:#111;
    transform:translateX(-1px);
}

.br-shop-ui.br-ui-v3 .br-color-item{
    gap:10px;
}

.br-shop-ui.br-ui-v3 .br-color-dot{
    width:24px;
    height:24px;
    border:2px solid #fff;
    outline:1px solid #ddd;
    box-shadow:0 2px 9px rgba(0,0,0,.12);
}

.br-shop-ui.br-ui-v3 .br-color-item.is-active .br-color-dot{
    outline:2px solid #111;
    outline-offset:2px;
}

.br-shop-ui.br-ui-v3 .br-color-name{
    font-weight:800;
}

.br-shop-ui.br-ui-v3 .br-price-slider{
    padding:5px 4px 12px;
}

.br-shop-ui.br-ui-v3 .br-price-values{
    background:#f7f7f7;
    border:1px solid #eee;
    border-radius:12px;
    padding:8px 9px;
    color:#333;
}

.br-shop-ui.br-ui-v3 .br-range{
    height:4px;
    cursor:pointer;
    accent-color:#111;
}

.br-shop-ui.br-ui-v3 .br-price-apply{
    min-height:36px;
    border-radius:12px;
    box-shadow:0 6px 16px rgba(0,0,0,.12);
    transition:transform .18s ease, box-shadow .18s ease;
}

.br-shop-ui.br-ui-v3 .br-price-apply:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 20px rgba(0,0,0,.16);
}

.br-shop-ui.br-ui-v3 .br-action-row{
    gap:9px;
    padding:8px 2px 3px;
}

.br-shop-ui.br-ui-v3 .br-action-chip{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:36px;
    border:1px solid #e8e8e8;
    background:#fff;
    box-shadow:0 4px 14px rgba(0,0,0,.035);
}

.br-shop-ui.br-ui-v3 .br-sale-btn:before{content:"٪";font-weight:900;}
.br-shop-ui.br-ui-v3 .br-stock-btn:before{content:"✓";font-weight:900;}
.br-shop-ui.br-ui-v3 .br-clear-btn:before{content:"×";font-weight:900;}

.br-shop-ui.br-ui-v3 .br-action-chip:hover,
.br-shop-ui.br-ui-v3 .br-action-chip.is-active{
    background:#111!important;
    color:#fff!important;
    border-color:#111!important;
}

.br-shop-ui.br-ui-v3 .br-active-filters{
    border:1px solid #eee;
    border-radius:16px;
    background:#fff;
    box-shadow:0 5px 18px rgba(0,0,0,.035);
    padding:9px;
}

.br-shop-ui.br-ui-v3 .br-active-title{
    color:#111;
    font-weight:950;
}

.br-shop-ui.br-ui-v3 .br-active-chip{
    background:#111;
    color:#fff;
}

.br-shop-ui.br-ui-v3 .br-active-chip b{
    background:rgba(255,255,255,.15);
    color:#fff;
}

.br-shop-ui.br-ui-v3 .br-active-clear{
    background:#fff;
    border:1px solid #dedede;
}

.br-shop-ui.br-ui-v3 .br-fade-scroll:before{background:linear-gradient(to left,#fff 15%,rgba(255,255,255,0));}
.br-shop-ui.br-ui-v3 .br-fade-scroll:after{background:linear-gradient(to right,#fff 15%,rgba(255,255,255,0));}

@media(min-width:1025px){
    .br-shop-ui.br-ui-v3.br-desktop-scroll .br-filter-grid{
        grid-template-columns:repeat(5,minmax(0,1fr));
    }
    .br-shop-ui.br-ui-v3.br-desktop-stack .br-filter-card{
        border-radius:16px;
    }
    .br-shop-ui.br-ui-v3.br-desktop-stack .br-filter-list{
        max-height:250px;
    }
}

@media(min-width:769px) and (max-width:1024px){
    .br-shop-ui.br-ui-v3 .br-filter-card summary{
        min-height:42px;
        padding:11px 12px;
    }
    .br-shop-ui.br-ui-v3 .br-cat-item img{
        width:58px;
        height:58px;
    }
}

@media(max-width:768px){
    .br-shop-ui.br-ui-v3 .br-category-scroll{
        gap:9px;
        padding-top:10px;
        padding-bottom:10px;
    }
    .br-shop-ui.br-ui-v3 .br-cat-item{
        min-width:61px;
    }
    .br-shop-ui.br-ui-v3 .br-cat-item img{
        width:52px;
        height:52px;
        box-shadow:0 5px 14px rgba(0,0,0,.075);
    }
    .br-shop-ui.br-ui-v3 .br-filter-card{
        border-radius:16px;
        box-shadow:0 5px 18px rgba(0,0,0,.035);
    }
    .br-shop-ui.br-ui-v3 .br-filter-card summary{
        min-height:41px;
        padding:10px 12px;
    }
    .br-shop-ui.br-ui-v3 .br-filter-card summary:before{
        width:22px;
        height:22px;
    }
    .br-shop-ui.br-ui-v3 .br-filter-list{
        max-height:214px;
    }
    .br-shop-ui.br-ui-v3 .br-active-filters{
        border-radius:14px;
        box-shadow:none;
    }
}

/* v3.6 smart filters + cleaner desktop/sidebar category view */
.br-shop-ui.br-ui-v3 .br-filter-count{
    margin-right:auto;
    min-width:20px;
    height:20px;
    padding:0 6px;
    border-radius:999px;
    background:#fff;
    border:1px solid #e8e8e8;
    color:#777;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
    font-weight:900;
    line-height:1;
}
.br-shop-ui.br-ui-v3 .br-filter-list a.is-active .br-filter-count,
.br-shop-ui.br-ui-v3 .br-filter-list a:hover .br-filter-count{
    background:rgba(255,255,255,.16);
    border-color:rgba(255,255,255,.25);
    color:#fff;
}
.br-shop-ui.br-ui-v3 .br-filter-label,
.br-shop-ui.br-ui-v3 .br-color-name{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
}

@media(min-width:1025px){
    /* Sidebar/desktop mode should be clean, not crowded. */
    .br-shop-ui.br-ui-v3.br-desktop-stack .br-active-filters{
        display:flex!important;
        flex-wrap:wrap!important;
        overflow:visible!important;
        margin:8px 0 10px;
        padding:8px;
    }
    .br-shop-ui.br-ui-v3.br-desktop-stack .br-active-title{
        flex:0 0 100%;
        margin:0 0 3px;
    }
    .br-shop-ui.br-ui-v3.br-desktop-stack .br-category-scroll{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px 10px;
        overflow:visible;
        padding:10px 0;
    }
    .br-shop-ui.br-ui-v3.br-desktop-stack .br-cat-item{
        min-width:0;
        max-width:none;
        width:100%;
        flex:none;
        font-size:10.8px;
    }
    .br-shop-ui.br-ui-v3.br-desktop-stack .br-cat-item img{
        width:58px;
        height:58px;
    }
    /* Once a category is selected, show only that parent image; move the rest out of sight to avoid the messy chip cloud. */
    .br-shop-ui.br-ui-v3.br-desktop-stack .br-category-page .br-cat-item:not(.br-active-cat){
        display:none!important;
    }
    .br-shop-ui.br-ui-v3.br-desktop-stack .br-category-page .br-active-cat{
        grid-column:1 / -1;
        width:100%;
        max-width:100%;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        padding:3px 0 9px;
        border-bottom:1px solid var(--br-line);
        margin-bottom:2px;
    }
    .br-shop-ui.br-ui-v3.br-desktop-stack .br-category-page .br-active-cat img{
        width:68px;
        height:68px;
    }
    .br-shop-ui.br-ui-v3.br-desktop-stack .br-subcat-wrap{
        margin-top:4px;
        border-bottom:1px solid var(--br-line);
        padding-bottom:8px;
    }
    .br-shop-ui.br-ui-v3.br-desktop-stack .br-subcat-tabs{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        overflow:visible;
        padding:8px 0;
    }
    .br-shop-ui.br-ui-v3.br-desktop-stack .br-subcat-tabs a{
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:34px;
        white-space:normal;
        text-align:center;
        line-height:1.5;
        padding:7px 8px;
        font-size:11px;
    }
}

@media(min-width:769px) and (max-width:1024px){
    .br-shop-ui.br-ui-v3.br-tablet-stack .br-active-filters{
        display:flex!important;
        flex-wrap:wrap!important;
        overflow:visible!important;
        margin:8px 0 10px;
        padding:8px;
    }
    .br-shop-ui.br-ui-v3.br-tablet-stack .br-category-scroll{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px 10px;
        overflow:visible;
        padding:10px 0;
    }
    .br-shop-ui.br-ui-v3.br-tablet-stack .br-cat-item{
        min-width:0;
        max-width:none;
        width:100%;
        flex:none;
        font-size:10.8px;
    }
    .br-shop-ui.br-ui-v3.br-tablet-stack .br-category-page .br-cat-item:not(.br-active-cat){
        display:none!important;
    }
    .br-shop-ui.br-ui-v3.br-tablet-stack .br-category-page .br-active-cat{
        grid-column:1 / -1;
        width:100%;
        max-width:100%;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        padding:3px 0 9px;
        border-bottom:1px solid var(--br-line);
    }
    .br-shop-ui.br-ui-v3.br-tablet-stack .br-subcat-tabs{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        overflow:visible;
        padding:8px 0;
    }
    .br-shop-ui.br-ui-v3.br-tablet-stack .br-subcat-tabs a{
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:34px;
        white-space:normal;
        text-align:center;
        line-height:1.5;
        padding:7px 8px;
        font-size:11px;
    }
}

@media(max-width:768px){
    /* Keep mobile light and close to the earlier story style. */
    .br-shop-ui.br-ui-v3.br-mobile-scroll .br-category-page .br-cat-item:not(.br-active-cat){
        display:flex!important;
        min-width:auto;
        max-width:none;
        margin-top:20px;
        background:#fff;
        border:1px solid var(--br-line);
        box-shadow:0 4px 12px rgba(0,0,0,.03);
    }
    .br-shop-ui.br-ui-v3 .br-filter-count{
        min-width:18px;
        height:18px;
        font-size:9.5px;
        padding:0 5px;
    }
}


/* v3.7 fixes: active chips desktop, cleaner category exit, better price UI */
.br-shop-ui.br-ui-v3 .br-active-filters{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
    margin:10px 0 12px!important;
    padding:9px!important;
    position:relative;
    z-index:3;
}
.br-shop-ui.br-ui-v3 .br-active-title{
    flex:0 0 100%;
    margin:0 0 2px;
}
.br-shop-ui.br-ui-v3 .br-all-cats-link{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:7px 11px;
    border-radius:999px;
    border:1px solid var(--br-line);
    background:#111;
    color:#fff;
    text-decoration:none!important;
    font-size:11px;
    font-weight:900;
    white-space:nowrap;
    flex:0 0 auto;
}
.br-shop-ui.br-ui-v3 .br-all-cats-link:before{
    content:"‹";
    margin-left:5px;
    font-size:16px;
    line-height:1;
}
.br-shop-ui.br-ui-v3 .br-subcat-title{
    font-size:12px;
    font-weight:950;
    color:#222;
    margin:8px 0 3px;
}
.br-shop-ui.br-ui-v3 .br-price-slider{
    padding:10px 8px 14px;
    margin:0 0 10px;
    border-bottom:1px solid var(--br-line);
}
.br-shop-ui.br-ui-v3 .br-price-values{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
    font-size:12px;
    font-weight:900;
    color:#111;
    margin-bottom:10px;
}
.br-shop-ui.br-ui-v3 .br-price-values span{
    display:block;
    background:#f8f8f8;
    border:1px solid #eee;
    border-radius:12px;
    padding:7px 9px;
    text-align:center;
}
.br-shop-ui.br-ui-v3 .br-range{
    height:26px;
    margin:9px 0;
    cursor:pointer;
}
.br-shop-ui.br-ui-v3 .br-range::-webkit-slider-runnable-track{
    height:6px;
    border-radius:999px;
    background:#e6e6e6;
}
.br-shop-ui.br-ui-v3 .br-range::-webkit-slider-thumb{
    width:20px;
    height:20px;
    margin-top:-7px;
    border-radius:50%;
    background:#111;
    border:2px solid #fff;
    box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.br-shop-ui.br-ui-v3 .br-range::-moz-range-track{
    height:6px;
    border-radius:999px;
    background:#e6e6e6;
}
.br-shop-ui.br-ui-v3 .br-range::-moz-range-thumb{
    width:18px;
    height:18px;
    border-radius:50%;
    background:#111;
    border:2px solid #fff;
    box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.br-shop-ui.br-ui-v3 .br-price-quick{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
}
.br-shop-ui.br-ui-v3 .br-price-quick a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    margin:0!important;
    border:1px solid #eee;
    background:#fff;
    box-shadow:0 4px 13px rgba(0,0,0,.025);
}
.br-shop-ui.br-ui-v3 .br-price-quick a:hover,
.br-shop-ui.br-ui-v3 .br-price-quick a.is-active{
    background:#111;
    color:#fff;
    border-color:#111;
}
@media(min-width:1025px){
    .br-shop-ui.br-ui-v3.br-desktop-stack .br-all-cats-link{
        grid-column:1 / -1;
        width:100%;
    }
    .br-shop-ui.br-ui-v3.br-desktop-stack .br-subcat-title{
        text-align:right;
        border-top:1px solid var(--br-line);
        padding-top:8px;
    }
}
@media(min-width:769px) and (max-width:1024px){
    .br-shop-ui.br-ui-v3.br-tablet-stack .br-all-cats-link{
        grid-column:1 / -1;
        width:100%;
    }
    .br-shop-ui.br-ui-v3.br-tablet-stack .br-subcat-title{
        text-align:right;
        border-top:1px solid var(--br-line);
        padding-top:8px;
    }
}
@media(max-width:768px){
    .br-shop-ui.br-ui-v3 .br-active-filters{
        flex-wrap:nowrap!important;
        overflow-x:auto!important;
        padding:7px 1px 8px!important;
    }
    .br-shop-ui.br-ui-v3 .br-active-title{
        flex:0 0 auto;
    }
    .br-shop-ui.br-ui-v3 .br-price-values{
        font-size:11px;
    }
    .br-shop-ui.br-ui-v3 .br-all-cats-link{
        min-height:30px;
        font-size:10px;
        padding:6px 10px;
        margin-top:20px;
    }
}


/* v4.0 sale-ready controls, reliable desktop chips, exact Woodmart swatches */
.br-shop-ui.br-ui-v3 .br-active-filters{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:20!important;
    width:100%!important;
    clear:both!important;
    background:#fff;
    border:1px solid var(--br-line);
    border-radius:calc(var(--br-radius) * 1px);
    padding:9px!important;
    margin:10px 0!important;
}
.br-shop-ui.br-ui-v3.br-desktop-stack .br-active-filters,
.br-shop-ui.br-ui-v3.br-tablet-stack .br-active-filters{
    display:flex!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
}
.br-shop-ui.br-ui-v3 .br-filter-list a,
.br-shop-ui.br-ui-v3 .br-action-chip,
.br-shop-ui.br-ui-v3 .br-subcat-tabs a{
    font-size:calc(var(--br-font-size) * 1px);
    border-radius:calc(var(--br-radius) * 1px);
}
.br-shop-ui.br-ui-v3 .br-filter-card,
.br-shop-ui.br-ui-v3 .br-active-filters{
    border-radius:calc(var(--br-radius) * 1px);
}
.br-shop-ui.br-ui-v3 .br-filter-list a.is-active,
.br-shop-ui.br-ui-v3 .br-action-chip.is-active,
.br-shop-ui.br-ui-v3 .br-subcat-tabs a.is-active,
.br-shop-ui.br-ui-v3 .br-price-apply{
    background:var(--br-accent)!important;
    color:#fff!important;
}
.br-shop-ui.br-ui-v3 .br-extra-item{display:none!important}
.br-shop-ui.br-ui-v3 .br-filter-list.br-expanded .br-extra-item{display:flex!important}
.br-shop-ui.br-ui-v3 .br-show-more{
    display:block;width:100%;border:1px dashed var(--br-line);background:#fff;color:var(--br-text);
    padding:8px 10px;border-radius:999px;font-weight:800;cursor:pointer;font-size:11px;margin-top:5px
}
.br-shop-ui.br-ui-v3 .br-color-dot[style*="#ffffff"],
.br-shop-ui.br-ui-v3 .br-color-dot[style*="#fff"]{box-shadow:inset 0 0 0 1px #d6d6d6,0 2px 7px rgba(0,0,0,.06)}
.br-shop-ui.br-ui-v3 .br-all-cats-link{background:#fff!important;border:1px solid var(--br-line)!important;color:var(--br-text)!important}

/* v4.1 — force admin visual settings to apply everywhere */
.br-shop-ui.br-ui-v3{
    --br-dark:var(--br-accent);
    font-size:var(--br-font-size) !important;
}
.br-shop-ui.br-ui-v3 .br-filter-card,
.br-shop-ui.br-ui-v3 .br-filter-list a,
.br-shop-ui.br-ui-v3 .br-action-chip,
.br-shop-ui.br-ui-v3 .br-active-chip,
.br-shop-ui.br-ui-v3 .br-active-clear,
.br-shop-ui.br-ui-v3 .br-subcat-tabs a,
.br-shop-ui.br-ui-v3 .br-all-cats-link,
.br-shop-ui.br-ui-v3 .br-price-apply,
.br-shop-ui.br-ui-v3 .br-show-more{
    border-radius:var(--br-radius) !important;
}
.br-shop-ui.br-ui-v3 .br-filter-list a,
.br-shop-ui.br-ui-v3 .br-action-chip,
.br-shop-ui.br-ui-v3 .br-subcat-tabs a,
.br-shop-ui.br-ui-v3 .br-active-chip,
.br-shop-ui.br-ui-v3 .br-active-clear,
.br-shop-ui.br-ui-v3 .br-filter-card summary,
.br-shop-ui.br-ui-v3 .br-cat-item,
.br-shop-ui.br-ui-v3 .br-all-cats-link,
.br-shop-ui.br-ui-v3 .br-show-more{
    font-size:var(--br-font-size) !important;
}
.br-shop-ui.br-ui-v3 .br-filter-list a:hover,
.br-shop-ui.br-ui-v3 .br-filter-list a.is-active,
.br-shop-ui.br-ui-v3 .br-subcat-tabs a:hover,
.br-shop-ui.br-ui-v3 .br-subcat-tabs a.is-active,
.br-shop-ui.br-ui-v3 .br-action-chip:hover,
.br-shop-ui.br-ui-v3 .br-action-chip.is-active,
.br-shop-ui.br-ui-v3 .br-active-chip:hover,
.br-shop-ui.br-ui-v3 .br-active-clear:hover,
.br-shop-ui.br-ui-v3 .br-price-apply,
.br-shop-ui.br-ui-v3 .br-sale-btn,
.br-shop-ui.br-ui-v3 .br-stock-btn,
.br-shop-ui.br-ui-v3 .br-show-more:hover{
    background:var(--br-accent) !important;
    border-color:var(--br-accent) !important;
    color:#fff !important;
}
.br-shop-ui.br-ui-v3 .br-cat-item.br-active-cat img,
.br-shop-ui.br-ui-v3 .br-color-item.is-active .br-color-dot{
    outline-color:var(--br-accent) !important;
    border-color:var(--br-accent) !important;
}
.br-shop-ui.br-ui-v3 .br-range,
.br-shop-ui.br-ui-v3 input[type="range"]{
    accent-color:var(--br-accent) !important;
}
.br-shop-ui.br-ui-v3 .br-filter-card[open]{
    border-color:color-mix(in srgb, var(--br-accent) 22%, #eeeeee) !important;
}

/* v4.3 — global visual settings must win over theme/plugin defaults */
.br-shop-ui.br-ui-v3{
    --br-dark:var(--br-accent) !important;
}
.br-shop-ui.br-ui-v3 .br-filter-card,
.br-shop-ui.br-ui-v3 .br-active-filters{
    border-radius:var(--br-radius) !important;
}
.br-shop-ui.br-ui-v3 .br-filter-list a,
.br-shop-ui.br-ui-v3 .br-action-chip,
.br-shop-ui.br-ui-v3 .br-active-chip,
.br-shop-ui.br-ui-v3 .br-active-clear,
.br-shop-ui.br-ui-v3 .br-subcat-tabs a,
.br-shop-ui.br-ui-v3 .br-all-cats-link,
.br-shop-ui.br-ui-v3 .br-price-quick a,
.br-shop-ui.br-ui-v3 .br-price-apply,
.br-shop-ui.br-ui-v3 .br-show-more,
.br-shop-ui.br-ui-v3 .br-category-page .br-cat-item:not(.br-active-cat){
    border-radius:var(--br-radius) !important;
}
.br-shop-ui.br-ui-v3,
.br-shop-ui.br-ui-v3 .br-filter-list a,
.br-shop-ui.br-ui-v3 .br-action-chip,
.br-shop-ui.br-ui-v3 .br-active-chip,
.br-shop-ui.br-ui-v3 .br-active-clear,
.br-shop-ui.br-ui-v3 .br-subcat-tabs a,
.br-shop-ui.br-ui-v3 .br-filter-card summary,
.br-shop-ui.br-ui-v3 .br-cat-item,
.br-shop-ui.br-ui-v3 .br-all-cats-link,
.br-shop-ui.br-ui-v3 .br-show-more,
.br-shop-ui.br-ui-v3 .br-price-apply{
    font-size:var(--br-font-size) !important;
}
.br-shop-ui.br-ui-v3 .br-filter-list a:hover,
.br-shop-ui.br-ui-v3 .br-filter-list a.is-active,
.br-shop-ui.br-ui-v3 .br-subcat-tabs a:hover,
.br-shop-ui.br-ui-v3 .br-subcat-tabs a.is-active,
.br-shop-ui.br-ui-v3 .br-action-chip:hover,
.br-shop-ui.br-ui-v3 .br-action-chip.is-active,
.br-shop-ui.br-ui-v3 .br-active-chip:hover,
.br-shop-ui.br-ui-v3 .br-active-clear:hover,
.br-shop-ui.br-ui-v3 .br-price-apply,
.br-shop-ui.br-ui-v3 .br-sale-btn,
.br-shop-ui.br-ui-v3 .br-stock-btn,
.br-shop-ui.br-ui-v3 .br-show-more:hover{
    background:var(--br-accent) !important;
    border-color:var(--br-accent) !important;
    color:#fff !important;
}
.br-shop-ui.br-ui-v3 .br-cat-item.br-active-cat img,
.br-shop-ui.br-ui-v3 .br-color-item.is-active .br-color-dot{
    outline-color:var(--br-accent) !important;
    border-color:var(--br-accent) !important;
}
.br-shop-ui.br-ui-v3 .br-range,
.br-shop-ui.br-ui-v3 input[type="range"]{
    accent-color:var(--br-accent) !important;
}

/* v4.5 — active filters stability and stronger visual settings */
.br-shop-ui.br-ui-v3 .br-active-filters{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    box-sizing:border-box!important;
    margin:10px 0 12px!important;
    padding:10px!important;
    clear:both!important;
    position:relative!important;
    z-index:30!important;
    overflow:visible!important;
    background:#fff!important;
    border:1px solid var(--br-line)!important;
    border-radius:var(--br-radius)!important;
    box-shadow:0 5px 18px rgba(0,0,0,.035)!important;
}
.br-shop-ui.br-ui-v3 .br-active-title{
    flex:0 0 100%;
    margin:0 0 2px!important;
    color:var(--br-text)!important;
    font-size:calc(var(--br-font-size) * 1px)!important;
}
.br-shop-ui.br-ui-v3 .br-active-chip,
.br-shop-ui.br-ui-v3 .br-active-clear{
    display:inline-flex!important;
    align-items:center!important;
    max-width:100%!important;
    border-radius:var(--br-radius)!important;
    font-size:calc(var(--br-font-size) * 1px)!important;
}
.br-shop-ui.br-ui-v3 .br-active-chip{
    background:var(--br-accent)!important;
    color:#fff!important;
}
.br-shop-ui.br-ui-v3 .br-active-clear{
    background:#fff!important;
    color:var(--br-text)!important;
    border:1px solid var(--br-line)!important;
}
.br-shop-ui.br-ui-v3 .br-filter-card,
.br-shop-ui.br-ui-v3 .br-filter-card summary,
.br-shop-ui.br-ui-v3 .br-filter-list a,
.br-shop-ui.br-ui-v3 .br-action-chip,
.br-shop-ui.br-ui-v3 .br-subcat-tabs a,
.br-shop-ui.br-ui-v3 .br-cat-item:not(.br-active-cat),
.br-shop-ui.br-ui-v3 .br-show-more,
.br-shop-ui.br-ui-v3 .br-price-apply{
    border-radius:var(--br-radius)!important;
}
.br-shop-ui.br-ui-v3 .br-filter-list a,
.br-shop-ui.br-ui-v3 .br-action-chip,
.br-shop-ui.br-ui-v3 .br-subcat-tabs a,
.br-shop-ui.br-ui-v3 .br-price-apply,
.br-shop-ui.br-ui-v3 .br-show-more{
    font-size:calc(var(--br-font-size) * 1px)!important;
}
.br-shop-ui.br-ui-v3 .br-filter-list a.is-active,
.br-shop-ui.br-ui-v3 .br-action-chip.is-active,
.br-shop-ui.br-ui-v3 .br-subcat-tabs a.is-active,
.br-shop-ui.br-ui-v3 .br-price-apply:hover,
.br-shop-ui.br-ui-v3 .br-show-more:hover{
    background:var(--br-accent)!important;
    border-color:var(--br-accent)!important;
    color:#fff!important;
}
@media(max-width:768px){
    .br-shop-ui.br-ui-v3 .br-active-filters{
        flex-wrap:nowrap!important;
        overflow-x:auto!important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        padding:8px 6px!important;
    }
    .br-shop-ui.br-ui-v3 .br-active-filters::-webkit-scrollbar{display:none}
    .br-shop-ui.br-ui-v3 .br-active-title{flex:0 0 auto!important;font-size:11px!important}
    .br-shop-ui.br-ui-v3 .br-active-chip,
    .br-shop-ui.br-ui-v3 .br-active-clear{flex:0 0 auto!important;white-space:nowrap!important;font-size:10.5px!important}
}