@import url("product-page.css");
.hero-media>img{object-position:48% 50%}.hinged-detail{display:grid;grid-template-columns:210px 1fr;gap:28px;margin:32px 0;align-items:center}.hinged-detail img{max-height:380px;object-fit:contain;width:100%}.hinged-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}.hinged-page .hero-copy h1{font-size:clamp(2.7rem,4.1vw,4.4rem)}.hinged-page .comparison-scroll th:nth-child(2),.hinged-page .comparison-scroll td:nth-child(2){background:#fff0e0}.hinged-page .comparison-scroll th:nth-child(3),.hinged-page .comparison-scroll td:nth-child(3){background:transparent}.hinged-page .hero-stamp{bottom:55px}.hinged-page .gallery-count{min-width:105px}@media(max-width:650px){.hinged-detail{grid-template-columns:1fr}.hinged-detail img{max-height:320px}.hinged-page .hero-copy h1{font-size:3.05rem}.hinged-page .hero-media>img{object-position:50% 50%}.hinged-page .hero-button-row{grid-template-columns:1fr}.hinged-page .hero-button-row .btn{font-size:.875rem}.hinged-page .mobile-config>strong{max-width:170px}}

.hinged-page .comparison-scroll th:nth-child(3),.hinged-page .comparison-scroll td:nth-child(3){background:transparent}.hinged-page .hero-media>img{object-position:52% 50%}.hinged-page .options-grid{margin:26px 0}.hinged-page .photo-source{font-size:.8rem}