/* Mobile */
@media (max-width: 767px) {
  img.mobileLogoAuto {
    height: 50px !important;
    width: auto !important;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  img.mobileLogoAuto {
    height: 75px !important;
    width: auto !important;
  }
}




/* ===== MOBILE TABS: Single horizontal scrollable row ===== */
@media (max-width: 991px) {

  /* Make the tab bar a horizontal scrollable strip */
  .zptabelem-inner-container .zptabs-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 8px !important;
    padding-bottom: 4px;
    justify-content: flex-start !important;
  }

  /* Hide the scrollbar visually (Chrome/Safari) */
  .zptabelem-inner-container .zptabs-container::-webkit-scrollbar {
    display: none;
  }

  /* Prevent each tab from stretching to full width */
  .zptabelem-inner-container .zptabs-container > [data-element-type="tabheader"],
  .zptabelem-inner-container .zptabs-container .zptab {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: unset !important;
    white-space: nowrap !important;
  }

  /* Tab label text — keep on one line */
  .zptabelem-inner-container .zptabs-container .zptab-name {
    white-space: nowrap !important;
  }

  /* Remove borders forced by the previous rule set */
  .zptabelem-inner-container .zptabs-container .zpelement {
    border: none !important;
  }

  /* Border styling for specific category tabs */
  .zptabelem-inner-container .zptabs-container div.zpelement.zptab[data-tab-name^="Grocery staples"],
  .zptabelem-inner-container .zptabs-container div.zpelement.zptab[data-tab-name^="Home Care"],
  .zptabelem-inner-container .zptabs-container div.zpelement.zptab[data-tab-name^="Personal care"],
  .zptabelem-inner-container .zptabs-container div.zpelement.zptab[data-tab-name^="Seeds"] {
    border: 2px solid #666666 !important;
    border-radius: 6px !important;
    padding: 12px 10px !important;
  }

  /* Remove the "|" separator pseudo-element */
  .zptabelem-inner-container .zptabs-container [data-element-type="tabheader"]:before {
    content: none !important;
  }

  /* Hide tab content duplicates in tab bar */
  .zptabelem-inner-container .zptabs-content-container .zptab {
    display: none !important;
  }
  .zptabelem-inner-container .zptabs-content-container .zptab-name {
    display: none !important;
  }
  .zptabelem-inner-container .zptabs-content-container .zpelement {
    padding: 0px;
  }
}