/* TripKuwait Glass Header
   Scoped under .tk-header so it can safely live beside the directory UI. */
.tk-header,
.tk-header * {
    box-sizing: border-box;
}

.tk-header {
    --tk-green: #008f4c;
    --tk-red: #e31b23;
    --tk-ink: #152421;
    --tk-muted: #66746f;
    --tk-transition: 260ms cubic-bezier(.2,.8,.2,1);
    position: relative;
    isolation: isolate;
    margin-inline: auto;
    font-family: inherit;
}

.tk-header.is-sticky {
    position: sticky;
    top: 0;
}

.tk-header__glass {
    position: relative;
    width: 100%;
    border: 1px solid rgba(255,255,255,.72);
    background: rgba(255,255,255,.78);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    box-shadow: 0 14px 40px rgba(17,54,42,.08);
    overflow: visible;
    transition: background var(--tk-transition), box-shadow var(--tk-transition), border-color var(--tk-transition);
}

.tk-header.has-brand-accent .tk-header__glass::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    z-index: 2;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--tk-green) 0 68%, rgba(255,255,255,.85) 68% 82%, var(--tk-red) 82% 100%);
    opacity: .88;
    pointer-events: none;
}

.tk-header.is-scrolled .tk-header__glass {
    box-shadow: 0 18px 55px rgba(17,54,42,.13);
}

.tk-header__inner {
    width: 100%;
    max-width: 1380px;
    min-height: 72px;
    margin-inline: auto;
    padding: 7px 20px;
    display: flex;
    align-items: center;
    gap: 18px;
}

.tk-header__brand {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: 0;
}

.tk-header__logo,
.tk-mobile-panel__logo {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    line-height: 0;
}

.tk-header__logo img {
    display: block;
    width: 92px;
    max-height: 52px;
    object-fit: contain;
    object-position: left center;
}

.tk-header__nav {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tk-nav-menu,
.tk-nav-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tk-header__nav > .tk-nav-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 0;
}

.tk-header__nav > .tk-nav-menu > li {
    position: relative;
    flex: 0 0 auto;
}

.tk-header__nav > .tk-nav-menu > li > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 11px 12px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: var(--tk-ink);
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--tk-transition), background var(--tk-transition), border-color var(--tk-transition), transform var(--tk-transition), box-shadow var(--tk-transition);
}

.tk-header__nav > .tk-nav-menu > li > a:hover,
.tk-header__nav > .tk-nav-menu > li:hover > a,
.tk-header__nav > .tk-nav-menu > li:focus-within > a {
    color: var(--tk-green);
    background: rgba(255,255,255,.68);
    border-color: rgba(255,255,255,.72);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.74), 0 8px 22px rgba(17,54,42,.07);
    transform: translateY(-1px);
}

.tk-header__nav .current-menu-item > a,
.tk-header__nav .current-menu-ancestor > a {
    color: var(--tk-green);
    background: rgba(0,143,76,.08);
}

.tk-header__nav > .tk-nav-menu > li > a::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 5px;
    height: 2px;
    border-radius: 99px;
    background: var(--tk-red);
    transform: scaleX(0);
    transform-origin: center;
    opacity: .92;
    transition: transform var(--tk-transition);
}

.tk-header__nav > .tk-nav-menu > li > a:hover::after,
.tk-header__nav > .tk-nav-menu > .current-menu-item > a::after,
.tk-header__nav > .tk-nav-menu > .current-menu-ancestor > a::after {
    transform: scaleX(1);
}

.tk-header.has-submenu-indicators .tk-header__nav > .tk-nav-menu > .menu-item-has-children > a {
    padding-right: 28px;
}

.tk-header.has-submenu-indicators .tk-header__nav > .tk-nav-menu > .menu-item-has-children > a::before {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-68%) rotate(45deg);
    transition: transform var(--tk-transition);
}

.tk-header.has-submenu-indicators .tk-header__nav > .tk-nav-menu > .menu-item-has-children:hover > a::before,
.tk-header.has-submenu-indicators .tk-header__nav > .tk-nav-menu > .menu-item-has-children:focus-within > a::before {
    transform: translateY(-35%) rotate(225deg);
}

