/* E-Care mobile P2 (operator «كمل» 2026-11-14, after P1 went live) — phones only (≤640px), every rule scoped to body.ec-m2
   (which only exists together with ec-m1). Linked by ec_v2_mob1_link() on the v3 pages and the Woodmart pages with the v3 header.
   1 text floor 14px (13–13.77px measured live at 390) · 2 the filter drawer, mini-cart and gallery arrows to 44px (deferred
   rows 9, 13) · 3 a fade on the side of a swipe row that still has more (classes from ec_v2_mob2_js).
   Rollback: EC_V2_MOB2_LIVE false in ec-v2/inc.php (or delete this file). */
@media (max-width:640px){
  /* 1 · 14px floor — v3 pages (topbar, hero kicker, room tags, tiles, cards, brands, footer) */
  body.ec-m2 .topbar span,body.ec-m2 .topbar bdi{font-size:14px}
  body.ec-m2 .hero-copy .kicker,body.ec-m2 small.kicker{font-size:14px}
  body.ec-m2 .hot .hot-tag b,body.ec-m2 .tile b{font-size:14px}   /* .hot .hot-tag b beats .hot.s .hot-tag b (12.5px) */
  body.ec-m2 .pc .cat,body.ec-m2 .pc .price small,body.ec-m2 .add span,body.ec-m2 .brand small{font-size:14px}
  body.ec-m2 .side-ad small{font-size:14px}
  body.ec-m2 .trust span,body.ec-m2 .trust bdi{font-size:14px}
  body.ec-m2 .f-bottom .in,body.ec-m2 .f-bottom{font-size:14px}
  /* Woodmart pages: buy buttons, related-product prices, footer, mobile menu, side panels */
  body.ec-m2 .single_add_to_cart_button,body.ec-m2 .wa-order-button{font-size:15px!important}
  body.ec-m2 .wd-product .wd-add-btn .wd-action-text,body.ec-m2.ec-v3-shop .wd-product .wd-add-btn>a{font-size:14px!important}   /* shop cards: 12px / 13.5px (shop.css body.ec-v3-shop .wd-product .wd-add-btn>a 13.5 !important); size only — the two-button layout is row 7 */
  body.ec-m2 .wd-product .price,body.ec-m2 .wd-product .price .amount,body.ec-m2 .wd-product .price bdi,body.ec-m2 .wd-product .price .woocommerce-Price-currencySymbol{font-size:14px}
  body.ec-m2 footer.ecf .ecf-in{font-size:14px}
  body.ec-m2 .mobile-nav .nav-link-text,body.ec-m2 .wd-nav-mobile .nav-link-text,body.ec-m2 .mobile-nav .woodmart-nav-link,body.ec-m2 .mobile-categories-title .white{font-size:14px}
  body.ec-m2 .wd-empty-mini-cart .btn,body.ec-m2 .create-account-button{font-size:14px}
  body.ec-m2 .product-label.onsale{font-size:12px}   /* the -36% badge: 10px → 12px, the one exception (a corner label, not reading text) */

  /* 2 · 44px — filter drawer (categories, brand logos, price filter button), mini-cart, account panel, gallery arrows */
  body.ec-m2 .widget .product-categories a{display:flex;align-items:center;min-height:44px}
  body.ec-m2 .brand-thumbnails a{display:flex;align-items:center;justify-content:center;min-height:44px}
  body.ec-m2 .price_slider_amount .button{min-height:44px}
  body.ec-m2 .wd-empty-mini-cart .btn,body.ec-m2 .widget_shopping_cart .buttons .button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  body.ec-m2 .create-account-button{min-height:44px;display:inline-flex;align-items:center}
  body.ec-m2 .wd-btn-arrow,body.ec-m2 .wd-btn-arrow .wd-arrow-inner{width:44px;height:44px}
  body.ec-m2 .close-side-widget>a,body.ec-m2 .wd-close-side>a{display:inline-flex;align-items:center;min-height:44px}   /* side panels' «إغلاق» was 25px */

  /* 3 · swipe rows: fade the edge that still has content (RTL: the row's end is on the left) */
  body.ec-m2 .ec-sx-l{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 32px);mask-image:linear-gradient(to right,transparent 0,#000 32px)}
  body.ec-m2 .ec-sx-r{-webkit-mask-image:linear-gradient(to left,transparent 0,#000 32px);mask-image:linear-gradient(to left,transparent 0,#000 32px)}
  body.ec-m2 .ec-sx-l.ec-sx-r{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%)}
}