/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2026-06-10 09:34:57 */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
        width: 57.17%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
        width: 40.83%;
    }

    .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
        width: 42.8775%;
    }
    .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
        width: 30.6225%;
    }
}

/* =================================================
ROOT VARIABLES
================================================= */

:root{
    --primary:#b91112;
    --secondary:#FFE5AD;
    --secondary-soft:#F5F5DC;
    --dark:#222529;
    --light:#fff;
    --gray:#777;
    --border:#e7e7e7;

    --font-main:Poppins, Arial, sans-serif;
    --font-script:'Segoe Script','Savoye LET',cursive;
    --font-brush:'Nanum Brush Script',cursive;
}


/* =================================================
TYPOGRAPHY
================================================= */

body,
li{
    line-height:26px;
    letter-spacing:.2px;
}

h1,h2,h3,h4,h5,h6{
    font-family:var(--font-main);
    color:var(--primary);
    letter-spacing:normal;
}

h1,h2,h3{
    letter-spacing:-.025em;
}

h1{
    font-weight:400;
    font-size:36px;
    line-height:44px;
    margin:0 0 32px;
}

h2{
    font-weight:300;
    font-size:30px;
    line-height:40px;
    margin:0 0 32px;
}

h3{
    font-weight:700;
    font-size:14px;
    line-height:32px;
    margin:0 0 20px;
}

h4{
    font-weight:700;
    font-size:16px;
    line-height:19px;
    margin:0 0 14px;
}

h5,
h6{
    font-weight:600;
    font-size:14px;
    line-height:18px;
}

h5{
    margin:0 0 14px;
}

h6{
    color:var(--gray);
}


/* =================================================
CUSTOM FONTS
================================================= */

.home-banner-slider h2.vc_custom_heading,
.custom-font4{
    font-family:var(--font-script);
}

.custom-font1{
    font-family:var(--font-brush);
}


/* =================================================
COLORS
================================================= */

html .heading-secondary,
html .lnk-secondary,
html .text-color-secondary{
    color:var(--secondary-soft);
}

html .background-color-secondary{
    background-color:#f4a085!important;
}


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

html .btn-modern{
    text-transform:uppercase;
    font-size:.8125rem;
    padding:1em 2.8em;
    font-weight:600;
}

html .action.primary,
html .btn{
    font-family:var(--font-main);
    letter-spacing:.01em;
    line-height:1.42857;
}

html .action.primary,
html .btn,
html .btn-dark,
html .btn-light,
html .btn-quaternary{
    font-weight:700;
    padding:.8em 2em;
}

html .action.primary{
    color:var(--light);
    background:var(--primary);
    border-color:var(--primary) var(--primary) #ababa7;
}

html .btn-dark{
    color:var(--light);
    background:var(--dark);
}

html .btn-light{
    color:var(--dark);
    background:var(--light);
}

html .btn-quaternary{
    color:var(--light);
    background:#000;
}

html .btn-xl,
.btn-modern.btn-xl{
    font-size:1rem;
}

html .btn-xl{
    padding:.8rem 2rem;
}

.btn-modern.btn-xl{
    padding:1.25em 3.125em;
}

.btn-flat{
    padding:0!important;
    background:none!important;
    border:none!important;
    border-bottom:1px solid transparent!important;
    box-shadow:none!important;
    text-transform:uppercase;
    font-size:.55rem;
    color:var(--primary)!important;
}


/* =================================================
BREADCRUMBS
================================================= */

.page-wrapper>.breadcrumbs{
    display:none;
    margin-bottom:0;
    font-size:.7143em;
    font-weight:500;
    letter-spacing:.05em;
}


/* =================================================
SIDEBAR
================================================= */

.catalog-category-view .sidebar.sidebar-main .sidebar-content,
.catalogsearch-result-index .sidebar.sidebar-main .sidebar-content,
.sidebar .sidebar-content .block-category-list,
.side-custom-block .custom-block,
.filter-options-item,
.filter-actions{
    border:none;
}

.sidebar .sidebar-content .block-category-list,
.side-custom-block .custom-block,
.filter-options-item{
    margin-bottom:30px;
    padding:0;
}

.filter-current{
    padding:0;
}

.block-category-list .block-title,
.side-custom-block .custom-block h2,
.filter-options-title,
.filter .filter-current-subtitle{
    border-bottom:1px solid var(--border);
    padding-bottom:6px;
    font-size:12px;
    font-weight:600;
    color:#000;
}

.block-category-list .block-content,
.filter-options-content,
.custom-block .block-content{
    padding-left:15px;
}


/* =================================================
FOOTER
================================================= */

.footer{
    border-top:1px solid var(--border);
}

.footer,
.footer p{
    font-size:13px;
    line-height:26px;
    font-family:var(--font-main);
    color:#222;
}

.footer .footer-middle > .container{
    padding:4rem 0 1.4rem;
}

