/* ============================================================
   Sathwin Tours: template-header.css v14.0 (Burgundy and Gold)
   Prefix: tt- | Every colour, font, radius, shadow and z-index comes
   from main.css tokens (the --hdr-* set and the shared tokens).

   Look: one metallic burgundy block (announcement, utility bar, main
   bar) with champagne gold type and a gold edge. A soft light sweeps
   across the main bar. Menus open as compact ivory panels framed with
   Kandyan artwork. On scroll the announcement and utility bars fold
   away and the main bar slims down.

   Sections
     0. Local aliases
     1. Shell, announcement bar, utility bar
     2. Audience switch and language selector
     3. Main bar, brand, top-level menu
     4. Mega panels
     5. Action buttons
     6. Mobile drawer
     7. Floating WhatsApp chat
     8. Google Translate suppression
     9. Responsive and reduced motion
   ============================================================ */

/* 0. LOCAL ALIASES ------------------------------------------- */
:root{
    --tt-ease:     var(--ease-premium);
    --tt-wrap-max: var(--container-wide);
}

/* 1. SHELL ---------------------------------------------------- */
.tt-shell{position:fixed;top:0;left:0;right:0;z-index:var(--z-index-fixed);font-family:var(--font-primary);color:var(--hdr-text);}
:where(.tt-shell,.tt-drawer,.tt-wa) *{box-sizing:border-box;}
:where(.tt-shell,.tt-drawer,.tt-wa) a{color:inherit;text-decoration:none;}
:where(.tt-shell,.tt-drawer,.tt-wa) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;margin:0;text-transform:none;letter-spacing:normal;}
:where(.tt-shell,.tt-drawer) ul{list-style:none;margin:0;padding:0;}
:where(.tt-shell,.tt-drawer) figure{margin:0;}
.tt-shell [hidden],.tt-drawer [hidden],.tt-wa [hidden],.tt-wa[hidden]{display:none!important;}
.tt-shell :focus-visible,.tt-drawer :focus-visible,.tt-wa :focus-visible{outline:2px solid var(--hdr-gold-light);outline-offset:3px;border-radius:var(--radius-xs);}
.tt-wrap{width:100%;max-width:var(--tt-wrap-max);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));}

/* announcement */
.tt-ann{position:relative;z-index:4;background:var(--hdr-ann-bg);color:var(--hdr-text);font-size:13px;letter-spacing:.02em;border-bottom:1px solid var(--hdr-hair-soft);max-height:40px;overflow:hidden;transition:max-height .45s var(--tt-ease),opacity .35s;}
.tt-ann.is-closed{display:none;}
.tt-ann-in{display:flex;align-items:center;gap:12px;height:36px;}
.tt-ann-dot{flex:none;width:6px;height:6px;transform:rotate(45deg);background:var(--hdr-gold);box-shadow:var(--hdr-gold-glow);}
.tt-ann-rot{position:relative;flex:1;min-width:0;height:100%;overflow:hidden;}
.tt-ann-msg{position:absolute;inset:0;margin:0;color:var(--hdr-text);font-size:13px;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(110%);opacity:0;transition:transform .7s var(--tt-ease),opacity .7s;}
.tt-ann-msg.is-on{transform:none;opacity:1;}
.tt-ann-msg.is-off{transform:translateY(-110%);opacity:0;}
.tt-ann-msg b{color:var(--hdr-gold-pale);font-weight:var(--font-weight-semibold);}
.tt-ann-msg a{color:var(--hdr-gold-light);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
.tt-ann-msg a:hover{color:var(--hdr-gold-white);}
.tt-ann-close{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:12px;color:var(--hdr-text-mute);transition:background .2s,color .2s;}
.tt-ann-close:hover{background:var(--hdr-gold-wash);color:var(--hdr-gold-pale);}

/* utility bar: sits above the main bar so its menus are never hidden */
.tt-util{position:relative;z-index:3;background:var(--hdr-util-bg);border-bottom:1px solid var(--hdr-hair-soft);font-size:12.5px;max-height:48px;transition:max-height .45s var(--tt-ease),opacity .35s;}
.tt-util-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;}
.tt-util-l,.tt-util-r{display:flex;align-items:center;gap:18px;min-width:0;}
.tt-util-link{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--hdr-text-soft);transition:color .2s;}
a.tt-util-link:hover{color:var(--hdr-gold-pale);}
.tt-util-link i{color:var(--hdr-gold);font-size:12px;}
.tt-util-l .tt-util-link+.tt-util-link{padding-left:18px;border-left:1px solid var(--hdr-hair);}
.tt-shell.is-compact .tt-ann,.tt-shell.is-compact .tt-util{max-height:0;opacity:0;border-bottom-color:transparent;pointer-events:none;}
.tt-shell.is-compact .tt-util{overflow:hidden;}

