/* Local Webfont Fallback for Mulish Typography Standard */
@font-face{font-family:'Mulish';font-style:normal;font-weight:400;font-display:swap;src:url('/theme/fonts/mulish/Mulish-400-normal-vietnamese.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-Regular.ttf') format('truetype');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:400;font-display:swap;src:url('/theme/fonts/mulish/Mulish-400-normal-latin-ext.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-Regular.ttf') format('truetype');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:400;font-display:swap;src:url('/theme/fonts/mulish/Mulish-400-normal-latin.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-Regular.ttf') format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:500;font-display:swap;src:url('/theme/fonts/mulish/Mulish-500-normal-vietnamese.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-Medium.ttf') format('truetype');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:500;font-display:swap;src:url('/theme/fonts/mulish/Mulish-500-normal-latin-ext.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-Medium.ttf') format('truetype');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:500;font-display:swap;src:url('/theme/fonts/mulish/Mulish-500-normal-latin.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-Medium.ttf') format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:600;font-display:swap;src:url('/theme/fonts/mulish/Mulish-600-normal-vietnamese.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-SemiBold.ttf') format('truetype');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:600;font-display:swap;src:url('/theme/fonts/mulish/Mulish-600-normal-latin-ext.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-SemiBold.ttf') format('truetype');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:600;font-display:swap;src:url('/theme/fonts/mulish/Mulish-600-normal-latin.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-SemiBold.ttf') format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:700;font-display:swap;src:url('/theme/fonts/mulish/Mulish-700-normal-vietnamese.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-Bold.ttf') format('truetype');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:700;font-display:swap;src:url('/theme/fonts/mulish/Mulish-700-normal-latin-ext.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-Bold.ttf') format('truetype');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:700;font-display:swap;src:url('/theme/fonts/mulish/Mulish-700-normal-latin.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-Bold.ttf') format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Mulish';font-style:italic;font-weight:400;font-display:swap;src:url('/theme/fonts/mulish/Mulish-400-italic-vietnamese.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-Italic.ttf') format('truetype');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'Mulish';font-style:italic;font-weight:400;font-display:swap;src:url('/theme/fonts/mulish/Mulish-400-italic-latin-ext.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-Italic.ttf') format('truetype');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Mulish';font-style:italic;font-weight:400;font-display:swap;src:url('/theme/fonts/mulish/Mulish-400-italic-latin.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-Italic.ttf') format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Mulish';font-style:italic;font-weight:500;font-display:swap;src:url('/theme/fonts/mulish/Mulish-500-italic-vietnamese.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-MediumItalic.ttf') format('truetype');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'Mulish';font-style:italic;font-weight:500;font-display:swap;src:url('/theme/fonts/mulish/Mulish-500-italic-latin-ext.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-MediumItalic.ttf') format('truetype');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Mulish';font-style:italic;font-weight:500;font-display:swap;src:url('/theme/fonts/mulish/Mulish-500-italic-latin.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-MediumItalic.ttf') format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Mulish';font-style:italic;font-weight:600;font-display:swap;src:url('/theme/fonts/mulish/Mulish-600-italic-vietnamese.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-SemiBoldItalic.ttf') format('truetype');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'Mulish';font-style:italic;font-weight:600;font-display:swap;src:url('/theme/fonts/mulish/Mulish-600-italic-latin-ext.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-SemiBoldItalic.ttf') format('truetype');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Mulish';font-style:italic;font-weight:600;font-display:swap;src:url('/theme/fonts/mulish/Mulish-600-italic-latin.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-SemiBoldItalic.ttf') format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Mulish';font-style:italic;font-weight:700;font-display:swap;src:url('/theme/fonts/mulish/Mulish-700-italic-vietnamese.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-BoldItalic.ttf') format('truetype');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'Mulish';font-style:italic;font-weight:700;font-display:swap;src:url('/theme/fonts/mulish/Mulish-700-italic-latin-ext.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-BoldItalic.ttf') format('truetype');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Mulish';font-style:italic;font-weight:700;font-display:swap;src:url('/theme/fonts/mulish/Mulish-700-italic-latin.woff2') format('woff2'),url('/theme/fonts/mulish/Mulish-BoldItalic.ttf') format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
    --fnt:'Mulish',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --font-headline:var(--fnt);
    --font-subheader:var(--fnt);
    --font-body:var(--fnt);
    --font-quote:var(--fnt);
    --fw-headline:700;
    --fw-subheader:600;
    --fw-subheader-medium:500;
    --fw-body:400;
    --fw-quote:400;
    /* Muca Brand Color System (60-30-10 Rule):
       - Alabaster (Kem - 60% Primary BG): #F8F3ED (RGB: 248, 243, 237)
       - Bistre (Nâu Đen - 30% Text / Secondary & Footer BG): #3D2B1F (RGB: 61, 43, 31)
       - Gold Lining (Vàng Kim - 10% Primary CTA & Accent): #CAA158 (RGB: 202, 161, 88)
    */
    --color-alabaster:#F8F3ED;
    --color-alabaster-rgb:248, 243, 237;
    --color-bistre:#3D2B1F;
    --color-bistre-rgb:61, 43, 31;
    --color-gold:#CAA158;
    --color-gold-rgb:202, 161, 88;
    --muca-bg:var(--color-alabaster);
    --muca-bg-secondary:var(--color-bistre);
    --muca-text:var(--color-bistre);
    --muca-ink:var(--color-bistre);
    --muca-bistre:var(--color-bistre);
    --muca-plum:var(--color-bistre);
    --muca-accent:var(--color-gold);
    --muca-gold:var(--color-gold);
    --muca-cream:var(--color-alabaster);
    --muca-line:rgba(var(--color-bistre-rgb), 0.16);
    --btn-primary-bg:var(--color-gold);
    --btn-primary-text:var(--color-bistre);
    --btn-secondary-bg:transparent;
    --btn-secondary-text:var(--color-bistre);
    --btn-secondary-border:var(--color-bistre);
    --main:var(--color-gold);
    --hover:var(--color-bistre);
    --text:var(--color-bistre);
    --prev:rgba(var(--color-bistre-rgb), 0.72);
    --red:#e9050f;
    --bord:rgba(var(--color-bistre-rgb), 0.16);
    --grey:var(--color-alabaster);
    --muca-page-hero-h:min(82svh,780px);
    --muca-page-hero-min-h:520px;
    --muca-page-hero-h-mobile:66svh;
    --muca-page-hero-min-h-mobile:420px;
    --white:#fff;
    --wite:#fff;
}

