:root {
    --cyan: #00bcd4;
    --secondary: #f36b32;
    --red: #e31e24;
    --yellow: #ffd400;
    --page-bg: #ececec;
    --section-bg: #fff;
    --page-width: 480px;
    --grey-bg: #f3f3f3;
    --line: #e2e2e2;
    --text: #222
}

* {
    box-sizing: border-box
}

html,body {
    background: var(--page-bg);
    min-height: 100%;
    color: var(--text);
    font-family: var(--font-prompt), Arial, sans-serif;
    margin: 0;
    font-size: 14px
}

button,a {
    color: inherit;
    font: inherit
}

button {
    cursor: pointer
}

a {
    text-decoration: none
}

.page-shell {
    background: var(--page-bg);
    width: 100%;
    min-height: 100vh;
    margin: 0 auto;
    padding-bottom: 70px;
    overflow: hidden;
    box-shadow: 0 0 30px #00000017
}

.mobile-header {
    z-index: 20;
    color: #111;
    background: var(--cyan);
    grid-template-columns: 48px 1fr 48px;
    align-items: center;
    height: 52px;
    display: grid;
    position: sticky;
    top: 0;
    box-shadow: 0 1px 5px #00000024
}

.header-side {
    background: 0 0;
    border: 0;
    place-items: center;
    width: 48px;
    height: 52px;
    padding: 0;
    display: grid;
    position: relative
}

.header-side svg {
    fill: currentColor
}

.header-title {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 500;
    overflow: hidden
}

.cart-header span {
    color: #fff;
    background: var(--red);
    border-radius: 20px;
    place-items: center;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    font-size: 9px;
    display: grid;
    position: absolute;
    top: 7px;
    right: 5px
}

.product-slider {
    background: var(--section-bg);
    place-items: center;
    height: 360px;
    display: grid;
    position: relative
}

.product-slider>img {
    object-fit: contain;
    width: 100%;
    max-width: 360px;
    height: 100%;
    max-height: 360px;
    display: block
}

.image-number {
    color: #fff;
    text-align: center;
    background: #0000008c;
    border-radius: 15px;
    min-width: 42px;
    padding: 4px 10px;
    font-size: 12px;
    position: absolute;
    bottom: 12px;
    right: 15px
}

.product-badge {
    color: #fff;
    background: var(--red);
    border-radius: 50%;
    place-items: center;
    width: 54px;
    height: 54px;
    font-size: 9px;
    font-weight: 600;
    display: grid;
    position: absolute;
    top: 12px;
    right: 12px;
    transform: rotate(9deg)
}

.promotion {
    color: #fff;
    background: var(--cyan);
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    min-height: 58px;
    padding: 10px 16px;
    display: flex
}

.promotion-title {
    align-items: center;
    gap: 8px;
    font-size: 13px;
    display: flex
}

.promotion-title span {
    color: #c91a1f;
    background: var(--yellow);
    border-radius: 50%;
    place-items: center;
    width: 27px;
    height: 27px;
    font-weight: 700;
    display: grid
}

.promotion>strong {
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500
}

.product-detail,.description,.shipping,.related-products,.seo-content {
    background: var(--section-bg);
    margin-bottom: 12px
}

.product-detail {
    padding: 16px 16px 12px;
    position: relative
}

.current-price {
    min-height: 36px;
    color: var(--red);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.4
}

.current-price small {
    margin-right: 1px;
    font-size: 14px
}

.current-price span {
    color: #000;
    margin-left: 4px;
    font-size: 12px;
    font-weight: 400
}

.old-price-row {
    align-items: center;
    min-height: 22px;
    display: flex
}

.old-price-row b {
    width: 42px;
    height: 20px;
    color: var(--red);
    background: var(--yellow);
    border-radius: 0 11px 11px 0;
    place-items: center;
    padding-right: 2px;
    font-size: 12px;
    display: grid
}

.old-price-row del {
    color: #9b9b9b;
    margin-left: 8px;
    font-size: 14px
}

.product-detail h1 {
    color: #000;
    overflow-wrap: anywhere;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 8px 0 4px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.35;
    display: -webkit-box;
    overflow: hidden
}

.product-id {
    color: #777;
    margin: 0 0 4px;
    font-size: 12px
}

.share-actions {
    gap: 8px;
    min-height: 32px;
    margin-top: 5px;
    display: flex
}