/* 2. AUDIENCE SWITCH + LANGUAGE ------------------------------- */
.tt-aud{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:var(--radius-full);background:var(--hdr-switch-bg);border:1px solid var(--hdr-hair);}
.tt-aud::before{content:'';position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:var(--radius-full);background:var(--hdr-gold-btn);box-shadow:var(--hdr-gold-btn-shadow);transition:transform .45s var(--tt-ease);}
.tt-aud[data-active="lk"]::before{transform:translateX(100%);}
.tt-aud-btn{position:relative;z-index:1;padding:4px 12px!important;font-size:11.5px!important;font-weight:var(--font-weight-medium)!important;letter-spacing:.04em!important;white-space:nowrap;color:var(--hdr-text-soft);transition:color .3s;}
.tt-aud-btn[aria-pressed="true"]{color:var(--hdr-gold-btn-ink);font-weight:var(--font-weight-semibold)!important;}

.tt-lang{position:relative;}
.tt-lang-btn{display:inline-flex;align-items:center;gap:7px;padding:5px 12px!important;border-radius:var(--radius-full);border:1px solid var(--hdr-hair)!important;color:var(--hdr-gold-pale);font-size:12.5px!important;transition:border-color .2s,background .2s;}
.tt-lang-btn:hover{border-color:var(--hdr-gold)!important;background:var(--hdr-gold-wash);}
.tt-lang-btn i{color:var(--hdr-gold);font-size:11px;}
.tt-lang-btn .tt-chev{transition:transform .3s;}
.tt-lang.is-open .tt-lang-btn .tt-chev{transform:rotate(180deg);}
.tt-lang-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(520px,calc(100vw - 32px));max-height:min(460px,70vh);overflow:auto;padding:14px;background:var(--hdr-panel);color:var(--hdr-panel-ink);border-radius:12px;border-top:2px solid var(--hdr-gold);box-shadow:var(--hdr-panel-shadow);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.25s var(--tt-ease);z-index:5;}
.tt-lang.is-open .tt-lang-panel{opacity:1;visibility:visible;transform:none;}
.tt-lang-group+.tt-lang-group{margin-top:12px;padding-top:12px;border-top:1px solid var(--hdr-panel-line);}
.tt-lang-h{display:block;margin:0 0 6px;font-family:var(--font-wordmark);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--hdr-panel-title);}
.tt-lang-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;}
.tt-lang-opt{display:flex;align-items:center;gap:8px;padding:7px 9px!important;border-radius:7px;font-size:13px!important;text-align:left;color:var(--hdr-panel-ink)!important;transition:background .2s;}
.tt-lang-opt:hover{background:var(--hdr-panel-hover)!important;}
.tt-lang-opt.is-active{background:var(--hdr-panel-hover)!important;font-weight:var(--font-weight-semibold)!important;color:var(--hdr-panel-title)!important;}

/* 3. MAIN BAR -------------------------------------------------- */
.tt-header{position:relative;z-index:2;background:var(--hdr-metal);box-shadow:var(--hdr-inner-light);transition:box-shadow .4s;}
.tt-header::before{content:'';position:absolute;inset:0;background:var(--hdr-sweep) no-repeat;background-size:250% 100%;background-position:120% 0;animation:tt-sheen 9s ease-in-out infinite;pointer-events:none;}
.tt-header::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--hdr-edge);}
.tt-shell.is-compact .tt-header{box-shadow:var(--hdr-inner-light),var(--hdr-bar-shadow);}
@keyframes tt-sheen{0%,40%{background-position:120% 0;}100%{background-position:-120% 0;}}
.tt-bar{position:relative;display:flex;align-items:center;gap:28px;height:76px;transition:height .4s var(--tt-ease);}
.tt-shell.is-compact .tt-bar{height:62px;}
.tt-brand{flex:none;display:block;}
.tt-brand-logo{display:block;height:42px;width:auto;filter:var(--hdr-logo-shadow);transition:height .4s var(--tt-ease),filter .4s;}
.tt-shell.is-compact .tt-brand-logo{height:36px;}
.tt-brand:hover .tt-brand-logo{filter:var(--hdr-logo-glow);}

