/* AC595 GLOBAL HEADER CSS; generated from legacy shared ac425 CSS in original order.
   Edit this single file for shared header CSS; other page-specific overrides still need audit. */

/* SOURCE ac399-language-style */
/* Independent of all existing navbar flex/overflow selectors. */
#ac399-language-control{position:fixed!important;top:11px!important;right:12px!important;z-index:2147482000!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:5px!important;width:auto!important;min-height:39px!important;padding:4px 6px!important;border:1px solid #3a5572!important;border-radius:6px!important;background:#203a57!important;visibility:visible!important;opacity:1!important;transform:none!important;font-family:Arial,sans-serif!important}
#ac399-language-control label{display:flex!important;align-items:center!important;gap:3px!important;white-space:nowrap!important;color:white!important;font-size:11px!important;margin:0!important;line-height:1.2!important}
#ac399-language-control select{display:block!important;box-sizing:border-box!important;min-width:109px!important;width:109px!important;height:30px!important;border:1px solid #bbcbdc!important;background:#fff!important;color:#18314b!important;border-radius:5px!important;font-size:12px!important;padding:3px!important;visibility:visible!important;opacity:1!important;appearance:auto!important}
#ac399-language-control #ac399-status{font-size:10px!important;color:#fff!important;max-width:110px!important}
#ac399-language-control #google_translate_element{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;top:0!important;left:0!important;opacity:0!important;pointer-events:none!important}
@media(max-width:767px){#ac399-language-control{top:64px!important;right:8px!important}#ac399-language-control label span{display:none!important}}
@media(max-width:575px){#ac399-language-control{top:62px!important;right:5px!important;min-height:33px!important;padding:2px 4px!important}#ac399-language-control select{width:98px!important;min-width:98px!important;height:28px!important}}

/* SOURCE ac415v2-layout */
/* Translate overlay must never add a top margin or show the Google toolbar. */
html.translated-ltr,html.translated-rtl,html{top:0!important;margin-top:0!important}
body{top:0!important}
.goog-te-banner-frame,.skiptranslate.goog-te-banner-frame,iframe.goog-te-banner-frame,.VIpgJd-ZVi9od-ORHb-OEVmcd,#goog-gt-tt,.goog-te-balloon-frame{display:none!important;visibility:hidden!important;height:0!important;pointer-events:none!important}
#ac399-language-control{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;width:110px!important;height:36px!important;gap:0!important}
#ac399-language-control>label{display:none!important}
#ac399-language-control>select#ac399-language{min-width:0!important;width:110px!important;max-width:110px!important;height:36px!important;border-radius:6px!important}
@media(max-width:767px){
  body>#ac399-language-control{display:none!important}
  .mob-right-nav #ac413-language-slot{display:block!important;position:relative!important;clear:both!important;margin:12px 18px 18px!important;padding:0!important;width:calc(100% - 36px)!important;max-width:calc(100% - 36px)!important;box-sizing:border-box!important}
  .mob-right-nav #ac413-language-slot #ac399-language-control{display:flex!important;position:static!important;inset:auto!important;transform:none!important;float:none!important;width:100%!important;max-width:100%!important;height:45px!important;margin:0!important;padding:0!important;align-items:center!important;visibility:visible!important;opacity:1!important}
  .mob-right-nav #ac413-language-slot #ac399-language-control>select#ac399-language{display:block!important;position:static!important;width:100%!important;max-width:100%!important;height:45px!important;min-height:45px!important;min-width:0!important;padding:8px 12px!important;font-size:15px!important}
}
@media(max-width:767px){
  /* Keep logo, search and hamburger in one centered line without changing drawer links. */
  #myID .ts-menu{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;min-width:0!important}
  #myID .ts-menu .ts-menu-1{align-self:center!important;flex-shrink:0!important}
  #myID .ts-menu .ts-menu-5{align-self:center!important;flex-shrink:0!important;margin-top:0!important;margin-bottom:0!important}
  #myID .ts-menu .ts-menu-2{min-width:0!important;flex:1 1 auto!important;margin-top:0!important;margin-bottom:0!important}
}
@media(max-width:480px){#myID .ts-menu{gap:6px!important}}

/* SOURCE ac416-desktop-action-alignment */
/* Scoped to the existing desktop navbar. No translation code or mobile drawer changes. */
@media(min-width:768px){
 #myID .ts-menu-4, #myID .ts-menu-4 .v3-top-ri{align-self:center!important;vertical-align:middle!important;height:auto!important;margin-top:0!important;margin-bottom:0!important}
 #myID .ts-menu-4 .v3-top-ri>ul{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:max-content!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;list-style:none!important}
 #myID .ts-menu-4 .v3-top-ri>ul>li{display:flex!important;align-items:center!important;justify-content:center!important;float:none!important;clear:none!important;flex:0 0 auto!important;position:static!important;width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important}
 #myID .ts-menu-4 .v3-top-ri>ul>li>a{display:inline-flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;width:auto!important;max-width:none!important;height:34px!important;line-height:1.2!important;vertical-align:middle!important;margin:0!important;padding:6px 10px!important;box-sizing:border-box!important}
 #myID .ts-menu-4 .v3-top-ri>ul>li>a i{flex-shrink:0!important;margin-right:4px!important}
 #myID .ts-menu > #ac399-language-control{align-self:center!important;vertical-align:middle!important;top:auto!important;bottom:auto!important;margin-top:0!important;margin-bottom:0!important;transform:none!important;min-height:0!important}
 #myID .ts-menu > #ac399-language-control > #ac399-language{align-self:center!important;margin-top:0!important;margin-bottom:0!important}
}

/* SOURCE ac417-mobile-language-css */
@media(max-width:767px){
  /* Keep the original translation control for integration, but show only one user-facing selector. */
  body > #ac399-language-control,
  .mob-right-nav #ac413-language-slot #ac399-language-control{display:none!important}
  .mob-right-nav #ac413-language-slot{display:block!important;position:relative!important;float:none!important;clear:both!important;visibility:visible!important;opacity:1!important;width:calc(100% - 36px)!important;max-width:calc(100% - 36px)!important;height:auto!important;min-height:44px!important;margin:10px 18px 22px!important;padding:0!important;box-sizing:border-box!important;z-index:10!important}
  .mob-right-nav #ac417-mobile-language{display:block!important;position:relative!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;margin:0!important;padding:7px 14px!important;border:1px solid #b7cbdc!important;border-radius:7px!important;background:#fff!important;color:#19334e!important;font:500 15px Arial,sans-serif!important;box-sizing:border-box!important;appearance:auto!important}
  .mob-right-nav .mob-right-nav-close{z-index:11!important}
}
@media(min-width:768px){#ac417-mobile-language{display:none!important}}

/* SOURCE ac418-mobile-language-style */
@media(max-width:767px){
 .mob-right-nav{position:fixed!important}
 .mob-right-nav #ac418-mobile-language-wrap{display:block!important;position:relative!important;float:none!important;clear:both!important;visibility:visible!important;opacity:1!important;z-index:999!important;width:calc(100% - 36px)!important;max-width:calc(100% - 36px)!important;min-height:45px!important;margin:106px 18px 18px!important;padding:0!important;box-sizing:border-box!important}
 .mob-right-nav #ac418-mobile-language{display:block!important;visibility:visible!important;opacity:1!important;position:static!important;width:100%!important;min-width:0!important;max-width:100%!important;height:45px!important;min-height:45px!important;padding:7px 13px!important;margin:0!important;background:#fff!important;color:#19344c!important;border:1px solid #b7c9d8!important;border-radius:8px!important;font:500 15px Arial,sans-serif!important;appearance:auto!important;box-sizing:border-box!important}
 .mob-right-nav #ac413-language-slot{display:none!important}
 .mob-right-nav #ac417-mobile-language{display:none!important}
 .mob-right-nav .mob-right-nav-close{z-index:1000!important}
}
@media(min-width:768px){#ac418-mobile-language-wrap{display:none!important}}

/* SOURCE ac419-mobile-drawer-spacing */
/* Only AC418's language control; reserve room for the close button. */
@media(max-width:767px){
  .mob-right-nav #ac418-mobile-language-wrap{
    position:relative!important;
    float:none!important;
    clear:both!important;
    width:calc(100% - 138px)!important;
    max-width:calc(100% - 138px)!important;
    min-width:0!important;
    margin:116px 112px 22px 26px!important;
    padding:0!important;
    box-sizing:border-box!important;
    z-index:998!important;
  }
  .mob-right-nav #ac418-mobile-language{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:48px!important;
    min-height:48px!important;
    padding:8px 14px!important;
    font-size:16px!important;
    font-weight:500!important;
    line-height:1.3!important;
    border-radius:11px!important;
    background:#fff!important;
    border:1px solid #becfdb!important;
    box-shadow:0 5px 15px rgba(0,0,0,.15)!important;
    box-sizing:border-box!important;
  }
  .mob-right-nav .mob-right-nav-close{
    z-index:1001!important;
  }
}
@media(max-width:380px){
  .mob-right-nav #ac418-mobile-language-wrap{
    width:calc(100% - 124px)!important;
    max-width:calc(100% - 124px)!important;
    margin-left:18px!important;
    margin-right:106px!important;
  }
}

/* SOURCE ac420-compact-roman-language-css */
/* Only the existing translator, not the navbar layout or menu controls. */
@media(min-width:768px){
 #myID .ts-menu #ac399-language-control{flex:0 0 94px!important;width:94px!important;max-width:94px!important;min-width:0!important;margin-left:6px!important;padding:0!important;align-self:center!important;box-sizing:border-box!important}
 #myID .ts-menu #ac399-language-control select#ac399-language{box-sizing:border-box!important;width:94px!important;min-width:0!important;max-width:94px!important;height:32px!important;min-height:32px!important;font-size:11px!important;padding:3px 2px!important}
}
@media(min-width:768px) and (max-width:767px){
 #myID .ts-menu #ac399-language-control select#ac399-language{max-width:94px!important;font-size:11px!important}
}
@media(max-width:767px){
 .mob-right-nav #ac418-mobile-language-wrap{margin-top:126px!important}
 .mob-right-nav select#ac418-mobile-language{font-size:14px!important;height:44px!important;min-height:44px!important}
}

/* SOURCE ac413-mobile-language-style */
@media (max-width:767px) {
  .mob-right-nav #ac413-language-slot { display:block!important;position:relative!important;margin:12px 15px 16px!important;padding:0!important;max-width:calc(100% - 30px)!important;clear:both!important;box-sizing:border-box!important; }
  .mob-right-nav #ac413-language-slot #ac399-language-control { display:flex!important;position:relative!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;float:none!important;inset:auto!important;width:100%!important;max-width:100%!important;min-height:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;z-index:1!important;align-items:center!important;justify-content:flex-start!important;visibility:visible!important;opacity:1!important; }
  .mob-right-nav #ac413-language-slot #ac399-language-control > label { display:none!important; }
  .mob-right-nav #ac413-language-slot #ac399-language-control > select { display:block!important;position:static!important;float:none!important;min-width:0!important;width:100%!important;max-width:100%!important;height:42px!important;min-height:42px!important;font-size:15px!important;padding:7px 12px!important;background:#fff!important;color:#17314b!important;border:1px solid #b5c6d6!important;border-radius:7px!important;box-sizing:border-box!important;visibility:visible!important;opacity:1!important; }
  .mob-right-nav #ac413-language-slot #ac399-status { position:static!important;max-width:100%!important; }
  body > #ac399-language-control { display:none!important; }
}
@media (min-width:768px) { #ac413-language-slot { display:none!important; } }

/* SOURCE ac538-header-first-paint */
/* AC598: removed first-paint hidden nav; failed drawer lookup must never hide all navigation. */
html:not(.ac538-header-ready) body #myID .mob-right-nav{visibility:hidden!important;pointer-events:none!important;}

/* SOURCE ac429-unified-button-center */
@media(min-width:768px){
  #myID .top-search-main .ts-menu{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;min-height:58px!important;height:auto!important}
  #myID .top-search-main .ts-menu > .ts-menu-4{display:flex!important;float:none!important;align-self:stretch!important;align-items:center!important;justify-content:center!important;position:relative!important;inset:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important}
  #myID .top-search-main .ts-menu > .ts-menu-4 > .v3-top-ri{display:flex!important;float:none!important;align-items:center!important;justify-content:center!important;align-self:stretch!important;position:static!important;height:auto!important;min-height:0!important;top:auto!important;bottom:auto!important;margin:0!important;padding:0!important;transform:none!important}
  #myID .top-search-main .ts-menu > .ts-menu-4 > .v3-top-ri > ul{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:8px!important;position:static!important;width:max-content!important;height:auto!important;min-height:0!important;float:none!important;top:auto!important;bottom:auto!important;margin:0!important;padding:0!important;transform:none!important;line-height:normal!important}
  #myID .top-search-main .ts-menu > .ts-menu-4 > .v3-top-ri > ul > li{display:flex!important;float:none!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;position:static!important;min-height:0!important;height:auto!important;top:auto!important;bottom:auto!important;margin:0!important;padding:0!important;transform:none!important;line-height:normal!important}
  #myID .top-search-main .ts-menu > .ts-menu-4 > .v3-top-ri > ul > li > a{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:static!important;white-space:nowrap!important;float:none!important;height:34px!important;min-height:34px!important;line-height:1.2!important;margin:0!important;padding:6px 10px!important;box-sizing:border-box!important;transform:none!important;vertical-align:middle!important}
}

/* SOURCE ac437-v2-language-visibility */
@media (max-width:767px) {
  #myID .ts-menu > #ac399-language-control,
  #myID .ts-menu > #ac401-language-control,
  #myID .ts-menu > .ac399-language-control,
  #myID .ts-menu > .ac401-language-control {
    display:none!important;
  }
}

/* SOURCE ac437-v3-language-visibility */
@media screen and (max-width:767px) {
  /* Hide the floating / navbar language selector. */
  #ac399-language-control {
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* Preserve the separate language control inside the drawer. */
  .mob-right-nav #ac418-mobile-language-wrap {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  .mob-right-nav #ac418-mobile-language {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

/* SOURCE ac526-mobile-drawer-layer-fix */
@media screen and (max-width:767px) {
  /* Put the existing navigation stacking context above sticky content / temple tabs. */
  html body #myID.bottomMenu { z-index:2147481000!important; }
  /* Keep the original off-canvas behavior, size, position, and menu contents. */
  html body #myID.bottomMenu .mob-right-nav { z-index:2147481100!important; }
  html body #myID.bottomMenu .mob-right-nav .mob-right-nav-close { z-index:2147481101!important; }
}

/* SOURCE ac529-adaptive-header-style */
@media(min-width:768px){
 html.ac529-fit-menu body #myID.bottomMenu{z-index:2147481000!important}
 html.ac529-fit-menu body #myID .ts-menu{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding-right:132px!important;box-sizing:border-box!important}
 html.ac529-fit-menu body #myID .ts-menu>.ts-menu-1{display:flex!important;flex:0 0 auto!important;align-items:center!important;float:none!important;position:relative!important;inset:auto!important;transform:none!important}
 html.ac529-fit-menu body #myID .ts-menu>.ts-menu-2,
 html.ac529-fit-menu body #myID .ts-menu>.ts-menu-4{display:none!important}
 html.ac529-fit-menu body #myID .ts-menu>.ts-menu-3{display:block!important;flex:1 1 auto!important;float:none!important;position:relative!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}
 html.ac529-fit-menu body #myID .ts-menu>.ts-menu-3 #top_filter_form{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important}
 html.ac529-fit-menu body #myID .ts-menu>.ts-menu-3 .input-field:nth-child(2){min-width:0!important;flex:1 1 auto!important}
 html.ac529-fit-menu body #myID .ts-menu>.ts-menu-3 #top-select-search{max-width:100%!important;min-width:0!important}
 html.ac529-fit-menu body #myID .ts-menu>.ts-menu-5{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 46px!important;float:none!important;position:relative!important;inset:auto!important;transform:none!important;width:46px!important;min-width:46px!important;height:46px!important;margin:0!important;padding:0!important;cursor:pointer!important;z-index:2147481001!important}
 html.ac529-fit-menu body #myID .ts-menu>.ts-menu-5 span{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:50%!important;background:#304b89!important;color:white!important}
 html.ac529-fit-menu body #myID .mob-right-nav{display:block!important;position:fixed!important;right:0!important;top:0!important;width:min(340px,90vw)!important;max-width:90vw!important;height:100vh!important;height:100dvh!important;overflow-y:auto!important;z-index:2147481100!important;transform:translateX(105%)!important;transition:transform .2s ease!important;visibility:hidden!important;pointer-events:none!important}
 html.ac529-fit-menu.ac529-menu-open body #myID .mob-right-nav{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
 html.ac529-fit-menu body #myID .mob-right-nav .mob-right-nav-close{z-index:2147481101!important;cursor:pointer!important}
 html.ac529-fit-menu body #myID .mob-right-nav #ac418-mobile-language-wrap{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
 html.ac529-fit-menu body #myID .mob-right-nav #ac418-mobile-language{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
}

/* SOURCE ac530-one-drawer-translate */
/* Drawer uses the existing themed AC418 selector; keep translation JS intact.
   Hide only older visible duplicates, including the earlier AC413/AC417 selectors.
   Covers CSS responsive mode and AC529 content-fit hamburger mode. */
@media(max-width:767px){
 html body #myID .mob-right-nav #ac413-language-slot,
 html body #myID .mob-right-nav #ac417-mobile-language,
 html body #myID .mob-right-nav #ac399-language-control {display:none!important;visibility:hidden!important;pointer-events:none!important}
}
@media(min-width:768px){
 html.ac529-fit-menu body #myID .mob-right-nav #ac413-language-slot,
 html.ac529-fit-menu body #myID .mob-right-nav #ac417-mobile-language,
 html.ac529-fit-menu body #myID .mob-right-nav #ac399-language-control {display:none!important;visibility:hidden!important;pointer-events:none!important}
}

/* SOURCE ac531-responsive-translate */
@media(min-width:768px){
  /* Compact while language still fits: external Translate only. */
  html.ac529-fit-menu:not(.ac531-translate-in-drawer) body #myID .mob-right-nav #ac418-mobile-language-wrap{display:none!important;visibility:hidden!important;pointer-events:none!important}
  /* Second stage: remove the outer control before it overlaps; use the existing drawer control. */
  html.ac529-fit-menu.ac531-translate-in-drawer body #ac399-language-control,
  html.ac529-fit-menu.ac531-translate-in-drawer body #myID #ac399-language-control{display:none!important;visibility:hidden!important;pointer-events:none!important}
  html.ac529-fit-menu.ac531-translate-in-drawer body #myID .mob-right-nav #ac418-mobile-language-wrap{display:block!important;visibility:visible!important;pointer-events:auto!important}
  html.ac529-fit-menu.ac531-translate-in-drawer body #myID .mob-right-nav #ac418-mobile-language{display:block!important;visibility:visible!important;pointer-events:auto!important}
}
@media(max-width:767px){
  /* Existing small-screen drawer language behavior is preserved; no second visible control. */
  html body>#ac399-language-control{display:none!important}
}
/* Avoid unnecessary layout animation; only the drawer itself slides. */
html.ac529-fit-menu #myID .ts-menu>.ts-menu-2,
html.ac529-fit-menu #myID .ts-menu>.ts-menu-4{transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){html.ac529-fit-menu body #myID .mob-right-nav{transition:none!important}}

/* SOURCE ac532-compact-actions */
@media (min-width:768px) {
 html.ac529-fit-menu:not(.ac532-hide-actions) body #myID .ts-menu>.ts-menu-4{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;float:none!important;position:relative!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;white-space:nowrap!important}
 html.ac529-fit-menu:not(.ac532-hide-actions) body #myID .ts-menu>.ts-menu-4 .v3-top-ri{float:none!important;margin:0!important;padding:0!important}
 html.ac529-fit-menu:not(.ac532-hide-actions) body #myID .ts-menu>.ts-menu-4 ul{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important}
 html.ac529-fit-menu:not(.ac532-hide-actions) body #myID .ts-menu>.ts-menu-4 li{margin:0!important;padding:0!important;float:none!important}
 html.ac529-fit-menu:not(.ac532-hide-actions) body #myID .ts-menu>.ts-menu-3{flex:1 1 300px!important;min-width:300px!important}
 html.ac529-fit-menu.ac532-hide-actions body #myID .ts-menu>.ts-menu-4{display:none!important}
}

/* SOURCE ac533-exclusive-menu */
@media(min-width:768px){
 html.ac529-fit-menu:not(.ac532-hide-actions) body #myID .ts-menu>.ts-menu-5{display:none!important;visibility:hidden!important;pointer-events:none!important}
 html.ac529-fit-menu:not(.ac532-hide-actions) body #myID .ts-menu>.ts-menu-2{display:flex!important;align-items:center!important;flex:0 0 auto!important;float:none!important;position:relative!important;inset:auto!important;transform:none!important;margin:0!important;max-width:none!important}
 html.ac529-fit-menu:not(.ac532-hide-actions) body #myID .ts-menu>.ts-menu-2 .t-bb{white-space:nowrap!important}
 html.ac529-fit-menu.ac532-hide-actions body #myID .ts-menu>.ts-menu-5{display:flex!important;visibility:visible!important;pointer-events:auto!important}
}

/* SOURCE ac562-browse-dropdown-width */
/* Scope: existing public Browse All dropdown only. Do not change hamburger, search or actions. */
@media (min-width:768px) {
  html body #myID.bottomMenu,
  html body #myID.bottomMenu .top-search-main,
  html body #myID.bottomMenu .top-search-main > .row,
  html body #myID.bottomMenu .ts-menu {
    overflow:visible!important;
  }
  html body #myID .ts-menu-2 {
    position:relative!important;
  }
  html body #myID .ts-menu-2 > .cat-menu.cat-menu-1 {
    position:absolute!important;
    left:0!important;
    right:auto!important;
    top:100%!important;
    width:min(440px, calc(100vw - 32px))!important;
    min-width:min(300px, calc(100vw - 32px))!important;
    max-width:calc(100vw - 32px)!important;
    max-height:min(75vh, 680px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    z-index:100010!important;
  }
  html body #myID .ts-menu-2 > .cat-menu .dz-menu,
  html body #myID .ts-menu-2 > .cat-menu .dz-menu-inn,
  html body #myID .ts-menu-2 > .cat-menu .dir-home-nav-bot {
    float:none!important;
    clear:both!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  html body #myID .ts-menu-2 > .cat-menu .dz-menu-inn ul,
  html body #myID .ts-menu-2 > .cat-menu .dir-home-nav-bot ul {
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  html body #myID .ts-menu-2 > .cat-menu li,
  html body #myID .ts-menu-2 > .cat-menu li a,
  html body #myID .ts-menu-2 > .cat-menu .dir-home-nav-bot span {
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    box-sizing:border-box!important;
  }
}