.share-actions button {
    background: #f3f3f3;
    border: 0;
    border-radius: 50%;
    place-items: center;
    width: 32px;
    height: 32px;
    font-size: 22px;
    display: grid
}

.description {
    padding: 15px 16px 14px
}

.description h2,.shipping h2,.related-products h2 {
    margin: 0 0 14px;
    font-size: 17px;
    font-weight: 600
}

.brand-category {
    grid-template-columns: 1fr 1px 1fr;
    align-items: stretch;
    gap: 14px;
    margin-bottom: 18px;
    display: grid
}

.brand-category>div {
    flex-direction: column;
    display: flex
}

.brand-category strong {
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 500
}

.brand-category span,.brand-category a {
    font-size: 13px
}

.brand-category a {
    color: #0073c6;
    text-decoration: underline
}

.brand-category i {
    background: var(--line);
    width: 1px
}

.description-preview {
    color: #555;
    max-height: 68px;
    font-size: 13px;
    line-height: 1.7;
    overflow: hidden
}

.description-preview.expanded {
    max-height: none
}

.read-more {
    color: #777;
    text-align: center;
    background: 0 0;
    border: 0;
    width: 100%;
    padding: 16px 0 2px
}

.seo-content {
    padding: 18px 16px;
    font-size: 14px;
    line-height: 1.8
}

.seo-content h1 {
    margin: 0 0 14px;
    font-size: 22px;
    line-height: 1.45
}

.seo-content p {
    margin: 0 0 12px
}

.seo-content a,.extra-copy a {
    color: red
}

.seo-content ul {
    margin: 10px 0 0;
    padding-left: 22px
}

.seo-promo {
    margin: 18px 0 0
}

.seo-promo-image {
    display: block
}

.seo-promo img {
    border-radius: 8px;
    width: 100%;
    height: auto;
    display: block
}

.seo-promo figcaption {
    color: #444;
    margin: 8px 0 12px;
    font-size: 13px;
    line-height: 1.6
}

.seo-promo-actions {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
    display: grid
}

.seo-content .seo-promo-actions a {
    color: #fff;
    min-height: 48px
}

.shipping {
    padding: 17px 16px 22px
}

.shipping-item {
    border-top: 1px solid #eee;
    padding: 12px 0
}

.shipping-name {
    align-items: center;
    gap: 11px;
    margin-bottom: 5px;
    font-weight: 600;
    display: flex
}

.shipping-name span {
    background: #e8fbfd;
    border-radius: 50%;
    place-items: center;
    width: 30px;
    height: 30px;
    font-size: 17px;
    display: grid
}

.shipping-item p {
    color: #666;
    margin: 0 0 0 41px;
    font-size: 12px;
    line-height: 1.65
}

.extra-copy {
    margin: 18px 0 0;
    font-size: 13px;
    line-height: 1.8
}

.related-products {
    padding: 16px 0 20px
}

.related-products h2 {
    padding: 0 16px
}

.related-track {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    padding: 0 8px;
    display: grid
}

.product-card {
    min-width: 0
}

.card-image {
    aspect-ratio: 1;
    background: var(--section-bg);
    border: 1px solid #eee;
    border-radius: 5px;
    position: relative;
    overflow: hidden
}

.card-image>img {
    object-fit: contain;
    width: 100%;
    height: 100%
}

.mini-badge {
    color: #fff;
    background: var(--red);
    border-radius: 50%;
    place-items: center;
    width: 38px;
    height: 38px;
    font-size: 7px;
    display: grid;
    position: absolute;
    top: 6px;
    right: 6px
}

.card-image button {
    color: #fff;
    background: var(--cyan);
    border: 0;
    border-radius: 50%;
    place-items: center;
    width: 36px;
    height: 36px;
    display: grid;
    position: absolute;
    bottom: 8px;
    right: 8px;
    box-shadow: 0 2px 6px #00000040
}

.card-image button svg {
    fill: currentColor
}

.card-image>b {
    color: var(--red);
    background: var(--yellow);
    border-radius: 0 10px 10px 0;
    padding: 3px 8px;
    font-size: 11px;
    position: absolute;
    bottom: 8px;
    left: 0
}

.card-title {
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 43px;
    margin: 8px 2px 3px;
    font-size: 12px;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden
}

.card-price {
    color: var(--red);
    font-size: 18px;
    font-weight: 700
}

.card-price small {
    font-size: 11px
}