/* Desktop dropdown glass */
.tk-header__nav .sub-menu {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    width: max-content;
    min-width: 220px;
    max-width: 340px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.84);
    border-radius: 18px;
    background: rgba(255,255,255,.94);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    box-shadow: 0 20px 50px rgba(14,45,36,.14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px) scale(.985);
    transform-origin: top left;
    transition: opacity var(--tk-transition), visibility var(--tk-transition), transform var(--tk-transition);
    z-index: 50;
}

.tk-header__nav .sub-menu .sub-menu {
    top: -10px;
    left: calc(100% + 10px);
}

.tk-header__nav li:hover > .sub-menu,
.tk-header__nav li:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.tk-header__nav .sub-menu li {
    position: relative;
}

.tk-header__nav .sub-menu a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 11px 12px;
    border-radius: 11px;
    color: #21312d;
    text-decoration: none;
    white-space: normal;
    transition: background var(--tk-transition), color var(--tk-transition), transform var(--tk-transition);
}

.tk-header__nav .sub-menu a:hover,
.tk-header__nav .sub-menu .current-menu-item > a {
    color: var(--tk-green);
    background: rgba(0,143,76,.08);
    transform: translateX(2px);
}

.tk-header__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
}

.tk-header__action {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    border: 1px solid transparent;
    text-decoration: none;
    white-space: nowrap;
    line-height: 1.2;
    isolation: isolate;
    transition: color var(--tk-transition), background var(--tk-transition), border-color var(--tk-transition), transform var(--tk-transition), box-shadow var(--tk-transition), -webkit-backdrop-filter var(--tk-transition), backdrop-filter var(--tk-transition);
}

.tk-header__action .tk-action__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    transition: color var(--tk-transition), transform var(--tk-transition);
}

.tk-header__action .tk-action__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.tk-header__signin {
    padding: 8px 12px;
    font-size: 13px;
    border-color: rgba(0,143,76,.16);
    border-radius: 11px;
    color: #1a2a26;
    background: rgba(255,255,255,.56);
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

.tk-header__signin .tk-action__icon {
    color: var(--tk-green);
    font-size: 13px;
}

.tk-header__signin:hover {
    color: #fff;
    background: rgba(0,143,76,.92);
    border-color: rgba(255,255,255,.5);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 12px 28px rgba(0,143,76,.18);
    transform: translateY(-1px);
}

.tk-header__signin:hover .tk-action__icon {
    color: #fff;
    transform: scale(1.06);
}

.tk-header__cta {
    padding: 9px 14px;
    font-size: 13px;
    border-color: rgba(255,255,255,.35);
    border-radius: 11px;
    color: #fff;
    background: var(--tk-green);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 11px 26px rgba(0,143,76,.20);
}

.tk-header__cta .tk-action__icon {
    color: #fff;
    font-size: 13px;
}

.tk-header__cta:hover {
    color: #fff;
    background: rgba(0,143,76,.78);
    border-color: rgba(255,255,255,.72);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 15px 34px rgba(0,143,76,.24);
}

.tk-header__cta:hover .tk-action__icon {
    transform: rotate(5deg) scale(1.08);
}

.tk-header__cta.has-shimmer::before {
    content: "";
    position: absolute;
    top: -40%;
    bottom: -40%;
    left: -55%;
    width: 40%;
    z-index: -1;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.30), transparent);
    transform: skewX(-18deg);
    transition: left 520ms cubic-bezier(.2,.8,.2,1);
}

.tk-header__cta.has-shimmer:hover::before {
    left: 120%;
}

.tk-header__mobile-actions {
    display: none;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
}

.tk-header__icon-btn,
.tk-mobile-panel__close {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid rgba(0,143,76,.12);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: #162723;
    background: rgba(255,255,255,.64);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 20px rgba(17,54,42,.06);
    transition: color var(--tk-transition), background var(--tk-transition), border-color var(--tk-transition), transform var(--tk-transition), box-shadow var(--tk-transition);
}

.tk-header__icon-btn {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 16px;
}

.tk-header__icon-btn svg,
.tk-mobile-panel__close svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.tk-header__icon-btn:hover,
.tk-mobile-panel__close:hover {
    color: #fff;
    background: var(--tk-green);
    border-color: rgba(255,255,255,.48);
    box-shadow: 0 11px 26px rgba(0,143,76,.18);
    transform: translateY(-1px);
}

