@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* =========================================================
   PBSTORE — Product Page — Related Products Premium
   CANONICAL_ID: 314928
   SCOPE: frontend
   LOCATION: head
   PRIORITY: 10

   Fase 1 neutra-ready:
   - titolo premium: "Confronta le alternative"
   - UX predisposta per 4 slot
   - fallback neutro di default
   - badge/bordi speciali attivi SOLO con classi veritiere
   - prezzo lasciato visibile
   - pulsante standard nascosto
========================================================= */

.single-product .pbstore-related-anchor,
.single-product .related.products,
.single-product .woocommerce-tabs{
  float:none !important;
  clear:both !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
}

.single-product .pbstore-related-anchor{
  margin:28px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.single-product .pbstore-related-anchor::before,
.single-product .pbstore-related-anchor::after,
.single-product .related.products::before,
.single-product .related.products::after,
.single-product .woocommerce-tabs::before,
.single-product .woocommerce-tabs::after{
  display:none !important;
  content:none !important;
  border:0 !important;
  box-shadow:none !important;
  background:none !important;
}

.single-product .related.products{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.single-product .related.products > h2{
  margin:0 0 10px !important;
  text-align:center;
  font-family:"Plus Jakarta Sans", Inter, Arial, sans-serif;
  font-size:clamp(30px, 2.7vw, 42px);
  line-height:1.04;
  font-weight:500;
  letter-spacing:-0.045em;
  color:#41566f;
}

.single-product .related.products > h2::after{
  content:"Versioni simili, alternative di fascia e modelli collegati";
  display:block;
  margin-top:10px;
  font-size:13px;
  line-height:1.5;
  font-weight:600;
  letter-spacing:.01em;
  color:#8da0b3;
}

.single-product .related.products ul.products{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.single-product .related.products ul.products::before,
.single-product .related.products ul.products::after{
  display:none !important;
  content:none !important;
}

.single-product .related.products ul.products li.product,
.single-product .related.products ul.products li.type-product{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,251,255,0.98) 100%);
  box-shadow:
    0 14px 28px rgba(21, 42, 68, 0.07),
    inset 0 1px 0 rgba(255,255,255,0.9);
  overflow:hidden !important;
  text-align:left !important;
  border:2px solid rgba(71,107,146,.18);
  transition:transform .20s ease, box-shadow .20s ease, border-color .20s ease;
  position:relative !important;
}

.single-product .related.products ul.products li.product:hover,
.single-product .related.products ul.products li.type-product:hover{
  transform:translateY(-4px);
  box-shadow:
    0 22px 36px rgba(21, 42, 68, 0.11),
    inset 0 1px 0 rgba(255,255,255,0.94);
  border-color:rgba(71,107,146,.30);
}

/* fallback neutral by default */
.single-product .related.products ul.products li.product::before,
.single-product .related.products ul.products li.type-product::before{
  display:none;
}

/* special states must be truthful and explicitly activated by future logic */
.single-product .related.products ul.products li.product.pbstore-alt-is-cheaper,
.single-product .related.products ul.products li.type-product.pbstore-alt-is-cheaper{
  border-color:rgba(210,72,72,.60);
  box-shadow:
    0 18px 34px rgba(21, 42, 68, 0.10),
    inset 0 1px 0 rgba(255,255,255,0.94);
}

.single-product .related.products ul.products li.product.pbstore-alt-is-cheaper::before,
.single-product .related.products ul.products li.type-product.pbstore-alt-is-cheaper::before{
  content:"Più Economico";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:14px;
  left:14px;
  z-index:3;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(210,72,72,.10);
  border:1px solid rgba(210,72,72,.26);
  color:#b42323;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.single-product .related.products ul.products li.product.pbstore-alt-is-premium,
.single-product .related.products ul.products li.type-product.pbstore-alt-is-premium{
  border-color:rgba(34,147,94,.60);
  box-shadow:
    0 18px 34px rgba(21, 42, 68, 0.10),
    inset 0 1px 0 rgba(255,255,255,0.94);
}

.single-product .related.products ul.products li.product.pbstore-alt-is-premium::before,
.single-product .related.products ul.products li.type-product.pbstore-alt-is-premium::before{
  content:"Migliore Qualità";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:14px;
  left:14px;
  z-index:3;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(34,147,94,.10);
  border:1px solid rgba(34,147,94,.24);
  color:#16794a;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

/* optional future target labels */
.single-product .related.products ul.products li.product.pbstore-alt-label-woman::after,
.single-product .related.products ul.products li.type-product.pbstore-alt-label-woman::after,
.single-product .related.products ul.products li.product.pbstore-alt-label-man::after,
.single-product .related.products ul.products li.type-product.pbstore-alt-label-man::after,
.single-product .related.products ul.products li.product.pbstore-alt-label-child::after,
.single-product .related.products ul.products li.type-product.pbstore-alt-label-child::after{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(61,126,197,.08);
  border:1px solid rgba(61,126,197,.20);
  color:#245a94;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.single-product .related.products ul.products li.product.pbstore-alt-label-woman::after,
.single-product .related.products ul.products li.type-product.pbstore-alt-label-woman::after{
  content:"Versione donna";
}

.single-product .related.products ul.products li.product.pbstore-alt-label-man::after,
.single-product .related.products ul.products li.type-product.pbstore-alt-label-man::after{
  content:"Versione uomo";
}

.single-product .related.products ul.products li.product.pbstore-alt-label-child::after,
.single-product .related.products ul.products li.type-product.pbstore-alt-label-child::after{
  content:"Versione bambino";
}

.single-product .related.products ul.products li.product > a:first-child,
.single-product .related.products ul.products li.type-product > a:first-child{
  display:block;
  padding:20px 16px 0 !important;
  text-decoration:none !important;
  color:inherit !important;
}

.single-product .related.products ul.products li.product a img,
.single-product .related.products ul.products li.type-product a img{
  display:block;
  width:100% !important;
  aspect-ratio:4 / 5;
  height:auto !important;
  object-fit:cover;
  object-position:center top;
  margin:0 0 14px !important;
  border-radius:20px;
  background:#f4f7fa;
  box-shadow:
    0 10px 22px rgba(21, 42, 68, 0.06),
    inset 0 1px 0 rgba(255,255,255,0.84);
}

.single-product .related.products ul.products li.product .woocommerce-loop-product__title,
.single-product .related.products ul.products li.type-product .woocommerce-loop-product__title{
  min-height:3.1em;
  margin:0 0 12px !important;
  font-family:"Plus Jakarta Sans", Inter, Arial, sans-serif;
  font-size:17px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:-0.025em;
  color:#20354c;
}

.single-product .related.products ul.products li.product .price,
.single-product .related.products ul.products li.type-product .price{
  display:block;
  margin:0 16px 16px !important;
  font-size:15px;
  line-height:1.4;
  font-weight:700;
  color:#5b6b7c;
}

.single-product .related.products ul.products li.product .price del,
.single-product .related.products ul.products li.type-product .price del{
  color:#9aa7b6;
  margin-right:6px;
}

.single-product .related.products ul.products li.product .price ins,
.single-product .related.products ul.products li.type-product .price ins{
  text-decoration:none;
  color:#20354c;
}

.single-product .related.products ul.products li.product .archive-product-categories,
.single-product .related.products ul.products li.type-product .archive-product-categories,
.single-product .related.products ul.products li.product .posted_in,
.single-product .related.products ul.products li.type-product .posted_in,
.single-product .related.products ul.products li.product .star-rating,
.single-product .related.products ul.products li.type-product .star-rating,
.single-product .related.products ul.products li.product .woocommerce-review-link,
.single-product .related.products ul.products li.type-product .woocommerce-review-link,
.single-product .related.products ul.products li.product .added_to_cart,
.single-product .related.products ul.products li.type-product .added_to_cart,
.single-product .related.products ul.products li.product .onsale,
.single-product .related.products ul.products li.type-product .onsale,
.single-product .related.products ul.products li.product .button,
.single-product .related.products ul.products li.type-product .button{
  display:none !important;
}

.single-product .woocommerce-tabs{
  margin-top:34px !important;
}

@media (max-width:1199px){
  .single-product .related.products ul.products{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px !important;
  }
}

@media (max-width:767px){
  .single-product .pbstore-related-anchor{
    margin-top:20px !important;
  }

  .single-product .related.products > h2{
    margin-bottom:8px !important;
    font-size:28px;
  }

  .single-product .related.products > h2::after{
    font-size:12px;
    margin-top:8px;
  }

  .single-product .related.products ul.products{
    grid-template-columns:1fr;
    gap:16px !important;
  }

  .single-product .related.products ul.products li.product > a:first-child,
  .single-product .related.products ul.products li.type-product > a:first-child{
    padding:20px 14px 0 !important;
  }

  .single-product .related.products ul.products li.product .price,
  .single-product .related.products ul.products li.type-product .price{
    margin-left:14px !important;
    margin-right:14px !important;
  }

  .single-product .related.products ul.products li.product.pbstore-alt-is-cheaper::before,
  .single-product .related.products ul.products li.type-product.pbstore-alt-is-cheaper::before,
  .single-product .related.products ul.products li.product.pbstore-alt-is-premium::before,
  .single-product .related.products ul.products li.type-product.pbstore-alt-is-premium::before,
  .single-product .related.products ul.products li.product.pbstore-alt-label-woman::after,
  .single-product .related.products ul.products li.type-product.pbstore-alt-label-woman::after,
  .single-product .related.products ul.products li.product.pbstore-alt-label-man::after,
  .single-product .related.products ul.products li.type-product.pbstore-alt-label-man::after,
  .single-product .related.products ul.products li.product.pbstore-alt-label-child::after,
  .single-product .related.products ul.products li.type-product.pbstore-alt-label-child::after{
    top:12px;
    font-size:10px;
  }

  .single-product .related.products ul.products li.product.pbstore-alt-is-cheaper::before,
  .single-product .related.products ul.products li.type-product.pbstore-alt-is-cheaper::before,
  .single-product .related.products ul.products li.product.pbstore-alt-is-premium::before,
  .single-product .related.products ul.products li.type-product.pbstore-alt-is-premium::before{
    left:12px;
  }

  .single-product .related.products ul.products li.product.pbstore-alt-label-woman::after,
  .single-product .related.products ul.products li.type-product.pbstore-alt-label-woman::after,
  .single-product .related.products ul.products li.product.pbstore-alt-label-man::after,
  .single-product .related.products ul.products li.type-product.pbstore-alt-label-man::after,
  .single-product .related.products ul.products li.product.pbstore-alt-label-child::after,
  .single-product .related.products ul.products li.type-product.pbstore-alt-label-child::after{
    right:12px;
  }
}
