.elementor-155 .elementor-element.elementor-element-6133f55{--display:flex;}.elementor-155 .elementor-element.elementor-element-e9cee6e{--display:flex;}/* Start custom CSS for html, class: .elementor-element-db6ebce *//* =====================================
   LOKASI BUTIK
===================================== */

.locations{
    padding:80px 5%;
    background:#fafafa;
}

.section-title{
    max-width:700px;
    margin:0 auto 60px;
    text-align:center;
}

.section-title span{
    display:inline-block;
    color:#D4AF37;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:10px;
}

.section-title h2{
    font-size:clamp(2rem,4vw,2.8rem);
    color:#222;
    margin-bottom:15px;
}

.section-title p{
    color:#666;
    line-height:1.8;
    font-size:1rem;
}

/* Grid */

.location-grid{
    max-width:1400px;
    margin:auto;

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:24px;
}

/* Card */

.location-card{

    background:#fff;

    border-radius:18px;

    padding:25px;

    border:1px solid #ececec;

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

    transition:.3s;

    overflow:hidden;

    word-break:break-word;

}

.location-card:hover{

    transform:translateY(-8px);

    border-color:#D4AF37;

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.location-card h3{

    color:#D4AF37;

    margin-bottom:8px;

    font-size:1.3rem;

}

.location-card h4{

    color:#333;

    margin-bottom:15px;

    font-size:1rem;

    font-weight:600;

}

.location-card p{

    color:#666;

    line-height:1.8;

    font-size:.95rem;

}

/* ==========================
   TABLET
========================== */

@media(max-width:992px){

    .location-grid{

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

    }

}

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

@media(max-width:768px){

    .locations{

        padding:60px 20px;

    }

    .section-title{

        margin-bottom:40px;

    }

    .section-title h2{

        font-size:30px;

    }

    .location-grid{

        grid-template-columns:1fr;

        gap:18px;

    }

    .location-card{

        padding:20px;

    }

}

/* ==========================
   HP KECIL
========================== */

@media(max-width:480px){

    .locations{

        padding:50px 15px;

    }

    .section-title h2{

        font-size:26px;

    }

    .section-title p{

        font-size:14px;

    }

    .location-card{

        padding:18px;

    }

    .location-card h3{

        font-size:20px;

    }

    .location-card h4{

        font-size:15px;

    }

    .location-card p{

        font-size:14px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec07b0b *//* ======================================
   JAM OPERASIONAL
====================================== */

.service-hours{
    padding:80px 20px;
    background:#fff;
}

.service-hours h2{
    text-align:center;
    font-size:2.3rem;
    color:#222;
    margin-bottom:50px;
    font-weight:700;
}

.hours-grid{
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:30px;
}

.hours-box{
    background:#ffffff;
    border:1px solid #ececec;
    border-radius:18px;
    padding:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.35s ease;
}

.hours-box:hover{
    transform:translateY(-8px);
    border-color:#D4AF37;
    box-shadow:0 20px 40px rgba(212,175,55,.18);
}

.hours-box h3{
    color:#D4AF37;
    font-size:1.3rem;
    margin-bottom:25px;
    font-weight:700;
}

.hours-box p{
    margin:12px 0 4px;
    color:#666;
    font-size:.95rem;
}

.hours-box strong{
    display:block;
    color:#222;
    font-size:1rem;
    margin-bottom:14px;
    font-weight:600;
}

.hours-box small{
    display:block;
    margin-top:20px;
    color:#888;
    line-height:1.6;
    font-size:.85rem;
}

/* ===============================
   RESPONSIVE
================================ */

@media (max-width:768px){

    .service-hours{
        padding:60px 16px;
    }

    .service-hours h2{
        font-size:1.8rem;
        margin-bottom:35px;
    }

    .hours-grid{
        gap:20px;
    }

    .hours-box{
        padding:24px;
    }

}/* End custom CSS */