.tk-header__menu-empty {
    padding: 9px 13px;
    border: 1px dashed rgba(0,143,76,.25);
    border-radius: 12px;
    color: #5d6d68;
    background: rgba(0,143,76,.05);
    font-size: 12px;
}

/* Off-canvas mobile menu */
.tk-mobile-overlay {
    position: fixed;
    inset: 0;
    z-index: 9980;
    background: rgba(7,24,19,.42);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--tk-transition), visibility var(--tk-transition);
}

.tk-mobile-overlay[hidden] {
    display: block;
    pointer-events: none;
}

.tk-mobile-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9990;
    width: min(92vw, 430px);
    height: 100dvh;
    border: 1px solid rgba(255,255,255,.86);
    border-right: 0;
    border-radius: 26px 0 0 26px;
    background: rgba(250,253,252,.94);
    -webkit-backdrop-filter: blur(28px);
    backdrop-filter: blur(28px);
    box-shadow: -20px 0 60px rgba(11,44,34,.18);
    transform: translateX(104%);
    opacity: .92;
    visibility: hidden;
    transition: transform 340ms cubic-bezier(.2,.8,.2,1), opacity var(--tk-transition), visibility var(--tk-transition);
    overflow: hidden;
}

.tk-header.is-menu-open .tk-mobile-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.tk-header.is-menu-open .tk-mobile-panel {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.tk-mobile-panel__inner {
    height: 100%;
    padding: 22px 20px 24px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,143,76,.28) transparent;
}

.tk-mobile-panel__inner::-webkit-scrollbar {
    width: 5px;
}

.tk-mobile-panel__inner::-webkit-scrollbar-thumb {
    background: rgba(0,143,76,.28);
    border-radius: 99px;
}

.tk-mobile-panel__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.tk-mobile-panel__logo img {
    display: block;
    width: auto;
    max-width: 100px;
    max-height: 58px;
    object-fit: contain;
    object-position: left center;
}

.tk-mobile-panel__close {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    font-size: 16px;
}

.tk-mobile-panel__intro {
    padding: 24px 2px 18px;
    border-bottom: 1px solid rgba(19,73,56,.08);
}

.tk-mobile-panel__title {
    color: #14241f;
    font-size: clamp(22px, 4vw, 30px);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -.02em;
}

.tk-mobile-panel__description {
    max-width: 360px;
    margin-top: 8px;
    color: #62706c;
    font-size: 14px;
    line-height: 1.6;
}

.tk-mobile-nav {
    padding: 18px 0;
}

.tk-mobile-nav > .tk-nav-menu {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tk-mobile-nav li {
    width: 100%;
}

.tk-mobile-nav a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 11px 13px;
    border-radius: 13px;
    color: #1b2c27;
    text-decoration: none;
    transition: color var(--tk-transition), background var(--tk-transition), transform var(--tk-transition);
}

.tk-mobile-nav > .tk-nav-menu > li > a {
    padding: 13px 14px;
}

.tk-mobile-nav a:hover,
.tk-mobile-nav .current-menu-item > a,
.tk-mobile-nav .current-menu-ancestor > a {
    color: var(--tk-green);
    background: rgba(0,143,76,.08);
    transform: translateX(2px);
}

.tk-mobile-nav .sub-menu {
    margin: 4px 0 4px 13px;
    padding-left: 10px;
    border-left: 1px solid rgba(0,143,76,.18);
}

.tk-mobile-nav .sub-menu a {
    padding: 9px 12px;
    font-size: .94em;
}

.tk-mobile-panel__actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding-top: 18px;
    border-top: 1px solid rgba(19,73,56,.08);
}

.tk-mobile-action {
    width: 100%;
    min-height: 42px;
}

.tk-header a:focus-visible,
.tk-header button:focus-visible {
    outline: 2px solid var(--tk-red);
    outline-offset: 3px;
}

body.tk-menu-lock {
    overflow: hidden;
}

