/* ======================================================
PATCH 2026-01-21
- Nasconde header/menu/logo/footer SOLO su pagina "smart-tv"
- Riduce font nei box "Dati Tecnici" e migliora wrap HTML
====================================================== */
/* ----- HIDE HEADER/MENU/LOGO/FOOTER (molti temi) ----- */
body.page-smart-tv header,
body.page-smart-tv #main-header,
body.page-smart-tv #top-header,
body.page-smart-tv #et-main-header,
body.page-smart-tv #et-top-navigation,
body.page-smart-tv .et_header_style_left,
body.page-smart-tv .et_header_style_split,
body.page-smart-tv .et_builder_inner_content > header,
body.page-smart-tv #site-header,
body.page-smart-tv .site-header,
body.page-smart-tv .main-header,
body.page-smart-tv #masthead,
body.page-smart-tv .masthead,
body.page-smart-tv .ast-header,
body.page-smart-tv .ast-primary-header,
body.page-smart-tv .elementor-location-header,
body.page-smart-tv .et-l--header,
body.page-smart-tv .fusion-header,
body.page-smart-tv .fl-page-header,
body.page-smart-tv .header,
body.page-smart-tv .header-wrapper,
body.page-smart-tv .header-wrap,
body.page-smart-tv .top-bar,
body.page-smart-tv nav,
body.page-smart-tv .site-navigation,
body.page-smart-tv .main-navigation,
body.page-smart-tv .navbar,
body.page-smart-tv .site-logo,
body.page-smart-tv .custom-logo,
body.page-smart-tv .logo,
body.page-smart-tv footer,
body.page-smart-tv #site-footer,
body.page-smart-tv .site-footer,
body.page-smart-tv .elementor-location-footer,
body.page-smart-tv .et-l--footer {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
}
/* Rimuove eventuali spacer/placeholder e offset */
body.page-smart-tv #page,
body.page-smart-tv .site,
body.page-smart-tv .site-content,
body.page-smart-tv .content-area,
body.page-smart-tv main,
body.page-smart-tv .header-placeholder,
body.page-smart-tv .header-spacer,
body.page-smart-tv .ast-header-break-point,
body.page-smart-tv .ast-desktop-header,
body.page-smart-tv .ast-mobile-header-wrap {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Divi spesso aggiunge padding-top al container */
body.page-smart-tv #page-container{ padding-top:0 !important; }
body.page-smart-tv #et-main-area{ padding-top:0 !important; }
body.page-smart-tv .et_fixed_nav #main-header{ position:static !important; }
/* Variabili font (vale su PC + TV, ma solo su questa pagina) */
body.page-smart-tv{
--sirio-tv-title: clamp(14px, 1.35vw, 18px);
--sirio-tv-body: clamp(12px, 1.15vw, 15px);
--sirio-tv-small: clamp(11px, 1.05vw, 14px);
}
/* ----- FONT FIX: Dati Tecnici 1/2 + box ----- */
body.page-smart-tv .sirio-tv-box-title{
font-size: var(--sirio-tv-title) !important;
line-height: 1.2 !important;
}
body.page-smart-tv .sirio-tv-box-body{
font-size: var(--sirio-tv-body) !important;
line-height: 1.25 !important;
}
body.page-smart-tv .sirio-tv-tech-row{
display: flex;
gap: 8px;
align-items: flex-start;
margin: 4px 0 !important;
}
body.page-smart-tv .sirio-tv-tech-row .sirio-tv-tech-name{
white-space: nowrap;
opacity: .9;
}
body.page-smart-tv .sirio-tv-tech-row .sirio-tv-tech-value{
flex: 1 1 auto;
min-width: 0;
word-break: break-word;
}
/* Se dentro ai valori arrivano
o , li gestiamo bene */
body.page-smart-tv .sirio-tv-tech-value br{ display: block; content: ""; margin-top: 2px; }
/* =========================================================
SIRIO TV SLIDER – LAYOUT "SCHEDA TV" (INDIPENDENTE)
Tutto lo stile è SCOPED sotto .sirio-tv-page
========================================================= */
/* =========================================================
PAGINA SMART-TV: SPEGNE HEADER / MENU / LOGO / FOOTER
Nota: WordPress aggiunge classi multiple al body
es.
========================================================= */
body.page-smart-tv header,
body.page-smart-tv #site-header,
body.page-smart-tv .site-header,
body.page-smart-tv .main-header,
body.page-smart-tv nav,
body.page-smart-tv .site-logo,
body.page-smart-tv .logo,
body.page-smart-tv footer,
body.page-smart-tv #site-footer,
body.page-smart-tv .site-footer{
display:none !important;
visibility:hidden !important;
height:0 !important;
min-height:0 !important;
}
/* Rimuove eventuali spazi/offset lasciati dal tema */
body.page-smart-tv,
body.page-smart-tv #page,
body.page-smart-tv .site,
body.page-smart-tv .site-content,
body.page-smart-tv .content-area,
body.page-smart-tv main{
margin-top:0 !important;
padding-top:0 !important;
}
body.page-smart-tv.admin-bar{
margin-top:0 !important;
padding-top:0 !important;
}
body.page-smart-tv .header-placeholder,
body.page-smart-tv .header-spacer{
display:none !important;
height:0 !important;
}
/* Wrapper pagina */
.sirio-tv-page{ width:100%; }
/* Slider base */
.sirio-tv{ overflow:hidden; width:100%; }
.sirio-tv-track{
display:flex;
flex-wrap:nowrap;
width:100%;
will-change:transform;
transform:translate3d(0,0,0);
}
.sirio-tv-slide{
flex:0 0 100%;
width:100%;
box-sizing:border-box;
padding:14px;
}
/* Anti-lista: se JS non parte mostra solo la prima slide */
.sirio-tv:not(.sirio-tv--ready) .sirio-tv-slide{ display:none; }
.sirio-tv:not(.sirio-tv--ready) .sirio-tv-slide:first-child{ display:block; }
/* Direzione verticale */
.sirio-tv.sirio-tv--vertical .sirio-tv-track{ flex-direction:column; }
/* =========================================================
CARD SCHEDA TV
========================================================= */
.sirio-tv-page .sirio-tv-scheda{
background:#fff;
border-radius:22px;
padding:22px;
box-sizing:border-box;
box-shadow: 0 0 0 1px rgba(0,0,0,.06);
}
.sirio-tv-page .sirio-tv-scheda-top{
display:grid;
grid-template-columns: 20% 35% 45%;
column-gap:24px;
align-items:start;
}
/* ==============================
SIDE COLUMN: LOGO + TESTO + QR
============================== */
.sirio-tv-page .sirio-tv-scheda-side{
min-width:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-between; /* logo in alto, qr in basso */
padding: 6px 0;
text-align:center;
gap: 12px;
}
.sirio-tv-page .sirio-tv-side-logo img{
width: 80%;
height: auto;
display:block;
margin: 0 auto;
}
.sirio-tv-page .sirio-tv-side-text{
font-size: 14px;
line-height: 1.3;
opacity: .9;
max-width: 92%;
}
.sirio-tv-page .sirio-tv-side-qr{
display:flex;
flex-direction:column;
align-items:center;
gap: 18px;
width: 100%;
}
.sirio-tv-page .sirio-tv-qr-item{
display:flex;
flex-direction:column;
align-items:center;
gap: 6px;
}
.sirio-tv-page .sirio-tv-qr-item img{
width: 120px;
height: 120px;
display:block;
border-radius: 12px;
}
.sirio-tv-page .sirio-tv-qr-item span{
font-size: 13px;
line-height: 1.15;
font-weight: 800;
letter-spacing: .02em;
}
.sirio-tv-page .sirio-tv-scheda-imagewrap{
background:#f3f3f3;
border-radius:22px;
padding:18px;
box-sizing:border-box;
}
.sirio-tv-page .sirio-tv-scheda-main{
width:100%;
height:auto;
aspect-ratio: 4 / 3;
object-fit:cover;
border-radius:22px;
display:block;
}
.sirio-tv-page .sirio-tv-scheda-info{ min-width:0; }
.sirio-tv-page .sirio-tv-scheda-cat{
text-align:center;
font-weight:800;
letter-spacing:.06em;
margin:0 0 12px 0;
font-size:18px;
}
.sirio-tv-page .sirio-tv-scheda-table{
width:100%;
border-collapse:collapse;
border:1px solid #e6e6e6;
border-radius:18px;
overflow:hidden;
background:#fff;
font-size:16px;
}
.sirio-tv-page .sirio-tv-scheda-table td{
padding:10px 12px;
border-bottom:1px solid #efefef;
vertical-align:middle;
}
.sirio-tv-page .sirio-tv-scheda-table tr:last-child td{ border-bottom:none; }
.sirio-tv-page .sirio-tv-scheda-table td:first-child{
color:#666;
width:45%;
}
.sirio-tv-page .sirio-tv-scheda-table td:last-child{
font-weight:800;
text-align:left;
}
/* =========================================================
THUMBS (IMMAGINI SECONDARIE)
- 5 per fila
- max 10 (2 righe)
========================================================= */
.sirio-tv-page .sirio-tv-scheda-thumbs{
display:grid;
grid-template-columns: repeat(5, 1fr); /* 5 per fila */
gap:12px;
margin-top:14px;
align-items:stretch;
}
/* sicurezza: non mostrare oltre la decima */
.sirio-tv-page .sirio-tv-scheda-thumb:nth-child(n+11){
display:none;
}
.sirio-tv-page .sirio-tv-scheda-thumb{
width:100%;
aspect-ratio: 4 / 3;
background:#f3f3f3;
border-radius:14px;
overflow:hidden;
box-shadow: 0 0 0 1px rgba(0,0,0,.06);
}
.sirio-tv-page .sirio-tv-scheda-thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
/* Subbar come nell’immagine (solo visuale, i tools reali stanno sotto) */
.sirio-tv-page .sirio-tv-scheda-subbar{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
padding:14px 4px 6px 4px;
font-size:16px;
color:#444;
}
.sirio-tv-page .sirio-tv-scheda-subleft{ display:flex; gap:14px; align-items:center; }
.sirio-tv-page .sirio-tv-scheda-back{ color:#1a73e8; }
.sirio-tv-page .sirio-tv-scheda-share{ color:#444; }
.sirio-tv-page .sirio-tv-scheda-code{ font-weight:800; }
/* Bottom boxes */
.sirio-tv-page .sirio-tv-scheda-bottom{
display:grid;
grid-template-columns: 1fr 1fr;
gap:18px;
margin-top:18px;
}
.sirio-tv-page .sirio-tv-box{
background:#fff;
border-radius:18px;
padding:16px 18px;
box-shadow: 0 0 0 1px rgba(0,0,0,.06);
box-sizing:border-box;
}
.sirio-tv-page .sirio-tv-box-title{
font-size:18px;
font-weight:900;
margin-bottom:12px;
}
.sirio-tv-page .sirio-tv-tech-row{
padding:6px 0;
border-bottom:1px solid #f0f0f0;
font-size:14px;
line-height:1.25;
}
/* Box a tutta larghezza (Testo 1 / Testo 2) */
.sirio-tv-page .sirio-tv-box-full{
grid-column: 1 / -1;
}
.sirio-tv-page .sirio-tv-text{
font-size:14px;
line-height:1.35;
color:#444;
}
.sirio-tv-page .sirio-tv-tech-row:last-child{ border-bottom:none; }
.sirio-tv-page .sirio-tv-tech-row span{ color:#555; }
/* Box a tutta larghezza sotto ai dati tecnici (Testo 1 / Testo 2) */
.sirio-tv-page .sirio-tv-box-full{
margin-top:18px;
}
.sirio-tv-page .sirio-tv-text{
font-size:14px;
line-height:1.35;
color:#444;
}
/* Tools sotto (non scorre) */
.sirio-tv-tools{
margin-top:14px;
padding:12px 14px;
border-radius:14px;
background:#fff;
box-shadow: 0 0 0 1px rgba(0,0,0,.06);
}
/* La barra vuota sotto Testo 2 era questo contenitore: sulla pagina smart-tv la spegniamo */
body.page-smart-tv .sirio-tv-tools{
display:none !important;
}
/* Se la tools bar viene riattivata, non mostrare mai un box vuoto */
.sirio-tv-tools:empty{ display:none !important; }
/* =========================================================
FALLBACK / ADATTAMENTI
========================================================= */
@media (max-width: 1100px){
.sirio-tv-page .sirio-tv-scheda-top{
grid-template-columns: 22% 34% 44%;
}
.sirio-tv-page .sirio-tv-scheda-thumbs{
gap:10px;
}
}
@media (max-width: 900px){
.sirio-tv-page .sirio-tv-scheda-top{
grid-template-columns: 1fr;
row-gap:16px;
}
.sirio-tv-page .sirio-tv-scheda-bottom{
grid-template-columns: 1fr;
}
}
/* ======================================================
PATCH 2026-01-23 (v2)
- Forza NASCONDIMENTO header/menu/logo SOLO pagina ID 680
- Aumenta respiro a destra sulla colonna info (prima riga)
====================================================== */
/* --- HIDE HEADER/MENU/LOGO (pagina 680) --- */
body.page-id-680 header,
body.page-id-680 #main-header,
body.page-id-680 #top-header,
body.page-id-680 #et-main-header,
body.page-id-680 #et-top-navigation,
body.page-id-680 #site-header,
body.page-id-680 .site-header,
body.page-id-680 .main-header,
body.page-id-680 #masthead,
body.page-id-680 .masthead,
body.page-id-680 .ast-header,
body.page-id-680 .ast-primary-header,
body.page-id-680 .ast-desktop-header,
body.page-id-680 .ast-mobile-header-wrap,
body.page-id-680 .elementor-location-header,
body.page-id-680 .et-l--header,
body.page-id-680 .fusion-header,
body.page-id-680 .fl-page-header,
body.page-id-680 .header,
body.page-id-680 .header-wrapper,
body.page-id-680 .header-wrap,
body.page-id-680 .top-bar,
body.page-id-680 nav,
body.page-id-680 .site-navigation,
body.page-id-680 .main-navigation,
body.page-id-680 .navbar,
body.page-id-680 .site-logo,
body.page-id-680 .custom-logo,
body.page-id-680 .logo{
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
}
/* Rimuove offset/spacer lasciati dal tema (pagina 680) */
body.page-id-680,
body.page-id-680 #page,
body.page-id-680 .site,
body.page-id-680 .site-content,
body.page-id-680 .content-area,
body.page-id-680 main,
body.page-id-680 #content,
body.page-id-680 .header-placeholder,
body.page-id-680 .header-spacer{
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Alcuni temi (Divi) aggiungono padding-top al container */
body.page-id-680 #page-container{ padding-top:0 !important; }
body.page-id-680 #et-main-area{ padding-top:0 !important; }
body.page-id-680 .et_fixed_nav #main-header{ position:static !important; }
/* --- Più spazio a destra nella colonna info (prima riga) --- */
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-info{
padding-right: 32px !important; /* aumenta qui se vuoi: 40px */
box-sizing: border-box;
}
/* ======================================================
IMMAGINE PRINCIPALE – SEMPRE ORIZZONTALE (CROP)
LG 4K / ID 680
====================================================== */
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-imagewrap{
aspect-ratio: 16 / 9 !important;
overflow: hidden !important;
padding: 0 !important;
border-radius: 22px !important;
}
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-main{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
display: block !important;
}
/* Rinforzo crop: wrapper relativo + img assoluta */
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-imagewrap{
position: relative !important;
}
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-imagewrap .sirio-tv-scheda-main{
position: absolute !important;
inset: 0 !important;
}
/* ======================================================
FALLBACK WebView (no aspect-ratio) – immagine sempre orizzontale
Se la WebView non supporta aspect-ratio, forziamo un'altezza fissa in vh.
====================================================== */
@supports not (aspect-ratio: 1 / 1){
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-imagewrap{
height: 32vh !important; /* regola: 28–36vh */
}
}
/* ======================================================
QR CODE – DIMENSIONI PIÙ PICCOLE (TV SAFE)
====================================================== */
body.page-id-680 .sirio-tv-page .sirio-tv-qr-item img{
width: 50% !important;
height: auto !important;
}
body.page-id-680 .sirio-tv-page .sirio-tv-qr-item span{
font-size: 13px !important;
line-height: 1.15 !important;
}
/* ======================================================
QR CODE – 50% DEL CONTENITORE (RESPONSIVE)
====================================================== */
body.page-id-680 .sirio-tv-page .sirio-tv-qr-item{
width: 100%;
display:flex;
flex-direction:column;
align-items:center;
}
/* ======================================================
QR LABEL – FONT PIÙ PICCOLO
====================================================== */
body.page-id-680 .sirio-tv-page .sirio-tv-qr-item span{
font-size: 11px !important;
line-height: 1.1 !important;
letter-spacing: 0.02em !important;
}
/* ======================================================
THUMBS – ALTEZZA FISSA 80px (LARGHEZZA AUTO)
Pagina 680
====================================================== */
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-thumb{
height: 80px !important;
aspect-ratio: 4 / 3 !important;
max-width: none !important;
}
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-thumb img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
/* ======================================================
IMMAGINE PRINCIPALE – 4:3 MAX, PIÙ BASSA
Pagina 680 – TV SAFE
====================================================== */
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-imagewrap{
aspect-ratio: 4 / 3 !important; /* max 4:3 */
max-height: 28vh !important; /* più bassa */
overflow: hidden !important;
}
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-main{
width: 100% !important;
height: 100% !important;
object-fit: cover !important; /* tagliata */
}
/* ======================================================
COLONNA 3 – INTERLINEA MINIMA TV SAFE (1.10)
Pagina 680
====================================================== */
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-info{
line-height: 1.10 !important;
}
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-info p,
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-info li,
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-info div{
line-height: 1.10 !important;
margin-bottom: 3px !important;
}
/* ======================================================
IMMAGINE PRINCIPALE – RIPRISTINO 4:3 DEFINITIVO
Pagina 680
====================================================== */
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-imagewrap{
aspect-ratio: 4 / 3 !important;
max-height: none !important;
}
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-main{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
/* ======================================================
COLONNA 3 – INTERLINEA ULTRA COMPATTA (0.9)
Pagina 680
====================================================== */
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-info{
line-height: 0.9 !important;
}
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-info p,
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-info li,
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-info div{
line-height: 0.9 !important;
margin-bottom: 2px !important;
}
/* ======================================================
THUMBS SECONDARIE – 4:3 CON ALTEZZA RIDOTTA
Pagina 680
====================================================== */
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-thumb{
height: 70px !important; /* 🔽 più basse */
aspect-ratio: 4 / 3 !important; /* mantiene 4:3 */
}
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-thumb img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important; /* riempie il box */
}
/* ======================================================
QR CODE – ULTRA COMPATTI (TV ONE PAGE)
Pagina 680
====================================================== */
body.page-id-680 .sirio-tv-page .sirio-tv-qr-item img{
width: 40px !important;
height: 40px !important;
}
body.page-id-680 .sirio-tv-page .sirio-tv-qr-item span{
font-size: 10px !important;
line-height: 1.0 !important;
margin-top: 2px !important;
}
/* ======================================================
QR CODE – 30px (ULTRA COMPACT)
Pagina 680
====================================================== */
body.page-id-680 .sirio-tv-page .sirio-tv-qr-item img{
width: 30px !important;
height: 30px !important;
}
body.page-id-680 .sirio-tv-page .sirio-tv-qr-item span{
font-size: 9px !important;
line-height: 0.95 !important;
margin-top: 2px !important;
}
/* ======================================================
QR CODE 50px + IMMAGINI SECONDARIE 4:3
Pagina 680
====================================================== */
/* ---------- QR CODE ---------- */
body.page-id-680 .sirio-tv-page .sirio-tv-qr-item img{
width: 50px !important;
height: 50px !important;
}
body.page-id-680 .sirio-tv-page .sirio-tv-qr-item span{
font-size: 10px !important;
line-height: 1.1 !important;
margin-top: 3px !important;
}
/* ---------- IMMAGINI SECONDARIE ---------- */
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-thumbs{
display: grid !important;
grid-template-columns: repeat(5, 1fr) !important;
}
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-thumb{
aspect-ratio: 4 / 3 !important;
height: 70px !important;
overflow: hidden !important;
border-radius: 14px !important;
padding: 0 !important;
}
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-thumb img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
display: block !important;
}
/* ======================================================
IMMAGINI SECONDARIE – 4:3 REALI (NON SCHIACCIATE)
Pagina 680
====================================================== */
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-thumbs{
display: grid !important;
grid-template-columns: repeat(5, 1fr) !important;
gap: 10px !important;
}
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-thumb{
aspect-ratio: 4 / 3 !important;
height: auto !important;
max-height: 80px !important;
overflow: hidden !important;
border-radius: 14px !important;
padding: 0 !important;
background: #f2f2f2 !important;
}
body.page-id-680 .sirio-tv-page .sirio-tv-scheda-thumb img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
display: block !important;
}
/* ======================================================
LAYOUT SPLIT (2026): sx logo + dati + tecnici + testi
| dx slider foto 1:1
====================================================== */
.sirio-tv-page .sirio-tv-scheda--split{
padding: clamp(14px, 1.6vw, 22px);
}
.sirio-tv-page .sirio-tv-scheda-layout{
display: grid;
grid-template-columns: minmax(260px, 38%) minmax(0, 1fr);
gap: clamp(16px, 2vw, 28px);
align-items: start;
}
.sirio-tv-page .sirio-tv-scheda-col--left{
display: flex;
flex-direction: column;
gap: clamp(12px, 1.4vw, 18px);
min-width: 0;
}
.sirio-tv-page .sirio-tv-side-logo--split img{
max-width: 240px;
width: 55%;
height: auto;
display: block;
}
.sirio-tv-page .sirio-tv-dati-macchina .sirio-tv-scheda-table--macchina{
width: 100%;
border-collapse: collapse;
border: 1px solid #e6e6e6;
border-radius: 16px;
overflow: hidden;
background: #fff;
font-size: clamp(14px, 1.2vw, 17px);
}
.sirio-tv-page .sirio-tv-scheda-col--right{
justify-self: end;
width: 100%;
max-width: min(46vw, 620px);
margin-left: auto;
}
.sirio-tv-page .sirio-tv-inner-slider{
position: relative;
width: 100%;
aspect-ratio: 1 / 1;
max-height: min(78vh, 620px);
margin: 0 auto 0 0;
background: #ececec;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 0 0 1px rgba(0,0,0,.07);
}
.sirio-tv-page .sirio-tv-inner-slide{
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.5s ease;
pointer-events: none;
}
.sirio-tv-page .sirio-tv-inner-slide.is-visible{
opacity: 1;
z-index: 1;
}
.sirio-tv-page .sirio-tv-inner-slide img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.sirio-tv-page .sirio-tv-box--stack{
width: 100%;
margin-top: 0;
}
@media (max-width: 900px){
.sirio-tv-page .sirio-tv-scheda-layout{
grid-template-columns: 1fr;
}
.sirio-tv-page .sirio-tv-scheda-col--right{
justify-self: center;
max-width: 100%;
}
.sirio-tv-page .sirio-tv-inner-slider{
max-height: min(70vh, 520px);
}
}