.tt-nav{flex:1;display:flex;justify-content:center;min-width:0;}
.tt-menu{display:flex;align-items:center;}
.tt-top{position:static;}
.tt-top-link{position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 12px!important;font-size:12.8px!important;font-weight:var(--font-weight-medium)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--hdr-gold-light)!important;white-space:nowrap;transition:color .25s,text-shadow .25s;}
.tt-top-link .tt-chev{font-size:9px;opacity:.8;transition:transform .35s;}
.tt-top-link::after{content:'';position:absolute;left:12px;right:12px;bottom:2px;height:1px;background:var(--hdr-edge);transform:scaleX(0);transition:transform .4s var(--tt-ease);}
.tt-top-link:hover,.tt-top.is-open>.tt-top-link,.tt-top-link.is-active{color:var(--hdr-gold-white)!important;text-shadow:var(--hdr-gold-glow);}
.tt-top-link:hover::after,.tt-top.is-open>.tt-top-link::after,.tt-top-link.is-active::after{transform:scaleX(1);}
.tt-top.is-open>.tt-top-link .tt-chev{transform:rotate(180deg);}

/* 4. MEGA PANELS ----------------------------------------------- */
.tt-mega{position:absolute;left:0;right:0;top:100%;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .28s,transform .28s var(--tt-ease),visibility .28s;z-index:1;}
.tt-top.is-open .tt-mega{opacity:1;visibility:visible;transform:none;}
.tt-panel{display:grid;grid-template-columns:180px minmax(0,1fr);gap:26px;padding:22px 26px 24px;background:var(--hdr-panel);color:var(--hdr-panel-ink);border-radius:0 0 16px 16px;border-top:2px solid transparent;border-image:var(--hdr-panel-topline) 1;box-shadow:var(--hdr-panel-shadow);max-height:min(470px,calc(100vh - 150px));overflow:auto;}
.tt-top.is-open .tt-panel>*,.tt-top.is-open .tt-cols>.tt-col{animation:tt-rise .5s var(--tt-ease) both;}
.tt-top.is-open .tt-cols>.tt-col:nth-child(2){animation-delay:.05s;}
.tt-top.is-open .tt-cols>.tt-col:nth-child(3){animation-delay:.1s;}
.tt-top.is-open .tt-cols>.tt-col:nth-child(4){animation-delay:.15s;}
.tt-top.is-open .tt-cols>.tt-col:nth-child(5){animation-delay:.2s;}
@keyframes tt-rise{from{opacity:0;transform:translateY(8px);}}

.tt-art{display:flex;flex-direction:column;gap:8px;align-self:start;}
.tt-art-frame{display:block;aspect-ratio:3/4;padding:4px;border-radius:10px;background:var(--hdr-wine-800);box-shadow:inset 0 0 0 1px var(--hdr-gold-deep);overflow:hidden;}
.tt-art-frame img{display:block;width:100%;height:100%;object-fit:cover;border-radius:7px;transition:transform 6s ease;}
.tt-top.is-open .tt-art-frame img{transform:scale(1.08);}
.tt-art figcaption{font-family:var(--font-wordmark);font-size:9.5px;letter-spacing:.16em;line-height:1.5;text-transform:uppercase;text-align:center;color:var(--hdr-gold-ink);}

