/* Phase 5 — brand cards larger on phone; stronger swipe cue; home brands teaser */
@media (max-width:899px){
  .brand-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .brand-grid--6,.brand-grid--10{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-card{
    min-height:112px;
    padding:14px 12px;
  }
  .brand-mark img{max-height:48px;width:auto}
  .brand-name{font-size:15px}
  .ph-strip,.brand-panel .brand-grid{
    scroll-snap-type:x mandatory;
  }
  .ph-strip::after{
    content:"Swipe for more →";
    display:block;
    margin:6px 2px 0;
    font:600 12px/1.3 system-ui,sans-serif;
    color:var(--earth,#6b5b4b);
  }
  html:lang(bn) .ph-strip::after{content:"আরও দেখতে সোয়াইপ করুন →";font-family:var(--bn),serif}
}
/* Home-level brands teaser (outside Bags burial) */
.home-brands-teaser{
  width:min(1200px,calc(100% - 2*var(--g,20px)));
  margin:28px auto;
  padding:20px 18px;
  border:1px solid var(--rule,#e5d9cf);
  border-radius:16px;
  background:var(--cream,#faf6ef);
}
.home-brands-teaser h2{font:650 clamp(26px,4vw,40px)/1.2 var(--serif,Georgia,serif);margin:0 0 8px;color:var(--wine,#5a2f3f)}
.home-brands-teaser p{margin:0 0 14px;color:var(--earth,#6b5b4b);max-width:52ch}
.home-brands-teaser .brand-teaser-links{display:flex;flex-wrap:wrap;gap:10px}
.home-brands-teaser a{
  display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;
  border-radius:999px;border:1px solid var(--wine,#5a2f3f);color:var(--wine,#5a2f3f);
  text-decoration:none;font:600 14px system-ui,sans-serif;background:#fff;
}