/* Fuji Tea – wygląd produktu i kategorii (moduł fujitea_ux) */

:root {
  --fujiux-green: #3f6b4a;
  --fujiux-green-light: #f1f7f2;
  --fujiux-green-soft: #eef4ef;
  --fujiux-border: #d5ddd6;
  --fujiux-gold: #b8923a;
  --fujiux-text: #3d443f;
  --fujiux-muted: #6b726c;
}

/* ---------- nazwa produktu ---------- */
html.fujiux #product h1.product__name {
  font-size: 34px;
  line-height: 1.2;
  margin-bottom: .5rem;
}
@media (max-width: 767.98px) {
  html.fujiux #product h1.product__name { font-size: 26px; }
}

/* ---------- kafelki gramatur ---------- */
.fujiux-orig-hidden { display: none !important; }

.fujiux-tiles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 8px 0 4px;
}
@media (max-width: 767.98px) {
  .fujiux-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.fujiux-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  border: 1px solid var(--fujiux-border);
  border-radius: 12px;
  background: #fff;
  padding: 12px;
  line-height: 1.3;
  cursor: pointer;
  color: inherit;
  font: inherit;
  transition: border-color .15s, box-shadow .15s;
}
.fujiux-tile:hover { border-color: var(--fujiux-green); }
.fujiux-tile:focus-visible { outline: 2px solid var(--fujiux-green); outline-offset: 2px; }
.fujiux-tile.is-selected {
  border: 2px solid var(--fujiux-green);
  background: var(--fujiux-green-light);
  padding: 11px;
}
.fujiux-tile__g { font-size: 18px; font-weight: 600; color: #1b1f1c; }
.fujiux-tile__p { font-size: 15px; font-weight: 600; color: var(--fujiux-green); margin-top: 4px; }
.fujiux-tile__u, .fujiux-tile__n { font-size: 12px; color: var(--fujiux-muted); }
.fujiux-tile__badge {
  position: absolute;
  top: -10px;
  right: 8px;
  background: var(--fujiux-gold);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  border-radius: 10px;
  padding: 2px 8px;
  line-height: 1.4;
}
.fujiux-tile.is-selected .fujiux-tile__badge { display: none; }
.fujiux-tile__check {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--fujiux-green);
  color: #fff;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ---------- serduszko na zdjęciu ---------- */
.fujiux-rel { position: relative; }
.product-images-swiper .fujiux-fav,
.fujiux-fav.btn {
  position: absolute !important;
  top: 14px;
  right: 14px;
  z-index: 5;
  width: 44px !important;
  height: 44px !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 1px 8px rgba(0, 0, 0, .15);
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: var(--fujiux-green) !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.fujiux-fav svg { width: 22px; height: 22px; flex: none; }

/* ---------- przyciski koszyka i InPost ---------- */
.fujiux-row .product-actions__button.add .btn,
.fujiux-row .product-actions__button.add button { width: 100%; }
.fujiux-row .fujiux-inpost { margin-top: -.5rem; }
.fujiux-row .fujiux-inpost.fujiux-empty { display: none; }
.fujiux-row .fujiux-inpost .wishlist-button-wrapper { display: block; text-align: left; margin: 0; }
.fujiux-row .fujiux-inpost .js-inpost-izi-product-btn-wrapper {
  width: 100% !important;
  max-width: none !important;
}

@media (max-width: 767.98px) {
  .fujiux-row .product-actions__quantity .input-group { width: 112px; min-width: 0; }
  .fujiux-row .product-actions__quantity .input-group .form-control { min-width: 0; padding-left: 0; padding-right: 0; text-align: center; }
  .fujiux-row .product-actions__button.add { min-width: 0; }
  .fujiux-row .product-actions__button.add .btn { padding-left: .75rem; padding-right: .75rem; white-space: nowrap; }
}

/* ---------- pasek zaufania ---------- */
html.fujiux-trust-ready #product .product__description-short > .row.border { display: none; }

.fujiux-trust {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 30px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #e5e9e5;
  font-size: 13.5px;
  color: var(--fujiux-text);
  line-height: 1.35;
}
.fujiux-trust > .fujiux-trust__item:last-child:nth-child(odd) { grid-column: 1 / -1; }
@media (max-width: 767.98px) {
  .fujiux-trust { grid-template-columns: 1fr; }
}
.fujiux-trust__item { display: flex; align-items: center; gap: 12px; }
.fujiux-trust__txt { display: flex; flex-direction: column; min-width: 0; }
.fujiux-trust__txt b { font-weight: 600; color: #2b302c; }
.fujiux-trust__txt a { color: var(--fujiux-green); font-weight: 600; text-decoration: none; }
.fujiux-trust__txt a:hover { text-decoration: underline; }
.fujiux-trust__txt code {
  background: #f4efe2;
  border-radius: 4px;
  padding: 1px 5px;
  font-weight: 700;
  color: #1b1f1c;
  font-family: inherit;
  font-size: 13px;
}
.fujiux-ic { width: 42px; height: 42px; flex: none; display: flex; align-items: center; justify-content: center; }
.fujiux-ic img { max-width: 42px; max-height: 40px; }
.fujiux-ic--round { width: 40px; height: 40px; border-radius: 50%; background: var(--fujiux-green-soft); color: var(--fujiux-green); }
.fujiux-bar { display: block; height: 5px; border-radius: 3px; background: #e3e9e4; margin-top: 6px; width: 170px; max-width: 100%; overflow: hidden; }
.fujiux-bar i { display: block; height: 100%; border-radius: 3px; background: var(--fujiux-green); transition: width .3s; }

/* ---------- kategoria: zdjęcie w nagłówku ---------- */
.fujiux-cat-img { display: none; }
@media (min-width: 768px) {
  .block-category.fujiux-cat {
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(280px, 30vw, 420px);
    column-gap: 48px;
    align-items: center;
  }
  .block-category.fujiux-cat > *:not(.fujiux-cat-img) { grid-column: 1; width: auto; max-width: none; flex: none; }
  .fujiux-cat-img { display: block; grid-column: 2; grid-row: 1 / span 4; }
  .fujiux-cat-img img {
    display: block;
    width: 100%;
    aspect-ratio: 2.3 / 1;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
  }
}

/* v1.0.2: serduszko idealnie na środku kółka (ukryty tekst przycisku nie zajmuje miejsca) */
.fujiux-fav .btn-wishlist-text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:0!important;padding:0!important}

/* v1.1 – wysyłka dziś */
.fujiux-dispatch{display:flex;align-items:center;gap:.5rem;margin:.75rem 0 0;font-size:.9rem;color:#2d3e2f}
.fujiux-dispatch b{font-weight:600;color:#2d5b3a}
.fujiux-dot{width:8px;height:8px;border-radius:50%;background:#3aa35b;box-shadow:0 0 0 4px rgba(58,163,91,.15);flex:0 0 auto}

/* v1.1 – zestaw */
.fujiux-bundle{margin:1.25rem 0 0;border:1px solid #dfe5df;border-radius:16px;padding:1rem 1.1rem;background:#fff}
.fujiux-bundle__head b{display:block;font-size:1rem;color:#2d3e2f}
.fujiux-bundle__head span{display:block;font-size:.82rem;color:#6c757d;margin-top:2px}
.fujiux-bundle__list{margin:.75rem 0;display:flex;flex-direction:column;gap:.4rem}
.fujiux-bundle__item{display:flex;align-items:center;gap:.7rem;padding:.4rem .5rem;border-radius:10px;cursor:pointer;margin:0}
.fujiux-bundle__item:hover{background:#f4f8f4}
.fujiux-bundle__item input{position:absolute;opacity:0;pointer-events:none}
.fujiux-bundle__check{width:20px;height:20px;border-radius:6px;border:1.5px solid #9fb3a4;flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.fujiux-bundle__item input:checked + .fujiux-bundle__check{background:#496b53;border-color:#496b53}
.fujiux-bundle__item input:checked + .fujiux-bundle__check::after{content:"";width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.fujiux-bundle__item img{width:48px;height:48px;object-fit:cover;border-radius:8px;background:#f6f6f2;flex:0 0 auto}
.fujiux-bundle__name{flex:1;font-size:.88rem;line-height:1.3;color:#2d3e2f}
.fujiux-bundle__price{font-size:.88rem;font-weight:600;color:#2d3e2f;white-space:nowrap}
.fujiux-bundle__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #eef1ee;padding-top:.85rem}
.fujiux-bundle__foot div{font-size:.82rem;color:#6c757d;display:flex;flex-direction:column}
.fujiux-bundle__foot b{font-size:1.25rem;color:#2d3e2f}
.fujiux-bundle__btn{border-radius:999px;padding:.6rem 1.3rem;white-space:nowrap}
@media (max-width:767.98px){.fujiux-bundle__foot{flex-direction:column;align-items:stretch}.fujiux-bundle__btn{width:100%}}

.fujiux-bundle__foot{display:none}
.fujiux-bundle.is-picked .fujiux-bundle__foot{display:flex}
.fujiux-bundle.is-picked{border-color:#b9cdbf}

/* v1.1 – informacje o produkcie (z ukrytych zakładek) */
.fujiux-specs{margin:1rem 0 0;padding-top:1rem;border-top:1px solid #eef1ee}
.fujiux-specs__title{display:block;font-size:.95rem;color:#2d3e2f;margin-bottom:.5rem}
.fujiux-specs dl{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.25rem;margin:0;font-size:.86rem}
.fujiux-specs dt{font-weight:400;color:#6c757d}
.fujiux-specs dd{margin:0;color:#2d3e2f}

/* v1.2 – cena za czarkę i kod */
.fujiux-priceinfo{display:flex;flex-direction:column;gap:.3rem;margin:.15rem 0 .9rem;font-size:.88rem;color:#4b5a4f}
.fujiux-priceinfo b{color:#2d3e2f;font-weight:600}
.fujiux-priceinfo__code{display:inline-block;align-self:flex-start;background:#fbf6e9;border:1px dashed #c9a24a;border-radius:8px;padding:.3rem .6rem;color:#6b5420}
.fujiux-priceinfo__code code{background:transparent;color:#6b5420;font-weight:700;padding:0}

/* v1.2 – pasek „do koszyka” na telefonie */
.fujiux-sticky{display:none}
@media (max-width:767.98px){
  .fujiux-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1040;align-items:center;justify-content:space-between;gap:.75rem;
    padding:.6rem .9rem calc(.6rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e3e8e3;box-shadow:0 -6px 18px rgba(0,0,0,.08);
    transform:translateY(110%);transition:transform .25s ease}
  .fujiux-sticky.is-on{transform:none}
  .fujiux-sticky__info{display:flex;flex-direction:column;min-width:0}
  .fujiux-sticky__name{font-size:.78rem;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fujiux-sticky__price{font-size:1.05rem;color:#2d3e2f}
  .fujiux-sticky__btn{border-radius:999px;padding:.55rem 1.4rem;white-space:nowrap}
}

/* v1.2 – lewa kolumna: certyfikaty i informacje pod zdjęciami (komputer) */
.fujiux-leftinfo{margin-top:1.5rem;padding:1.25rem 1.25rem 1rem;border:1px solid #e6ebe6;border-radius:16px;background:#fff}
.fujiux-leftinfo .fujiux-trust{margin-top:0;border-top:0;padding-top:0}
.fujiux-leftinfo .fujiux-specs{margin-top:1rem}

/* v1.2 – porównanie klas na telefonie: przewijane karty zamiast ściśniętej siatki */
@media (max-width:767.98px){
  .fujiux-compare{flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;margin-right:-1rem}
  .fujiux-compare>[class*="col-"]{flex:0 0 84%!important;max-width:84%!important;scroll-snap-align:start}
}

/* v1.2 – ramka pod zdjęciami kończy się równo z ramką akcesoriów */
@media (min-width:992px){
  .fujiux-balanced .product__left{display:flex;flex-direction:column}
  .fujiux-balanced .product__left>.product__images{flex:0 0 auto}
  .fujiux-balanced .fujiux-leftinfo{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}
  .fujiux-balanced .product__col>.fujiux-bundle:last-child{margin-bottom:0}
}

/* v1.2 – mały przycisk InPost obok kodu rabatowego */
.fujiux-promo-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .6rem}
.fujiux-promo-row .fujiux-priceinfo__code{align-self:center;white-space:nowrap}
.fujiux-promo-row inpost-izi-button{display:block;width:200px;max-width:100%;margin:0!important}
.fujiux-inpost-moved{display:none!important}
.fujiux-inpost-small .fujiux-inpost.fujiux-empty,.fujiux-inpost-small .product-actions__wishlist:empty{display:none!important}
@media (max-width:575.98px){.fujiux-promo-row .fujiux-priceinfo__code{white-space:normal}}
.fujiux-inpost:has(.fujiux-inpost-moved):not(:has(inpost-izi-button)):not(:has(.js-wishlist-toggle)){display:none!important}

/* v1.2 – „Czytaj więcej” w opisie */
details.fujiux-more>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;color:#496b53;font-weight:600;margin:.25rem 0 .5rem}
details.fujiux-more>summary::-webkit-details-marker{display:none}
details.fujiux-more>summary::after{content:"↓";font-size:.9em}
details.fujiux-more[open]>summary{display:none}
@media (min-width:992px){details.fujiux-more>summary{display:none}}
@media (min-width:992px){
  .fujiux-balanced .product__col{display:flex;flex-direction:column}
  .fujiux-balanced .product__col>.fujiux-bundle{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}
}

/* ---------- 1.2.1: opis produktu na telefonie ---------- */
@media (max-width:767.98px){
  .fujiux-revh{font-size:1.35rem!important;line-height:1.3!important}
  .fujiux-stats{gap:.75rem!important;justify-content:space-between}
  .fujiux-stats>.text-center{flex:1 1 0;min-width:0}
  .fujiux-stats .h4{font-size:1.05rem!important;white-space:nowrap}
  .fujiux-stats small{font-size:9px!important;letter-spacing:.5px!important;display:block;line-height:1.3}
  .fujiux-revrow,.fujiux-blog-latest{flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;margin-right:-1rem}
  .fujiux-revrow>[class*="col-"]{flex:0 0 82%!important;max-width:82%!important;scroll-snap-align:start}
  .fujiux-blog-latest>[class*="col-"]{flex:0 0 78%!important;max-width:78%!important;scroll-snap-align:start}
  .fujiux-blog-latest a{aspect-ratio:4/5}
  .fujiux-blog-latest .h4{font-size:1.15rem!important;line-height:1.3}
  .fujiux-mini{--bs-gutter-y:.75rem}
  .fujiux-mini>[class*="col-"]>div{display:grid;grid-template-columns:44px 1fr;column-gap:.9rem;align-items:center;text-align:left!important;padding:1rem 1.1rem!important}
  .fujiux-mini img{grid-row:span 2;height:40px!important;margin:0!important}
  .fujiux-mini h4{margin:0 0 .15rem!important;font-size:1rem!important}
  .fujiux-steps .card{padding:1rem .75rem!important}
  .fujiux-steps img{height:56px!important}
  .fujiux-steps h4{font-size:1.05rem!important;margin-bottom:.35rem!important}
  .fujiux-steps p{font-size:.78rem!important}
  .fujiux-script{font-size:48px!important;margin-bottom:18px!important}
}

/* ---------- 1.2.3: polecane produkty ---------- */
.fujiux-reco{margin-top:.75rem}
.fujiux-reco .product-miniature__image-container{overflow:hidden;background:#fff}
.fujiux-reco .product-miniature__image{width:100%;height:auto;display:block}
.fujiux-reco .product-miniature__title{font-size:.95rem;line-height:1.3}
.fujiux-reco .product-miniature__title a{color:inherit;text-decoration:none}
.fujiux-reco__add{width:42px;height:42px;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center;justify-content:center}
.fujiux-reco__add svg{width:20px;height:20px}
.fujiux-reco__add.is-added{background:#2e7d32!important;border-color:#2e7d32!important}
@media (max-width:767.98px){
  .fujiux-reco{flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-right:-1rem;padding-bottom:.5rem}
  .fujiux-reco>[class*="col-"]{flex:0 0 62%!important;max-width:62%!important;scroll-snap-align:start}
}
/* kropki w porównaniu klas – jeden blok wyrównany do prawej */
.fujiux-dots{white-space:nowrap;letter-spacing:2px}
.fujiux-reco>[class*="col-"]{display:flex}
.fujiux-reco article{width:100%}
.fujiux-reco-wrap{max-width:1400px;margin-inline:auto;padding:0 12px}
.fujiux-reco__variant{font-size:.85rem;color:#6b746d}

/* ---------- 1.2.4: ocena pod nazwą produktu ---------- */
.fujiux-rating{display:inline-flex;align-items:center;gap:.35rem;margin:.1rem 0 .5rem;font-size:.9rem;color:#2d3e2f;text-decoration:none}
.fujiux-rating:hover{text-decoration:underline}
.fujiux-rating__stars{color:#e8a33d;letter-spacing:1px}
.fujiux-rating__n{color:#6b746d}

/* ---------- 1.2.5: porównanie klas na telefonie – jedna karta, obok widać następną ---------- */
@media (max-width:767.98px){
  .fujiux-compare{scroll-padding-left:0;padding-top:14px}
  .fujiux-compare>[class*="col-"]>div{padding:1.1rem 1.1rem 1.2rem!important}
  .fujiux-compare img{aspect-ratio:4/3!important;max-height:210px}
  .fujiux-compare h3{font-size:1.3rem!important;margin-top:.25rem}
  .fujiux-compare p.small{min-height:0!important;margin-bottom:.75rem!important}
  .fujiux-compare .border-top{font-size:.95rem;padding-top:.6rem!important;padding-bottom:.6rem!important}
  .fujiux-compare .mt-auto{flex-wrap:wrap;gap:.6rem;padding-top:1rem!important}
  .fujiux-compare .mt-auto>span:first-child{width:100%;font-size:1.05rem}
  .fujiux-compare .mt-auto .btn{width:100%;padding:.65rem 1rem!important;font-size:1rem}
}

/* ---------- 1.2.6: przewijane rzędy na telefonie sięgają krawędzi ekranu (nic nie jest ucięte) ---------- */
@media (max-width:767.98px){
  .fujiux-compare,.fujiux-revrow,.fujiux-blog-latest,.fujiux-reco{
    --bs-gutter-x:16px;
    width:100vw!important;max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;margin-right:0!important;
    padding-left:8px!important;padding-right:8px!important;
    scroll-padding-left:8px;scrollbar-width:none
  }
  .fujiux-compare::-webkit-scrollbar,.fujiux-revrow::-webkit-scrollbar,.fujiux-blog-latest::-webkit-scrollbar,.fujiux-reco::-webkit-scrollbar{display:none}
  .fujiux-compare>[class*="col-"]{flex:0 0 82%!important;max-width:82%!important}
  .fujiux-revrow>[class*="col-"]{flex:0 0 82%!important;max-width:82%!important}
  .fujiux-blog-latest>[class*="col-"]{flex:0 0 78%!important;max-width:78%!important}
  .fujiux-reco>[class*="col-"]{flex:0 0 62%!important;max-width:62%!important}
}

/* ---------- 1.2.7: karta porównania na telefonie mieści się w całości na jednym ekranie ---------- */
@media (max-width:767.98px){
  .fujiux-compare>[class*="col-"]>div{padding:.85rem 1rem .95rem!important}
  .fujiux-compare img{aspect-ratio:auto!important;height:140px!important;max-height:none!important;width:100%;object-fit:contain;background:transparent!important;mix-blend-mode:multiply;margin-bottom:.55rem!important}
  .fujiux-compare h3{font-size:1.15rem!important;margin:0 0 .1rem!important}
  .fujiux-compare p.small{font-size:.82rem!important;line-height:1.35;margin-bottom:.45rem!important;min-height:0!important}
  .fujiux-compare .border-top{padding-top:.38rem!important;padding-bottom:.38rem!important;font-size:.88rem!important}
  .fujiux-compare .mt-auto{flex-wrap:nowrap!important;gap:.5rem;padding-top:.6rem!important}
  .fujiux-compare .mt-auto>span:first-child{width:auto!important;font-size:1rem!important;white-space:nowrap}
  .fujiux-compare .mt-auto .btn{width:auto!important;padding:.45rem 1.2rem!important;font-size:.92rem!important;white-space:nowrap}
}

/* ---------- 1.2.8: bez „skakania” strony przy zmianie ilości i po dodaniu do koszyka ---------- */
/* PrestaShop przy każdym odświeżeniu produktu na nowo wstawia listę wariantów, InPost i serduszko.
   Chowamy te świeże kopie od razu w CSS (bez czekania na skrypt), więc wysokość strony się nie zmienia. */
.fujiux-tiles-on .js-product-variants{display:none!important}
.fujiux-variants{margin-bottom:1rem}
.fujiux-variants .fujiux-tiles{margin-top:.5rem}
.fujiux-tile:not(.is-selected) .fujiux-tile__check{display:none}
.fujiux-inpost-small .product__actions :not(.fujiux-promo-row) > inpost-izi-button{position:absolute!important;visibility:hidden!important;pointer-events:none!important;height:0!important;overflow:hidden!important}
.fujiux-fav-moved .product__actions .js-wishlist-toggle{position:absolute!important;visibility:hidden!important;pointer-events:none!important}

/* ---------- 1.2.8: „Kup w zestawie” ---------- */
.fujiux-sets{margin-top:1rem;padding-top:1rem;border-top:1px solid #e6ebe6}
.fujiux-bundle--sets .fujiux-sets{margin-top:0;padding-top:0;border-top:0}
.fujiux-sets__head b{display:block;font-size:1rem;color:#2d3e2f}
.fujiux-sets__head span{display:block;font-size:.85rem;color:#6b746d;margin:.1rem 0 .4rem}
.fujiux-set{display:flex;align-items:center;gap:.75rem;padding:.45rem .4rem;margin:0 -.4rem;border-radius:12px;text-decoration:none!important;color:#2d3e2f!important}
.fujiux-set:hover{background:#f4f8f4}
.fujiux-set img{width:56px;height:56px;object-fit:cover;border-radius:10px;flex:none;background:#fff;border:1px solid #eef1ee}
.fujiux-set__txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;font-size:.9rem;line-height:1.3}
.fujiux-set__badge{margin-top:.25rem;font-size:.66rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:#496b53;color:#fff;border-radius:999px;padding:.12rem .55rem}
.fujiux-set__price{font-weight:700;white-space:nowrap;font-size:.95rem}
.fujiux-set__arr{color:#496b53;font-size:1.35rem;line-height:1;margin-left:-.25rem}
@media (min-width:992px){
  .fujiux-sets--wide{margin:1.5rem 0 0;padding:1.1rem 1.25rem 1.2rem;border:1px solid #e6ebe6;border-radius:16px;background:#fff;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem 1.5rem}
  .fujiux-sets--wide .fujiux-sets__head{grid-column:1/-1}
  .fujiux-sets--wide .fujiux-set{margin:0;padding:.6rem .7rem;border:1px solid #eef1ee;border-radius:14px}
  .fujiux-sets--wide .fujiux-set img{width:72px;height:72px}
}

/* 1.2.9: plakietki zestawów – „Z matchą …”; zestaw z oglądaną matchą wyróżniony */
.fujiux-set__badge{background:#e9f1ea;color:#496b53}
.fujiux-set.is-mine .fujiux-set__badge{background:#496b53;color:#fff}
.fujiux-set.is-mine{background:#f4f8f4}
.fujiux-sets--wide .fujiux-set.is-mine{border-color:#b9cdbd}
.fujiux-set__badge{text-transform:none!important;letter-spacing:0!important;font-size:.72rem!important;font-weight:600!important;white-space:nowrap}

/* ---------- 1.2.12: spokojniejsze ładowanie, przycisk bliżej na telefonie ---------- */
/* miejsce na „★ 5.0 · 67 opinii o sklepie” rezerwowane od razu – tekst pod tytułem nie skacze */
html.fujiux-rate #product .product__col h1.product__name{margin-bottom:39px}
html.fujiux-rate #product .product__col h1.product__name:has(+ .fujiux-rating){margin-bottom:8px}
/* bez pustego paska pod przyciskami ilości i koszyka */
.fujiux-row .input-group{margin-bottom:0!important}
/* telefon: akapit opisu chowany od razu, moduł wstawia go pod przycisk koszyka */
@media (max-width:767.98px){
  html.fujiux #product .product__description-short > p:last-of-type:not(:first-of-type){display:none}
  .fujiux-desc-mobile{margin:.9rem 0 0;color:#5b6660;font-size:.95rem;line-height:1.6}
  .fujiux-desc-mobile p{margin:0;display:block!important}
}
/* pusta linijka „minimalna ilość” i duży margines pod koszykiem – zbędna przerwa przed „Zamów teraz” */
html.fujiux #product .product__add-to-cart .product-minimal-quantity{margin-bottom:0!important}
html.fujiux #product .product__add-to-cart{margin-bottom:.25rem!important}

/* 1.2.14: blok „Szczegóły” (marka, indeks, EAN) ukryty także po zmianie gramatury */
html.fujiux-notabs #product-details,
html.fujiux-notabs #product-features,
html.fujiux-notabs .product__infos-scrollspy > .container > ul.product__details{display:none!important}
@media (max-width:767.98px){.fujiux-compare>.fujiux-compare__current{order:-1}}
/* 1.2.16: puszki w porównaniu – białe pole z zaokrąglonymi rogami na każdej karcie (także „OGLĄDASZ”) */
.fujiux-compare img[data-fujiux-can]{mix-blend-mode:normal!important;background:#fff!important;border-radius:12px!important}

/* 1.2.18: bez mignięcia starego układu – prawa kolumna produktu (nazwa, cena, gramatury, koszyk)
   pokazuje się dopiero gotowa. Zdjęcie widać od razu. Gdyby skrypt się nie wczytał – kolumna i tak
   pokazuje się po 2,5 s. */
@keyframes fujiuxReveal { to { visibility: visible; } }
html.fujiux:not(.fujiux-ready) #product .product__col {
  visibility: hidden;
  animation: fujiuxReveal 0s 2.5s forwards;
}

/* ---------- 1.2.23: bez skakania przycisków i strony ---------- */
/* powrót „wstecz” bez animowanego przewijania; płynne przewijanie wraca po wczytaniu (klasa fujiux-smooth) */
html.fujiux{scroll-behavior:auto!important}
html.fujiux.fujiux-smooth{scroll-behavior:smooth!important}
/* ilość + „Dodaj do koszyka”: układ z CSS – PrestaShop przy zmianie gramatury i po dodaniu do koszyka
   przerysowuje ten blok ze swoimi klasami (col-7 col-md-5), więc nie może zależeć od skryptu */
html.fujiux #product .product__actions .product-actions__quantity{flex:0 0 auto!important;width:auto!important;max-width:none!important}
html.fujiux #product .product__actions .product-actions__button.add{flex:1 1 0%!important;width:auto!important;max-width:none!important;min-width:0}
html.fujiux #product .product__actions .product-actions__button.add .btn,
html.fujiux #product .product__actions .product-actions__button.add button{width:100%}
html.fujiux #product .product__actions .product-actions__wishlist{flex:0 0 100%!important;width:100%!important;max-width:100%!important}
/* InPost: oryginalny duży przycisk nigdy nie jest widoczny; w wierszu z kodem stałe miejsce 200×34,
   a sam widżet pokazuje się dopiero z naszym stylem */
html.fujiux #product .product__actions inpost-izi-button{position:absolute!important;visibility:hidden!important;pointer-events:none!important;height:0!important;overflow:hidden!important}
html.fujiux #product .product__actions .fujiux-promo-row inpost-izi-button[data-fujiux-ok]{position:static!important;visibility:visible!important;pointer-events:auto!important;height:34px!important;max-height:34px!important;overflow:hidden!important}
.fujiux-ip-slot{display:block;flex:0 0 auto;width:200px;max-width:100%;height:34px;position:relative}
.fujiux-ip-slot inpost-izi-button{width:100%!important}
/* okno „Dodano do koszyka”: bez dosuwania treści o szerokość paska przewijania */
html.fujiux body.modal-open{padding-right:0!important}
/* 1.2.24: przy powrocie „wstecz” przeglądarka nie „goni” wstawianych bloków (bez skoku w dół i z powrotem);
   kotwiczenie przewijania wraca po wczytaniu strony */
html.fujiux:not(.fujiux-smooth){overflow-anchor:none}
/* pole ilości i przycisk koszyka zmieniają szerokość bez animacji (wcześniej „pływały” przez 0,3 s) */
html.fujiux #product .product__actions .input-group,
html.fujiux #product .product__actions .btn{transition-property:color,background-color,border-color,box-shadow,opacity!important}

/* 1.2.27: komputer – ramka „Dobierz / Spróbuj też” ma wysokość swojej treści (bez pustych pasów u góry i u dołu) */
@media (min-width:992px){
  .fujiux-balanced .product__col>.fujiux-bundle{flex:0 0 auto!important;justify-content:flex-start!important}
}

/* 1.2.29: komputer – „Informacje o produkcie” w prawej kolumnie, gdy lewa jest dużo dłuższa */
.fujiux-specs-card{flex:0 0 auto;margin-top:1rem;padding:1rem 1.25rem .75rem;border:1px solid #dfe5df;border-radius:16px;background:#fff}
.fujiux-specs-card .fujiux-specs{margin:0;padding:0;border-top:0}

/* 1.2.33: najniższa cena z 30 dni tylko przy promocji */
.fujiux-omni-off .omniprice-lowest-price{display:none!important}

/* ---------- 1.2.34: wygląd jak w projekcie (karta zestawu Yuki, str. 27) ---------- */
/* okruszki: małe, wielkie litery, ukośnik */
html.fujiux .breadcrumb{--bs-breadcrumb-divider:"/";font-size:12px;letter-spacing:.12em;text-transform:uppercase}
html.fujiux .breadcrumb a{color:#6b746d;text-decoration:none}
html.fujiux .breadcrumb a:hover{color:#2d3e2f;text-decoration:underline}
html.fujiux .breadcrumb .breadcrumb-item.active,html.fujiux .breadcrumb .breadcrumb-item:last-child{color:#182024;font-weight:500}
html.fujiux .breadcrumb-item+.breadcrumb-item::before{content:"/";color:#9aa39c}
/* galeria: strzałki i licznik */
#product-images{position:relative}
.fujiux-gnav__btn{position:absolute;top:50%;z-index:5;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:1px solid #eef1ee;background:rgba(255,255,255,.92);color:#2d3e2f;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 0 3px;box-shadow:0 1px 6px rgba(0,0,0,.06)}
.fujiux-gnav__btn:hover{background:#fff;color:var(--fujiux-green)}
.fujiux-gnav__btn:focus-visible{outline:2px solid var(--fujiux-green);outline-offset:2px}
.fujiux-gnav__prev{left:12px}
.fujiux-gnav__next{right:12px}
.fujiux-gnav__count{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:5;background:rgba(24,32,36,.7);color:#fff;font-size:12px;line-height:1.4;padding:3px 10px;border-radius:999px;pointer-events:none}
@media (max-width:767.98px){.fujiux-gnav__btn{width:36px;height:36px;margin-top:-18px;font-size:20px}}
/* cena: „329 zł z matchą Ceremonialna” */
.fujiux-price-for{font-size:14px;color:#6b746d;align-self:baseline}
/* InPost Pay pod koszykiem */
.fujiux-iprow{margin:.75rem 0 0;font-size:13px;color:#6b746d}
.fujiux-iprow__label{white-space:nowrap}
.product__prices .d-flex:has(> .fujiux-price-for){align-items:baseline!important}

/* ---------- 1.2.35: ramki w jednym rzędzie, równej wysokości ---------- */
.fujiux-belowrow{display:flex;gap:24px;align-items:stretch;margin:28px 0 8px;width:100%}
.fujiux-belowrow>.fujiux-card{flex:1 1 0;min-width:0;background:#fff;border:1px solid #e6ebe6;border-radius:16px;padding:20px 21px;display:flex;flex-direction:column;gap:18px}
.fujiux-belowrow>.fujiux-card--right{border-color:#dfe5df}
.fujiux-belowrow>.fujiux-card>*{flex:0 0 auto!important;margin:0!important;max-width:100%}
.fujiux-belowrow>.fujiux-card>#fujiux-specs:last-child,.fujiux-belowrow>.fujiux-card>section:last-child{flex:1 1 auto!important}
.fujiux-belowrow .fujiux-trust{margin:0;border-top:0;padding-top:0}
.fujiux-belowrow .fujiux-card--left>.fujiux-specs:not(:first-child){padding-top:16px!important;border-top:1px solid #eef1ee}
.fujiux-belowrow .fujiux-card--right>.fujiux-specs{padding:0;border-top:0}
.fujiux-belowrow .fujiux-card>.fujiux-bundle{border:0;padding:0;background:transparent;border-radius:0}
@media (max-width:991.98px){.fujiux-belowrow{flex-direction:column;gap:16px;margin-top:20px}}
/* ---------- 1.2.36: miniatury kwadratowe – pasek miniatur nie jest wyższy od dużego zdjęcia ---------- */
@media (min-width:768px){html.fujiux .thumbnails__container{height:auto}html.fujiux .thumbnails__container .thumbnails__list{height:auto}html.fujiux .thumbnails__container .thumbnails__list .thumbnail{flex:0 0 auto;aspect-ratio:1/1;max-height:none}}

/* 1.2.39: nakładka „+N” na 5. miniaturze – ciemna zamiast białej, żeby kolor czarki nie zmieniał się (czerwona wyglądała na różową) */
html.fujiux .thumbnails__container .thumbnail__overlay{background:rgba(24,32,36,.5)!important}
html.fujiux .thumbnails__container .thumbnail.active .thumbnail__overlay{background:rgba(24,32,36,.62)!important}
html.fujiux .thumbnails__container .thumbnail__counter{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
/* 1.2.41: listy zestawów – przyciski klas matchy i karty „od 269 zł · Wybierz klasę” (projekt, s. 25) */
.fujiux-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 22px}
.fujiux-chips__label{font-size:14px;font-weight:600;color:#182024;margin-right:4px}
.fujiux-chip{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;border:1px solid #dfe5df;background:#fff;color:#2d3e2f!important;font-size:14px;font-weight:500;line-height:1;text-decoration:none!important;white-space:nowrap}
.fujiux-chip:hover{border-color:#496b53}
.fujiux-chip.is-active{background:#496b53;border-color:#496b53;color:#fff!important}
.fujiux-chips__more{margin-left:auto;font-size:14px;font-weight:500;color:#496b53!important;text-decoration:underline!important;text-underline-offset:3px}
html.fujiux-sets-all #left-column,html.fujiux-sets-all #search_filter_toggler{display:none!important}
html.fujiux-sets-all #content-wrapper{flex:0 0 100%;max-width:100%;width:100%}
html.fujiux-sets-all #js-product-list-top{display:none!important}
.fujiux-setcard .product-miniature__title{margin-bottom:0!important}
.fujiux-setcard__sub{margin:4px 0 0;font-size:13px;line-height:1.4;color:#6b746d}
.fujiux-setcard__dots{display:flex;align-items:center;gap:4px;margin:8px 0 0;font-size:12.5px;line-height:1.3;color:#4b5a4f}
.fujiux-setcard__dot{width:12px;height:12px;border-radius:50%;flex:none;background:#3f8f4a}
.fujiux-setcard__dot:nth-child(2){background:#2e4470}
.fujiux-setcard__dot:nth-child(3){background:#1e4d36;margin-right:4px}
.fujiux-setcard .product-miniature__price{font-size:18px;font-weight:700;color:#182024;white-space:nowrap}
.fujiux-setcard__pick{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border-radius:999px;border:1px solid #dfe5df;background:#fff;color:#2d3e2f!important;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none!important}
.fujiux-setcard .product-miniature__infos .row>.col-6{flex:0 0 100%;max-width:100%;width:100%}
.fujiux-setcard .product-miniature__infos .row>.col-6.justify-content-end{justify-content:stretch!important;margin-top:2px}
.fujiux-setcard__pick{width:100%}
.fujiux-setcard__pick:hover{border-color:#496b53}
.fujiux-setcard__pick.is-off{color:#6b746d!important;cursor:default}
.fujiux-setcard__pick.is-off:hover{border-color:#dfe5df}
.fujiux-setcard--off .card{opacity:.6}
.fujiux-setcard .product-flags .fujiux-setcard__off{background:#4b5a4f!important;color:#fff!important;border-radius:999px}
@media (max-width:575.98px){
.fujiux-chips{gap:6px;margin-bottom:16px}.fujiux-chips__label{width:100%}.fujiux-chips__more{margin-left:0;width:100%;margin-top:4px;font-size:13px}
.fujiux-chip{height:36px;padding:0 12px;font-size:13px}
.fujiux-setcard .product-miniature__infos .row>.col-6{flex:0 0 100%;max-width:100%;width:100%}
.fujiux-setcard .product-miniature__infos .row>.col-6.justify-content-end{justify-content:stretch!important}
.fujiux-setcard__pick{width:100%;height:36px;font-size:12.5px}
.fujiux-setcard__sub{font-size:12px}.fujiux-setcard__dots{font-size:12px}
}
@media (min-width:1200px){html.fujiux-sets-all #js-product-list .js-product-miniature{flex:0 0 25%;max-width:25%;width:25%}html.fujiux-sets-all .fujiux-setcard .product-miniature__infos .row>.col-6{flex:1 1 auto;width:auto;max-width:none}html.fujiux-sets-all .fujiux-setcard .product-miniature__infos .row>.col-6.justify-content-end{flex:0 0 auto;justify-content:flex-end!important;margin-top:0}html.fujiux-sets-all .fujiux-setcard__pick{width:auto}}