/* Responsive safety: progressively compact the desktop layout before the mobile switch. */
@media (max-width: 1320px) {
    .tk-header__inner { gap: 12px; }
    .tk-header__nav > .tk-nav-menu { gap: 2px; }
    .tk-header__nav > .tk-nav-menu > li > a { padding: 9px 8px; font-size: 13px; }
    .tk-header__actions { gap: 7px; }
}

/* Recommended automatic breakpoint. */
@media (max-width: 1180px) {
    .tk-header.tk-breakpoint-auto .tk-header__nav,
    .tk-header.tk-breakpoint-auto .tk-header__actions { display: none; }
    .tk-header.tk-breakpoint-auto .tk-header__mobile-actions { display: flex; }
}

/* Breakpoint: wide tablet */
@media (max-width: 1200px) {
    .tk-header.tk-breakpoint-wide .tk-header__nav,
    .tk-header.tk-breakpoint-wide .tk-header__actions {
        display: none;
    }
    .tk-header.tk-breakpoint-wide .tk-header__mobile-actions {
        display: flex;
    }
}

/* Breakpoint: tablet */
@media (max-width: 1024px) {
    .tk-header.tk-breakpoint-tablet .tk-header__nav,
    .tk-header.tk-breakpoint-tablet .tk-header__actions {
        display: none;
    }
    .tk-header.tk-breakpoint-tablet .tk-header__mobile-actions {
        display: flex;
    }

    .tk-header__inner {
        min-height: 68px;
        gap: 12px;
    }

    .tk-header__logo img {
        width: 86px;
        max-height: 48px;
    }
}

/* Breakpoint: mobile */
@media (max-width: 767px) {
    .tk-header.tk-breakpoint-mobile .tk-header__nav,
    .tk-header.tk-breakpoint-mobile .tk-header__actions {
        display: none;
    }
    .tk-header.tk-breakpoint-mobile .tk-header__mobile-actions {
        display: flex;
    }

    .tk-header__inner {
        min-height: 62px;
        gap: 10px;
    }

    .tk-header__logo img {
        width: 76px;
        max-height: 44px;
    }

    .tk-mobile-panel {
        width: min(94vw, 410px);
    }
}

@media (max-width: 390px) {
    .tk-header__inner {
    }

    .tk-header__icon-btn {
        width: 41px;
        height: 41px;
    }
}

@media (max-width: 480px) {
    .tk-mobile-panel {
        width: 100vw;
        max-width: none;
        border-radius: 0;
        border-left: 0;
    }
    .tk-mobile-panel__inner { padding: 16px 20px 20px; }
    .tk-header__mobile-actions { gap: 6px; }
    .tk-header__icon-btn { width: 38px; height: 38px; border-radius: 11px; }
}

