@media (max-width: 768px) {

  .page-wrapper .page-header.type1 .header.content .header-contact-block {
        display: none !important;
    }

    /* ========== STICKY MOBILE HEADER - Fixed top row ========== */
  .page-header {
    position: relative !important;
    box-shadow: none !important;
  }

  .header.content .header-sections {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 11 !important;
    background: #fff !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    padding: 8px 15px !important;
  }

  /* Push content down so it doesn't hide behind fixed header */
  .header.content {
    padding-top: 55px !important;
  }

  .nav-sections-item-content .navigation ul {
    display: block !important;
    white-space: normal !important;
  }

  /* Main container - clip submenus */
  #store\.menu {
    position: relative !important;
    overflow: hidden !important;
  }

  .nav-sections-item-content .navigation > ul > li.level0 {
    display: block !important;
    width: 100% !important;
    float: none !important;
    border-bottom: 1px solid #eee !important;
    position: static !important;
  }

  .nav-sections-item-content .navigation > ul > li.level0 > a.level-top {
    display: block !important;
    padding: 15px 20px !important;
    font-size: 16px !important;
    color: #333 !important;
    text-decoration: none !important;
  }

  /* Hide CSS arrows — JS arrows use karega */
  .nav-sections-item-content .navigation > ul > li.level0 > a.level-top::after {
    display: none !important;
  }
  li.level1.parent > a::after {
    display: none !important;
  }

  .open-children-toggle {
    display: none !important;
  }

  /* All sliding panel items — recursive levels */
  [id^="rslide-"] li,
  [id^="rslide-"] .category-item {
    display: block !important;
    border-bottom: 1px solid #eee !important;
    position: relative !important;
    list-style: none !important;
  }

  [id^="rslide-"] li > a,
  [id^="rslide-"] .category-item > a {
    display: block !important;
    padding: 15px 20px !important;
    font-size: 15px !important;
    color: #333 !important;
    text-decoration: none !important;
  }

  /* Items with arrows — add padding right */
  [id^="rslide-"] li.recursive-init > a {
    padding-right: 50px !important;
  }

  /* Back button */
  .mobile-back-btn {
    display: block !important;
    padding: 15px 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    border-bottom: 2px solid #ddd !important;
    background: #f5f5f5 !important;
    color: #333 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Subchildmenu reset — remove default indentation */
  .subchildmenu {
    padding-left: 0px !important;
  }

  /* Switcher */
  ul.switcher-dropdown {
    position: fixed !important;
    top: 50px !important;
    left: -100% !important;
    width: 85% !important;
    height: calc(100vh - 50px) !important;
    background: #fff !important;
    z-index: 999999 !important;
    transition: left 0.3s ease !important;
    overflow-y: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    display: block !important;
    visibility: visible !important;
  }

  .switcher-options.active ul.switcher-dropdown {
    left: 0 !important;
  }

  ul.switcher-dropdown li {
    display: block !important;
    list-style: none !important;
  }

  ul.switcher-dropdown li.switcher-option a {
    display: block !important;
    padding: 15px 20px !important;
    border-bottom: 1px solid #eee !important;
    color: #333 !important;
    font-size: 16px !important;
    text-decoration: none !important;
  }

  ul.switcher-dropdown li.mobile-back-btn {
    min-height: 50px !important;
    line-height: 50px !important;
    padding: 0 20px !important;
  }

  .page-wrapper
    .page-header.type1
    .nav-sections
    .switcher
    .options
    .action.toggle.switcher-trigger
    > strong {
    background: none !important;
    border: 0px !important;
  }
  .nav-sections .switcher-trigger strong:after {
    rotate: -90deg !important;
  }
  .page-wrapper .page-header.type1 .nav-sections .switcher {
    border-bottom: 1px solid #e1e1e1 !important;
  }
}

/* ========== STORES SECTION ========== */
.mobile-stores-section {
  padding: 20px 15px !important;
  border-top: 1px solid #eee !important;
  background: #fff !important;
}

.mobile-stores-section .stores-heading {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #666 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 12px !important;
  padding: 0 5px !important;
}

.mobile-stores-section .stores-card {
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: hidden !important;
}

.mobile-stores-section .stores-card-inner {
  display: flex !important;
  align-items: flex-start !important;
  padding: 15px !important;
  gap: 12px !important;
}

.mobile-stores-section .stores-icon {
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
  margin-top: 2px !important;
}

.mobile-stores-section .stores-text {
  font-size: 14px !important;
  color: #666 !important;
  line-height: 1.4 !important;
}

.mobile-stores-section .stores-search-link {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 15px !important;
  font-size: 14px !important;
  color: #333 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  background: #f9f9f9 !important;
}

.mobile-stores-section .stores-search-link:hover,
.mobile-stores-section .stores-search-link:active {
  background: #f0f0f0 !important;
}


/* ========== STORE DETAILS (selected store) ========== */
.stores-detail-name {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 4px !important;
}

.stores-detail-address {
  font-size: 13px !important;
  color: #666 !important;
  line-height: 1.4 !important;
}

.stores-phone {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 15px !important;
  font-size: 14px !important;
  color: #333 !important;
  border-top: 1px solid #eee !important;
}

.stores-actions {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 10px 15px !important;
  border-top: 1px solid #eee !important;
  background: #f9f9f9 !important;
}

