/* ITALPARK — Esperienza immersiva "Le 4 Stagioni" (child theme, servita dal modulo italparkassets).
   Scoped a body.product-id-186 (Serie 4 stagioni). Compliant PS9.
   Concept: 4 VIDEO-LOOP stagionali del giardino (neve/foglie/petali/sole REALI nel filmato, non particelle)
   che si DISSOLVONO da una stagione all'altra, + testata trasparente con blur + contenuto su box bianchi
   + footer escluso + player VIVALDI "Le 4 Stagioni" con l'estratto iconico SINCRONIZZATO alla stagione.
   Sfondo e player iniettati da stagioni.js. SOLO DESKTOP (>=1200): su mobile la pagina resta NORMALE. */

@media (min-width:1200px){
  #stag-bg{ position:fixed; inset:0; z-index:0; background:#0a0806; }
  #stag-bg .stag-vid{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 1.6s ease; }
  #stag-bg .stag-vid.active{ opacity:1; }
  #stag-bg .stag-veil{ position:absolute; inset:0; pointer-events:none; background:
     linear-gradient(180deg, rgba(12,10,8,.5) 0%, rgba(12,10,8,.12) 16%, rgba(12,10,8,.10) 60%, rgba(12,10,8,.30) 100%); }

  body.product-id-186 #wrapper, body.product-id-186 #content-wrapper, body.product-id-186 #main,
  body.product-id-186 .columns-container, body.product-id-186 .center-column, body.product-id-186 .product-container,
  body.product-id-186 .breadcrumb__wrapper, body.product-id-186 #content, body.product-id-186 #notifications{ position:relative; z-index:1; }
  body.product-id-186 #wrapper, body.product-id-186 #content-wrapper, body.product-id-186 #main,
  body.product-id-186 .columns-container, body.product-id-186 .center-column, body.product-id-186 .breadcrumb__wrapper{ background:transparent !important; }

  /* testata immersiva: FISSA, trasparente + blur + bianco; VERDE solida allo scroll (.stag-scrolled) */
  body.product-id-186 header.header{ position:fixed !important; top:0 !important; left:0 !important; right:auto !important; width:100vw !important; z-index:60 !important;
     background:linear-gradient(180deg, rgba(18,28,16,.78) 0%, rgba(18,28,16,.42) 55%, rgba(18,28,16,0) 100%) !important; box-shadow:none !important; border:0 !important; transition:background .3s ease, box-shadow .3s ease; }
  body.product-id-186 header.header .header-top{ background:transparent !important; border-bottom:1px solid rgba(255,255,255,.16) !important; }
  body.product-id-186 header.header::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
     -webkit-backdrop-filter:blur(9px) saturate(1.04); backdrop-filter:blur(9px) saturate(1.04);
     -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,.35) 80%,transparent 100%);
     mask-image:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,.35) 80%,transparent 100%); }
  body.product-id-186 header.header > *{ position:relative; z-index:1; }
  body.product-id-186 header.header, body.product-id-186 header.header a, body.product-id-186 header.header .ps-mainmenu__tree-link,
  body.product-id-186 header.header .header-top__left, body.product-id-186 header.header .header-top__right,
  body.product-id-186 header.header .ps-shoppingcart a, body.product-id-186 header.header .header-block,
  body.product-id-186 header.header .ps-searchbar__magnifier, body.product-id-186 header.header .itlp-lang, body.product-id-186 header.header .itlp-cta{ color:#fff !important; }
  body.product-id-186 header.header .itlp-lang{ border-color:rgba(255,255,255,.4) !important; }
  body.product-id-186 header.header .header-bottom__logo img.logo{ filter:brightness(0) invert(1) !important; -webkit-filter:brightness(0) invert(1) !important; }
  body.product-id-186 header.header.stag-scrolled{ background:rgba(17,24,14,.70) !important; -webkit-backdrop-filter:blur(15px) saturate(1.3) !important; backdrop-filter:blur(15px) saturate(1.3) !important; border-bottom:1px solid rgba(201,171,110,.3) !important; box-shadow:0 10px 30px -10px rgba(0,0,0,.5) !important; }
  body.product-id-186 header.header.stag-scrolled::before{ -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
  body.product-id-186 header.header.stag-scrolled .header-top{ border-bottom-color:rgba(255,255,255,.18) !important; }

  body.product-id-186 #wrapper{ padding-top:150px !important; }
  body.product-id-186 .breadcrumb__wrapper{ padding-top:.4rem !important; }
  body.product-id-186 .breadcrumb, body.product-id-186 .breadcrumb *{ color:rgba(255,255,255,.92) !important; }

  /* contenuto su box BIANCHI pieni */
  body.product-id-186 .center-column > .product-container,
  body.product-id-186 .center-column > .product-comments-wrapper,
  body.product-id-186 .center-column > .product__accessories,
  body.product-id-186 .center-column > .ps-categoryproducts,
  body.product-id-186 .center-column > .ps-viewedproduct{ background:#ffffff !important; border-radius:10px; box-shadow:0 24px 66px -26px rgba(0,0,0,.7); padding:1.6rem !important; }
  body.product-id-186 .center-column > .product-container{ margin-top:2rem !important; }
  body.product-id-186 .center-column > .product-comments-wrapper,
  body.product-id-186 .center-column > .product__accessories,
  body.product-id-186 .center-column > .ps-categoryproducts,
  body.product-id-186 .center-column > .ps-viewedproduct{ margin-top:1.3rem !important; }

  /* footer + newsletter ESCLUSI */
  body.product-id-186 footer{ position:relative !important; z-index:1 !important; background:#f3efe6 !important; }
  body.product-id-186 .ps-emailsubscription, body.product-id-186 .footer__main, body.product-id-186 footer > *{ position:relative !important; z-index:1 !important; }

  /* PLAYER Vivaldi (iniettato da stagioni.js) — angoli netti, NIENTE PILLOLE */
  #stag-player{ position:fixed; right:18px; bottom:96px; z-index:50; }
  #stag-toggle{ display:inline-flex; align-items:center; gap:10px; cursor:pointer; background:rgba(16,22,14,.82); color:#f3efe3;
     border:1.5px solid #9a7b3f; border-radius:6px; padding:11px 15px; font-family:'Poppins',system-ui,sans-serif; font-size:.74rem;
     font-weight:600; letter-spacing:.08em; text-transform:uppercase; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); transition:.25s; }
  #stag-toggle:hover{ background:rgba(154,123,63,.92); color:#fff; }
  #stag-toggle .stag-ico{ font-size:.85rem; line-height:1; } #stag-toggle b{ font-weight:700; }
}

/* ===== MOBILE/TABLET (<1200): esperienza SPENTA -> pagina NORMALE ===== */
@media (max-width:1199px){
  body.product-id-186 #stag-bg, body.product-id-186 #stag-player{ display:none !important; }
}
