/* =========================================================
   Ashankhyadeep Storefront — mobile override layer
   Loaded AFTER style.css. Desktop untouched.
   ========================================================= */

/* 1) Normal scrolling — kill any page-by-page (scroll-snap / locked 100vh) */
@media (max-width: 1024px){
  html, body{
    scroll-snap-type: none !important;
    overflow-y: auto !important;
    height: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  body > *, main, .home,
  .section, section, .banner-hero, .trust{
    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* 2) Product search visible on mobile — own full-width row under the logo */
@media (max-width: 860px){
  header.head > .wrap{ flex-wrap: wrap !important; row-gap: 10px !important; align-items: center; }

  header.head .wrap > form.search,
  header.head form.search,
  header.head .search{
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    order: 5 !important;                 /* push onto its own line, after actions */
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 2px 0 0 !important;
    position: relative !important;
  }
  header.head .search .cat{ display: none !important; }              /* hide category select to save width */
  header.head .search .search-box{ display: flex !important; flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; }
  header.head .search #searchInput,
  header.head .search input[type="text"]{ display: block !important; width: 100% !important; }
  header.head .search .search-drop{ left: 0 !important; right: 0 !important; width: 100% !important; }
}

/* ===== Product images: show full machine (no crop) + safety ===== */
.pcard .ph{ background:#fff; }
.pcard .pimg{ object-fit: contain !important; background:#fff; }
.pcard .pimg, .pd-main .pimg{ cursor: zoom-in; }
@media (max-width: 1024px){
  .catalog .wrap.catalog-wrap, .catalog .results, .prod-grid{ max-width:100% !important; }
  .prod-grid{ overflow: visible !important; }
  .pcard{ max-width:100% !important; }
}