/* Shared English Muca identity - Brand Colors: Alabaster (#F8F3ED), Bistre (#3D2B1F), Gold Lining (#CAA158) */
.muca-en{color:var(--muca-text);background:var(--muca-bg);font-family:var(--font-body);font-weight:var(--fw-body);-webkit-font-smoothing:antialiased;}
.muca-en .site-header{position:relative;z-index:99;}
.muca-en .main-wrap{overflow:hidden;}
.muca-en a{text-decoration:none;}

/* Mulish Typography Standard (Root-driven):
   - Headline: var(--font-headline) / var(--fw-headline) (700)
   - Sub-header: var(--font-subheader) / var(--fw-subheader) (600) or var(--fw-subheader-medium) (500)
   - Body Copy: var(--font-body) / var(--fw-body) (400)
   - Notes / Quotes: var(--font-quote) / var(--fw-quote) (400 italic)
   - Anti-orphan & balanced wrapping across Desktop & Mobile
*/
h1,h2,.h1,.h2,.muca-heading-serif,.muca-display{font-family:var(--font-headline) !important;font-weight:var(--fw-headline);text-wrap:balance;overflow-wrap:break-word;word-break:normal;hyphens:none;}
.muca-en h1:not([class*="hero"]):not([class*="story"]):not([class*="statement"]),
.muca-en h2:not([class*="hero"]):not([class*="story"]):not([class*="statement"]){color:var(--muca-text);}
h3,h4,h5,h6,.h3,.h4,.h5,.h6,.muca-subheading-sans,.muca-section-tag,.muca-eyebrow{font-family:var(--font-subheader);font-weight:var(--fw-subheader);text-wrap:balance;overflow-wrap:break-word;word-break:normal;hyphens:none;}
.muca-subheading-lead{font-family:var(--font-subheader);font-weight:var(--fw-subheader-medium);color:var(--muca-text);text-wrap:pretty;}
body,p,li,dd,.muca-body-copy,.muca-desc-text{font-family:var(--font-body);font-weight:var(--fw-body);text-wrap:pretty;overflow-wrap:break-word;word-break:normal;}
.muca-en p:not([class*="hero"]):not([class*="story"]):not([class*="statement"]):not([class*="caption"]):not([class*="photo"]){color:var(--muca-text);}
blockquote,q,cite,figcaption,.muca-quote,.muca-note,.muca-footer__motto,.accommodation-detail__rate-note,.main-detail figure figcaption,.main-detail .fb-content-quote{font-family:var(--font-quote);font-style:italic;font-weight:var(--fw-quote);text-wrap:pretty;}
a,button,.btn-muca,.btn-outline-muca,.muca-btn-book-cta,.muca-hero-book-trigger,.muca-stay-book,.muca-contact-action{word-break:keep-all;}


/* ==========================================================================
   Universal Rule: Text Sitting Over Images & Dark Backdrops Must Be White
   Avoid accidental overrides from global tag selectors
   ========================================================================== */
.muca-hero-section,
.muca-story,
.muca-stay-slide__caption,
.muca-longstay-photo-copy,
.cuisine-page__hero,
.experiences-page__hero,
.experiences-page__statement,
.wellness-page__hero,
.wellness-page__statement,
.accommodation-page__hero,
.local-list__hero,
.offers-list__hero,
.accommodation-detail__hero,
.accommodation-page__card,
.muca-contact-page__hero,
.banner {
    color: #fff !important;
}