@media (max-width: 360px) {
    .tk-header__inner { gap: 7px; }
    .tk-header__logo img { width: 68px; }
    .tk-header__icon-btn { width: 36px; height: 36px; font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
    .tk-header *,
    .tk-header *::before,
    .tk-header *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Runtime overflow safety for unusually long WordPress menus or custom typography. */
.tk-header.is-forced-mobile .tk-header__nav,
.tk-header.is-forced-mobile .tk-header__actions { display: none !important; }
.tk-header.is-forced-mobile .tk-header__mobile-actions { display: flex !important; }


/* v2.8.1 reliable mobile controls */
.tk-header__svg-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.tk-header__account{color:#008f4c!important;background:rgba(255,255,255,.88)!important;border-color:rgba(0,143,76,.20)!important}
.tk-header__toggle{color:#fff!important;background:#008f4c!important;border-color:#008f4c!important;box-shadow:0 10px 24px rgba(0,143,76,.22)!important}
.tk-header__toggle:hover{background:#00a857!important;color:#fff!important}
.tk-mobile-panel__close{color:#fff!important;background:#008f4c!important;border-color:#008f4c!important;box-shadow:0 10px 24px rgba(0,143,76,.24)!important}
.tk-mobile-panel__close:hover{background:#00a857!important;color:#fff!important}
.tk-header__toggle::before,.tk-mobile-panel__close::before,.tk-header__account::before{display:none!important;content:none!important}
.tk-header__toggle>svg,.tk-mobile-panel__close>svg,.tk-header__account>svg{display:block!important;visibility:visible!important;opacity:1!important}
@media (max-width:767px){
  .tk-header{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
  .tk-header__glass{border-radius:0 0 24px 24px!important}
  .tk-header__mobile-actions{display:flex!important;align-items:center!important;gap:10px!important}
  .tk-header__icon-btn{width:44px!important;height:44px!important;flex:0 0 44px!important}
  .tk-mobile-panel__close{width:44px!important;height:44px!important;flex:0 0 44px!important}
}


/* v2.8.2: guaranteed iOS-safe hamburger and close glyphs */
.tk-header__glyph{
  display:flex!important;align-items:center!important;justify-content:center!important;
  visibility:visible!important;opacity:1!important;color:currentColor!important;
  font-family:Arial,Helvetica,sans-serif!important;font-style:normal!important;
  font-weight:400!important;line-height:1!important;text-indent:0!important;
  width:24px!important;height:24px!important;overflow:visible!important;
}
.tk-header__glyph--menu{font-size:25px!important;transform:translateY(-1px)}
.tk-header__glyph--close{font-size:31px!important;font-weight:300!important;transform:translateY(-1px)}
.tk-header__toggle,.tk-mobile-panel__close{color:#fff!important;background:#008f4c!important;border-color:#008f4c!important}
.tk-header__toggle .tk-header__glyph,.tk-mobile-panel__close .tk-header__glyph{color:#fff!important}
@media(max-width:767px){
  .tk-header__inner{gap:10px}
  .tk-header__mobile-actions{display:flex!important;visibility:visible!important;opacity:1!important}
  .tk-header__toggle,.tk-mobile-panel__close{display:inline-flex!important;visibility:visible!important;opacity:1!important}
}

/* v2.8.3 — iOS-safe CSS-drawn mobile controls. No icon font/SVG dependency. */
.tk-header__toggle,
.tk-mobile-panel__close{
  position:relative!important;
  overflow:hidden!important;
  color:#fff!important;
  background:#008f4c!important;
  border-color:#008f4c!important;
  box-shadow:0 10px 24px rgba(0,143,76,.24)!important;
}
.tk-header__toggle::before,
.tk-header__toggle::after,
.tk-mobile-panel__close::before,
.tk-mobile-panel__close::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
  background:#fff!important;
  border:0!important;
  border-radius:99px!important;
  transform-origin:center!important;
  z-index:5!important;
}
/* Hamburger: ::before draws top+bottom via box-shadow; ::after draws middle. */
.tk-header__toggle::before{
  width:20px!important;
  height:2px!important;
  transform:translate(-50%,-50%) translateY(-6px)!important;
  box-shadow:0 6px 0 #fff,0 12px 0 #fff!important;
}
.tk-header__toggle::after{display:none!important}
/* Close X */
.tk-mobile-panel__close::before,
.tk-mobile-panel__close::after{
  width:21px!important;
  height:2.4px!important;
  box-shadow:none!important;
}
.tk-mobile-panel__close::before{transform:translate(-50%,-50%) rotate(45deg)!important}
.tk-mobile-panel__close::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
.tk-header__toggle:hover,
.tk-mobile-panel__close:hover{background:#00a857!important;color:#fff!important}
@media(max-width:767px){
  .tk-header__toggle,.tk-mobile-panel__close{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    flex:0 0 44px!important;
  }
}


/* v2.8.4 — responsive header gutter and phone logo polish */
.tk-header__inner{min-width:0}
.tk-header__brand,.tk-header__mobile-actions{min-width:0}
@media (max-width:1024px){
  .tk-header__inner{width:100%;max-width:100%;}
}
@media (max-width:767px){
  .tk-header__glass{width:100%;}
  .tk-header__brand{flex:0 1 auto;}
  .tk-header__logo{min-width:0;}
  .tk-header__logo img{object-fit:contain;object-position:left center;}
  .tk-header__mobile-actions{margin-left:auto;flex:0 0 auto;}
}
@media (max-width:390px){
  .tk-header__mobile-actions{gap:8px!important;}
}
@media (max-width:340px){
  .tk-header__mobile-actions{gap:6px!important;}
  .tk-header__icon-btn{width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important;}
}