.stores-your-store {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: #e91e63 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

/* ========== STORE PANEL ITEMS ========== */
.store-panel-item {
  display: block !important;
  padding: 15px 20px !important;
  border-bottom: 1px solid #eee !important;
  text-decoration: none !important;
}

.store-item-name {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 4px !important;
}

.store-item-address {
  font-size: 13px !important;
  color: #666 !important;
  margin-bottom: 3px !important;
}

.store-item-phone {
  font-size: 13px !important;
  color: #666 !important;
}

.store-item-current {
  display: inline-block !important;
  margin-top: 6px !important;
  font-size: 12px !important;
  color: #e91e63 !important;
  font-weight: 500 !important;
}

/* Store bottom text */
.stores-bottom-text {
  font-size: 12px !important;
  color: #888 !important;
  line-height: 1.3 !important;
  padding-top: 10px !important;
}

/* ========== CLOSE BUTTON ========== */
#mobile-menu-close-btn {
    position: fixed !important;
    top: 0 !important;
    left: calc(99% - 50px) !important;
    z-index: 9999999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
    font-size: 38px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    /* background: #f5f5f5 !important; */
    /* border: 1px solid #eee !important; */
    border-radius: 50%;
}

#mobile-menu-close-btn:active {
    background: #e0e0e0 !important;
}

html.nav-open #mobile-menu-close-btn {
    display: flex !important;
}

@media (min-width: 769px) {
    #mobile-menu-close-btn {
        display: none !important;
    }
}

/* Desktop pe hide karo */
@media (min-width: 768px) {
  .mobile-stores-section {
    display: none !important;
  }
}

/**
 * Able.com.pg - Mobile Custom Styles
 * All mobile-specific design changes go here
 */

.mobile-feature-products {
  display: none;
}
.web-feature-products {
  display: block;
}
.web-feature-category {
  display: block;
}
.mobile-feature-category {
  display: none;
}

.mobile-header-icons {
  display: none;
  align-items: center;
  background: #1f5f5b;
  padding: 6px 4px;
  /* border-radius: 2px; */
}

.mobile-header-icons .header-icon {
  color: #fff;
  font-size: 18px;
  margin: 0 10px;
}
/* ============================================
   HEADER - Search Bar Always Open on Mobile
   ============================================ */
@media (max-width: 768px) {
  /* Hide the search toggle icon/label */
  .block-search .label[data-role="minisearch-label"],
  .block-search .label {
    display: none !important;
  }

  /* Show search form always visible */
  .block-search {
    width: 100% !important;
    margin: 0 !important;
    padding: 5px 0px !important;
    margin-top: 80px !important; /* Adjust as needed to position below header */
  }

  .block-search .block-content {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    height: auto !important;
  }

  .block-search .control {
    border-top: none !important;
    padding-left: 0px !important;
  }

  .block-search input#search {
    display: block !important;
    width: 100% !important;
    position: static !important;
    margin: 0 !important;
    left: auto !important;
    border-radius: 50px !important;
  }

  .block-search .action.search {
    display: none !important;
  }

  .block-search .control {
    position: relative;
  }

  .block-search .control {
    position: relative;
    margin: 0px !important;
    padding: 0px 15px !important;
  }

  .block-search .control:before {
    content: "\f002";
    font-family: "FontAwesome";
    position: absolute;
    left: 28px;
    top: 48%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #666;
  }

  .block-search input[type="text"] {
    padding-left: 35px !important;
  }

  .header-sections {
    background: #fff;
    /* background: #1f5f5b; */
    display: flow-root;
    padding-left: 6px;
  }

  .page-wrapper .page-header.type1 .header.content .header-logo .logo > img {
    margin-top: 6px !important;
  }
  .page-wrapper
    .page-header.type1
    .header.content
    .minicart-wrapper
    .action.showcart {
    display: none !important;
  }
  .mobile-header-icons {
    display: flex !important;
    position: absolute;
    right: -5px;
    top: 4px;
  }
  .header.content {
    background-color: #1f5f5b !important;
    padding: 0px !important;
  }

  .page-wrapper
    .page-header.type1
    .header.content
    .header-logo
    .action.nav-toggle {
    top: 18px !important;
    padding-left: 0px;
  }

  .page-wrapper .page-header.type1 .header.content .header-logo .logo {
    padding-left: 60px !important;
    /* vertical-align: top !important; */
  }

  /* .page-wrapper .page-header.type1 .header.content .header-logo {
    height: auto !important;
  } */

  .mobile-feature-products {
    display: block !important;
    padding-left: 15px;
    padding-right: 15px;
  }
  .mobile-feature-products .section-title {
    margin-bottom: 0px !important;
    margin-top: -16px;
  }

  .web-feature-products {
    display: none;
  }
  .web-feature-category {
    display: none;
  }
  .mobile-feature-category {
    display: block;
  }

  /* footer updates */
  .page-wrapper .page-footer .footer-wrapper.type1 .footer-top {
    display: none !important;
  }
  .page-wrapper
    .page-footer
    .footer-wrapper.type1
    .footer-columns
    .content-main
    .item:nth-child(1),
  .page-wrapper
    .page-footer
    .footer-wrapper.type1
    .footer-columns
    .content-main
    .item:nth-child(2) {
    display: none !important;
  }
  .page-wrapper
    .page-footer
    .footer-wrapper.type1
    .footer-columns
    .content-main
    .item:nth-child(3) {
    margin-top: -40px !important;
  }
  .hide-mobile-block {
    display: none !important;
  }

  /* Cart Icon Container */
  .header-icon.action {
    position: relative;
    display: inline-block;
  }

  /* Circle Badge */
  .header-icon.action .counter.qty {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #8ec44d; /* circle ka color */
    color: #ffffff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
  }

  .products-grid
    .product-items
    .product-li
    .product-item-info
    .pro-img
    > a
    > span.product-image-container
    .product-image-wrapper:has(> .defaultImg) {
    min-height: 200px !important;
  }

  /* Jab cart empty ho toh hide karo */
  .header-icon.action .counter.qty.empty {
    display: none;
  }
}

.page-header.type1 {
  position: sticky;
  top: 0;
  z-index: 100;
}