/* Extracted from index.html — block 1 */
.bondok-section-divider{

    width:100%;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    background:#0b0b0b;
    overflow:hidden;

}


.bondok-section-divider::before,
.bondok-section-divider::after{

    content:"";

    width:120px;
    height:1px;

    background:
        linear-gradient(
            to right,
            transparent,
            rgba(224,184,79,.55)
        );

}


.bondok-section-divider::after{

    background:
        linear-gradient(
            to left,
            transparent,
            rgba(224,184,79,.55)
        );

}


.bondok-divider-symbol{

    width:8px;
    height:8px;
    margin:0 14px;

    border:1px solid
        rgba(224,184,79,.8);

    transform:rotate(45deg);
    position:relative;

    box-shadow:
        0 0 10px
        rgba(224,184,79,.12);

}


.bondok-divider-symbol::after{

    content:"";

    position:absolute;

    width:2px;
    height:2px;

    background:#E0B84F;

    top:2px;
    left:2px;

}


.bondok-divider-symbol::before{

    content:"";

    position:absolute;

    width:2px;
    height:2px;

    background:
        rgba(224,184,79,.65);

    top:2px;
    right:-8px;

    box-shadow:
        -15px 0 0
        rgba(224,184,79,.65);

}


@media(max-width:600px){

    .bondok-section-divider{

        height:38px;

    }

    .bondok-section-divider::before,
    .bondok-section-divider::after{

        width:60px;

    }

    .bondok-divider-symbol{

        margin:0 10px;
        width:7px;
        height:7px;

    }

}


footer .bond-studio-credit{

    width:100%;
    box-sizing:border-box;

    margin-top:28px;
    padding-top:18px;

    border-top:
        1px solid
        rgba(224,184,79,.22);

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    font-family:'Poppins',sans-serif;

    font-size:10px;
    line-height:1.5;

    letter-spacing:1.8px;
    text-transform:uppercase;

}


footer .bond-studio-credit .credit-label{

    color:
        rgba(255,255,255,.38);

    font-size:9px;
    font-weight:400;

    letter-spacing:1.6px;

}


footer .bond-studio-credit .credit-brand{

    position:relative;

    color:#E0B84F;

    font-size:10px;
    font-weight:500;

    letter-spacing:2.2px;

    transition:
        opacity .3s ease,
        letter-spacing .3s ease;

}


footer .bond-studio-credit
.credit-brand::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:-4px;

    height:1px;

    background:#E0B84F;

    opacity:.45;

    transform:scaleX(0);
    transform-origin:center;

    transition:
        transform .3s ease;

}


footer .bond-studio-credit
.credit-brand:hover{

    opacity:.85;
    letter-spacing:2.5px;

}


footer .bond-studio-credit
.credit-brand:hover::after{

    transform:scaleX(1);

}


footer{

    padding:
        24px 8% 18px !important;

}


footer h2{

    margin-bottom:
        8px !important;

}


footer p{

    margin-bottom:
        8px !important;

}


footer .bond-studio-credit{

    margin-top:
        16px !important;

    padding-top:
        12px !important;

}


.bondok-section-divider + section{

    padding-top:35px !important;

}


.section-title{

    margin-top:0 !important;
    margin-bottom:25px !important;

}


.gallery{

    padding-top:35px !important;
    padding-bottom:35px !important;

}


.reviews{

    padding-top:35px !important;
    padding-bottom:35px !important;

}


.story{

    padding-top:35px !important;
    padding-bottom:35px !important;

}


.contact{

    padding-top:35px !important;

}


.bondok-section-divider{

    height:42px !important;

}


.filter-buttons{

    display:flex;

    justify-content:center;
    align-items:flex-start;

    flex-wrap:wrap;

    gap:48px;

    margin:10px auto 38px;
    padding:0;

}


.filter-buttons .filter-btn{

    position:relative;

    width:auto;
    min-width:55px;

    padding:0 2px 14px;
    margin:0;

    background:transparent;
    border:none;
    border-radius:0;

    color:rgba(255,255,255,.58);

    font-family:'Cinzel',serif;

    font-size:14px;
    font-weight:500;

    letter-spacing:2.8px;
    line-height:1.4;

    cursor:pointer;

    box-shadow:none;

    transition:
        color .35s ease,
        letter-spacing .35s ease;

}


.filter-buttons .filter-btn::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    width:0;
    height:1px;

    background:#E0B84F;

    transform:translateX(-50%);

    transition:
        width .4s ease;

}


.filter-buttons .filter-btn:hover{

    background:transparent;
    color:#E0B84F;
    letter-spacing:3.2px;

}


.filter-buttons .filter-btn:hover::after{

    width:42px;

}