/* SOURCE ac567-shared-mobile-drawer */
@media(max-width:767px){
  /* Only the active AC418 translation selection is shown in the drawer. */
  html body #myID .mob-right-nav #ac413-language-slot,
  html body #myID .mob-right-nav #ac417-mobile-language,
  html body #myID .mob-right-nav #ac399-language-control{
    display:none!important;visibility:hidden!important;pointer-events:none!important;
  }
  html body #myID .mob-right-nav .mob-right-nav-close{
    box-sizing:border-box!important;cursor:pointer!important;display:flex!important;
    align-items:center!important;justify-content:center!important;
    position:sticky!important;top:12px!important;left:auto!important;right:12px!important;
    margin:12px 0 0 auto!important;width:42px!important;height:42px!important;
    min-width:42px!important;min-height:42px!important;padding:0!important;
    background:#354e60!important;border:1px solid #7899a9!important;border-radius:50%!important;
    color:#fff!important;z-index:2147481102!important;pointer-events:auto!important;
  }
  html body #myID .mob-right-nav .mob-right-nav-close i{
    color:#fff!important;font-size:20px!important;line-height:1!important;
  }
  html body #myID .mob-right-nav{max-width:100vw!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important;}
}

/* SOURCE ac569-mobile-menu-shared */
@media (max-width:767px){
 /* Keep AC418/AC521 themed select; hide older AC413/AC417 widgets only inside drawer. */
 html body #myID .mob-right-nav #ac413-language-slot,
 html body #myID .mob-right-nav #ac417-mobile-language,
 html body #myID .mob-right-nav #ac417-mobile-language-wrap,
 html body #myID .mob-right-nav #ac399-language-control,
 html body #myID .mob-right-nav #ac399-language,
 html body #myID .mob-right-nav #ac521-mobile-language-wrap:not(#ac418-mobile-language-wrap){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;}
 html body #myID .mob-right-nav #ac418-mobile-language-wrap{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;max-width:calc(100% - 36px)!important;}
 /* Both controls use the same circle, independent of translated text or icon font loading. */
 html body #myID .ts-menu-5>span{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:50%!important;background:#304f91!important;border:1px solid #627eb2!important;box-shadow:none!important;cursor:pointer!important;}
 html body #myID .ts-menu-5>span i{font-size:0!important;display:block!important;width:19px!important;height:16px!important;background:linear-gradient(to bottom,#fff 0 3px,transparent 3px 7px,#fff 7px 10px,transparent 10px 13px,#fff 13px 16px)!important;border-radius:1px!important;}
 html body #myID .ts-menu-5>span i:before,html body #myID .ts-menu-5>span i:after{content:none!important;}
 html body #myID .mob-right-nav .mob-right-nav-close{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border-radius:50%!important;background:#354e60!important;border:1px solid #7899a9!important;box-shadow:none!important;color:white!important;cursor:pointer!important;}
 html body #myID .mob-right-nav .mob-right-nav-close i{display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;color:#fff!important;}
 html body #myID .mob-right-nav .mob-right-nav-close i:before{content:'\00d7'!important;font-family:Arial,sans-serif!important;font-size:25px!important;font-weight:700!important;line-height:1!important;color:#fff!important;}
 html body #myID .mob-right-nav .mob-right-nav-close i:after{content:none!important;}
}

/* SOURCE ac572-clean-shared-burger */
@media(max-width:767px){
  html body #myID .ts-menu-5 > span {
    display:flex!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;
    width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
    border:1px solid #627eb2!important;border-radius:50%!important;
    background-color:#304f91!important;
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%205h18M3%2012h18M3%2019h18%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important;
    background-position:center center!important;background-repeat:no-repeat!important;
    background-size:24px 24px!important;
    box-shadow:none!important;
  }
  html body #myID .ts-menu-5 > span::before,
  html body #myID .ts-menu-5 > span::after,
  html body #myID .ts-menu-5 > span > i,
  html body #myID .ts-menu-5 > span > i::before,
  html body #myID .ts-menu-5 > span > i::after {
    content:none!important;display:none!important;
    background:none!important;box-shadow:none!important;
  }
}

/* SOURCE ac591-single-translate */
/* The global mobile menu keeps the themed AC418 control. All other translator
   views inside the same drawer are visual duplicates, not separate engines. */
