/* শপ প্রোডাক্ট গ্রিড: মোবাইলে ৩টি, ট্যাবে ৪টি, কম্পিউটারে ৫টি করে প্রতি লাইনে */
.sp-grid.sp-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.sp-grid .sp-btns{grid-template-columns:1fr!important;gap:6px}
.sp-grid .sp-b{padding:9px 8px;font-size:13px;border-radius:10px}
.sp-grid .sp-body{padding:12px 12px 14px}
.sp-grid .sp-body h4{font-size:15px}
.sp-grid .sp-price b{font-size:17px}

/* ট্যাব / ছোট ল্যাপটপ: ৪টি */
@media(max-width:1024px){
  .sp-grid.sp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
}

/* মোবাইল: ৩টি (কার্ড ছোট করা হয়েছে) */
@media(max-width:600px){
  .sp-grid.sp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .sp-grid .sp-card{border-radius:12px}
  .sp-grid .sp-card:hover{transform:none}
  .sp-grid .sp-body{padding:7px 7px 9px;gap:3px}
  .sp-grid .sp-body h4{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .sp-grid .sp-body p{display:none}
  .sp-grid .sp-price{gap:2px 5px}
  .sp-grid .sp-price b{font-size:13px}
  .sp-grid .sp-price s{font-size:10px}
  .sp-grid .sp-b{padding:7px 2px;font-size:11px;border-radius:8px;gap:3px}
  .sp-grid .sp-b svg{display:none}
  .sp-grid .sp-tag{left:5px;top:5px;font-size:9px;padding:2px 7px}
  .sp-grid .sp-off{right:5px;top:5px;font-size:9px;padding:2px 6px}
  .sp-grid .sp-out{font-size:10px;padding:3px}
}

/* শপের উপরের ফিল্টার বার */
.sp-fbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;background:#fff;border:1px solid #e8efeb;border-radius:20px;padding:22px 24px;margin:-8px 0 18px;box-shadow:0 8px 24px rgba(6,61,44,.06)}
.sp-f{min-width:0}
.sp-f label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#3b4a44;margin-bottom:10px}
.sp-f label b{color:#059669;font-size:15px}
.sp-f select{width:100%;appearance:none;-webkit-appearance:none;font:inherit;font-weight:600;font-size:15px;color:#14231d;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2314231d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid #e2e8f0;border-radius:12px;padding:13px 40px 13px 16px;margin:0;cursor:pointer;height:auto}
.sp-f select:focus{outline:0;border-color:#059669;box-shadow:0 0 0 3px rgba(5,150,105,.15)}
.sp-f-rng{align-self:end}
.sp-f-rng input[type=range]{width:100%;margin:0 0 14px;accent-color:#0d6efd;cursor:pointer;height:22px;padding:0;border:0;background:transparent}
.sp-fbar + .sp-filter{margin-top:-4px}
@media(max-width:1024px){.sp-fbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px}}
@media(max-width:600px){.sp-fbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;padding:14px;border-radius:16px;margin-top:0}.sp-f label{font-size:12px;margin-bottom:6px}.sp-f select{font-size:13px;padding:10px 30px 10px 10px;background-position:right 10px center}.sp-f-rng{grid-column:1/-1}}