/* Darkshop Smart Sidebar v3 */
.dcs-sidebar{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;font-family:'Outfit',system-ui,sans-serif;font-size:14px;color:#3a2035;overflow:hidden}
.dcs-sidebar *{box-sizing:border-box}

/* Header */
.dcs-sidebar__header{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#1a1a1a;color:#fff}
.dcs-sidebar__hicon{display:flex;color:#e8772e;flex-shrink:0}
.dcs-sidebar__title{font-size:14px;font-weight:700;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.8px;transition:color 120ms}
.dcs-sidebar__title:hover{color:#e8772e}

/* USPs */
.dcs-usps{display:flex;flex-direction:column;gap:5px;padding:12px 18px;border-bottom:1px solid #e0e0e0;background:#fff}
.dcs-usp{display:flex;align-items:center;gap:8px;font-size:12px;color:#363636}
.dcs-usp svg{color:#e8772e;flex-shrink:0}
.dcs-usp__stars{color:#e8772e;font-weight:700}
.dcs-usp__sub{color:#888}

/* Stock filter */
.dcs-stock-filter{display:flex;align-items:center;gap:8px;padding:10px 18px;border-bottom:1px solid #e0e0e0;background:#f8f8f8;cursor:pointer;font-size:13px;color:#363636;font-weight:500;user-select:none}
.dcs-stock-filter svg{color:#888;flex-shrink:0}
.dcs-stock-filter span{flex:1}
.dcs-stock-filter__toggle{display:none}
.dcs-stock-filter__switch{width:36px;height:20px;border-radius:10px;background:#d0d0d0;position:relative;transition:background 150ms;flex-shrink:0}
.dcs-stock-filter__switch::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left 150ms}
.dcs-stock-filter__toggle:checked ~ .dcs-stock-filter__switch{background:#e8772e}
.dcs-stock-filter__toggle:checked ~ .dcs-stock-filter__switch::after{left:18px}

/* Groups */
.dcs-groups{padding:0}
.dcs-group{border-bottom:1px solid #e0e0e0}
.dcs-group:last-child{border-bottom:none}
.dcs-group__title{display:flex;align-items:center;width:100%;padding:12px 18px;margin:0;border:none;border-radius:0;background:#fff;color:#3a2035;font-family:inherit;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:background 120ms;text-align:left;gap:6px}
.dcs-group__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dcs-group__count{font-size:11px;color:#888;font-weight:400;flex-shrink:0}
.dcs-group__title:hover{background:#efefef}
.dcs-group--active>.dcs-group__title{color:#e8772e;border-left:3px solid #e8772e;background:rgba(232,119,46,.05)}
.dcs-group__chev{flex-shrink:0;transition:transform 200ms;color:#aaa}
.dcs-group__title[aria-expanded="true"] .dcs-group__chev{transform:rotate(180deg)}

/* Items */
.dcs-group__items{list-style:none;margin:0;padding:0 0 4px;background:#fafafa;overflow:hidden}
.dcs-item a{display:flex;align-items:center;gap:6px;padding:8px 18px 8px 30px;color:#363636;text-decoration:none;font-size:14px;border-left:3px solid transparent;transition:background 120ms,color 120ms}
.dcs-item a:hover{background:#efefef;color:#3a2035}
.dcs-item__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dcs-item__count{font-size:11px;color:#888;background:#fff;padding:1px 7px;border-radius:8px;border:1px solid #e0e0e0;font-weight:500;flex-shrink:0}
.dcs-item--active a{color:#e8772e;font-weight:700;background:rgba(232,119,46,.05);border-left-color:#e8772e}
.dcs-item--active .dcs-item__count{background:#e8772e;color:#fff;border-color:#e8772e}
.dcs-item--more a{color:#e8772e;font-size:13px;font-weight:600;border-left-color:transparent!important;padding-top:4px;padding-bottom:6px}
.dcs-item--more a:hover{color:#d16820;background:transparent}
.dcs-item--more svg{flex-shrink:0;transition:transform 120ms}
.dcs-item--more a:hover svg{transform:translateX(3px)}

/* DNA suggestions */
.dcs-dna{padding:14px 18px;border-top:1px solid #e0e0e0;background:#fff}
.dcs-dna__title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#3a2035;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.dcs-dna__title svg{color:#e8772e}
.dcs-dna__cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dcs-dna__card{display:flex;align-items:center;gap:10px;padding:10px;background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;text-decoration:none;color:#3a2035;transition:all 150ms}
.dcs-dna__card:hover{border-color:#e8772e;transform:translateY(-1px)}
.dcs-dna__img{width:40px;height:40px;border-radius:8px;background-size:cover;background-position:center;background-color:#f2f2f2;flex-shrink:0}
.dcs-dna__info{display:flex;flex-direction:column;gap:2px;min-width:0}
.dcs-dna__name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dcs-dna__match{font-size:11px;color:#e8772e;font-weight:500}

/* Recent */
.dcs-recent{padding:14px 18px;border-top:1px solid #e0e0e0;background:#fff}
.dcs-recent__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:10px}
.dcs-recent__grid{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}
.dcs-recent__grid::-webkit-scrollbar{display:none}
.dcs-recent__item{flex-shrink:0;width:62px;text-align:center;text-decoration:none;color:#3a2035;transition:transform 150ms}
.dcs-recent__item:hover{transform:scale(1.04)}
.dcs-recent__img{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#f2f2f2;border:1px solid #e0e0e0;margin:0 auto 4px;display:block}
.dcs-recent__price{font-size:11px;font-weight:700;color:#e8772e}
.dcs-recent__name{font-size:10px;color:#666;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* Mobile */
@media(max-width:768px){
    .dcs-sidebar{display:none}
    .dcs-sidebar--mobile-open{display:block;position:fixed;bottom:0;left:0;right:0;z-index:99999;max-height:80vh;overflow-y:auto;border-radius:16px 16px 0 0;box-shadow:0 -8px 32px rgba(0,0,0,.15);animation:dcs-up 300ms cubic-bezier(.16,1,.3,1);-webkit-overflow-scrolling:touch}
    .dcs-sidebar--mobile-open .dcs-sidebar__header::before{content:'';display:block;width:36px;height:4px;background:rgba(255,255,255,.3);border-radius:2px;margin:0 auto 10px}
    .dcs-mobile-trigger{display:flex;align-items:center;justify-content:center;gap:8px;position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:99998;padding:12px 24px;background:#1a1a1a;color:#fff;border:none;border-radius:28px;font-family:'Outfit',sans-serif;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.25)}
    .dcs-mobile-trigger:active{transform:translateX(-50%) scale(.96)}
    .dcs-mobile-trigger svg{width:16px;height:16px}
    .dcs-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:99998;animation:dcs-fade 250ms ease}
    @keyframes dcs-up{from{transform:translateY(100%)}to{transform:translateY(0)}}
    @keyframes dcs-fade{from{opacity:0}to{opacity:1}}
}
@media(min-width:769px){.dcs-mobile-trigger,.dcs-overlay{display:none!important}}
.dcs-sidebar{scrollbar-width:thin;scrollbar-color:#e0e0e0 transparent}
.dcs-sidebar::-webkit-scrollbar{width:4px}
.dcs-sidebar::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}