@media (max-width:767px) {
  .mob-right-nav #ac413-language-slot,
  .mob-right-nav #ac417-mobile-language,
  .mob-right-nav #ac417-mobile-language-wrap,
  .mob-right-nav #ac521-mobile-language,
  .mob-right-nav #ac521-mobile-language-wrap,
  .mob-right-nav #ac399-language-control,
  .mob-right-nav #ac399-language,
  .mob-right-nav .goog-te-gadget,
  .mob-right-nav select.goog-te-combo {
    display:none!important;visibility:hidden!important;
    height:0!important;min-height:0!important;margin:0!important;
    padding:0!important;pointer-events:none!important;
  }
  .mob-right-nav #ac418-mobile-language-wrap {
    display:block!important;visibility:visible!important;
    opacity:1!important;pointer-events:auto!important;
    box-sizing:border-box!important;min-width:0!important;
  }
  .mob-right-nav #ac418-mobile-language {
    display:block!important;visibility:visible!important;
    opacity:1!important;pointer-events:auto!important;
  }
}


/* AC598 SINGLE GLOBAL MOBILE HEADER — PAGE INDEPENDENT
   These rules apply to the same #myID markup on Home, Heritage listing,
   Temple detail, CATA/group and other public routes. Content/tabs are excluded.
   Desktop layouts and saved translation themes remain outside this media query.
*/
@media screen and (max-width:767px) {
  html body #myID.bottomMenu {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    transform:none!important;
    float:none!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:64px!important;min-height:64px!important;max-height:64px!important;
    margin:0!important;padding:0 10px!important;
    box-sizing:border-box!important;
    z-index:2147481000!important;
  }
  html body #myID.bottomMenu > .container.top-search-main,
  html body #myID.bottomMenu > .container.top-search-main > .row {
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:64px!important;min-height:64px!important;max-height:64px!important;
    margin:0!important;padding:0!important;
    position:relative!important;inset:auto!important;float:none!important;
    box-sizing:border-box!important;
  }
  html body #myID.bottomMenu .top-search-main .ts-menu {
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:64px!important;min-height:64px!important;max-height:64px!important;
    margin:0!important;padding:0!important;
    float:none!important;position:relative!important;
    box-sizing:border-box!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-1 {
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 62px!important;
    width:62px!important;min-width:62px!important;max-width:62px!important;
    height:58px!important;min-height:0!important;
    margin:0!important;padding:0!important;float:none!important;
    position:relative!important;inset:auto!important;transform:none!important;
  }
  html body #myID.bottomMenu .ts-menu-1 a {
    display:flex!important;align-items:center!important;justify-content:center!important;
    height:58px!important;width:62px!important;margin:0!important;padding:0!important;
  }
  html body #myID.bottomMenu .ts-menu-1 img {
    display:block!important;max-width:59px!important;width:auto!important;
    max-height:57px!important;height:auto!important;
    margin:auto!important;object-fit:contain!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-2,
  html body #myID.bottomMenu .ts-menu > .ts-menu-4 {
    display:none!important;visibility:hidden!important;pointer-events:none!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-3 {
    display:flex!important;align-items:center!important;
    flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;
    height:48px!important;min-height:0!important;
    margin:0!important;padding:0!important;float:none!important;
    position:relative!important;inset:auto!important;transform:none!important;
  }
  html body #myID.bottomMenu .ts-menu-3 > div {
    display:flex!important;align-items:center!important;
    flex:1 1 auto!important;width:100%!important;min-width:0!important;
    height:48px!important;margin:0!important;padding:0!important;
  }
  html body #myID.bottomMenu form#top_filter_form {
    display:flex!important;align-items:center!important;flex-flow:row nowrap!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:48px!important;min-height:0!important;
    margin:0!important;padding:0!important;
    float:none!important;position:relative!important;
    background:transparent!important;box-shadow:none!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(1) {
    display:none!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(2) {
    display:flex!important;align-items:center!important;
    flex:1 1 auto!important;position:relative!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:48px!important;min-height:0!important;
    float:none!important;margin:0!important;padding:0!important;
    box-sizing:border-box!important;
  }
  html body #myID.bottomMenu input#top-select-search {
    display:block!important;position:relative!important;inset:auto!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:48px!important;min-height:48px!important;max-height:48px!important;
    box-sizing:border-box!important;
    margin:0!important;padding:0 10px 0 46px!important;
    border:1px solid #c9d4e0!important;border-radius:9px!important;
    background:#ffffff!important;background-image:none!important;
    color:#1c344b!important;
    font:500 15px/1.3 Arial,sans-serif!important;
    text-indent:0!important;letter-spacing:normal!important;text-align:left!important;
    box-shadow:none!important;appearance:none!important;
    flex:1 1 100%!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(2) > ul.autocomplete-content {
    position:absolute!important;top:100%!important;left:0!important;right:0!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    flex:none!important;box-sizing:border-box!important;
    /* The existing autocomplete script controls display and options. */
  }
  html body #myID.bottomMenu input#top-select-search::placeholder {
    color:#344658!important;opacity:1!important;
    font:500 15px/1.3 Arial,sans-serif!important;
  }
  html body #myID.bottomMenu form#top_filter_form label[for="top-select-search"] {
    display:none!important;visibility:hidden!important;
  }
  /* Keep the REAL existing submit element clickable; render only one magnifier
     on its container and suppress inherited pseudo icons. */
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) {
    display:flex!important;align-items:center!important;justify-content:center!important;
    position:absolute!important;left:5px!important;right:auto!important;
    top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
    z-index:5!important;width:39px!important;min-width:39px!important;max-width:39px!important;
    height:40px!important;min-height:0!important;
    float:none!important;margin:0!important;padding:0!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > .top_filter_submit,
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > .tourz-top-sear-btn {
    display:block!important;position:relative!important;
    inset:auto!important;float:none!important;
    width:39px!important;min-width:39px!important;height:40px!important;
    margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;
    background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2210.7%22%20cy%3D%2210.7%22%20r%3D%226.2%22%20fill%3D%22none%22%20stroke%3D%22%23203750%22%20stroke-width%3D%222.6%22%2F%3E%3Cpath%20d%3D%22m15.4%2015.4%205.4%205.4%22%20fill%3D%22none%22%20stroke%3D%22%23203750%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/25px 25px no-repeat!important;
    font-size:0!important;color:transparent!important;
    box-shadow:none!important;cursor:pointer!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > .top_filter_submit::before,
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > .top_filter_submit::after {
    display:none!important;content:none!important;background:none!important;
  }
  html body #myID.bottomMenu form#top_filter_form #top_filter_submit {
    display:block!important;position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;
    min-width:0!important;min-height:0!important;
    margin:0!important;padding:0!important;
    border:0!important;opacity:0!important;
    background:transparent!important;color:transparent!important;
    cursor:pointer!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-5 {
    display:flex!important;visibility:visible!important;opacity:1!important;
    align-items:center!important;justify-content:center!important;
    flex:0 0 46px!important;
    width:46px!important;min-width:46px!important;max-width:46px!important;
    height:48px!important;min-height:0!important;
    float:none!important;margin:0!important;padding:0!important;
    position:relative!important;inset:auto!important;transform:none!important;
    pointer-events:auto!important;cursor:pointer!important;
  }
  html body #myID.bottomMenu .ts-menu-5 > span {
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 44px!important;width:44px!important;min-width:44px!important;
    height:44px!important;min-height:44px!important;
    margin:0!important;padding:0!important;
    border:1px solid #627eb2!important;border-radius:50%!important;
    background:#304f91 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%205h18M3%2012h18M3%2019h18%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/24px 24px no-repeat!important;
    box-shadow:none!important;
    pointer-events:auto!important;cursor:pointer!important;
  }
  html body #myID.bottomMenu .ts-menu-5 > span::before,
  html body #myID.bottomMenu .ts-menu-5 > span::after,
  html body #myID.bottomMenu .ts-menu-5 > span > i {
    content:none!important;display:none!important;
  }
  /* AC282B intentionally ports its overlay drawer into <body> on some routes.
     Do not make the page-wide layout rules depend on the drawer's DOM parent. */
  html body > .mob-right-nav#ac282b-drawer {
    max-width:min(360px,92vw)!important;
    box-sizing:border-box!important;
  }
}
@media screen and (max-width:359px) {
  html body #myID.bottomMenu {padding:0 7px!important;}
  html body #myID.bottomMenu .top-search-main .ts-menu {gap:5px!important;}
  html body #myID.bottomMenu .ts-menu > .ts-menu-1 {
    flex-basis:54px!important;width:54px!important;min-width:54px!important;max-width:54px!important;
  }
  html body #myID.bottomMenu .ts-menu-1 a {width:54px!important;}
  html body #myID.bottomMenu .ts-menu-1 img {max-width:53px!important;}
  html body #myID.bottomMenu input#top-select-search {font-size:13px!important;}
}

/* AC599 NON_TEMPLE_HEADER_LAYER_CLEANUP
   Keep the Temple Detail header/tabs untouched. The three affected page types
   render one #myID nav; extra shadow/preheader makes that one row appear stacked.
   Uses page content landmarks (not a PHP path or a global body selector) so
   styles apply to Home, listing pages and CATA/group only.
   This is visual only; search, menu, translations and saved header theme remain.
*/
@media screen and (max-width:767px) {
  /* Legacy homepage upper logo/account strip is not a second mobile header. */
  html body:has(.dir1-home-head) .spa-top-bar {
    display:none!important;
    height:0!important;min-height:0!important;
    margin:0!important;padding:0!important;border:0!important;
  }

  /* Keep one solid navigation surface; old inset/double drop shadows removed. */
  html body:is(:has(.dir1-home-head), :has(.dir-list-all-bg), :has(.ac-group-front)) #myID.bottomMenu,
  html body:is(:has(.dir1-home-head), :has(.dir-list-all-bg), :has(.ac-group-front)) #myID.bottomMenu > .top-search-main,
  html body:is(:has(.dir1-home-head), :has(.dir-list-all-bg), :has(.ac-group-front)) #myID.bottomMenu > .top-search-main > .row,
  html body:is(:has(.dir1-home-head), :has(.dir-list-all-bg), :has(.ac-group-front)) #myID.bottomMenu .top-search-main .ts-menu {
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    filter:none!important;
    border-top:0!important;border-bottom:0!important;
    outline:0!important;
  }
  /* Strip only decorative pseudo-layers; leave header real controls intact. */
  html body:is(:has(.dir1-home-head), :has(.dir-list-all-bg), :has(.ac-group-front)) #myID.bottomMenu::before,
  html body:is(:has(.dir1-home-head), :has(.dir-list-all-bg), :has(.ac-group-front)) #myID.bottomMenu::after,
  html body:is(:has(.dir1-home-head), :has(.dir-list-all-bg), :has(.ac-group-front)) #myID.bottomMenu > .top-search-main::before,
  html body:is(:has(.dir1-home-head), :has(.dir-list-all-bg), :has(.ac-group-front)) #myID.bottomMenu > .top-search-main::after {
    content:none!important;display:none!important;
  }
}


/* AC600 SINGLE SEARCH GLYPH — HOME / LISTING / CATA ONLY
   These pages already share the same form and submit input. Previous
   inherited theme icons may coexist with the AC598 background SVG.
   Draw one SVG on the existing button slot, remove every decorative
   pseudo icon and native wrapper image. Keep real submit clickable.
   Temple Detail gallery/video tab styles are not targeted.
*/
@media screen and (max-width:767px) {
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) {
    background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2210.7%22%20cy%3D%2210.7%22%20r%3D%226.2%22%20fill%3D%22none%22%20stroke%3D%22%23203750%22%20stroke-width%3D%222.6%22%2F%3E%3Cpath%20d%3D%22m15.4%2015.4%205.4%205.4%22%20fill%3D%22none%22%20stroke%3D%22%23203750%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/25px 25px no-repeat!important;
    font-size:0!important;color:transparent!important;
  }
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > i.top_filter_submit,
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > .tourz-top-sear-btn {
    background:transparent!important;background-image:none!important;
    font-size:0!important;color:transparent!important;
    box-shadow:none!important;text-shadow:none!important;
  }
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3)::before,
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3)::after,
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > i::before,
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > i::after,
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(2)::before,
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(2)::after {
    content:none!important;display:none!important;
    background:none!important;background-image:none!important;
  }
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > i > input#top_filter_submit {
    display:block!important;position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;
    opacity:0!important;cursor:pointer!important;
    background:transparent!important;background-image:none!important;
  }
  /* AC602: CATA uses the SAME shared mobile burger/drawer styling as Homepage. */
}


/* AC603 CATA HOME MATCH — ONLY /Advance/frontend/group.php?id=2
   Unlike Homepage, CATA's legacy drawer was nested in #myID and inherited
   a narrow sidebar. AC603 moves that same menu to body on CATA (matching the
   Homepage AC282B portal) and controls its open state in one place.
   No rules target Homepage, Heritage list, Temple Detail, or desktop content. */
