.commodity-page .service-intro{--service-wash:#ebe5f4;--service-pale:#e0d7ef}
.commodity-page .commodity-hero-visual{min-width:0;padding:24px 0 12px}
.commodity-samples{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}
.commodity-sample{border-radius:28px;background:#fff9;padding:18px;display:flex;flex-direction:column;align-items:center;min-width:0;box-shadow:0 15px 40px #42335b08}
.commodity-sample:first-child{grid-row:span 2;transform:rotate(-5deg);padding:22px 12px}
.commodity-sample:nth-child(2){transform:rotate(4deg)}
.commodity-sample:nth-child(3){transform:rotate(-2deg)}
.commodity-sample img{display:block;width:100%;height:145px;object-fit:contain}
.commodity-sample:first-child img{height:240px}
.commodity-sample span{font-size:14px;font-weight:400;text-align:center;color:#596171}
.commodity-result-tag{display:flex;gap:16px;align-items:center;width:fit-content;margin:22px auto 0;padding:18px 24px;border-radius:22px;background:#dcebe0;color:#335645;font-size:15px;line-height:1.6}
.commodity-result-tag>span{font-size:30px;color:#83a08f;font-weight:300}
.commodity-result-tag strong{font-weight:500}
.commodity-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.commodity-product{padding:26px 30px 30px;border-radius:30px;background:#f4f1f8;min-width:0}
.commodity-product:nth-child(2){background:#edf2f9}
.commodity-product:nth-child(3){background:#faf0e9}
.commodity-product img{width:100%;height:210px;object-fit:contain;display:block;margin-bottom:20px}
.commodity-page .commodity-product h3{font-size:27px;font-weight:500;letter-spacing:-.035em;margin:0 0 12px}
.commodity-product p,.commodity-note{font-size:16px;line-height:1.7;color:#626e7d;font-weight:300;margin:0}
.commodity-note{margin-top:22px;max-width:65ch}
.commodity-page .service-expert-link{display:none}
html[data-theme=dark] .commodity-sample{background:#363440}
html[data-theme=dark] .commodity-product{background:#292c37}
html[data-theme=dark] .commodity-product:nth-child(2){background:#262f3b}
html[data-theme=dark] .commodity-product:nth-child(3){background:#352d2b}
html[data-theme=dark] :is(.commodity-sample span,.commodity-product p,.commodity-note){color:#c1c8d4}
html[data-theme=dark] .commodity-result-tag{background:#2f493b;color:#dbeee1}
@media(max-width:1050px){
 .commodity-sample{padding:12px;border-radius:22px}
 .commodity-sample img{height:115px}
 .commodity-sample:first-child img{height:190px}
 .commodity-product{padding:22px}
 .commodity-product img{height:170px}
}
@media(max-width:760px){
 .commodity-page .commodity-hero-visual{order:5;padding:28px 4px 8px}
 .commodity-page .service-intro-lead{order:2;margin-bottom:18px}
 .commodity-page .service-promise{order:3}
 .commodity-page .service-intro-actions{order:4}
 .commodity-samples{gap:10px;max-width:430px;margin:auto}
 .commodity-sample:first-child{padding:18px 6px}
 .commodity-sample:first-child img{height:180px}
 .commodity-sample img{height:100px}
 .commodity-sample span{font-size:12px}
 .commodity-result-tag{margin-top:16px;font-size:13px;padding:13px 20px}
 .commodity-products{grid-template-columns:1fr;gap:14px}
 .commodity-product{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:18px;padding:22px}
 .commodity-product img{grid-row:span 2;height:120px;margin:0;align-self:center}
 .commodity-page .commodity-product h3{font-size:23px}
 .commodity-product p,.commodity-note{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.commodity-page *{scroll-behavior:auto}}