.tt-panel-body{min-width:0;display:grid;gap:16px;align-content:start;}
.tt-cols{display:grid;gap:24px;align-items:start;}
.tt-cols--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.tt-cols--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.tt-cols--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.tt-cols--5{grid-template-columns:repeat(5,minmax(0,1fr));}
.tt-col{min-width:0;display:flex;flex-direction:column;}
.tt-col--wide{grid-column:span 2;}
.tt-col--wide .tt-list{columns:2;column-gap:24px;}
.tt-col-h{margin:0 0 8px;padding-bottom:7px;border-bottom:1px solid var(--hdr-panel-line);font-family:var(--font-wordmark);font-size:10.5px;font-weight:var(--font-weight-semibold);letter-spacing:.16em;text-transform:uppercase;color:var(--hdr-panel-title);}
.tt-col-sub{margin:10px 0 2px;font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.06em;color:var(--hdr-gold-ink);break-after:avoid;}
.tt-list{display:block;}
.tt-list>*{break-inside:avoid;}
.tt-link{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding:5px 8px;margin:0 -8px;border-radius:6px;font-size:13.5px;line-height:1.35;color:var(--hdr-panel-ink);transition:background .2s,color .2s,transform .25s var(--tt-ease);}
.tt-link:hover{background:var(--hdr-panel-hover);color:var(--hdr-panel-title);transform:translateX(3px);}
.tt-link em{font-style:normal;font-size:11px;color:var(--hdr-panel-mute);align-self:center;white-space:nowrap;font-variant-numeric:tabular-nums;}
.tt-link small{grid-column:1/-1;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--hdr-panel-price);}
.tt-link .tt-tag{grid-column:1/-1;font-size:11px;color:var(--hdr-panel-mute);}
.tt-more{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;font-weight:var(--font-weight-semibold);color:var(--hdr-panel-title);transition:color .2s;}
.tt-more i{font-size:10px;transition:transform .25s;}
.tt-more:hover{color:var(--hdr-gold-ink);}
.tt-more:hover i{transform:translateX(3px);}
.tt-panel-foot{display:flex;flex-wrap:wrap;gap:8px 22px;padding-top:12px;border-top:1px solid var(--hdr-panel-line);}
.tt-panel-foot .tt-more{margin-top:0;}
.tt-chips{display:flex;flex-wrap:wrap;gap:6px;}
.tt-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);border:1px solid var(--hdr-panel-line);font-size:12.5px;color:var(--hdr-panel-ink);transition:background .2s,color .2s,border-color .2s;}
.tt-chip em{font-style:normal;font-size:10.5px;color:var(--hdr-panel-mute);}
.tt-chip:hover{background:var(--hdr-wine-700);border-color:var(--hdr-wine-700);color:var(--hdr-gold-pale);}
.tt-chip:hover em{color:var(--hdr-gold-light);}
.tt-svc{display:flex;align-items:center;gap:12px;padding:8px;margin:0 -8px;border-radius:8px;transition:background .2s;}
.tt-svc:hover{background:var(--hdr-panel-hover);}
.tt-svc-ic{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--hdr-wine-700);color:var(--hdr-gold-light);font-size:14px;transition:transform .35s var(--tt-ease);}
.tt-svc:hover .tt-svc-ic{transform:rotate(-8deg) scale(1.06);}
.tt-svc strong{display:block;font-size:13.5px;font-weight:var(--font-weight-semibold);color:var(--hdr-panel-ink);}
.tt-svc small{font-size:12px;color:var(--hdr-panel-mute);}

/* 5. ACTIONS ---------------------------------------------------- */
.tt-actions{flex:none;display:flex;align-items:center;gap:12px;}
.tt-btn-gold{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-full);background:var(--hdr-gold-btn);color:var(--hdr-gold-btn-ink)!important;font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;box-shadow:var(--hdr-gold-btn-shadow);transition:transform .25s,box-shadow .25s;}
.tt-btn-gold::before{content:'';position:absolute;top:0;left:-70%;width:45%;height:100%;background:var(--hdr-glint);transform:skewX(-20deg);animation:tt-glint 5s 2s infinite;}
@keyframes tt-glint{0%,70%{left:-70%;}100%{left:140%;}}
.tt-btn-gold:hover{transform:translateY(-2px);box-shadow:var(--hdr-gold-btn-shadow-up);}
.tt-burger{display:none;width:44px;height:44px;place-items:center;border-radius:12px;border:1px solid var(--hdr-hair)!important;color:var(--hdr-gold-light)!important;font-size:19px!important;}