@media screen and (max-width:767px) {
  html.ac603-cata-drawer body > #ac603-cata-backdrop {
    position:fixed!important;inset:0!important;
    display:block!important;
    background:rgba(7,18,27,.55)!important;
    z-index:2147481099!important;
    opacity:0!important;visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .2s ease,visibility .2s ease!important;
  }
  html.ac603-cata-drawer.ac603-cata-open body > #ac603-cata-backdrop {
    opacity:1!important;visibility:visible!important;
    pointer-events:auto!important;
  }
  html.ac603-cata-drawer body > #ac282b-drawer.mob-right-nav {
    display:block!important;position:fixed!important;
    top:0!important;right:0!important;left:auto!important;bottom:auto!important;
    width:min(360px,86vw)!important;max-width:86vw!important;
    min-width:0!important;
    height:100vh!important;max-height:100vh!important;
    height:100dvh!important;max-height:100dvh!important;
    margin:0!important;padding:0 0 28px!important;
    box-sizing:border-box!important;border:0!important;border-radius:0!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    background:#253238!important;
    box-shadow:-8px 0 22px rgba(4,16,25,.17)!important;
    z-index:2147481100!important;
    transform:translate3d(102%,0,0)!important;
    visibility:hidden!important;opacity:1!important;
    pointer-events:none!important;
    transition:transform .2s ease,visibility .2s ease!important;
    isolation:isolate!important;
  }
  html.ac603-cata-drawer.ac603-cata-open body > #ac282b-drawer.mob-right-nav {
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  html.ac603-cata-drawer body > #ac282b-drawer .mob-right-nav-close {
    display:flex!important;align-items:center!important;justify-content:center!important;
    position:sticky!important;top:14px!important;right:auto!important;left:auto!important;
    float:none!important;clear:both!important;
    width:44px!important;min-width:44px!important;max-width:44px!important;
    height:44px!important;min-height:44px!important;max-height:44px!important;
    margin:14px 15px 0 auto!important;padding:0!important;
    border:1px solid #7899a9!important;border-radius:50%!important;
    background:#344e5c!important;color:white!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.08)!important;
    box-sizing:border-box!important;
    z-index:2147481102!important;cursor:pointer!important;
    pointer-events:auto!important;
  }
  html.ac603-cata-drawer body > #ac282b-drawer .mob-right-nav-close i {
    display:block!important;font-size:0!important;color:transparent!important;
    width:24px!important;height:24px!important;line-height:24px!important;
  }
  html.ac603-cata-drawer body > #ac282b-drawer .mob-right-nav-close i::before {
    content:'\00d7'!important;display:block!important;
    font:700 29px/23px Arial,sans-serif!important;
    color:#fff!important;text-align:center!important;
  }
  html.ac603-cata-drawer body > #ac282b-drawer .mob-right-nav-close i::after {
    content:none!important;display:none!important;
  }
  html.ac603-cata-drawer body > #ac282b-drawer #ac418-mobile-language-wrap {
    display:block!important;visibility:visible!important;opacity:1!important;
    position:relative!important;
    float:none!important;clear:both!important;
    margin-top:32px!important;margin-bottom:43px!important;
    max-width:calc(100% - 36px)!important;
    pointer-events:auto!important;
  }
  html.ac603-cata-drawer body > #ac282b-drawer #ac418-mobile-language {
    display:block!important;visibility:visible!important;opacity:1!important;
    pointer-events:auto!important;
  }
  html.ac603-cata-drawer body > #ac282b-drawer > ul,
  html.ac603-cata-drawer body > #ac282b-drawer > ul > li,
  html.ac603-cata-drawer body > #ac282b-drawer > ul > li > a {
    box-sizing:border-box!important;max-width:100%!important;min-width:0!important;
  }
  html.ac603-cata-drawer body > #ac282b-drawer a {
    overflow-wrap:anywhere!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.ac603-cata-drawer body > #ac282b-drawer,
  html.ac603-cata-drawer body > #ac603-cata-backdrop {transition:none!important;}
}


/* AC604 CATA DRAWER INNER ALIGNMENT — ONLY group.php?id=2
   Keep AC603's shared mobile drawer geometry, links and translation logic.
   Other pages (Home, Listing, Temple Detail) have no ac603-cata-drawer class. */
@media screen and (max-width:767px) {
  html.ac603-cata-drawer body > #ac282b-drawer.mob-right-nav > h5 {
    display:block!important;position:relative!important;
    width:100%!important;max-width:100%!important;
    min-width:0!important;box-sizing:border-box!important;
    margin:22px 0 0!important;padding:16px 28px 13px!important;
    text-align:left!important;text-indent:0!important;
    border-left:0!important;border-right:0!important;
    line-height:1.4!important;overflow-wrap:break-word!important;
  }
  html.ac603-cata-drawer body > #ac282b-drawer.mob-right-nav > ul {
    display:block!important;position:relative!important;
    box-sizing:border-box!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    list-style:none!important;
    margin:0 0 12px!important;
    padding:0 28px!important;
    text-align:left!important;text-indent:0!important;
  }
  html.ac603-cata-drawer body > #ac282b-drawer.mob-right-nav > ul > li {
    box-sizing:border-box!important;list-style:none!important;
    margin:0!important;padding:0!important;min-width:0!important;
    width:100%!important;max-width:100%!important;
  }
  html.ac603-cata-drawer body > #ac282b-drawer.mob-right-nav > ul > li > a {
    box-sizing:border-box!important;
    display:flex!important;align-items:center!important;
    gap:9px!important;min-width:0!important;
    width:100%!important;max-width:100%!important;
    margin:0!important;padding:15px 8px!important;
    line-height:1.35!important;text-align:left!important;
    white-space:normal!important;overflow-wrap:break-word!important;
    text-decoration:none!important;
  }
  /* One clickable close button; remove the stacked FA X + old pseudo X. */
  html.ac603-cata-drawer body > #ac282b-drawer.mob-right-nav .mob-right-nav-close {
    display:flex!important;align-items:center!important;justify-content:center!important;
    position:sticky!important;top:14px!important;
    margin:14px 16px 0 auto!important;
    width:46px!important;min-width:46px!important;max-width:46px!important;
    height:46px!important;min-height:46px!important;max-height:46px!important;
    padding:0!important;
    border:2px solid #7193a7!important;
    border-radius:50%!important;
    background:#344d5b!important;color:white!important;
    box-shadow:none!important;text-shadow:none!important;
    outline:0;box-sizing:border-box!important;
    overflow:hidden!important;
    z-index:2147481102!important;cursor:pointer!important;
  }
  html.ac603-cata-drawer body > #ac282b-drawer.mob-right-nav .mob-right-nav-close > i,
  html.ac603-cata-drawer body > #ac282b-drawer.mob-right-nav .mob-right-nav-close > i::before,
  html.ac603-cata-drawer body > #ac282b-drawer.mob-right-nav .mob-right-nav-close > i::after {
    display:none!important;content:none!important;
    visibility:hidden!important;
    width:0!important;height:0!important;
  }
  html.ac603-cata-drawer body > #ac282b-drawer.mob-right-nav .mob-right-nav-close::before {
    content:'\00d7'!important;display:flex!important;
    position:static!important;inset:auto!important;
    align-items:center!important;justify-content:center!important;
    width:100%!important;height:100%!important;
    font:700 27px/1 Arial,sans-serif!important;
    color:#fff!important;background:transparent!important;
    border:0!important;border-radius:0!important;
    box-shadow:none!important;opacity:1!important;visibility:visible!important;
    transform:none!important;pointer-events:none!important;
  }
  html.ac603-cata-drawer body > #ac282b-drawer.mob-right-nav .mob-right-nav-close::after {
    content:none!important;display:none!important;
  }
  html.ac603-cata-drawer body > #ac282b-drawer.mob-right-nav .mob-right-nav-close:focus-visible {
    outline:2px solid #fff!important;outline-offset:3px!important;
  }
}



/* AC606 desktop uses the EXACT existing AC598 mobile header styling */
@media screen and (min-width:768px) {
  html body #myID.bottomMenu {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    transform:none!important;
    float:none!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:64px!important;min-height:64px!important;max-height:64px!important;
    margin:0!important;padding:0 10px!important;
    box-sizing:border-box!important;
    z-index:2147481000!important;
  }
  html body #myID.bottomMenu > .container.top-search-main,
  html body #myID.bottomMenu > .container.top-search-main > .row {
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:64px!important;min-height:64px!important;max-height:64px!important;
    margin:0!important;padding:0!important;
    position:relative!important;inset:auto!important;float:none!important;
    box-sizing:border-box!important;
  }
  html body #myID.bottomMenu .top-search-main .ts-menu {
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:64px!important;min-height:64px!important;max-height:64px!important;
    margin:0!important;padding:0!important;
    float:none!important;position:relative!important;
    box-sizing:border-box!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-1 {
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 62px!important;
    width:62px!important;min-width:62px!important;max-width:62px!important;
    height:58px!important;min-height:0!important;
    margin:0!important;padding:0!important;float:none!important;
    position:relative!important;inset:auto!important;transform:none!important;
  }
  html body #myID.bottomMenu .ts-menu-1 a {
    display:flex!important;align-items:center!important;justify-content:center!important;
    height:58px!important;width:62px!important;margin:0!important;padding:0!important;
  }
  html body #myID.bottomMenu .ts-menu-1 img {
    display:block!important;max-width:59px!important;width:auto!important;
    max-height:57px!important;height:auto!important;
    margin:auto!important;object-fit:contain!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-2,
  html body #myID.bottomMenu .ts-menu > .ts-menu-4 {
    display:none!important;visibility:hidden!important;pointer-events:none!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-3 {
    display:flex!important;align-items:center!important;
    flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;
    height:48px!important;min-height:0!important;
    margin:0!important;padding:0!important;float:none!important;
    position:relative!important;inset:auto!important;transform:none!important;
  }
  html body #myID.bottomMenu .ts-menu-3 > div {
    display:flex!important;align-items:center!important;
    flex:1 1 auto!important;width:100%!important;min-width:0!important;
    height:48px!important;margin:0!important;padding:0!important;
  }
  html body #myID.bottomMenu form#top_filter_form {
    display:flex!important;align-items:center!important;flex-flow:row nowrap!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:48px!important;min-height:0!important;
    margin:0!important;padding:0!important;
    float:none!important;position:relative!important;
    background:transparent!important;box-shadow:none!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(1) {
    display:none!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(2) {
    display:flex!important;align-items:center!important;
    flex:1 1 auto!important;position:relative!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:48px!important;min-height:0!important;
    float:none!important;margin:0!important;padding:0!important;
    box-sizing:border-box!important;
  }
  html body #myID.bottomMenu input#top-select-search {
    display:block!important;position:relative!important;inset:auto!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:48px!important;min-height:48px!important;max-height:48px!important;
    box-sizing:border-box!important;
    margin:0!important;padding:0 10px 0 46px!important;
    border:1px solid #c9d4e0!important;border-radius:9px!important;
    background:#ffffff!important;background-image:none!important;
    color:#1c344b!important;
    font:500 15px/1.3 Arial,sans-serif!important;
    text-indent:0!important;letter-spacing:normal!important;text-align:left!important;
    box-shadow:none!important;appearance:none!important;
    flex:1 1 100%!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(2) > ul.autocomplete-content {
    position:absolute!important;top:100%!important;left:0!important;right:0!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    flex:none!important;box-sizing:border-box!important;
    /* The existing autocomplete script controls display and options. */
  }
  html body #myID.bottomMenu input#top-select-search::placeholder {
    color:#344658!important;opacity:1!important;
    font:500 15px/1.3 Arial,sans-serif!important;
  }
  html body #myID.bottomMenu form#top_filter_form label[for="top-select-search"] {
    display:none!important;visibility:hidden!important;
  }
  /* Keep the REAL existing submit element clickable; render only one magnifier
     on its container and suppress inherited pseudo icons. */
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) {
    display:flex!important;align-items:center!important;justify-content:center!important;
    position:absolute!important;left:5px!important;right:auto!important;
    top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
    z-index:5!important;width:39px!important;min-width:39px!important;max-width:39px!important;
    height:40px!important;min-height:0!important;
    float:none!important;margin:0!important;padding:0!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > .top_filter_submit,
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > .tourz-top-sear-btn {
    display:block!important;position:relative!important;
    inset:auto!important;float:none!important;
    width:39px!important;min-width:39px!important;height:40px!important;
    margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;
    background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2210.7%22%20cy%3D%2210.7%22%20r%3D%226.2%22%20fill%3D%22none%22%20stroke%3D%22%23203750%22%20stroke-width%3D%222.6%22%2F%3E%3Cpath%20d%3D%22m15.4%2015.4%205.4%205.4%22%20fill%3D%22none%22%20stroke%3D%22%23203750%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/25px 25px no-repeat!important;
    font-size:0!important;color:transparent!important;
    box-shadow:none!important;cursor:pointer!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > .top_filter_submit::before,
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > .top_filter_submit::after {
    display:none!important;content:none!important;background:none!important;
  }
  html body #myID.bottomMenu form#top_filter_form #top_filter_submit {
    display:block!important;position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;
    min-width:0!important;min-height:0!important;
    margin:0!important;padding:0!important;
    border:0!important;opacity:0!important;
    background:transparent!important;color:transparent!important;
    cursor:pointer!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-5 {
    display:flex!important;visibility:visible!important;opacity:1!important;
    align-items:center!important;justify-content:center!important;
    flex:0 0 46px!important;
    width:46px!important;min-width:46px!important;max-width:46px!important;
    height:48px!important;min-height:0!important;
    float:none!important;margin:0!important;padding:0!important;
    position:relative!important;inset:auto!important;transform:none!important;
    pointer-events:auto!important;cursor:pointer!important;
  }
  html body #myID.bottomMenu .ts-menu-5 > span {
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 44px!important;width:44px!important;min-width:44px!important;
    height:44px!important;min-height:44px!important;
    margin:0!important;padding:0!important;
    border:1px solid #627eb2!important;border-radius:50%!important;
    background:#304f91 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%205h18M3%2012h18M3%2019h18%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/24px 24px no-repeat!important;
    box-shadow:none!important;
    pointer-events:auto!important;cursor:pointer!important;
  }
  html body #myID.bottomMenu .ts-menu-5 > span::before,
  html body #myID.bottomMenu .ts-menu-5 > span::after,
  html body #myID.bottomMenu .ts-menu-5 > span > i {
    content:none!important;display:none!important;
  }
  /* AC282B intentionally ports its overlay drawer into <body> on some routes.
     Do not make the page-wide layout rules depend on the drawer's DOM parent. */
  html body > .mob-right-nav#ac282b-drawer {
    max-width:min(360px,92vw)!important;
    box-sizing:border-box!important;
  }
}
@media screen and (min-width:768px) {
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) {
    background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2210.7%22%20cy%3D%2210.7%22%20r%3D%226.2%22%20fill%3D%22none%22%20stroke%3D%22%23203750%22%20stroke-width%3D%222.6%22%2F%3E%3Cpath%20d%3D%22m15.4%2015.4%205.4%205.4%22%20fill%3D%22none%22%20stroke%3D%22%23203750%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/25px 25px no-repeat!important;
    font-size:0!important;color:transparent!important;
  }
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > i.top_filter_submit,
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > .tourz-top-sear-btn {
    background:transparent!important;background-image:none!important;
    font-size:0!important;color:transparent!important;
    box-shadow:none!important;text-shadow:none!important;
  }
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3)::before,
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3)::after,
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > i::before,
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > i::after,
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(2)::before,
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(2)::after {
    content:none!important;display:none!important;
    background:none!important;background-image:none!important;
  }
  html body:is(:has(.dir1-home-head),:has(.dir-list-all-bg),:has(.ac-group-front)) #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > i > input#top_filter_submit {
    display:block!important;position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;
    opacity:0!important;cursor:pointer!important;
    background:transparent!important;background-image:none!important;
  }
  /* AC602: CATA uses the SAME shared mobile burger/drawer styling as Homepage. */
}

