În curând.

/* ===== SCOPE – NU ATINGE HEADERUL SITE-ULUI ===== */ #pdp-rowflow-10-0 { --maxw:1200px; --gap:16px; --media-h:250px; font-family: Jost, sans-serif; } #pdp-rowflow-10-0 * { box-sizing: border-box; } /* Container + prima imagine (HERO) */ #pdp-rowflow-10-0 .pdp-container { max-width: var(--maxw); margin: 0 auto; padding: 20px; } #pdp-rowflow-10-0 .pdp-hero { display:block; margin:0 auto 20px auto; max-width:100%; height:auto; border-radius:5px; } /* Titluri & paragrafe doar în scope */ #pdp-rowflow-10-0 h2, #pdp-rowflow-10-0 h3, #pdp-rowflow-10-0 p { margin: 12px 0; line-height: 1.45; color:#111; } /* ===== GRID LAYOUT ===== */ /* 3 coloane (2 imagini + video) – aliniere sus, media cu aceeași înălțime */ #pdp-rowflow-10-0 .grid-3 { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--gap); align-items:start; margin: 24px 0; /* spațiu sus/jos între secțiuni */ } #pdp-rowflow-10-0 .grid-3 .cell { display:flex; flex-direction:column; } #pdp-rowflow-10-0 .grid-3 .media { width:100%; height: var(--media-h); border-radius:5px; object-fit:cover; display:block; } /* 2 coloane (imagine + text) – text centrat pe înălțime + SPAȚIU ÎNTRE SECȚIUNI */ #pdp-rowflow-10-0 .grid-2 { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap); align-items:center; margin: 24px 0; /* d.classList.toggle(active, idx===i)); } function start(){ stop(); autoplayId = setInterval(()=>go(currentIndex+1), AUTOPLAY_MS); } function stop(){ if(autoplayId){ clearInterval(autoplayId); autoplayId = null; } } function restart(){ start(); } const sliderWrap = slider.parentElement; sliderWrap.addEventListener(mouseenter, stop); sliderWrap.addEventListener(mouseleave, start); renderDots(); go(0); start(); })();