/* =========================================================
   PC Bestseller Shop Pro - Styles (1400px container, 3 columns)
   (Updated: Buy Now uses brown like Add to Cart; consistent hover effects)
   All rules intentionally use !important to avoid theme conflicts
   Filename: bestseller-pro-style.css
   ========================================================= */

/* Container */
.pbest-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;
  color: #222 !important;
}

/* Sidebar */
.pbest-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;
  z-index: 99 !important;
}
.pbest-sidebar .pbest-sidebar-title { font-size:20px !important; margin:0 0 16px 0 !important; color:#4b2a26 !important; }

/* Section toggle (collapsible) */
.pbest-section { border-top:1px solid #eee !important; padding:14px 0 !important; }
.pbest-section:first-child { border-top:none !important; padding-top:0 !important; }
.pbest-section-head { 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; }
.pbest-section-head::after { content: "+" !important; font-weight:700 !important; }
.pbest-section.open .pbest-section-head::after { content: "-" !important; }

/* section content */
.pbest-content { display:none !important; margin-top:8px !important; }
.pbest-section.open .pbest-content { display:block !important; }

/* Checkbox list */
.pbest-content label { display:block !important; font-size:14px !important; color:#333 !important; margin-bottom:8px !important; cursor:pointer !important; }
.pbest-content input[type="checkbox"] { accent-color:#8b2a20 !important; margin-right:8px !important; }

/* Buttons */
.pbest-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; }
.pbest-btn[disabled] { opacity:0.6 !important; cursor:not-allowed !important; }

/* Price slider (dual-thumb) */
.pbest-price-values { display:flex !important; justify-content:space-between !important; font-weight:600 !important; color:#6b3a34 !important; margin-bottom:8px !important; }
.pbest-price-slider { position:relative !important; height:54px !important; margin-top:6px !important; }
.pbest-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; }
.pbest-track-active { position:absolute !important; top:28px !important; height:6px !important; background:#8b2a20 !important; border-radius:4px !important; z-index:2 !important; }
.pbest-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; }
.pbest-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; }
.pbest-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 (3 columns, responsive) */
.pbest-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 */
.pbest-card { 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; }
.pbest-card:hover { transform:translateY(-4px) !important; box-shadow:0 8px 24px rgba(0,0,0,0.08) !important; }

/* Thumb */
.pbest-thumb { width:100% !important; height:414px !important; overflow:hidden !important; display:block !important; }
.pbest-thumb img { width:100% !important; height:100% !important; object-fit:cover !important; }

/* Info */
.pbest-card-body { padding:12px !important; text-align:center !important; }
.pbest-card-title { font-size:15px !important; margin:0 0 8px 0 !important; color:#222 !important; font-weight:600 !important; }
.pbest-card-price { color:#8b2a20 !important; font-weight:700 !important; margin-bottom:10px !important; }

/* buttons row */
.pbest-card-actions { display:flex !important; gap:10px !important; justify-content:center !important; }

/* Specific action buttons - Add to Cart & Buy Now share brown style */
.pbest-add-to-cart,
.pbest-card .pbest-add-to-cart,
.pbest-buy-now,
.pbest-card .pbest-buy-now {
  background:#8b2a20 !important;
  color:#fff !important;
  border:0 !important;
  padding:10px 14px !important;
  border-radius:8px !important;
  font-weight:700 !important;
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease !important;
}
.pbest-add-to-cart:hover,
.pbest-card .pbest-add-to-cart:hover,
.pbest-buy-now:hover,
.pbest-card .pbest-buy-now:hover {
  background:#6f241d !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(111,36,29,0.12) !important;
}

/* Disabled state */
.pbest-btn[disabled], .pbest-btn.disabled { opacity:0.6 !important; pointer-events:none !important; transform:none !important; box-shadow:none !important; }

/* Empty state */
.pbest-empty { padding:28px !important; text-align:center !important; color:#777 !important; }

/* Loading state */
.pbest-grid.pbest-loading { opacity:0.65 !important; pointer-events:none !important; }

/* Topbar / Title */
.pbest-topbar { display:flex !important; justify-content:space-between !important; align-items:center !important; margin-bottom:12px !important; }
.pbest-title-large { font-family: "Cormorant Garamond", serif !important; font-weight:600 !important; font-size:28px !important; color:#6b3a34 !important; }

/* Responsive adjustments to mirror PC Saree behavior */
@media (max-width:1200px) {
  .pbest-wrapper { flex-direction:column !important; padding:28px 16px !important; }
  .pbest-sidebar { width:100% !important; position:relative !important; top:auto !important; margin-bottom:18px !important; }
  .pbest-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width:700px) {
  .pbest-grid { grid-template-columns: 1fr !important; gap:20px !important; }
  .pbest-thumb { height:360px !important; }
  .pbest-card .pbest-add-to-cart, .pbest-card .pbest-buy-now { min-width: 120px !important; }
}

/* Very small screens */
@media (max-width:420px) {
  .pbest-sidebar { display:none !important; }
  .pbest-wrapper { margin: 20px auto !important; padding: 0 12px !important; }
  .pbest-thumb { height:300px !important; }
}