*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;color:#333;font-family:Arial,sans-serif;font-size:13px}a{color:inherit;text-decoration:none}.topbar{align-items:center;background:#23232b;display:flex;flex-wrap:wrap;font-size:12px;gap:20px;justify-content:space-between;padding:5px 20px}.topbar,.topbar__greeting{color:#fff}.topbar__link{color:#fff;text-decoration:none}.topbar__link svg{fill:var(--extra-color);fill:#fff;height:13px;transition:.5s;width:13px}.topbar__link:hover{text-decoration:underline}.hot_face{align-items:center;display:flex;gap:20px;justify-content:space-between}.icon_d{background-color:#f33;border-radius:100%;left:10px;margin-top:-5px;top:11px}.icon_d,.ping{display:block;height:6px;width:6px}.ping{animation-duration:1.25s;animation-iteration-count:infinite;animation-name:sonar;animation-timing-function:linear;background-color:#ee2e2433;border:1px solid #f33;border-radius:100%;margin:-1px 0 0 -1px;opacity:1}@keyframes sonar{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3)}}.header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 4px #0000000f}.header__inner{align-items:center;display:flex;gap:24px;margin:0 auto;max-width:1300px;padding:10px 20px}.header__logo{display:block;flex-shrink:0;text-decoration:none}.header__logo-img{display:block;height:52px;object-fit:contain;width:auto}.header__search{align-items:center;background:#fff;border:1.5px solid #ddd;border-radius:22px;display:flex;flex-shrink:0;overflow:hidden;transition:border-color .2s;width:260px}.header__search:focus-within{border-color:#f5a623}.header__search-input{background:#0000;border:none;color:#333;flex:1 1;font-size:13px;outline:none;padding:8px 14px}.header__search-input::placeholder{color:#aaa}.header__search-btn{align-items:center;background:none;border:none;color:#f5a623;cursor:pointer;display:flex;font-size:16px;justify-content:center;line-height:1;padding:6px 12px 6px 4px}.header__search-btn:hover{opacity:.8}.header__nav{margin-left:auto}.header__nav,.header__nav-item{align-items:center;display:flex;gap:4px}.header__nav-item{border-radius:6px;color:#333;flex-direction:column;padding:6px 12px;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.header__nav-item img{height:25px;margin-bottom:5px;width:25px}.header__nav-item:hover{background:#fff0f3;color:#e8002d}.header__nav-icon{font-size:20px;line-height:1}.header__nav-label{font-size:11px;font-weight:700;letter-spacing:.3px}@media (max-width:1024px){.header__nav-item{padding:6px 8px}.header__nav-label{font-size:10px}.header__search{width:200px}}@media (max-width:768px){.header__inner{flex-wrap:wrap;gap:12px}.header__search{order:3;width:100%}.header__nav{display:none}}.navbar{background:#e8002d}.navbar__inner{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1100px}.navbar__inner,.navbar__item{position:relative}.navbar__item:hover .navbar__dropdown{display:block}.navbar__link{color:#fff;display:block;font-size:13px;font-weight:700;padding:10px 16px;text-decoration:none;white-space:nowrap}.navbar__link:hover{background:#c00020}.navbar__dropdown{background:#fff;border:1px solid #ddd;border-top:2px solid #e8002d;box-shadow:0 4px 12px #0000001f;display:none;left:0;min-width:180px;position:absolute;top:100%;z-index:100}.navbar__dropdown-link{color:#333;display:block;font-size:12px;padding:8px 14px;text-decoration:none;white-space:nowrap}.navbar__dropdown-link:hover{background:#fff0f3;color:#e8002d}.filter-bar{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:14px;min-height:48px;overflow:visible;z-index:10}.filter-bar,.filter-bar__category{align-items:center;display:flex;position:relative}.filter-bar__category{align-self:stretch;background:#222;flex-shrink:0;padding:0 18px}.filter-bar__category:after{border-bottom:24px solid #0000;border-left:14px solid #222;border-top:24px solid #0000;bottom:0;content:"";position:absolute;right:-14px;top:0;width:0;z-index:1}.filter-bar__category-text{color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.filter-bar__filters{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:0;padding-left:24px}.fd{position:relative}.fd__trigger{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;line-height:1;padding:12px 14px;transition:color .15s;white-space:nowrap}.fd__trigger:hover{color:#e8002d}.fd__trigger--active{color:#e8002d;font-weight:700}.fd__arrow{color:#999;font-size:10px;margin-top:1px;transition:transform .2s}.fd--open .fd__arrow{transform:rotate(180deg)}.fd__dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 16px #0000001f;left:0;min-width:300px;padding:10px 14px 12px;position:absolute;top:calc(100% + 2px);z-index:200}.fd__grid{grid-gap:2px 12px;display:grid;gap:2px 12px;grid-template-columns:1fr 1fr}.fd__option{align-items:center;border-radius:3px;cursor:pointer;display:flex;gap:7px;padding:6px 4px;transition:background .12s}.fd__option:hover{background:#fff0f3}.fd__checkbox{accent-color:#e8002d;cursor:pointer;flex-shrink:0;height:14px;width:14px}.fd__option-label{color:#333;font-size:12.5px;line-height:1.3;-webkit-user-select:none;user-select:none}.fd__option:hover .fd__option-label{color:#e8002d}.fd__grid--single{grid-template-columns:1fr;min-width:160px}@media (max-width:900px){.filter-bar__filters{padding-left:16px}.fd__trigger{font-size:12px;padding:10px}}@media (max-width:600px){.filter-bar{align-items:flex-start;flex-direction:column}.filter-bar__category:after{display:none}.filter-bar__category{padding:10px 16px;width:100%}.filter-bar__filters{flex-wrap:wrap;padding:6px 8px}}.product-card{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;display:block;overflow:hidden;position:relative;text-decoration:none;transition:box-shadow .2s,border-color .2s}.product-card:hover{border-color:#e8002d;box-shadow:0 4px 16px #00000024}.product-card__badge{background:#e8002d;border-radius:3px;color:#fff;font-size:10px;font-weight:700;left:6px;padding:2px 7px;position:absolute;top:6px;z-index:1}.product-card__img{align-items:center;aspect-ratio:1;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:center;overflow:hidden;width:100%}.product-card__img img{height:100%;object-fit:cover;transition:transform .25s;width:100%}.product-card:hover .product-card__img img{transform:scale(1.04)}.product-card__placeholder{color:#ccc;font-size:48px}.product-card__info{padding:8px 10px 10px}.product-card__name{color:#333;font-size:16px;font-weight:700;line-height:1.4;margin-bottom:5px;min-height:34px}.product-card__price{color:#e8002d;font-size:16px;font-weight:700;margin-bottom:3px}.product-card__promo{color:#e8002d;font-size:10px}.product-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.product-grid__empty{color:#999;font-size:14px;padding:40px;text-align:center}@media (max-width:900px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.product-grid{grid-template-columns:repeat(2,1fr)}}.pagination{display:flex;flex-wrap:wrap;gap:4px;margin-top:16px}.pagination__btn{background:#fff;border:1px solid #ddd;border-radius:3px;color:#333;cursor:pointer;font-size:13px;padding:6px 12px;transition:background .15s,color .15s,border-color .15s}.pagination__btn:hover{background:#fff0f3;border-color:#e8002d;color:#e8002d}.pagination__btn--active{background:#e8002d;border-color:#e8002d;color:#fff}.pagination__btn--active:hover{background:#c00020;color:#fff}.benefits{background:#e8002d;display:grid;grid-template-columns:repeat(3,1fr);margin:0;max-width:1100px;padding:0;position:relative;width:100%}.bene_cont,.benefits__item{align-items:center;display:flex;justify-content:center}.benefits__item{flex-direction:row;gap:12px;padding:10px 20px;position:relative}.benefits__divider{bottom:0;color:#fff6;font-size:36px;font-weight:100;line-height:1;pointer-events:none;position:absolute;right:-1px;top:0;-webkit-user-select:none;user-select:none;z-index:1}.benefits__divider,.benefits__icon{align-items:center;display:flex;justify-content:center}.benefits__icon{flex-shrink:0}.benefits__text{display:flex;flex-direction:column;gap:1px}.benefits__sup{color:#ffffffeb;font-size:10.5px;font-weight:500;letter-spacing:.2px;line-height:1.4}.benefits__sup,.benefits__title{text-transform:uppercase;white-space:nowrap}.benefits__title{color:#fff;display:block;font-size:20px;font-weight:800;letter-spacing:.3px;line-height:1.2}@media (max-width:640px){.benefits{grid-template-columns:1fr}.benefits__divider{display:none}.benefits__item{border-bottom:1px solid #fff3}.benefits__title{font-size:16px}.benefits__sup,.benefits__title{white-space:normal}}.footer{background:#2b2b2b;color:#ccc;font-size:13px;line-height:1.6;margin-top:10px}.footer__inner{grid-gap:32px;display:grid;gap:32px;grid-template-columns:200px 1fr 1fr 1fr;margin:0 auto;max-width:1200px;padding:32px 24px 24px}.footer__col--brand{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.footer__logo{object-fit:contain;width:120px}.footer__brand-name{color:#fff;font-size:14px;font-weight:600;margin:0}.footer__fb{color:#ccc;display:inline-flex;margin-top:2px;transition:color .15s}.footer__fb:hover{color:#4267b2}.footer__col{display:flex;flex-direction:column}.footer__heading{border-bottom:none;color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;padding-bottom:0}.footer__text{color:#ccc;margin:0 0 4px}.footer__text--label{margin-top:6px}.footer__link{color:#ccc;display:block;margin-bottom:5px;text-decoration:none;transition:color .15s}.footer__link:hover{color:#e8002d}.footer__iphone-bar{border-bottom:1px solid #444;border-top:1px solid #444;color:#ccc;font-size:12px;line-height:2;padding:12px 24px;text-align:center}.footer__iphone-link{color:#ccc;text-decoration:none;transition:color .15s}.footer__iphone-link:hover{color:#e8002d}.footer__sep{color:#666}.footer__bottom{color:#aaa;font-size:12px;line-height:1.8;padding:16px 24px 20px;text-align:center}.footer__bottom p{margin:0}.footer__bottom strong{color:#fff;font-size:13px}@media (max-width:900px){.footer__inner{grid-template-columns:1fr 1fr}}@media (max-width:540px){.footer__inner{grid-template-columns:1fr}}.app{background:#f5f5f5;color:#333;font-family:Arial,sans-serif;font-size:13px;min-height:100vh}.breadcrumb{align-items:center;color:#777;display:flex;font-size:12px;gap:4px;margin:8px auto;max-width:1100px;padding:0 12px}.breadcrumb__link{color:#e8002d;text-decoration:none}.breadcrumb__link:hover{text-decoration:underline}.breadcrumb__sep{color:#999}.brand-bar{display:flex;flex-wrap:wrap;gap:8px;margin:6px auto;max-width:1100px;padding:0 12px}.brand-chip{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:5px 12px;text-decoration:none;transition:border-color .15s}.brand-chip:hover{border-color:#e8002d;color:#e8002d}.main{margin:0 auto;max-width:1100px;padding:0 12px 24px}.content{flex:1 1;min-width:0}.content__desc{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#555;font-size:13px;line-height:1.7;margin-bottom:10px;padding:10px 12px}.content__header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px}.content__title{color:#e8002d;font-size:20px;font-weight:700;margin:0}.content__count{color:#888;font-size:13px;font-weight:400;margin-left:6px}.sort-bar{display:flex;flex-wrap:wrap;gap:4px}.sort-bar__btn{background:#fff;border:1px solid #ccc;border-radius:3px;color:#333;cursor:pointer;font-size:11px;padding:5px 10px;transition:background .15s,color .15s,border-color .15s}.sort-bar__btn:hover{border-color:#e8002d;color:#e8002d}.sort-bar__btn--active{background:#e8002d;border-color:#e8002d;color:#fff}.sort-bar__btn--active:hover{background:#c00020;color:#fff}.zalo-btn{background:#0068ff;border-radius:50%;bottom:200px}.chat_fb,.zalo-btn{align-items:center;box-shadow:0 2px 10px #0000004d;color:#fff;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;position:fixed;right:20px;text-decoration:none;transition:background .2s,transform .2s;width:50px;z-index:999}.chat_fb{background-color:#3a5795;background-position:0 0;background-repeat:repeat-x;background-size:auto;border:0;border-radius:50%;bottom:20px;box-sizing:border-box;font-size:15px;padding:6px 6px 0;text-align:center;text-shadow:0 1px 0 #0000001a;z-index:9999999}.zalo-btn:hover{background:#05c;transform:scale(1.08)}.suntory-alo-phone{background-color:initial;bottom:68px;cursor:pointer;height:120px;position:fixed;right:-22px;transition:visibility .5s ease 0s;width:120px;z-index:200000!important}.suntory-alo-ph-circle{animation:suntory-alo-circle-anim 1.2s ease-in-out 0s infinite normal none running;background-color:initial;border:2px solid #fdc400;border-radius:100%;height:100px;left:0;opacity:.1;top:0;width:100px}.suntory-alo-ph-circle,.suntory-alo-ph-circle-fill{position:absolute;transform-origin:initial;transition:all .5s ease 0s}.suntory-alo-ph-circle-fill{animation:suntory-alo-circle-fill-anim 2.3s ease-in-out 0s infinite normal none running;height:70px;left:15px;opacity:.9;top:15px;width:70px}.suntory-alo-ph-circle-fill,.suntory-alo-ph-img-circle{background-color:#fdc400;border:2px solid #0000;border-radius:100%}.suntory-alo-ph-img-circle{height:50px;left:25px;opacity:.86;position:absolute;top:25px;transform-origin:initial;width:50px}.suntory-alo-ph-img-circle svg{left:13px;position:absolute;top:13px}@keyframes suntory-alo-circle-anim{0%{opacity:.1;transform:rotate(0deg) scale(.5) skew(1deg)}30%{opacity:.5;transform:rotate(0deg) scale(.7) skew(1deg)}to{opacity:.6;transform:rotate(0deg) scale(1) skew(1deg)}}@keyframes suntory-alo-circle-fill-anim{0%{opacity:.2;transform:rotate(0deg) scale(.7) skew(1deg)}50%{opacity:.2;transform:rotate(0deg) scale(1) skew(1deg)}to{opacity:.2;transform:rotate(0deg) scale(.7) skew(1deg)}}@media (max-width:768px){.content__header{align-items:flex-start;flex-direction:column}.sort-bar{width:100%}}
/*# sourceMappingURL=main.eea123ce.css.map*/