/* AC606: ONE EXISTING MOBILE HEADER ON DESKTOP (NOT A SECOND HEADER).
   Reuses AC598 shared HTML and its exact logo/search/burger CSS declarations.
   Only proportional scaling and desktop drawer behavior differ with viewport size.
   No page-specific header overrides. Temple Gallery/Video tabs are untouched. */
@media screen and (min-width:768px) {
  html body .spa-top-bar {display:none!important;}
  html body #myID.bottomMenu {
    height:80px!important;min-height:80px!important;max-height:80px!important;
    padding:0 clamp(16px,2.8vw,48px)!important;
    background:#203650!important;box-shadow:none!important;
  }
  html body #myID.bottomMenu > .container.top-search-main,
  html body #myID.bottomMenu > .container.top-search-main > .row {
    height:80px!important;min-height:80px!important;max-height:80px!important;
    width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
  }
  html body #myID.bottomMenu .top-search-main .ts-menu {
    height:80px!important;min-height:80px!important;max-height:80px!important;
    width:100%!important;max-width:100%!important;
    display:flex!important;justify-content:space-between!important;
    gap:clamp(14px,2.2vw,34px)!important;
    margin:0!important;padding:0!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-1,
  html body #myID.bottomMenu .ts-menu-1 a {
    flex:0 0 105px!important;width:105px!important;min-width:105px!important;max-width:105px!important;
    height:72px!important;min-height:0!important;
    margin:0!important;padding:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
  html body #myID.bottomMenu .ts-menu-1 img {
    display:block!important;visibility:visible!important;
    max-width:103px!important;max-height:70px!important;
    height:auto!important;width:auto!important;
    object-fit:contain!important;opacity:1!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-2,
  html body #myID.bottomMenu .ts-menu > .ts-menu-4 {
    display:none!important;visibility:hidden!important;
    width:0!important;max-width:0!important;min-width:0!important;
    height:0!important;max-height:0!important;min-height:0!important;
    margin:0!important;padding:0!important;flex:0 0 0!important;
    pointer-events:none!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-3 {
    flex:1 1 auto!important;min-width:0!important;max-width:none!important;
    height:55px!important;display:flex!important;visibility:visible!important;
  }
  html body #myID.bottomMenu .ts-menu-3 > div,
  html body #myID.bottomMenu form#top_filter_form {
    height:55px!important;min-height:55px!important;width:100%!important;max-width:100%!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(1) {
    display:none!important;visibility:hidden!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(2) {
    height:55px!important;min-height:55px!important;
  }
  html body #myID.bottomMenu input#top-select-search {
    height:55px!important;min-height:55px!important;max-height:55px!important;
    padding-left:58px!important;padding-right:18px!important;
    border-radius:14px!important;
    font-size:18px!important;line-height:1.3!important;
  }
  html body #myID.bottomMenu input#top-select-search::placeholder {
    font-size:18px!important;line-height:1.3!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) {
    left:9px!important;width:42px!important;min-width:42px!important;max-width:42px!important;
    height:43px!important;min-height:43px!important;max-height:43px!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > i.top_filter_submit,
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > .tourz-top-sear-btn {
    width:42px!important;height:43px!important;min-width:42px!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-5 {
    display:flex!important;visibility:visible!important;opacity:1!important;
    pointer-events:auto!important;
    flex:0 0 60px!important;width:60px!important;min-width:60px!important;max-width:60px!important;
    height:62px!important;min-height:62px!important;margin:0!important;padding:0!important;
  }
  html body #myID.bottomMenu .ts-menu-5 > span {
    display:flex!important;visibility:visible!important;opacity:1!important;
    width:58px!important;min-width:58px!important;height:58px!important;min-height:58px!important;
    flex:0 0 58px!important;border-radius:50%!important;
    background-color:#304f91!important;background-size:31px 31px!important;
  }
  html.ac529-fit-menu body #myID.bottomMenu .ts-menu > .ts-menu-5 {
    display:flex!important;visibility:visible!important;pointer-events:auto!important;
  }
  /* No second language selector in desktop header; the existing AC418 mobile
     Translate select is shown inside this SAME existing burger drawer. */
  html body > #ac399-language-control,
  html body #ac399-language-control {display:none!important;visibility:hidden!important;}
  html body #background.dir1-home-head {margin-top:0!important;}
  html body #myID.bottomMenu .ts-menu .autocomplete-content {z-index:2147481205!important;}

  /* The existing .mob-right-nav gets the HOME-like overlay on desktop too. */
  html body > #ac606-desktop-backdrop {
    position:fixed!important;inset:0!important;z-index:2147481096!important;
    background:rgba(10,23,34,.50)!important;
    display:none!important;opacity:0!important;pointer-events:none!important;
  }
  html.ac606-desktop-menu-open body > #ac606-desktop-backdrop {
    display:block!important;opacity:1!important;pointer-events:auto!important;
  }
  html body > #ac282b-drawer.mob-right-nav {
    display:block!important;position:fixed!important;top:0!important;right:0!important;
    left:auto!important;bottom:auto!important;
    width:min(440px,92vw)!important;min-width:0!important;max-width:min(440px,92vw)!important;
    height:100vh!important;height:100dvh!important;max-height:100dvh!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior:contain!important;
    z-index:2147481100!important;
    border:0!important;margin:0!important;padding:0!important;
    box-sizing:border-box!important;
    background:#26353c!important;
    box-shadow:-10px 0 25px rgba(0,0,0,.20)!important;
    transform:translateX(105%)!important;transition:transform .22s ease!important;
    visibility:hidden!important;opacity:1!important;pointer-events:none!important;
  }
  html.ac606-desktop-menu-open body > #ac282b-drawer.mob-right-nav {
    transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important;
  }
  html body > #ac282b-drawer .mob-right-nav-close {
    display:flex!important;align-items:center!important;justify-content:center!important;
    position:sticky!important;top:20px!important;right:auto!important;left:auto!important;
    float:none!important;margin:20px 20px 0 auto!important;
    width:48px!important;min-width:48px!important;max-width:48px!important;
    height:48px!important;min-height:48px!important;max-height:48px!important;
    border:2px solid #7193a7!important;border-radius:50%!important;
    background:#344d5b!important;color:white!important;
    box-shadow:none!important;box-sizing:border-box!important;
    z-index:2147481102!important;cursor:pointer!important;
  }
  html body > #ac282b-drawer .mob-right-nav-close > i,
  html body > #ac282b-drawer .mob-right-nav-close > i::before,
  html body > #ac282b-drawer .mob-right-nav-close > i::after {
    display:none!important;content:none!important;
  }
  html body > #ac282b-drawer .mob-right-nav-close::before {
    display:flex!important;content:'\00d7'!important;
    align-items:center!important;justify-content:center!important;
    font:700 28px/1 Arial,sans-serif!important;color:#fff!important;
    background:transparent!important;width:100%!important;height:100%!important;
    transform:none!important;pointer-events:none!important;
  }
  html body > #ac282b-drawer .mob-right-nav-close::after {display:none!important;content:none!important;}
  html body > #ac282b-drawer #ac418-mobile-language-wrap {
    display:block!important;visibility:visible!important;opacity:1!important;
    position:relative!important;float:none!important;clear:both!important;
    width:calc(100% - 48px)!important;max-width:calc(100% - 48px)!important;
    margin:50px 24px 26px!important;padding:0!important;
    min-height:58px!important;height:58px!important;box-sizing:border-box!important;
  }
  html body > #ac282b-drawer #ac418-mobile-language-wrap select#ac418-mobile-language {
    display:block!important;visibility:visible!important;
    width:100%!important;max-width:100%!important;height:58px!important;min-height:58px!important;
    padding:0 24px 0 140px!important;margin:0!important;
    font:600 17px/1.2 Arial,sans-serif!important;
    border:2px solid #bbcbdc!important;border-radius:17px!important;
    background:var(--ac521-bg,#fff)!important;color:var(--ac521-fg,#18314b)!important;
    box-shadow:0 6px 16px rgba(0,0,0,.11)!important;
  }
  html body > #ac282b-drawer #ac418-mobile-language-wrap .ac521-mobile-icon {
    display:block!important;position:absolute!important;top:16px!important;left:16px!important;
    z-index:2!important;width:30px!important;font-size:25px!important;line-height:1!important;
    color:var(--ac521-accent,#087e9e)!important;pointer-events:none!important;
  }
  html body > #ac282b-drawer #ac418-mobile-language-wrap .ac521-mobile-label {
    display:block!important;position:absolute!important;top:20px!important;left:55px!important;
    z-index:2!important;font:700 14px/1 Arial,sans-serif!important;
    color:var(--ac521-accent,#087e9e)!important;pointer-events:none!important;
  }
  html body > #ac282b-drawer #ac413-language-slot,
  html body > #ac282b-drawer #ac417-mobile-language,
  html body > #ac282b-drawer #ac399-language-control {display:none!important;visibility:hidden!important;}
  /* All existing links/menu sections; do not introduce a second menu. */
  html body > #ac282b-drawer > h4,
  html body > #ac282b-drawer > h5,
  html body > #ac282b-drawer > ul {
    box-sizing:border-box!important;max-width:100%!important;min-width:0!important;
    margin-left:0!important;margin-right:0!important;
    padding-left:24px!important;padding-right:24px!important;
    text-align:left!important;text-indent:0!important;
  }
  html body > #ac282b-drawer ul,
  html body > #ac282b-drawer li {box-sizing:border-box!important;max-width:100%!important;}
  html body > #ac282b-drawer > h4,
  html body > #ac282b-drawer > h5 {
    display:block!important;margin-top:34px!important;margin-bottom:10px!important;
    color:#ecf0f3!important;font:500 18px/1.4 Arial,sans-serif!important;
    text-transform:uppercase!important;letter-spacing:.01em!important;
    border:0!important;background:transparent!important;
  }
  html body > #ac282b-drawer > ul {
    list-style:none!important;display:block!important;
    background:transparent!important;border:0!important;
  }
  html body > #ac282b-drawer > ul > li {
    list-style:none!important;display:block!important;
    border-bottom:1px solid rgba(223,231,236,.10)!important;
    padding:0!important;margin:0!important;
    background:transparent!important;
  }
  html body > #ac282b-drawer li > a {
    display:block!important;max-width:100%!important;
    padding:17px 10px!important;
    color:#d6dde1!important;text-decoration:none!important;
    background:transparent!important;
    font:500 16px/1.4 Arial,sans-serif!important;
    white-space:normal!important;overflow-wrap:anywhere!important;
  }
  html body > #ac282b-drawer li > a:hover,
  html body > #ac282b-drawer li > a:focus-visible {
    color:#fff!important;background:rgba(255,255,255,.065)!important;
  }
  html body > #ac282b-drawer .mob-right-nav-close:focus-visible,
  html body #myID.bottomMenu .ts-menu-5 > span:focus-visible {
    outline:2px solid #fff!important;outline-offset:3px!important;
  }
}
@media (prefers-reduced-motion:reduce) and (min-width:768px) {
  html body > #ac282b-drawer.mob-right-nav {transition:none!important;}
}


/* AC607: EXISTING header on desktop; real existing action links + real language select.
   The old AC606 compact CSS remains the fallback. Only viewport width and measured
   element collisions select which existing controls are visible. */
