.yumin-products-page { --products-max: 1332px; --products-teal: #00b1a7; --products-ink: #131826; overflow: clip; background: #fff; }
.yumin-products-container { width: min(var(--products-max), calc(100% - 48px)); margin-inline: auto; }
.yumin-products-list { scroll-margin-top: calc(var(--yumin-header-height) + var(--wp-admin--admin-bar--height, 0px) + 24px); }
.yumin-other-assistive-collection { min-height: 50vh; background: #fff; }
.yumin-other-assistive-collection__heading { margin-bottom: clamp(34px, 4vw, 72px); }
.yumin-other-assistive-collection__heading h1 { margin: 0; color: var(--products-teal); font: 800 clamp(32px, 3.2vw, 54px)/1.15 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 640px) { .yumin-products-container { width: min(100% - 32px, var(--products-max)); } }
.yumin-single-product { padding-block: clamp(62px, 7vw, 132px) clamp(90px, 9vw, 170px); }
.yumin-single-product__top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 7vw, 132px); align-items: center; }
.yumin-single-product__media { display: grid; min-height: clamp(420px, 39vw, 626px); place-items: center; padding: clamp(24px, 3vw, 58px); background: #f5faf9; }
.yumin-single-product__media img { display: block; width: 100%; height: 100%; object-fit: contain; }
.yumin-single-product__intro h1 { max-width: 620px; margin: 0; color: #131826; font: 800 clamp(34px, 4.2vw, 78px)/1.02 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.yumin-single-product__model { margin: 17px 0 0; color: var(--products-teal); font: 700 16px/1.3 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.yumin-single-product__summary { max-width: 600px; margin-top: 28px; color: #697476; font: 400 17px/1.6 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.yumin-single-product__summary p { margin: 0 0 1em; }
.yumin-single-product__quote { display: inline-flex; align-items: center; gap: 12px; margin-top: 22px; padding: 16px 24px; border-radius: 999px; color: #fff; background: var(--products-teal); font: 700 15px/1 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; text-decoration: none; }
.yumin-single-product__specs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; margin: clamp(58px, 8vw, 130px) 0 0; background: #dfe9e8; }
.yumin-single-product__specs > div { min-height: 116px; padding: 24px; background: #f5faf9; }
.yumin-single-product__specs dt { color: #758082; font: 700 12px/1.2 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; text-transform: uppercase; }
.yumin-single-product__specs dd { margin: 11px 0 0; color: #131826; font: 700 16px/1.3 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.yumin-single-product__dimensions { margin-top: clamp(58px, 8vw, 130px); }
.yumin-single-product__dimensions h2 { margin: 0 0 28px; color: #131826; font: 800 clamp(26px, 2.4vw, 42px)/1 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.yumin-single-product__dimension-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.yumin-single-product__dimension-grid img { display: block; width: 100%; height: auto; background: #f5faf9; }
@media (max-width: 900px) { .yumin-single-product__top { grid-template-columns: 1fr; gap: 42px; } .yumin-single-product__specs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 540px) { .yumin-single-product__specs { grid-template-columns: 1fr; } .yumin-single-product__dimension-grid { grid-template-columns: 1fr; } }