.theme-product-details-style-06 .theme-product-detail-container .theme-custom-field-accordion {
  padding-block: 24px;
  border-block-end: 1px solid #D0D0D0;
  display:none;
}
/* =========================================================
   MOBILE + TABLET (up to 1024px) – HERO & CONTENT ROWS
   ========================================================= */
@media (max-width: 1024px) {
  /* ---------- HERO: IMAGE CONTAINER & CONTENT ---------- */

  /* Reduce huge desktop min-height on small screens */
  .hero-container,
  .hero-container .zphero.banner {
    min-height: 420px !important;
    height: auto !important;
  }

  /* Hero content wrapper */
  .zphero-slider-container.zshero-banner-style-15 {
    padding: 80px 16px 40px;
    text-align: center;
  }

  .zphero-slider-container.zshero-banner-style-15 .zpcontainer {
    padding: 0;
  }

  /* Hero heading */
  .zphero-slider-container.zshero-banner-style-15 h2.zpheading {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 12px;
  }

  /* Hero paragraph text */
  .zphero-slider-container.zshero-banner-style-15 .zptext p {
    font-size: 15px;
    line-height: 1.5;
  }

  /* Make hero background image behave better */
  .zphero .zpslider-img,
  .zphero.banner .zpslider-img {
    background-size: cover !important;
    background-position: center center !important;
  }

  /* ---------- GENERIC ROW WITH IMAGES ----------
     zprow zpalign-items-flex-start zpjustify-content-flex-start
     Used for "Offers", Samsung, December Offers, etc.
  ------------------------------------------------ */

  /* Stack columns vertically and keep them full width */
  .zprow.zpalign-items-center.zpjustify-content-center {
    display: flex;
    flex-direction: column !important;
    flex-wrap: nowrap;
    align-items: center !important;
    justify-content: center !important;
    row-gap: 24px;
  }

  .zprow.zpalign-items-center.zpjustify-content-center > [class*="zpcol"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* ---------- CARD / BOX SECTIONS ----------
     .zpelem-box.zpelement.zpbox-container.zsprofile-box.zpdefault-section.zpdefault-section-bg
     These are the "HBL December Offers", Samsung promo, "Special HBL Offers", etc.
  ------------------------------------------------ */

  .zpelem-box.zpelement.zpbox-container.zsprofile-box.zpdefault-section.zpdefault-section-bg {
    max-width: 520px;
    margin: 0 auto;
    padding: 24px 16px;
    box-sizing: border-box;
  }

  /* Center headings, text and buttons inside these boxes */
  .zpelem-box.zpelement.zpbox-container.zsprofile-box.zpdefault-section.zpdefault-section-bg .zpheading,
  .zpelem-box.zpelement.zpbox-container.zsprofile-box.zpdefault-section.zpdefault-section-bg .zpparagraph,
  .zpelem-box.zpelement.zpbox-container.zsprofile-box.zpdefault-section.zpdefault-section-bg .zs-button,
  .zpelem-box.zpelement.zpbox-container.zsprofile-box.zpdefault-section.zpdefault-section-bg .zpbtn {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  /* Make the media area a centered flexbox so images are nicely contained */
  .zpelem-box.zpelement.zpbox-container.zsprofile-box.zpdefault-section.zpdefault-section-bg .zpelem-media,
  .zpelem-box.zpelement.zpbox-container.zsprofile-box.zpdefault-section.zpdefault-section-bg .zpimage {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
  }

  /* Responsive images – no cropping, easy to see */
  .zpelem-box.zpelement.zpbox-container.zsprofile-box.zpdefault-section.zpdefault-section-bg .zpelem-media img,
  .zpelem-box.zpelement.zpbox-container.zsprofile-box.zpdefault-section.zpdefault-section-bg .zpimage img,
  .zpelem-box.zpelement.zpbox-container.zsprofile-box.zpdefault-section.zpdefault-section-bg img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    max-height: 260px;
    margin: 0 auto;
  }

  /* Optional: a bit of padding for any text blocks inside these rows */
  .zprow.zpalign-items-flex-start.zpjustify-content-flex-start .zpimage,
  .zprow.zpalign-items-flex-start.zpjustify-content-flex-start .zptext,
  .zprow.zpalign-items-flex-start.zpjustify-content-flex-start .zpcontent {
    padding: 0 12px;
  }
}

/* =========================================================
   TABLET-ONLY (768px–1024px) – SLIGHTLY LARGER TYPE & IMAGES
   ========================================================= */
@media (min-width: 768px) and (max-width: 1024px) {
  .zphero-slider-container.zshero-banner-style-15 {
    padding: 100px 32px 60px;
  }

  .zphero-slider-container.zshero-banner-style-15 h2.zpheading {
    font-size: 28px;
  }

  .zphero-slider-container.zshero-banner-style-15 .zptext p {
    font-size: 16px;
  }

  .zpelem-box.zpelement.zpbox-container.zsprofile-box.zpdefault-section.zpdefault-section-bg {
    max-width: 640px;
  }

  .zpelem-box.zpelement.zpbox-container.zsprofile-box.zpdefault-section.zpdefault-section-bg .zpelem-media img,
  .zpelem-box.zpelement.zpbox-container.zsprofile-box.zpdefault-section.zpdefault-section-bg .zpimage img,
  .zpelem-box.zpelement.zpbox-container.zsprofile-box.zpdefault-section.zpdefault-section-bg img {
    max-height: 340px;
  }
}

/* =========================================================
   MOBILE-ONLY (up to 767px) – HEADER BRANDING & FINE TUNING
   ========================================================= */
@media (max-width: 767px) {
  /* ---------- HEADER: SITE NAME & CAPTION ---------- */

  .theme-mobile-header-top .theme-branding-info {
    display: flex;
    align-items: center;
  }

  /* Hide logo + caption in mobile navigation bar */
  .theme-mobile-header-top .theme-logo-parent,
  .theme-mobile-header-top .theme-site-caption,
  .zpheader-style-02 .theme-logo-parent,
  .zpheader-style-02 .theme-site-caption {
    display: none !important;
  }

  /* Keep only site name visible on mobile */
  .theme-mobile-header-top .theme-site-name-caption {
    max-width: 100%;
    display: flex;
    flex-direction: column;
  }

  .theme-mobile-header-top .theme-site-name {
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
    white-space: normal;
    word-break: break-word;
  }

  /* If the main (desktop) header appears on mobile, keep it compact too */
  .zpheader-style-02 .theme-branding-info {
    max-width: 70%;
  }

  .zpheader-style-02 .theme-site-name {
    font-size: 13px;
    line-height: 1.2;
    white-space: normal;
    word-break: break-word;
  }

  /* Slightly smaller hero text on small phones */
  .zphero-slider-container.zshero-banner-style-15 h2.zpheading {
    font-size: 22px;
  }

  .zphero-slider-container.zshero-banner-style-15 .zptext p {
    font-size: 14px;
  }
}

/* ===============================
   HBL FOOTER – BASE STYLING
   =============================== */
[data-element-id="elm_W0Lx22z5RpWd7ka_6QuFUQ"].zpsection {
  background-color: #212121;
  color: #ccc;
  padding-block-start: 80px;
  padding-block-end: 24px;
  padding-inline: 100px;
  box-sizing: border-box;
}

[data-element-id="elm_W0Lx22z5RpWd7ka_6QuFUQ"].zpsection a {
  color: #ccc;
  text-decoration: none;
}

[data-element-id="elm_W0Lx22z5RpWd7ka_6QuFUQ"].zpsection a:hover {
  color: #ffffff;
}

[data-element-id="elm_W0Lx22z5RpWd7ka_6QuFUQ"].zpsection .zpheading {
  color: #f5f5f5;
}

/* Main footer row (desktop default) */
[data-element-id="elm_x6-rATmjR6iHcPAsZCITFQ"].zprow {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 40px;
}

/* Brand logo + text */
[data-element-id="elm_2OwPeNrVut54TgXaePsrXA"] .zpimageheadingtext-container {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

[data-element-id="elm_2OwPeNrVut54TgXaePsrXA"] .zpimageheadingtext-container figure {
  margin: 0;
}

[data-element-id="elm_2OwPeNrVut54TgXaePsrXA"] .zpimage-heading,
[data-element-id="elm_2OwPeNrVut54TgXaePsrXA"] .zpimage-text {
  margin: 0;
}

/* Newsletter – shared */
[data-element-id="elm_zmeDCPiMTHO-MGSZhJRa7w"].zpelem-newsletter {
  max-width: 480px;
  margin-top: 24px;
  margin-bottom: 32px;
}

[data-element-id="elm_zmeDCPiMTHO-MGSZhJRa7w"].zpelem-newsletter .zpheading {
  text-align: left;
  margin-bottom: 16px;
}

/* Desktop + tablet: inline input + button */
[data-element-id="elm_zmeDCPiMTHO-MGSZhJRa7w"].zpelem-newsletter .zpform-container {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
}

[data-element-id="elm_zmeDCPiMTHO-MGSZhJRa7w"].zpelem-newsletter input[type="text"] {
  flex: 1 1 auto;
  min-width: 0;
}

[data-element-id="elm_zmeDCPiMTHO-MGSZhJRa7w"].zpelem-newsletter .zpbutton {
  flex: 0 0 auto;
  white-space: nowrap;
}

/* ===============================
   TABLET (768px – 1024px)
   =============================== */
@media (min-width: 768px) and (max-width: 1024px) {
  [data-element-id="elm_W0Lx22z5RpWd7ka_6QuFUQ"].zpsection {
    padding-block-start: 60px;
    padding-block-end: 24px;
    padding-inline: 40px;
  }

  /* Override generic zprow rules for this footer row */
  [data-element-id="elm_x6-rATmjR6iHcPAsZCITFQ"].zprow {
    flex-direction: row !important;
    flex-wrap: wrap;
    row-gap: 32px;
  }

  /* First column (logo + newsletter) full width */
  [data-element-id="elm_ig8L71fjS0qL5MzGhE3iXQ"].zpelem-col {
    flex: 0 0 100%;
    max-width: 100%;
    padding-inline: 0;
  }

  /* Other columns – three per row */
  [data-element-id="elm_9eI25neQQsKkwPGGKG220w"].zpelem-col,
  [data-element-id="elm_IOto4TAzQFCmrRygHlc11A"].zpelem-col,
  [data-element-id="elm_S90hhynOTS2hJFznUnJRUw"].zpelem-col {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    padding-inline-start: 16px;
    padding-inline-end: 0;
  }

  [data-element-id="elm_2OwPeNrVut54TgXaePsrXA"] .zpimageheadingtext-container {
    align-items: center;
  }

  [data-element-id="elm_zmeDCPiMTHO-MGSZhJRa7w"].zpelem-newsletter {
    max-width: 560px;
  }
}

/* ===============================
   MOBILE (≤ 767px)
   =============================== */
@media (max-width: 767px) {
  [data-element-id="elm_W0Lx22z5RpWd7ka_6QuFUQ"].zpsection {
    padding-block-start: 40px;
    padding-block-end: 24px;
    padding-inline: 16px;
  }

  /* Stack all footer columns */
  [data-element-id="elm_x6-rATmjR6iHcPAsZCITFQ"].zprow {
    display: flex;
    flex-direction: column !important;
    align-items: stretch;
    row-gap: 32px;
  }

  [data-element-id="elm_ig8L71fjS0qL5MzGhE3iXQ"].zpelem-col,
  [data-element-id="elm_9eI25neQQsKkwPGGKG220w"].zpelem-col,
  [data-element-id="elm_IOto4TAzQFCmrRygHlc11A"].zpelem-col,
  [data-element-id="elm_S90hhynOTS2hJFznUnJRUw"].zpelem-col {
    max-width: 100%;
    padding-inline-start: 0;
    padding-inline-end: 0;
  }

  /* Brand block centered */
  [data-element-id="elm_2OwPeNrVut54TgXaePsrXA"] .zpimageheadingtext-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  [data-element-id="elm_2OwPeNrVut54TgXaePsrXA"] .zpimageheadingtext-container figure {
    margin: 0 0 16px;
  }

  [data-element-id="elm_2OwPeNrVut54TgXaePsrXA"] .zpimageheadingtext-container figure img {
    width: 80px;
    height: auto;
  }

  [data-element-id="elm_2OwPeNrVut54TgXaePsrXA"] .zpimage-heading,
  [data-element-id="elm_2OwPeNrVut54TgXaePsrXA"] .zpimage-text {
    text-align: center;
  }

  /* Newsletter stacked full width */
  [data-element-id="elm_zmeDCPiMTHO-MGSZhJRa7w"].zpelem-newsletter {
    max-width: 100%;
    padding: 0;
    margin-top: 24px;
    margin-bottom: 32px;
  }

  [data-element-id="elm_zmeDCPiMTHO-MGSZhJRa7w"].zpelem-newsletter .zpheading {
    text-align: center;
    font-size: 16px;
  }

  [data-element-id="elm_zmeDCPiMTHO-MGSZhJRa7w"].zpelem-newsletter .zpform-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  [data-element-id="elm_zmeDCPiMTHO-MGSZhJRa7w"].zpelem-newsletter input[type="text"],
  [data-element-id="elm_zmeDCPiMTHO-MGSZhJRa7w"].zpelem-newsletter .zpbutton {
    width: 100%;
    max-width: 100%;
    border-radius: 24px !important;
  }

  /* Section headings spacing */
  [data-element-id="elm_9eI25neQQsKkwPGGKG220w"].zpelem-col .zpelem-heading,
  [data-element-id="elm_IOto4TAzQFCmrRygHlc11A"].zpelem-col .zpelem-heading,
  [data-element-id="elm_S90hhynOTS2hJFznUnJRUw"].zpelem-col .zpelem-heading {
    margin-bottom: 8px;
  }

  /* Links spacing */
  [data-element-id="elm_9eI25neQQsKkwPGGKG220w"].zpelem-col .zpelem-text,
  [data-element-id="elm_IOto4TAzQFCmrRygHlc11A"].zpelem-col .zpelem-text,
  [data-element-id="elm_S90hhynOTS2hJFznUnJRUw"].zpelem-col .zpelem-text {
    margin-top: 8px !important;
  }

  /* "Follow us" row */
  [data-element-id="elm_4N2iFfgYQHa7WWjIdzkCSw"].zprow {
    padding-block-start: 24px;
    padding-block-end: 24px;
  }

  [data-element-id="elm_kQvFVTfsTOigKOvm_YIy5Q"].zpelem-col,
  [data-element-id="elm__KH-oLhyR_CwH_HGdvqWVA"].zpelem-col {
    max-width: 100%;
  }

  [data-element-id="elm_Aij8_5O_RBqEOn4A4GDaow"].zpelem-text .zptext {
    text-align: center;
  }

  [data-element-id="elm_zDT9e2B9QqGdJLeTMGt8wQ"].zpelem-socialprofile .zpsocialprofile-container {
    display: flex;
    justify-content: center;
    column-gap: 16px;
  }
}

/* Footer logo – responsive for tablet & mobile */

/* Tablet: 768px–991px */
@media (min-width: 768px) and (max-width: 991px) {
  [data-element-id="elm_2OwPeNrVut54TgXaePsrXA"] .zpimageheadingtext-container {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  [data-element-id="elm_2OwPeNrVut54TgXaePsrXA"] .zpimageheadingtext-container figure img {
    width: 110px;
    height: auto;
    max-width: 100%;
    display: block;
  }
}

/* Mobile: up to 767px */
@media (max-width: 767px) {
  [data-element-id="elm_2OwPeNrVut54TgXaePsrXA"] .zpimageheadingtext-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
  }

  [data-element-id="elm_2OwPeNrVut54TgXaePsrXA"] .zpimageheadingtext-container figure img {
    width: 90px;
    height: auto;
    max-width: 100%;
    display: block;
  }

  [data-element-id="elm_2OwPeNrVut54TgXaePsrXA"] .zpimage-heading {
    font-size: 14px;
    line-height: 1.3;
  }

  [data-element-id="elm_2OwPeNrVut54TgXaePsrXA"] .zpimage-text span {
    font-size: 13px;
    line-height: 1.4;
  }
}

@media (min-width: 992px) {
    .theme-filters-container {
        width: 25%;
        background: rgba(241, 241, 241, 0.5);
        padding: 24px;
        border-radius: 16px;
        border: 1px solid #D0D0D0;
      	height: 80vh;
  			overflow-y: scroll;
    }
}