.official-product-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; max-width:880px; margin:42px auto 26px; text-align:left; }
.official-product-pair figure { margin:0; overflow:hidden; background:#fff; border:1px solid #dfe8df; border-radius:23px; box-shadow:0 12px 30px #123a2b06; }
.official-product-pair img { display:block; width:100%; height:268px; padding:20px; object-fit:contain; background:#fff; }
.official-product-pair figcaption { padding:16px 20px 19px; border-top:1px solid #eef1ed; }
.official-product-pair strong { display:block; font-size:21px; color:#173d2e; }
.official-product-pair strong span { font-size:15px; font-weight:500; color:#617166; }
.official-product-pair small { display:block; font-size:11px; color:#647469; margin-top:6px; }
.weight-page .official-product-pair > p { grid-column:1/-1; margin:0; text-align:center; font-size:11px; line-height:1.7; color:#5d6d63; }
.department-art.dept-weight { background:#fff; }
.department-art.dept-weight > img { padding:16px; object-fit:contain; }
.treatment-art > img.official-photo { object-fit:contain; padding:24px; background:white; }
.option-art img.official-photo { width:100%; padding:20px; object-fit:contain; background:white; }
.option-art:has(img.official-photo) { background:white; }
.weight-page .product-image-credit, .qf-page .product-image-credit { display:block; font-size:11px; line-height:1.65; color:#617165; }
.qf-page .official-treatment-art { background:#fff; }
.qf-page .official-treatment-art img { width:100%; height:190px; object-fit:contain; padding:10px; background:#fff; }
.qf-page .qf-header-tools { display:flex; align-items:center; justify-content:flex-end; gap:9px; }
.qf-page .qf-header-tools .qf-badge { margin:0; }
@media(max-width:600px){
 .official-product-pair { gap:12px; margin-top:30px; }
 .official-product-pair figure { border-radius:16px; }
 .official-product-pair img { height:185px; padding:10px; }
 .official-product-pair figcaption { padding:12px; }
 .official-product-pair strong { font-size:17px; }
 .official-product-pair strong span { display:block; font-size:12px; margin-top:3px; }
 .official-product-pair small { font-size:9px; }
 .qf-page .qf-header-tools { flex-direction:column; gap:5px; align-items:flex-end; }
 .qf-page .qf-header-tools .qf-badge { padding:3px 7px; font-size:9px; }
 .qf-page .official-treatment-art img { height:135px; padding:4px; }
}