.muca-hero-section h1, .muca-hero-section h2, .muca-hero-section h3, .muca-hero-section p, .muca-hero-section span:not(.text-success):not(.text-primary):not(.text-warning),
.muca-story h1, .muca-story h2, .muca-story h3, .muca-story p, .muca-story span, .muca-story a,
.muca-stay-slide__caption h2, .muca-stay-slide__caption h3, .muca-stay-slide__caption p, .muca-stay-slide__caption a,
.muca-longstay-photo-copy h2, .muca-longstay-photo-copy h3, .muca-longstay-photo-copy p, .muca-longstay-photo-copy span,
.cuisine-page__hero h1, .cuisine-page__hero p, .cuisine-page__hero span,
.experiences-page__hero h1, .experiences-page__hero p, .experiences-page__hero span,
.experiences-page__statement h2, .experiences-page__statement p, .experiences-page__statement span,
.wellness-page__hero h1, .wellness-page__hero p, .wellness-page__hero span,
.wellness-page__statement h2, .wellness-page__statement p, .wellness-page__statement span,
.accommodation-page__hero h1, .accommodation-page__hero h2, .accommodation-page__hero p, .accommodation-page__hero span,
.local-list__hero h1, .local-list__hero h2, .local-list__hero p, .local-list__hero span,
.offers-list__hero h1, .offers-list__hero h2, .offers-list__hero p, .offers-list__hero span,
.accommodation-detail__hero h1, .accommodation-detail__hero h2, .accommodation-detail__hero p, .accommodation-detail__hero span,
.accommodation-page__card h2, .accommodation-page__card p, .accommodation-page__card span,
.muca-contact-page__hero h1, .muca-contact-page__hero h2, .muca-contact-page__hero p, .muca-contact-page__hero span,
.banner h1, .banner h2, .banner p, .banner span, .banner a {
    color: #fff !important;
}

/* Topbar (Secondary BG: Bistre #3D2B1F) */
.muca-topbar{background:var(--muca-bg-secondary);color:var(--color-alabaster);padding:8px 0;font-size:0.8rem;}
.muca-topbar a{color:var(--color-alabaster);text-decoration:none;transition:color 0.2s;}
.muca-topbar a:hover{color:var(--color-gold);}
.muca-topbar__item{white-space:nowrap;flex-shrink:0;}
.muca-topbar__item:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px;}
.muca-lang-switch{position:relative;cursor:pointer;flex-shrink:0;}
.muca-lang-current{display:inline-flex;align-items:center;gap:5px;font-weight:600;white-space:nowrap;}
.muca-lang-dropdown{position:absolute;top:100%;right:0;background:var(--muca-bg);border:1px solid var(--muca-line);border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,0.15);display:none;z-index:100;min-width:130px;}
.muca-lang-dropdown a{display:block;padding:8px 14px;color:var(--muca-text);font-size:0.82rem;white-space:nowrap;}
.muca-lang-dropdown a:hover,.muca-lang-dropdown a.active{background:rgba(var(--color-gold-rgb),0.2);color:var(--color-bistre);font-weight:700;}
.muca-lang-switch:hover .muca-lang-dropdown{display:block;}

