/* =================================
   BRAMA PAGE
================================= */

.brama-page{

    max-width:1200px;

    margin:40px auto;

    padding:0 20px;

}

/* =================================
   BLOCK
================================= */

.brama-block{

    background:#fff;

    border-radius:24px;

    padding:50px;

    margin-bottom:30px;

    box-shadow:
    0 8px 25px rgba(0,0,0,.08);

}

.brama-block h2{

    text-align:center;

    margin-bottom:25px;

    color:var(--green);

    font-size:36px;

}

.brama-block p{

    line-height:1.9;

    color:#444;

}

/* =================================
   GALLERY
================================= */

.brama-gallery{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:20px;

}

.brama-gallery img{

    width:100%;

    height:260px;

    object-fit:cover;

    border-radius:14px;

    display:block;

}

/* =================================
   ROOMS
================================= */

.brama-rooms{

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:20px;

}

.room-card{

    background:#f8f8f8;

    border-radius:16px;

    overflow:hidden;

    box-shadow:
    0 5px 15px rgba(0,0,0,.05);

}

.room-card img{

    width:100%;

    height:220px;

    object-fit:cover;

}

.room-card-content{

    padding:20px;

}

.room-card h3{

    margin-bottom:10px;

    color:var(--green);

}

.room-price{

    color:var(--gold);

    font-size:26px;

    font-weight:700;

    margin-top:15px;

}

/* =================================
   FEATURES
================================= */

.room-features{

    list-style:none;

    padding:0;

    margin:15px 0 0;

}

.room-features li{

    padding:5px 0;

    color:#555;

}

/* =================================
   BOOKING
================================= */

.brama-booking{

    text-align:center;

}

.brama-phone{

    font-size:24px;

    font-weight:700;

    margin:10px 0;

}

.brama-btn{

    display:inline-block;

    margin-top:25px;

    background:var(--green);

    color:#fff;

    padding:14px 30px;

    border-radius:10px;

    text-decoration:none;

    font-weight:700;

}

.brama-btn:hover{

    background:#004f28;

}

/* =================================
   MOBILE
================================= */

@media(max-width:992px){

    .brama-rooms{

        grid-template-columns:
        repeat(2,1fr);

    }

}

@media(max-width:768px){

    .brama-block{

        padding:25px;

    }

    .brama-gallery{

        grid-template-columns:1fr;

    }

    .brama-rooms{

        grid-template-columns:1fr;

    }

    .brama-block h2{

        font-size:28px;

    }

}