Aparat de vaslit pe apa Hammer RowFlow 10.0

/* ===== 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();

})();