/* =======================================================================
   PRODUCT – tylko karta produktu / AAP / galeria / shortdesc
======================================================================= */

/* Odstęp pod sekcją zakładek produktu (Opis / Parametry / Użytkowanie) */
body#product .tabs.ets-ept-list-tabs-more-info {
  margin-bottom: 15px;
}

/* Formularz (send_AAP_form): ograniczenie szerokości obrazka (jeśli moduł wstawia) */
#send_AAP_form img {
  max-width: 50%;
  height: auto;
}

/* =======================================================================
   ZAPYTAJ O PRODUKT (AAP) — POPRAWKI UX
======================================================================= */

/* textarea */
#aapfree_question {
  min-height: 110px;
  line-height: 1.5;
  resize: vertical;
  width: 100%;
  box-sizing: border-box;
}

/* tekst pomocniczy pod textarea */
.aapfree-instruction {
  margin-top: 6px;
  font-size: 13px;
  color: #374151;
}

/* szybkie podpowiedzi (chips) */
.aapfree-quick {
  margin-top: 10px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.aapfree-quick .aapfree-q {
  border: 1px solid #d0d0d0;
  background: #fff;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  cursor: pointer;
  transition: border-color 0.15s ease, transform 0.05s ease;
}

.aapfree-quick .aapfree-q:hover {
  border-color: #999;
}

.aapfree-quick .aapfree-q:active {
  transform: scale(0.98);
}

/* Focus (UX + dostępność) */
.aapfree-quick .aapfree-q:focus,
.aapfree-quick .aapfree-q:focus-visible {
  outline: 2px solid rgba(36, 185, 215, 0.35);
  outline-offset: 2px;
}

/* czas odpowiedzi */
.aapfree-response-time {
  margin-top: 12px;
  font-size: 12px;
  color: rgb(36, 185, 215);
  font-weight: 600;
  text-align: center;
}

/* Stan "loading" dla przycisku wysyłki */
#sendAAPEmail.is-loading {
  opacity: 0.7;
  pointer-events: none;
}

/* =======================================================================
   AAP POPUP — SZEROKOŚĆ + KOLUMNY
======================================================================= */

@media (min-width: 992px) {

  .fancybox-wrap.fancybox-desktop {
    width: 800px !important;
  }

  .fancybox-wrap.fancybox-desktop .fancybox-inner {
    width: 770px !important;
    max-width: 770px !important;
    height: auto !important;
  }

  #send_AAP_form {
    max-width: none !important;
    width: 100% !important;
  }

  #send_AAP_form .card-block > .col-lg-6 {
    float: left;
  }

  #send_AAP_form .card-block > .col-lg-6:first-of-type {
    width: 50% !important;
  }

  #send_AAP_form .card-block > .col-lg-6.send_AAP_form_content,
  #send_AAP_form .card-block > #send_AAP_form_content.col-lg-6 {
    width: 50% !important;
  }

  #send_AAP_form .card-block::after {
    content: "";
    display: table;
    clear: both;
  }
}

/* =======================================================================
   AAP POPUP — kosmetyka
======================================================================= */

#send_AAP_form .product img {
  max-width: 30%;
  height: auto;
  display: block;
  margin: 0 auto 14px auto;
}

#send_AAP_form .product_desc {
  margin-top: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ececec;
}

/* =========================================================
   PRODUCT – miniatury: zaokrąglona ramka aktywnej miniatury
========================================================= */

body#product .uit-gallery-thumbs-container li,
body#product .uit-gallery-thumbs-container a {
  border-radius: 10px !important;
  overflow: hidden !important;
}

body#product .uit-gallery-thumbs-container img {
  border-radius: 10px !important;
  display: block !important;
}

body#product .uit-gallery-thumbs-container li.bx-active,
body#product .uit-gallery-thumbs-container li.active,
body#product .uit-gallery-thumbs-container a:focus,
body#product .uit-gallery-thumbs-container a:active {
  border-radius: 10px !important;
}

body#product .uit-gallery-thumbs-container a {
  outline: none !important;
}

/* =========================================================
   PRODUCT – zaokrąglenie GŁÓWNEGO zdjęcia
========================================================= */

body#product #zoom_html img {
  border-radius: 10px !important;
  display: block !important;
}

body#product #zoom_html .bx-viewport {
  overflow: hidden !important;
  border-radius: 10px !important;
}

body#product #zoom_html .bx-wrapper {
  overflow: visible !important;
}

/* odstęp między miniaturkami a blokami PrestaHero */
.uit-gallery-thumbs-container + .ets-ept-prod-tabs.other_hooks.hooks_2 {
  margin-top: 20px;
}

/* =========================================================
   PRODUCT – czytaj więcej
========================================================= */

body#product #product-description-short,
body#product [id^="product-description-short-"] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.45;
  color: #4b5563;
}

body#product #product-description-short.is-expanded,
body#product [id^="product-description-short-"].is-expanded {
  -webkit-line-clamp: unset;
  display: block;
}

body#product .shortdesc-toggle {
  display: inline-block;
  margin-top: 4px;
  font-size: 12px;
  color: #374151;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* KARTA PRODUKTU – ukrycie logo producenta */
body#product .product-manufacturer {
  display: none !important;
}

/* Moduł image - płynniejszy zoom */
.mobx-img {
  image-rendering: auto;
  transform: translateZ(0);
}