.filter-buttons .filter-btn.active{

    background:transparent;
    color:#E0B84F;
    letter-spacing:3.2px;

}


.filter-buttons .filter-btn.active::after{

    width:42px;

}


.collection-page .filter-buttons{

    margin-top:18px;
    margin-bottom:48px;

}


@media(max-width:600px){

    .filter-buttons{

        gap:28px;
        margin-bottom:32px;

    }

    .filter-buttons .filter-btn{

        min-width:auto;
        padding-bottom:11px;

        font-size:11px;
        letter-spacing:2px;

    }

    .filter-buttons .filter-btn.active{

        letter-spacing:2.3px;

    }

    .filter-buttons .filter-btn:hover{

        letter-spacing:2.3px;

    }

    .filter-buttons .filter-btn.active::after,
    .filter-buttons .filter-btn:hover::after{

        width:32px;

    }

}


/* =====================================
   PROFILE
   HIDDEN BEFORE LOGIN
===================================== */

#profileLink{

    display:none;

}

/* =====================================
   HERO — LUXURY CTA BUTTONS
===================================== */
.hero .hero-buttons{
    gap:14px;
    margin-top:32px;
}

.hero .hero-btn{
    position:relative;
    width:218px;
    min-height:52px;
    padding:14px 46px 14px 24px;
    border:1px solid rgba(224,184,79,.82);
    border-radius:14px 2px 14px 2px;
    color:#0b0b0b;
    background:linear-gradient(110deg,#93681E 0%,#E0B84F 55%,#C9952E 100%);
    box-shadow:0 14px 30px rgba(0,0,0,.3),0 5px 18px rgba(224,184,79,.13);
    font-family:'Poppins',sans-serif;
    font-size:12px;
    font-weight:600;
    letter-spacing:.75px;
    text-transform:uppercase;
    transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease;
}

.hero .hero-btn::before{
    content:"→";
    position:absolute;
    right:20px;
    top:50%;
    border:0;
    color:currentColor;
    font-family:'Poppins',sans-serif;
    font-size:17px;
    font-weight:300;
    line-height:1;
    transform:translateY(-52%);
    transition:transform .3s ease;
}
.hero .hero-btn::after{display:none}

.hero .hero-btn:hover{
    transform:translateY(-3px);
    background:linear-gradient(110deg,#C9952E 0%,#E0B84F 55%,#FFE59A 100%);
    box-shadow:0 18px 38px rgba(0,0,0,.42),0 6px 22px rgba(224,184,79,.2);
}
.hero .hero-btn:hover::before{transform:translate(4px,-52%)}

.hero .hero-btn.outline{
    color:#E0B84F !important;
    background:rgba(8,8,8,.72) !important;
    border-color:rgba(224,184,79,.65);
    box-shadow:0 14px 30px rgba(0,0,0,.34);
}

.hero .hero-btn.outline:hover{color:#FFE59A !important;background:rgba(224,184,79,.09) !important;border-color:#E0B84F;box-shadow:0 18px 38px rgba(0,0,0,.45),0 5px 20px rgba(224,184,79,.12);}

@media(max-width:600px){
    .hero .hero-buttons{gap:12px;margin-top:28px;}
    .hero .hero-btn{width:214px;min-height:50px;padding:13px 43px 13px 21px;font-size:11px;letter-spacing:.65px;}
}


/* =====================================
   HEADER SOCIAL ICONS
   HIDDEN ON HOME PAGE
===================================== */

.navbar .social-links > #whatsappLink,
.navbar .social-links > a[aria-label="Facebook"],
.navbar .social-links > a[aria-label="TikTok"],
.navbar .social-links > a[aria-label="Instagram"]{

    display:none !important;

}
/* =====================================================
   BONDOK HERO — LUXURY EDITORIAL VERSION
   CSS ONLY
===================================================== */

.hero{
    min-height:720px !important;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    overflow:hidden;
}


/* keep the current background image */
.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.05) 0%,
            rgba(0,0,0,.12) 36%,
            rgba(0,0,0,.58) 100%
        );
    pointer-events:none;
    z-index:1;
}


/* =====================================================
   HERO CONTENT
===================================================== */

.hero .hero-text{
    position:relative;
    z-index:2;

    width:min(620px, 46vw);

    margin-left:auto;
    margin-right:8%;

    text-align:left;
}


/* =====================================================
   EYEBROW
===================================================== */

.hero .hero-text > span{
    display:block;

    margin:0 0 22px;

    color:#E0B84F;

    font-family:"Poppins",sans-serif;
    font-size:11px;
    font-weight:500;

    letter-spacing:5.5px;
    text-transform:uppercase;
}


