.products-listing{padding:15px 0 15px;color:#333}section.products-listing{margin-bottom:30px;overflow:hidden}.products-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px}.products-toolbar__left{color:#000}.products-toolbar__left strong{color:#333;font-weight:700}.products-toolbar__right{display:flex;align-items:center;gap:20px}.products-sort{background:none;border:none;padding:0;cursor:pointer;color:#000;font-size:13px;display:flex;align-items:center;gap:6px}.mobile-filters-btn{display:none}.products-view-mode{display:flex;gap:8px}.view-mode-btn{background:none;border:1px solid #e0e0e0;border-radius:20px;padding:4px 10px;cursor:pointer;color:#9bbced;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.view-mode-btn:hover,.view-mode-btn.active{background:#f0f5ff;color:#9abce9;border-color:#9abce9}.view-mode-btn svg{width:18px;height:18px}.mobile-modal__overlay,.mobile-modal__header,.mobile-modal__footer,.js-mobile-sort-modal{display:none}.products-filter-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px;border-bottom:1px solid #f1f1f1;padding-bottom:20px}.filter-dropdown{position:relative}.filter-tag-btn{background:#fff;border:1px solid #e0e0e0;padding:6px 12px;font-size:13px;color:#000;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all 0.2s}.filter-tag-btn:hover{border-color:#9bbced}.filter-tag-btn svg{width:12px;height:12px}.filter-dropdown__panel{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.1);min-width:250px;padding:20px;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.2s ease}.filter-dropdown.is-open .filter-dropdown__panel{opacity:1;visibility:visible;transform:translateY(0)}.products-layout{display:flex;align-items:flex-start;gap:30px}.products-sidebar{width:260px;flex-shrink:0}.filter-widget{border-bottom:1px solid #f1f1f1;padding:20px 0}.filter-widget:first-child{padding-top:0}.filter-widget__header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:16px}.filter-widget__title{font-size:15px;font-weight:500;color:#333;margin:0}.filter-widget__arrow{width:16px;height:16px;color:#999;transition:transform 0.3s}.filter-widget.is-collapsed .filter-widget__arrow{transform:rotate(-180deg)}.filter-widget.is-collapsed .filter-widget__body{display:none}.filter-price__inputs{display:flex;align-items:center;gap:8px;margin-bottom:16px}.filter-price__inputs input{flex:1;width:100%;height:36px;border:1px solid #e0e0e0;border-radius:4px;padding:0 10px;font-size:13px;outline:none}.filter-price__slider{position:relative;height:4px;background:#e0e0e0;border-radius:2px;margin:20px 0 10px}.filter-price__range{position:absolute;height:100%;background:#333;left:0;right:0;border-radius:2px}.filter-price__input{position:absolute;width:100%;height:4px;top:0;left:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;margin:0;outline:none;z-index:2}.filter-price__input::-webkit-slider-thumb{height:16px;width:16px;border-radius:50%;background:#333;pointer-events:auto;-webkit-appearance:none;cursor:pointer;position:relative;z-index:3;box-shadow:0 0 0 1px #fff}.filter-price__input::-moz-range-thumb{height:16px;width:16px;border:none;border-radius:50%;background:#333;pointer-events:auto;cursor:pointer;position:relative;z-index:3;box-shadow:0 0 0 1px #fff}.filter-checkbox-list{list-style:none;padding:0;margin:0;max-height:220px;overflow-y:auto}.filter-checkbox-list::-webkit-scrollbar{width:6px}.filter-checkbox-list::-webkit-scrollbar-track{background:#f1f1f1}.filter-checkbox-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.filter-checkbox-list li{margin-bottom:15px}.filter-checkbox-list li:last-child{margin-bottom:0}.filter-checkbox-list label{display:flex;align-items:center;gap:8px;font-size:13px;color:#000;cursor:pointer}.filter-checkbox-list input[type="checkbox"]{width:16px;height:16px;border:1px solid #ccc;border-radius:3px;cursor:pointer}.products-main{flex:1;min-width:0}.products-grid.view-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.products-grid.view-list{display:flex;flex-direction:column;gap:20px}.products-grid.view-list .product-card{flex-direction:row;align-items:center;gap:30px}.products-grid.view-list .product-card__img-wrap{width:240px;margin-bottom:0;flex-shrink:0}.products-grid.view-list .product-card__info{justify-content:center}.products-grid.view-list .product-card__title{font-size:18px;margin-bottom:12px}@media (max-width:1200px){.products-grid.view-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:991px){.products-main{width:100%}.products-layout{flex-direction:column}.mobile-filters-btn{display:block;background:none;border:1px solid #e0e0e0;border-radius:20px;padding:6px 14px;color:#9bbced;font-weight:600;font-size:13px;cursor:pointer;text-transform:uppercase}.products-sort{border:1px solid #e0e0e0;border-radius:20px;padding:6px 14px;color:#9bbced;font-weight:600;text-transform:uppercase}.products-sort svg path{stroke:#9bbced}.products-toolbar__right{gap:10px}.products-filter-tags{display:none}.mobile-modal{position:fixed;inset:0;z-index:1000;display:block;pointer-events:none}.mobile-modal__overlay{display:block;position:absolute;inset:0;background:rgba(0,0,0,0.5);opacity:0;transition:opacity 0.3s ease}.mobile-modal__content{position:absolute;bottom:0;left:0;width:100%;background:#fff;border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform 0.3s ease;display:flex;flex-direction:column;max-height:85vh}.mobile-modal.is-open{pointer-events:auto;width:100%}.mobile-modal.is-open .mobile-modal__overlay{opacity:1}.mobile-modal.is-open .mobile-modal__content{transform:translateY(0)}.mobile-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f1f1;margin-bottom:20px}.mobile-modal__header h3{margin:0;font-size:16px;font-weight:600}.mobile-modal__close{background:none;border:none;padding:4px;cursor:pointer;color:#000}.mobile-modal__body{flex:1;overflow-y:auto;padding:0 20px}.mobile-modal__footer{display:flex;flex-direction:column;gap:10px;padding:16px 20px;border-top:1px solid #f1f1f1}.mobile-modal__btn{width:100%;padding:12px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;text-align:center}.mobile-modal__btn--primary{background:#a9bedc;color:#fff}.mobile-modal__btn--outline{background:#fff;border-color:#e0e0e0;color:#e53e3e}.mobile-sort-list{list-style:none;padding:0;margin:0}.mobile-sort-list li{border-bottom:1px solid #f1f1f1}.mobile-sort-list li:last-child{border-bottom:none}.mobile-sort-list label{display:flex;align-items:center;padding:16px 0 16px 24px;font-size:14px;color:#333;cursor:pointer;position:relative}.mobile-sort-list input[type="radio"]{display:none}.mobile-sort-list li.active label{font-weight:600}.mobile-sort-list li.active label::before{content:'✓';position:absolute;left:0;color:#000;font-size:12px}.products-sidebar{display:block}.products-grid.view-grid{grid-template-columns:repeat(3,1fr)}.products-grid.view-list .product-card__img-wrap{width:200px}}@media (max-width:768px){.products-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.products-toolbar__right{width:100%;justify-content:space-between}.products-grid.view-grid{grid-template-columns:repeat(2,1fr);gap:15px}.products-grid.view-list .product-card{flex-direction:row;gap:15px}.products-grid.view-list .product-card__img-wrap{width:140px}.products-grid.view-list .product-card__title{font-size:15px}}@media (max-width:480px){.products-grid.view-grid{grid-template-columns:repeat(2,1fr);gap:10px}.products-grid.view-list .product-card{flex-direction:column;align-items:flex-start}.products-grid.view-list .product-card__img-wrap{width:100%}.filter-dropdown__panel{position:fixed;top:auto;bottom:0;left:0;width:100%;margin:0;border-radius:12px 12px 0 0;transform:translateY(100%);box-shadow:0 -4px 12px rgba(0,0,0,0.1);z-index:1000}.filter-dropdown.is-open .filter-dropdown__panel{transform:translateY(0)}}.filter-checkbox-input{appearance:none;-webkit-appearance:none;width:17px;height:17px;border:1.5px solid #cbd5e1;border-radius:4px;background-color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.15s ease;position:relative;margin:0}.filter-checkbox-input:checked{background-color:#9abce9;border-color:#9abce9}.filter-checkbox-input:checked::after{content:'';width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.filter-checkbox-input:hover{border-color:#9abce9}.filter-category-tree,.filter-brand-list{list-style:none;padding:0;margin:0}.filter-category-tree li,.filter-brand-list li{margin-bottom:4px}.filter-category-tree li.level-0>label{font-weight:600;color:#1f2937;font-size:13.5px}.filter-category-tree li.level-child{margin-left:10px;padding-left:8px;border-left:1.5px solid #e5e7eb}.filter-category-tree li.level-child>label{font-weight:400;color:#4b5563;font-size:13px}.filter-category-tree li label,.filter-brand-list li label{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;transition:background 0.15s ease,color 0.15s ease;cursor:pointer;user-select:none}.filter-category-tree li label:hover,.filter-brand-list li label:hover{background:#f0f5ff;color:#9abce9}.filter-category-tree li.is-active>label,.filter-category-tree li label.is-checked,.filter-brand-list li.is-active>label,.filter-brand-list li label.is-checked{background-color:#f0f5ff;color:#9abce9;font-weight:600}.filter-tag-btn.is-active{border-color:#9abce9;background-color:#f0f5ff;color:#9abce9;font-weight:600}.filter-tag-btn.is-active svg{stroke:#9abce9}.filter-widget.has-checked .filter-widget__title{color:#9abce9;font-weight:700}