.product-card>del {
    color: #999;
    font-size: 11px
}

.shipping-labels {
    gap: 5px;
    margin-top: 7px;
    font-size: 13px;
    display: flex
}

.pagination {
    justify-content: center;
    gap: 6px;
    margin-top: 18px;
    display: flex
}

.pagination i {
    background: #c8c8c8;
    border-radius: 50%;
    width: 7px;
    height: 7px
}

.pagination i.active {
    background: var(--cyan);
    border-radius: 5px;
    width: 18px
}

.floating-actions {
    z-index: 30;
    background: #fffffff5;
    grid-template-columns: 1fr 1fr;
    padding: 8px;
    display: grid;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -2px 12px #0000001f
}

.floating-actions a {
    color: #fff;
    background: var(--secondary);
    place-items: center;
    min-height: 48px;
    font-weight: 600;
    display: grid
}

.floating-actions a:first-child {
    background: var(--cyan);
    border-radius: 7px 0 0 7px
}

.floating-actions a:last-child {
    border-radius: 0 7px 7px 0
}

.mobile-promo-overlay {
    z-index: 60;
    background: #000000b8;
    place-items: center;
    padding: 8px;
    display: none;
    position: fixed;
    inset: 0
}

html.lp-promo-open .mobile-promo-overlay {
    display: grid
}

.mobile-promo {
    background: #050505;
    border: 1px solid #ffffff38;
    border-radius: 14px;
    place-items: center;
    width: min(100vw - 16px,520px);
    height: calc(100dvh - 16px);
    max-height: calc(100dvh - 16px);
    display: grid;
    position: relative;
    overflow: hidden;
    box-shadow: 0 24px 70px #0000008c
}

.mobile-promo:after {
    z-index: 1;
    content: "";
    pointer-events: none;
    background: linear-gradient(#0000,#000000e0);
    height: 30%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.mobile-promo-image {
    place-items: center;
    width: 100%;
    height: 100%;
    display: grid
}

.mobile-promo img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    max-height: calc(100dvh - 16px);
    display: block
}

.mobile-promo-actions {
    z-index: 2;
    right: 12px;
    bottom: max(12px, env(safe-area-inset-bottom));
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: #090909b8;
    border: 1px solid #ffffff3d;
    border-radius: 15px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
    padding: 7px;
    display: grid;
    position: absolute;
    left: 12px;
    box-shadow: 0 12px 30px #0000006b
}

.mobile-promo-actions a {
    color: #fff;
    min-width: 0;
    min-height: 50px;
    font-family: var(--font-kanit), var(--font-prompt), Arial, sans-serif;
    letter-spacing: .01em;
    text-shadow: 0 1px 2px #0000004d;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 600;
    transition: transform .12s,filter .12s;
    display: flex
}

.mobile-promo-actions a:active {
    transform: scale(.97)
}

.mobile-promo-actions a:focus-visible {
    outline: 3px solid var(--yellow);
    outline-offset: 2px
}

.mobile-promo-register {
    background: linear-gradient(135deg, var(--cyan), #008b9d);
    box-shadow: 0 6px 18px #00bcd457
}

.mobile-promo-register span {
    color: var(--yellow);
    font-size: 20px
}

.mobile-promo-login {
    background: #ffffff1f;
    border: 1px solid #ffffff9e
}

.mobile-promo-login span {
    font-size: 20px;
    line-height: 1
}

.mobile-promo-close {
    z-index: 3;
    color: #fff;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: #111111d1;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    padding: 0;
    font-size: 30px;
    line-height: 1;
    position: absolute;
    top: 8px;
    right: 8px;
    box-shadow: 0 6px 20px #00000061
}

.mobile-promo-close:focus-visible {
    outline: 3px solid var(--yellow);
    outline-offset: 3px
}

@media (min-width: 560px) {
    .page-shell {
        max-width:var(--page-width)
    }

    .floating-actions {
        width: var(--page-width);
        left: 50%;
        right: 50%;
        transform: translate(-50%)
    }

    .seo-promo {
        display: none
    }
}

@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../media/9365da5f5b0d24c4-s.p.0drxgpxcc20cn.woff2)format("woff2");
    unicode-range: U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC
}

