:root{--primary-color:#06f;--secondary-color:#f5f5f5;--text-color:#333;--border-color:#ddd;--filter-panel-width:300px}
.catalog-main a{display:block; color:#000; text-decoration:none; padding:0 10px; border-radius:10px; margin:7px 0; border: 1px solid #d9d9d9;}
.catalog-main a:hover {background-color: #f6f6f6;}
.catalog-product h3{color:#04389B;margin:5px 0 5px 0; font-weight:bold;}
.catalog-product:hover h3{color:#F16D1A}
.catalog-product{display:flex;padding:10px; flex-direction:row; align-items:center;}
.catalog-product-parth1{flex:1;}
.catalog-product-parth1 a{font-size:110%;text-decoration:none}
.catalog-product-parth2{flex:1;text-align:right}
.catalog-product-dop{padding:5px 0;line-height: 100%;}
.catalog-product-dop span:nth-child(1){color:#646464;white-space:nowrap;padding-right:5px;font-size: 90%;}
.catalog-product-dop span:nth-child(2){display:initial; line-height: 133%;}
.catalog-product-parth2 button{padding:10px 30px;border:1px solid #cacaca;border-radius:5px;background-color:var(--primary-color);font-size:100%;cursor:pointer;color:#fff}
.dop-style {display:flex; padding:0 22px; gap:10px; align-items:center; justify-content:flex-end;}
.dop-style button {width: 215px; background-color: #333; color: white; border: none; padding: 8px 16px; cursor: pointer; border-radius: 4px; transition: background-color 0.3s; }
.dop-style button:hover {background-color: #555;}
.rectangle-3d{width:80px;height:120px}
.catalog-main a:hover .icon circle { fill: #F16D1A !important; }
.catalog-name{display: flex; align-items: center;}
.catalog-name div{font-size: 90%; padding: 4px 8px;}
@media (max-width:770px){
    .rectangle-3d{display:none;}
    .catalog-main a {padding: 0;}
    .catalog-product {display:block;}
    .catalog-product-parth2 {text-align:center;}
    .catalog-product-parth2 button {width: 94%;padding: 7px 30px;}
    .catalog-product-dop span:nth-child(2) {font-size: 100%;}
}
.filter-toggle{position:fixed;right:0;bottom:120px;background-color:#383D45;opacity:.7;width:50px;height:50px;cursor:pointer;z-index:998;border:none;border-radius: 5px 0 0 5px;}
.filter-toggle:hover{opacity:1}
.filter-panel{position:fixed;top:0;right:calc(-1 * var(--filter-panel-width));width:var(--filter-panel-width);height:100vh;background:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.1);padding:20px;box-sizing:border-box;z-index:999;transition:right .3s;overflow-y:auto}
.filter-panel.active{right:0}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:998;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.overlay.active{opacity:1;visibility:visible}
.filter-title{font-size:1.3rem;margin-bottom:20px;color:var(--primary-color);display:flex;justify-content:space-between;align-items:center}
.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color)}
.filter-group{margin-bottom:15px}
.filter-label{display:block;margin-bottom:5px;font-weight:700}
.filter-input{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box}.filter-button{background-color:var(--primary-color);color:#fff;border:none;padding:12px;width:100%;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s;margin-top:10px}
.filter-button:hover{background-color:#05c}
.product-count{margin:15px 0;font-style:italic;text-align:center}
.catalog-product.hidden{display:none}
@media (max-width:500px){:root{--filter-panel-width:280px}}