/* E-Care mobile P1 (operator «ابدا في الخطوه p1» 2026-11-14) — phones only (≤640px), every rule scoped to body.ec-m1.
   Loaded on the v3 pages (ec_v2_open) and the Woodmart pages with the v3 header (woodmart-child/header.php).
   1 header hides while scrolling down, comes back on scroll up · 2 shorter cards, name up to 3 lines · 3 tap targets ≥ 44px.
   Rollback: EC_V2_MOB1_LIVE false in ec-v2/inc.php (or delete this file). */
@media (max-width:640px){
  /* 1 · header hide on scroll (class ec-hd-off set by the script in ec_v2_mob1_js) */
  body.ec-m1 .site-head,body.ec-m1 header.ech{transition:transform .22s ease}
  body.ec-m1.ec-hd-off .site-head,body.ec-m1.ec-hd-off header.ech{transform:translateY(calc(-100% - env(safe-area-inset-top,0px) - 2px))}
  /* the section page's sticky filter row sits under the header (--hh): it moves up when the header goes */
  body.ec-m1 .filters{transition:top .22s ease}
  body.ec-m1.ec-hd-off .filters{top:env(safe-area-inset-top,0px)}

  /* 2 · cards: image box 5:4 instead of square, the name may take 3 lines (the room for 2 stays, so rows line up) */
  body.ec-m1 .pc .img{aspect-ratio:5/4;padding:10px;overflow:hidden}   /* overflow: a 320px img otherwise keeps the box square (aspect-ratio min-size) */
  body.ec-m1 .pc .n{-webkit-line-clamp:3;min-height:44px}   /* the name link: 2.9em was 41px at 14px */
  body.ec-m1 .pc .t{gap:4px}
  body.ec-m1.ec-v3-shop .wd-product .wd-product-thumb{padding:10px}
  body.ec-m1.ec-v3-shop .wd-product .wd-product-thumb .product-image-link{display:block;aspect-ratio:5/4;overflow:hidden}
  body.ec-m1.ec-v3-shop .wd-product .wd-product-thumb .product-image-link img{width:100%;height:100%;object-fit:contain}
  body.ec-m1.ec-v3-shop .wd-product .wd-entities-title{-webkit-line-clamp:3}
  body.ec-m1.ec-v3-shop .wd-product .product-element-bottom{gap:4px}

  /* 3 · tap targets ≥ 44px — v3 pages */
  body.ec-m1 .hd-icon{width:44px;height:44px}
  body.ec-m1 .search{padding:2px}
  body.ec-m1 .search button{width:44px;height:44px}
  body.ec-m1 .topbar .tb-tel,body.ec-m1 .trust a,body.ec-m1 .crumbs a,body.ec-m1 .pd-sib{min-height:44px}
  body.ec-m1 .catnav a{min-height:44px;padding-block:0}
  body.ec-m1 .add{min-height:44px}
  body.ec-m1 .see-all{min-height:44px;padding-block:0}
  body.ec-m1 .more{min-height:44px;margin-top:0}
  body.ec-m1 .tabs button,body.ec-m1 .flist button,body.ec-m1 .seg button,body.ec-m1 .fchip{min-height:44px}
  body.ec-m1 .foot a{display:flex;align-items:center;min-height:44px;padding-block:0}
  /* 3 · tap targets — Woodmart pages with the v3 header */
  body.ec-m1 header.ech>.ech-in{padding-block:6px}
  body.ec-m1 header.ech .ech-icon{width:44px;height:44px}
  body.ec-m1 header.ech .ech-search{padding:2px}
  body.ec-m1 header.ech .ech-search button{width:44px;height:44px}
  body.ec-m1 nav.ech-cat a{min-height:44px;padding-block:0;display:inline-flex;align-items:center}
  body.ec-m1.ec-v3-shop .wd-product.wd-product .wd-bottom-actions .wd-add-btn>a{min-height:44px!important}
  body.ec-m1.ec-v3-shop .wd-show-sidebar-btn>a,body.ec-m1.ec-v3-shop .wd-filter-buttons>a{min-height:44px}
  body.ec-m1.ec-v3-shop .woocommerce-ordering select{min-height:44px}
  body.ec-m1.ec-v3-shop .woocommerce-pagination a,body.ec-m1.ec-v3-shop .woocommerce-pagination span{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  body.ec-m1 .wd-breadcrumbs a,body.ec-m1 .woocommerce-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
  body.ec-m1 footer.ecf a{display:flex;align-items:center;min-height:44px;padding-block:0}
  body.ec-m1 footer.ecf .f-soc a{display:inline-flex;justify-content:center;min-width:44px}
  /* the logo link, the search box itself and Woodmart's back-to-top button were 33–40px tall */
  body.ec-m1 .logo-live a,body.ec-m1 header.ech .ech-logo a{display:flex;align-items:center;min-height:44px}
  body.ec-m1 .search input,body.ec-m1 header.ech .ech-search input[type=search]{min-height:44px;padding-block:0}
  body.ec-m1 a.scrollToTop{width:44px;height:44px}
  /* Woodmart single product page (no ec-v3-shop class there): buy row, nav arrows, actions, related cards */
  body.ec-m1.single-product .summary .quantity .btn,body.ec-m1.single-product .summary .quantity input.qty{min-height:44px}
  body.ec-m1.single-product .summary .quantity .btn{min-width:36px}
  body.ec-m1.single-product .summary .variations select{min-height:44px}
  body.ec-m1.single-product .summary .single_add_to_cart_button,body.ec-m1.single-product .summary .wa-order-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  body.ec-m1.single-product .wd-product-nav-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}
  body.ec-m1.single-product .summary .wd-action-btn>a{min-height:44px;display:inline-flex;align-items:center}
  body.ec-m1.single-product .summary .posted_in a{display:inline-flex;align-items:center;min-height:44px}
  body.ec-m1 .wd-product .wd-entities-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:44px}   /* clamp on the link itself (a block child loses the ellipsis in some Safari) */
  /* contact form + the page's own social icons */
  body.ec-m1 .wpcf7-form-control:not(textarea):not([type=checkbox]):not([type=radio]){min-height:44px}
  body.ec-m1 .wd-social-icons .wd-social-icon{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  /* home room photo: the product dots were small tap areas — an invisible ring around the dot makes 44, the dot is unchanged */
  body.ec-m1 .hot-dot{position:relative}
  body.ec-m1 .hot-dot::before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%}   /* 44px hit area centred on the dot; padding on .hot shifted the .l dots (translate -100%) */
}
/* «price on request» card (all widths — the text and number change on every width of these pages) */
body.ec-m1 .price .poa{font:600 15px/1.35 var(--f-h,inherit)!important;color:var(--navy,#01205A)!important;margin-bottom:8px}
body.ec-m1 .price a.ec-poa-wa{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0 12px!important;border-radius:999px!important;background:#fff!important;color:#1F7A4D!important;border:1.5px solid #9BCFB3!important;font:600 14px/1.2 var(--f-h,inherit)!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;text-align:center}
body.ec-m1 .price a.ec-poa-wa:hover{background:#EEF8F2!important}
body.ec-m1 .price a.ec-poa-wa:focus-visible{outline:3px solid #2C8EC1!important;outline-offset:2px}
@media (max-width:640px) and (prefers-reduced-motion:reduce){
  body.ec-m1 .site-head,body.ec-m1 header.ech,body.ec-m1 .filters{transition:none}
}