.site-main {
    --like-home-section-gap: clamp(52px, 5vw, 80px);
    --like-home-depth-panel:
        0 16px 38px rgba(43, 42, 41, .1),
        0 44px 98px rgba(43, 42, 41, .085);
    --like-home-depth-panel-dark:
        0 18px 42px rgba(30, 23, 18, .14),
        0 46px 108px rgba(30, 23, 18, .14);
    --like-home-depth-card:
        0 8px 20px rgba(43, 42, 41, .065),
        0 24px 54px rgba(43, 42, 41, .085),
        0 5px 16px rgba(var(--like-brand-orange-rgb), .035);
    --like-home-depth-card-hover:
        0 12px 26px rgba(43, 42, 41, .09),
        0 32px 70px rgba(43, 42, 41, .14),
        0 9px 24px rgba(var(--like-brand-orange-rgb), .075);
    --like-home-depth-small:
        0 5px 14px rgba(43, 42, 41, .055),
        0 14px 32px rgba(43, 42, 41, .065);
}

/* One top-side gap per section prevents adjacent paddings from doubling. */
body .site-main > :is(
    .like-home-banners,
    .like-home-featured,
    .like-home-catalog,
    .like-home-popular,
    .home-access-preview,
    .like-home-process,
    .like-home-inquiry
) {
    padding-top: var(--like-home-section-gap);
    padding-bottom: 0;
}

body .site-main > .like-home-inquiry {
    padding-bottom: var(--like-home-section-gap);
}

body .site-main > .like-home-popular + .home-access-preview,
body .site-main > .like-home-process + .like-home-inquiry {
    padding-top: var(--like-home-section-gap);
}

html[data-like-theme="dark"] .site-main {
    --like-home-depth-panel:
        0 18px 44px rgba(0, 0, 0, .24),
        0 48px 112px rgba(0, 0, 0, .2);
    --like-home-depth-panel-dark:
        0 20px 48px rgba(0, 0, 0, .3),
        0 50px 118px rgba(0, 0, 0, .26);
    --like-home-depth-card:
        0 8px 22px rgba(0, 0, 0, .2),
        0 26px 60px rgba(0, 0, 0, .18),
        0 5px 18px rgba(var(--like-brand-orange-rgb), .045);
    --like-home-depth-card-hover:
        0 14px 30px rgba(0, 0, 0, .26),
        0 36px 78px rgba(0, 0, 0, .25),
        0 10px 28px rgba(var(--like-brand-orange-rgb), .09);
    --like-home-depth-small:
        0 6px 16px rgba(0, 0, 0, .18),
        0 16px 36px rgba(0, 0, 0, .15);
}

.site-main .like-home-hero__panel,
.site-main .like-home-banners__carousel {
    border-color: color-mix(in srgb, var(--like-accent) 8%, var(--like-border-subtle));
    box-shadow: var(--like-home-depth-panel);
}

.site-main .home-access-preview__panel,
.site-main .like-home-inquiry__panel {
    box-shadow: var(--like-home-depth-panel-dark);
}

.site-main .like-home-catalog__card {
    box-shadow:
        0 10px 24px rgba(34, 27, 22, .1),
        0 28px 64px rgba(34, 27, 22, .12);
}

.site-main .like-home-process__card,
.site-main .like-home-popular .like-catalog-product-card {
    border-color: color-mix(in srgb, var(--like-accent) 10%, var(--like-border-default));
    box-shadow: var(--like-home-depth-card);
}

.site-main .like-home-hero__benefits li,
.site-main .like-home-inquiry__faq-item {
    box-shadow: var(--like-home-depth-small);
}

.site-main .like-home-inquiry__form-preview {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .055),
        0 20px 52px rgba(0, 0, 0, .16);
}

.site-main .like-home-popular__filter:not(.is-active) {
    box-shadow: 0 5px 14px rgba(43, 42, 41, .045);
}

.site-main .like-home-inquiry__faq-item[open] {
    box-shadow:
        0 8px 20px rgba(43, 42, 41, .07),
        0 20px 44px rgba(43, 42, 41, .08);
}

@media (hover: hover) and (pointer: fine) {
    .site-main .like-home-catalog__card:hover {
        box-shadow:
            0 14px 30px rgba(34, 27, 22, .14),
            0 36px 78px rgba(34, 27, 22, .18);
    }

    .site-main .like-home-popular .like-catalog-product-card:hover {
        box-shadow: var(--like-home-depth-card-hover);
    }

    .site-main .like-home-inquiry__faq-item:hover {
        border-color: color-mix(in srgb, var(--like-accent) 24%, var(--like-border-default));
        box-shadow:
            0 7px 18px rgba(43, 42, 41, .07),
            0 20px 42px rgba(43, 42, 41, .09);
    }
}

@media (max-width: 620px) {
    .site-main {
        --like-home-depth-panel:
            0 12px 28px rgba(43, 42, 41, .09),
            0 30px 68px rgba(43, 42, 41, .075);
        --like-home-depth-panel-dark:
            0 14px 32px rgba(30, 23, 18, .14),
            0 34px 76px rgba(30, 23, 18, .13);
        --like-home-depth-card:
            0 7px 18px rgba(43, 42, 41, .06),
            0 20px 44px rgba(43, 42, 41, .075);
    }
}

@media (max-width: 680px) {
    .site-main {
        --like-home-section-gap: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-main .like-home-catalog__card,
    .site-main .like-home-popular .like-catalog-product-card,
    .site-main .like-home-inquiry__faq-item {
        transition: none;
    }
}