/*
Theme Name: Meri World Coming Soon
Version:1.0
*/
 /* --- CSS RESET & VARIABLES --- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            --bg-color: #F4EFEA;
            --dark-green: #1C2B26;
            --text-muted: #5C5852;
            --border-color: #C0B7AD;
            --font-serif: 'Cormorant Garamond', Georgia, serif;
            --font-sans: 'Montserrat', sans-serif;
        }

        body {
            background-color: var(--bg-color);
            color: var(--dark-green);
            font-family: var(--font-sans);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            overflow-x: hidden;
            position: relative;
        }




        /* --- HERO CONTENT --- */
        main {
            text-align: center;
            width: 100%;
            position: relative;
            z-index: 10;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            /* background: url('./BG-image.png') center/cover no-repeat; */
        }

        .sec-bg{
               position: absolute;
                top: 0px;
                left: 0;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;

        }
        .content-bx{
            position: relative;
            z-index: 111;
        }

        .main-logo-icon {
            font-family: var(--font-serif);
            font-size: 72px;
            font-weight: 400;
            letter-spacing: -3px;
            margin-bottom: 10px;
        }

        .main-title {
            font-family:'Cormorant Garamond';
            font-size: 44px;
            letter-spacing: 8px;
            text-transform: uppercase;
            font-weight: 400;
            margin-bottom: 15px;
        }

        .divider {
            width: 40px;
            height: 1px;
            background-color: var(--border-color);
            margin: 15px auto;
        }

        .subtitle {
            font-size: 11px;
            letter-spacing: 3.5px;
            text-transform: uppercase;
            color: var(--text-muted);
            margin-bottom: 40px;
        }

        .coming-soon-heading {
            font-family: var(--font-serif);
            font-size: 64px;
            letter-spacing: 6px;
            text-transform: uppercase;
            font-weight: 400;
            margin-bottom: 25px;
        }

        .description {
            font-size: 14px;
            color: var(--text-muted);
            line-height: 1.6;
            margin-bottom: 35px;
            font-weight: 300;
        }

        /* Email Subscription Form */


        /* --- RESPONSIVE DESIGN --- */
        @media (max-width: 900px) {

            .coming-soon-heading {
                font-size: 42px;
            }

            .main-title {
                font-size: 32px;
            }

            .features-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px 10px;
            }

            .feature-item:not(:last-child)::after {
                display: none;
            }

            header,
            footer {
                padding-left: 20px;
                padding-right: 20px;
            }
        }