@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../media/f8cb9ae150ef3f2e-s.0xm4a--hc1fva.woff2)format("woff2");
    unicode-range: U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../media/d992ac40ba95d181-s.2qdqgd3f26t4i.woff2)format("woff2");
    unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../media/5b0125f9b5206761-s.p.0xtl1koq4puhj.woff2)format("woff2");
    unicode-range: U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../media/89970c532165c566-s.p.0_kakdzjlvlo4.woff2)format("woff2");
    unicode-range: U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC
}

@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../media/54a20415383d1725-s.2vueml0ype3v7.woff2)format("woff2");
    unicode-range: U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../media/bd2ede351b1cefaf-s.341dx4m_-834c.woff2)format("woff2");
    unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../media/6958aadccb02a37a-s.p.2eg-ghvale2ep.woff2)format("woff2");
    unicode-range: U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../media/464d62f7fb45826c-s.p.1q82hjpx1c04v.woff2)format("woff2");
    unicode-range: U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC
}

@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../media/f6ae849f37cdd0ea-s.3x7jqom12fsqq.woff2)format("woff2");
    unicode-range: U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../media/68b7e92d9795aef2-s.2rgauhj19volv.woff2)format("woff2");
    unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../media/fa761a580272bc13-s.p.23yad7bsov_0s.woff2)format("woff2");
    unicode-range: U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../media/4341de68155aee74-s.p.2xhcctz2ji9do.woff2)format("woff2");
    unicode-range: U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC
}

@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../media/1360732955527ddf-s.3t-kolqsnuqkp.woff2)format("woff2");
    unicode-range: U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../media/48c50b94fd699803-s.0pmgfr-q6dbqj.woff2)format("woff2");
    unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Prompt;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../media/ab24015c41b3954b-s.p.3du3m7y1qagl5.woff2)format("woff2");
    unicode-range: U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Prompt Fallback;
    src: local(Arial);
    ascent-override:97.38%;descent-override:37.7%;line-gap-override:0.0%;size-adjust:111.93%}

.prompt_a085aeda-module__iv9qDG__className {
    font-family: Prompt,Prompt Fallback;
    font-style: normal
}

.prompt_a085aeda-module__iv9qDG__variable {
    --font-prompt: "Prompt", "Prompt Fallback"
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../media/577b8067601e9847-s.p.17uyqh1z65ij2.woff2)format("woff2");
    unicode-range: U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../media/5d1ea58cfb9c551d-s.1q140kewwut-u.woff2)format("woff2");
    unicode-range: U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../media/d1bdedfd2fe13894-s.0m229dhbrkwlu.woff2)format("woff2");
    unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../media/1e23e5114abf0db3-s.p.3vomj4ys718n3.woff2)format("woff2");
    unicode-range: U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../media/34da6f6f5d0d57a5-s.p.3j785ygmx2sxp.woff2)format("woff2");
    unicode-range: U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../media/c5ef4f45c466146b-s.2ziap8r8vixmb.woff2)format("woff2");
    unicode-range: U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../media/5e9c5fb40545fcd2-s.3zvdh294vpi9c.woff2)format("woff2");
    unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../media/89d4f80f11029d6d-s.p.3y48j16vw3ns0.woff2)format("woff2");
    unicode-range: U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../media/876b05e81fb36bf6-s.p.3-cnw-vwwbh1_.woff2)format("woff2");
    unicode-range: U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../media/5128e7653d6f3744-s.1858_xfzcanvy.woff2)format("woff2");
    unicode-range: U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../media/07bc3d3e69c8b6e8-s.0h71b1gd0-8_7.woff2)format("woff2");
    unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../media/118b6ed7ac256a99-s.p.3btzg3pbxiu1o.woff2)format("woff2");
    unicode-range: U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../media/a244653d74e7372f-s.p.3zj8sbbtpwle6.woff2)format("woff2");
    unicode-range: U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../media/7ff43f20b4a94066-s.2oiv5hw7w39w8.woff2)format("woff2");
    unicode-range: U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../media/d5ac005905e340fc-s.24ikpou2wpz2l.woff2)format("woff2");
    unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../media/c750adf2ddf22b70-s.p.1j3epi4sx1jkp.woff2)format("woff2");
    unicode-range: U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Kanit Fallback;
    src: local(Arial);
    ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.0%;size-adjust:101.39%}

.kanit_c453dc6e-module__ePvKBG__className {
    font-family: Kanit,Kanit Fallback;
    font-style: normal
}

.kanit_c453dc6e-module__ePvKBG__variable {
    --font-kanit: "Kanit", "Kanit Fallback"
}