/* TQIU theme 185: audit remediation batch 1, 2026-08-30. */
.tqiu-skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 10000;
  padding: 10px 14px;
  border-radius: 4px;
  background: #fff;
  color: #004b22;
  font-weight: 700;
  transform: translateY(-160%);
  transition: transform .16s ease;
}
.tqiu-skip-link:focus { transform: translateY(0); }

@media (min-width: 1024px) {
  .f-header__desktop .tqiu-nav-bilingual > span:first-child {
    font-size: 15px !important;
    font-weight: 700 !important;
  }
  .f-header__desktop .tqiu-nav-bilingual > span + span {
    margin-top: 4px !important;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
  }
  .f-header__desktop .f-menu { column-gap: clamp(26px, 3vw, 52px) !important; }
  .f-header__desktop .f-menu__item:last-child { margin-right: 28px !important; }
}

@media (min-width: 600px) and (max-width: 899px) {
  .template-product .f-main-product--wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    row-gap: 26px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  html body.template-product .section_id_main .f-main-product--media,
  html body.template-product .section_id_main .f-main-product--info {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .template-product .f-product-media--desktop,
  .template-product .f-media-gallery,
  .template-product .f-media-gallery__wrapper,
  .template-product .f-media-gallery__inner {
    width: 100% !important;
    max-width: 720px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .template-product .f-product-option--content {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
  }
  .template-product .f-product-option--node {
    width: auto !important;
    min-width: 150px !important;
    flex: 1 1 150px !important;
  }
  .template-product .f-product-option--node__label {
    width: 100% !important;
    min-height: 45px !important;
    white-space: normal !important;
  }
  .template-product .f-product-form--wrapper { gap: 12px !important; }
  .template-product .f-product-form--input,
  .template-product .f-add-to-cart {
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 100% !important;
  }
}

@media (max-width: 767px) {
  html body.template-product #tqiu-whatsapp-float,
  html.tqiu-has-product-whatsapp body.template-product #tqiu-whatsapp-float {
    right: 14px !important;
    bottom: calc(82px + env(safe-area-inset-bottom)) !important;
    left: auto !important;
  }
  .tqiu-product-recommendations { padding: 34px 0 38px !important; }
  .tqiu-product-recommendations .f-section__header { margin-bottom: 18px !important; }
}

@media (min-width: 768px) {
  .tqiu-product-recommendations { padding: 48px 0 54px !important; }
  .tqiu-product-recommendations .f-section__header { margin-bottom: 24px !important; }
}

.swiper-pagination-bullet[role="button"] {
  position: relative;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  border: 0;
  background-clip: content-box !important;
  padding: 17px !important;
  box-sizing: border-box !important;
}

f-cart-remove-button[role="button"]:focus-visible,
.swiper-pagination-bullet[role="button"]:focus-visible,
.f-quantity__button:focus-visible {
  outline: 3px solid #ffbf47 !important;
  outline-offset: 3px !important;
}


/* TQIU remaining remediation, 2026-08-31. */
@media (min-width: 480px) and (max-width: 767px) {
  html body.template-home .tqiu-live-slider .f-slide__media {
    --aspect-ratio-mobile: var(--tqiu-aspect-ratio-desktop) !important;
  }
}

.body_html img {
  max-width: 100% !important;
  height: auto !important;
}

/* TQIU final accessibility contrast, 2026-09-01. */
.f-collection-card__title .f-collection-card__link,
.f-section__heading,
.f-section__heading .tqiu-bilingual-line,
#f-section-product-details-tabs .f-tabs__header .f-tab-header span,
.f-product-recommendations .f-section__heading span {
  color: #075b35 !important;
}

#f-section-product-details-tabs .f-tabs__header .f-tab-header:not(.active) span {
  color: #365b49 !important;
}

/* TQIU: content remains visible without scroll-reveal opacity. */
.f-scroll-trigger,
.f-scroll-trigger--offscreen,
.f-scroll-trigger.animate--fade-in-up {
  opacity: 1 !important;
  transform: none !important;
}

/* TQIU final two contrast edges, 2026-09-01. */
.f-section__description .tqiu-bilingual-line {
  color: #365b49 !important;
  opacity: 1 !important;
}

#f-section-product-details-tabs .f-tabs__header .f-tab-header,
#f-section-product-details-tabs .f-tabs__header .f-tab-header span {
  color: #075b35 !important;
  opacity: 1 !important;
}

/* TQIU share, narrow desktop header, and contact-card fix, 2026-09-02. */
@media (min-width: 1024px) and (max-width: 1279px) {
  html body .tqiu-source-header .logo-left-menu-center .f-header__left {
    flex: 0 0 172px !important;
  }
  html body .tqiu-source-header .logo-left-menu-center .f-header__right {
    flex: 0 0 100px !important;
  }
  html body .tqiu-source-header .logo-left-menu-center .f-header__center {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    padding-right: 8px !important;
  }
  html body .tqiu-source-header .f-header__menu,
  html body .tqiu-source-header .f-menu {
    width: 100% !important;
  }
  html body .tqiu-source-header .f-menu {
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    column-gap: 8px !important;
  }
  html body .tqiu-source-header .f-menu__item:last-child {
    margin-right: 0 !important;
  }
  html body .tqiu-source-header .tqiu-menu-label__bn {
    font-size: 15px !important;
  }
  html body .tqiu-source-header .tqiu-menu-label__en {
    font-size: 11.5px !important;
  }
  html body .tqiu-source-header .f-menu__link--main {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  html body .tqiu-source-header .f-logo__image {
    width: 140px !important;
  }
}

html body .tqiu-contact-action--whatsapp,
html body .tqiu-contact-action--whatsapp * {
  color: #064b28 !important;
}

html body .tqiu-contact-action--whatsapp {
  border-color: #9fc6ad !important;
  background: #e8f1ea !important;
}

html body .tqiu-contact-action--whatsapp:hover {
  border-color: #075a34 !important;
  background: #dce9df !important;
}

html body .tqiu-contact-action {
  border-radius: 12px !important;
  box-shadow: 0 3px 12px rgba(6, 75, 40, .06);
}

.f-sharing-social > .m\:flex {
  flex-wrap: wrap !important;
  row-gap: 10px !important;
}

.f-sharing-social f-share-copy.tqiu-share-copy-ready {
  display: inline-flex;
  width: 100%;
  min-width: 112px;
  min-height: 44px;
  flex: 0 0 100%;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-left: 0 !important;
  padding: 8px 14px;
  border: 1px solid #9fc6ad;
  border-radius: 999px;
  background: #f8fbf8;
  color: #064b28;
  cursor: pointer;
}

.f-sharing-social f-share-copy.tqiu-share-copy-ready:hover {
  border-color: #075a34;
  background: #e8f1ea;
}

.f-sharing-social f-share-copy.tqiu-share-copy-ready:focus-visible {
  outline: 3px solid #ffbf47;
  outline-offset: 3px;
}

.tqiu-share-copy__label {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.notification-success[data-tqiu-copy-state='error'] {
  background: #fff4e8 !important;
  color: #8a3d00 !important;
}