.body-care-section { padding-top: 80px; padding-bottom: 82px; }
.body-care-range { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 20px; }
.body-care-card { min-width: 0; background: #f8f3e7; border: 1px solid #d0c5af; display: flex; flex-direction: column; }
.body-care-photo { display: block; background: #eee7d9; }
.body-care-photo > img { display: block; width: 100%; height: auto; aspect-ratio: 3/4; object-fit: contain; }
.body-care-card-copy { padding: 22px 18px; display: flex; flex: 1; flex-direction: column; }
.body-care-card-copy h3 { font: 400 30px/1.08 var(--serif); margin: 0 0 12px; }
.body-care-card-copy p { font-size: 10px; color: var(--muted); line-height: 1.7; margin: 0 0 22px; }
.body-care-card-copy .text-link { align-self: flex-start; margin-top: auto; font-size: 11px; }
.body-care-range-note { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; margin-top: 27px; padding-top: 22px; border-top: 1px solid var(--line); }
.body-care-range-note p { max-width: 580px; font-size: 11px; line-height: 1.8; color: var(--muted); margin: 0; }
.body-care-range-note .text-link { font-size: 11px; }
.body-care-builder-section { border-top: 1px solid #c9b996; }
@media (max-width:1100px) { .body-care-range { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; } }
@media (max-width:700px) { .body-care-section { padding-top: 55px; padding-bottom: 58px; } .body-care-range { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 14px; } .body-care-card-copy { padding: 19px 14px; } .body-care-card-copy h3 { font-size: 27px; } .body-care-range-note { align-items: flex-start; flex-direction: column; } }
@media (max-width:360px) { .body-care-card-copy h3 { font-size: 24px; } .body-care-card-copy p { font-size: 9px; } }