/**
 * Header clone — matches th.siam-selfstorage.com (Wix SITE_HEADER)
 * Orange bottom border #F7941E · 980px content · Helvetica menu · Almarai phone
 */
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&display=swap');

.wix-header {
    --wix-site: 980px;
    --wix-orange: #f7941e;
    --wix-orange-rgb: 247, 148, 30;
    --wix-text: #000;
    --wix-logo-w: 292px;
    --wix-logo-h: 42px;
    --wix-header-pad-y: 30px;
    --wix-header-inner-h: 107px;
    --wix-menu-left: 288px;
    --wix-menu-width: 794px;
    --wix-phone-left: 622px;
    --wix-social-left: 936px;
    --wix-lang-left: 981px;
    --wix-flag-en: url('https://static.parastorage.com/services/linguist-flags/1.1005.0/assets/flags/square/GBR.svg');
    --wix-flag-th: url('https://static.parastorage.com/services/linguist-flags/1.1005.0/assets/flags/square/THA.svg');
    position: sticky;
    top: 0;
    z-index: 200;
    background: #fff;
    border-bottom: 5px solid var(--wix-orange);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.4;
}

.wix-header-inner {
    width: 100%;
    margin-inline: 0;
    min-height: var(--wix-header-inner-h);
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: repeat(3, min-content);
    align-items: start;
    padding-top: 0;
    box-sizing: border-box;
    overflow: visible;
}

.wix-header-logo {
    grid-area: 1 / 1 / 3 / 2;
    justify-self: start;
    align-self: start;
    display: block;
    width: var(--wix-logo-w);
    height: var(--wix-logo-h);
    margin: var(--wix-header-pad-y) 0 -12px calc((100% - var(--wix-site)) * 0.5);
    position: relative;
    left: -72px;
    flex-shrink: 0;
    z-index: 2;
}

.wix-header-logo img {
    display: block;
    width: var(--wix-logo-w);
    height: var(--wix-logo-h);
    max-width: var(--wix-logo-w);
    min-width: var(--wix-logo-w);
    min-height: var(--wix-logo-h);
    object-fit: cover;
    object-position: center;
}

.wix-header-nav-wrap {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
    width: var(--wix-menu-width);
    margin: var(--wix-header-pad-y) 0 0 calc((100% - var(--wix-site)) * 0.5);
    position: relative;
    left: var(--wix-menu-left);
    box-sizing: border-box;
    overflow: visible;
    z-index: 1;
}

.wix-header-nav {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
}

.wix-header-nav > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    font-size: 12px;
    line-height: 1.4;
}

.wix-header-nav a,
.wix-header-nav button.wix-nav-more {
    display: inline-block;
    padding: 0;
    color: var(--wix-text);
    text-decoration: none;
    font: normal normal normal 12px/1.4em helvetica-w01-roman, Helvetica, Arial, sans-serif;
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    letter-spacing: 0;
    transition: color 0.4s ease;
    white-space: nowrap;
}

.wix-header-nav .wix-nav-pad {
    display: inline-block;
    padding: 0 5px;
}

.wix-header-nav .wix-nav-label {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
}

.wix-header-nav a:hover,
.wix-header-nav a.is-active,
.wix-header-nav button.wix-nav-more:hover {
    color: var(--wix-orange);
}

.wix-header-nav a.is-active {
    cursor: default;
}

.wix-nav-sub {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 160px;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    z-index: 50;
}

.wix-nav-sub a {
    display: block;
    padding: 8px 16px;
    font-size: 12px;
    white-space: nowrap;
}

.wix-nav-sub a:hover {
    background: #fafafa;
}

.wix-nav-has-sub:hover .wix-nav-sub,
.wix-nav-has-sub.is-open .wix-nav-sub {
    display: block;
}

.wix-header-meta {
    display: contents;
}

.wix-header-phone {
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
    align-self: start;
    margin: 0 0 var(--wix-header-pad-y) calc((100% - var(--wix-site)) * 0.5);
    position: relative;
    left: var(--wix-phone-left);
    box-sizing: border-box;
    font-family: Almarai, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    text-align: right;
}

.wix-header-phone a {
    color: var(--wix-text);
    text-decoration: none;
    letter-spacing: normal;
    padding-left: 145px;
}

.wix-header-phone a:hover {
    color: var(--wix-orange);
}

.wix-header-social {
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
    align-self: start;
    margin: 2px 0 var(--wix-header-pad-y) calc((100% - var(--wix-site)) * 0.5);
    position: relative;
    left: var(--wix-social-left);
    display: flex;
    align-items: center;
    gap: 9px;
    list-style: none;
    padding: 0;
    box-sizing: border-box;
}

.wix-header-social a {
    display: block;
    line-height: 0;
}

.wix-header-social img {
    width: 18px;
    height: 18px;
    display: block;
}

.wix-header-lang {
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
    align-self: start;
    margin: 2px 0 var(--wix-header-pad-y) calc((100% - var(--wix-site)) * 0.5);
    position: relative;
    left: var(--wix-lang-left);
    box-sizing: border-box;
}

.wix-lang-toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    line-height: 0;
}

