@import url("product-page.css");
.hero-media>img{object-position:48% 50%}.roller-detail{display:grid;grid-template-columns:210px 1fr;gap:28px;margin:32px 0;align-items:center}.roller-detail img{max-height:380px;object-fit:contain;width:100%}.roller-detail p{font-size:1rem}.product-section>p,.soft-card p,.tip p,.specs dt,.specs dd,.benefit-grid p,.faq details p{font-size:1rem}.gallery-filters button,.section-nav a,.photo-source,.config-panel p{font-size:.875rem}.roller-page .hero-copy h1{font-size:clamp(2.7rem,4.1vw,4.4rem)}.roller-page .comparison-scroll th:nth-child(2),.roller-page .comparison-scroll td:nth-child(2){background:#fff0e0}.roller-page .comparison-scroll th:nth-child(3),.roller-page .comparison-scroll td:nth-child(3){background:transparent}.roller-page .hero-stamp{bottom:55px}.roller-page .gallery-count{min-width:105px}@media(max-width:650px){.roller-detail{grid-template-columns:1fr}.roller-detail img{max-height:320px}.roller-page .hero-copy h1{font-size:3.05rem}.roller-page .hero-media>img{object-position:50% 50%}.roller-page .hero-button-row{grid-template-columns:1fr}.roller-page .hero-button-row .btn{font-size:.875rem}.roller-page .mobile-config>strong{max-width:170px}}