/* Navbar (Primary BG: Alabaster #F8F3ED) */
.muca-navbar-main{background:var(--muca-bg);border-bottom:1px solid var(--muca-line);padding:12px 0;box-shadow:0 4px 16px rgba(var(--color-bistre-rgb),0.04);position:sticky;top:0;z-index:98;}
.muca-navbar-main>.container{gap:clamp(10px,1.4vw,24px);flex-wrap:nowrap;}
.muca-brand-logo{display:block;position:relative;flex:0 0 132px;width:132px;height:78px;overflow:hidden;}
.muca-brand-logo img{position:absolute;top:50%;left:50%;width:198px;max-width:none;height:auto;transform:translate(-50%,-50%);}
.muca-nav-desktop{display:flex;align-items:center;justify-content:center;align-self:stretch;flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:clamp(8px,1.15vw,18px);margin:-12px auto;padding:12px 0;}
.muca-nav-desktop>a{flex-shrink:0;white-space:nowrap;}
.muca-nav-desktop a{color:var(--muca-text);font-size:clamp(0.68rem,0.74vw,0.78rem);font-weight:700;letter-spacing:0.03em;text-transform:uppercase;white-space:nowrap;transition:color 0.2s;}
.muca-nav-desktop a:hover{color:var(--color-gold);}
.muca-nav-accommodation{position:relative;align-self:stretch;display:flex;align-items:center;flex-shrink:0;}
.muca-nav-accommodation>a{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.muca-nav-accommodation>a i{font-size:10px}
.muca-nav-accommodation__menu{position:absolute;top:calc(100% + 8px);left:50%;z-index:100;display:flex;flex-direction:column;width:236px;padding:8px 0;background:var(--muca-bg);border:1px solid var(--muca-line);border-top:2px solid var(--color-gold);box-shadow:0 15px 30px rgba(var(--color-bistre-rgb),0.13);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,7px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.muca-nav-accommodation__menu::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.muca-nav-accommodation:hover .muca-nav-accommodation__menu,.muca-nav-accommodation:focus-within .muca-nav-accommodation__menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.muca-nav-desktop .muca-nav-accommodation__menu a{display:block;margin:0 12px;padding:11px 14px;border-bottom:1px solid var(--muca-line);color:var(--muca-text);font-size:14px;font-weight:500;line-height:1.35;letter-spacing:0;text-transform:none;white-space:nowrap}
.muca-nav-desktop .muca-nav-accommodation__menu a:last-child{border-bottom:0}
.muca-nav-desktop .muca-nav-accommodation__menu a:hover,.muca-nav-desktop .muca-nav-accommodation__menu a:focus-visible{background:rgba(var(--color-gold-rgb),0.18);color:var(--color-bistre)}
@media(min-width:992px) and (max-width:1399px){.muca-navbar-main>.container{gap:10px}.muca-brand-logo{flex-basis:108px;width:108px;height:68px}.muca-brand-logo img{width:168px}.muca-nav-desktop{gap:clamp(6px,.7vw,11px);margin-inline:4px}.muca-nav-desktop>a,.muca-nav-accommodation>a{font-size:clamp(.63rem,.68vw,.71rem);letter-spacing:.015em}.muca-btn-book-cta{padding:8px 12px;font-size:.69rem;letter-spacing:.06em;white-space:nowrap}}
.muca-lang-inline{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-subheader);font-size:clamp(0.68rem,0.74vw,0.78rem);font-weight:600;letter-spacing:0.04em;white-space:nowrap;flex-shrink:0;}
.muca-lang-inline__link{color:rgba(var(--color-bistre-rgb),0.55);text-decoration:none;transition:color 0.2s ease;}
.muca-lang-inline__link:hover{color:var(--color-gold);}
.muca-lang-inline__link.is-active{color:var(--muca-text);font-weight:700;}
.muca-lang-inline__sep{color:rgba(var(--color-bistre-rgb),0.3);font-weight:400;user-select:none;}

/* Primary CTA Button: Gold Lining (#CAA158) bg + Bistre (#3D2B1F) text */
.muca-header-cta{flex-shrink:0;}
.muca-btn-book-cta{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;background:var(--btn-primary-bg);color:var(--btn-primary-text) !important;border:1px solid var(--btn-primary-bg);font-size:0.74rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;border-radius:3px;transition:all 0.25s;}
.muca-btn-book-cta:hover{background:var(--color-bistre);border-color:var(--color-bistre);color:var(--color-alabaster) !important;}

/* Mobile Toggle & Drawer */
.muca-mobile-toggle{background:none;border:none;display:flex;flex-direction:column;gap:5px;padding:6px;cursor:pointer;}
.muca-mobile-toggle span{display:block;width:24px;height:2px;background:var(--color-bistre);}
.muca-mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:min(85vw,320px);background:var(--muca-bg);z-index:99999;transform:translateX(-100%);transition:transform 0.3s ease;overflow-y:auto;}
.muca-mobile-drawer.active{transform:translateX(0);box-shadow:6px 0 24px rgba(0,0,0,0.2);}
.muca-mobile-close{background:none;border:none;font-size:2rem;color:var(--color-bistre);cursor:pointer;}
.muca-mobile-nav a{color:var(--muca-text);font-weight:700;font-size:0.9rem;text-transform:uppercase;padding:6px 0;border-bottom:1px solid var(--muca-line);}
.muca-mobile-nav__accommodation summary{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--muca-line);color:var(--muca-text);font-size:.9rem;font-weight:700;text-transform:uppercase;cursor:pointer;list-style:none}
.muca-mobile-nav__accommodation summary::-webkit-details-marker{display:none}
.muca-mobile-nav__accommodation summary:after{content:'+';color:var(--color-gold);font-size:18px;font-weight:400;line-height:1}
.muca-mobile-nav__accommodation[open] summary:after{content:'−'}
.muca-mobile-nav__groups{display:flex;flex-direction:column;padding:5px 0 5px 18px;background:var(--muca-bg)}
.muca-mobile-nav .muca-mobile-nav__groups a{padding:12px 0;color:var(--muca-text);font-size:.9rem;font-weight:500;text-transform:none}
.muca-mobile-sticky-bar{position:fixed;bottom:0;left:0;right:0;background:var(--btn-primary-bg);padding:10px 16px;z-index:9998;box-shadow:0 -4px 16px rgba(0,0,0,0.15);}
.muca-btn-sticky{display:block;width:100%;text-align:center;color:var(--btn-primary-text) !important;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;font-size:0.85rem;}

/* ==========================================================================
   Muca Footer - Refined Nature Landscape (Phương án A: Nền kem Alabaster)
   ========================================================================== */
