/* =========================================================
    Layout: Section
    file: assets/css/2_layout/section.css
    2026 Tokenized Version
========================================================= */

/* --- 1. Base Style --- */
.l-section {
    padding-top: var(--wan-s-6);
    padding-bottom: var(--wan-s-6);
}

.l-section__btn {
    margin-top: var(--wan-s-12);
    text-align: center;
    padding-inline: var(--wan-s-2);
}

/* --- 2. Modifiers (💡追加：余白調整用クラス) --- */
/* 他の指定やメディアクエリに負けないよう !important を付与します */

.l-section.-pb-none {
    padding-bottom: 0 !important;
}

.l-section.-pt-none {
    padding-top: 0 !important;
}

.l-section.-py-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* --- 3. Responsive (モバイル対応) --- */
@media screen and (max-width: 768px) {
    .l-section {
        padding-top: var(--wan-s-7-5);
        padding-bottom: var(--wan-s-7-5);
    }

    .l-section__btn {
        margin-top: var(--wan-s-8);
    }
}