/* 6. MOBILE DRAWER --------------------------------------------- */
.tt-drawer-overlay{position:fixed;inset:0;z-index:calc(var(--z-index-fixed) + 1);background:var(--hdr-scrim);opacity:0;visibility:hidden;transition:.3s;backdrop-filter:blur(2px);}
.tt-drawer{position:fixed;top:0;right:0;bottom:0;z-index:calc(var(--z-index-fixed) + 2);width:min(400px,92vw);display:flex;flex-direction:column;background:var(--hdr-wine-800);color:var(--hdr-text);font-family:var(--font-primary);transform:translateX(100%);transition:transform .4s var(--tt-ease);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);}
body.tt-drawer-open{overflow:hidden;}
body.tt-drawer-open .tt-wa{opacity:0;visibility:hidden;pointer-events:none;}
body.tt-drawer-open .tt-drawer{transform:none;}
body.tt-drawer-open .tt-drawer-overlay{opacity:1;visibility:visible;}
.tt-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--hdr-hair-soft);}
.tt-drawer-head .tt-brand-logo{height:40px;}
.tt-drawer-close{display:grid;}
.tt-drawer-body{flex:1;overflow:auto;padding:16px 20px 24px;}
.tt-aud--drawer{display:grid;margin-bottom:8px;}
.tt-aud--drawer .tt-aud-btn{padding:7px 10px!important;}
.tt-mob-list>li{border-bottom:1px solid var(--hdr-hair-soft);}
.tt-acc-t,.tt-mob-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 0!important;font-size:15px!important;font-weight:var(--font-weight-medium)!important;color:var(--hdr-gold-pale)!important;text-align:left;}
.tt-acc-t .tt-chev{font-size:11px;color:var(--hdr-gold);transition:transform .3s;}
.tt-acc.is-open .tt-acc-t .tt-chev{transform:rotate(180deg);}
.tt-acc-p{display:none;padding:0 0 14px;}
.tt-acc.is-open .tt-acc-p{display:grid;gap:2px;}
.tt-mob-label{display:block;margin:12px 0 4px;font-family:var(--font-wordmark);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--hdr-text-mute);}
.tt-mob-sublink{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:14px;color:var(--hdr-text-soft);transition:color .2s;}
.tt-mob-sublink:hover{color:var(--hdr-gold-pale);}
.tt-mob-sublink em{font-style:normal;font-size:12px;color:var(--hdr-text-mute);white-space:nowrap;}
.tt-mob-all{font-weight:var(--font-weight-semibold);color:var(--hdr-gold-light);}
.tt-mob-cta{display:grid;gap:10px;margin-top:20px;}
.tt-mob-cta .tt-btn-gold{padding:14px;}
.tt-mob-wa{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px;border-radius:var(--radius-full);border:1px solid var(--hdr-hair);color:var(--hdr-gold-pale);font-weight:var(--font-weight-semibold);}
.tt-mob-wa i{color:var(--wa-green);font-size:18px;}
.tt-mob-info{display:grid;gap:10px;margin-top:20px;font-size:13.5px;color:var(--hdr-text-soft);}
.tt-mob-info li{display:flex;gap:10px;}
.tt-mob-info i{color:var(--hdr-gold);margin-top:3px;}
.tt-mob-lang select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--hdr-hair);background:var(--hdr-wine-900);color:var(--hdr-gold-pale);font:inherit;}