@media screen and (min-width:768px) {
  html body #myID.bottomMenu .top-search-main .ts-menu {
    gap:clamp(12px,1.1vw,20px)!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-3 {
    flex:1 1 auto!important;min-width:280px!important;max-width:none!important;
    display:flex!important;visibility:visible!important;
    transition:flex-basis .16s ease,width .16s ease!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-4 {
    display:flex!important;visibility:visible!important;opacity:1!important;
    flex:0 0 auto!important;align-self:center!important;align-items:center!important;
    justify-content:center!important;position:relative!important;inset:auto!important;
    float:none!important;clear:none!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    height:52px!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;pointer-events:auto!important;
    transform:none!important;overflow:visible!important;
  }
  html body #myID.bottomMenu .ts-menu-4 > .v3-top-ri,
  html body #myID.bottomMenu .ts-menu-4 > .v3-top-ri > ul {
    display:flex!important;visibility:visible!important;align-items:center!important;
    flex-wrap:nowrap!important;gap:8px!important;
    position:static!important;float:none!important;width:max-content!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;transform:none!important;
    list-style:none!important;white-space:nowrap!important;
  }
  html body #myID.bottomMenu .ts-menu-4 > .v3-top-ri > ul > li {
    display:flex!important;visibility:visible!important;align-items:center!important;
    flex:0 0 auto!important;position:static!important;float:none!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;
  }
  html body #myID.bottomMenu .ts-menu-4 > .v3-top-ri > ul > li > a {
    display:inline-flex!important;visibility:visible!important;
    align-items:center!important;justify-content:center!important;
    width:auto!important;max-width:none!important;min-width:0!important;
    min-height:42px!important;height:42px!important;
    margin:0!important;padding:0 13px!important;
    border:1px solid #47669f!important;border-radius:9px!important;
    color:#fff!important;background:#304f91!important;
    font:600 14px/1.2 Arial,sans-serif!important;
    white-space:nowrap!important;text-decoration:none!important;
    transition:background-color .15s ease,box-shadow .15s ease!important;
  }
  html body #myID.bottomMenu .ts-menu-4 > .v3-top-ri > ul > li > a:hover,
  html body #myID.bottomMenu .ts-menu-4 > .v3-top-ri > ul > li > a:focus-visible {
    background:#3e64a8!important;box-shadow:0 0 0 2px #ffffff3b!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-5 {
    display:none!important;visibility:hidden!important;opacity:0!important;
    flex:0 0 0!important;width:0!important;min-width:0!important;max-width:0!important;
    padding:0!important;margin:0!important;pointer-events:none!important;
  }
  /* AC608: real saved AC515 theme (D1-D9/custom colors), no forced white select. */
  html body #myID.bottomMenu .ts-menu > #ac399-language-control {
    display:flex!important;visibility:visible!important;opacity:1!important;
    align-items:center!important;justify-content:center!important;
    position:relative!important;inset:auto!important;float:none!important;
    flex:0 0 138px!important;width:138px!important;min-width:138px!important;max-width:138px!important;
    height:44px!important;min-height:44px!important;max-height:44px!important;
    margin:0!important;padding:4px!important;border:1px solid var(--ac515-border,#bbcbdc)!important;
    border-radius:10px!important;background:var(--ac515-bg,#fff)!important;
    box-sizing:border-box!important;box-shadow:none!important;transform:none!important;
    pointer-events:auto!important;z-index:2!important;
  }
  html body #myID.bottomMenu .ts-menu #ac399-language-control > label {display:none!important;}
  html body #myID.bottomMenu .ts-menu #ac399-language-control > select#ac399-language {
    display:block!important;visibility:visible!important;opacity:1!important;
    position:relative!important;float:none!important;inset:auto!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:36px!important;min-height:36px!important;max-height:36px!important;
    margin:0!important;padding:0 22px 0 8px!important;
    border:1px solid var(--ac515-border,#bbcbdc)!important;border-radius:7px!important;
    background:var(--ac515-bg,#fff)!important;color:var(--ac515-fg,#18314b)!important;
    font:600 13px/1.2 Arial,sans-serif!important;text-overflow:ellipsis!important;
    white-space:nowrap!important;box-sizing:border-box!important;
    cursor:pointer!important;pointer-events:auto!important;appearance:auto!important;
  }
  /* Keep the Admin's optional label and icon settings instead of hiding them. */
  html body #myID.bottomMenu .ts-menu #ac399-language-control .ac515-translate-label,
  html body #myID.bottomMenu .ts-menu #ac399-language-control .ac520-translate-icon {
    display:none!important;visibility:hidden!important;pointer-events:none!important;
  }
  html body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-label="1"]:not([data-ac515-theme="original"]) .ac515-translate-label {
    display:block!important;visibility:visible!important;
    position:absolute!important;left:30px!important;top:6px!important;
    width:calc(100% - 44px)!important;height:12px!important;
    font:700 9px/12px Arial,sans-serif!important;white-space:nowrap!important;
    color:var(--ac515-accent,#087e9e)!important;overflow:hidden!important;text-overflow:ellipsis!important;
    pointer-events:none!important;z-index:4!important;
  }
  html body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-label="1"]:not([data-ac515-theme="original"]) .ac520-translate-icon {
    display:flex!important;visibility:visible!important;
    align-items:center!important;justify-content:center!important;
    position:absolute!important;left:9px!important;top:11px!important;
    height:18px!important;width:18px!important;
    font:700 16px/1 Arial,sans-serif!important;color:var(--ac515-accent,#087e9e)!important;
    pointer-events:none!important;z-index:4!important;
  }
  html body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-label="1"]:not([data-ac515-theme="original"]) > select#ac399-language {
    padding:11px 22px 0 30px!important;font-size:12px!important;
  }
  /* Theme-specific styling follows the Admin selected code. */
  html body #myID.bottomMenu .ts-menu #ac399-language-control:is([data-ac515-theme="d1"],[data-ac515-theme="d2"]) > select#ac399-language {
    border-radius:13px!important;box-shadow:0 1px 4px #162b3814!important;
  }
  html body #myID.bottomMenu .ts-menu #ac399-language-control:is([data-ac515-theme="d3"],[data-ac515-theme="d4"],[data-ac515-theme="d9"]) > select#ac399-language {border-radius:999px!important;}
  html body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-theme="d4"] > select#ac399-language {border-width:2px!important;}
  html body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-theme="d5"] > select#ac399-language {
    background:var(--ac515-accent,#087e9e)!important;color:#fff!important;border-color:var(--ac515-accent,#087e9e)!important;
  }
  html body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-theme="d6"] > select#ac399-language {border-color:var(--ac515-accent,#087e9e)!important;}
  html body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-theme="d7"] > select#ac399-language {
    border:0!important;border-bottom:2px solid var(--ac515-accent,#087e9e)!important;border-radius:6px!important;
  }
  html body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-theme="d8"] > select#ac399-language {box-shadow:0 2px 8px #122e4222!important;}
  html body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-theme="d5"] .ac515-translate-label,
  html body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-theme="d5"] .ac520-translate-icon {color:#fff!important;}
}
@media (prefers-reduced-motion:reduce) {
  html body #myID.bottomMenu .ts-menu > .ts-menu-3,
  html body #myID.bottomMenu .ts-menu-4 > .v3-top-ri > ul > li > a {
    transition:none!important;
  }
}

/* AC608: desktop burger must NEVER be visible, including the first frame. */
@media screen and (min-width:768px) {
  html body #myID.bottomMenu .ts-menu > .ts-menu-5,
  html.ac529-fit-menu body #myID.bottomMenu .ts-menu > .ts-menu-5,
  html.ac606-desktop-same-mobile body #myID.bottomMenu .ts-menu > .ts-menu-5 {
    display:none!important;visibility:hidden!important;opacity:0!important;
    width:0!important;min-width:0!important;max-width:0!important;
    flex:0 0 0!important;margin:0!important;padding:0!important;pointer-events:none!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-2 {display:none!important;}
  html body #myID.bottomMenu .ts-menu > .ts-menu-4 {display:flex!important;visibility:visible!important;}
  html body #myID.bottomMenu .ts-menu > .ts-menu-3 {min-width:0!important;}
  html body #myID.bottomMenu .ts-menu #top-select-search {min-width:0!important;}
}

/* AC609: single-surface language theme, matching Admin preview.
   No second white card surrounding the real select, at first paint or after resize. */
@media screen and (min-width:768px) {
  html body #myID.bottomMenu .ts-menu > #ac399-language-control,
  html.ac607-wide body #myID.bottomMenu .ts-menu > #ac399-language-control {
    flex:0 0 158px!important;
    width:158px!important;min-width:158px!important;max-width:158px!important;
    height:42px!important;min-height:42px!important;max-height:42px!important;
    padding:0!important;margin:0!important;
    border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
    outline:none!important;overflow:visible!important;
    box-sizing:border-box!important;
    transition:none!important;
  }
  html body #myID.bottomMenu .ts-menu #ac399-language-control > select#ac399-language {
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:42px!important;min-height:42px!important;max-height:42px!important;
    margin:0!important;box-sizing:border-box!important;
    transition:none!important;animation:none!important;
  }
  /* Theme content has been rendered by PHP with the saved theme from the start. */
  html body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-label="1"]:not([data-ac515-theme="original"]) .ac515-translate-label {
    top:4px!important;left:34px!important;width:calc(100% - 49px)!important;
    text-transform:none!important;
  }
  html body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-label="1"]:not([data-ac515-theme="original"]) .ac520-translate-icon {
    left:11px!important;top:13px!important;
  }
  html body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-label="1"]:not([data-ac515-theme="original"]) > select#ac399-language {
    padding:14px 27px 2px 33px!important;font-size:13px!important;line-height:18px!important;
  }
  /* Keep the Admin theme shapes rather than adding a second rounded panel. */
  html body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-theme="d4"] > select#ac399-language {
    border-radius:999px!important;border-width:2px!important;
  }
  html body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-theme="d5"] > select#ac399-language {
    background:var(--ac515-accent,#087e9e)!important;color:#fff!important;
  }
  html body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-theme="d7"] > select#ac399-language {
    border-radius:6px!important;border:0!important;
    border-bottom:2px solid var(--ac515-accent,#087e9e)!important;
  }
}


/* AC610: restore the existing Browse All and province autocomplete on desktop.
   This is ONE shared header and ONE shared CSS; it creates no duplicate controls.
   The original #top-select-city and menu links continue to power existing JS. */
@media screen and (min-width:768px) {
  /* Fit the established controls into the existing desktop row. */
  html body #myID.bottomMenu .top-search-main .ts-menu {
    display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
    justify-content:space-between!important;gap:clamp(7px,.75vw,13px)!important;
    overflow:visible!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-1 {
    flex:0 0 62px!important;width:62px!important;min-width:62px!important;
  }
  /* Restore the EXISTING Browse All button, never another header/nav. */
  html body #myID.bottomMenu .ts-menu > .ts-menu-2,
  html.ac607-wide body #myID.bottomMenu .ts-menu > .ts-menu-2 {
    display:flex!important;visibility:visible!important;opacity:1!important;
    flex:0 0 104px!important;align-items:center!important;justify-content:center!important;
    position:relative!important;inset:auto!important;float:none!important;
    width:104px!important;min-width:104px!important;max-width:104px!important;
    height:42px!important;min-height:42px!important;max-height:42px!important;
    padding:0!important;margin:0!important;transform:none!important;
    pointer-events:auto!important;overflow:visible!important;z-index:40!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-2 > a.t-bb {
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:5px!important;width:100%!important;height:42px!important;
    margin:0!important;padding:0 6px!important;box-sizing:border-box!important;
    white-space:nowrap!important;font:600 13px/1.2 Arial,sans-serif!important;
    text-decoration:none!important;color:#fff!important;visibility:visible!important;
    background:transparent!important;border:0!important;cursor:pointer!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-2 > a.t-bb i {
    font-size:12px!important;line-height:1!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-3 {
    flex:1 1 280px!important;width:auto!important;min-width:210px!important;max-width:none!important;
    height:52px!important;min-height:52px!important;
  }
  html body #myID.bottomMenu .ts-menu-3 > div,
  html body #myID.bottomMenu form#top_filter_form {
    height:52px!important;min-height:52px!important;max-height:52px!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
  }
  html body #myID.bottomMenu form#top_filter_form {
    --ac610-province-width:clamp(112px,9.1vw,138px);
    --ac610-field-gap:8px;
    display:grid!important;
    grid-template-columns:var(--ac610-province-width) minmax(0,1fr)!important;
    column-gap:var(--ac610-field-gap)!important;
    align-items:center!important;
    position:relative!important;overflow:visible!important;
  }
  /* The existing province autocomplete (not a duplicate select). */
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(1) {
    display:flex!important;visibility:visible!important;opacity:1!important;
    position:relative!important;inset:auto!important;float:none!important;
    align-items:center!important;flex:0 0 auto!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:52px!important;min-height:52px!important;max-height:52px!important;
    padding:0!important;margin:0!important;overflow:visible!important;box-sizing:border-box!important;
    grid-column:1!important;
  }
  html body #myID.bottomMenu form#top_filter_form input#top-select-city {
    display:block!important;visibility:visible!important;opacity:1!important;
    position:relative!important;inset:auto!important;float:none!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:52px!important;min-height:52px!important;max-height:52px!important;
    margin:0!important;padding:0 25px 0 12px!important;
    box-sizing:border-box!important;border:1px solid #c9d4e0!important;
    border-radius:9px!important;background:#fff!important;
    color:#203650!important;font:500 13px/1.2 Arial,sans-serif!important;
    text-align:left!important;text-indent:0!important;box-shadow:none!important;appearance:none!important;
    cursor:text!important;
  }
  html body #myID.bottomMenu form#top_filter_form input#top-select-city::placeholder {
    color:#33475b!important;opacity:1!important;
    font:500 13px/1.2 Arial,sans-serif!important;
  }
  html body #myID.bottomMenu form#top_filter_form label[for="top-select-city"] {
    display:none!important;visibility:hidden!important;pointer-events:none!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(1)::after {
    content:''!important;display:block!important;position:absolute!important;
    right:11px!important;top:21px!important;width:7px!important;height:7px!important;
    border-right:1.8px solid #203650!important;border-bottom:1.8px solid #203650!important;
    transform:rotate(45deg)!important;pointer-events:none!important;z-index:5!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(1) > ul.autocomplete-content {
    position:absolute!important;top:100%!important;left:0!important;
    right:auto!important;width:max(210px,100%)!important;max-width:min(360px,90vw)!important;
    max-height:300px!important;overflow-y:auto!important;z-index:2147481206!important;
    box-sizing:border-box!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(2) {
    display:flex!important;visibility:visible!important;opacity:1!important;
    grid-column:2!important;position:relative!important;
    flex:1 1 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;
    height:52px!important;min-height:52px!important;max-height:52px!important;
    margin:0!important;padding:0!important;
  }
  html body #myID.bottomMenu form#top_filter_form input#top-select-search {
    display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
    height:52px!important;min-height:52px!important;max-height:52px!important;
    padding:0 14px 0 46px!important;margin:0!important;
    border-radius:10px!important;font-size:15px!important;
  }
  /* Keep only the existing submit icon, positioned INSIDE keyword box. */
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) {
    display:flex!important;visibility:visible!important;opacity:1!important;
    position:absolute!important;inset:auto!important;
    left:calc(var(--ac610-province-width) + var(--ac610-field-gap) + 4px)!important;
    right:auto!important;top:50%!important;bottom:auto!important;
    transform:translateY(-50%)!important;
    width:37px!important;min-width:37px!important;max-width:37px!important;
    height:38px!important;min-height:38px!important;max-height:38px!important;
    margin:0!important;padding:0!important;z-index:6!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) > .top_filter_submit {
    width:37px!important;height:38px!important;min-width:37px!important;
    cursor:pointer!important;
  }
  /* A legible Browse All menu: old multi-column/floated item rules caused narrow word columns. */
  html body #myID.bottomMenu .ts-menu-2 > .cat-menu.cat-menu-1 {
    left:0!important;right:auto!important;top:calc(100% + 3px)!important;
    width:340px!important;min-width:340px!important;max-width:min(340px,calc(100vw - 24px))!important;
    max-height:min(72vh,600px)!important;overflow-x:hidden!important;overflow-y:auto!important;
    background:#fff!important;border:1px solid #dae4ec!important;border-radius:10px!important;
    box-shadow:0 12px 26px rgba(12,33,50,.2)!important;box-sizing:border-box!important;
    z-index:2147481300!important;
  }
  html body #myID.bottomMenu .ts-menu-2 > .cat-menu .dz-menu,
  html body #myID.bottomMenu .ts-menu-2 > .cat-menu .dz-menu-inn,
  html body #myID.bottomMenu .ts-menu-2 > .cat-menu .dz-menu-inn ul,
  html body #myID.bottomMenu .ts-menu-2 > .cat-menu .dz-menu-inn ul > li {
    display:block!important;columns:1!important;column-count:1!important;float:none!important;
    clear:both!important;width:100%!important;min-width:0!important;max-width:100%!important;
    margin:0!important;box-sizing:border-box!important;
  }
  html body #myID.bottomMenu .ts-menu-2 > .cat-menu .dz-menu-inn {
    padding:16px!important;
  }
  html body #myID.bottomMenu .ts-menu-2 > .cat-menu .dz-menu-inn ul {
    padding:0!important;list-style:none!important;
  }
  html body #myID.bottomMenu .ts-menu-2 > .cat-menu .dz-menu-inn ul > li > a {
    display:block!important;width:100%!important;max-width:100%!important;
    padding:10px 12px!important;margin:0!important;min-height:0!important;
    white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
    text-align:left!important;line-height:1.4!important;
    border-bottom:1px solid #eff3f6!important;color:#30495c!important;
    font:500 13px/1.4 Arial,sans-serif!important;text-decoration:none!important;
    box-sizing:border-box!important;
  }
  html body #myID.bottomMenu .ts-menu-2 > .cat-menu .dz-menu-inn ul > li > a:hover,
  html body #myID.bottomMenu .ts-menu-2 > .cat-menu .dz-menu-inn ul > li > a:focus-visible {
    color:#087e9e!important;background:#f0f8fa!important;
  }
  html body #myID.bottomMenu .ts-menu-2 > .cat-menu .dz-menu-inn > h4 {
    margin:0 0 10px!important;font:700 13px/1.3 Arial,sans-serif!important;
    color:#203650!important;
  }
}
/* AC610 Browse All visibility: closed until the real trigger is hovered/focused. */
@media screen and (min-width:768px) {
  html body #myID.bottomMenu .ts-menu > .ts-menu-2 > .cat-menu.cat-menu-1 {
    display:none!important;visibility:hidden!important;opacity:0!important;
    pointer-events:none!important;top:100%!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-2:hover > .cat-menu.cat-menu-1,
  html body #myID.bottomMenu .ts-menu > .ts-menu-2:focus-within > .cat-menu.cat-menu-1 {
    display:block!important;visibility:visible!important;opacity:1!important;
    pointer-events:auto!important;
  }
}


