:root{--type-font-family-primary:Inter,Arial,Helvetica,sans-serif;--content-width:1200px;--category-width:48px;--gift-banner-width:144px;--gift-banner-height:20px;--icon-size-xl:44px;--icon-size-lg:40px;--icon-size-md:32px;--icon-size-sm:24px;--icon-size-2xs:20px;--icon-size-xs:16px;--IconSize-24:24px;--IconSize-20:20px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--fontsize-headings-h1:40px;--fontsize-headings-h2:32px;--fontsize-headings-h3:28px;--fontsize-headings-h4:24px;--fontsize-headings-h5:20px;--fontsize-headings-h6:18px;--fontsize-headings-h7:16px;--fontsize-headings-h8:14px;--fontsize-headings-h9:12px;--line-height-heading-h1:56px;--line-height-heading-h2:48px;--line-height-heading-h3:40px;--line-height-heading-h4:36px;--line-height-heading-h5:32px;--line-height-heading-h6:26px;--line-height-heading-h7:24px;--line-height-heading-h8:20px;--line-height-heading-h9:16px;--fontsize-body-lg:18px;--fontsize-body-md:16px;--fontsize-body-x-sm:14px;--fontsize-body-sm:12px;--fontsize-body-xs:12px;--fontsize-body-tiny:10px;--fontsize-body-tiny-super:9px;--line-height-body-sm:20px;--line-height-body-lg:28px;--line-height-body-md:24px;--line-height-body-x-sm:20px;--line-height-body-xs:18px;--line-height-body-tiny:16px;--line-height-body-tiny-super:16px;--line-height-body-tiny-super-2:14px;--darkblue-100:#e6f1fe;--darkblue-200:#adc8d7;--darkblue-300:#7498cf;--darkblue-400:#3c8687;--darkblue-500:#0058a9;--darkblue-600:#023e56;--darkblue-700:#02365f;--darkblue-800:#01182b;--primary-100:#e6f3ff;--primary-200:#adcee8;--primary-300:#74a8d2;--primary-400:#3b82bc;--primary-500:#0058a9;--primary-600:#034a82;--primary-700:#02365f;--primary-800:#01223c;--secondary-100:#ffffe6;--secondary-200:#fdf9b3;--secondary-300:#fdf581;--secondary-400:#fcf14f;--secondary-500:#fff200;--secondary-600:#f4d915;--secondary-700:#b8b30e;--secondary-800:#524d07;--accent1-100:#ffffe6;--accent1-200:#fdf9b3;--accent1-300:#fdf581;--accent1-400:#fcf14f;--accent1-500:#fbed1d;--accent1-600:#f4d915;--accent1-700:#b8b30e;--accent1-800:#524d07;--error-100:#fbd8db;--error-200:#f7baba;--error-300:#f2868e;--error-400:#f46262;--error-500:#d03636;--error-600:#fba229;--error-700:#841c1c;--error-800:#4e0f0f;--accent2-100:#fbd8db;--accent2-200:#f7baba;--accent2-300:#f2868e;--accent2-400:#f46262;--accent2-500:#d03636;--accent2-600:#fba229;--accent2-700:#841c1c;--accent2-800:#4e0f0f;--warning-100:#fff0e5;--warning-200:#ffdabf;--warning-300:#ff8580;--warning-400:#ff9040;--warning-500:#ff6b00;--warning-600:#ef5000;--warning-700:#803600;--warning-800:#401b00;--accent3-100:#fff0e5;--accent3-200:#ffdabf;--accent3-300:#ff8580;--accent3-400:#ff9040;--accent3-500:#ff6b00;--accent3-600:#ef5000;--accent3-700:#803600;--accent3-800:#401b00;--Accent-3-Default:#ff6b00;--success-100:#ebf9eb;--success-200:#d0ebc0;--success-300:#94d494;--success-400:#68cf68;--success-500:#3cc13c;--success-600:#309530;--success-700:#226a22;--success-800:#143f14;--neutral-100:#f5f5f5;--neutral-150:#efefef;--neutral-200:#d0d1d4;--neutral-300:#a1a4aa;--neutral-400:#737780;--neutral-500:#444955;--neutral-600:#333740;--neutral-700:#22252b;--neutral-800:#111215;--black:#111215;--white:#fff;--neutral-white:#fff;--surface-page:var(--neutral-100);--surface-primary:var(--neutral-white);--surface-action:var(--primary-500);--surface-success:var(--success-100);--surface-disabled:var(--neutral-100);--surface-disabled-selected:var(--neutral-400);--surface-error:var(--error-100);--surface-warning:var(--warning-100);--surface-accent-1:var(--accent1-100);--surface-accent-2:var(--accent2-100);--surface-accent-3:var(--accent3-100);--surface-action-hover:var(--primary-600);--surface-dark-blue:var(--primary-700);--surface-action-hover-2:#e6f3ff;--surface-error:#fde7e7;--text-headings:var(--neutral-700);--text-body:var(--neutral-600);--text-action:var(--primary-500);--text-action-hover:var(--primary-600);--text-disabled:var(--neutral-400);--text-information:var(--primary-500);--text-success:var(--success-500);--text-warning:var(--warning-500);--text-error:var(--error-500);--text-accent:var(--secondary-500);--text-accent-2:var(--accent2-500);--text-accent-3:var(--accent3-500);--text-on-action:var(--neutral-white);--text-on-disabled:var(--neutral-500);--icon-primary:var(--neutral-500);--icon-on-disabled:var(--neutral-700);--icon-action:var(--primary-500);--icon-disabled:var(--neutral-300);--icon-action-hover:var(--primary-600);--icon-success:var(--success-500);--icon-warning:var(--accent3-500);--icon-error:var(--error-500);--icon-accent:var(--secondary-500);--icon-accent-2:var(--accent2-500);--icon-on-action:var(--neutral-white);--icon-information:var(--primary-500);--border-primary:var(--neutral-200);--border-hover:var(--neutral-200);--border-action:var(--primary-500);--border-information:var(--primary-100);--border-success:var(--success-500);--border-warning:var(--warning-500);--border-error:var(--error-500);--border-light:var(--neutral-150);--border-accent-1:var(--accent1-500);--border-accent-2:var(--accent2-500);--border-accent-3:var(--accent3-500);--border-disabled:var(--neutral-300);--border-action-hover:var(--primary-600);--border-focus:var(--primary-500);--border-width-none:0px;--border-width-sm:1px;--border-width-md:2px;--border-width-lg:4px;--border-width-2xl:16px;--border-width-6:6px;--border-width-8:8px;--border-radius-none:0px;--border-radius-sm:2px;--border-radius-md:4px;--border-radius-md-outline:6px;--border-radius-lg:8px;--border-radius-lg-outline:10px;--border-radius-xl:12px;--border-radius-xl-outline:14px;--border-radius-2xl:16px;--border-radius-2xl-outline:18px;--border-radius-3xl:20px;--border-radius-4xl:28px;--border-radius-5xl:36px;--border-radius-full:64px;--responsive-spacing-none:0px;--responsive-spacing-3xs:2px;--responsive-spacing-2xs:4px;--responsive-spacing-xs:8px;--responsive-spacing-sm:12px;--responsive-spacing-md:16px;--responsive-spacing-lg:20px;--responsive-spacing-xl:24px;--responsive-spacing-2xl:28px;--responsive-spacing-3xl:32px;--paragraph-spacing-body-x-sm:-0.2px;--spacing-huge:40px;--spacing-none:0px;--spacing-4:4px;--spacing-5:5px;--spacing-6:6px;--spacing-7:7px;--spacing-12:12px;--spacing-14:14px;--spacing-20:20px;--spacing-30:30px;--spacing-36:36px;--spacing-70:70px;--spacing-60:60px;--scale-50:2px;--scale-100:4px;--scale-200:8px;--scale-1600:64px;--responsive-padding-xs:8px;--responsive-padding-xl:24px;--responsive-padding-3xs:2px;--responsive-padding-2xs:4px;--responsive-padding-sm:12px;--responsive-padding-md:16px;--responsive-padding-lg:20px;--responsive-padding-4:4px;--h-40:40px;--mb-16:16px;--p-10:10px;--spacing-10:10px;--spacing-15:15px;--w-4:4px;--w-6:6px;--w-16:16px;--w-120:120px;--h-116:116px;--h-32:32px;--w-27:27px;--h-20:20px;--h-24:24px;--h-36:36px;--w-20:20px;--h-150:150.39999px;--h-149:149px;--w-278:278px;--h-92:92px;--h-197:197.33px;--h-105:105px;--h-48:48px;--h-49:49px;--h-84:84px;--w-187:187.2px;--h-195:195.2px;--w-155:155px;--w-415:415.2px;--w-54:54px;--h-82:82px;--w-103:103px;--w-149:149px;--h-492:492px;--w-241:241px;--h-496:496px;--w-500:500px;--w-56:56px;--w-32:32px;--h-38:38px;--h-52:52px;--h-29:29px;--w-44:44px;--h-50:50px;--header-top-color:#08254c;--header-container-height:68px;--overlay-color:rgba(0,0,0,0.5);--search-panel-height:462px;--color-shadow-hex:#0058a9;--shadow-up-sm:0px -2px 6px rgba(0,88,169,0.1);--shadow-up-md:0px -4px 8px rgba(0,88,169,0.15);--shadow-down-sm:0px 2px 6px rgba(0,88,169,0.1);--shadow-down-md:0px 4px 8px rgba(0,88,169,0.15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--type-font-family-primary);font-size:var(--fontsize-body-x-sm);background-color:var(--neutral-100);font-weight:var(--font-weight-medium);margin:0 auto;max-width:100%;color:var(--text-body)}a{text-decoration:none;transition:.2s}.load-more-btn{width:-moz-fit-content;width:fit-content;display:flex;margin:0 auto;align-items:center;gap:8px!important;border:var(--border-width-sm) solid transparent;box-sizing:border-box;text-align:center;padding:var(--responsive-spacing-md) 0}a.load-more-btn span{color:var(--primary-500)}a.load-more-btn svg{color:var(--primary-500)!important}button{background:none;border:none}header{position:relative;z-index:10}header .header-top{background-color:var(--header-top-color)}header .header-top a img{width:var(--content-width);margin:auto;display:block}header .header-nav{background-color:var(--surface-action);position:relative;transition:all .3s ease;z-index:99}header .header-nav .container{align-items:normal!important}#header-nav.fixed{position:fixed;top:0;width:100%}header .header-nav .container{display:flex;align-items:center;justify-content:space-between;padding:var(--responsive-spacing-sm) 0;position:relative;z-index:10;width:var(--content-width);height:var(--header-container-height);margin:0 auto}.category-nav{z-index:1000}.category-nav .category-button{width:var(--w-149);padding:var(--responsive-padding-3xs) var(--responsive-padding-sm);gap:var(--responsive-spacing-xs);display:flex;align-items:center}.category-nav:hover .category-button{color:var(--accent1-500)}.category-nav .category-button .icon svg path{stroke:var(--white)}.category-nav .category-button span:nth-child(2){font-weight:var(--font-weight-semibold);white-space:nowrap;font-family:var(--type-font-family-primary)}.category-nav .category-button .icon{width:var(--icon-size-lg);height:var(--icon-size-lg);display:flex;align-items:center;justify-content:center}.search-form{display:flex;min-width:450px;background-color:var(--surface-primary);border-radius:var(--scale-1600);border:var(--border-width-sm) solid var(--neutral-200);position:relative}.search-form>input{flex:1;padding:var(--spacing-10) var(--spacing-15);font-size:var(--fontsize-body-x-sm);line-height:var(--line-height-body-x-sm);outline:none;border:0;outline:0;background:transparent}.search-form>button{cursor:pointer;width:var(--w-56);display:flex;align-items:center;justify-content:center}.search-form>button.active{background-color:var(--primary-500);border-top-right-radius:var(--scale-1600);border-bottom-right-radius:var(--scale-1600)}.search-form>button svg{pointer-events:none}.search-form>button.active svg path{stroke:var(--text-on-action)}.search-form:focus-within{box-shadow:0 0 0 4px rgba(37,99,235,.12)}.search-form button:hover{filter:brightness(.98)}.search-panel{position:absolute;inset-inline:0;top:calc(100% + 8px);background:var(--surface-primary);border:var(--border);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow);animation:pop .15s ease-out;left:0;right:0}.search-panel-banner{height:var(--h-50)}.search-panel-banner img{width:100%;border-radius:var(--border-radius-md)}.search-panel-block{padding:var(--responsive-spacing-md);display:flex;flex-direction:column;gap:var(--responsive-spacing-md)}@keyframes pop{0%{transform:translateY(4px);opacity:0}to{transform:none;opacity:1}}.search-form:focus-within+.search-panel{display:block}.search-panel h4{font-size:var(--fontsize-body-md);font-weight:var(--font-weight-bold);margin-bottom:var(--responsive-spacing-sm)}.chips{display:flex;flex-wrap:wrap;gap:var(--responsive-spacing-xs)}.chips li{list-style:none}.chip{display:inline-flex;align-items:center;gap:var(--responsive-spacing-xs);padding:var(--spacing-6) var(--responsive-spacing-sm);border:var(--border-width-sm) solid var(--border-primary);background:var(--surface-primary);border-radius:var(--border-radius-full);font-size:var(--fontsize-body-x-sm);color:var(--text-body)}.recent-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--spacing-6)}.recent-list li{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 var(--responsive-spacing-sm)}.recent-list li a{display:inline-flex;align-items:center;gap:var(--spacing-4);text-decoration:none;color:var(--text);font-size:var(--fontsize-body-x-sm);padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.recent-list button.recent-search-remove{cursor:pointer}.search-panel .recent-load-more .load-more-btn{margin:0 auto}.see-more{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--brand);text-decoration:none;font-weight:600}.branch-link,.cart-button,.header-nav-right{display:flex;align-items:center;gap:var(--responsive-spacing-xs)}.branch-link,.cart-button{white-space:nowrap}.branch-link{color:var(--text-on-action);font-size:var(--fontsize-body-md)}.branch-link .icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.cart-button,.user-icon .icon{background-color:var(--surface-primary)}.cart-button{border-radius:var(--border-radius-full)}.cart-button span{font-size:var(--fontsize-body-md);color:var(--text-body)}.user-icon{width:var(--icon-size-xl);height:var(--icon-size-xl);display:flex;align-items:center;justify-content:center;background-color:var(--surface-primary);border-radius:var(--border-radius-full)}.cart-button{gap:var(--responsive-padding-sm);padding:var(--responsive-padding-xs) var(--responsive-padding-md);height:100%;height:-webkit-fill-available;height:-moz-available}.cart-button .icon{position:relative;width:var(--icon-size-sm);height:var(--icon-size-sm)}.cart-button .cart-count{position:absolute;top:-6px;right:-4px;min-width:var(--w-16);min-height:var(--w-16);text-align:center;border-radius:var(--border-radius-full);background-color:var(--icon-error);color:var(--text-on-action);font-size:var(--fontsize-body-tiny);line-height:var(--line-height-body-tiny)}.category-button{display:flex;align-items:center;gap:var(--responsive-spacing-xs);background-color:transparent;color:var(--white);border:none;font-weight:700;font-size:var(--fontsize-headings-h7);cursor:pointer}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color);z-index:999;display:none;top:118px}.overlay.t-68{top:68px!important}.category-nav:hover+.overlay{display:block}.category-button{position:relative}.category-nav:hover .category-button:before{display:block}.category-button:before{content:"";position:absolute;top:100%;left:0;width:100%;height:var(--h-20);background-color:transparent;z-index:999;display:none;height:var(--h-32)}.category-nav:hover{background:var(--neutral-100);border-radius:var(--border-radius-4xl)}.category-nav:hover .category-button,.category-nav:hover .category-button .icon svg,.category-nav:hover .category-button .icon svg path{color:var(--text-action);stroke:var(--text-action)}.category-nav:hover .category-menu{display:flex;top:var(--spacing-60)}.category-menu{position:absolute;left:0;right:0;width:var(--content-width);display:none;z-index:1000;gap:var(--responsive-spacing-sm);background-color:var(--surface-page);border-radius:var(--border-radius-2xl);border-bottom-right-radius:var(--border-radius-2xl)}.category-list{margin:0;list-style:none;background-color:var(--surface-primary);overflow-y:auto;overflow-x:hidden;max-height:528px;width:320px;scroll-behavior:smooth;border-top-left-radius:var(--border-radius-2xl);border-bottom-left-radius:var(--border-radius-2xl);border-right:1px solid var(--border-light)}.category-list::-webkit-scrollbar,.subcategory-list::-webkit-scrollbar{width:var(--w-4)}.category-list::-webkit-scrollbar-thumb,.subcategory-list::-webkit-scrollbar-thumb{background:var(--border-disabled);border-radius:var(--border-radius-full)}.category-item:not(:last-child){border-bottom:var(--border-width-sm) solid var(--border-light)}.category-item{padding:var(--responsive-padding-sm);font-size:var(--fontsize-body-sm);position:relative;height:var(--h-48);display:flex;align-items:center;cursor:pointer}.subcategory li a span{white-space:normal;display:block;word-break:break-word;height:40px}.subcategory li a figure{height:var(--h-52)}.category-item svg path{stroke:var(--text-action)}.category-item:before{content:"";position:absolute;top:var(--spacing-20);right:-2px;width:0;height:0;border-left:var(--border-width-6) solid transparent;border-right:var(--border-width-6) solid transparent;border-top:var(--border-width-8) solid var(--neutral-200);transform:rotate(90deg);display:none}.category-item>a{display:flex;width:100%;color:var(--text-body);font-size:var(--fontsize-body-x-sm);line-height:var(--line-height-body-sm);align-items:center;gap:var(--responsive-padding-xs);justify-content:space-between}.category-item span{flex:1}.category-item>a img{width:var(--icon-size-sm);height:var(--icon-size-sm)}.category-item:hover,.category-item:hover>a>span,.category-item:hover>a>svg path{color:var(--surface-primary);background-color:var(--surface-dark-blue);stroke:var(--text-on-action)}.category-item.active,.category-item.active>a>span,.category-item.active>a>svg path{background-color:var(--surface-action);color:var(--surface-primary);stroke:var(--text-on-action)}.category-item.active:before,.category-item:hover:before{display:block}.subcategory-list{width:60%;padding:var(--responsive-padding-sm) 0 var(--responsive-padding-sm);position:relative;flex:1;background-color:var(--surface-primary);border-bottom-right-radius:var(--border-radius-2xl);border-top-right-radius:var(--border-radius-2xl);max-height:528px;overflow:auto;scroll-behavior:smooth}.subcategory-item{display:none}.subcategory-item>div{margin-bottom:var(--responsive-spacing-lg)}.subcategory-item.active{display:block}.subcategory-item .subcategory-title{display:flex;align-items:center;justify-content:space-between;padding:0 var(--responsive-padding-md);padding-right:32px}.subcategory-item .subcategory-title h6{font-size:var(--fontsize-headings-h8);line-height:var(--line-height-heading-h8);font-weight:var(--font-weight-semibold);margin-bottom:var(--responsive-spacing-xs)}.subcategory-item .subcategory-title a{display:flex;align-items:center;line-height:var(--line-height-body-x-sm);font-size:var(--fontsize-body-x-sm);gap:var(--responsive-padding-4);color:var(--text-action)}.subcategory{gap:0 var(--spacing-20);padding:0 var(--responsive-spacing-lg) 0 var(--responsive-spacing-sm)}.subcategory,.subcategory ul{display:flex;flex-wrap:wrap}.subcategory li{display:flex;align-items:center;gap:var(--responsive-spacing-xs);flex-direction:column;border-radius:var(--border-radius-xl);position:relative;width:var(--w-120);height:var(--h-116);cursor:pointer;justify-content:center}.subcategory li a{color:var(--text-body);font-size:var(--fontsize-body-sm);line-height:var(--line-height-body-sm);text-align:center;display:contents}.box_account_hover{position:absolute;top:46px;left:-80px;width:190px;background-color:#fff;border-radius:15px;z-index:123;padding:13px 15px;border:1px solid #ddd;display:none}.box_account_hover #user_box{padding-left:0;float:none;margin-bottom:10px}.box_account_hover #user_box a{font-size:14px;color:var(--text-body);display:inline-block;vertical-align:middle}#user_box span{display:flex;align-items:center}#user_box i{margin-right:5px;font-size:16px}.header-nav-right{position:relative}.category-item.active,.category-item.active>a>span,.category-item.active>a>svg path,.category-item:hover,.category-item:hover>a>span,.category-item:hover>a>svg path{background-color:#e6f3ff;color:var(--text-action);stroke:var(--text-action)}#HeaderNumberCart{height:100%}.search-form>button path{stroke:#a1a4aa}.box_breadcrumb{padding:var(--responsive-spacing-lg) 0;max-width:1200px;margin:0 auto 20px}.box_breadcrumb-item{display:inline-block;font-family:var(--type-font-family-primary);font-size:var(--fontsize-body-x-sm);color:var(--surface-action)}.box_breadcrumb ul li{display:inline-block}.box_breadcrumb ul li:first-child{margin-right:4px}.box_breadcrumb ul li a{font-size:var(--fontsize-body-x-sm);color:var(--text-action)}.box_breadcrumb ul li img{display:inline-block;vertical-align:middle;margin-top:-2px}.box_breadcrumb ul li svg{display:inline-block;vertical-align:text-bottom}.box_breadcrumb ul li span{display:inline-block;vertical-align:middle;width:24px;height:24px;text-align:center;display:flex;align-items:center;justify-content:center}.box_breadcrumb ul li h1{color:var(--surface-action)}.box_breadcrumb ul{display:flex;align-items:center;gap:4px}#breadcrumbparent a{color:var(--text-on-disabled)}.tt-form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none'%3E%3Cpath d='M1.414 1.414l4 4 4-4' stroke='%23444955' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:11px 7px;cursor:pointer}.tt-form-select::-ms-expand{display:none}.logo .loading{opacity:1;cursor:pointer}@media (min-width:768px){body{min-width:1200px;overflow:auto!important}}.subcategory-list .subcategory li a{display:flex;width:100%;height:100%;flex-wrap:wrap;justify-content:center;flex-direction:column;align-items:center}.subcategory-list .subcategory li a figure{margin-bottom:8px}.bannertopowl{position:relative;z-index:1;width:100%;overflow:hidden}.bannertopowl .swiper-wrapper{position:relative;display:flex;width:100%;height:100%;box-sizing:content-box;transition-property:transform;transition-timing-function:ease}.bannertopowl .swiper-slide{position:relative;flex-shrink:0;width:100%;height:100%}