@charset "UTF-8";.sticky-group-wrapper{position:sticky;top:0;z-index:3}#announcement-bar-component{min-height:50px;background-color:#e6fe74}header{--menu-font-size:20px;--sub-menu-font-size:18px}.header{padding:10px}@media screen and (min-width:990px){.header{padding-top:10px;padding-bottom:10px}}.section-header{position:sticky;margin-bottom:0;z-index:3;top:0}@media screen and (min-width:750px){.section-header{margin-bottom:0}}.shop-logo{background-image:url("../images/Logo_CosmartShop.svg");background-repeat:no-repeat;background-size:contain;width:108px;height:31px;display:block}@media (min-width:768px){.shop-logo{background-image:url("../images/Logo_cosmartshop_laptop.svg");width:70px;height:70px}}.menu-drawer__inner-container{position:relative;height:100%;background:#f4f2ef}.menu-drawer__navigation-container{display:grid;grid-template-rows:1fr auto;align-content:space-between;overflow-y:auto;height:100%;padding:0 15px}.menu-drawer__navigation-container is-user{margin-top:20px;margin-bottom:20px}.menu-drawer__navigation-container is-user .menu-drawer__account{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:20px}.menu-drawer__navigation-container is-user .user-info div{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:0;margin-bottom:0}.menu-drawer__navigation-container is-user .user-info div .menu-box a{color:#000;padding:0 12px;border-radius:100px;min-height:24px;font-size:16px}.menu-drawer__navigation-container is-user .user-info div .menu-box a:hover{text-decoration:none}.list-menu{list-style:none;padding:0;margin:0}.menu-drawer__menu-item{padding:1.1rem 10px;text-decoration:none;font-size:var(--menu-font-size);font-family:Poppins;font-style:normal;font-weight:500;line-height:36px;letter-spacing:1px;text-transform:capitalize}header .menu-drawer__menu-item:hover{background-color:transparent}.menu-drawer__menu-item>a{color:var(--color-black);text-decoration:none}.list-menu__item{display:flex;align-items:center}header .list-menu__item{border-bottom:1px solid #eee5d9}@media (min-width:768px){header .list-menu__item{border-bottom:0}}header .list-menu__item{padding-left:10px;padding-right:10px}@media (min-width:768px){header .list-menu__item{padding-left:25px;padding-right:25px}}.menu-tnc{display:flex;padding:0 10px;justify-content:space-between;align-items:start;flex-direction:column;gap:10px;margin-top:20px}.menu-tnc a{font-size:16px;font-family:Poppins,sans-serif;font-style:normal;font-weight:400;line-height:36px;letter-spacing:1px;text-transform:capitalize;color:#000;text-decoration:none}.menu-tnc a:first-child{font-weight:800;display:inline-flex;align-items:center;gap:5px}.menu-tnc a:first-child .back{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cg clip-path='url(%23clip0_1970_6124)'%3E%3Cpath d='M7.16683 1.11114L3.8335 5.00003L7.16683 8.88892' stroke='%231C1914' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1970_6124'%3E%3Crect width='10' height='10' fill='white' transform='translate(0.5 10) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");width:10px;height:10px}.menu-box{display:inline-flex;flex-direction:column;align-items:center;gap:12px;margin-top:22px;margin-bottom:30px}.menu-box a{font-style:normal;font-weight:500;line-height:normal;border-radius:90px;padding:0 30px;background-color:#fff;cursor:pointer !important;display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:44px;gap:12px}.menu-box-msg a{font-family:Noto Sans HK;font-size:20px;text-transform:capitalize}.menu-box-content{display:flex;flex-direction:row;gap:12px}.menu-box-content a{font-size:14px;font-family:Poppins;color:var(--color-black);text-decoration:none}details[open].menu-opening>.menu-drawer:not(.third-lv),details[open].menu-opening>.menu-drawer__submenu{transform:translateX(0);visibility:visible;background-color:#f4f2ef}.menu-drawer__inner-submenu{height:100%;overflow-x:hidden;overflow-y:auto}.menu-drawer__inner-submenu .list-menu{padding:0 10px}.menu-drawer__close-button{display:flex;padding:0 10px;align-items:center;text-decoration:none;font-family:Poppins;font-size:var(--menu-font-size);color:var(--color-black);font-style:normal;font-weight:800;line-height:60px;letter-spacing:1px;text-transform:capitalize;width:100%;border-bottom:1px solid #eee5d9}details[open]>.third-lv{animation:animateMenuOpen var(--duration-default) ease;animation-fill-mode:forwards;z-index:1;padding:10px 30px;display:flex;flex-direction:column}.third-lv .list-menu__item{border-bottom:none}.third-lv .menu-drawer__menu-item{color:var(--color-base-black,#1c1914);font-family:Poppins;font-size:var(--sub-menu-font-size);font-style:normal;font-weight:500;letter-spacing:1px;text-transform:capitalize;padding:4px 0}.header__icon--menu{position:initial}menu-drawer>details[open]>summary:before{visibility:visible;opacity:1;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.menu-drawer{position:absolute;transform:translateX(-100%);visibility:hidden;z-index:3;left:0;top:100%;width:100%;padding:0;background-color:rgb(var(--color-background));overflow-x:hidden;filter:drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow),var(--drawer-shadow-opacity)))}@media (min-width:768px){.menu-drawer{width:40rem;border-width:0 var(--drawer-border-width) 0 0;border-style:solid;border-color:rgba(var(--color-foreground),var(--drawer-border-opacity))}}.menu-drawer__submenu{position:absolute;top:0;width:100%;bottom:0;left:0;background-color:rgb(var(--color-background));z-index:1;transform:translateX(100%);visibility:hidden}.menu-drawer__submenu .menu-drawer__submenu{overflow-y:auto}.menu-drawer__submenu .second-lv{display:none !important}.third-lv{opacity:0;transform:translateY(-1.5rem)}menu-drawer>details>summary:before,menu-drawer>details[open]:not(.menu-opening)>summary:before{content:"";position:absolute;cursor:default;width:100%;height:calc(100vh - 100%);height:calc(var(--viewport-height,100vh) - (var(--header-bottom-position,100%)));top:100%;left:0;background:rgba(var(--color-foreground),.5);opacity:0;visibility:hidden;z-index:2;transition:opacity 0s,visibility 0s}.menu-drawer{height:calc(100vh - 100%);height:calc(var(--viewport-height,100vh) - (var(--header-bottom-position,100%)))}details[open]>.menu-drawer,details[open]>.menu-drawer__submenu{transition:transform var(--duration-default) ease,visibility var(--duration-default) ease}.menu-drawer__navigation .submenu-open{visibility:hidden}.menu-drawer__menu-item .icon-caret{display:none}header .menu-drawer__close-button{font-size:20px;padding-left:10px;padding-right:10px}header .menu-drawer__close-button:hover{background-color:transparent}.menu-drawer__close-button .icon-arrow{transform:rotate(180deg);margin-right:1rem}.header__icons{align-items:center}.header__icons svg{display:block}@media (min-width:768px){.inline-menu-icon-search{margin-left:60px}}.menu-drawer .icon-arrow{display:block;width:25px;height:25px}.menu-drawer__menu-item>.icon-arrow,.menu-drawer__menu-item>.icon-caret{margin-left:auto;transition:transform .3s}.menu-drawer__inner-submenu details[open] summary>.icon-arrow{transform:rotate(90deg) translateX(-50%)}.minicart-wrapper .action.showcart:before,.minicart-wrapper .action.showcart.showcart.active:before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg' class='icon-cart-empty' aria-hidden='true' focusable='false'%3E%3Cg clip-path='url(%23clip0_848_14467)'%3E%3Cpath d='M12.9468 13.6666H21.2407' stroke='%231C1914' stroke-width='1.2' stroke-miterlimit='10'%3E%3C/path%3E%3Cpath d='M23.443 13.6666H29.1512V26.9091C29.1512 27.6757 28.5239 28.303 27.7572 28.303H8.24208C7.47542 28.303 6.84814 27.6757 6.84814 26.9091V13.6666H10.1588' stroke='%231C1914' stroke-width='1.2' stroke-miterlimit='10'%3E%3C/path%3E%3Cpath d='M12.7725 16.8588V11.9243C12.7725 9.03884 15.1143 6.69702 17.9997 6.69702C20.8852 6.69702 23.227 9.03884 23.227 11.9243V16.8588' stroke='%231C1914' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_848_14467'%3E%3Crect width='23.697' height='23' fill='white' transform='translate(6.15137 6)'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");width:24px;height:24px;background-size:130%;background-position:center}@media screen and (min-width:768px){.minicart-wrapper{margin-left:10px !important}}.minicart-wrapper .action.showcart .counter.qty{position:absolute;background:rgb(var(--color-button));color:rgb(var(--color-button-text));height:1.7rem;width:1.7rem;border-radius:100%;display:flex;justify-content:center;align-items:center;font-size:.9rem;bottom:.2rem;left:1.2rem;line-height:calc(1 + .1/var(--font-body-scale))}@media (min-width:768px){user-login{margin-left:4px}}is-user a.pointer{display:block}@media (min-width:768px){is-user a.pointer{display:none !important}}@media (min-width:768px){.header__inline-menu{overflow-y:hidden;overflow-x:auto;max-width:100%;-ms-overflow-style:none;scrollbar-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header__inline-menu::-webkit-scrollbar{display:none}}.header__inline-menu .list-menu--inline li{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:768px){.header__inline-menu .list-menu--inline{flex-wrap:nowrap;white-space:nowrap}}.header__inline-menu.active a,.header__inline-menu summary{cursor:grabbing;cursor:-webkit-grabbing}@media (min-width:768px){.header__menu-item{padding-right:30px}.header__menu-item a{color:var(--color-black);text-decoration:none;width:100%}}.expand-inline-menu{display:none}@media (min-width:768px){.expand-inline-menu{position:absolute;top:-4%;bottom:-4%;padding:0 20px;display:flex;align-items:center;box-shadow:-10px 0px 5px -6px #d0d0d0;visibility:hidden;cursor:pointer}.expand-inline-menu svg{transition:transform .3s}.expand-inline-menu.show{visibility:visible}.expand-inline-menu.end svg{transform:rotate(180deg)}}.floating-menu-container{display:none;--position-left:0;position:absolute;left:var(--position-left);background-color:#fff;margin-top:-20px;z-index:1}@media (min-width:768px){.floating-menu-container{display:block}}.floating-menu-container .list-menu--disclosure{display:none}.floating-menu-container .show-floating-menu{display:block !important;max-height:calc(100vh - 141px);min-height:20px;overflow:scroll}summary .icon-caret{top:calc(50% - 4px)}.nav-sections{background:var(--gradient-background);background-attachment:fixed;border-bottom:.1rem solid rgba(var(--color-foreground),.08);display:block;position:relative;color:rgba(var(--color-foreground),.75)}@media screen and (max-width:767px){.nav-sections{display:none}}.nav-sections-items>.nav-sections-item-title{display:none}.nav-sections-item-content{padding:10px 3rem;display:grid;grid-template-areas:"left-icons heading icons";grid-template-columns:1fr 2fr 1fr;align-items:center;justify-items:center;margin:0 auto}@media screen and (min-width:768px){.nav-sections-item-content{padding-left:5rem;padding-right:5rem;grid-template-columns:auto auto 146px;grid-template-areas:"heading navigation icons";grid-template-columns:auto auto 1fr;-moz-column-gap:2rem;column-gap:2rem;max-width:1340px}}@media screen and (min-width:990px){.nav-sections-item-content{padding-top:10px;padding-bottom:10px}}.nav-sections-item-content>*{display:block}.nav-sections-item-content>.nav-toggle{display:none}.nav-sections-item-content>.navigation{margin-left:-1.2rem;grid-area:navigation}@media screen and (min-width:768px){.nav-sections-item-content>.navigation{margin-left:0;overflow-y:hidden;overflow-x:auto;max-width:100%;-ms-overflow-style:none;scrollbar-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block}}.nav-sections-item-content>.navigation .ui-menu{list-style:none;padding:0;margin:0;display:inline-flex;flex-wrap:wrap}@media screen and (min-width:768px){.nav-sections-item-content>.navigation .ui-menu{flex-wrap:nowrap;white-space:nowrap}}.nav-sections-item-content>.navigation .ui-menu li{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:list-item}.nav-sections-item-content>.navigation .ui-menu li a{cursor:-webkit-grabbing;padding-left:10px;padding-right:10px;border-bottom:1px solid #eee5d9;display:flex;align-items:center;padding:1.2rem;text-decoration:none;color:#000;list-style:none;position:relative;cursor:pointer;display:inline-block;border:none;box-shadow:none;text-decoration:underline;text-underline-offset:.3rem;color:rgb(var(--color-link));background-color:transparent;font-size:1.4rem;font-family:inherit}@media screen and (min-width:768px){.nav-sections-item-content>.navigation .ui-menu li a{padding-left:25px;padding-right:25px;border-bottom:0;padding-right:30px}}.nav-sections-item-content>.navigation .ui-menu li a span{transition:-webkit-text-decoration var(--duration-short) ease;transition:text-decoration var(--duration-short) ease;transition:text-decoration var(--duration-short) ease,-webkit-text-decoration var(--duration-short) ease}.list-menu--inline{display:inline-flex;flex-wrap:wrap}header-drawer{justify-self:start;margin-left:-1.2rem}@media (min-width:768px){header-drawer{display:none}}.menu-drawer-container{display:flex}.list-menu__item--link{text-decoration:none;padding-bottom:1rem;padding-top:1rem;line-height:calc(1 + .8/var(--font-body-scale))}@media screen and (min-width:750px){.list-menu__item--link{padding-bottom:.5rem;padding-top:.5rem}}profile-info{font-family:Poppins,sans-serif}header profile-info{display:none;position:absolute;top:100%;right:0;margin-right:-20px;padding-top:20px}header profile-info:before{content:"▲";position:absolute;top:13px;right:25px;font-size:20px;line-height:0;color:#fff;text-shadow:0px -4px 4px #dcdcdc}profile-info .profile-info-content{background-color:#fff;padding:15px 20px;border-radius:15px;box-shadow:-3px 0px 11px -2px rgba(117,116,116,.75);min-width:400px}profile-info a{text-decoration:none;color:var(--color-black)}profile-info .member-name{font-size:24px;margin-top:0;margin-bottom:10px}profile-info .ranking{color:#fff;border-radius:50px;padding:2px 15px}profile-info .point{font-size:20px}profile-info .link-area{margin:10px}profile-info .link-area a{display:inline-block;padding:2px 0}profile-info .dashboard-area{display:flex;flex-wrap:wrap}profile-info .dashboard-title{font-size:20px;width:100%;margin-bottom:10px}profile-info .dashboard-area-group{width:50%}profile-info .dashboard-area-group a{display:block;padding:2px 15px}profile-info .btn-container{width:100%;text-align:center;border-top:1px solid #ebebeb;margin-top:20px}profile-info .btn-logout-cosmart{display:inline-block;padding-top:10px}header .btn-profile-info{position:relative}header .btn-profile-info.active profile-info{display:block}