/* AC611 one shared Browse All mega-menu, no second header. Desktop only. */
@media(min-width:768px){
 html body #myID.bottomMenu .ts-menu>.ts-menu-2{z-index:2147481400!important;}
 html body #myID.bottomMenu .ts-menu>.ts-menu-2>.cat-menu.cat-menu-1.ac611-mega {
  position:absolute!important;top:100%!important;left:0!important;right:auto!important;
  display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  width:min(970px,calc(100vw - 44px))!important;min-width:0!important;max-width:calc(100vw - 44px)!important;
  max-height:min(78vh,760px)!important;overflow:hidden!important;
  padding:0!important;margin:0!important;background:#fff!important;color:#213a50!important;
  border:1px solid #cbdbe6!important;border-radius:20px!important;box-shadow:0 24px 65px #051e3450!important;
  z-index:2147481401!important;box-sizing:border-box!important;transform:none!important;
 }
 html body #myID.bottomMenu .ts-menu>.ts-menu-2:hover>.cat-menu.cat-menu-1.ac611-mega,
 html body #myID.bottomMenu .ts-menu>.ts-menu-2:focus-within>.cat-menu.cat-menu-1.ac611-mega,
 html body #myID.bottomMenu .ts-menu>.ts-menu-2.ac611-open>.cat-menu.cat-menu-1.ac611-mega {
  display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
 }
 html body #myID.bottomMenu .ac611-mega .ac611-mega-inner{display:grid!important;grid-template-columns:minmax(285px,38%) minmax(0,62%)!important;gap:0!important;min-width:0!important;max-height:min(78vh,760px)!important;overflow:hidden!important;font-family:Arial,sans-serif!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-left{min-width:0!important;overflow:auto!important;max-height:min(78vh,760px)!important;padding:24px 16px 23px 24px!important;border-right:1px solid #e2eaf0!important;background:#fff!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-heading{margin:0!important;color:#193b5c!important;font:800 15px/1.35 Arial,sans-serif!important;letter-spacing:.07em!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-rule{width:70px!important;height:3px!important;background:#c68d2b!important;border-radius:3px!important;margin:10px 0 14px!important;}
 html body #myID.bottomMenu .ac611-mega ul.ac611-mega-links{display:flex!important;flex-direction:column!important;gap:0!important;list-style:none!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;}
 html body #myID.bottomMenu .ac611-mega ul.ac611-mega-links>li{display:block!important;position:static!important;float:none!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;clear:both!important;}
 html body #myID.bottomMenu .ac611-mega ul.ac611-mega-links>li>a{display:grid!important;grid-template-columns:24px minmax(0,1fr) 14px!important;align-items:center!important;gap:10px!important;min-height:39px!important;height:auto!important;max-height:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:9px 10px!important;text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#273f5a!important;font:600 13px/1.35 Arial,sans-serif!important;text-decoration:none!important;box-sizing:border-box!important;}
 html body #myID.bottomMenu .ac611-mega ul.ac611-mega-links>li>a>i:first-child{display:block!important;color:#376180!important;font-size:16px!important;width:24px!important;}
 html body #myID.bottomMenu .ac611-mega ul.ac611-mega-links>li>a>i:last-child{display:block!important;color:#7892a6!important;}
 html body #myID.bottomMenu .ac611-mega ul.ac611-mega-links>li>a:hover,
 html body #myID.bottomMenu .ac611-mega ul.ac611-mega-links>li>a:focus-visible{background:#fcf2d8!important;color:#1f3957!important;outline:0!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-right{min-width:0!important;min-height:0!important;max-height:min(78vh,760px)!important;overflow-y:auto!important;padding:25px 24px!important;background:#fff!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-intro h3{margin:0 0 5px!important;font:700 23px/1.25 Georgia,serif!important;color:#203b56!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-intro p{margin:0 0 20px!important;color:#718291!important;font:13px/1.4 Arial,sans-serif!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-card{display:flex!important;position:relative!important;flex-direction:row!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;min-width:0!important;width:100%!important;min-height:150px!important;height:150px!important;max-height:none!important;margin:0!important;padding:14px!important;box-sizing:border-box!important;border:0!important;border-radius:15px!important;overflow:hidden!important;background-color:#214d62!important;background-image:linear-gradient(145deg,#125c7a,#2f3248)!important;background-size:cover!important;background-position:center!important;text-decoration:none!important;color:#fff!important;white-space:normal!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-card[style]{background-image:var(--ac611-card-bg,none)!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-card>span{display:flex!important;align-items:center!important;gap:8px!important;position:relative!important;z-index:1!important;min-width:0!important;font:700 15px/1.25 Arial,sans-serif!important;color:#fff!important;text-shadow:0 2px 5px #0c2039cc!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-card>span>i{flex:0 0 24px!important;font-size:19px!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-card>b{display:grid!important;place-items:center!important;flex:0 0 29px!important;width:29px!important;height:29px!important;border-radius:50%!important;background:#efbd57!important;color:#183852!important;font:700 24px/1 Arial,sans-serif!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-callout{display:flex!important;flex-direction:column!important;gap:7px!important;margin-top:20px!important;padding:17px 20px!important;background:linear-gradient(110deg,#f9f2df,#ffe6b1)!important;border:1px solid #f5db9d!important;border-radius:13px!important;color:#243d50!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-callout>span{font:700 18px/1.25 Georgia,serif!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-callout>strong{font:700 18px/1.25 Arial,sans-serif!important;color:#9e6c13!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:14px!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-actions a{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:43px!important;height:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:9px!important;box-sizing:border-box!important;border-radius:11px!important;text-decoration:none!important;font:700 13px/1.35 Arial,sans-serif!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-actions a:first-child{color:#fff!important;background:#183a5a!important;}
 html body #myID.bottomMenu .ac611-mega .ac611-mega-actions a:last-child{color:#16394f!important;background:#edbc4e!important;}
}
@media(min-width:768px) and (max-width:1380px){html body #myID.bottomMenu .ac611-mega .ac611-mega-inner{grid-template-columns:39% 61%!important;}html body #myID.bottomMenu .ac611-mega .ac611-mega-card{height:126px!important;min-height:126px!important;}}
@media(max-width:767px){html body #myID.bottomMenu .ts-menu>.ts-menu-2>.cat-menu.cat-menu-1.ac611-mega{display:none!important;}}
/* Province chooser is anchored to the SAME existing All Provinces input (desktop). */
@media(min-width:768px){
 html body #myID.bottomMenu form#top_filter_form>.input-field:nth-child(1){z-index:2147481405!important;}
 html body #myID.bottomMenu .ac611-province-popover{position:absolute!important;left:0!important;top:calc(100% + 6px)!important;width:max(240px,100%)!important;max-width:300px!important;max-height:min(70vh,430px)!important;overflow:auto!important;padding:7px!important;background:#fff!important;border:1px solid #c9d9e7!important;border-radius:13px!important;box-shadow:0 16px 45px #0c2f4e35!important;z-index:2147481450!important;box-sizing:border-box!important;}
 html body #myID.bottomMenu .ac611-province-popover[hidden]{display:none!important;}
 html body #myID.bottomMenu .ac611-province-option{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;height:auto!important;min-height:35px!important;margin:0!important;padding:8px 10px!important;border:0!important;border-radius:7px!important;background:#fff!important;color:#213b52!important;text-align:left!important;font:500 12px/1.4 Arial,sans-serif!important;cursor:pointer!important;}
 html body #myID.bottomMenu .ac611-province-option:hover,.ac611-province-option:focus{background:#edf7fb!important;}
 html body #myID.bottomMenu .ac611-province-option small{font:400 9px/1.2 Arial,sans-serif!important;color:#6e899b!important;white-space:nowrap!important;}
 html body #myID.bottomMenu .ac611-province-empty{padding:12px!important;color:#7890a2!important;font-size:12px!important;}
 html body #myID.bottomMenu form#top_filter_form>.input-field:nth-child(1) ul.autocomplete-content{display:none!important;visibility:hidden!important;pointer-events:none!important;}
}


/* AC612 BROWSE ALL MENU TOP GAP: align popup BELOW full header rather than crossing the search/provinces row.
   The invisible hover bridge prevents the 30px trigger-to-popup gap from closing a mouse-hover menu.
   Applies ONLY on desktop and ONLY to the existing Browse All trigger, not to mobile burger or province popover. */
@media screen and (min-width:768px) {
  html body #myID.bottomMenu .ts-menu > .ts-menu-2 > .cat-menu.cat-menu-1.ac611-mega {
    top:calc(100% + 30px)!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-2::after {
    content:'';
    display:none;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    width:100%!important;
    height:31px!important;
    background:transparent!important;
    z-index:2147481400!important;
    pointer-events:auto!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-2:hover::after,
  html body #myID.bottomMenu .ts-menu > .ts-menu-2:focus-within::after,
  html body #myID.bottomMenu .ts-menu > .ts-menu-2.ac611-open::after {
    display:block;
  }
}


/* AC614 GLOBAL STICKY NAVIGATION — SAME SHARED HEADER, ALL PUBLIC ROUTES.
   The header is fixed to the viewport. A real, non-floating spacer occupies
   exactly its previous layout height so banners, listings, and content do not
   jump behind it. Preserve existing 64px mobile / 80px desktop heights. */
html body #myID.bottomMenu {
  position:fixed!important;
  top:0!important;right:0!important;left:0!important;bottom:auto!important;
  transform:none!important;
  width:100%!important;max-width:100%!important;
  margin:0!important;
  z-index:2147481000!important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
html body #ac614-header-spacer {
  display:block!important;
  position:relative!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;padding:0!important;
  border:0!important;pointer-events:none!important;
  visibility:hidden!important;
  box-sizing:border-box!important;
}
@media(max-width:767px) {
  html body #myID.bottomMenu {height:64px!important;min-height:64px!important;max-height:64px!important;}
  html body #ac614-header-spacer {height:64px!important;min-height:64px!important;max-height:64px!important;}
  /* AC614 language: mobile card has 2 readable lines, never the old 156px
     inset that clipped 'English' to 'Eng' on small phones. No duplicate select. */
  html body .mob-right-nav #ac418-mobile-language-wrap,
  html body #ac282b-drawer.mob-right-nav #ac418-mobile-language-wrap,
  html.ac603-cata-drawer body > #ac282b-drawer.mob-right-nav #ac418-mobile-language-wrap {
    display:block!important;
    width:calc(100% - 36px)!important;
    max-width:calc(100% - 36px)!important;
    min-width:0!important;
    height:60px!important;min-height:60px!important;
    margin-left:18px!important;margin-right:18px!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  html body .mob-right-nav #ac418-mobile-language-wrap > select#ac418-mobile-language,
  html body #ac282b-drawer.mob-right-nav #ac418-mobile-language-wrap > select#ac418-mobile-language,
  html.ac603-cata-drawer body > #ac282b-drawer.mob-right-nav #ac418-mobile-language-wrap > select#ac418-mobile-language {
    display:block!important;
    position:relative!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:60px!important;min-height:60px!important;
    padding:19px 24px 3px 47px!important;
    font-family:Arial,sans-serif!important;
    font-size:15px!important;line-height:19px!important;font-weight:600!important;
    text-align:left!important;text-indent:0!important;
    box-sizing:border-box!important;
    -webkit-appearance:menulist!important;appearance:menulist!important;
  }
  html body .mob-right-nav #ac418-mobile-language-wrap .ac521-mobile-icon,
  html body #ac282b-drawer.mob-right-nav #ac418-mobile-language-wrap .ac521-mobile-icon,
  html.ac603-cata-drawer body > #ac282b-drawer.mob-right-nav #ac418-mobile-language-wrap .ac521-mobile-icon {
    display:flex!important;position:absolute!important;
    top:50%!important;left:13px!important;right:auto!important;
    transform:translateY(-50%)!important;
    height:26px!important;width:28px!important;
    line-height:1!important;font-size:21px!important;
    align-items:center!important;justify-content:center!important;
    pointer-events:none!important;
  }
  html body .mob-right-nav #ac418-mobile-language-wrap .ac521-mobile-label,
  html body #ac282b-drawer.mob-right-nav #ac418-mobile-language-wrap .ac521-mobile-label,
  html.ac603-cata-drawer body > #ac282b-drawer.mob-right-nav #ac418-mobile-language-wrap .ac521-mobile-label {
    display:block!important;position:absolute!important;
    top:7px!important;left:47px!important;right:24px!important;
    width:auto!important;height:14px!important;
    transform:none!important;
    font:700 11px/14px Arial,sans-serif!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    pointer-events:none!important;
  }
  /* Sticky temple section tabs stay immediately below the global header. */
  html body #ac487-temple-tabs {top:64px!important;scroll-margin-top:64px;}
  html body [id^="ac-v9-"] {scroll-margin-top:122px;}
}
@media(max-width:350px) {
  html body #ac282b-drawer.mob-right-nav #ac418-mobile-language-wrap > select#ac418-mobile-language {font-size:14px!important;}
}
@media(min-width:768px) {
  html body #myID.bottomMenu {height:80px!important;min-height:80px!important;max-height:80px!important;}
  html body #ac614-header-spacer {height:80px!important;min-height:80px!important;max-height:80px!important;}
  html body #ac487-temple-tabs {top:80px!important;scroll-margin-top:80px;}
  html body [id^="ac-v9-"] {scroll-margin-top:137px;}
}