/* 7. FLOATING WHATSAPP CHAT ------------------------------------- */
.tt-wa{position:fixed;right:22px;bottom:22px;z-index:var(--z-index-fixed);font-family:var(--font-primary);}
.tt-wa-fab{position:relative;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--hdr-wa-fab)!important;color:var(--text-white)!important;font-size:30px!important;box-shadow:var(--hdr-wa-fab-shadow);transition:transform .3s var(--tt-ease);}
.tt-wa-fab:hover{transform:scale(1.07) rotate(-4deg);}
.tt-wa-fab::before,.tt-wa-fab::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid var(--wa-green);opacity:0;animation:tt-wa-ring 2.6s infinite;}
.tt-wa-fab::after{animation-delay:1.3s;}
@keyframes tt-wa-ring{0%{transform:scale(1);opacity:.55;}100%{transform:scale(1.7);opacity:0;}}
.tt-wa.is-open .tt-wa-fab::before,.tt-wa.is-open .tt-wa-fab::after{animation:none;}
.tt-wa-icon-close{display:none;font-size:22px;}
.tt-wa.is-open .tt-wa-icon-open{display:none;}
.tt-wa.is-open .tt-wa-icon-close{display:block;}
.tt-wa-badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;background:var(--hdr-wa-badge);color:var(--text-white);font-size:11px;font-weight:var(--font-weight-semibold);border:2px solid var(--text-white);animation:tt-pop .4s cubic-bezier(.3,1.6,.5,1);}
@keyframes tt-pop{from{transform:scale(0);}}
.tt-wa.is-nudge:not(.is-open) .tt-wa-fab{animation:tt-nudge 1s 2;}
@keyframes tt-nudge{0%,100%{transform:none;}20%{transform:rotate(-12deg);}40%{transform:rotate(10deg);}60%{transform:rotate(-6deg);}}
.tt-wa-popup{position:absolute;right:0;bottom:78px;width:min(370px,calc(100vw - 32px));border-radius:20px;overflow:hidden;background:var(--hdr-wa-chat-bg);color:var(--hdr-wa-ink);box-shadow:var(--hdr-wa-panel-shadow);transform-origin:bottom right;transform:scale(.85) translateY(16px);opacity:0;visibility:hidden;transition:transform .38s cubic-bezier(.2,.9,.25,1.2),opacity .25s,visibility .38s;}
.tt-wa.is-open .tt-wa-popup{transform:none;opacity:1;visibility:visible;}
.tt-wa-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--hdr-metal);color:var(--hdr-gold-pale);border-bottom:1px solid var(--hdr-gold-deep);}
.tt-wa-avatar{position:relative;flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--hdr-wine-900);border:1px solid var(--hdr-gold-deep);}
.tt-wa-avatar img{width:38px;height:auto;}
.tt-wa-dot{position:absolute;right:1px;bottom:1px;width:11px;height:11px;border-radius:50%;background:var(--wa-green);border:2px solid var(--hdr-wine-700);}
.tt-wa.is-away .tt-wa-dot{background:var(--hdr-wa-away);}
.tt-wa-agent{flex:1;min-width:0;display:grid;}
.tt-wa-agent-name{font-weight:var(--font-weight-semibold);font-size:15px;}
.tt-wa-agent-status{font-size:12px;color:var(--hdr-text-soft);}
.tt-wa-close{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:var(--hdr-text-soft)!important;}
.tt-wa-close:hover{background:var(--hdr-gold-wash);color:var(--hdr-gold-pale)!important;}
.tt-wa-body{height:310px;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:8px;background-color:var(--hdr-wa-chat-bg);background-image:var(--hdr-wa-dots);background-size:14px 14px;}
.tt-wa-msg{position:relative;max-width:86%;padding:8px 10px 18px;border-radius:10px;font-size:13.5px;line-height:1.45;box-shadow:0 1px 1px rgba(0,0,0,.08);animation:tt-msg-in .35s var(--tt-ease);}
@keyframes tt-msg-in{from{opacity:0;transform:translateY(8px) scale(.97);}}
.tt-wa-msg--in{align-self:flex-start;background:var(--hdr-wa-in);border-top-left-radius:2px;}
.tt-wa-msg--out{align-self:flex-end;background:var(--hdr-wa-out);border-top-right-radius:2px;}
.tt-wa-time{position:absolute;right:8px;bottom:3px;font-size:10px;color:var(--hdr-wa-time);}
.tt-wa-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;border-radius:10px;background:var(--hdr-wa-in);}
.tt-wa-typing i{width:7px;height:7px;border-radius:50%;background:var(--hdr-wa-time);animation:tt-typ 1.2s infinite;}
.tt-wa-typing i:nth-child(2){animation-delay:.15s;}
.tt-wa-typing i:nth-child(3){animation-delay:.3s;}
@keyframes tt-typ{0%,60%,100%{transform:none;opacity:.5;}30%{transform:translateY(-4px);opacity:1;}}
.tt-wa-quick{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;animation:tt-msg-in .4s .1s backwards;}
.tt-wa-chip{padding:7px 12px!important;border-radius:var(--radius-full);background:var(--hdr-wa-in)!important;border:1px solid var(--hdr-wa-chip-line)!important;color:var(--hdr-wa-chip-ink)!important;font-size:12.5px!important;font-weight:var(--font-weight-semibold)!important;transition:.2s;}
.tt-wa-chip:hover{background:var(--wa-green)!important;border-color:var(--wa-green)!important;color:var(--text-white)!important;}
.tt-wa-label{align-self:flex-start;margin-top:4px;font-size:10.5px;font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--hdr-wa-time);}
.tt-wa-tour{align-self:stretch;display:flex;justify-content:space-between;gap:10px;padding:9px 12px!important;border-radius:10px;background:var(--hdr-wa-in)!important;font-size:13px!important;text-align:left;color:var(--hdr-wa-ink)!important;transition:transform .2s,box-shadow .2s;}
.tt-wa-tour:hover{transform:translateX(3px);box-shadow:0 2px 8px rgba(0,0,0,.08);}
.tt-wa-tour em{font-style:normal;font-size:11.5px;color:var(--hdr-wa-chip-ink);white-space:nowrap;}
.tt-wa-go{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:9px 12px;border-radius:var(--radius-full);background:var(--wa-green);color:var(--text-white)!important;font-weight:var(--font-weight-semibold);font-size:13px;}
.tt-wa-input-row{display:flex;gap:8px;margin:0;padding:10px;background:var(--hdr-wa-bar);}
.tt-wa-input{flex:1;min-width:0;padding:10px 14px;border-radius:var(--radius-full);border:0;background:var(--hdr-wa-in);color:var(--hdr-wa-ink);font:inherit;font-size:13.5px;}
.tt-wa-input:focus{outline:2px solid var(--wa-green);}
.tt-wa-send{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--hdr-wa-send)!important;color:var(--text-white)!important;font-size:15px!important;}
.tt-wa-foot{padding:0 10px 8px;background:var(--hdr-wa-bar);text-align:center;font-size:10.5px;color:var(--hdr-wa-time);}

