.pftr-product{
  --pftr-text:#0b1220;
  --pftr-muted:#5b667a;
  --pftr-bg:#ffffff;
  --pftr-soft:#f5f7fb;
  --pftr-border:rgba(16,24,40,.12);
  --pftr-accent:#0b66ff;
  --pftr-accent2:#00a6ff;
  --pftr-shadow:0 12px 34px rgba(16,24,40,.12);
  --pftr-radius:18px;
  --pftr-max:1140px;

  color:var(--pftr-text);
  background:var(--pftr-bg);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,sans-serif;
  line-height:1.55;
}
.pftr-wrap{max-width:var(--pftr-max); margin:0 auto; padding:0 20px}
.pftr-section{padding:64px 0}
.pftr-section--soft{background:var(--pftr-soft)}
.pftr-h1,.pftr-h2,.pftr-h3{line-height:1.15; letter-spacing:-.02em; margin:0 0 12px}
.pftr-h1{font-size:clamp(28px,3.2vw,44px)}
.pftr-h2{font-size:clamp(22px,2.4vw,34px)}
.pftr-h3{font-size:18px}
.pftr-p{margin:0 0 14px}
.pftr-product img,.pftr-product video{max-width:100%; height:auto; display:block}

/* HERO */
.pftr-hero{position:relative; overflow:hidden; background:#0b1220}
.pftr-hero__media{
  position:relative;
  min-height:72vh;
}

.pftr-hero__media::before{
  content:"";
  position:absolute;
  inset:0;
  /*background-image:url("../images/schede_tecniche/piscina_fuori_terra_acqua_grigia_360_bg.webp");*/
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  opacity:.45;           
  transform:scale(1.02); 
  z-index:0;
}

.pftr-hero__img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}

.pftr-hero__overlay{
  position:absolute; inset:0;
  /*background:
    radial-gradient(900px 500px at 20% 20%, rgba(11,102,255,.35), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.62) 55%, rgba(11,18,32,.92) 100%);*/
  z-index:1;
}
.pftr-hero__content{
  position:relative;
  z-index:2;
  padding:40px 20px 44px;
  color:#fff;
  margin-top:-72vh;
  z-index:2;
}
/* responsive */
@media (max-width: 920px){
  .pftr-hero__media{min-height:64vh}
  .pftr-hero__content{margin-top:-64vh}
}	  

.pftr-breadcrumbs{margin:0 0 12px; font-size:13px; color:rgba(255,255,255,.86)}
.pftr-breadcrumbs a{color:rgba(255,255,255,.92); text-decoration:none}
.pftr-breadcrumbs a:hover{text-decoration:underline}
.pftr-lead{max-width:820px; font-size:clamp(15px,1.35vw,18px); color:rgba(255,255,255,.9); margin-bottom:18px}

.pftr-badges{list-style:none; padding:0; margin:14px 0 20px; display:flex; flex-wrap:wrap; gap:10px}
.pftr-badges li{
  padding:8px 10px; border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  font-size:13px;
  backdrop-filter:blur(6px);
}
.pftr-cta{display:flex; flex-wrap:wrap; gap:10px}

/* BUTTONS */
.pftr-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:12px 16px; border-radius:14px;
  text-decoration:none; font-weight:650;
  border:1px solid transparent;
  transition:transform .08s ease, background .15s ease, border-color .15s ease;
  white-space:nowrap;
}
.pftr-btn:active{transform:translateY(1px)}
.pftr-btn--primary{
  background:linear-gradient(90deg,var(--pftr-accent),var(--pftr-accent2));
  color:#fff;
  box-shadow:0 10px 22px rgba(11,102,255,.25);
}
.pftr-btn--ghost{
  background:rgba(255,255,255,.10);
  color:#fff;
  border-color:rgba(255,255,255,.22);
}
.pftr-btn--ghost:hover{background:rgba(255,255,255,.14)}
@media (max-width: 620px){
  .pftr-btn{
    white-space: normal;
    text-align: center;
    width:100%;
    justify-content:center;
  }
}

/* GRID */
.pftr-grid{display:grid; gap:22px; align-items:start}
.pftr-grid--2{grid-template-columns:1.05fr .95fr}
@media (max-width: 920px){
  .pftr-grid--2{grid-template-columns:1fr}
  .pftr-hero__media{min-height:64vh}
  .pftr-hero__content{margin-top:-64vh}
}

