/* Hidden Wonders brand refresh: professional safari logo + cleaner menu bar */
:root{
    --hw-forest:#173522;
    --hw-forest-2:#24482d;
    --hw-sand:#fff8ed;
    --hw-sand-2:#f2e4c9;
    --hw-terracotta:#c56b2d;
    --hw-gold:#f5b044;
    --hw-ink:#173522;
}

.site-header{
    left:clamp(14px,3vw,52px)!important;
    right:clamp(14px,3vw,52px)!important;
    top:58px!important;
    z-index:998!important;
}

.site-header.is-fixed{
    top:0!important;
    left:0!important;
    right:0!important;
    background:linear-gradient(90deg,rgba(23,53,34,.98),rgba(36,72,45,.98))!important;
    border-radius:0 0 28px 28px!important;
    box-shadow:0 18px 55px rgba(23,53,34,.22)!important;
}

.site-header .main-bar-wraper > .w-full,
.site-header .main-bar-wraper > .flex{
    min-height:92px!important;
    background:rgba(255,248,237,.96)!important;
    border:1px solid rgba(234,217,185,.85)!important;
    border-radius:30px!important;
    box-shadow:0 22px 70px rgba(23,53,34,.20)!important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

.site-header.is-fixed .main-bar-wraper > .w-full,
.site-header.is-fixed .main-bar-wraper > .flex{
    min-height:78px!important;
    border-radius:0 0 28px 28px!important;
    border-color:rgba(255,255,255,.12)!important;
    background:transparent!important;
    box-shadow:none!important;
}

.site-header .flex.items-center.relative.z-9.h-20,
.site-header .flex.items-center.z-9.h-20{
    width:clamp(210px,24vw,310px)!important;
    min-width:210px!important;
}

.site-header a[href="/"] img,
.site-header a[href$="/home"] img{
    width:100%!important;
    max-width:306px!important;
    max-height:80px!important;
    object-fit:contain!important;
    filter:none!important;
}

.site-header .hw-logo-box{
    background:transparent!important;
    box-shadow:none!important;
    padding:0!important;
    border-radius:0!important;
}

.site-header .navbar-nav{
    align-items:center!important;
    gap:clamp(6px,1.1vw,16px)!important;
}

.site-header .navbar-nav > li > a{
    color:var(--hw-forest)!important;
    font-family:Inter, Figtree, Arial, sans-serif!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
    padding:16px 14px!important;
    border-radius:999px!important;
    transition:background-color .2s ease,color .2s ease,transform .2s ease!important;
}

.site-header .navbar-nav > li > a:hover,
.site-header .navbar-nav > li > a.active{
    background:rgba(197,107,45,.12)!important;
    color:var(--hw-terracotta)!important;
    transform:translateY(-1px);
}

.site-header.is-fixed .navbar-nav > li > a{
    color:#fff8ed!important;
}

.site-header.is-fixed .navbar-nav > li > a:hover,
.site-header.is-fixed .navbar-nav > li > a.active{
    background:rgba(245,176,68,.16)!important;
    color:#f5b044!important;
}

.site-header .quick-search,
.site-header .toggle-nav-btn{
    color:var(--hw-forest)!important;
    background:rgba(23,53,34,.08)!important;
    border-radius:999px!important;
}

.site-header .toggle-nav-btn span{
    background:var(--hw-forest)!important;
}

.site-header.is-fixed .quick-search,
.site-header.is-fixed .toggle-nav-btn{
    color:#fff8ed!important;
    background:rgba(255,255,255,.12)!important;
}

.site-header.is-fixed .toggle-nav-btn span,
.site-header.is-fixed .xmenu-toggler span{
    background:#fff8ed!important;
}

.site-header .xmenu-toggler{
    border-radius:16px!important;
    background:var(--hw-forest)!important;
}

.site-header .xmenu-toggler span{
    background:#fff8ed!important;
}

@media (max-width:1199px){
    .site-header .flex.items-center.relative.z-9.h-20,
    .site-header .flex.items-center.z-9.h-20{
        width:220px!important;
        min-width:180px!important;
    }
    .site-header .navbar-nav > li > a{font-size:14px!important;padding:14px 9px!important;}
}

@media (max-width:991px){
    .site-header{top:52px!important;left:10px!important;right:10px!important;}
    .site-header .main-bar-wraper > .w-full,
    .site-header .main-bar-wraper > .flex{min-height:76px!important;border-radius:22px!important;}
    .site-header .header-nav{background:#fff8ed!important;}
    .site-header .header-nav .navbar-nav > li > a{color:var(--hw-forest)!important;padding:16px 0!important;border-radius:0!important;}
    .site-header .quick-search{display:none!important;}
}

@media (max-width:575px){
    .site-header .flex.items-center.relative.z-9.h-20,
    .site-header .flex.items-center.z-9.h-20{width:190px!important;min-width:170px!important;}
    .site-header a[href="/"] img,
    .site-header a[href$="/home"] img{max-height:64px!important;}
}

/* Thin top progress preloader: replaces the old full-screen dot loader visually. */
.loading-area{
    position:fixed!important;
    inset:0 auto auto 0!important;
    width:100%!important;
    height:4px!important;
    min-height:0!important;
    z-index:100000!important;
    background:rgba(255,248,237,.88)!important;
    overflow:hidden!important;
    pointer-events:none!important;
    opacity:1!important;
    visibility:visible!important;
    display:block;
    animation:hwPreloaderFade .45s ease 1.35s forwards!important;
}
.loading-area:before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:0;
    border-radius:0 999px 999px 0;
    background:linear-gradient(90deg,var(--hw-terracotta),var(--hw-gold),#fff2bc);
    box-shadow:0 0 18px rgba(245,176,68,.75);
    animation:hwTopLoad 1.15s cubic-bezier(.22,.75,.3,1) forwards;
}
.loading-area .loading-box,
.loading-area .loading-pic,
.loading-area .loader,
.loading-area .dot{
    display:none!important;
}
@keyframes hwTopLoad{
    0%{width:0;}
    55%{width:72%;}
    100%{width:100%;}
}
@keyframes hwPreloaderFade{
    to{opacity:0;visibility:hidden;}
}

.hw-topbar__spark i{font-size:11px;}
.hw-topbar__ticker span{display:inline-flex;align-items:center;gap:6px;}
.hw-topbar__ticker i{color:#ffe15d;font-size:12px;}
.hw-topbar__actions a i{font-size:14px;line-height:1;}
.hw-topbar__actions a[href^="https://wa.me"]{
    background:rgba(37,211,102,.16);
    border:1px solid rgba(255,255,255,.22);
    border-radius:999px;
    padding:6px 10px;
}
.hw-topbar__actions a[href^="https://wa.me"] i{color:#35f184;font-size:16px;}