.footer-middle > .container > .row{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

.footer-middle > .container > .row > div{
    flex:0 0 28%;
    max-width:28%;
    margin-bottom:20px;
}

.footer-middle > .container > .row > div:nth-child(2n){
    flex:0 0 22%;
    max-width:22%;
}

.footer .newsletter input{
    height:44px;
    padding:0 10px;
    border:1px solid #ccc;
    border-radius:0;
    background:#e2e2e0;
}

.footer .newsletter input::placeholder{
    color:#999;
}

.footer .footer-middle a{
    color:var(--light);
    text-decoration:none;
    transition:color .3s;
}

.footer .footer-middle a:hover{
    color:var(--secondary);
}


/* =================================================
HEADER
================================================= */

.page-header .header-main{
    position:relative;
    color:var(--primary);
}

.page-header.type10 .panel.wrapper{
    display:none;
}

.page-header.type14 .header-bottom{
    background:var(--light);
}

.cms-page-view .page-main .row:first-child,
.cms-page-view .page-main .vc_row:first-child{
    margin-top:0;
    padding-top:0;
}

/* =================================================
NAVIGATION
================================================= */

.sw-megamenu.navigation > ul > li.level0 > a{
    color:var(--primary)!important;
    font-weight:600;
}

.sw-megamenu.navigation > ul > li.level0:hover > a{
    color:var(--secondary)!important;
}

.sw-megamenu.navigation .submenu{
    background:var(--secondary)!important;
}

.sw-megamenu.navigation .submenu a{
    color:#000!important;
}

.sw-megamenu.navigation .submenu a:hover{
    color:var(--primary)!important;
}

.sw-megamenu.navigation .submenu li:hover{
    background:rgba(255,255,255,.4);
}


/* =================================================
DESKTOP NAVIGATION
================================================= */

@media (min-width:992px){

    .navigation ul{
        margin:0;
        padding:0;
        position:relative;
    }

    .navigation ul li a{
        color:#e4b6b7;
    }

    .page-header .sw-megamenu.navigation
    li.level0.staticwidth > .submenu .level1 > a,

    .page-header .sw-megamenu.navigation
    li.level0.fullwidth > .submenu .level1 > a{
        color:var(--secondary-soft);
        padding-top:10px;
    }

    .home .page-header{
        margin-bottom:28px;
    }

}


/* =================================================
HOME HEADER
================================================= */

.cms-index-index
.page-header.type10
.header-main
.header-right,

.cms-index-index
.page-header.type10
.header-main
.header-left{
    padding:0;
}


/* =================================================
SEARCH ICON
================================================= */

@media (max-width:1475px){

.search-area.show-icon-tablet-large
a.search-toggle-icon{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    font-size:21px;
}

}


/* =================================================
PRODUCT / CMS SPACING
================================================= */

.page-products .columns{
    padding-top:10px;
}

.product-info-main .page-title-wrapper{
    max-width:calc(100% - 52px);
}

.category-cms,
.category-image,
.category-description{
    padding-top:20px;
}

.cms-page-view .page-main{
    padding-top:0px;
}


/* =================================================
DISABLED MENU LINKS
================================================= */

.navigation a[href*="perfume-oils"],
.navigation a[href*="agarwood"],
.navigation a[href*="perfumes"]{
    pointer-events:none;
    cursor:default;
}


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

@media (max-width:992px){

    .footer-middle > .container > .row > div{
        flex:0 0 48%;
        max-width:48%;
    }

    .product{
        width:48%;
    }

}

@media (max-width:991px){

    .hide-on-mobile{
        display:none;
    }

    .cms-page-view .page-main,
    .cms-index-index .page-main{
        padding-top:0px;
    }

}

@media (max-width:767px){

    .logo img{
        max-width:50%;
    }

}

@media (max-width:600px){

    .footer-middle > .container > .row > div,
    .product{
        flex:0 0 100%;
        max-width:100%;
        width:100%;
    }

}


/*=======================================
Code to re,ovr gap from header nd banner
===========================================*/

.vc_row{
    margin-top:0 !important;
}



/* ========================================
REMOVE LARGE GAP BELOW HEADER
======================================== */

.page-header{
    margin-bottom:0 !important;
}

.page-main{
    padding-top:0 !important;
}

.cms-page-view .page-main{
    padding-top:0 !important;
}

.header.content{
    padding-bottom:0 !important;
}

.page-header.type10 .header-main{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
}

.page-header .header-bottom{
    margin-bottom:0 !important;
}

.vc_row:first-child{
    margin-top:0 !important;
    padding-top:0 !important;
}


.page-wrapper{
    padding-top:0 !important;
}

html body .page-main{
    margin-top:0 !important;
}





/* Remove PageBuilder spacing */
.category-cms .pagebuilder-column-group,
.category-cms [data-content-type='row'],
.category-cms [data-content-type='text'],
.category-cms [data-content-type='html'] {
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove gap below images */
.category-cms img {
    display: block;
}

/* Fix flex row spacing */
.category-cms .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 !important;
}

/* Remove column spacing */
.category-cms .column {
    flex: 0 0 50%;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}

/* Remove video whitespace */
.category-cms video {
    display: block;
    width: 100%;
    height: auto;
}

.cms-page-view .page-main > .columns .column.main{
    padding-top:0 !important;
}

.cms-page-view .row{
    margin-top:0 !important;
}

.cms-page-view .main-content{
    padding-top:0 !important;
}

.page-header{
    margin-bottom:0 !important;
}

.page-header .header-bottom{
    margin-bottom:0 !important;
}


/* Remove gap between menu and first banner */
.cms-page-view .page-main,
.cms-page-view .columns,
.cms-page-view .column.main,
.cms-page-view .main-content,
.cms-page-view .row,
.cms-page-view .vc_row {
    padding-top:0 !important;
    margin-top:0 !important;
}

/* Remove top margin from first element */
.cms-page-view .column.main > *:first-child,
.cms-page-view .column.main > div:first-child,
.cms-page-view .column.main > section:first-child{
    margin-top:0 !important;
    padding-top:0 !important;
}