.elementor-2533 .elementor-element.elementor-element-9cfa0f4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-2533 .elementor-element.elementor-element-b23b391{padding:-1px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-b23b391 */<style>
    /* Scoping agar tidak merusak desain header/footer website */
    .yuzana-wrapper {
        font-family: 'Poppins', sans-serif;
        max-width: 900px;
        margin: 20px auto;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0px 10px 30px rgba(0,0,0,0.1);
        overflow: hidden;
        border: 1px solid #e0e0e0;
    }

    .yz-header {
        background-color: #3a6332; /* Warna Hijau Yuzana */
        color: #ffffff;
        padding: 40px 20px;
        text-align: center;
    }

    .yz-header h2 {
        margin: 0;
        font-size: 32px;
        letter-spacing: 3px;
        color: #fff !important;
    }

    .yz-header p {
        margin: 5px 0 0;
        font-style: italic;
        font-size: 14px;
        opacity: 0.9;
    }

    .yz-container {
        display: flex;
        flex-wrap: wrap;
        padding: 30px;
        gap: 30px;
    }

    .yz-column {
        flex: 1;
        min-width: 300px;
    }

    .yz-category {
        background: #3a6332;
        color: white;
        padding: 8px 20px;
        border-radius: 50px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 15px;
        font-size: 15px;
    }

    .yz-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 25px;
    }

    .yz-table td {
        padding: 10px 5px;
        border-bottom: 1px solid #f0f0f0;
        font-size: 14px;
        vertical-align: middle;
    }

    .yz-name { width: 60%; font-weight: 500; color: #333; }
    .yz-time { width: 25%; color: #777; font-size: 12px; text-align: center; }
    .yz-price { 
        width: 15%;
        text-align: right;
    }
    
    .price-tag {
        background: #3a6332;
        color: white;
        padding: 4px 8px;
        border-radius: 4px;
        font-weight: bold;
        font-size: 13px;
        display: inline-block;
    }

    .yz-footer {
        background: #f9fbf8;
        padding: 25px;
        border-top: 4px solid #3a6332;
    }

    .yz-contact-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        font-size: 13px;
    }

    .yz-contact-item strong {
        color: #3a6332;
        display: block;
        margin-bottom: 5px;
    }

    .yz-action-bar {
        background: #3a6332;
        padding: 15px 25px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: white;
    }

    .yz-btn {
        background: #fff;
        color: #3a6332;
        padding: 8px 20px;
        border-radius: 50px;
        text-decoration: none;
        font-weight: bold;
        font-size: 13px;
        transition: 0.3s;
    }

    .yz-btn:hover { background: #e0e0e0; }

    @media (max-width: 600px) {
        .yz-contact-grid { grid-template-columns: 1fr; }
        .yz-header h2 { font-size: 24px; }
    }
</style>

<div class="yuzana-wrapper">
    <div class="yz-header">
        <h2>YUZANA</h2>
        <p>It's time to invest in yourself</p>
        <div style="font-size: 12px; margin-top: 10px; letter-spacing: 1px;">MASSAGE TREATMENT & RELAXING</div>
    </div>

    <div class="yz-container">
        <div class="yz-column">
            <div class="yz-category">Traditional Massage</div>
            <table class="yz-table">
                <tr><td class="yz-name">Urut Tradisional + Buang Angin</td><td class="yz-time">60 min</td><td class="yz-price"><span class="price-tag">$35</span></td></tr>
                <tr><td class="yz-name">Urut Tradisional + Bekam Angin</td><td class="yz-time">90 min</td><td class="yz-price"><span class="price-tag">$45</span></td></tr>
                <tr><td class="yz-name">Urut Tradisional + Bekam Sunnah</td><td class="yz-time">100 min</td><td class="yz-price"><span class="price-tag">$50</span></td></tr>
                <tr><td class="yz-name">Sport Massage + Bekam Angin</td><td class="yz-time">100 min</td><td class="yz-price"><span class="price-tag">$65</span></td></tr>
                <tr><td class="yz-name">Sport Massage + Bekam Batin</td><td class="yz-time">100 min</td><td class="yz-price"><span class="price-tag">$75</span></td></tr>
            </table>

            <div class="yz-category">Bekam / Hijamah</div>
            <table class="yz-table">
                <tr><td class="yz-name">Bekam Sunnah</td><td class="yz-time">45 min</td><td class="yz-price"><span class="price-tag">$30</span></td></tr>
                <tr><td class="yz-name">Bekam Angin</td><td class="yz-time">30 min</td><td class="yz-price"><span class="price-tag">$15</span></td></tr>
                <tr><td class="yz-name">Bekam Kejantanan</td><td class="yz-time">60 min</td><td class="yz-price"><span class="price-tag">$35</span></td></tr>
                <tr><td class="yz-name">Bekam Estetika Wajah</td><td class="yz-time">30 min</td><td class="yz-price"><span class="price-tag">$15</span></td></tr>
            </table>
        </div>

        <div class="yz-column">
            <div class="yz-category">Massage Treatment</div>
            <table class="yz-table">
                <tr><td class="yz-name">Urut Traditional</td><td class="yz-time">60 min</td><td class="yz-price"><span class="price-tag">$30</span></td></tr>
                <tr><td class="yz-name">Urut Aroma Terapi</td><td class="yz-time">60 min</td><td class="yz-price"><span class="price-tag">$30</span></td></tr>
                <tr><td class="yz-name">Sport Massage</td><td class="yz-time">60 min</td><td class="yz-price"><span class="price-tag">$40</span></td></tr>
                <tr><td class="yz-name">Reflexiologi</td><td class="yz-time">60 min</td><td class="yz-price"><span class="price-tag">$30</span></td></tr>
                <tr><td class="yz-name">Urut Batin</td><td class="yz-time">60 min</td><td class="yz-price"><span class="price-tag">$50</span></td></tr>
                <tr><td class="yz-name">Totok Wajah</td><td class="yz-time">30 min</td><td class="yz-price"><span class="price-tag">$15</span></td></tr>
                <tr><td class="yz-name">Bone Setting</td><td class="yz-time">60 min</td><td class="yz-price"><span class="price-tag">$50</span></td></tr>
            </table>
        </div>
    </div>

    <div class="yz-footer">
        <div class="yz-contact-grid">
            <div class="yz-contact-item">
                <strong>HUBUNGI KAMI</strong>
                📞 +67 383 99 218 (Lelaki)<br>
                📞 +67 383 99 216 (Wanita)
            </div>
            <div class="yz-contact-item">
                <strong>LOKASI</strong>
                Unit 4-5, Ground Floor, Berakas Center, SPG. 66, Bandar Seri Begawan, Brunei.
            </div>
        </div>
    </div>

    <div class="yz-action-bar">
        <span>@yuzanamassage</span>
        <a href="https://wa.me/6738399218" class="yz-btn">BOOK NOW</a>
    </div>
</div>/* End custom CSS */