/*
Theme Name: SeASoul Landing
Theme URI: https://example.com/seasoul-landing
Author: HAP Agency
Author URI: https://hapmedia.vn/
Description: Theme landing page SeABank x Mỹ Tâm (SeASoul). Bao gồm hero/banner và khung sườn section.
Version: 1.0.0
Text Domain: seasoul-landing
*/

/* Reset nhẹ */
html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
    color: #2a2a2a;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.wpcf7-response-output {
    position: absolute;
    bottom: -12px;
    color: #ffffff;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #cc0746;
}

section#seaVideoFrame,
section#tam-giao,
section#gifts,
section#steps,
section#news {
    padding-bottom: 120px;
}

a.a-web:hover svg path {
    fill: #C90044;
}

.sea-step.is-active .sea-step__num svg path {
    fill: #fff;
}

.sea-gifts__thumbs .swiper-slide:hover {
    background: #FAD4DF;
}

@media (max-width: 480px) {
    span.sea-step__num svg {
        width: auto;
        height: 13px;
    }

    span.sea-step__num.step1 svg {
        width: 5px;
    }




    button.sea-accordion__header {
        gap: 33px;
    }

    span.sea-accordion__title {
        line-height: 120%;
    }

    section#seaVideoFrame,
    section#tam-giao,
    section#gifts,
    section#steps,
    section#news {
        padding-bottom: 80px;
    }
}