/* AAA-MOBILE-HEADER-V2-20260904 — Alpha-shape mobile header, measured 2026-09-04 @390px:
   Alpha = ONE 77px row: burger (plain lines, no disc) · centered logo · search ICON · cart ICON w/ count.
   No inline search bar; search opens on tap. Ours was 148px (2 rows: circled burger+logo+black cart disc, then 44px bar).
   Loads after new_style_1.css; wins by specificity + order. */
@media screen and (max-width: 768px) {
  header { padding: 0 !important; }
  header .top_head { padding: 0 !important; }
  header .top_head .top_head_inr {
    display: grid !important;
    grid-template-columns: 44px 1fr 44px 44px !important;
    align-items: center !important;
    min-height: 72px !important; height: auto !important; padding: 0 12px !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
  }
  /* burger: plain 3 lines, no disc */
  header .top_head .top_head_inr .burg_btn {
    grid-column: 1 !important; grid-row: 1 !important; order: 0 !important; margin: 0 !important; justify-self: start;
    width: 44px !important; height: 44px !important; border-radius: 0 !important;
    background: transparent !important; box-shadow: none !important;
  }
  header .top_head .top_head_inr .burg_btn span {
    width: 22px !important; height: 2px !important; background: #0E2444 !important; border-radius: 2px;
  }
  /* logo centered, Alpha logo height ~46px at 390 */
  header .top_head .top_head_inr .lft { grid-column: 2 !important; grid-row: 1 !important; order: 1 !important; display: flex !important; justify-content: center !important; margin: 0 !important; width: auto !important; }
  header .top_head .top_head_inr .lft li { list-style: none; margin: 0 !important; padding: 0 !important; }
  header .top_head .top_head_inr .lft img { width: auto !important; height: 40px !important; max-width: 180px !important; }
  /* search icon: show, plain */
  header .top_head .top_head_inr .srch_icn {
    grid-column: 3 !important; grid-row: 1 !important; order: 2 !important; display: flex !important; align-items: center; justify-content: center;
    width: 44px !important; height: 44px !important; margin: 0 !important; cursor: pointer;
  }
  header .top_head .top_head_inr .srch_icn img { width: 22px !important; height: 22px !important; filter: brightness(0) saturate(100%) invert(11%) sepia(38%) saturate(1500%) hue-rotate(190deg) brightness(95%); }
  /* cart: plain icon + count bubble, no black disc */
  header .top_head .top_head_inr .rgt { grid-column: 4 !important; grid-row: 1 !important; order: 3 !important; margin: 0 !important; width: auto !important; }
  header .top_head .top_head_inr .rgt ul { display: flex; justify-content: center; }
  header .top_head .top_head_inr .rgt ul li.crt_icn a {
    width: 44px !important; height: 44px !important; padding: 0 !important; background: transparent !important; position: relative;
  }
  header .top_head .top_head_inr .rgt ul li.crt_icn a svg { width: 26px !important; height: 26px !important; color: #0E2444 !important; }
  header .top_head .top_head_inr .rgt ul li.crt_icn a .nl-cart-count {
    position: absolute; top: 2px; right: 0; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px;
    background: #17C0E0; color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center;
  }
  /* search field: hidden until icon tap, then full-width drop-down row */
  header .top_head .top_head_inr .mid {
    display: none !important; grid-column: 1 / -1 !important; grid-row: 2 !important; order: 10 !important; margin: 0 !important; padding: 0 0 10px !important;
  }
  header.is-search-open .top_head .top_head_inr { height: auto !important; padding-top: 0 !important; }
  header.is-search-open .top_head .top_head_inr .mid { display: block !important; }
  header .top_head .top_head_inr .mid ul li.search { display: block !important; width: 100% !important; }
  header .top_head .top_head_inr .mid ul li.search > img { display: none !important; }
  header .top_head .top_head_inr .mid .dgwt-wcas-search-wrapp { max-width: 100% !important; }
  header .top_head .top_head_inr .mid .dgwt-wcas-search-input { height: 44px !important; font-size: 16px !important; }
  header.is-search-open .top_head .top_head_inr .mid { width: 100% !important; height: auto !important; }
  header.is-search-open .top_head .top_head_inr .mid .dgwt-wcas-search-wrapp, header.is-search-open .top_head .top_head_inr .mid .dgwt-wcas-search-form { width: 100% !important; }
}