/* TABLE */
.pftr-specs{
  background:var(--pftr-bg);
  border:1px solid var(--pftr-border);
  border-radius:var(--pftr-radius);
  box-shadow:var(--pftr-shadow);
  overflow:hidden;
  margin:16px 0;
}
.pftr-table{width:100%; border-collapse:collapse}
.pftr-table caption{
  text-align:left; padding:14px 16px; font-weight:750;
  background:linear-gradient(180deg,#fff 0%, #fbfcff 100%);
  border-bottom:1px solid var(--pftr-border);
}
.pftr-table th,.pftr-table td{padding:12px 16px; border-bottom:1px solid var(--pftr-border)}
.pftr-table th{width:44%; text-align:left; color:#2a3446; font-weight:700; background:#fcfdff}
.pftr-table td{color:#121a2a}
.pftr-table tr:last-child th,.pftr-table tr:last-child td{border-bottom:none}

/* CARDS */
.pftr-card{
  background:var(--pftr-bg);
  border:1px solid var(--pftr-border);
  border-radius:var(--pftr-radius);
  box-shadow:var(--pftr-shadow);
  overflow:hidden;
  margin:0;
}
.pftr-card__img{background:#fff}
.pftr-caption{
  padding:12px 14px; color:var(--pftr-muted); font-size:13px;
  border-top:1px solid var(--pftr-border);
  background:#fcfdff;
}

.pftr-note,.pftr-callout{
  padding:14px 16px;
  border-radius:var(--pftr-radius);
  border:1px solid var(--pftr-border);
  background:linear-gradient(180deg,#fff 0%, #fbfcff 100%);
  box-shadow:0 10px 24px rgba(16,24,40,.06);
}
.pftr-callout{margin-top:18px}

/* KIT */
.pftr-kit{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:18px;
}
@media (max-width: 980px){ .pftr-kit{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 620px){ .pftr-kit{grid-template-columns:1fr} }

.pftr-kit__item{
  background:var(--pftr-bg);
  border:1px solid var(--pftr-border);
  border-radius:var(--pftr-radius);
  box-shadow:0 10px 26px rgba(16,24,40,.08);
  padding:16px 16px 14px;
}

.pftr-ico{
  width:44px; height:44px;
  display:grid; place-items:center;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(11,102,255,.14), rgba(0,166,255,.10));
  border:1px solid rgba(11,102,255,.18);
  margin-bottom: 10px;
}
.pftr-ico svg{
  width:22px; height:22px;
  fill:none; stroke:rgba(11,18,32,.88);
  stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
}

/* ISTRUZIONI */
.pftr-actions{margin:12px 0 10px}
.pftr-steps{margin:14px 0 0; padding:0 0 0 18px; color:#1e2a40}
.pftr-steps li{margin:8px 0}
.pftr-video{
  width:100%;
  height:100%;
  display:block;
  border:0;
}

/* FEATURES */
.pftr-features{display:grid; gap:12px; margin-top:14px}
.pftr-feature{
  background:var(--pftr-bg);
  border:1px solid var(--pftr-border);
  border-radius:var(--pftr-radius);
  padding:14px 16px;
}

/* FAQ */
.pftr-faq__item{
  border:1px solid var(--pftr-border);
  border-radius:var(--pftr-radius);
  background:var(--pftr-bg);
  box-shadow:0 10px 24px rgba(16,24,40,.06);
  margin:10px 0;
  overflow:hidden;
}
.pftr-faq__item summary{
  cursor:pointer;
  padding:14px 16px;
  font-weight:750;
  list-style:none;
  position:relative;
}
.pftr-faq__item summary::-webkit-details-marker{display:none}
.pftr-faq__item summary::after{
  content:"+";
  position:absolute; right:16px; top:12px;
  width:28px; height:28px;
  border-radius:10px;
  display:grid; place-items:center;
  border:1px solid var(--pftr-border);
  color:#2a3446;
  background:#fbfcff;
  font-weight:900;
}
.pftr-faq__item[open] summary::after{content:"–"}
.pftr-faq__content{padding:0 16px 14px}
	  
/* GALLERY */
.pftr-gallery__btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--pftr-border);
  background:linear-gradient(180deg,#fff 0%, #fbfcff 100%);
  text-decoration:none;
  font-weight:650;
  color:var(--pftr-text);
  box-shadow:0 10px 22px rgba(16,24,40,.06);
  margin:8px 0 18px;
}
.pftr-gallery__btn:hover{transform:translateY(-1px)}
.pftr-gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
@media (max-width: 980px){ .pftr-gallery{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 620px){ .pftr-gallery{grid-template-columns:1fr} }

.pftr-gallery__item{
  margin:0;
  border-radius:var(--pftr-radius);
  overflow:hidden;
  border:1px solid var(--pftr-border);
  box-shadow:0 10px 26px rgba(16,24,40,.08);
  background:#fff;
}
.pftr-gallery__link{display:block; text-decoration:none}
.pftr-gallery__img{
  width:100%;
  height:240px;
  object-fit:cover;
  display:block;
  transition:transform .25s ease, filter .25s ease;
}
.pftr-gallery__item:hover .pftr-gallery__img{
  transform:scale(1.03);
  filter:saturate(1.05);
}
.pftr-gallery__note{margin-top:14px; color:var(--pftr-muted)}
	  
/* YT click-to-load (leggero) */
.pftr-yt{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#000;
  overflow:hidden;
  cursor:pointer;
}
.pftr-yt__thumb{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.4);
  transform-origin:center 35%;
  display:block;
}
.pftr-yt__play{
  position:absolute;
  inset:auto auto 50% 50%;
  transform:translate(-50%,50%);
  width:72px;
  height:72px;
  border-radius:18px;
  border:0;
  cursor:pointer;
  font-size:28px;
  font-weight:900;
  line-height:1;
  background:rgba(0,0,0,.65);
  color:#fff;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
  pointer-events:none;
}
.pftr-yt__play:hover{transform:translate(-50%,50%) scale(1.03)}