﻿/* GenzyBrains Store logo sizing */
.progress-wrap {
  display: none !important;
}

/* Admin-managed product catalog presentation. */
.all-product .product-item.catalog-card-flat{box-shadow:none!important;transform:none!important}.all-product .catalog-card-stats{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.all-product .catalog-actions-only{justify-content:center!important}.all-product .catalog-card-actions{width:100%}.all-product .catalog-empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px;border:1px dashed rgba(33,150,243,.35);border-radius:12px;text-align:center;background:#f7fbff}.all-product .catalog-empty>i{color:hsl(var(--main));font-size:48px}.all-product .catalog-empty h3{margin:13px 0 5px}.all-product .catalog-empty p{max-width:520px;margin:0 0 18px;color:#627d98}.all-product .filter-form[hidden],.all-product #pills-tab[hidden],.all-product .filter-tab__button[hidden],.all-product .list-grid[hidden]{display:none!important}

.whatsapp-float {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 10010;
  min-height: 54px;
  padding: 10px 18px 10px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 999px;
  background: #25d366;
  color: #fff !important;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  box-shadow: 0 10px 28px rgba(15, 94, 47, .28);
  transition: transform .2s ease, box-shadow .2s ease;
}

.whatsapp-float:hover {
  color: #fff !important;
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(15, 94, 47, .36);
}

.whatsapp-float i {
  font-size: 30px;
  line-height: 1;
}

.whatsapp-float__label {
  white-space: nowrap;
}

@media (max-width: 767px) {
  .whatsapp-float {
    right: 16px;
    bottom: calc(78px + env(safe-area-inset-bottom));
    width: 54px;
    height: 54px;
    min-height: 54px;
    padding: 0;
  }

  .whatsapp-float__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

img[src*="genzybrains-logo.png"] {
  object-fit: contain !important;
}

.logo img[src*="genzybrains-logo.png"] {
  width: 54px !important;
  height: 54px !important;
  max-width: 54px !important;
}

.logo,
.mobile-menu__logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
}

.logo::after,
.mobile-menu__logo::after {
  content: "GenzyBrains Store";
  color: hsl(var(--heading-color));
  font-family: var(--heading-font);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.15;
}

.header[data-theme=light] .logo::after,
[data-theme=light] .header .logo::after,
[data-theme=light] .mobile-menu__logo::after {
  color: #e3f2fd;
}

.mobile-menu__logo img[src*="genzybrains-logo.png"] {
  width: 50px !important;
  height: 50px !important;
  max-width: 50px !important;
}

.footer-widget__logo img[src*="genzybrains-logo.png"] {
  width: 62px !important;
  height: 62px !important;
  max-width: 62px !important;
}

.account-thumb img[src*="genzybrains-logo.png"] {
  width: 64px !important;
  height: 64px !important;
  max-width: 64px !important;
}

.sidebar__brand img[src*="genzybrains-logo.png"] {
  width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
}

@media (max-width: 575px) {
  .logo img[src*="genzybrains-logo.png"] {
    width: 46px !important;
    height: 46px !important;
  }

  .logo,
  .mobile-menu__logo {
    gap: 7px !important;
  }

  .logo::after,
  .mobile-menu__logo::after {
    max-width: 112px;
    white-space: normal;
    font-size: 14px;
    line-height: 1.05;
  }
}

/* Product sidebar checkout actions */
.product-sidebar > button.btn,
.product-sidebar > .static-buy-now,
.product-sidebar > [data-buy-now] {
  width: 100% !important;
  min-height: 46px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 10px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.product-sidebar > button.btn img,
.product-sidebar > .static-buy-now i,
.product-sidebar > [data-buy-now] i {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 18px !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.product-sidebar > .static-buy-now,
.product-sidebar > [data-buy-now] {
  margin-top: 10px !important;
}

/* Product media uses a consistent square catalog format. */
.product-item__thumb,
.product-item__thumb > a,
.product-details__thumb {
  aspect-ratio: 1 / 1 !important;
  max-height: none !important;
}

.product-item__thumb > a {
  display: block !important;
  overflow: hidden !important;
}

.product-item__thumb img,
.product-details__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.popular-item__icon i {
  font-size: 46px;
  line-height: 1;
  color: hsl(var(--main));
}

.popular-item__icon img {
  width: 52px !important;
  height: 52px !important;
  object-fit: contain !important;
}

.filter-sidebar-list__text.active {
  color: hsl(var(--main)) !important;
  font-weight: 700 !important;
}

.mobile-app-nav { display: none; }

/* Store product cards: keep the customer-facing information focused. */
.product-item__title,
.product-item__title .link {
  width: 100%;
  text-align: center !important;
}

.product-item__info {
  width: 100%;
  justify-content: center !important;
  text-align: center;
}

.product-item__info > .flx-align,
.product-item__price,
.product-item__prevPrice {
  justify-content: center;
  text-align: center !important;
}

.product-item {
  border: 1px solid rgba(31, 72, 115, .10);
  box-shadow: 0 8px 22px rgba(26, 60, 96, .13), 0 2px 5px rgba(26, 60, 96, .07) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.product-item:hover {
  transform: translateY(-5px);
  border-color: rgba(28, 139, 230, .24);
  box-shadow: 0 16px 34px rgba(26, 60, 96, .19), 0 5px 12px rgba(26, 60, 96, .10) !important;
}

.product-item__pricing {
  width: 100%;
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 9px !important;
  flex-wrap: wrap;
}

.product-item__price {
  color: hsl(var(--main)) !important;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.product-item__prevPrice {
  color: #7c8996 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2;
  text-decoration-thickness: 1.5px !important;
  text-decoration-color: #d2445c !important;
}

.product-item .catalog-actions-only {
  width: 100%;
  justify-content: center !important;
}

.product-item .catalog-card-actions {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px !important;
}

.product-item .catalog-card-actions .btn {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 8px 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  white-space: normal;
  text-align: center;
  font-size: 12px;
  line-height: 1.15;
}

.product-item .catalog-card-actions [data-buy-now] {
  font-weight: 800;
}

@media (max-width: 420px) {
  .product-item .catalog-card-actions { grid-template-columns: 1fr; }
  .product-item .catalog-card-actions .btn { min-height: 44px; font-size: 13px; }
}

@media (max-width: 767px) {
  .product-item {
    box-shadow: 0 7px 18px rgba(26, 60, 96, .14), 0 2px 4px rgba(26, 60, 96, .07) !important;
  }

  .product-item:hover {
    transform: none;
  }

  .product-item__price {
    font-size: 19px;
  }
}

.product-item__bottom > .catalog-card-stats {
  display: none !important;
}

.product-item__bottom {
  width: 100%;
  justify-content: center !important;
}

.product-item__bottom > .d-flex:last-child {
  justify-content: center !important;
}

/* Payment-logo strip removed site-wide. */
.payment-logo-slider,
.brand:has(.payment-logo-slider) {
  display: none !important;
}

/* Compact Popular Categories when the catalog has only one category. */
.popular .section-heading.style-left,
.popular .section-heading.style-left .section-heading__title {
  width: 100%;
  max-width: none !important;
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
}

.popular.popular--single {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.popular.popular--single .section-heading {
  margin-bottom: 32px !important;
  text-align: center !important;
}

.popular-slider--single {
  display: flex !important;
  width: 100%;
  margin: 0 !important;
  justify-content: center;
}

.popular-slider--single > [class*="col-"] {
  flex: 0 0 220px;
  width: 220px;
  max-width: 220px;
  padding: 0;
}

.popular.popular--single .popular__button {
  margin-top: 28px;
}

@media (max-width: 767px) {
  .popular.popular--single {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }

  .popular-slider--single > [class*="col-"] {
    flex-basis: min(220px, 100%);
    width: min(220px, 100%);
    max-width: 100%;
  }

  .header .header-right > .cart-btn {
    display: none !important;
  }
}

/* Mobile navigation drawer. */
@media (max-width: 991px) {
  .mobile-menu {
    top: 0;
    left: 0;
    width: min(88vw, 340px) !important;
    max-width: 340px;
    height: 100dvh;
    padding: 24px 20px 88px !important;
    transform: translateX(-100%);
    overflow-x: hidden;
  }

  .mobile-menu.active {
    display: block !important;
    transform: translateX(0) !important;
  }

  .mobile-menu__inner,
  .mobile-menu__menu {
    width: 100%;
  }

  .mobile-menu__logo {
    margin: 0 36px 24px 0;
  }

  .mobile-menu .close-button {
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    z-index: 2;
  }

  .nav-menu.nav-menu--mobile {
    width: 100%;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  .nav-menu--mobile .nav-menu__item {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    border-bottom: 1px solid var(--gray-200, #e6e8ec);
  }

  .nav-menu--mobile .nav-menu__link {
    width: 100%;
    min-height: 48px;
    padding: 12px 2px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
  }

  .nav-menu--mobile .nav-submenu {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 10px 14px !important;
    display: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .nav-menu--mobile .has-submenu.active > .nav-submenu {
    display: block !important;
  }

  .nav-menu--mobile .nav-submenu__item {
    display: block !important;
    width: 100%;
  }

  .nav-menu--mobile .nav-submenu__link {
    display: block !important;
    width: 100%;
    padding: 10px 0 !important;
  }

  .mobile-menu .header-right__inner {
    width: 100%;
    margin-top: 24px !important;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 12px !important;
  }

  .mobile-menu .header-right__inner > .btn,
  .mobile-menu .language-select {
    width: 100%;
    min-height: 48px;
    justify-content: center;
  }
}

/* Single-owner storefront: vendor-only surfaces are not part of the store. */
.product-item__author,
.top-author,
.seller {
  display: none !important;
}

/* Single-owner product pages: remove marketplace/vendor-only information. */
.breadcrumb-two .breadcrumb-content,
.breadcrumb .breadcrumb-tab,
.product-details .author-details,
.product-details .meta-attribute,
.product-details #pills-rating,
.product-details #pills-comments {
  display: none !important;
}

.product-sidebar__summary {
  margin: 18px 0;
  padding: 16px 0;
  border-top: 1px solid var(--border-color, #dfe5eb);
  border-bottom: 1px solid var(--border-color, #dfe5eb);
}
.product-sidebar__short-description { margin: 0 0 14px; color: var(--body-color); font-size: 14px; line-height: 1.65; }
.product-sidebar__pricing { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.product-sidebar__pricing span { min-width: 0; padding: 10px; background: var(--white, #fff); border: 1px solid var(--border-color, #dfe5eb); border-radius: 6px; }
.product-sidebar__pricing small { display: block; margin-bottom: 3px; color: var(--body-color); font-size: 11px; }
.product-sidebar__pricing strong { display: block; color: var(--heading-color); font-size: 16px; overflow-wrap: anywhere; }
.product-sidebar__pricing > b { grid-column: 1 / -1; color: #16803c; font-size: 13px; }

.hero {
  padding-bottom: 0 !important;
  overflow: hidden;
}
.hero .container-two,
.hero .row,
.hero .row > [class*="col-"] {
  align-self: stretch;
}
.hero .hero-thumb {
  width: min(100%, 650px);
  min-height: 590px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  place-items: end center;
  overflow: visible;
}
.hero .hero-thumb > .hero-consultant-image {
  position: relative;
  z-index: 1;
  display: block;
  width: min(112%, 650px);
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 20px 28px rgba(18, 50, 84, .16));
}
.hero .hero-thumb .statistics {
  z-index: 4;
  top: auto;
  left: 0;
  bottom: 22%;
}
.hero .hero-thumb .statistics.style-two {
  z-index: 4;
  top: 10%;
  right: 0;
  bottom: auto;
  left: auto;
}
.hero .hero-thumb .dotted-img,
.hero .hero-thumb > .element { z-index: 0; }

@media (max-width: 991px) {
  .hero { padding: 56px 0 0 !important; }
  .hero .row { --bs-gutter-y: 20px; }
  .hero .hero-inner {
    padding-right: 0 !important;
    text-align: center;
  }
  .hero .hero-inner__title,
  .hero .hero-inner__desc {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .hero .hero-inner > div > .position-relative {
    width: min(100%, 580px);
    margin-left: auto;
    margin-right: auto;
  }
  .hero .search-box { margin-left: auto; margin-right: auto; }
  .hero .auto-suggestion-list { text-align: left; }
  .hero .hero-thumb {
    width: min(100%, 560px);
    min-height: 0;
    margin: 4px auto 0;
    transform: none !important;
  }
  .hero .hero-thumb > .hero-consultant-image { width: min(108%, 540px); }
  .hero .hero-thumb .statistics { left: 1%; bottom: 19%; }
  .hero .hero-thumb .statistics.style-two { top: 9%; right: 1%; }
}

@media (max-width: 575px) {
  .hero { padding-top: 42px !important; }
  .hero .hero-inner__title { max-width: 330px; font-size: 32px !important; }
  .hero .hero-inner__desc { max-width: 345px; margin-bottom: 22px !important; }
  .hero .search-box { width: 100%; }
  .hero .hero-thumb { width: min(96vw, 430px); margin-top: 0; }
  .hero .hero-thumb > .hero-consultant-image { width: min(108%, 430px); }
  .hero .hero-thumb .statistics {
    min-width: 88px;
    padding: 20px 10px;
    border-radius: 10px;
    animation: none !important;
    transform: none !important;
    left: 0;
    bottom: 16%;
  }
  .hero .hero-thumb .statistics.style-two { top: 7%; right: 0; bottom: auto; left: auto; }
  .hero .hero-thumb .statistics__amount { font-size: 20px; }
  .hero .hero-thumb .statistics__text { font-size: 11px !important; line-height: 1.25; }
}

@media (max-width: 767px) {
  html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
  img { max-width: 100%; }
  html { scroll-padding-bottom: 88px; }
  body { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
  button, .btn, select, input:not([type="checkbox"]):not([type="radio"]), textarea { min-height: 44px; }
  .container, .container-two { padding-left: 14px !important; padding-right: 14px !important; }
  .padding-y-120 { padding-top: 52px !important; padding-bottom: 52px !important; }
  .section-heading { margin-bottom: 28px !important; }
  .section-heading__title { font-size: 24px !important; line-height: 1.25 !important; }
  .hero-inner__title { font-size: 34px !important; line-height: 1.15 !important; }
  .hero-inner__desc { font-size: 15px !important; line-height: 1.6 !important; }
  .header .logo img[src*="genzybrains-logo.png"] { width: 42px !important; height: 42px !important; }
  .header { min-height: 66px; }
  .product-item__content { padding: 14px !important; }
  .product-item { height: 100%; display: flex; flex-direction: column; }
  .product-item__content { flex: 1; display: flex; flex-direction: column; }
  .product-item__title { min-height: 44px; }
  .product-item__bottom { margin-top: auto; display: block !important; }
  .product-item__bottom > div:first-child { margin-bottom: 12px; }
  .product-item__bottom > .d-flex:last-child { width: 100%; display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8px !important; }
  .product-item__bottom .btn { width: 100% !important; min-width: 0 !important; min-height: 44px !important; padding: 8px 7px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; white-space: normal !important; text-align: center !important; font-size: 12px !important; line-height: 1.15 !important; }
  .product-item__bottom .btn i { flex: 0 0 auto; font-size: 16px; }
  .list-grid-wrapper > [class*="col-"] { display: flex; }
  .common-tab { width: 100%; overflow-x: auto; flex-wrap: nowrap !important; padding-bottom: 5px; scrollbar-width: none; }
  .common-tab::-webkit-scrollbar { display: none; }
  .common-tab .nav-link { white-space: nowrap; min-height: 40px; padding: 8px 13px; }
  .filter-tab { padding: 12px !important; }
  .filter-form .row { row-gap: 14px; }
  .filter-sidebar { padding-bottom: calc(90px + env(safe-area-inset-bottom)); }
  .popular-item { min-height: 150px; padding: 18px 10px !important; }
  .popular-item__title { font-size: 14px !important; overflow-wrap: anywhere; }
  footer.footer-section { padding: 34px 0 24px !important; }
  footer.footer-section .row > div:not(:first-child) { display: none !important; }
  footer.footer-section .row > div:first-child { width: 100%; text-align: center; }
  footer.footer-section .footer-widget__logo { display: flex; justify-content: center; }
  footer.footer-section .footer-widget__desc { max-width: 330px; margin-left: auto; margin-right: auto; }
  footer.footer-section .social-icon-list { justify-content: center; }
  .bottom-footer { margin-bottom: 0; }
  .bottom-footer__inner { padding: 16px 0 !important; display: flex !important; flex-direction: column; align-items: center !important; text-align: center; }
  .footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 14px; }
  .mobile-app-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10020;
    min-height: calc(64px + env(safe-area-inset-bottom));
    padding: 7px max(8px, env(safe-area-inset-left)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-right));
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    background: rgba(255,255,255,.97);
    border-top: 1px solid #d9e6f2;
    box-shadow: 0 -8px 24px rgba(16,42,67,.10);
    backdrop-filter: blur(14px);
  }
  [data-theme="dark"] .mobile-app-nav,
  .mobile-app-nav { background: rgba(255,255,255,.98) !important; border-top-color: #d9e6f2 !important; }
  [data-theme="dark"] .mobile-app-nav > a,
  .mobile-app-nav > a { min-width: 0; min-height: 54px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #526579 !important; text-decoration: none; }
  .mobile-app-nav > a > span { position: relative; width: 32px; height: 27px; display: grid; place-items: center; border-radius: 6px; }
  .mobile-app-nav i { font-size: 23px; line-height: 1; }
  .mobile-app-nav small { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 10px; line-height: 1.1; }
  [data-theme="dark"] .mobile-app-nav a.active,
  .mobile-app-nav a.active { color: #0d47a1 !important; font-weight: 700; }
  [data-theme="dark"] .mobile-app-nav a.active > span,
  .mobile-app-nav a.active > span { background: #e3f2fd !important; }
  .selling-product-slider .slick-arrow { display: none !important; }
  .selling-product-slider .slick-list { margin: 0 !important; overflow: hidden !important; }
  .selling-product-slider .slick-slide { padding: 0 4px !important; }
  .selling-product-slider .product-item__thumb { background: #eef1f4 !important; }
  .selling-product-slider .product-item__thumb img { object-fit: contain !important; padding: 8% !important; transform: none !important; }
  .selling-product-slider .slick-dots { margin-top: 18px !important; }
  .selling-product-slider .slick-dots li button { min-height: 12px !important; }
  .top-author { overflow: hidden; }
  .mobile-app-nav b { position: absolute; top: -5px; right: -7px; min-width: 17px; height: 17px; padding: 0 4px; display: grid; place-items: center; border-radius: 9px; background: #d9364f; color: #fff; font-size: 9px; line-height: 1; }
}

@media (max-width: 420px) {
  .admin-flash-sale { padding: 9px 38px 9px 8px !important; }
  .admin-flash-sale__inner { display: grid !important; grid-template-columns: minmax(0,1fr) auto; gap: 8px 10px !important; }
  .admin-flash-sale__offer { grid-column: 1 / -1; width: 100%; min-width: 0; justify-content: center; gap: 6px !important; text-align: center; }
  .admin-flash-sale__offer span { min-width: 0; overflow-wrap: anywhere; }
  .admin-flash-sale__timer { order: initial !important; gap: 3px !important; }
  .admin-flash-sale__timer > div { width: 31px !important; }
  .admin-flash-sale__timer strong { font-size: 17px !important; }
  .admin-flash-sale__timer span { font-size: 8px !important; }
  .admin-flash-sale__timer b { font-size: 15px !important; }
  .admin-flash-sale__button { order: initial !important; min-height: 34px !important; padding: 6px 10px !important; font-size: 11px; white-space: nowrap; }
  .product-item__bottom > .d-flex:last-child { grid-template-columns: 1fr; }
}

/* Mobile viewport containment -------------------------------------------------
   Keep the storefront canvas anchored to the viewport. This also prevents
   carousel tracks and oversized decorative media from creating a horizontally
   scrollable page that leaves the content and fixed app navigation off-screen.
---------------------------------------------------------------------------- */
@media (max-width: 767px) {
  html {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  body {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow-x: clip !important;
  }

  body > main.change-gradient {
    position: relative;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    overflow-x: clip;
  }

  main.change-gradient > section,
  main.change-gradient > header,
  main.change-gradient > footer,
  main.change-gradient > .bottom-footer {
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .container,
  .container-fluid,
  .container-full,
  .container-two,
  .container-three {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }

  .row > [class*="col-"] {
    min-width: 0;
  }

  .hero .row > [class*="col-"] {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }

  .hero .hero-inner,
  .hero .hero-inner > div,
  .hero .hero-inner > div > .position-relative {
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero .hero-thumb {
    width: 100% !important;
    max-width: 430px;
  }

  .popular-slider,
  .selling-product-slider,
  .slick-slider,
  .slick-list {
    width: 100% !important;
    max-width: 100% !important;
  }

  .popular-slider .slick-list,
  .selling-product-slider .slick-list {
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
  }

  .slick-slide,
  .slick-slide > div {
    min-width: 0;
    box-sizing: border-box;
  }

  .popular-slider .slick-arrow,
  .selling-product-slider .slick-arrow {
    display: none !important;
  }

  .mobile-app-nav {
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box;
  }
}

@media (max-width: 767px) {
  .arrival-product .tab-pane > .row > [class*="col-"],
  .featured-product .row > [class*="col-"],
  .top-author .card-wrapper > [class*="col-"],
  .blog .row > [class*="col-"] {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }

  .arrival-product .product-item,
  .featured-product .product-item,
  .top-author .product-item,
  .blog .post-item {
    width: 100%;
    max-width: 100%;
  }

  .product-item__thumb,
  .selling-product-slider .product-item__thumb {
    width: calc(100% - 16px) !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 8px !important;
    aspect-ratio: 1 / 1 !important;
    background: #eef3f7 !important;
  }

  .product-item__thumb > a {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1 !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .product-item__thumb img,
  .selling-product-slider .product-item__thumb img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    padding: 0 !important;
    object-fit: cover !important;
    transform: none !important;
  }

  .post-item__thumb {
    width: 100%;
    height: 220px;
    max-height: 220px;
  }

  .post-item__thumb a,
  .post-item__thumb img {
    display: block;
    width: 100%;
    height: 100%;
  }

  .post-item__thumb img {
    object-fit: cover;
    transform: none !important;
  }

  .popular-item {
    min-height: 132px;
    padding: 14px 8px !important;
  }

  .popular-item__icon {
    width: 64px;
    height: 64px;
  }

  .popular-item__title {
    margin-top: 14px;
  }

  .hero .hero-thumb {
    max-height: 420px;
  }

  .hero .hero-thumb > .hero-consultant-image {
    max-height: 420px;
    aspect-ratio: auto;
  }

  .hero .hero-thumb .statistics {
    width: 100px;
    min-width: 100px;
    padding: 14px 8px;
  }

  .hero .hero-thumb .statistics__amount,
  .hero .hero-thumb .statistics__text {
    display: block;
    width: 100%;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
  }

  /* Equal mobile product cards on home and catalog pages. */
  .list-grid-wrapper {
    align-items: stretch;
  }

  .list-grid-wrapper > [class*="col-"],
  .arrival-product .tab-pane > .row > [class*="col-"],
  .featured-product .card-wrapper > [class*="col-"],
  .top-author .card-wrapper > [class*="col-"] {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
  }

  .list-grid-wrapper .product-item,
  .arrival-product .product-item,
  .featured-product .product-item,
  .top-author .product-item,
  .selling-product-slider .product-item {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .product-item__title {
    min-height: 48px !important;
    margin-bottom: 12px;
  }

  .product-item__title .link {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .product-item__info {
    min-height: 30px;
  }

  .product-item__bottom {
    width: 100%;
    margin-top: auto !important;
    text-align: center;
  }

  .product-item__bottom > div:first-child {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .product-item__bottom > .d-flex:last-child {
    width: 100%;
    display: grid !important;
    grid-template-columns: minmax(0, 260px) !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .product-item__bottom .btn {
    width: 100% !important;
    max-width: 260px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .selling-product-slider .slick-track {
    display: flex !important;
    align-items: stretch;
  }

  .selling-product-slider .slick-slide {
    height: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .selling-product-slider .slick-slide > div {
    height: 100%;
  }

  .section-heading.style-flex,
  .section-heading.flx-between {
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
  }

  .section-heading.style-flex .section-heading__inner,
  .section-heading.flx-between > div,
  .featured-product .section-content,
  .featured-product .section-content .section-heading,
  .featured-product .section-content .section-heading__desc {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
  }

  .section-heading > .btn,
  .featured-product .section-content > .btn,
  .featured-product .section-content a.btn {
    display: inline-flex !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center;
  }
}

/* Balanced, admin-editable hero statistic cards. */
.hero .hero-thumb .statistics,
.hero .hero-thumb .statistics.style-two {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  min-height: 112px;
  aspect-ratio: auto;
  padding: 18px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hero .hero-thumb .statistics__amount {
  width: 100%;
  margin: 0 0 6px;
  line-height: 1.05;
  text-align: center;
}

.hero .hero-thumb .statistics__text {
  display: block;
  width: 100%;
  line-height: 1.3;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 575px) {
  .hero .hero-thumb .statistics,
  .hero .hero-thumb .statistics.style-two {
    width: 112px;
    min-width: 112px;
    max-width: 112px;
    min-height: 88px;
    padding: 12px 8px;
  }

  .hero .hero-thumb .statistics { left: 1%; }
  .hero .hero-thumb .statistics.style-two { right: 1%; left: auto; }
  .hero .hero-thumb .statistics__amount { font-size: 20px; }
  .hero .hero-thumb .statistics__text {
    font-size: 11px !important;
    white-space: normal;
  }
}

/* Admin-driven single product experience */
.wc-product-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:40px;align-items:start}.wc-product-main,.wc-purchase{min-width:0}.wc-product-image{width:100%;aspect-ratio:1/1;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--section-bg)}.wc-product-image img{width:100%;height:100%;object-fit:cover;display:block}.wc-purchase__inner{position:sticky;top:100px;border:1px solid var(--border-color);border-radius:8px;padding:28px;background:var(--white)}.wc-category{display:inline-block;color:hsl(var(--main));font-size:14px;font-weight:700;margin-bottom:10px}.wc-purchase h1{font-size:30px;line-height:1.25;margin-bottom:12px;overflow-wrap:anywhere}.wc-purchase .product-sidebar__short-description{font-size:15px;line-height:1.65;margin-bottom:20px}.wc-price{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.wc-price strong{font-size:32px;line-height:1;color:hsl(var(--heading-color));margin:0}.wc-price del{font-size:17px;color:hsl(var(--body-color));opacity:.7}.wc-price>span{font-size:12px;font-weight:700;color:#087443;background:#e8f7ef;padding:5px 8px;border-radius:4px}.wc-fomo{margin-top:18px;padding:16px;border:1px solid #f2c6bd;border-radius:8px;background:#fff5f2}.wc-fomo__message{display:flex;gap:10px;align-items:flex-start;color:#9c2d1f}.wc-fomo__message>i{font-size:24px}.wc-fomo__message strong,.wc-fomo__message span{display:block}.wc-fomo__message span{font-size:12px;color:#6d4039;margin-top:2px}.wc-countdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.wc-countdown span{text-align:center;padding:8px 4px;border:1px solid #f0d5cf;border-radius:6px;background:#fff}.wc-countdown b,.wc-countdown small{display:block}.wc-countdown b{font-size:20px;color:#83271b}.wc-countdown small{font-size:10px;text-transform:uppercase}.wc-highlights{display:grid;gap:9px;margin:20px 0}.wc-highlights li{display:flex;align-items:flex-start;gap:9px;font-size:14px}.wc-highlights i{font-size:19px;color:#087443;margin-top:1px}.wc-delivery{padding:15px;border-radius:6px;background:var(--section-bg);margin-bottom:18px}.wc-delivery>strong{display:block;font-size:13px;margin-bottom:9px}.wc-delivery ul{display:flex;gap:8px;flex-wrap:wrap}.wc-delivery li{display:flex;align-items:center;gap:5px;border:1px solid var(--border-color);background:var(--white);padding:6px 8px;border-radius:4px;font-size:12px}.wc-delivery i{font-size:17px;color:hsl(var(--main))}.wc-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}.wc-actions .btn{width:100%;min-height:50px;padding:10px 12px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800}.wc-actions .btn-main{box-shadow:0 8px 18px rgba(0,0,0,.14)}.wc-trust{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:12px}.wc-trust span{display:flex;align-items:center;gap:5px}.wc-description{margin-top:32px;padding-top:28px;border-top:1px solid var(--border-color)}.wc-description h2{font-size:24px;margin-bottom:16px}.wc-description .product-details__desc{white-space:normal;line-height:1.8}.dark-mode .wc-purchase__inner,.dark-mode .wc-countdown span,.dark-mode .wc-delivery li{background:var(--white)}.dark-mode .wc-fomo{background:#321f1c;border-color:#674138}.dark-mode .wc-fomo__message,.dark-mode .wc-countdown b{color:#ffb4a6}.dark-mode .wc-fomo__message span{color:#e6b9b0}.dark-mode .wc-countdown span{border-color:#674138}
[data-theme="dark"] .wc-purchase__inner,[data-theme="dark"] .wc-countdown span,[data-theme="dark"] .wc-delivery li{background:var(--white)}[data-theme="dark"] .wc-fomo{background:#321f1c;border-color:#674138}[data-theme="dark"] .wc-fomo__message,[data-theme="dark"] .wc-countdown b{color:#ffb4a6}[data-theme="dark"] .wc-fomo__message span{color:#e6b9b0}[data-theme="dark"] .wc-countdown span{border-color:#674138}
@media(max-width:991px){.wc-product-layout{grid-template-columns:1fr;gap:24px}.wc-purchase{grid-row:1}.wc-product-main{grid-row:2}.wc-purchase__inner{position:static}.wc-product-image{max-width:680px;margin:auto}}
@media(max-width:575px){.product-details.mt-32{margin-top:16px!important;padding-bottom:88px!important}.wc-product-layout{gap:20px}.wc-purchase__inner{padding:20px 16px}.wc-purchase h1{font-size:24px}.wc-price strong{font-size:28px}.wc-actions{grid-template-columns:1fr}.wc-actions .btn{min-height:52px}.wc-product-image{border-radius:6px}.wc-description{margin-top:20px;padding-top:20px}.wc-description h2{font-size:21px}.wc-trust{gap:10px}.wc-countdown b{font-size:18px}}
.product-details.mt-32,.product-details.mt-32 > .container-two,.wc-product-layout,.wc-product-main,.wc-purchase{width:100%;max-width:100%;box-sizing:border-box;min-width:0}.wc-purchase h1,.wc-purchase p,.wc-highlights span,.wc-delivery span{overflow-wrap:anywhere;word-break:break-word}.breadcrumb-two-content__title{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:575px){.product-details.mt-32 > .container-two{padding-left:12px;padding-right:12px}.wc-product-layout{display:flex;flex-direction:column}.wc-purchase,.wc-product-main{width:100%;max-width:100%}.wc-purchase__inner{width:100%;box-sizing:border-box}.wc-product-image{width:100%;max-width:none}.wc-actions{width:100%}.wc-actions .btn{font-size:15px;white-space:normal}}

/* Balanced product layout across desktop, tablet, and mobile */
.product-details-page .breadcrumb{display:none!important}
@media(min-width:992px){.wc-product-layout{grid-template-columns:minmax(0,680px) minmax(380px,440px);gap:36px;max-width:1160px;margin:0 auto;justify-content:center}.wc-product-image{max-width:680px}.wc-purchase__inner{top:88px}.wc-description{max-width:680px}}
@media(min-width:992px) and (max-width:1199px){.wc-product-layout{grid-template-columns:minmax(0,1fr) 380px;gap:24px}.wc-purchase__inner{padding:22px}.wc-purchase h1{font-size:26px}.wc-actions{grid-template-columns:1fr}.wc-product-image{max-width:100%}}
@media(max-width:991px){.wc-product-layout{display:grid!important;grid-template-columns:minmax(0,1fr);gap:20px}.wc-product-main{display:contents}.wc-product-image{grid-row:1;width:100%;max-width:680px;margin:0 auto}.wc-purchase{grid-row:2;width:100%;max-width:680px;margin:0 auto}.wc-description{grid-row:3;width:100%;max-width:680px;margin:0 auto}.wc-purchase__inner{position:static}}
@media(max-width:575px){.wc-product-layout{display:grid!important}.wc-product-main{display:contents}.wc-product-image{grid-row:1}.wc-purchase{grid-row:2}.wc-description{grid-row:3}.wc-purchase__inner{padding:18px 15px}.wc-price{padding-bottom:16px}.wc-highlights{margin:16px 0}.wc-delivery{margin-bottom:16px}.wc-description{margin-top:4px}.breadcrumb-two-content{padding-top:24px!important;padding-bottom:24px!important}}
@media(max-width:575px){.product-details.mt-32 > .container-two{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important;padding-left:0!important;padding-right:0!important}.wc-product-layout,.wc-product-image,.wc-purchase,.wc-description{max-width:100%!important}.wc-product-layout{overflow:hidden}.wc-purchase__inner{overflow:hidden}.wc-purchase__inner>*{max-width:100%}}
.wc-actions{margin-top:18px}
@media(max-width:575px){.wc-purchase__inner{display:flex;flex-direction:column}.wc-actions{order:-20;margin-top:0;margin-bottom:0}.wc-trust{order:-19;margin-top:10px;margin-bottom:20px}.wc-category{margin-top:0}}




/* Premium Theme-Aligned WhatsApp Channel Banner */
.whatsapp-channel-section {
    position: relative;
    z-index: 5;
    background: #ffffff;
    padding: 20px 0;
}
.whatsapp-channel-banner {
    background: linear-gradient(135deg, #0b092a 0%, #161446 50%, #1a1652 100%);
    border: 1px solid rgba(37, 211, 102, 0.25);
    border-radius: 14px;
    padding: 16px 24px;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px;
    box-shadow: 0 8px 24px rgba(11, 9, 42, 0.12), 0 0 20px rgba(37, 211, 102, 0.08);
    color: #ffffff;
    position: relative;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.whatsapp-channel-banner::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(37, 211, 102, 0.1) 0%, rgba(37, 211, 102, 0) 70%);
    border-radius: 50%;
    pointer-events: none;
}
.whatsapp-channel-banner:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(11, 9, 42, 0.18), 0 0 25px rgba(37, 211, 102, 0.12);
}
.whatsapp-channel-banner__content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px;
    flex: 1;
    min-width: 0;
}
.whatsapp-channel-banner__icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 12px;
    background: rgba(37, 211, 102, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #25d366;
    border: 1px solid rgba(37, 211, 102, 0.3);
    flex-shrink: 0;
}
.whatsapp-channel-banner__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.whatsapp-channel-banner__badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(37, 211, 102, 0.15);
    color: #25d366;
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    width: fit-content;
    border: 1px solid rgba(37, 211, 102, 0.3);
    margin-bottom: 2px;
}
.whatsapp-badge-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #25d366;
    box-shadow: 0 0 6px #25d366;
    animation: waPulse 1.8s infinite;
}
@keyframes waPulse {
    0% { transform: scale(0.95); opacity: 0.8; }
    50% { transform: scale(1.3); opacity: 1; }
    100% { transform: scale(0.95); opacity: 0.8; }
}
.whatsapp-channel-banner__title {
    margin: 0;
    font-family: var(--heading-font, "Jost", sans-serif);
    font-size: 17px;
    font-weight: 700;
    color: #ffffff !important;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.whatsapp-channel-banner__desc {
    margin: 0;
    font-family: var(--body-font, "Inter", sans-serif);
    font-size: 12px;
    color: #a0aec0 !important;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.whatsapp-channel-banner__action {
    flex-shrink: 0;
}
.btn-whatsapp-channel {
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%) !important;
    color: #ffffff !important;
    font-family: var(--heading-font, "Jost", sans-serif) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 9px 20px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: 0 3px 12px rgba(37, 211, 102, 0.3) !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
}
.btn-whatsapp-channel:hover {
    background: linear-gradient(135deg, #128c7e 0%, #075e54 100%) !important;
    color: #ffffff !important;
    transform: scale(1.03);
    box-shadow: 0 5px 16px rgba(37, 211, 102, 0.4) !important;
}
.btn-whatsapp-channel i {
    font-size: 17px;
    color: #ffffff;
}

/* Mobile & Tablet Compact Scaling (Keeping exact same horizontal row layout) */
@media (max-width: 767px) {
    .whatsapp-channel-banner {
        padding: 12px 14px;
        gap: 10px;
        border-radius: 12px;
    }
    .whatsapp-channel-banner__content {
        gap: 10px;
    }
    .whatsapp-channel-banner__icon {
        width: 38px;
        height: 38px;
        min-width: 38px;
        font-size: 22px;
        border-radius: 10px;
    }
    .whatsapp-channel-banner__badge {
        font-size: 9px;
        padding: 1px 6px;
    }
    .whatsapp-channel-banner__title {
        font-size: 13px;
    }
    .whatsapp-channel-banner__desc {
        font-size: 10px;
    }
    .btn-whatsapp-channel {
        font-size: 11px !important;
        padding: 7px 12px !important;
        gap: 4px !important;
    }
    .btn-whatsapp-channel i {
        font-size: 14px;
    }
}
@media (max-width: 480px) {
    .whatsapp-channel-banner__desc {
        display: none;
    }
}

/* Header Clean Alignment & Language Select Focus Fix */
.language-select select,
.language-select select:focus,
.language-select select:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer;
}
.language-select {
  outline: none !important;
  box-shadow: none !important;
}
