.drawer-overlay{opacity:0;visibility:hidden;z-index:999;background:#00000073;transition:all .3s;position:fixed;inset:0}.drawer-overlay.show{opacity:1;visibility:visible}.shop-drawer{z-index:1000;background:#fff;width:320px;height:100vh;padding:25px;transition:all .35s;position:fixed;top:0;left:-330px;overflow-y:auto;box-shadow:0 0 30px #00000026}.shop-drawer.open{left:0}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.drawer-header h2{font-size:24px}.drawer-header button{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;width:42px;height:42px;font-size:18px}.filter-section{margin-bottom:35px}.filter-section h3{margin-bottom:15px;font-size:18px}.filter-section button{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;margin-bottom:10px;padding:14px 16px;transition:all .3s}.filter-section button:hover{border-color:var(--primary);color:var(--primary)}.filter-section .active{background:var(--primary);color:#fff;border-color:var(--primary)}@media (min-width:993px){.drawer-overlay{display:none}.shop-drawer{width:100%;height:auto;box-shadow:none;background:0 0;padding:0;position:sticky;top:120px;left:0;overflow:visible}.drawer-header{display:none}}
.shop-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.toolbar-search{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;align-items:center;gap:15px;height:52px;padding:0 20px;display:flex}.toolbar-search svg{color:#666;font-size:20px}.toolbar-search input{background:0 0;border:none;outline:none;flex:1;height:100%;font-size:15px}.toolbar-actions{gap:15px;display:flex}.toolbar-actions select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;height:52px;padding:0 20px}.filter-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;height:52px;padding:0 22px;font-weight:600;display:flex}@media (max-width:768px){.shop-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{width:100%}.toolbar-actions select{flex:1}.filter-btn{justify-content:center}}
.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;display:grid}.shop-loading,.empty-products{text-align:center;background:#fff;border-radius:15px;padding:80px 20px;font-size:18px;box-shadow:0 8px 20px #0000000d}@media (max-width:1200px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:992px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:576px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}}