/* =====================================================
   MAIN TITLE
===================================================== */

.hero #heroTitle{
    margin:0;

    max-width:560px;

    color:#f7f3ec;

    font-family:"Cinzel",serif;

    font-size:clamp(58px, 5.1vw, 78px) !important;

    font-weight:600;

    line-height:.96 !important;

    letter-spacing:3px;

    text-transform:uppercase;

    text-shadow:
        0 10px 28px rgba(0,0,0,.38);
}


/* =====================================================
   TAGLINE
===================================================== */

.hero #heroDescription{
    margin:26px 0 0;

    color:rgba(255,255,255,.82);

    font-family:"Poppins",sans-serif;

    font-size:12px;

    font-weight:300;

    letter-spacing:2px;

    text-transform:uppercase;
}


/* =====================================================
   BUTTONS
===================================================== */

.hero .hero-buttons{
    display:flex;
    justify-content:flex-start;
    align-items:center;

    gap:14px;

    margin-top:34px;
}


.hero .hero-btn{
    width:auto !important;
    min-width:188px;
    min-height:48px;

    padding:13px 42px 13px 22px;

    border-radius:0 12px 0 12px;

    font-size:10px;

    letter-spacing:1.5px;
}


/* primary */

.hero .hero-btn:not(.outline){
    background:
        linear-gradient(
            110deg,
            #E0B84F,
            #93681E
        );

    color:#090909;

    box-shadow:
        0 16px 32px rgba(0,0,0,.30),
        0 4px 14px rgba(224,184,79,.12);
}


/* secondary */

.hero .hero-btn.outline{
    background:rgba(5,5,5,.35) !important;

    color:#E0B84F !important;

    border-color:rgba(224,184,79,.60);

    backdrop-filter:blur(4px);
}


/* =====================================================
   HOVER
===================================================== */

.hero .hero-btn:hover{
    transform:translateY(-2px);
}


.hero .hero-btn:not(.outline):hover{
    background:
        linear-gradient(
            110deg,
            #E0B84F,
            #E0B84F
        );
}


.hero .hero-btn.outline:hover{
    color:#FFE59A !important;

    background:rgba(224,184,79,.07) !important;

    border-color:#E0B84F;
}


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

@media(max-width:1000px){

    .hero{
        min-height:660px !important;
    }

    .hero .hero-text{
        width:min(560px, 58vw);

        margin-right:6%;
    }

    .hero #heroTitle{
        font-size:clamp(
            52px,
            7vw,
            68px
        ) !important;
    }

}


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

@media(max-width:700px){

    .hero{
        min-height:680px !important;

        align-items:flex-end;
    }


    .hero::before{
        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,.08) 0%,
                rgba(0,0,0,.20) 38%,
                rgba(0,0,0,.82) 100%
            );
    }


    .hero .hero-text{
        width:100%;

        margin:0;

        padding:0 24px 58px;

        text-align:center;
    }


    .hero .hero-text > span{
        margin-bottom:16px;

        font-size:9px;

        letter-spacing:4px;
    }


    .hero #heroTitle{
        max-width:none;

        font-size:clamp(
            42px,
            12vw,
            56px
        ) !important;

        line-height:1 !important;

        letter-spacing:2px;
    }


    .hero #heroDescription{
        margin-top:20px;

        font-size:10px;

        letter-spacing:1.5px;
    }


    .hero .hero-buttons{
        justify-content:center;

        flex-direction:column;

        gap:10px;

        margin-top:26px;
    }


    .hero .hero-btn{
        width:220px !important;

        min-height:46px;

        font-size:9px;
    }

}
/* HERO BUTTON TEXT — BIGGER */

.hero .hero-btn{
    font-size:13px !important;
    font-weight:600 !important;
    letter-spacing:1.3px !important;
}

