/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-gray-700:oklch(37.3% .034 259.733);--color-white:#fff;--spacing:.25rem;--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.top-\[-7px\]{top:-7px}.top-\[16px\]{top:16px}.top-\[calc\(100\%\+2px\)\]{top:calc(100% + 2px)}.right-\[-7px\]{right:-7px}.bottom-\[calc\(100\%\+4px\)\]{bottom:calc(100% + 4px)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-\[16px\]{left:16px}.z-10{z-index:10}.z-\[-1\]{z-index:-1}.z-\[1\]{z-index:1}.z-\[10\]{z-index:10}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-\[8px\]{margin-block:8px}.my-\[50px\]{margin-block:50px}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-\[4px\]{margin-top:4px}.mt-\[8px\]{margin-top:8px}.mt-\[16px\]{margin-top:16px}.mt-\[20px\]{margin-top:20px}.mt-\[30px\]{margin-top:30px}.mt-\[32px\]{margin-top:32px}.mt-\[50px\]{margin-top:50px}.mr-\[16px\]{margin-right:16px}.mb-\[50px\]{margin-bottom:50px}.ml-\[16px\]{margin-left:16px}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.\[aspect-ratio\:1\]{aspect-ratio:1}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-\[30px\]{height:30px}.h-\[32px\]{height:32px}.h-\[36px\]{height:36px}.h-\[50px\]{height:50px}.h-\[50vh\]{height:50vh}.h-\[80px\]{height:80px}.h-\[90px\]{height:90px}.h-\[100px\]{height:100px}.h-\[120px\]{height:120px}.h-\[280px\]{height:280px}.h-\[360px\]{height:360px}.h-\[450px\]{height:450px}.h-\[auto\]{height:auto}.h-\[fit-content\]{height:fit-content}.h-auto{height:auto}.h-full{height:100%}.max-h-\[50vh\]{max-height:50vh}.min-h-\[30px\]{min-height:30px}.min-h-\[32px\]{min-height:32px}.min-h-\[36px\]{min-height:36px}.min-h-\[50px\]{min-height:50px}.min-h-\[100px\]{min-height:100px}.w-\[20px\]{width:20px}.w-\[24px\]{width:24px}.w-\[30\%\]{width:30%}.w-\[30px\]{width:30px}.w-\[32px\]{width:32px}.w-\[36px\]{width:36px}.w-\[50px\]{width:50px}.w-\[65\%\]{width:65%}.w-\[70\%\]{width:70%}.w-\[80\%\]{width:80%}.w-\[80px\]{width:80px}.w-\[100px\]{width:100px}.w-\[275px\]{width:275px}.w-\[300px\]{width:300px}.w-\[450px\]{width:450px}.w-\[1440px\]{width:1440px}.w-\[calc\(50\%-25px\)\]{width:calc(50% - 25px)}.w-\[fit-content\]{width:fit-content}.w-full{width:100%}.max-w-\[680px\]{max-width:680px}.min-w-\[30px\]{min-width:30px}.min-w-\[32px\]{min-width:32px}.min-w-\[36px\]{min-width:36px}.min-w-\[50px\]{min-width:50px}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.min-w-\[200px\]{min-width:200px}.min-w-\[275px\]{min-width:275px}.min-w-\[fit-content\]{min-width:fit-content}.min-w-full{min-width:100%}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-270{rotate:270deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-\[4px\]{gap:4px}.gap-\[8px\]{gap:8px}.gap-\[16px\]{gap:16px}.gap-\[20px\]{gap:20px}.gap-\[32px\]{gap:32px}.gap-\[48px\]{gap:48px}.gap-\[50px\]{gap:50px}.gap-y-\[8px\]{row-gap:8px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-\[16px\]{border-radius:16px}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:3.40282e+38px}.rounded-tl-\[16px\]{border-top-left-radius:16px}.rounded-tr-\[100px\]{border-top-right-radius:100px}.rounded-br-\[16px\]{border-bottom-right-radius:16px}.rounded-br-\[100px\]{border-bottom-right-radius:100px}.border,.border-\[1px\]{border-style:var(--tw-border-style);border-width:1px}.border-t-\[1px\]{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-\[1px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[2px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.\[border-color\:\#DBDBDB\]{border-color:#dbdbdb}.border-\[\#9FD4E8\]{border-color:#9fd4e8}.border-\[\#A3A3A3\]{border-color:#a3a3a3}.border-\[\#B2DBEF\]{border-color:#b2dbef}.border-\[\#C6CDE1\]{border-color:#c6cde1}.border-\[\#DBDBDB\]{border-color:#dbdbdb}.border-\[\#E0E0E0\]{border-color:#e0e0e0}.border-\[\#E7ECF5\]{border-color:#e7ecf5}.border-transparent{border-color:#0000}.bg-\[\#0b2346\]{background-color:#0b2346}.bg-\[\#5AACF9\]{background-color:#5aacf9}.bg-\[\#7ED4FF33\]{background-color:#7ed4ff33}.bg-\[\#262E6D\]{background-color:#262e6d}.bg-\[\#DBDBDB4D\]{background-color:#dbdbdb4d}.bg-\[\#E8F9FF\]{background-color:#e8f9ff}.bg-\[\#EAF8FF\]{background-color:#eaf8ff}.bg-\[\#F2F2F2\]{background-color:#f2f2f2}.bg-\[\#FFFFFF26\]{background-color:#ffffff26}.bg-\[\#FFFFFF\]{background-color:#fff}.bg-\[\#eeeeee\]{background-color:#eee}.bg-\[var\(--white-color\)\]{background-color:var(--white-color)}.bg-\[var\(--yellow-color\)\]{background-color:var(--yellow-color)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-\[7px\]{padding:7px}.p-\[12px\]{padding:12px}.p-\[20px\]{padding:20px}.px-\[8px\]{padding-inline:8px}.px-\[10px\]{padding-inline:10px}.px-\[12px\]{padding-inline:12px}.px-\[16px\]{padding-inline:16px}.px-\[20px\]{padding-inline:20px}.px-\[30px\]{padding-inline:30px}.px-\[100px\]{padding-inline:100px}.py-\[0\]{padding-block:0}.py-\[4px\]{padding-block:4px}.py-\[8px\]{padding-block:8px}.py-\[10px\]{padding-block:10px}.py-\[16px\]{padding-block:16px}.py-\[20px\]{padding-block:20px}.py-\[30px\]{padding-block:30px}.py-\[50px\]{padding-block:50px}.pt-\[8px\]{padding-top:8px}.pt-\[20px\]{padding-top:20px}.pt-\[30px\]{padding-top:30px}.pr-\[16px\]{padding-right:16px}.pr-\[120px\]{padding-right:120px}.pb-\[4px\]{padding-bottom:4px}.pb-\[16px\]{padding-bottom:16px}.pl-\[10px\]{padding-left:10px}.pl-\[24px\]{padding-left:24px}.pl-\[100px\]{padding-left:100px}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.\[font-size\:14px\]{font-size:14px}.\[font-size\:18px\]{font-size:18px}.\[font-size\:clamp\(14px\,2vw\,20px\)\]{font-size:clamp(14px,2vw,20px)}.\[font-size\:var\(--h2-font-size\)\]{font-size:var(--h2-font-size)}.\[font-size\:var\(--h3-font-size\)\]{font-size:var(--h3-font-size)}.\[font-size\:var\(--h4-font-size\)\]{font-size:var(--h4-font-size)}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[22px\]{font-size:22px}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.font-\[600\]{--tw-font-weight:600;font-weight:600}.font-\[700\]{--tw-font-weight:700;font-weight:700}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[\#0F4096\]{color:#0f4096}.text-\[\#3D749F\]{color:#3d749f}.text-\[\#81B8E4\]{color:#81b8e4}.text-\[\#262E6D\]{color:#262e6d}.text-\[\#58585B\]{color:#58585b}.text-\[\#FF696D\]{color:#ff696d}.text-\[var\(--dark-blue-colo\)\]{color:var(--dark-blue-colo)}.text-\[var\(--dark-blue-color\)\]{color:var(--dark-blue-color)}.text-\[var\(--light-blue-color\)\]{color:var(--light-blue-color)}.text-\[var\(--light-gray-color\)\]{color:var(--light-gray-color)}.text-\[var\(--text-body\)\]{color:var(--text-body)}.text-\[var\(--text-title\)\]{color:var(--text-title)}.text-\[var\(--white-color\)\]{color:var(--white-color)}.text-gray-700{color:var(--color-gray-700)}.text-white{color:var(--color-white)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-80{opacity:.8}.\[box-shadow\:var\(--box-shadow\)\]{box-shadow:var(--box-shadow)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.placeholder\:text-\[var\(--text-gray\)\]::placeholder{color:var(--text-gray)}@media (hover:hover){.hover\:border-\[\#007bff\]:hover{border-color:#007bff}.hover\:bg-\[\#7ed4ff33\]:hover{background-color:#7ed4ff33}.hover\:bg-\[\#E8F9FF\]:hover{background-color:#e8f9ff}.hover\:text-\[\#262E6D\]:hover{color:#262e6d}.hover\:text-\[var\(--light-blue-color\)\]:hover{color:var(--light-blue-color)}.hover\:underline:hover{text-decoration-line:underline}}.disabled\:opacity-40:disabled{opacity:.4}}:root{--font-montserrat:"Montserrat",sans-serif;--font-noto-sans-thai:"Noto Sans Thai",sans-serif;--box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--white-color:#fff;--black-color:#171717;--text-body:#58585b;--text-gray:#a3a3a3;--text-title:#1b1b1b;--light-gray-color:#6773a1;--light-blue-color:#42b6e9;--dark-blue-color:#262e6d;--yellow-color:#ffb01f;--light-green-color:#4bcf3a;--special-light-blue:#42e6f2;--special-dark-blue:#315fac;--h1-font-size:36px;--h2-font-size:30px;--h3-font-size:26px;--h4-font-size:22px;--h5-font-size:22px}body{width:100%;height:100vh;font-family:var(--font-noto-sans-thai);min-width:350px;padding-top:100px;font-size:16px}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{background-color:#f5f5f5;width:3px;height:3px}::-webkit-scrollbar-thumb{background-color:#d7d7d7}html{scroll-behavior:smooth}img{object-fit:cover;width:100%;height:100%}section{scroll-margin-top:160px}input,textarea{outline:none}h2{font-size:var(--h2-font-size)}strong{font-family:var(--font-noto-sans-thai);font-weight:500}.container{width:1200px;max-width:100%;margin:0 auto}.header-menu{background:var(--white-color);z-index:99;box-shadow:var(--box-shadow);width:100%;position:fixed;top:0;left:0}.main-menu .sub-menu-list{cursor:pointer;border-bottom:2px solid #0000;gap:8px;padding:8px;transition:all .1s ease-in-out}.main-menu .sub-menu-list.active,.main-menu .sub-menu-list:hover{border-bottom:2px solid var(--light-blue-color)}.main-menu .sub-menu-list strong{cursor:pointer;transition:all .1s ease-in-out}.main-menu .sub-menu-list svg{transition:all .2s ease-in-out}.main-menu .sub-menu-list:hover svg{transform:rotate(180deg)}.main-menu .sub-menu-list.active svg path,.main-menu .sub-menu-list:hover svg path{fill:var(--light-blue-color)}.list-menu-mobile .sub-menu-list.active .item-main-menu,.main-menu .sub-menu-list.active .item-main-menu,.main-menu .sub-menu-list:hover .item-main-menu,.sub-menu-list-text.active{color:var(--light-blue-color)}.main-menu .sub-menu-list:hover .sub-menu-desktop{pointer-events:auto;opacity:1}.sub-menu-list a{width:fit-content}.sub-menu-desktop{pointer-events:none;opacity:0;z-index:99;width:100%;height:auto;padding:30px 0 10px;transition:all .2s ease-in-out;position:absolute;top:100%;left:0;overflow:hidden}.sub-menu-desktop ul{background:var(--white-color);box-shadow:var(--box-shadow);border:20px solid var(--white-color);z-index:1;border-radius:4px;flex-wrap:wrap;gap:16px 25px;width:100%;height:100%;max-height:200px;display:flex;position:relative;overflow-y:auto;cursor:default!important}.sub-menu-desktop ul li{width:calc(20% - 25px);min-width:160px}.sub-menu-desktop strong{cursor:pointer;transition:all .1s ease-in-out}.sub-menu-desktop strong:hover{color:var(--light-blue-color)}.main-menu-mobile{color:var(--white-color)}.list-menu-mobile{flex-direction:column;gap:16px;display:flex}.list-menu-mobile .sub-menu-list svg{transform:rotate(270deg)}.list-menu-mobile .sub-menu-list strong:hover{color:var(--light-blue-color)}.list-menu-mobile .sub-menu-list{width:40%}.sub-menu:hover strong{color:var(--light-blue-color)}.sub-menu:hover svg path{fill:var(--light-blue-color)}.sub-menu-mobile{background:var(--dark-blue-color);opacity:0;pointer-events:none;flex-direction:column;width:100%;height:100%;padding:100px 50px 50px;transition:all .2s ease-in-out;display:flex;position:fixed;top:0;left:20%}.sub-menu-mobile.active{opacity:1;pointer-events:auto;left:0}.sub-menu-mobile ul{flex-flow:column wrap;gap:16px 32px;display:flex}.sub-menu-mobile ul li{width:clamp(160px,20%,190px);min-width:160px}.title-menu label:hover{color:var(--light-blue-color)}.title-menu label:hover svg path{fill:var(--light-blue-color)}.sub-menu-mobile ul li strong,.title-menu strong{cursor:pointer}.title-menu span svg{transform:rotate(90deg)!important}.title-menu{border-bottom:1px solid #5b65b3;padding-bottom:20px}.cart-btn-desktop svg path{transition:all .1s ease-in-out}.cart-btn-desktop:hover svg path{stroke:var(--light-blue-color)}.cart-btn-desktop span.animate-bounce{animation:animate-bounce 1.1s infinite}@keyframes animate-bounce{0%{opacity:0;top:-21px}20%{opacity:1;top:-7px}40%{top:-17px}60%{top:-7px}80%{top:-13px}to{top:-7px}}.animate-bounce{animation:semicircle 2.5s cubic-bezier(.45,0,.55,1) infinite}.favorite-menu{display:none}.close-menu-mobile{color:var(--white-color);z-index:10000;cursor:pointer;display:none;position:absolute;top:50px;right:50px}.close-menu-mobile:hover>svg path{fill:var(--light-blue-color)}.hamburger-menu{z-index:1;cursor:pointer;flex-direction:column;justify-content:center;align-items:flex-end;gap:8px;width:50px;height:50px;padding:4px;display:none;position:relative}.hamburger-menu span{background:var(--dark-blue-color);border-radius:4px;width:100%;height:4px;transition:all .3s ease-in-out;display:block}.hamburger-menu span:nth-child(2){width:70%}.hamburger-menu span:nth-child(3){width:40%}.hamburger-menu:hover span{width:100%}.main-menu-mobile{z-index:9999;background:var(--dark-blue-color);flex-direction:column;gap:32px;width:100%;min-width:350px;height:100vh;padding:100px 50px 50px;display:none;position:fixed;top:0;left:0}.main-menu-mobile hr{color:#ffffff26}.max-image{height:clamp(25vh,50vw,500px)}.max-image .swiper-pagination{background:var(--white-color);bottom:0;right:0;left:auto;top:auto;width:fit-content;color:var(--text-gray);border-radius:30px 0 0;padding:8px 16px;font-size:clamp(16px,2vw,22px);font-weight:600}.max-image .swiper-pagination-current{color:var(--light-blue-color);font-size:clamp(24px,3vw,36px);font-weight:700}.image-about-us{z-index:2;width:40%;position:relative}.image-about-us h1{text-transform:uppercase;width:fit-content;font-size:48px;line-height:1.2;font-family:var(--font-montserrat);background:linear-gradient(to right,var(--special-light-blue),var(--special-dark-blue)70%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;font-weight:700}.image-about-us figcaption strong{font-size:26px;font-weight:600;line-height:1.2}.image-bg-about figure{border-radius:16px;overflow:hidden}.image-bg-about:before{content:"";background:linear-gradient(to right,var(--special-light-blue),var(--special-dark-blue)70%);z-index:0;border-radius:4px;width:80%;height:70%;position:absolute;top:0;left:-30px}.about-us-content{z-index:1;background:#fff;border-radius:16px;width:calc(50% + 310px);height:100%;position:absolute;top:0;right:0;overflow:hidden}.about-us-content h2{font-size:var(--h2-font-size);font-weight:500}.content-text-about{padding-left:clamp(200px,33%,250px)}.content-text-about p{color:var(--light-gray-color);margin-block:16px}.content-text-about .phone-number{font-size:16px}.card-product-item{cursor:pointer}.card-product-item:hover .hover-card{opacity:1}.list-product-slider.mySwiper,.related-products-slider.mySwiper{padding-bottom:30px}.list-review-slider.mySwiper{padding-bottom:60px}.list-review-slider .swiper-wrapper{align-items:stretch;display:flex}.list-review-slider .swiper-slide{display:flex;height:auto!important}.card-review-item{flex-direction:column;flex:1;justify-content:space-between;display:flex}.list-product-slider .swiper-pagination-bullet,.list-review-slider .swiper-pagination-bullet{transition:all .2s ease-in-out}.list-review-slider .swiper-pagination-bullet{background:var(--white-color);opacity:1}.list-product-slider .swiper-pagination-bullet-active,.list-review-slider .swiper-pagination-bullet-active,.related-products-slider .swiper-pagination-bullet-active{border-radius:4px;width:36px}.list-product-slider .swiper-pagination-bullet-active,.related-products-slider .swiper-pagination-bullet-active{background:var(--yellow-color)}.list-review-slider .swiper-pagination-bullet-active{background:var(--dark-blue-color)}.section-customer-reviews{background:url(/assets/images/bg-review.png) 50%}.sister-business-item figure img{object-fit:contain}.sister-business-item figure{width:clamp(80px,33%,160px)}.detail-product-slide{flex-direction:column;justify-content:end;gap:10px;width:100%;height:100%;padding:16px;display:flex;position:absolute;top:0;left:0}.product-item-type:hover .detail-product-slide{transform:translateY(0)}.detail-product-slide{transition:all .2s ease-in-out;transform:translateY(56px)}.header-path{color:var(--dark-blue-color);background:url(/assets/images/bg-path.jpg)}.header-path a:hover{cursor:pointer;color:var(--light-blue-color)}.header-path svg{transform:rotate(270deg)}.social-footer figure svg path{transition:all .1s ease-in-out}.social-footer figure:hover svg path{fill:var(--light-blue-color)}.main-content-all-products{gap:30px;padding:50px 0;display:flex;position:relative}.list-filter-products{scrollbar-width:auto;flex-direction:column;flex-grow:1;gap:4px;height:auto;max-height:100%;padding-right:8px;display:flex;overflow:auto}.active-sort-menu{opacity:1;pointer-events:auto}.gallery-product-image.swiper,.gallery-thumbs.swiper{margin:0}.gallery-thumbs.swiper .swiper-slide{opacity:.6;border:1px solid #d1d8e6}.gallery-thumbs.swiper .swiper-slide-thumb-active{opacity:1}.share-product:hover svg path{fill:var(--light-blue-color)}.save-product:hover svg path{fill:#d90e00}.save-product.active{background:#d90e00}.save-product.active svg path{fill:var(--white-color)}.detail-review-transportation h3{min-width:fit-content}.detail-review-transportation h3.active,.detail-review-transportation h3:hover{cursor:pointer;color:var(--dark-blue-color);border-bottom:2px solid var(--light-blue-color)}.list-nested{counter-reset:section;margin-top:0;padding-left:0}.list-nested>li{counter-increment:section;padding-left:0;list-style:none;position:relative}.list-nested>li:before{content:counter(section)". "}.list-nested ol{counter-reset:subsection}.list-nested ol>li{counter-increment:subsection;list-style:none;position:relative}.list-nested ol>li:before{content:counter(section)"." counter(subsection)" "}.status-product.NEW{background:var(--dark-blue-color)}.status-product.HOT{background:var(--yellow-color)}.status-product.SALE{background:#d90e00}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@media screen and (max-width:1440px){.header-menu nav{width:100%}.container{width:1024px}.list-product-shows{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1200px){.container{width:100%}.container,.header-menu nav{padding-inline:50px}.hamburger-menu,.main-menu-mobile,.title-menu{display:flex}.close-menu-mobile{display:block}.main-menu{display:none}.image-about-us{width:70%;margin:0 auto}.image-about-us figure{aspect-ratio:16/9;height:auto}.about-us-content{width:100%;position:relative}.content-text-about{text-align:center;background:0;padding-inline:0;padding-bottom:16px}.content-text-about,.content-text-about hgroup{justify-content:center;flex-wrap:wrap;row-gap:0}.content-text-about .phone-number{font-size:20px}.menu-footer{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(2,auto);gap:32px;row-gap:8px}.about-content{max-width:100%;padding-inline:50px}}@media screen and (max-width:1023px){.content-contact{flex-direction:column}.email-footer p,.pagination-all-product{margin:0 auto}.section-contact-us figure{width:calc(100% - 30px);border-radius:0 50px 50px 0}.form-contact,.map-contact{width:100%}.map-contact{margin-top:50px}.content-footer{flex-direction:column}.content-footer .address-business,.content-footer .contact-us-footer,.copyright-footer{text-align:center;width:100%}.content-footer .contact-us-footer{padding:0;margin-top:50px;align-items:center}.logo-footer,.menu-footer,.social-footer{justify-content:center}.main-content-all-products{display:flex;flex-direction:column}.main-content-all-products aside{width:100%}aside .list-filter{gap:16px}aside .list-filter-products{flex-direction:row;gap:32px;row-gap:8px;flex-wrap:wrap}.image-product-content{flex-direction:column}.gallery-box{min-width:100%}.gallery-box,.gallery-product-image{width:100%}.favorite-product-list{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:750px){.favorite-product-list,.list-product-shows{grid-template-columns:repeat(2,1fr)}.detail-product-box{width:100%}}@media screen and (max-width:640px){:root{--h2-font-size:22px;--h3-font-size:20px}.about-content{padding-inline:0}.list-menu-mobile .sub-menu-list{width:100%}.section-contact-us figure{width:100%;border-radius:0}.form-email-phone{flex-direction:column;gap:16px}.image-about-us{width:100%;padding-left:30px}.image-about-us h1{font-size:30px}.image-about-us figcaption strong{font-size:22px}.header-menu nav{padding-inline:30px}.contact-us-footer .btn-primary{display:none}.content-footer .contact-us-footer{margin-top:16px}.menu-footer{margin-block:16px}.search-product{width:100%;flex-direction:column}.btn-sort-product,.product-search-bar{width:100%}.list-product-shows{grid-template-columns:repeat(1,1fr)}.gallery-box{flex-direction:column}.gallery-thumbs.swiper-thumbs{height:120px;width:100%;min-width:100%;order:1}.main-swiper.gallery-product-image{height:300px}}@media screen and (max-width:520px){.favorite-product-list{grid-template-columns:repeat(1,auto)}.detail-product-slide p{padding:0}aside .list-filter-products{flex-direction:column;max-height:260px;overflow:auto;flex-wrap:nowrap;scrollbar-width:auto}.detail-review-transportation hgroup{gap:30px}}@media screen and (max-width:420px){.gallery-thumbs.swiper-thumbs{height:80px}.main-swiper.gallery-product-image{height:200px}.logo-footer{flex-direction:column}.btn-contact-us,.cart-btn-desktop{display:none}.favorite-menu{display:block}.map-contact{height:300px}.menu-footer{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(3,auto);gap:32px;row-gap:8px}.social-footer{flex-direction:column;gap:8px}.social-footer>div{justify-content:center}.image-about-us figcaption{margin-left:-15px}}