@font-face{font-family:Graphik TH;src:url(/_next/static/media/GraphikTH-Regular.8b3d4991.woff2) format("woff2"),url(/_next/static/media/GraphikTH-Regular.eeac5f95.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--foreground-rgb:0,0,0;--body-background:#fff;--default-color:#00a5df;--default-font:"Graphik TH",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue","Helvetica Arial",sans-serif}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;min-height:100vh;overflow-x:hidden}*,body{font-family:var(--default-font)!important}body{overflow:hidden;background-color:#fff}.ant-input,.ant-input-number-input,.ant-select-selection,.ant-select-selector,input,select,textarea{font-size:16px!important}.app,.full-width{position:relative;display:flex;flex-direction:column;max-width:480px;width:100%;height:100%;min-height:100vh;background-color:#fff;font-size:14px;margin:52px auto 0;padding-bottom:125px}.app.has-promo-bar,.full-width.has-promo-bar{margin-top:104px}@media(max-width:1200px){.wrapper-product-detail{margin-top:60px!important}}.full-width{max-width:100%;position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:100vh;background-color:#fff;font-size:14px;margin:60px auto 0;padding-bottom:30px}.full-width.has-promo-bar{margin-top:104px}.container-desktop{max-width:1200px;margin:0 auto;width:100%;padding-top:20px;display:flex;flex-direction:column;gap:24px}@media(max-width:1200px){.container-desktop{max-width:100%;padding:0 32px}}.container-mobile{display:flex;flex-direction:column;gap:24px}.wrapper-login{display:grid;grid-template-columns:1fr 1fr;position:relative}@media(max-width:767px){.wrapper-login{grid-template-columns:1fr}}.layout-banner-login img{width:100%;height:100%;object-fit:cover}.layout-content-login{display:flex;align-items:center;justify-content:center;flex-direction:column}@media(max-width:767px){.layout-content-login{position:absolute;padding:10px;background-color:#fff;width:calc(100% - 30px);top:50%;transform:translateY(-50%);margin:15px;border-radius:20px}}.layout-content-login .box-content-login{width:100%;max-width:500px}.non-drag-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}.wrapper-footer{border-top:1px solid #f0f0f0;padding:24px 0}.wrapper-footer .container-footer{max-width:1200px;margin:0 auto;width:100%}.wrapper-footer .layout-footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:16px}.wrapper-footer .layout-footer-bottom .copyright{font-size:11px;color:#525257}.wrapper-footer .layout-footer-bottom .created-by{display:flex;align-items:center;justify-content:center;gap:32px}.wrapper-footer .layout-footer-bottom .created-by .link-item,.wrapper-footer .layout-footer-bottom .created-by .text-created-by{font-size:11px;color:#525257}.wrapper-footer .layout-footer{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0;padding-bottom:24px}.wrapper-footer .wrapper-footer-left{display:flex;align-items:center;justify-content:center}.wrapper-footer .wrapper-footer-right{display:flex;gap:64px}.wrapper-footer .wrapper-footer-right .layout-footer-right{display:flex;margin-bottom:10px;flex-direction:column;align-items:flex-end}.wrapper-footer .wrapper-footer-right .layout-footer-right .item-footer{display:flex;align-items:center;justify-content:center;gap:12px}.wrapper-footer .wrapper-footer-right .layout-footer-right .item-footer .item-footer-img{cursor:pointer}.wrapper-footer .wrapper-footer-right .layout-footer-right .item-footer .item-footer-img img{width:100%;height:auto;transition:.6s}.wrapper-footer .wrapper-footer-right .layout-footer-right .item-footer .item-footer-img img:hover{opacity:.8}.wrapper-footer .wrapper-footer-right .title-footer-item{font-size:16px;font-weight:600;margin-bottom:10px}@media(max-width:1200px){.wrapper-footer{padding:24px 16px}}@media(max-width:767px){.wrapper-footer{padding:24px 16px 32px}.wrapper-footer .layout-footer{flex-direction:column;gap:16px}.wrapper-footer .wrapper-footer-left{margin-bottom:16px}.wrapper-footer .layout-footer-bottom{flex-direction:column;gap:16px}.wrapper-footer .wrapper-footer-right .layout-footer-right{align-items:center}.wrapper-footer .wrapper-footer-right .item-footer{flex-wrap:wrap;width:144px}}.wrapper-header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:0;margin-bottom:0}@media(max-width:768px){.wrapper-header .main-header{padding:10px 32px}}.wrapper-header .box-product-list{margin-top:50px;position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:34px;gap:34px}@media(max-width:768px){.wrapper-header .box-product-list{grid-template-columns:1fr 1fr;gap:16px}}.wrapper-header .box-product-list .list-product{position:relative}.wrapper-header .box-product-list .list-product .main-product img{width:100%;height:200px;object-fit:cover;border-radius:8px}.wrapper-header .box-product-list .list-product .img-product{margin-bottom:10px;width:100%;position:relative;padding-top:96.25%;border-radius:12px;overflow:hidden;background-color:#dbdbdb;text-align:center;cursor:pointer;transition:.6s}.wrapper-header .box-product-list .list-product .img-product:hover{opacity:.8}.wrapper-header .box-product-list .list-product .img-product span{position:absolute;top:0;right:0;bottom:0;left:0}.wrapper-header .box-product-list .list-product .img-product img{width:100%;height:100%;object-fit:contain}.wrapper-header .box-product-list .list-product .name-product{font-size:12px;line-height:20px;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.wrapper-header .box-product-list .list-product .add-cart{position:absolute;right:0;bottom:0;padding-right:8px}.wrapper-header .box-product-list .list-product .add-cart img{width:24px;height:24px}.wrapper-header .box-product-list .list-product .price-product{font-size:14px;font-weight:600;color:#000}.wrapper-header .box-product-list .list-product .price-product span{font-size:12px;color:#9b9b9b;font-weight:400;-webkit-text-decoration-line:line-through;text-decoration-line:line-through;position:relative}.wrapper-header .show-search-header{position:absolute;top:80px;left:50%;transform:translateX(-50%);width:100%;max-width:1200px;margin:0 auto;background-color:#fff;border-radius:16px;padding:16px;max-height:600px;overflow:hidden}.wrapper-header .show-search-header .title-search-header span{font-size:20px;line-height:23px;font-weight:600;margin-bottom:20px}.wrapper-header .show-search-header .result-search-header{max-height:480px;overflow-y:auto;overflow-x:hidden}.wrapper-header .main-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;height:80px;max-width:1200px;margin:0 auto;border-bottom:1px solid #f0f0f0;overflow:visible;position:relative;opacity:1;transition:height .3s ease-in-out,padding .3s ease-in-out,opacity .3s ease-in-out,border-bottom-width .15s ease-in-out}.wrapper-header .main-header .search-header input{padding-left:40px;background-color:#f3f4f9;border-radius:30px;border:0}.wrapper-header .main-header .search-header .ant-input-group-addon{position:absolute;top:50%;transform:translateY(-50%);left:10px;z-index:2}.wrapper-header .main-header .search-header button{border:0;left:5px;background-color:#f3f4f9;border-radius:30px;width:24px;height:24px}.wrapper-header .main-header.is-hidden{height:0;padding-top:0;padding-bottom:0;opacity:0;border-bottom-width:0}.wrapper-header .main-header .layout-header.right-section{display:flex;align-items:center;gap:24px}.wrapper-header .main-header .logo-header img{height:40px;width:auto}.wrapper-header .main-header .basket-header{position:relative;cursor:pointer;transition:.6s}.wrapper-header .main-header .basket-header:hover{opacity:.8}.wrapper-header .main-header .basket-header span{position:absolute;top:-5px;right:-10px;width:18px;height:18px;color:#fff;background-color:#f44238;border-radius:100%;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.wrapper-header .main-header .basket-header img{height:24px}.wrapper-header .main-header .lang-selector{font-weight:700;cursor:pointer}.wrapper-header .main-header .user-header{cursor:pointer;transition:.6s;width:36px;height:36px;position:relative;display:flex;align-items:center;justify-content:center}.wrapper-header .main-header .user-header img{width:100%;height:100%;object-fit:cover}.wrapper-header .main-header .user-header:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:100%;width:39px;height:39px;border:1.5px solid rgba(0,53,147,.32)}.wrapper-header .main-header .user-header:hover{opacity:.8}.wrapper-header .main-header .user-header-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.wrapper-header .main-header .dropdown-menu{position:absolute;top:55px;right:0;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:8px;width:160px;padding:8px 0;z-index:1000}.wrapper-header .main-header .dropdown-menu ul{list-style:none;margin:0;padding:0}.wrapper-header .main-header .dropdown-menu li{padding:12px 16px;cursor:pointer;font-size:14px;color:#333}.wrapper-header .main-header .dropdown-menu li:hover{background:#f5f5f5}.wrapper-header .main-header .dropdown-menu .logout{color:red;font-weight:700}.wrapper-header .promo-bar{background-color:#1a1a1a;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:8px 40px}.wrapper-header .control-promo-bar{max-width:1200px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.wrapper-header .promo-text{display:flex;align-items:center;gap:8px;font-size:14px}.wrapper-header .sign-up-button{background:var(--theme-color,linear-gradient(to right,#ff416c,#ff4b2b));color:#fff;border:none;border-radius:20px;padding:8px 24px;font-weight:700;min-width:100px;cursor:pointer;transition:opacity .3s}.wrapper-header .sign-up-button:hover{opacity:.9}a{color:inherit;text-decoration:none}button{outline:none!important}.ant-layout{background-color:#fff!important}.ant-drawer .ant-drawer-content-wrapper{height:90vh;max-height:90vh;min-height:60vh;box-shadow:none!important;border-radius:16px 16px 0 0!important}.ant-drawer .ant-drawer-content{border-radius:16px 16px 0 0!important}.ant-drawer-mask{background:rgba(0,0,0,.64)!important}.ant-btn-primary{background-color:var(--default-color)}.ant-btn-disabled{border-color:#d9d9d9!important;color:rgba(0,0,0,.25)!important;background:rgba(0,0,0,.04)!important}.btn-add:disabled{background-color:#ccc!important;cursor:not-allowed}.box-search-mobile{display:none}.ic-mobile-search{cursor:pointer}@media(max-width:768px){.wrapper-header{position:fixed}.wrapper-header .show-search-header{top:0!important;left:0;transform:none;z-index:1000;height:100vh;position:fixed;max-height:100vh;overflow:hidden}.wrapper-header .show-search-header .box-search-mobile{display:block;margin-bottom:20px}.wrapper-header .show-search-header .box-search-mobile .search-header{position:relative;padding-right:40px;top:5px;right:0}.wrapper-header .show-search-header .box-search-mobile .search-header .ic-close-search{position:absolute;top:5px;right:0;cursor:pointer}.wrapper-header .show-search-header .box-search-mobile .search-header input{padding-left:40px;background-color:#f3f4f9;border-radius:30px;border:0}.wrapper-header .show-search-header .box-search-mobile .search-header .ant-input-group-addon{position:absolute;top:50%;transform:translateY(-50%);left:10px;z-index:2}.wrapper-header .show-search-header .box-search-mobile .search-header button{border:0;left:5px;background-color:#f3f4f9;border-radius:30px;width:24px;height:24px}.wrapper-header .show-search-header .result-search-header{height:100%;max-height:none;overflow-y:auto;overflow-x:hidden}.wrapper-header .main-header{align-items:center;height:auto;padding:8px 12px;gap:12px;transition:height .3s ease-in-out,padding .3s ease-in-out,opacity .3s ease-in-out,border-bottom-width .15s ease-in-out}.wrapper-header .main-header.is-hidden{height:0;padding-top:0;padding-bottom:0;opacity:0;border-bottom-width:0}.wrapper-header .main-header .logo-header img{height:32px}.wrapper-header .main-header .layout-header.right-section{align-items:center;gap:12px;width:100%;display:flex;justify-content:flex-end}.wrapper-header .main-header .search-header{width:150px}.wrapper-header .main-header .basket-header img{height:20px}.wrapper-header .promo-bar{align-items:flex-start;padding:8px 12px}}