.muca-footer {
    position: relative;
    background: 
        radial-gradient(ellipse 65% 55% at 90% 20%, rgba(var(--color-gold-rgb), 0.08) 0%, transparent 70%),
        radial-gradient(ellipse 60% 60% at 10% 85%, rgba(68, 88, 71, 0.055) 0%, transparent 70%),
        linear-gradient(180deg, #f8f6f2 0%, #f4ede2 100%);
    color: var(--muca-text);
    border-top: 0;
    overflow: hidden;
}

.muca-footer__nature-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

.muca-footer__palm {
    position: absolute;
    pointer-events: none;
    transform-origin: bottom right;
}

.muca-footer__palm--right {
    right: -30px;
    bottom: -20px;
    width: clamp(280px, 32vw, 480px);
    color: var(--color-bistre);
    opacity: 0.065;
    animation: muca-palm-sway 18s ease-in-out infinite alternate;
}

.muca-footer__palm--left {
    left: -20px;
    top: -15px;
    width: clamp(200px, 24vw, 360px);
    color: #445946;
    opacity: 0.055;
    animation: muca-palm-sway-left 22s ease-in-out infinite alternate;
}

.muca-footer__leaf {
    position: absolute;
    color: var(--color-gold);
    pointer-events: none;
}

.muca-footer__leaf--1 {
    top: 28%;
    left: 21%;
    width: 20px;
    height: 20px;
    opacity: 0.22;
    animation: muca-leaf-drift 14s ease-in-out infinite alternate;
}

.muca-footer__leaf--2 {
    bottom: 30%;
    right: 28%;
    width: 18px;
    height: 18px;
    opacity: 0.18;
    animation: muca-leaf-drift 18s ease-in-out infinite alternate-reverse;
}

@keyframes muca-palm-sway {
    0% { transform: rotate(0deg) translate(0, 0); }
    50% { transform: rotate(2deg) translate(-6px, -4px); }
    100% { transform: rotate(-1.5deg) translate(5px, -7px); }
}

@keyframes muca-palm-sway-left {
    0% { transform: rotate(0deg) translate(0, 0); }
    50% { transform: rotate(-1.8deg) translate(6px, 5px); }
    100% { transform: rotate(1.2deg) translate(-4px, -5px); }
}

@keyframes muca-leaf-drift {
    0% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-10px) translateX(6px) rotate(14deg); }
    100% { transform: translateY(5px) translateX(-5px) rotate(-8deg); }
}

.muca-footer__main {
    position: relative;
    z-index: 1;
    padding: 62px 0 48px;
}

.muca-footer__layout {
    display: grid;
    grid-template-columns: minmax(230px, .9fr) minmax(130px, .54fr) minmax(155px, .6fr) minmax(360px, 1.45fr);
    gap: 28px clamp(24px, 2.7vw, 46px);
}

.muca-footer__col-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.muca-footer__logo {
    display: block;
    position: relative;
    width: 280px;
    height: 162px;
    overflow: hidden;
}

.muca-footer__logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 420px;
    max-width: none;
    height: auto;
    transform: translate(-50%, -50%);
    mix-blend-mode: multiply;
}

.muca-footer__social {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 0;
}

.muca-footer__social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(var(--color-bistre-rgb), 0.2);
    color: var(--muca-text);
    font-size: 14px;
    backdrop-filter: blur(4px);
    transition: all 0.3s ease;
}

.muca-footer__social a:hover {
    color: var(--color-alabaster);
    background: var(--color-bistre);
    border-color: var(--color-bistre);
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(var(--color-bistre-rgb), 0.2);
}

.muca-footer__heading {
    margin: 0 0 18px;
    color: var(--color-gold);
    font-family: var(--font-subheader);
    font-size: .72rem;
    font-weight: var(--fw-subheader);
    letter-spacing: .18em;
    line-height: 1.4;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}

.muca-footer__heading::after {
    content: '';
    display: block;
    width: 22px;
    height: 1.5px;
    background: var(--color-gold);
    opacity: 0.55;
    margin-top: 6px;
    border-radius: 1px;
}

.muca-footer__col-nav ul,
.muca-footer__nav-group ul,
.muca-footer__links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.muca-footer__col-nav li,
.muca-footer__nav-group li,
.muca-footer__links li {
    margin-bottom: 7px;
}

.muca-footer__col-nav a,
.muca-footer__nav-group a,
.muca-footer__links a {
    display: inline-block;
    padding: 3px 0;
    color: var(--muca-text) !important;
    font-size: .88rem;
    line-height: 1.55;
    transition: all .25s ease;
    text-decoration: none;
}

.muca-footer__col-nav a:hover,
.muca-footer__nav-group a:hover,
.muca-footer__links a:hover {
    color: var(--color-gold) !important;
    transform: translateX(4px);
}

.muca-footer__contact {
    min-width: 0;
}

.muca-footer__contact p {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    margin: 0 0 18px;
    color: var(--muca-text);
    font-size: .93rem;
    line-height: 1.6;
}

.muca-footer__contact p i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 22px;
    margin-top: 1px;
    color: var(--color-gold);
    font-size: 14px;
    line-height: 1;
    text-align: center;
    opacity: 0.95;
}

.muca-footer__contact p.muca-footer__phone i {
    height: 18px;
    margin-top: 0;
}

.muca-footer__contact a {
    min-width: 0;
    color: var(--muca-text);
    text-decoration: none;
    overflow-wrap: break-word;
    transition: color 0.2s ease;
}

.muca-footer__contact a:hover {
    color: var(--color-gold);
}

