.soaps-section { padding-top: 24px; padding-bottom: 86px; }
.soap-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.soap-card { min-width: 0; background: #efebe1; }
.soap-visual { display: block; overflow: hidden; }
.soap-visual img { width: 100%; aspect-ratio: 1.17; object-fit: cover; transition: transform .6s; }
.soap-visual:hover img { transform: scale(1.025); }
.soap-card-body { padding: 27px 30px 31px; }
.soap-card-top { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; }
.soap-card h3 { font-size: 34px; margin: 0; line-height: 1.1; }
.soap-card-price { font-size: 11px; white-space: nowrap; }
.soap-card p { font-size: 12px; color: var(--muted); line-height: 1.85; margin: 15px 0; }
.soap-card .soap-formats { font-size: 9px; text-transform: uppercase; letter-spacing: 1px; color: #6e613f; margin-top: 0; margin-bottom: 23px; }
.soap-hotel-note { margin: 25px 0 0; display: flex; flex-wrap: wrap; gap: 10px 25px; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 22px; font-size: 11px; color: var(--muted); }
@media (max-width: 900px) { .soap-grid { gap: 20px; } .soap-card-body { padding: 24px; } .soap-card-top { align-items: flex-start; flex-direction: column; gap: 10px; } .soap-card h3 { font-size: 31px; } }
@media (max-width: 600px) { .soaps-section { padding-top: 8px; padding-bottom: 56px; } .soap-grid { grid-template-columns: 1fr; gap: 26px; } .soap-visual img { aspect-ratio: 1.12; } .soap-card-body { padding: 23px; } .soap-card-top { flex-direction: row; align-items: baseline; gap: 10px; } .soap-card h3 { font-size: 30px; } .soap-card-price { font-size: 10px; } .soap-card .soap-formats { font-size: 8px; } .soap-hotel-note { justify-content: flex-start; } }