.wix-lang-flag {
    width: 48px;
    height: 20px;
    display: block;
    object-fit: cover;
    padding-left: 15px;
}

.wix-lang-caret {
    width: 32px;
    height: 10px;
    fill: currentColor;
    flex-shrink: 0;
    padding-left: 20px;
}

.wix-lang-menu {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    min-width: 140px;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    z-index: 60;
}

.wix-header-lang.is-open .wix-lang-menu {
    display: block;
}

.wix-lang-menu button {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 14px;
    border: none;
    background: none;
    cursor: pointer;
    font: normal normal 700 14px/1.4em Poppins, Helvetica, Arial, sans-serif;
    color: #000;
    text-align: left;
}

.wix-lang-menu button:hover,
.wix-lang-menu button.is-active {
    background: #f3f3f3;
}

.wix-lang-menu img {
    width: 20px;
    height: 20px;
    display: block;
    object-fit: cover;
}

.wix-header-burger {
    display: none;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-self: start;
    flex-direction: column;
    gap: 5px;
    padding: 8px;
    background: none;
    border: none;
    cursor: pointer;
}

.wix-header-burger span {
    display: block;
    width: 22px;
    height: 2px;
    background: #000;
}

.wix-nav-more-li {
    display: none;
}

.wix-nav-mobile-panel {
    display: none;
    grid-column: 1 / -1;
    border-top: 1px solid #eee;
    padding: 12px 0 16px;
}

.wix-nav-mobile-panel.is-open {
    display: block;
}

.wix-nav-mobile-panel ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wix-nav-mobile-panel a {
    display: block;
    padding: 10px 4px;
    color: var(--wix-text);
    text-decoration: none;
    font-size: 13px;
    border-bottom: 1px solid #f0f0f0;
}

.wix-nav-mobile-panel a:hover,
.wix-nav-mobile-panel a.is-active {
    color: var(--wix-orange);
}

.wix-nav-mobile-sub {
    padding-left: 16px;
}

.wix-nav-mobile-lang {
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px solid #eee;
}

.wix-nav-mobile-lang-label {
    display: block;
    padding: 8px 4px 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #888;
}

.wix-nav-mobile-lang-options {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.wix-nav-mobile-lang-options button {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 4px;
    border: none;
    border-bottom: 1px solid #f0f0f0;
    background: none;
    color: var(--wix-text);
    font: inherit;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.wix-nav-mobile-lang-options button.is-active {
    color: var(--wix-orange);
    font-weight: 700;
}

.wix-nav-mobile-lang-options button img {
    width: 20px;
    height: 20px;
    display: block;
    object-fit: cover;
    flex-shrink: 0;
}

@media (max-width: 1020px) {
    .wix-header {
        --wix-header-pad-y: 10px;
        --wix-logo-w: min(260px, 72vw);
    }

    .wix-header-inner {
        width: min(var(--wix-site), 100% - 24px);
        margin-inline: auto;
        grid-template-columns: 1fr auto auto;
        grid-template-rows: auto auto auto auto;
        min-height: auto;
        padding-top: var(--wix-header-pad-y);
        padding-bottom: 8px;
        align-items: center;
        column-gap: 10px;
        row-gap: 6px;
    }

    .wix-header-logo {
        grid-area: 1 / 1 / 2 / 4;
        justify-self: center;
        margin: 0;
        left: 0;
        width: var(--wix-logo-w);
        height: auto;
    }

    .wix-header-logo img {
        width: 100%;
        height: auto;
        max-width: var(--wix-logo-w);
        min-width: 0;
        min-height: 0;
        aspect-ratio: 292 / 42;
    }

    .wix-header-nav-wrap {
        display: none;
    }

    .wix-header-meta {
        display: contents;
    }

    .wix-header-social {
        grid-area: 2 / 2 / 3 / 3;
        justify-self: end;
        align-self: center;
        position: static;
        left: auto;
        margin: 0;
    }

    .wix-header-lang {
        display: block;
        grid-area: 2 / 3 / 3 / 4;
        justify-self: end;
        align-self: center;
        position: static;
        left: auto;
        margin: 0;
    }

    .wix-lang-flag {
        width: 20px;
        height: 20px;
        padding-left: 0;
    }

    .wix-lang-caret {
        width: 10px;
        height: 10px;
        padding-left: 4px;
    }

    .wix-lang-menu {
        right: 0;
        left: auto;
    }

    .wix-header-phone {
        grid-area: 3 / 2 / 4 / 3;
        justify-self: end;
        align-self: center;
        position: static;
        left: auto;
        margin: 0;
        font-size: 17px;
        line-height: 1.2;
        text-align: right;
    }

    .wix-header-phone a {
        padding-left: 0;
        white-space: nowrap;
    }

    .wix-header-burger {
        display: flex;
        grid-area: 3 / 3 / 4 / 4;
        justify-self: end;
        align-self: center;
    }

    .wix-nav-mobile-panel {
        grid-area: 4 / 1 / 5 / 4;
    }
}

@media (min-width: 1021px) {
    .wix-nav-mobile-panel {
        display: none !important;
    }
}