.header-wrapper[data-v-976ab4df]{background-color:#f4f4f4;position:sticky;top:0;z-index:100}.header-container[data-v-976ab4df]{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:8px 24px;min-height:58px}.header-left[data-v-976ab4df]{display:flex;align-items:center;gap:21px;flex:1}.logo-link[data-v-976ab4df]{display:flex;align-items:center;flex-shrink:0}.logo[data-v-976ab4df]{height:34px;width:auto;object-fit:contain}.nav-dropdown[data-v-976ab4df]{position:relative}.nav-button[data-v-976ab4df]{display:flex;align-items:center;gap:8px;padding:4px 8px 0;background:none;border:none;cursor:pointer;color:#353535;font-size:16px;font-family:IBM Plex Sans Thai,sans-serif;font-style:normal;font-weight:500;line-height:28px;letter-spacing:.08px;transition:all .15s ease;text-decoration:none;white-space:nowrap}.nav-button[data-v-976ab4df]:hover{opacity:.8}.nav-button.active[data-v-976ab4df]{color:#1a7676}.nav-button.active .chevron-icon[data-v-976ab4df]{filter:brightness(0) saturate(100%) invert(31%) sepia(56%) saturate(1073%) hue-rotate(148deg) brightness(91%) contrast(87%)}.chevron-icon[data-v-976ab4df]{width:24px;height:24px;transition:transform .4s cubic-bezier(.22,1,.36,1)}.chevron-icon.rotate-180[data-v-976ab4df]{transform:rotate(180deg)}.dropdown-overlay[data-v-976ab4df]{position:absolute;top:100%;left:0;right:0;width:100vw;background:#f4f4f4;border:none;border-radius:0;box-shadow:none;z-index:50;margin-left:calc(-50vw + 50%)}.dropdown-container[data-v-976ab4df]{max-width:1200px;margin:0 auto;padding:12px 24px}.dropdown-grid[data-v-976ab4df]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-items:stretch;justify-content:flex-start}.dropdown-item[data-v-976ab4df]{position:relative;display:flex;width:100%;height:61px;background:#fafafa;border:1.5px solid var(--Color-border-default, #d7d7d7);border-radius:5px;overflow:hidden;text-decoration:none;transition:all .15s ease;flex-shrink:0}.dropdown-item[data-v-976ab4df]:after{content:"";position:absolute;inset:-1.5px;border:1.5px solid #d7d7d7;border-radius:5.5px;pointer-events:none}.dropdown-item[data-v-976ab4df]:hover{border-radius:5px;background:var(--Primary-Blue-20, #e5f2f2);border-color:#1a7676}.dropdown-item-image[data-v-976ab4df]{width:61px;height:61px;flex-shrink:0}.dropdown-item-image img[data-v-976ab4df]{display:block;width:100%;height:100%;object-fit:cover}.dropdown-item-text[data-v-976ab4df]{display:flex;align-items:center;justify-content:flex-start;padding:0 16px;font-family:IBM Plex Sans Thai,sans-serif;font-size:18px;line-height:28px;letter-spacing:.08px;color:#2a2a2a;font-weight:400;white-space:nowrap}@media(max-width:768px){.dropdown-item-text[data-v-976ab4df]{padding:0 9px}}@media(min-width:768px)and (max-width:1023px){.dropdown-grid[data-v-976ab4df]{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 5px}.dropdown-item[data-v-976ab4df]{width:100%;height:61px}}.header-right[data-v-976ab4df]{display:flex;align-items:center;gap:7px;flex:1;justify-content:flex-end}.search-form[data-v-976ab4df]{width:236px}@media(min-width:768px){.search-form[data-v-976ab4df]{display:block}}@media(max-width:767px){.search-form[data-v-976ab4df]{display:none}}.search-field[data-v-976ab4df]{position:relative;width:100%}.search-icon[data-v-976ab4df]{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;pointer-events:none;flex-shrink:0}.search-input[data-v-976ab4df]{width:100%;padding:7px 16px 7px 48px;background-color:#f4f4f4;border:2px solid #d7d7d7;border-radius:8px;font-size:16px;font-family:IBM Plex Sans Thai,sans-serif;font-weight:400;line-height:26px;letter-spacing:.032px;transition:all .15s ease}.search-input[data-v-976ab4df]::placeholder{color:#828282}.search-input[data-v-976ab4df]:hover{border:2px solid var(--Color-border-hover, #b4b4b4)}.search-input[data-v-976ab4df]:focus{outline:none;border:2px solid var(--Color-border-brand-primary-default, #12a0a1)}.search-check-icon[data-v-976ab4df]{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;pointer-events:none}.icon-button[data-v-976ab4df]{position:relative;display:flex;align-items:center;gap:8px}.icon-button .icon[data-v-976ab4df]{width:24px;height:24px}.icon-button[data-v-976ab4df]:hover{color:#1a7676}.icon-button:hover .icon[data-v-976ab4df]{filter:brightness(0) saturate(100%) invert(31%) sepia(56%) saturate(1073%) hue-rotate(148deg) brightness(91%) contrast(87%)}.icon-account-button[data-v-976ab4df]{gap:9px}.cart-badge[data-v-976ab4df]{position:absolute;top:1px;left:15px;display:inline-flex;align-items:center;justify-content:center;background-color:#d72960;color:#f4f4f4;font-size:12px;line-height:17px;width:16px;height:16px;border-radius:24px;text-align:center;pointer-events:none}.mobile-menu-toggle[data-v-976ab4df]{display:none;align-items:center;gap:8px;padding:8px 0;background:none;border:none;cursor:pointer;color:#242424;font-family:IBM Plex Sans Thai,sans-serif;font-size:16px;font-weight:400;line-height:28px;letter-spacing:.08px}@media(max-width:767px){.mobile-menu-toggle[data-v-976ab4df]{display:flex}}.mobile-menu-toggle.menu-open .hamburger-line[data-v-976ab4df]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.menu-open .hamburger-line[data-v-976ab4df]:nth-child(2){opacity:0;transform:scale(0)}.mobile-menu-toggle.menu-open .hamburger-line[data-v-976ab4df]:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hamburger-icon[data-v-976ab4df]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:24px;height:24px;position:relative}.hamburger-icon svg[data-v-976ab4df]{width:24px;height:24px;display:block}.menu-text[data-v-976ab4df]{color:#353535;white-space:nowrap}.hamburger-line[data-v-976ab4df]{width:20px;height:2px;background-color:#242424;transition:all .3s ease;transform-origin:center;border-radius:1px}.tablet-search-button[data-v-976ab4df],.mobile-menu-overlay[data-v-976ab4df]{display:none}.mobile-menu-container[data-v-976ab4df]{display:flex;flex-direction:column;gap:16px;padding:0 16px 16px}.mobile-menu-header[data-v-976ab4df]{padding:0}.mobile-header-content[data-v-976ab4df]{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 24px}.mobile-logo-container[data-v-976ab4df],.mobile-logo-link[data-v-976ab4df]{display:flex;align-items:center}.mobile-logo[data-v-976ab4df]{height:36.44px;width:110px;object-fit:contain}.mobile-close-button[data-v-976ab4df]{display:flex;align-items:center;gap:8px;padding:8px 0;background:none;border:none;cursor:pointer;color:#242424;font-family:IBM Plex Sans Thai,sans-serif;font-size:16px;font-weight:400;line-height:28px;letter-spacing:.08px;transition:all .15s ease}.mobile-close-button[data-v-976ab4df]:hover{opacity:.8}.close-icon[data-v-976ab4df]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:24px;height:24px;position:relative}.close-line[data-v-976ab4df]{display:block;width:18px;height:2px;background-color:#242424;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute}.close-line[data-v-976ab4df]:first-child{transform:rotate(45deg)}.close-line[data-v-976ab4df]:last-child{transform:rotate(-45deg)}.close-text[data-v-976ab4df]{font-family:IBM Plex Sans Thai,sans-serif;font-size:16px;font-weight:400;line-height:28px;letter-spacing:.08px;color:#242424}.mobile-products-section[data-v-976ab4df]{max-width:1200px;margin:0 auto;width:100%;padding-left:7px}.mobile-products-header[data-v-976ab4df]{padding:0 0 8px 1px;margin-top:12px;margin-bottom:4px}.products-title[data-v-976ab4df]{font-family:IBM Plex Sans Thai,sans-serif;font-size:16px;font-weight:500;letter-spacing:.08px;color:#242424;margin:0}.mobile-products-grid[data-v-976ab4df]{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-start}.mobile-product-item[data-v-976ab4df]{position:relative;display:flex;flex:0 0 calc(50% - 6px);min-width:100%;width:100%;background:#fafafa;border-radius:4px;overflow:hidden;text-decoration:none;transition:all .15s ease;border:1.5px solid #d7d7d7}.mobile-product-item[data-v-976ab4df]:after{content:"";position:absolute;inset:-1.5px;border:1.5px solid #d7d7d7;border-radius:5.5px;pointer-events:none}.mobile-product-item[data-v-976ab4df]:hover{box-shadow:0 2px 8px #0000001a}.mobile-product-item[data-v-976ab4df]:hover:after{border-color:#1a7676}.mobile-product-image[data-v-976ab4df]{width:55px;height:55px;flex-shrink:0;aspect-ratio:1}.mobile-product-image img[data-v-976ab4df]{display:block;width:100%;height:100%;object-fit:cover}.mobile-product-text[data-v-976ab4df]{display:flex;align-items:center;justify-content:flex-start;padding:0 12px;font-family:IBM Plex Sans Thai,sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:.08px;color:#2a2a2a;white-space:nowrap}.mobile-actions-section[data-v-976ab4df]{max-width:1200px;margin:0 auto;width:100%;padding:5px 0;display:flex;flex-direction:column;gap:12px}.mobile-search-field[data-v-976ab4df]{position:relative;width:100%}.mobile-search-icon[data-v-976ab4df]{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:18px;pointer-events:none;flex-shrink:0}.mobile-search-input[data-v-976ab4df]{width:100%;padding:10px 48px 8px 38px;background-color:#f4f4f4;border:1.5px solid #d7d7d7;border-radius:8px;font-size:16px;font-family:IBM Plex Sans Thai,sans-serif;font-style:normal;font-weight:400;line-height:26px;letter-spacing:.032px;transition:all .15s ease}.mobile-search-input[data-v-976ab4df]::placeholder{color:#828282}.mobile-search-input[data-v-976ab4df]:hover{border-radius:8px;border:2px solid var(--Color-border-hover, #b4b4b4);background:var(--Color-background-default, #ffffff)}.mobile-search-input[data-v-976ab4df]:focus{outline:none;border:2px solid var(--Color-border-brand-primary-default, #12a0a1);background:var(--Color-background-default, #ffffff)}.mobile-check-icon[data-v-976ab4df]{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;pointer-events:none}.mobile-action-buttons[data-v-976ab4df]{display:flex;gap:8px;width:100%}.mobile-action-button[data-v-976ab4df]{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;padding:8px;background-color:#f4f4f4;border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .15s ease}.mobile-action-button[data-v-976ab4df]:hover{background-color:#ededed}.action-icon[data-v-976ab4df]{width:28px;height:28px;flex-shrink:0}.action-text[data-v-976ab4df]{font-family:IBM Plex Sans Thai,sans-serif;font-style:normal;font-size:18px;font-weight:500;line-height:28px;letter-spacing:.08px;color:#242424}@media(max-width:767px){.mobile-action-button .action-text[data-v-976ab4df]{padding-top:6px}.mobile-actions-section[data-v-976ab4df]{padding-left:7px}}.mobile-menu-slide-enter-active[data-v-976ab4df]{overflow:hidden;transition:max-height .55s cubic-bezier(.22,1,.36,1),opacity .48s ease-out,transform .55s cubic-bezier(.22,1,.36,1)}.mobile-menu-slide-leave-active[data-v-976ab4df]{overflow:hidden;transition:max-height .42s cubic-bezier(.4,0,1,1),opacity .35s ease-in,transform .42s cubic-bezier(.4,0,1,1)}.mobile-menu-slide-enter-from[data-v-976ab4df]{max-height:0;opacity:0;transform:translateY(-18px)}.mobile-menu-slide-enter-to[data-v-976ab4df],.mobile-menu-slide-leave-from[data-v-976ab4df]{max-height:400px;opacity:1;transform:translateY(0)}.mobile-menu-slide-leave-to[data-v-976ab4df]{max-height:0;opacity:0;transform:translateY(-18px)}.dropdown-slide-enter-active[data-v-976ab4df],.dropdown-slide-leave-active[data-v-976ab4df]{display:grid;overflow:hidden}.dropdown-slide-enter-active .dropdown-inner[data-v-976ab4df],.dropdown-slide-leave-active .dropdown-inner[data-v-976ab4df]{min-height:0;overflow:hidden}.dropdown-slide-enter-active[data-v-976ab4df]{transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1),opacity .35s ease-out,transform .4s cubic-bezier(.22,1,.36,1)}.dropdown-slide-leave-active[data-v-976ab4df]{transition:grid-template-rows .3s cubic-bezier(.4,0,1,1),opacity .25s ease-in,transform .3s cubic-bezier(.4,0,1,1)}.dropdown-slide-enter-from[data-v-976ab4df],.dropdown-slide-leave-to[data-v-976ab4df]{grid-template-rows:0fr;opacity:0;transform:translateY(-18px)}.dropdown-slide-enter-to[data-v-976ab4df],.dropdown-slide-leave-from[data-v-976ab4df]{grid-template-rows:1fr;opacity:1;transform:translateY(0)}@media(max-width:767px){.mobile-menu-overlay.mobile-menu-slide-enter-to[data-v-976ab4df],.mobile-menu-overlay.mobile-menu-slide-leave-from[data-v-976ab4df]{max-height:calc(100vh - 52px)}.mobile-menu-overlay.mobile-menu-slide-enter-from[data-v-976ab4df],.mobile-menu-overlay.mobile-menu-slide-leave-to[data-v-976ab4df]{max-height:0}.mobile-menu-overlay.mobile-menu-slide-enter-active[data-v-976ab4df],.mobile-menu-overlay.mobile-menu-slide-leave-active[data-v-976ab4df]{overflow-y:hidden}}.dropdown-content[data-v-976ab4df]{overflow:hidden}@media(max-width:1023px){.header-container[data-v-976ab4df]{padding:8px 24px}.tablet-search-button[data-v-976ab4df]{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;transition:background-color .15s ease}.tablet-search-button svg path[data-v-976ab4df]{stroke:#242424;transition:stroke .15s ease}.tablet-search-button:hover svg path[data-v-976ab4df]{stroke:#1a7676}.tablet-search-button[data-v-976ab4df]:focus-visible{outline:2px solid #242424;outline-offset:2px}.search-form[data-v-976ab4df]{display:none}.search-form.tablet-active[data-v-976ab4df]{display:block;width:100%;max-width:236px}.search-form.tablet-active .search-input[data-v-976ab4df]{padding:8px 16px 8px 48px}.icon-button span[data-v-976ab4df]{display:none}}@media(max-width:767px){.header-container[data-v-976ab4df]{padding:8px 24px;min-height:44px;justify-content:space-between}.tablet-search-button[data-v-976ab4df]{display:none}.header-left[data-v-976ab4df]{flex:0;gap:0}.nav-dropdown[data-v-976ab4df],.search-form[data-v-976ab4df],.icon-button[data-v-976ab4df]{display:none}.header-right[data-v-976ab4df]{gap:0;flex:0}.mobile-menu-overlay[data-v-976ab4df]{display:block;position:fixed;top:52px;left:0;right:0;width:100%;max-height:calc(100vh - 52px);background-color:#f4f4f4;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch}}.dropdown-inner[data-v-976ab4df]{width:100%;max-width:1200px;margin:0 auto}.dropdown-inner .dropdown-grid[data-v-976ab4df]{margin:20px 24px 22px}.dropdown-item-badge[data-v-976ab4df]{position:absolute;top:6px;left:6px;z-index:2;background:#16131a;color:#fff;border-radius:999px;padding:2px 7px;font-family:Space Mono,ui-monospace,monospace;font-size:8px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.mobile-product-image[data-v-976ab4df]{position:relative}.header-wrapper.home-nav[data-v-976ab4df]{background:#f4f4f4}.header-wrapper.home-nav.is-home[data-v-976ab4df]{background:#f4f1ea}.header-wrapper.home-nav .header-container[data-v-976ab4df]{max-width:1180px;padding-top:13px;padding-bottom:13px}.header-wrapper.home-nav .logo[data-v-976ab4df]{height:38px}.header-wrapper.home-nav .nav-button[data-v-976ab4df]{color:#16131a;font-weight:700;font-size:clamp(16px,1.5vw,19px)}.header-wrapper.home-nav .nav-button[data-v-976ab4df]:hover{opacity:1;color:#6a6470}.header-wrapper.home-nav .nav-button.active[data-v-976ab4df]{color:#16131a}.header-wrapper.home-nav .nav-button.active .chevron-icon[data-v-976ab4df]{filter:none}.header-wrapper.home-nav .icon-button[data-v-976ab4df]{color:#16131a;font-weight:700}.header-wrapper.home-nav .icon-button[data-v-976ab4df]:hover{color:#6a6470}.header-wrapper.home-nav .icon-button:hover .icon[data-v-976ab4df],.header-wrapper.home-nav .icon-button:hover svg path[data-v-976ab4df]{filter:none}.header-wrapper.home-nav .dropdown-inner .dropdown-grid[data-v-976ab4df]{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px clamp(20px,4vw,40px) 20px}.header-wrapper.home-nav .dropdown-item[data-v-976ab4df]{height:auto;align-items:center;gap:12px;background:#fff;border:1.5px solid #e1ddd3;border-radius:13px;padding:7px 15px 7px 7px;transition:border-color .15s ease,box-shadow .15s ease}.header-wrapper.home-nav .dropdown-item[data-v-976ab4df]:after{display:none}.header-wrapper.home-nav .dropdown-item[data-v-976ab4df]:hover{background:#fff;border-color:#ef4473;box-shadow:0 6px 18px #16131a12}.header-wrapper.home-nav .dropdown-item--soon[data-v-976ab4df]{cursor:default}.header-wrapper.home-nav .dropdown-item--soon .dropdown-item-text[data-v-976ab4df]{color:#6a6470}.header-wrapper.home-nav .dropdown-item--soon[data-v-976ab4df]:hover{border-color:#e1ddd3;box-shadow:none}.header-wrapper.home-nav .dropdown-item-image[data-v-976ab4df]{position:relative;width:46px;height:46px;flex:none;border-radius:10px;overflow:hidden;background:var(--cb, #f0eef2)}.header-wrapper.home-nav .dropdown-item-text[data-v-976ab4df]{padding:0;font-size:clamp(14px,1.1vw,16px);font-weight:700;color:#16131a}@media(max-width:767px){.header-wrapper.home-nav .header-container[data-v-976ab4df]{padding-top:8px;padding-bottom:8px}.header-wrapper.home-nav .dropdown-content[data-v-976ab4df]{display:none}.header-wrapper.home-nav .mobile-menu-toggle[data-v-976ab4df]{gap:0}.header-wrapper.home-nav .mobile-menu-toggle .menu-text[data-v-976ab4df],.header-wrapper.home-nav.is-home .logo-link[data-v-976ab4df]{display:none}.header-wrapper.home-nav.is-home .header-left[data-v-976ab4df]{flex:1;gap:12px}.header-wrapper.home-nav.is-home .nav-dropdown[data-v-976ab4df]{display:block}.header-wrapper.home-nav.is-home .nav-button[data-v-976ab4df]{padding:0;gap:4px;font-size:16px}.mobile-menu-overlay.home-overlay[data-v-976ab4df]{background:#f4f4f4}.mobile-menu-overlay.home-overlay.is-home[data-v-976ab4df]{background:#f4f1ea}.mobile-menu-overlay.home-overlay .mobile-menu-container[data-v-976ab4df]{gap:0;padding:0 0 28px}.mobile-menu-overlay.home-overlay .mobile-products-section[data-v-976ab4df]{max-width:none;margin:0;padding:12px 16px 14px}.mobile-menu-overlay.home-overlay .mobile-products-grid[data-v-976ab4df]{gap:10px}.mobile-menu-overlay.home-overlay .mobile-product-item[data-v-976ab4df]{flex:0 0 calc(50% - 5px);min-width:0;width:auto;align-items:center;gap:11px;background:#fff;border:1.5px solid #e1ddd3;border-radius:13px;padding:8px 12px 8px 8px}.mobile-menu-overlay.home-overlay .mobile-product-item[data-v-976ab4df]:after{display:none}.mobile-menu-overlay.home-overlay .mobile-product-item[data-v-976ab4df]:hover{border-color:#ef4473;box-shadow:0 6px 18px #16131a12}.mobile-menu-overlay.home-overlay .mobile-product-item--soon .mobile-product-text[data-v-976ab4df]{color:#6a6470}.mobile-menu-overlay.home-overlay .mobile-product-image[data-v-976ab4df]{width:48px;height:48px;border-radius:10px;overflow:hidden;background:var(--cb, #f0eef2)}.mobile-menu-overlay.home-overlay .mobile-product-text[data-v-976ab4df]{padding:0;font-size:15px;font-weight:700;line-height:1.2;color:#16131a;white-space:normal}.mobile-menu-overlay.home-overlay .mobile-actions-section[data-v-976ab4df]{max-width:none;margin:0;padding:6px 0;background:#fff;border-top:1px solid rgba(22,19,26,.08);box-shadow:0 14px 28px #16131a1a}.mobile-menu-overlay.home-overlay .mobile-action-buttons[data-v-976ab4df]{flex-direction:column;gap:0}.mobile-menu-overlay.home-overlay .mobile-action-button[data-v-976ab4df]{justify-content:flex-start;gap:14px;padding:15px 20px;background:transparent;border-radius:0;border-bottom:1px solid rgba(22,19,26,.06)}.mobile-menu-overlay.home-overlay .mobile-action-button[data-v-976ab4df]:last-child{border-bottom:none}.mobile-menu-overlay.home-overlay .mobile-action-button[data-v-976ab4df]:hover{background:transparent}.mobile-menu-overlay.home-overlay .mobile-action-button svg[data-v-976ab4df]{width:22px;height:22px}.mobile-menu-overlay.home-overlay .mobile-action-button .action-text[data-v-976ab4df]{padding-top:0;font-size:15px;font-weight:700;color:#16131a}}@keyframes account-spin-976ab4df{to{transform:rotate(360deg)}}.account-spinner[data-v-976ab4df]{display:inline-block;width:16px;height:16px;border:2px solid #9f9f9f;border-top-color:transparent;border-radius:50%;animation:account-spin-976ab4df .8s linear infinite;vertical-align:middle}