/* VANI Homepage 2.0.5 */
.vani-homepage-v204,
.vani-homepage-v204 *{box-sizing:border-box}

.vani-homepage-v204,
.vani-homepage-v204 h1,.vani-homepage-v204 h2,.vani-homepage-v204 h3,
.vani-homepage-v204 p,.vani-homepage-v204 a,.vani-homepage-v204 span{
    font-family:Roboto,Arial,Helvetica,sans-serif!important;
}

body.home .page-header,
body.home .page-title-bar,
body.home .page-title,
body.home .breadcrumb-wrap,
body.home .site-breadcrumb,
body.home .woocommerce-breadcrumb{
    display:none!important;
}

/* ---- 1. Creations banner: Olars Accessories visual language ---- */
.vani-creations-banner{
    width:100%;
    min-height:390px;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    display:flex;
    align-items:center;
    padding:48px 24px 34px;
}
.vani-creations-banner__inner{
    width:100%;
    max-width:1060px;
    margin:0 auto;
    text-align:center;
}
.vani-creations-banner h1{
    margin:0 0 26px;
    font-weight:400;
    font-size:clamp(34px,3vw,52px);
    line-height:1.05;
    letter-spacing:-.025em;
    color:#1d1d1d;
}
.vani-creations-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:clamp(22px,3vw,48px);
    align-items:start;
}
.vani-creation-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-decoration:none!important;
    color:#171717!important;
}
.vani-creation-item__circle{
    width:clamp(94px,7vw,108px);
    height:clamp(94px,7vw,108px);
    border-radius:50%;
    background:rgba(255,255,255,.96);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform .2s ease,box-shadow .2s ease;
}
.vani-creation-item:hover .vani-creation-item__circle{
    transform:translateY(-3px);
    box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.vani-creation-item__circle img{
    width:42px;
    height:42px;
    object-fit:contain;
}
.vani-creation-item__title{
    margin-top:13px;
    font-weight:500;
    font-size:16px;
    line-height:1.25;
}
.vani-creation-item__count{
    margin-top:6px;
    color:#766b64;
    font-size:13px;
}
.vani-shop-button{
    margin-top:26px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:43px;
    padding:0 24px;
    border:1px solid #242424;
    background:rgba(255,255,255,.86);
    color:#171717!important;
    text-decoration:none!important;
    font-size:11px;
    font-weight:700;
    letter-spacing:.05em;
}
.vani-shop-button:hover{background:#1d1d1d;color:#fff!important}

/* ---- 2. Process: preserve approved section ---- */
.vani-process-section{
    background:#fff;
    padding:clamp(56px,6vw,92px) 24px clamp(66px,7vw,104px);
}
.vani-process-section__inner{max-width:1160px;margin:0 auto}
.vani-kicker{
    color:#b66f43;
    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.18em;
    margin-bottom:14px;
}
.vani-process-section h2{
    margin:0;
    font-size:clamp(38px,4vw,60px);
    line-height:1.04;
    font-weight:400;
    letter-spacing:-.035em;
    color:#202020;
}
.vani-process-section__lead{
    max-width:690px;
    margin:18px 0 38px;
    color:#806250;
    font-size:clamp(15px,1.2vw,18px);
    line-height:1.65;
}
.vani-process-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:22px;
}
.vani-process-card img{
    width:100%;
    aspect-ratio:10/13;
    object-fit:cover;
    object-position:center;
    display:block;
}
.vani-process-card__num{
    margin-top:16px;
    color:#b66f43;
    font-size:11px;
    font-weight:700;
    letter-spacing:.07em;
}
.vani-process-card h3{
    margin:8px 0 6px;
    font-size:18px;
    line-height:1.2;
    font-weight:700;
    color:#161616;
}
.vani-process-card p{
    margin:0;
    color:#7a6557;
    font-size:13px;
    line-height:1.58;
}

/* ---- 3. Special bespoke orders ---- */
.vani-special-section{
    background:#f4ecdf;
    overflow:hidden;
}
.vani-special-section__inner{
    max-width:1320px;
    min-height:270px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.1fr .9fr .9fr;
    align-items:center;
    gap:36px;
    padding:0 28px 0 34px;
}
.vani-special-copy{
    padding:50px 0 48px;
}
.vani-special-copy h2{
    margin:0;
    color:#8f5e31;
    font-size:clamp(34px,3vw,52px);
    line-height:1;
    font-weight:400;
    letter-spacing:-.025em;
}
.vani-special-script{
    margin-top:8px;
    color:#8f5e31;
    font-family:"Times New Roman",Georgia,serif!important;
    font-style:italic;
    font-size:clamp(29px,2.4vw,42px);
    line-height:1;
}
.vani-special-body p{
    margin:0 0 22px;
    color:#4e443d;
    font-size:15px;
    line-height:1.65;
    max-width:430px;
}
.vani-special-button{
    display:inline-flex;
    align-items:center;
    gap:22px;
    min-height:48px;
    padding:0 22px;
    background:#9a652f;
    color:#fff!important;
    text-decoration:none!important;
    font-size:11px;
    font-weight:700;
    letter-spacing:.04em;
}
.vani-special-button:hover{background:#7c4f26}
.vani-special-visual{
    align-self:stretch;
    min-height:270px;
    overflow:hidden;
}
.vani-special-visual img{
    width:100%;
    height:100%;
    min-height:270px;
    display:block;
    object-fit:cover;
    object-position:center;
}

/* Tablet */
@media(max-width:1024px){
    .vani-creations-banner{min-height:360px}
    .vani-creations-grid{gap:20px}
    .vani-process-grid{grid-template-columns:repeat(3,1fr)}
    .vani-special-section__inner{grid-template-columns:1fr 1fr}
    .vani-special-visual{display:none}
}

/* Mobile */
@media(max-width:767px){
    .vani-creations-banner{
        padding:38px 16px 30px;
        min-height:auto;
        background-position:center;
    }
    .vani-creations-banner h1{margin-bottom:24px}
    .vani-creations-grid{
        grid-template-columns:repeat(2,1fr);
        gap:22px 12px;
    }
    .vani-creation-item:last-child{
        grid-column:1/-1;
        max-width:50%;
        width:100%;
        justify-self:center;
    }
    .vani-creation-item__circle{width:84px;height:84px}
    .vani-creation-item__circle img{width:38px;height:38px}
    .vani-process-section{padding-left:18px;padding-right:18px}
    .vani-process-grid{grid-template-columns:1fr;gap:32px}
    .vani-process-card img{aspect-ratio:4/5}
    .vani-special-section__inner{
        display:block;
        padding:0 22px;
    }
    .vani-special-copy{padding:42px 0 8px}
    .vani-special-body{padding:0 0 42px}
}


/* ===== v2.0.5 layout fixes ===== */
.vani-homepage-v204{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    overflow-x:hidden;
}

/* Force Roboto across all VANI homepage text */
.vani-homepage-v204,
.vani-homepage-v204 *{
    font-family:Roboto,Arial,Helvetica,sans-serif!important;
}

/* Full-width first banner */
.vani-creations-banner{
    width:100vw!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    border-radius:0!important;
}
.vani-creations-banner__inner{
    width:100%!important;
    max-width:1200px!important;
    margin:0 auto!important;
    padding-left:24px;
    padding-right:24px;
}

/* Full-width process section with centered content */
.vani-process-section{
    width:100vw!important;
    max-width:none!important;
    margin:0!important;
}
.vani-process-section__inner{
    width:100%!important;
    max-width:1200px!important;
    margin:0 auto!important;
}

/* Full-width special section */
.vani-special-section{
    width:100vw!important;
    max-width:none!important;
    margin:0!important;
}
.vani-special-section__inner{
    width:100%!important;
    max-width:1320px!important;
    margin:0 auto!important;
}

/* Prevent Olars/theme typography overrides */
.vani-creations-banner h1,
.vani-creation-item__title,
.vani-creation-item__count,
.vani-shop-button,
.vani-process-section h2,
.vani-process-section__lead,
.vani-process-card h3,
.vani-process-card p,
.vani-special-copy h2,
.vani-special-body p,
.vani-special-button{
    font-family:Roboto,Arial,Helvetica,sans-serif!important;
}

/* Keep the approved process visual exactly in the clean light style */
.vani-process-section{
    background:#fff!important;
}
.vani-kicker{
    font-family:Roboto,Arial,Helvetica,sans-serif!important;
    text-transform:uppercase;
}
.vani-process-section h2{
    text-transform:none!important;
    font-weight:400!important;
}

/* Make banner feel like the native Olars shop/category banner */
.vani-creations-banner{
    min-height:390px!important;
    background-position:center center!important;
    background-size:cover!important;
}

/* ===== v2.0.6 approved first-banner redesign ONLY ===== */
.vani-creations-banner{min-height:540px!important;padding:54px 24px 42px!important}
.vani-creations-banner__inner{max-width:1180px!important}
.vani-creations-kicker{margin:0 0 14px;color:#b77a55;font-size:12px;font-weight:700;letter-spacing:.30em;text-transform:uppercase}
.vani-creations-banner h1{margin:0!important;font-size:clamp(40px,4.4vw,68px)!important;font-weight:400!important;line-height:1.05!important;letter-spacing:-.035em!important}
.vani-creations-divider{display:flex;justify-content:center;align-items:center;gap:14px;margin:18px auto 18px;color:#b77a55}
.vani-creations-divider:before,.vani-creations-divider:after{content:"";width:58px;height:1px;background:#cda487}
.vani-creations-divider span{font-size:20px!important;color:#b77a55}
.vani-creations-intro{max-width:600px;margin:0 auto 30px!important;font-size:clamp(16px,1.25vw,19px)!important;line-height:1.55!important;color:#555!important}
.vani-creations-grid{gap:clamp(26px,4vw,62px)!important;max-width:940px;margin:0 auto}
.vani-creation-item__circle{width:clamp(86px,6.2vw,100px)!important;height:clamp(86px,6.2vw,100px)!important}
.vani-creation-item__circle img{width:38px!important;height:38px!important}
.vani-creation-item__title{margin-top:12px!important;font-size:16px!important;font-weight:600!important}
.vani-creation-item__count{display:none!important}
.vani-shop-button{margin-top:34px!important;border:1px solid #b77a55!important;background:rgba(255,255,255,.55)!important;color:#a66e4b!important;padding:15px 27px!important;font-size:12px!important;letter-spacing:.08em!important}
.vani-shop-button:after{content:"  →";font-size:17px}
@media(max-width:767px){.vani-creations-banner{min-height:auto!important;padding:42px 18px 34px!important}.vani-creations-intro{font-size:15px!important;margin-bottom:24px!important}.vani-creations-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 18px!important}.vani-creation-item:last-child{grid-column:1/-1}.vani-creations-divider{margin:14px auto}.vani-shop-button{margin-top:28px!important}}