/* ========================================================= PC Saree Shop - Styles (1400px container, 3 columns) ========================================================= */ /* Container */ .pfilter-wrapper { max-width: 1400px !important; margin: 0 auto !important; display: flex !important; gap: 40px !important; padding: 40px 20px !important; box-sizing: border-box !important; align-items: flex-start !important; font-family: "Poppins", sans-serif !important; } /* Sidebar */ .pfilter-sidebar { width: 320px !important; background: #fff !important; border: 1px solid #e8e8e8 !important; padding: 22px !important; border-radius: 8px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important; position: sticky !important; top: 100px !important; } .pfilter-sidebar h3 { font-size:20px !important; margin:0 0 16px 0 !important; color:#4b2a26 !important; } /* Section toggle */ .pfilter-section { border-top:1px solid #eee !important; padding:14px 0 !important; } .pfilter-section:first-child { border-top:none !important; padding-top:0 !important; } .pfilter-section h4 { font-size:16px !important; font-weight:600 !important; color:#6b3a34 !important; display:flex !important; justify-content:space-between !important; align-items:center !important; cursor:pointer !important; margin:0 !important; } .pfilter-section h4::after { content: "+" !important; font-weight:700 !important; } .pfilter-section.open h4::after { content: "-" !important; } /* content */ .pfilter-content { display:none !important; margin-top:8px !important; } .pfilter-section.open .pfilter-content { display:block !important; } /* Checkbox list */ .pfilter-content label { display:block !important; font-size:14px !important; color:#333 !important; margin-bottom:8px !important; cursor:pointer !important; } .pfilter-content input[type="checkbox"] { accent-color:#8b2a20 !important; margin-right:8px !important; } /* Buttons */ .pfilter-btn { background:#8b2a20 !important; color:#fff !important; border:0 !important; padding:10px 14px !important; border-radius:8px !important; cursor:pointer !important; font-weight:700 !important; } .pfilter-btn[disabled] { opacity:0.6 !important; cursor:not-allowed !important; } /* Price slider */ .price-values { display:flex !important; justify-content:space-between !important; font-weight:600 !important; color:#6b3a34 !important; margin-bottom:8px !important; } .price-slider { position:relative !important; height:54px !important; margin-top:6px !important; } .price-slider .track { position:absolute !important; left:0 !important; right:0 !important; top:28px !important; height:6px !important; background:#e4c6bf !important; border-radius:4px !important; z-index:1 !important; } .price-slider .track-active { position:absolute !important; top:28px !important; height:6px !important; background:#8b2a20 !important; border-radius:4px !important; z-index:2 !important; } .price-slider input[type="range"] { position:absolute !important; left:0 !important; width:100% !important; top:27px !important; height:6px !important; background:none !important; pointer-events:none !important; -webkit-appearance:none !important; z-index:3 !important; } .price-slider input[type="range"]::-webkit-slider-thumb { -webkit-appearance:none !important; width:18px !important; height:18px !important; border-radius:50% !important; background:#8b2a20 !important; border:2px solid #fff !important; pointer-events:auto !important; cursor:pointer !important; box-shadow:0 2px 6px rgba(0,0,0,0.2) !important; } .price-slider input[type="range"]::-moz-range-thumb { width:18px !important; height:18px !important; border-radius:50% !important; background:#8b2a20 !important; border:2px solid #fff !important; cursor:pointer !important; } /* Grid */ .pfilter-grid { flex:1 !important; display:grid !important; grid-template-columns: repeat(3, 1fr) !important; gap:32px !important; justify-items:center !important; align-items:start !important; } /* Card */ .pfilter-item { width:100% !important; max-width:392px !important; border-radius:10px !important; overflow:hidden !important; background:#fff !important; box-shadow:0 4px 12px rgba(0,0,0,0.06) !important; transition:transform .18s ease, box-shadow .18s ease !important; } .pfilter-item:hover { transform:translateY(-4px) !important; box-shadow:0 8px 24px rgba(0,0,0,0.08) !important; } .pfilter-thumb { width:100% !important; height:414px !important; overflow:hidden !important; display:block !important; } .pfilter-thumb img { width:100% !important; height:100% !important; object-fit:cover !important; } /* Info */ .pfilter-info { padding:12px !important; text-align:center !important; } .pfilter-info h4 { font-size:15px !important; margin:0 0 8px 0 !important; color:#222 !important; font-weight:600 !important; } .pfilter-info .price { color:#8b2a20 !important; font-weight:700 !important; margin-bottom:10px !important; } /* buttons row */ .pfilter-btns { display:flex !important; gap:10px !important; justify-content:center !important; } /* Responsive */ @media (max-width:1200px) { .pfilter-wrapper { flex-direction:column !important; padding:28px 16px !important; } .pfilter-sidebar { width:100% !important; position:relative !important; top:auto !important; margin-bottom:18px !important; } .pfilter-grid { grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width:700px) { .pfilter-grid { grid-template-columns: 1fr !important; } .pfilter-thumb { height:360px !important; } }