/* ===== responsive.css — কোট গ্রিড: Tablet / Mobile (হেডার ও ফুটারের নিজের নিয়ম header.css / footer.css-এ) ===== */
@media (max-width:1100px){.quote-grid{grid-template-columns:repeat(3,1fr)}}   /* ডিফল্ট ৩ কলাম; JS ইউজারের পছন্দ বসিয়ে দেয় */
@media (max-width:820px){
  .quote-grid{grid-template-columns:repeat(2,1fr)}
  .view-bar{display:none}                      /* ছোট স্ক্রিনে কলাম বাছাইয়ের দরকার নেই */
}
@media (max-width:560px){
  .quote-grid{grid-template-columns:1fr}
  .qc-text{font-size:1.05rem}
}
/* ৩৬০px এর নিচে decoration লুকানো */
@media (max-width:360px){.qc-deco{display:none}}