@media(max-width:700px){
    .hero .hero-btn{
        font-size:12px !important;
    }
}
/* BONDOK CONTACT — LUXURY CLOSING PANEL */
.bondok-contact-luxury{padding:72px 6% 78px !important}
.contact-luxury-shell{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);border:1px solid rgba(224,184,79,.22);border-radius:22px;overflow:hidden;background:radial-gradient(circle at 0 0,rgba(224,184,79,.09),transparent 35%),linear-gradient(145deg,#111,#090909);box-shadow:0 30px 80px rgba(0,0,0,.34)}
.contact-luxury-copy,.contact-luxury-social{padding:48px}
.contact-luxury-social{border-left:1px solid rgba(224,184,79,.16);background:rgba(255,255,255,.012)}
.contact-eyebrow,.contact-social-label{display:block;color:#E0B84F;font-size:12px;letter-spacing:2px;margin-bottom:14px}
.contact-luxury-copy h2{margin:0;color:#fff;font:500 clamp(30px,4vw,48px)/1.18 'Cinzel',serif}
.contact-luxury-copy>p{max-width:650px;margin:18px 0 30px;color:#aaa;font-size:15px;line-height:1.8}
.contact-primary-cta{display:flex;align-items:center;gap:15px;width:min(100%,430px);min-height:72px;padding:14px 18px;border:1px solid rgba(224,184,79,.48);border-radius:13px;color:#f2ead0;background:rgba(224,184,79,.07)}
.contact-primary-cta>i:first-child{font-size:27px;color:#E0B84F}.contact-primary-cta span{flex:1;display:flex;flex-direction:column;gap:3px;font-size:15px;font-weight:600}.contact-primary-cta small{color:#8f8f8f;font-size:11px;font-weight:400}
.contact-social-grid{display:grid;gap:10px}.contact-social-grid a{display:flex;align-items:center;gap:13px;min-height:54px;padding:0 16px;border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#ddd;background:rgba(255,255,255,.018);font-size:14px}
.contact-social-grid a:hover,.contact-primary-cta:hover{border-color:rgba(224,184,79,.62);background:rgba(224,184,79,.10);color:#fff;transform:translateY(-2px)}
.contact-social-grid i{width:22px;color:#E0B84F;font-size:18px}.contact-signature{margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}.contact-signature strong{display:block;color:#fff;font:600 20px 'Cinzel',serif;letter-spacing:5px}.contact-signature span{color:#777;font-size:9px;letter-spacing:2px}
@media(max-width:820px){.bondok-contact-luxury{padding:48px 18px 54px !important}.contact-luxury-shell{grid-template-columns:1fr}.contact-luxury-copy,.contact-luxury-social{padding:30px 24px}.contact-luxury-social{border-left:0;border-top:1px solid rgba(224,184,79,.16)}}


/* =====================================================
   CONTACT BONDOK — COMPACT LUXURY SCALE
===================================================== */
.bondok-contact-luxury{padding:42px 6% 48px !important}
.contact-luxury-shell{width:min(1080px,100%) !important;border-radius:17px !important}
.contact-luxury-copy,.contact-luxury-social{padding:30px 34px !important}
.contact-eyebrow,.contact-social-label{margin-bottom:9px !important;font-size:10px !important;letter-spacing:1.7px !important}
.contact-luxury-copy h2{font-size:clamp(26px,3vw,38px) !important}
.contact-luxury-copy>p{margin:12px 0 20px !important;font-size:13px !important;line-height:1.7 !important}
.contact-primary-cta{min-height:58px !important;padding:10px 14px !important}
.contact-primary-cta>i:first-child{font-size:22px !important}
.contact-primary-cta span{font-size:13px !important}
.contact-primary-cta small{font-size:10px !important}
.contact-social-grid{gap:8px !important}
.contact-social-grid a{min-height:46px !important;padding:0 13px !important;font-size:12px !important}
.contact-signature{margin-top:22px !important;padding-top:17px !important}
.contact-signature strong{font-size:17px !important}
@media(max-width:820px){.bondok-contact-luxury{padding:32px 16px 38px !important}.contact-luxury-copy,.contact-luxury-social{padding:23px 20px !important}}


/* =====================================================
   BONDOK STORY — LUXURY BRAND STORY
===================================================== */

.bondok-story-luxury{
    position:relative;
    width:100%;
    padding:72px 22px 78px;
    box-sizing:border-box;
    overflow:hidden;
}

.story-luxury-shell{
    width:min(820px,100%);
    margin:0 auto;
    text-align:center;
}

.story-luxury-ornament{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:18px;
    color:#E0B84F;
}

.story-luxury-ornament span{
    width:92px;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(224,184,79,.7)
    );
}

.story-luxury-ornament span:last-child{
    background:linear-gradient(
        90deg,
        rgba(224,184,79,.7),
        transparent
    );
}

.story-luxury-ornament i{
    font-size:11px;
}

.story-luxury-eyebrow{
    display:block;
    margin-bottom:14px;
    color:#E0B84F;
    font-size:11px;
    font-weight:500;
    letter-spacing:2.8px;
}

.story-luxury-title{
    margin:0;
    color:#F3EFE5;
    font:600 clamp(34px,4.6vw,52px)/1.15 'Cinzel',serif;
    letter-spacing:.5px;
}

.story-luxury-opening{
    margin:18px 0 28px;
    color:#E3DED2;
    font-size:18px;
    line-height:1.8;
}

.story-luxury-opening strong{
    color:#E0B84F;
    font-family:'Cinzel',serif;
    font-weight:500;
    letter-spacing:1px;
}

.story-luxury-content{
    position:relative;
    width:min(720px,100%);
    margin:0 auto;
    padding:6px 10px 0;
    color:#D7D2C7;
    text-align:right;
    font-size:16px;
    line-height:2.05;
}

.story-luxury-content p{
    margin:0 0 18px;
    color:inherit;
}

.story-luxury-content p:last-child{
    margin-bottom:0;
}

.story-luxury-content strong,
.story-luxury-content b{
    color:#E0B84F;
    font-weight:600;
}

.story-luxury-content br + br{
    display:none;
}

.story-luxury-signature{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    margin-top:34px;
}

.story-luxury-signature > span{
    width:72px;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(224,184,79,.58)
    );
}

.story-luxury-signature > span:last-child{
    background:linear-gradient(
        90deg,
        rgba(224,184,79,.58),
        transparent
    );
}

.story-luxury-signature div{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.story-luxury-signature strong{
    color:#E0B84F;
    font:500 12px 'Cinzel',serif;
    letter-spacing:2.4px;
}

.story-luxury-signature small{
    color:#8A8273;
    font:500 10px 'Cinzel',serif;
    letter-spacing:2px;
}

@media(max-width:768px){

    .bondok-story-luxury{
        padding:52px 18px 58px;
    }

    .story-luxury-ornament span{
        width:60px;
    }

    .story-luxury-title{
        font-size:34px;
    }

    .story-luxury-opening{
        margin:14px 0 22px;
        font-size:16px;
    }

    .story-luxury-content{
        padding:0;
        font-size:15px;
        line-height:1.95;
    }

    .story-luxury-signature{
        gap:11px;
        margin-top:28px;
    }

    .story-luxury-signature > span{
        width:44px;
    }

    .story-luxury-signature strong{
        font-size:10px;
        letter-spacing:1.7px;
    }

}


/* =====================================================
   BONDOK STORY — ADMIN CONTENT SAFE FIX
   The full text comes from /settings/story.description.
===================================================== */

.story-luxury-content{
    width:min(760px,100%) !important;
    margin:28px auto 0 !important;
    padding:0 8px !important;
    color:#D7D2C7 !important;
    font-size:16px ;
    line-height:2.05 ;
}

.story-luxury-content[dir="rtl"]{
    text-align:right !important;
}

.story-luxury-content[dir="ltr"]{
    text-align:left !important;
}

.story-luxury-content p{
    margin:0 0 18px !important;
    color:inherit !important;
}

.story-luxury-content p:last-child{
    margin-bottom:0 !important;
}

.story-luxury-content strong,
.story-luxury-content b{
    color:#E0B84F !important;
    font-weight:600 ;
}

.story-luxury-content ul,
.story-luxury-content ol{
    margin:14px 0 18px !important;
    padding-inline-start:24px !important;
}

.story-luxury-content li{
    margin-bottom:8px !important;
}

@media(max-width:768px){
    .story-luxury-content{
        margin-top:22px !important;
        padding:0 !important;
        font-size:15px ;
        line-height:1.95 ;
    }
}


/* =====================================================
   BONDOK OUR STORY — DYNAMIC LUXURY FINAL
   IMPORTANT: title + description remain 100% admin-driven.
===================================================== */

.bondok-story-luxury{
    position:relative !important;
    isolation:isolate;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:82px 24px 88px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

/* subtle reading glow only — does not replace the page background */
.bondok-story-luxury::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:50%;
    top:48%;
    width:min(920px,90vw);
    height:78%;
    transform:translate(-50%,-50%);
    background:radial-gradient(
        ellipse at center,
        rgba(224,184,79,.045) 0%,
        rgba(224,184,79,.018) 38%,
        transparent 72%
    );
    pointer-events:none;
}

.story-luxury-shell{
    width:min(900px,100%) !important;
    margin:0 auto !important;
    text-align:center !important;
}

.story-luxury-topline{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:13px !important;
    margin:0 auto 19px !important;
    color:#E0B84F !important;
}

.story-luxury-topline span{
    width:82px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(224,184,79,.58)) !important;
}

.story-luxury-topline span:last-child{
    background:linear-gradient(90deg,rgba(224,184,79,.58),transparent) !important;
}

.story-luxury-topline i{
    font-size:10px !important;
    opacity:.9 !important;
}

.story-luxury-eyebrow{
    display:block !important;
    margin:0 0 17px !important;
    color:#E0B84F !important;
    font-family:'Poppins',sans-serif !important;
    font-size:11px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    letter-spacing:3.4px !important;
}

.story-luxury-title{
    max-width:800px !important;
    margin:0 auto !important;
    color:#F4F0E7 !important;
    font-family:'Cinzel',serif !important;
    font-size:clamp(34px,4.4vw,50px) ;
    font-weight:600 ;
    line-height:1.18 !important;
    letter-spacing:.4px !important;
    text-wrap:balance;
    text-shadow:0 8px 30px rgba(0,0,0,.35);
}

.story-luxury-divider{
    display:flex !important;
    justify-content:center !important;
    margin:22px 0 28px !important;
}

.story-luxury-divider span{
    display:block !important;
    width:34px !important;
    height:1px !important;
    background:#E0B84F !important;
    box-shadow:0 0 12px rgba(224,184,79,.22) !important;
}

/* This is NOT a visible card. It only gives the admin text breathing room. */
.story-luxury-reading-area{
    position:relative !important;
    width:min(780px,100%) !important;
    margin:0 auto !important;
    padding:0 22px !important;
    box-sizing:border-box !important;
}

.story-luxury-reading-area::before,
.story-luxury-reading-area::after{
    content:"";
    position:absolute;
    top:7px;
    bottom:7px;
    width:1px;
    opacity:.25;
    background:linear-gradient(
        180deg,
        transparent,
        rgba(224,184,79,.55) 25%,
        rgba(224,184,79,.55) 75%,
        transparent
    );
}

.story-luxury-reading-area::before{ left:0; }
.story-luxury-reading-area::after{ right:0; }

.story-luxury-content{
    width:100% !important;
    max-width:none !important;
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
    margin:0 !important;
    padding:0 !important;
    color:#D8D3C9 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    font-family:'Poppins',sans-serif !important;
    font-size:16px ;
    font-weight:400 !important;
    line-height:2.05 ;
    letter-spacing:.05px !important;
}

/* Direction continues to be controlled by the existing JS/Admin setting */
.story-luxury-content[dir="rtl"]{
    direction:rtl !important;
    text-align:right !important;
}

.story-luxury-content[dir="ltr"]{
    direction:ltr !important;
    text-align:left !important;
}

.story-luxury-content p{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    max-height:none !important;
    overflow:visible !important;
    margin:0 0 18px !important;
    color:inherit !important;
}

.story-luxury-content p:last-child{
    margin-bottom:0 !important;
}

.story-luxury-content strong,
.story-luxury-content b{
    color:#E0B84F !important;
    font-weight:600 !important;
}

.story-luxury-content em,
.story-luxury-content i:not(.fa-solid):not(.fa-regular){
    color:#E5DFD3 !important;
}

.story-luxury-content a{
    color:#E0B84F !important;
    text-decoration:none !important;
    border-bottom:1px solid rgba(224,184,79,.35) !important;
}

.story-luxury-content ul,
.story-luxury-content ol{
    margin:14px 0 20px !important;
    padding-inline-start:26px !important;
}

.story-luxury-content li{
    margin:0 0 8px !important;
}

.story-luxury-content img{
    max-width:100% !important;
    height:auto !important;
}

.story-luxury-signature{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:17px !important;
    margin:35px auto 0 !important;
}

.story-luxury-signature > span{
    width:58px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(224,184,79,.46)) !important;
}

.story-luxury-signature > span:last-child{
    background:linear-gradient(90deg,rgba(224,184,79,.46),transparent) !important;
}

.story-luxury-signature div{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:6px !important;
}

.story-luxury-signature strong{
    color:#E0B84F !important;
    font-family:'Cinzel',serif !important;
    font-size:11px !important;
    font-weight:500 !important;
    letter-spacing:2.5px !important;
}

.story-luxury-signature small{
    color:#777064 !important;
    font-family:'Cinzel',serif !important;
    font-size:9px !important;
    letter-spacing:2.2px !important;
}

@media(max-width:768px){
    .bondok-story-luxury{
        padding:58px 18px 64px !important;
    }

    .story-luxury-topline{
        margin-bottom:16px !important;
    }

    .story-luxury-topline span{
        width:54px !important;
    }

    .story-luxury-eyebrow{
        margin-bottom:13px !important;
        font-size:10px !important;
        letter-spacing:2.8px !important;
    }

    .story-luxury-title{
        font-size:clamp(30px,9vw,38px) ;
    }

    .story-luxury-divider{
        margin:18px 0 23px !important;
    }

    .story-luxury-reading-area{
        padding:0 13px !important;
    }

    .story-luxury-reading-area::before,
    .story-luxury-reading-area::after{
        display:none !important;
    }

    .story-luxury-content{
        font-size:15px ;
        line-height:1.95 ;
    }

    .story-luxury-content p{
        margin-bottom:16px !important;
    }

    .story-luxury-signature{
        gap:10px !important;
        margin-top:29px !important;
    }

    .story-luxury-signature > span{
        width:34px !important;
    }

    .story-luxury-signature strong{
        font-size:9px !important;
        letter-spacing:1.7px !important;
    }
}


/* =====================================================
   BONDOK OUR STORY — REFINED EDITORIAL VERSION
   Smaller title, calmer typography, fewer ornaments.
===================================================== */

.bondok-story-luxury{
    padding:64px 22px 72px !important;
}

.story-luxury-topline{
    margin-bottom:14px !important;
    gap:10px !important;
}

.story-luxury-topline span{
    width:54px !important;
    opacity:.55 !important;
}

.story-luxury-topline i{
    font-size:8px !important;
    opacity:.75 !important;
}

.story-luxury-eyebrow{
    margin-bottom:12px !important;
    font-size:10px !important;
    letter-spacing:2.5px !important;
}

.story-luxury-title{
    max-width:760px !important;
    font-size:clamp(28px,3.5vw,38px) ;
    font-weight:500 ;
    line-height:1.22 !important;
    letter-spacing:.15px !important;
    text-shadow:none !important;
}

.story-luxury-divider{
    margin:17px 0 24px !important;
}

.story-luxury-divider span{
    width:26px !important;
    box-shadow:none !important;
}

.story-luxury-reading-area{
    width:min(760px,100%) !important;
    padding:0 !important;
}

.story-luxury-reading-area::before,
.story-luxury-reading-area::after{
    display:none !important;
}

.story-luxury-content{
    color:#D6D1C8 !important;
    font-size:15px ;
    font-weight:400 !important;
    line-height:1.9 ;
    letter-spacing:0 !important;
}

.story-luxury-content p{
    margin-bottom:15px !important;
}

.story-luxury-content strong,
.story-luxury-content b{
    color:#E0B84F !important;
    font-weight:500 !important;
}

.story-luxury-signature{
    gap:12px !important;
    margin-top:28px !important;
}

.story-luxury-signature > span{
    width:38px !important;
    opacity:.55 !important;
}

.story-luxury-signature strong{
    font-size:10px !important;
    letter-spacing:1.9px !important;
}

.story-luxury-signature small{
    font-size:8px !important;
    letter-spacing:1.6px !important;
}

@media(max-width:768px){
    .bondok-story-luxury{
        padding:48px 18px 54px !important;
    }

    .story-luxury-title{
        font-size:30px ;
    }

    .story-luxury-content{
        font-size:14px ;
        line-height:1.85 ;
    }
}


/* =====================================================
   STORY ADMIN STYLE OVERRIDES
   Saved admin choices control title/body typography.
===================================================== */

.story-luxury-title{
    /* size/font/color/alignment are applied inline from Admin */
    text-transform:none !important;
}

.story-luxury-content{
    /* base font/size/line-height/color are applied inline from Admin */
}

.story-luxury-content span[style]{
    /* preserve rich-text formatting chosen in Admin */
}

.story-luxury-content h3{
    margin:20px 0 10px !important;
    color:inherit !important;
    font-size:1.35em ;
    line-height:1.5 ;
}

.story-luxury-content blockquote{
    margin:18px 0 !important;
    padding:10px 15px !important;
    color:#E0B84F !important;
    border-inline-start:2px solid #E0B84F !important;
    background:rgba(224,184,79,.035) !important;
}

.story-luxury-content ul,
.story-luxury-content ol{
    padding-inline-start:24px !important;
}

.story-luxury-content a{
    color:#E0B84F !important;
    text-decoration:none !important;
    border-bottom:1px solid rgba(224,184,79,.35) !important;
}


/* =====================================================
   STORY TYPOGRAPHY — ADMIN IS AUTHORITATIVE
   Inline values saved from Story Manager must win on all viewports.
===================================================== */


/* =====================================================
   BONDOK ANDROID APP — LET'S STAY CONNECTED
===================================================== */
.contact-app-download{
    width:min(100%,430px);
    margin-top:22px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.07);
}
.contact-app-kicker{
    display:block;
    margin-bottom:10px;
    color:rgba(224,184,79,.72);
    font:700 9px/1.3 'Poppins',sans-serif;
    letter-spacing:.18em;
}
.contact-app-cta{
    position:relative;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 34px;
    align-items:center;
    gap:12px;
    width:100%;
    min-height:66px;
    padding:10px 12px;
    overflow:hidden;
    color:inherit;
    text-decoration:none;
    border:1px solid rgba(224,184,79,.30);
    border-radius:14px;
    background:
        radial-gradient(circle at 10% 0%,rgba(224,184,79,.13),transparent 38%),
        linear-gradient(135deg,rgba(255,255,255,.028),rgba(224,184,79,.018));
    box-shadow:0 16px 38px rgba(0,0,0,.18);
    transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.contact-app-cta::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.035) 48%,transparent 66%);
    transform:translateX(-100%);
    transition:transform .7s ease;
}
.contact-app-cta:hover{
    transform:translateY(-2px);
    border-color:rgba(224,184,79,.58);
    background:
        radial-gradient(circle at 10% 0%,rgba(224,184,79,.18),transparent 40%),
        linear-gradient(135deg,rgba(255,255,255,.038),rgba(224,184,79,.032));
}
.contact-app-cta:hover::after{transform:translateX(100%)}
.contact-app-icon{
    width:44px;height:44px;border-radius:13px;display:grid;place-items:center;
    color:#0a0a0a;background:linear-gradient(145deg,#E0B84F,#93681E);
    font-size:21px;box-shadow:0 9px 24px rgba(224,184,79,.16);
}
.contact-app-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}
.contact-app-copy small{color:#E0B84F;font:700 8px/1.25 'Poppins',sans-serif;letter-spacing:.15em}
.contact-app-copy strong{margin-top:2px;color:#f5efe0;font:500 14px/1.25 'Cinzel',serif;letter-spacing:.03em}
.contact-app-copy em{margin-top:2px;color:rgba(255,255,255,.42);font:400 9px/1.3 'Poppins',sans-serif;font-style:normal}
.contact-app-arrow{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#E0B84F;border:1px solid rgba(224,184,79,.20);background:rgba(224,184,79,.045);font-size:10px}

@media(max-width:820px){
    .contact-app-download{width:100%;margin-top:18px;padding-top:17px}
    .contact-app-cta{grid-template-columns:42px minmax(0,1fr) 32px;min-height:62px;padding:9px 11px;border-radius:13px}
    .contact-app-icon{width:42px;height:42px;font-size:20px}
    .contact-app-copy strong{font-size:13px}
}


/* Admin-controlled Hero content alignment */
.hero .hero-text[data-alignment="left"]{text-align:left!important;margin-left:0!important;margin-right:auto!important;align-items:flex-start!important;}
.hero .hero-text[data-alignment="center"]{text-align:center!important;margin-left:auto!important;margin-right:auto!important;align-items:center!important;}
.hero .hero-text[data-alignment="right"]{text-align:right!important;margin-left:auto!important;margin-right:0!important;align-items:flex-end!important;}
.hero .hero-text[data-alignment="left"] .hero-buttons{justify-content:flex-start!important;}
.hero .hero-text[data-alignment="center"] .hero-buttons{justify-content:center!important;}
.hero .hero-text[data-alignment="right"] .hero-buttons{justify-content:flex-end!important;}

/* BONDOK V3.1.1 — Admin-controlled Gallery visibility.
   Author display rules can override the browser's default [hidden] rule,
   so enforce hidden explicitly for the home Gallery and its divider. */
#gallery[hidden],
[data-gallery-divider][hidden] {
    display: none !important;
}

/* ===== BONDOK V3.1 — Contact social cluster centered ===== */
.contact-luxury-social{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    align-content:center!important;
    gap:12px 18px!important;
    text-align:center!important;
}
.contact-luxury-social .contact-social-label{
    flex:0 0 auto!important;
    margin:0!important;
    font-size:11px!important;
    letter-spacing:2px!important;
    white-space:nowrap!important;
}
.contact-luxury-social .contact-social-grid{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
}
.contact-luxury-social .contact-social-grid a{
    width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    justify-content:center!important;
    border-radius:50%!important;
}
.contact-luxury-social .contact-social-grid a span{display:none!important}
.contact-luxury-social .contact-social-grid i{
    width:auto!important;
    font-size:14px!important;
    color:#eee!important;
}
.contact-luxury-social .contact-signature{
    flex:0 0 auto!important;
    margin:0 0 0 4px!important;
    padding:0 0 0 20px!important;
    border-top:0!important;
    border-left:1px solid rgba(224,184,79,.22)!important;
    text-align:center!important;
}
.contact-luxury-social .contact-signature strong{
    font-size:20px!important;
    letter-spacing:5px!important;
}
.contact-luxury-social .contact-signature span{
    display:block!important;
    margin-top:5px!important;
    font-size:8px!important;
    letter-spacing:2px!important;
}
@media(max-width:820px){
    .contact-luxury-social{padding-block:28px!important}
}
@media(max-width:560px){
    .contact-luxury-social{gap:14px!important}
    .contact-luxury-social .contact-social-label{flex-basis:100%!important}
    .contact-luxury-social .contact-signature{margin-left:0!important;padding-left:14px!important}
}