/* 8. GOOGLE TRANSLATE ----------------------------------------- */
.tt-gt-host{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;}
.goog-te-banner-frame,.goog-te-banner-frame *,.skiptranslate>iframe,#goog-gt-tt,.goog-te-balloon-frame,.goog-te-gadget{display:none!important;visibility:hidden!important;}
body{top:0!important;}

/* 9. RESPONSIVE ----------------------------------------------- */
@media (max-width:1480px){
        .tt-actions .tt-btn-gold{width:40px;height:40px;padding:0;}
    .tt-actions .tt-btn-gold span{display:none;}
    .tt-top-link{padding:10px 9px!important;letter-spacing:.05em!important;}
    .tt-top-link::after{left:9px;right:9px;}
}
@media (max-width:1320px){
    .tt-hide-md{display:none!important;}
    .tt-cols--5{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:1180px){
    .tt-nav{display:none;}
    .tt-burger{display:grid;}
    .tt-bar{justify-content:space-between;height:72px;}
    .tt-brand-logo{height:38px;}
    .tt-actions .tt-btn-gold{display:none;}
}
@media (max-width:820px){
    .tt-hide-sm{display:none!important;}
    .tt-util-l .tt-util-link+.tt-util-link{border-left:0;}
}
@media (max-width:640px){
    .tt-util-l{display:none;}
    .tt-util-in{justify-content:center;}
    .tt-aud-btn{padding:4px 9px!important;}
    .tt-ann-msg{justify-content:flex-start;}
    .tt-lang-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .tt-wa{right:16px;bottom:16px;}
}
@media (prefers-reduced-motion:reduce){
    .tt-shell *,.tt-shell *::before,.tt-shell *::after,.tt-wa *,.tt-wa *::before,.tt-wa *::after{animation:none!important;transition-duration:.01ms!important;}
}