/* AC615 — RESPONSIVE HEADER SAFETY. Reuses existing logo/search/burger.
 * No duplicated header or delayed first-paint resize JS. The middle search track
 * is the only flexible track, so the burger never gets pushed outside viewport.
 */
@media screen and (max-width:767px) {
  html body #myID.bottomMenu {
    width:100%!important;max-width:100%!important;min-width:0!important;
    padding-inline:clamp(6px,1.3vw,14px)!important;
    box-sizing:border-box!important;
  }
  html body #myID.bottomMenu > .container.top-search-main,
  html body #myID.bottomMenu > .container.top-search-main > .row {
    display:block!important;width:100%!important;max-width:100%!important;
    min-width:0!important;margin:0!important;padding:0!important;
    box-sizing:border-box!important;
  }
  html body #myID.bottomMenu .top-search-main .ts-menu {
    display:grid!important;
    grid-template-columns:clamp(54px,6.4vw,78px) minmax(0,1fr) clamp(44px,5vw,52px)!important;
    column-gap:clamp(5px,1vw,12px)!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    align-items:center!important;justify-content:stretch!important;
    box-sizing:border-box!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-1 {
    grid-column:1!important;grid-row:1!important;
    display:flex!important;justify-content:center!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    flex:none!important;box-sizing:border-box!important;
  }
  html body #myID.bottomMenu .ts-menu-1 a {
    width:100%!important;max-width:100%!important;min-width:0!important;
  }
  html body #myID.bottomMenu .ts-menu-1 img {
    max-width:100%!important;max-height:57px!important;object-fit:contain!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-3 {
    grid-column:2!important;grid-row:1!important;
    display:flex!important;width:100%!important;max-width:100%!important;
    min-width:0!important;flex:none!important;box-sizing:border-box!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-5,
  html.ac529-fit-menu body #myID.bottomMenu .ts-menu > .ts-menu-5 {
    grid-column:3!important;grid-row:1!important;
    display:flex!important;visibility:visible!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:52px!important;min-height:0!important;
    flex:none!important;position:relative!important;inset:auto!important;
    margin:0!important;padding:0!important;transform:none!important;
    align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-5 > span {
    width:min(100%,46px)!important;min-width:0!important;max-width:46px!important;
    height:46px!important;min-height:46px!important;
    flex:none!important;border-radius:50%!important;
    box-sizing:border-box!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-2,
  html body #myID.bottomMenu .ts-menu > .ts-menu-4 {display:none!important;}
  /* Do not let the page banner's old 55px margin negate AC614's real spacer. */
  html body #background.dir1-home-head {margin-top:0!important;}
}
@media screen and (min-width:768px) {
  /* Keep existing AC610 desktop controls; preserve the real sticky spacer. */
  html body #background.dir1-home-head {margin-top:0!important;}
}
/* AC619: Only the 768-1199px desktop header, using the existing controls.
   The AC611 menu markup, selected language theme, and 767px-and-below UI are unchanged. */
@media screen and (min-width:768px) and (max-width:1199px) {
  html body #myID.bottomMenu {
    padding-inline:8px!important;
  }
  html body #myID.bottomMenu .top-search-main .ts-menu {
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:5px!important;
    overflow:visible!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-1 {
    flex:0 0 54px!important;width:54px!important;min-width:54px!important;max-width:54px!important;
  }
  html body #myID.bottomMenu .ts-menu-1 a {width:54px!important;}
  html body #myID.bottomMenu .ts-menu-1 img {max-width:52px!important;}
  html body #myID.bottomMenu .ts-menu > .ts-menu-2 {
    display:flex!important;visibility:visible!important;opacity:1!important;
    flex:0 0 85px!important;width:85px!important;min-width:85px!important;max-width:85px!important;
    position:relative!important;float:none!important;inset:auto!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-2 > a.t-bb {
    font-size:11px!important;padding-inline:3px!important;gap:3px!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-3 {
    display:flex!important;visibility:visible!important;
    flex:1 1 0px!important;width:0!important;min-width:0!important;max-width:none!important;
    position:relative!important;inset:auto!important;float:none!important;
  }
  html body #myID.bottomMenu form#top_filter_form {
    --ac610-province-width:clamp(80px,10vw,105px);
    --ac610-field-gap:5px;
    display:grid!important;
    min-width:0!important;
  }
  html body #myID.bottomMenu form#top_filter_form input#top-select-city {
    font-size:11px!important;padding-left:7px!important;padding-right:18px!important;
  }
  html body #myID.bottomMenu form#top_filter_form input#top-select-search,
  html body #myID.bottomMenu input#top-select-search::placeholder {
    font-size:clamp(10px,1.3vw,12px)!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-4 {
    display:flex!important;visibility:visible!important;opacity:1!important;
    flex:0 0 auto!important;width:auto!important;min-width:0!important;
    position:relative!important;inset:auto!important;float:none!important;
  }
  html body #myID.bottomMenu .ts-menu-4 > .v3-top-ri,
  html body #myID.bottomMenu .ts-menu-4 > .v3-top-ri > ul {
    display:flex!important;flex-flow:row nowrap!important;align-items:center!important;
    position:static!important;inset:auto!important;float:none!important;
    width:max-content!important;min-width:0!important;
    gap:4px!important;margin:0!important;padding:0!important;
  }
  html body #myID.bottomMenu .ts-menu-4 > .v3-top-ri > ul > li {
    display:flex!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;
  }
  html body #myID.bottomMenu .ts-menu-4 > .v3-top-ri > ul > li > a {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    font-size:11px!important;min-height:36px!important;height:36px!important;
    padding:0 6px!important;white-space:nowrap!important;
  }
  html body #myID.bottomMenu .ts-menu > #ac399-language-control {
    display:flex!important;visibility:visible!important;opacity:1!important;
    position:relative!important;inset:auto!important;float:none!important;
    flex:0 0 116px!important;width:116px!important;min-width:116px!important;max-width:116px!important;
    margin:0!important;pointer-events:auto!important;
  }
  html body #myID.bottomMenu .ts-menu #ac399-language-control > select#ac399-language {
    font-size:11px!important;padding-right:15px!important;
  }
  html body #myID.bottomMenu .ts-menu > .ts-menu-5 {
    display:none!important;visibility:hidden!important;opacity:0!important;
    width:0!important;min-width:0!important;max-width:0!important;flex:0 0 0!important;
    margin:0!important;padding:0!important;pointer-events:none!important;
  }
  /* AC611 Browse All keeps its original desktop theme and is anchored within the viewport. */
  html body #myID.bottomMenu .ts-menu > .ts-menu-2 > .cat-menu.cat-menu-1.ac611-mega {
    left:-60px!important;right:auto!important;
    width:min(880px,calc(100vw - 24px))!important;
    min-width:0!important;max-width:calc(100vw - 24px)!important;
  }
  html body #myID.bottomMenu .ac611-mega .ac611-mega-inner {
    grid-template-columns:minmax(240px,38%) minmax(0,62%)!important;
  }
  html body #myID.bottomMenu .ac611-mega .ac611-mega-card {
    min-height:115px!important;height:115px!important;
  }
}
/* The AC607-wide state deliberately outranks its original desktop fixed widths. */
@media screen and (min-width:768px) and (max-width:1199px) {
 html.ac607-wide body #myID.bottomMenu .ts-menu > .ts-menu-2 {
   flex:0 0 85px!important;width:85px!important;min-width:85px!important;max-width:85px!important;
 }
 html.ac607-wide body #myID.bottomMenu .ts-menu > #ac399-language-control {
   flex:0 0 116px!important;width:116px!important;min-width:116px!important;max-width:116px!important;
 }
 html.ac607-wide body #myID.bottomMenu form#top_filter_form {
   --ac610-province-width:clamp(97px,10.4vw,108px);
 }
}
@media screen and (min-width:768px) and (max-width:1199px) {
 html.ac607-wide body #myID.bottomMenu form#top_filter_form {
   --ac610-province-width:clamp(106px,11vw,115px);
 }
 html.ac607-wide body #myID.bottomMenu .top-search-main .ts-menu-4 > .v3-top-ri > ul > li > a {
   padding:0 5px!important;min-height:34px!important;height:34px!important;font-size:10.5px!important;
 }
 html.ac607-wide body #myID.bottomMenu .ts-menu #ac399-language-control > select#ac399-language {
   padding:11px 14px 0 29px!important;font-size:10.5px!important;
 }
}
@media screen and (min-width:768px) and (max-width:1199px) {
 html.ac607-wide body #myID.bottomMenu .ts-menu #ac399-language-control[data-ac515-label="1"]:not([data-ac515-theme="original"]) > select#ac399-language {
   padding:11px 14px 0 29px!important;font-size:10.5px!important;
 }
}


/* AC620: Header spacing refinement only (AC619 baseline).
   Visually hide All Provinces at desktop widths without removing any input,
   preserving Browse All / AC611, homepage, desktop/mobile theme and PHP.
   Existing mobile header below 768px is deliberately untouched. */
@media screen and (min-width:768px) {
  html body #myID.bottomMenu form#top_filter_form {
    grid-template-columns:minmax(0,1fr)!important;
    column-gap:0!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(1) {
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(2) {
    grid-column:1!important;
  }
  html body #myID.bottomMenu form#top_filter_form > .input-field:nth-child(3) {
    left:4px!important;
  }
}
/* Keep the same header items and allow comfortable gaps by limiting
   only the EXISTING search wrapper, rather than changing the whole row. */
@media screen and (min-width:768px) and (max-width:1199px) {
  html body #myID.bottomMenu .ts-menu > .ts-menu-3 {
    max-width:max(0px,calc(100% - 480px))!important;
  }
}
@media screen and (min-width:1200px) {
  html body #myID.bottomMenu .ts-menu > .ts-menu-3 {
    max-width:max(0px,calc(100% - 608px))!important;
  }
}