.beauty-section {
    padding: 1px 0.5rem 0.75rem;
    background: #fff;
}
.beauty-banner {
    margin: 0 0 10px;
}
.beauty-banner-inner {
    background: linear-gradient(180deg, #ffffff 0%, #fff7f3 100%);
    border: 1px solid rgba(238, 196, 188, 0.75);
    border-radius: 1rem;
    box-shadow: 0 10px 24px rgba(34, 26, 24, 0.05);
    padding: 0.95rem 1rem 1rem;
}
.beauty-banner h2 {
    margin: 0;
    color: #2b2422;
    font-size: clamp(1.18rem, 3.8vw, 1.5rem);
    line-height: 1.06;
    font-weight: 800;
    letter-spacing: -0.02em;
}
.beauty-banner p {
    margin: 0.25rem 0 0;
    color: #7d706c;
    font-size: 0.95rem;
    line-height: 1.3;
}
.section-title {
    font-size: 18px;
    margin-bottom: 10px;
}
.section-title strong { font-weight: 700; }
.beauty-scroll {
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-bottom: 8px;
}
.beauty-scroll::-webkit-scrollbar { height: 4px; }
.beauty-scroll::-webkit-scrollbar-track {
    background: #e5e5e5;
    border-radius: 10px;
}
.beauty-scroll::-webkit-scrollbar-thumb {
    background: #6f6f6f;
    border-radius: 50px;
}
.beauty-grid {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, auto);
    row-gap: 10px;
    width: max-content;
}
.beauty-card {
    width: calc((100vw - 50px) / 3);
    text-align: center;margin-left: 10px;
}
.beauty-card img {
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 10px;
    object-fit: cover;
}
.beauty-card p {
    font-size: 13px;
    margin: 6px 0 2px;
    font-weight: 600;
}
.beauty-card span {
    font-size: 12px;
    color: #777;
}