.muca-footer__contact-copy {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.muca-footer__contact strong {
    color: var(--color-gold);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.muca-footer__bottom {
    position: relative;
    z-index: 1;
    padding: 22px 0 20px;
    border-top: 1px solid rgba(var(--color-bistre-rgb), 0.12);
    background: rgba(var(--color-bistre-rgb), 0.04);
}

.muca-footer__bottom-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.muca-footer__copy {
    color: rgba(var(--color-bistre-rgb), 0.72);
    font-size: .78rem;
    line-height: 1.6;
}

.muca-footer__motto {
    color: rgba(var(--color-bistre-rgb), 0.75);
    font-family: var(--font-quote);
    font-style: italic;
    font-weight: var(--fw-quote);
    font-size: 1.02rem;
    letter-spacing: 0.02em;
}

.muca-footer :is(a,button):focus-visible {
    outline: 2px solid var(--color-gold);
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
    .muca-footer__palm,
    .muca-footer__leaf {
        animation: none !important;
    }
    .muca-footer__links a {
        transition: none !important;
        transform: none !important;
    }
}
.fnt{font-family: var(--fnt);}.fs-7{font-size:14px;}.fs-8{font-size:12px;}.fw-5{font-weight:500;}.ls-1{letter-spacing: 1px;}.tr-5{transition:all 0.5s ease 0s;}
.cl-m{color:var(--main);}.cl-h{color:var(--hover);}.cl-t{color:var(--text);}.cl-p{color:var(--prev);}.cl-r{color:var(--red);}.cl-w{color:var(--wite);}
.br-5{border-radius:5px;}.br-15{border-radius:15px;}.br-30{border-radius:30px;}.br-50{border-radius:50%;}
body{font-family:var(--font-body);font-weight:var(--fw-body);color:var(--text);}
input,select,textarea{width:100%;height:50px;padding:0;border:1px solid var(--bord);border-radius:5px;outline:none;text-indent:1rem;transition:all 0.5s ease 0s;}
input:disabled{cursor: not-allowed;}
input:focus,select:focus,textarea:focus{border:1px solid var(--main);box-shadow:0 0 15px rgb(0 0 0 / 5%);}
input[type=submit]{display:inline-block;width:auto;padding:0 50px;background-color:var(--main);border:0;font-weight:700;text-indent:0;color:var(--wite);}
input[type=submit]:hover{background-color:var(--hover);}
select{background:var(--wite) url(images/select.png) no-repeat center right 9px;appearance:none;}textarea{display:block;height:106px;padding:1rem;text-indent:0;}
h1,h2,h3,h4,h5,h6{margin-bottom:0;}ul,ol,p{margin:0;padding:0;}a{text-decoration:none;}img{display:block;max-width:100%;height:auto;}.wow{opacity:0;}
.i-hov{overflow:hidden;}.i-hov img{transition:all 0.5s ease 0s;}.i-hov:hover img{transform:scale(1.05);}
.n-hov-l a{width:100%;background:linear-gradient(transparent calc(100% - 2px), var(--hover) 2px) no-repeat top left / 0% 100%;color:var(--main);transition:all 0.5s ease 0s;}
.n-hov-l a:hover{background-size:100% 100%;color:var(--hover);}
.n-hov-t a{background:linear-gradient(to right, var(--hover), var(--hover) 50%, var(--main) 50%) 100% / 200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;transition:all 0.5s ease 0s;}
.n-hov-t a:hover{background-position:0;}
.f-item{position:relative;margin-bottom:1.5rem;}.f-item span{display:block;margin-bottom:0.25rem;}
.f-item input.error,.f-item select.error,.f-item textarea.error{border-color:var(--red);}
.f-item label.error,.f-item label#emailregistered{position:absolute;top:100%;right:0;font-size:12px;color:var(--red);}
.topbar{background:var(--main);color:var(--white);font-size:14px;}
.topbar a{color:var(--white);text-decoration:none;}
.topbar a:hover{opacity:0.9;}
.topbar .topbar-item{display:flex;align-items:center;gap:6px;white-space:nowrap;}
.header{background-color: var(--wite);}
.logo{width: 160px;}
.logo img{width:auto;max-height:96px;object-fit:contain;}
.logo a span{position: absolute; width: 0; height: 0; overflow: hidden;}
.icon{list-style: none;}
.icon li{flex: 0 0 auto;}
.icon li a{display: block; min-width: 40px; text-align: center; line-height: 40px; color: var(--text); cursor: pointer; transition: all 0.5s ease 0s;}
.icon li a:hover{color: var(--main);}
.icon li a i{text-align: center;}
.search{top: calc(100% + 3rem); right: 0; left: 0; width: 50%; background-color: var(--wite); opacity: 0; pointer-events: none;}
.search input[type='text']{float: left; width: calc(100% - 50px); border: 0;}
.search input[type='submit']{float: right; width: 50px; padding: 0; background: var(--wite) url(images/search.png) no-repeat center;}
.search-2{top: calc(100% + 1.5rem); box-shadow: 0 0 30px rgb(0 0 0 / 25%);  opacity: 1; pointer-events: auto;z-index: 999;}
.hotline-box{padding:14px 18px;}
.hotline-icon i{font-size:38px;color:#e11b22;line-height:1;}
.hotline-title{color:#e11b22;font-size:22px;font-weight:700;line-height:1.1;margin-bottom:4px;}
.hotline-number{color:#111;font-size:18px;font-weight:700;line-height:1.2;}
.hotline-icon img{width:42px;height:42px;object-fit:contain;flex-shrink:0;}
.main-author, .site-description{position: absolute; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0); word-wrap: normal; overflow: hidden;}
.main-title{margin-bottom: 3rem; text-align: center;}
.main-title *:nth-child(1){text-transform: uppercase; color: var(--main);}
.main-title *:nth-child(1) i{margin-right: 0.5rem;}
.main-title *:nth-child(2){margin-top: 1rem; font-family: var(--fnt); font-weight: 700;}
.main-button{font-weight: 500; line-height: 46px;}
.main-button a{position: relative; display: inline-block; padding: 0 1.75rem; border: 2px solid var(--main); border-radius: 25px; color: var(--main); transition: all 0.5s ease 0s;}
.main-button a:hover{background-color: var(--main); color: var(--wite);}
.main-arr .slick-arrow{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; margin: auto; background-color: var(--main); border-radius: 50%; opacity: 0;}
.main-arr .slick-arrow:hover{background-color: var(--hover);}
.main-arr .slick-arrow i{font-size: 16px; line-height: 40px; color: var(--wite);}
.main-arr .slick-prev{left: 0;}
.main-arr .slick-next{right: 0;}
.main-arr:hover .slick-arrow{opacity: 1;}
.main-arr:hover .slick-prev{left: -70px;}
.main-arr:hover .slick-next{right: -70px;}
.main-page{list-style: none; display: flex; justify-content: center; margin-bottom: 3rem;}
.main-page li+li{margin-left: 1rem;}
.main-page li a{display: block; width: 40px; background-color: var(--grey); text-align: center; line-height: 40px; color: var(--main); transition: all 0.5s ease 0s;}
.main-page li a:hover, .main-page li a.active{background: var(--main); color: var(--wite);}
.main-other{margin-bottom: 3rem; border-bottom: 2px solid var(--bord); font-family: var(--fnt); font-weight: 700; color: var(--main);}
.main-other *{position: relative; display: inline-block;}
.main-other *:before{content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: var(--main);}
.main-detail p{margin-bottom: 15px;}
.main-detail h2{padding: 0.75rem 0; font-size: 1.5rem;}
.main-detail h3{padding: 0.75rem 0; font-size: 1.25rem;}
.main-detail h4{padding: 0.75rem 0; font-size: 1.25rem;}
.main-detail ul, .main-detail ol{padding: 0 0 0.75rem 2rem;}
.main-detail img:not(.img-fluid):not(.card-img-top):not(.d-block){display: inline-block!important;}  
.main-detail table{width: 100%!important; border-collapse: collapse; border-color: var(--bord);}
.main-detail iframe{display: block; margin: 0 auto!important;} 
.main-detail figure{padding: 0 0 1rem;}
.main-detail figure figcaption{font-size: 14px; font-style: italic;}
.main-toc{top: 15px; border: 1px solid var(--bord);}
.main-toc-button{position: absolute; top: 15px; right: 15px; cursor: pointer;}
.main-toc-button i{width: 30px; text-align: center; line-height: 30px; color: var(--text);}
.main-toc-list{margin-top: 15px;}
.main-toc-list ul{list-style: none; margin-top: 10px;}
.main-toc-list ul li{position: relative; padding-left: 20px;}
.main-toc-list ul li:before{content: ''; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; border-radius: 50%; background-color: var(--main);}
.main-toc-list ul li a:hover{color: var(--main)!important;}
.main-toc-list ul ul{padding-left: 20px;}
.main-toc-list ul ul li:before{background-color: transparent; border: 1px solid var(--main);}
.main-share > div:nth-child(1){margin-right: 17px; padding: 3px 10px; border: 1px solid var(--bord); color: #777;}
.main-share > div:nth-child(1):before
.main-share > div:nth-child(1):after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 100%; width: 0; height: 0; border-style: solid;}
.main-share > div:nth-child(1):before{border-width: 7px 0 7px 9px; border-color: transparent transparent transparent var(--bord);}
.main-share > div:nth-child(1):after{border-width: 6px 0 6px 8px; border-color: transparent transparent transparent var(--wite);}
.main-share > div:nth-child(1) i{padding-right: 10px; border-right: 1px solid var(--bord);}
.main-share > div:nth-child(1) b{padding: 0 10px; font-size: 12px; vertical-align: text-bottom;}
.main-share #st-1 .st-btn[data-network='telegram']{display: inline-block!important;}

#product-detail .product-head{border:1px solid #ececec;border-radius:6px;box-shadow:0 10px 28px rgb(0 0 0 / 6%);}
#product-detail .product-head > .container{padding-top:32px!important;padding-bottom:32px!important;}
#product-detail .product-head .row{align-items:center;}
#product-detail .spD-big{padding:0!important;background:#f8f8f8;border:1px solid #ededed;border-radius:6px;overflow:hidden;box-shadow:none;}
#product-detail .spD-big .slick-slide > div{padding-top:75%!important;}
#product-detail .spD-big .slick-slide > div img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;}
#product-detail .product-info{padding:6px 4px;}
@media (max-width:991.98px){
    #product-detail .product-head > .container{padding-top:22px!important;padding-bottom:22px!important;}
    #product-detail .spD-big .slick-slide > div{padding-top:70%!important;}
}
@media (max-width:575.98px){
    #product-detail .spD-big .slick-slide > div{padding-top:78%!important;}
}


.footer{border-top: 1px solid var(--main);background: url(images/bg-damrong.jpg) no-repeat center center;background-size:cover;}
.footer ul{list-style: none;}
.footer a{color: #333; transition: all 0.5s ease 0s;}
.footer a:hover{color: var(--hover);}
.footer-title{position: relative;margin-bottom: 1.5rem; font-family: var(--fnt); font-weight: 700; text-transform: uppercase; color: var(--main);}
.footer-title:before, .footer-title:after{content: ''; height: 2px; background-color: var(--main);}
.footer-title:before{position: absolute; bottom: 0; left: 55px; width: 10px;}
.footer-title:after{display: block; width: 50px;}
.footer-title h3{font-size: 18px;}
.footer-info li{position: relative; margin-bottom: 0.5rem;}
.footer-list ul li a:hover i{transform: rotate(-90deg);}
.footer-social a{flex: 0 0 auto; width: 40px;}
.footer-social a+a{margin-left: 1rem;}
.footer-social a i{width: 36px; border: 1px solid var(--text); border-radius: 50%; text-align: center; line-height: 34px;}
.footer-bottom{background-color: var(--main); color: var(--wite);}
.footer-bottom a{color: var(--wite);}
.footer-product a+a:before{content: '|'; padding: 0 0.25rem;}
.press{bottom:1rem;left:1rem;cursor:pointer;}
.press a{padding-right:50px;text-align:center;}
.press a p{width:0;padding-right:0;height:40px;background-color:var(--wite);border-radius:20px 0 0 20px;opacity:0;overflow:hidden;transition:.4s;}
.press a p span{top:0;left:0;width:150px;line-height:40px;}
.press a i{right:0;bottom:0;width:50px;background-color:var(--wite);box-shadow:0 0 15px rgb(0 0 0 / 25%);font-size:30px;line-height:50px;color:var(--main);animation:floatWater 2.5s infinite ease-in-out;transition:.4s;}
.press a:hover p{width:175px;padding-right:25px;box-shadow:0 0 15px rgb(0 0 0 / 25%);opacity:1;}
.press a:hover i{right:25px;background-color:var(--main);color:var(--wite);}
@keyframes floatWater{
    0%{transform: translateY(0);}
    50%{transform: translateY(-6px);}
    100%{transform: translateY(0);}
}
.click{left:16px;bottom:86px;z-index:999;display:grid;gap:12px;}
.click a{--support-color:var(--main);position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:0;background:#fff;border-radius:50%;box-shadow:0 10px 28px rgb(0 0 0 / 20%);color:#333;transition:transform .28s ease,box-shadow .28s ease;}
.click a:nth-child(2){--support-color:#0877ff;}
.click a:before{content:"";position:absolute;inset:-6px;border:1px solid var(--support-color);border-radius:50%;opacity:.45;animation:supportPulse 1.9s infinite ease-out;}
.click a:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 16px 34px rgb(0 0 0 / 24%);}
.click a img{position:relative;z-index:2;width:50px;height:50px;border-radius:50%;object-fit:contain;box-shadow:none;}
.click a span{position:absolute;left:calc(100% + 10px);top:50%;width:max-content;min-width:96px;padding:8px 12px;background:#fff;color:#1f2933;border:1px solid #ededed;border-left:3px solid var(--support-color);border-radius:6px;box-shadow:0 10px 24px rgb(0 0 0 / 16%);font-weight:700;line-height:1;opacity:0;pointer-events:none;transform:translate(-8px,-50%);transition:opacity .25s ease,transform .25s ease;}
.click a span:after{content:"";position:absolute;top:50%;left:-8px;transform:translateY(-50%);border:4px solid transparent;border-right-color:#fff;}
.click a:hover span{opacity:1;transform:translate(0,-50%);}
@keyframes supportPulse{0%{transform:scale(.9);opacity:.55;}70%,100%{transform:scale(1.35);opacity:0;}}
@media all and (max-width:576px){.click{left:10px;bottom:80px;gap:10px}.click a{width:46px;height:46px}.click a img{width:46px;height:46px}.click a span{display:none}}
.gotop{right: 1rem; bottom: -40px; width: 40px; background-color: var(--wite); box-shadow: 0 0 5px rgb(0 0 0 / 25%); color: var(--red); opacity: 0; cursor: pointer;}
.gotop:hover{background-color: var(--red); color: var(--wite);}
.gotop i{line-height: 40px;}
.gotop-2{bottom: 1rem; opacity: 1;}

@media all and (min-width: 1200px){
    .logo{width: 150px;}
    .logo img{max-height: 92px;}
}
@media all and (max-width: 991px){
    .header .container{padding-top: 6px!important;padding-bottom: 6px!important;}
    .logo{width: 132px;}
    .logo img{max-height: 76px;}
}
@media all and (max-width: 576px){
    .topbar{font-size: 12px;}
    .logo{width: 112px;}
    .logo img{max-height: 66px;}
    .icon li a{min-width: 36px;line-height: 36px;}
}