/* Phone-first polish, loaded LAST so it wins over the page styles (most customers shop on a phone).
   Sizes follow the 44px touch-target rule. Every rule needs a touch screen or a narrow window: the desktop look is untouched. */

/* no double-tap-zoom wait on controls, so + / - and "add" answer at once */
a, button, input, select, textarea, label, summary { touch-action: manipulation; }

@media (pointer: coarse) {
  .icon-btn { width: 2.75rem; height: 2.75rem; }
  .cartlink { height: 2.75rem; }
  .btn-sm { min-height: 2.6rem; }
  .pcard__heart { width: 2.6rem; height: 2.6rem; }
  .qty__btn { width: 2.4rem; height: 2.4rem; }
  .qty__input { width: 2.1rem; }
  .chip { padding: .4rem .85rem; font-size: .85rem; }
  .pager__btn { min-width: 2.75rem; height: 2.75rem; }
  .social__link { width: 2.75rem; height: 2.75rem; }
  .site-footer__list a { padding-block: .5rem; }
  .drawer__sub { padding-block: .7rem; }
  .crumbs__item a { display: inline-block; padding-block: .35rem; }
}
@media (pointer: coarse) and (max-width: 991.98px) { .cartlink { width: 2.75rem; } }

/* the smallest labels are hard to read in Bengali on a phone */
@media (max-width: 575.98px) {
  .pcard__cat, .pcard__unit { font-size: .8rem; }
  .stock, .tag { font-size: .78rem; }
  .pcard__off { font-size: .82rem; }
  .bottom-nav__item { font-size: .78rem; }
}