/* Generated by scripts/build-page-css.mjs from https://ann.com.vn/shop?css=legacy, https://ann.com.vn/danh-muc/my-pham-cham-soc-da-mat?css=legacy. */
body.demo-2 { --primary-color: 255, 102, 0; --primary-color3: 255, 102, 0; }
.btn { text-transform: uppercase; font-weight: 600; }
.title-2 h2 { font-weight: 500; text-transform: capitalize; font-size: calc(14.4px + 0.5vw); line-height: 1.4; }
.title-flex h2 { display: flex; align-items: center; gap: 4px; }
.service-section { margin-top: clamp(32px, 4vw, 64px); }
.service-section .service-box i { color: rgba(var(--primary-color), 1); font-size: 29px; }
.ann-skeleton-title, .ann-skeleton-card, .ann-skeleton-row { display: block; overflow: hidden; border-radius: 8px; background: linear-gradient(90deg, rgb(226, 230, 239) 0%, rgb(247, 248, 251) 48%, rgb(226, 230, 239) 100%) 0% 0% / 220% 100%; box-shadow: rgba(66, 72, 90, 0.04) 0px 0px 0px 1px inset; animation: 1.25s ease-in-out 0s infinite normal none running ann-skeleton-pulse; }
.ann-skeleton-card { min-height: 270px; }
.ann-catalog-skeleton-card .ann-skeleton-card { width: 100%; min-height: 250px; }
@keyframes ann-skeleton-pulse { 
  0% { background-position: 120% 0px; }
  100% { background-position: -120% 0px; }
}
.ann-viewed-products-section[hidden] { display: none; }
.ann-viewed-products-section { padding-bottom: clamp(18px, 3vw, 38px); }
.ann-viewed-products-section .title-slider-button { display: flex; }
.ann-viewed-title-actions { display: flex; align-items: center; gap: 14px; }
.breadcrumb-section .breadcrumb-contain { padding: 0px; }
.breadcrumb-section .breadcrumb-contain h1, .breadcrumb-section .breadcrumb-contain h2 { text-transform: uppercase; font-weight: 600; font-size: 18px; }
.breadcrumb-section .breadcrumb-contain .breadcrumb-item a { display: inline-flex; align-items: center; min-height: 34px; }
.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item, .breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item + .breadcrumb-item { align-items: center; min-height: 34px; }
.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item + .breadcrumb-item::before { display: inline-flex; float: none; align-items: center; min-height: 34px; line-height: 1; }
@media (max-width: 767.98px) {.breadcrumb-section .breadcrumb-contain h1 { padding-top: 15px; }}
:root { --ann-tiktok-orange: #ff5b00; }
body, button, input, textarea, select { font-family: Arial, Helvetica, sans-serif; }
.custom-container { padding-inline: calc(-19px + 9.0625vw); }
img { filter: none !important; opacity: 1; }
.ann-tiktok-block { background: rgb(31, 34, 40); padding: 18px 14px 22px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 18px; }
.ann-tiktok-block .title-2 h2, .ann-tiktok-block .title-2 h3 { color: var(--ann-tiktok-orange); font-weight: 600; text-transform: uppercase; }
.ann-tiktok-block .title-2 a { color: rgb(255, 255, 255); }
.ann-tiktok-block [data-tiktok-more] { background-color: rgb(0, 0, 0) !important; }
.ann-tiktok-grid { align-items: stretch; }
.ann-tiktok-card { position: relative; display: block; overflow: hidden; width: 100%; min-width: 0px; padding: 0px; border: 0px; border-radius: 8px; color: rgb(255, 255, 255); text-align: left; aspect-ratio: 9 / 14.5; cursor: pointer; }
.ann-tiktok-thumb-wrap, .ann-tiktok-thumb-wrap img { display: block; width: 100%; height: 100%; }
.ann-tiktok-thumb-wrap img { object-fit: cover; }
.ann-tiktok-thumb-wrap::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0.05) 36%, rgba(0, 0, 0, 0.76) 100%); }
.ann-tiktok-play { position: absolute; top: 50%; left: 50%; z-index: 2; display: grid; width: 60px; height: 60px; place-items: center; border-radius: 999px; background: rgba(0, 0, 0, 0.44); backdrop-filter: blur(3px); box-shadow: rgba(0, 0, 0, 0.18) 0px 6px 20px; color: rgb(255, 255, 255); font-size: 44px; transform: translate(-50%, -50%); }
.ann-tiktok-play i { transform: scale(2.14); margin-left: 4px; }
.ann-tiktok-card-body { position: absolute; right: 8px; bottom: 8px; left: 8px; z-index: 3; display: grid; gap: 6px; }
.ann-tiktok-desc { display: -webkit-box; overflow: hidden; font-size: 14px; font-weight: 600; line-height: 1.26; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.ann-tiktok-stats { display: flex; flex-wrap: wrap; gap: 5px; font-size: 11px; }
.ann-tiktok-stats span { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 8px; border-radius: 999px; background: rgba(0, 0, 0, 0.55); }
.ann-tiktok-modal { position: fixed; inset: 0px; z-index: 1100; }
.ann-tiktok-modal[hidden] { display: none; }
.ann-tiktok-modal-backdrop { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.84); }
.ann-tiktok-modal-dialog { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 10px; width: min(430px, -50.625px + 56.25vh, -24px + 100vw); margin: 14px auto; color: rgb(255, 255, 255); }
.ann-tiktok-modal-close { align-self: flex-end; min-width: 82px; height: 42px; border: 0px; border-radius: 999px; background: rgb(51, 51, 51); color: rgb(255, 255, 255); font-weight: 800; text-transform: uppercase; }
.ann-tiktok-player { overflow: hidden; width: 100%; aspect-ratio: 9 / 16; border-radius: 20px; background: rgb(17, 17, 17); }
.ann-tiktok-player iframe { display: block; width: 100%; height: 100%; border: 0px; border-radius: 20px; background: rgb(0, 0, 0); }
.ann-tiktok-player-caption { display: none; }
body.ann-tiktok-modal-open { overflow: hidden; }
@media (max-width: 991.98px) {.ann-tiktok-modal-dialog { width: min(430px, -36px + 100vw); margin: 8px auto; }}
@media (max-width: 991.98px) and (max-height: 760px) {.ann-tiktok-modal-dialog { width: min(430px, 0.0625 * (-666px + (9 * 100dvh)), -16px + 100vw); }}
.ann-catalog-pagination .ann-catalog-pagination-link { min-height: 44px; padding: 10px 16px; font-weight: 500; color: rgba(var(--primary-color), 1) !important; border-color: rgba(var(--primary-color), 0.4) !important; }
.ann-catalog-pagination .ann-catalog-pagination-link:hover, .ann-catalog-pagination .ann-catalog-pagination-link:focus { color: rgb(255, 255, 255) !important; background-color: rgba(var(--primary-color), 1) !important; border-color: rgba(var(--primary-color), 1) !important; }
.ann-catalog-pagination .ann-catalog-pagination-current { min-height: 44px; padding: 10px 16px; font-weight: 600; color: rgb(255, 255, 255) !important; background-color: rgba(var(--primary-color), 1) !important; border-color: rgba(var(--primary-color), 1) !important; }
@media (max-width: 575.98px) {.ann-tiktok-play { width: 52px; height: 52px; font-size: 38px; }
.ann-tiktok-desc { font-size: 14px; -webkit-line-clamp: 3; }
.ann-tiktok-stats { font-size: 10px; }}
.mobile-menu { position: fixed; bottom: -1px; padding: 10px; width: 100%; background-color: rgba(var(--white), 1); z-index: 4; overflow: visible; box-shadow: 0 -3px 10px 0 rgba(var(--black), 0.08); }
.mobile-menu ul li a span { display: inline-block; color: rgba(var(--content-color), 1); line-height: 1; margin-top: 8px; font-weight: 600; font-size: 13px; }
.mobile-menu ul li a, .mobile-menu ul li a:focus, .mobile-menu ul li a:focus-visible, .mobile-menu ul li a:active { outline: 0px; box-shadow: none; -webkit-tap-highlight-color: transparent; }
.mobile-menu ul li a .ann-mobile-cart-icon, .mobile-menu ul li a .ann-mobile-action-icon { position: relative; display: block; width: fit-content; margin-top: 0px; margin-inline: auto; line-height: 1; }
.mobile-menu ul li a .ann-mobile-cart-badge, .mobile-menu ul li a .ann-mobile-action-badge { position: absolute; top: -7px; right: -10px; display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0px 4px; border: 1px solid rgba(var(--white), 1); border-radius: 999px; background: rgba(var(--primary-color3), 1); color: rgb(255, 255, 255); font-size: 11px; font-weight: 700; line-height: 1; margin-top: 0px; }
.mobile-menu ul li a .ann-mobile-cart-icon + span, .mobile-menu ul li a .ann-mobile-action-icon + span { margin-top: 8px; }
.mobile-menu ul li a .ann-mobile-menu-icon-fill { display: none; }
.mobile-menu ul li.active a .ann-mobile-menu-icon-line { display: none; }
.mobile-menu ul li.active a .ann-mobile-menu-icon-fill { display: block; }
.mobile-menu ul li.active a > i, .mobile-menu ul li.active a .ann-mobile-cart-icon > i, .mobile-menu ul li.active a .ann-mobile-action-icon > i, .mobile-menu ul li.active a > span, .mobile-menu ul li.active a .ann-mobile-cart-icon + span, .mobile-menu ul li.active a .ann-mobile-action-icon + span { color: rgb(23, 23, 23); }
.mobile-menu ul li.active a > span, .mobile-menu ul li.active a .ann-mobile-cart-icon + span, .mobile-menu ul li.active a .ann-mobile-action-icon + span { font-weight: 700; }
.ann-header-menu-button { flex-direction: column; align-items: center; justify-content: center; gap: 1px; width: 42px; min-width: 42px; padding: 0px; color: rgb(255, 255, 255); font-size: 11px; font-weight: 600; line-height: 1; letter-spacing: 0px; }
.ann-header-menu-button .navbar-toggler-icon { font-size: 25px; width: auto; height: auto; margin: 0px; line-height: 1; }
.ann-header-menu-button .navbar-toggler-icon i { display: inline-block; font-size: 25px; line-height: 1; transform: scaleX(1.6); transform-origin: center center; }
.ann-header-menu-label { color: inherit; font-size: 11px; font-weight: inherit; line-height: 1; }
.header-style-1 .main-header .right-header .header-icon > li > a i { font-size: 25px; }
.header-style-1 .main-header .right-header .header-icon > li > a .label { width: 18px; height: 18px; font-size: 11px; font-weight: 700; }
.header-style-1 .main-header .middle-header .search-form .input-group .search-button-light { background-color: color-mix(in srgb, rgba(var(--primary-color3), 1) 72%, #000); }
.header-style-1 .main-header .middle-header .search-form .input-group > .form-control:first-child, .header-style-1 .main-header .middle-header .search-form .input-group .close-icon + .form-control { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
body:has(header .middle-header.show) .header-style-1 { z-index: 1200; }
body:has(header #primaryMenu.offcanvas.show) .header-style-1, body:has(header #primaryMenu.offcanvas.showing) .header-style-1, body:has(header #primaryMenu.offcanvas.hiding) .header-style-1 { z-index: 1100; }
body.ann-search-modal-open { overflow: hidden; overscroll-behavior: none; }
body.ann-search-modal-open .header-style-1 { z-index: 1200; }
body.ann-search-modal-open .search-overlay { touch-action: none; }
.header-style-1 .main-header .middle-header.show { z-index: 1201; }
.header-style-1 .main-header .middle-header.show .result-box { z-index: 1202; }
@media (min-width: 992px) {.header-style-1 .main-header .middle-header .search-form { width: max-content; }
.header-style-1 .main-header .middle-header .search-form .input-group, .header-style-1 .main-header .middle-header .search-form .result-box { width: 100%; }
.header-style-1 .main-header .middle-header .search-form .result-box.show { height: calc(-96px + 100dvh); max-height: calc(-96px + 100dvh); overflow-y: auto; }}
@media (max-width: 991.98px) {.header-style-1 .main-header .middle-header.show { overscroll-behavior: contain; }
.header-style-1 .main-header .middle-header .search-form .result-box.show { --ann-search-mobile-offset: calc(82px + 4 * (100vw - 320px) / 672); box-sizing: border-box; height: calc(100svh - var(--ann-search-mobile-offset) - env(safe-area-inset-bottom, 0px)); max-height: calc(100svh - var(--ann-search-mobile-offset) - env(safe-area-inset-bottom, 0px)); overflow-y: auto; padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); overscroll-behavior: contain; scroll-padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); touch-action: pan-y; }
@supports (height: 100dvh) {.header-style-1 .main-header .middle-header .search-form .result-box.show { height: calc(100dvh - var(--ann-search-mobile-offset) - env(safe-area-inset-bottom, 0px)); max-height: calc(100dvh - var(--ann-search-mobile-offset) - env(safe-area-inset-bottom, 0px)); }}}
.header-style-1 .main-header .middle-header .search-form .input-group input[type="search"]::-webkit-search-decoration, .header-style-1 .main-header .middle-header .search-form .input-group input[type="search"]::-webkit-search-cancel-button, .header-style-1 .main-header .middle-header .search-form .input-group input[type="search"]::-webkit-search-results-button, .header-style-1 .main-header .middle-header .search-form .input-group input[type="search"]::-webkit-search-results-decoration { display: none; }
.result-box .search-result-box .result-list-box.ann-search-product-list, .result-box .ann-search-product-list { display: grid; align-items: stretch; flex-wrap: initial; gap: 5px; max-height: none; overflow-y: visible; padding-right: 4px; }
.result-box .search-result-box .ann-search-history-list { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; }
.result-box .search-result-box .ann-search-history-list li { display: inline-flex; width: auto; }
.ann-search-history-title { display: flex; align-items: baseline; gap: 8px; }
.ann-search-history-toggle { border: 0px; padding: 0px; background: transparent; color: rgba(var(--primary-color3), 1); font-size: 13px; font-weight: 600; line-height: 1; }
.ann-search-history-chip { display: inline-flex; align-items: center; min-width: 0px; overflow: hidden; border-radius: 4px; background-color: rgba(var(--content-color), 0.05); }
.result-box .search-result-box .result-list-box li .ann-search-history-keyword, .result-box .search-result-box .result-list-box li .ann-search-history-remove { display: inline-flex; align-items: center; min-height: 36px; border: 0px; background: transparent; color: rgba(var(--title-color), 1); line-height: 1; text-transform: none; }
.result-box .search-result-box .result-list-box li .ann-search-history-keyword { max-width: min(220px, 64vw); overflow: hidden; padding: 0px 8px 0px 12px; text-overflow: ellipsis; white-space: nowrap; }
.result-box .search-result-box .result-list-box li .ann-search-history-remove { justify-content: center; width: 34px; padding: 0px; color: rgba(var(--content-color), 1); }
.result-box .search-result-box .result-list-box li .ann-search-history-keyword:hover, .result-box .search-result-box .result-list-box li .ann-search-history-remove:hover { color: rgba(var(--primary-color3), 1); }
.ann-search-flash-sale-list { display: grid; gap: 6px; }
.ann-search-flash-sale-list li { display: block; width: 100%; }
.ann-search-flash-sale-row { display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: 8px; width: 100%; min-width: 0px; padding: 8px 0px; border-radius: 6px; color: rgba(var(--title-color), 1); text-transform: none; }
.ann-search-flash-sale-row:hover { background: rgba(var(--primary-color3), 0.08); color: rgba(var(--title-color), 1); }
.ann-search-flash-sale-info { display: grid; min-width: 0px; gap: 4px; }
.ann-search-flash-sale-name { display: inline-flex; align-items: center; gap: 6px; min-width: 0px; overflow: hidden; color: rgba(var(--title-color), 1); font-size: 14px; font-weight: 600; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.ann-search-flash-sale-name i { flex: 0 0 auto; color: rgb(255, 90, 0); font-size: 17px; line-height: 1; }
.ann-search-flash-sale-name span { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ann-search-flash-sale-meta { color: rgba(var(--content-color), 1); font-size: 12px; line-height: 1; }
.ann-search-flash-sale-action { color: rgba(var(--primary-color3), 1); font-size: 12px; font-weight: 600; line-height: 1; white-space: nowrap; }
.result-box .search-result-box .result-list-box.ann-search-product-list li, .result-box .ann-search-product-list li { display: block; width: 100%; padding: 0px; }
.result-box .search-result-box .result-list-box.ann-search-product-list li .ann-search-product-row, .result-box .last-seen-search-box .result-list-box.ann-search-product-list li .ann-search-product-row, .result-box .ann-search-product-list .ann-search-product-row { display: grid; grid-template-columns: 60px minmax(0px, 1fr); gap: 5px; align-items: center; padding: 5px 0px; border-radius: 6px; background: transparent; color: rgba(var(--title-color), 1); text-transform: none; outline: 0px; }
.result-box .search-result-box .result-list-box.ann-search-product-list li .ann-search-product-row:hover, .result-box .last-seen-search-box .result-list-box.ann-search-product-list li .ann-search-product-row:hover, .result-box .ann-search-product-list .ann-search-product-row:hover { background: rgba(var(--primary-color3), 0.08); color: rgba(var(--title-color), 1); outline: 0px; }
.ann-search-product-thumb { display: block; width: 60px; height: 60px; overflow: hidden; border-radius: 6px; background: rgba(var(--content-color), 0.06); }
.ann-search-product-thumb img { width: 100%; height: 100%; object-fit: cover; }
.ann-search-product-info { display: grid; min-width: 0px; gap: 5px; }
.ann-search-product-name { display: -webkit-box; overflow: hidden; color: rgba(var(--title-color), 1); font-size: 14px; font-weight: 600; line-height: 1.2; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ann-search-product-price-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; }
.ann-search-product-price { color: rgb(214, 0, 0); font-size: 13px; font-weight: 600; line-height: 1; }
.ann-search-product-compare-price { color: rgba(var(--content-color), 0.9); font-size: 12px; line-height: 1; text-decoration: line-through; }
.result-box .ann-search-product-list .ann-search-view-all-item { margin-top: 4px; }
.result-box .ann-search-product-list .ann-search-view-all { display: flex; align-items: center; justify-content: center; min-height: 38px; padding: 9px 12px; border-radius: 6px; background-color: rgba(var(--primary-color3), 1); color: rgba(var(--white), 1); font-size: 14px; font-weight: 600; line-height: 1.2; text-align: center; }
.result-box .ann-search-product-list .ann-search-view-all:hover, .result-box .ann-search-product-list .ann-search-view-all:focus { background-color: color-mix(in srgb, rgba(var(--primary-color3), 1) 82%, #000); color: rgba(var(--white), 1); }
.ann-search-results-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ann-search-results-title a { color: rgb(220, 38, 38); font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none; white-space: nowrap; }
.ann-search-results-title a:hover, .ann-search-results-title a:focus { color: rgb(185, 28, 28); }
.ann-search-empty { color: rgba(var(--content-color), 1); font-size: 14px; }
.ann-mobile-search-trigger { display: none; }
.header-style-1 { --ann-sticky-main-height: 80px; }
.header-style-1 .main-header { transition: box-shadow 0.28s, transform 0.36s cubic-bezier(0.22, 1, 0.36, 1); }
.header-style-1.sticky-header #primaryMenu.offcanvas { z-index: 1080; }
@keyframes ann-sticky-header-soft { 
  0% { transform: translate3d(0px, -100%, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@media (prefers-reduced-motion: reduce) {.header-style-1 .main-header { transition: none; }}
@media (max-width: 991.98px) {.header-style-1 { --ann-sticky-main-height: 60px; }
.header-style-1 .main-header { gap: 10px; }
.header-style-1 .main-header .right-header .header-icon > li:first-child > a { color: rgba(var(--content-color), 1); }
.header-style-1 .main-header .right-header .header-icon > li > a:focus, .header-style-1 .main-header .right-header .header-icon > li > a:focus-visible, .header-style-1 .main-header .right-header .header-icon > li > a:active, .header-style-1 .main-header .ann-header-menu-button:focus, .header-style-1 .main-header .ann-header-menu-button:focus-visible, .header-style-1 .main-header .ann-header-menu-button:active, .header-style-1 .main-header .header-logo:focus, .header-style-1 .main-header .header-logo:focus-visible, .header-style-1 .main-header .header-logo:active, .header-style-1 .main-header .search-form .form-control:focus, .header-style-1 .main-header .search-form .search-button:focus, .header-style-1 .main-header .search-form .search-button:focus-visible, .header-style-1 .main-header .search-form .search-button:active, .ann-mobile-search-trigger:focus, .ann-mobile-search-trigger:focus-visible { outline: 0px !important; box-shadow: none !important; }
.header-style-1 .main-header a, .header-style-1 .main-header button, .header-style-1 .main-header input { -webkit-tap-highlight-color: transparent; }
.header-style-1 .main-header, .header-style-1 .main-header *, .header-style-1 .main-header ::before, .header-style-1 .main-header ::after { outline: 0px !important; outline-offset: 0px !important; }
.header-style-1 .main-header .right-header .header-icon > li:first-child > a > .search-btn { display: none; }
.header-style-1 .main-header .middle-header .search-form .input-group input[type="search"] { font-size: 16px; line-height: 1.4; }
.header-style-1 .main-header .middle-header .close-icon { right: 6px; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.header-style-1 .main-header .middle-header .close-icon i { font-size: 42px; line-height: 1; }
.ann-mobile-search-trigger { display: inline-flex; align-items: center; justify-content: space-between; gap: 5px; width: 279px; height: 42px; padding: 13px; border-radius: 999px; background: rgba(var(--white), 1); color: rgba(var(--title-color), 0.9); font-size: 13px; font-weight: 500; line-height: 1; white-space: nowrap; }
.header-style-1 .main-header .right-header .header-icon > li > a .ann-mobile-search-trigger i { color: rgba(var(--content-color), 1); font-size: 18px; line-height: 1; }}
html { overflow-y: scroll; scrollbar-gutter: stable; }
.offcanvas.ann-category-canvas { width: min(100vw, 390px); max-width: 100vw; background: rgb(246, 251, 248); }
.offcanvas.ann-category-canvas, .offcanvas.ann-primary-menu-canvas, .offcanvas.ann-cart-canvas, .offcanvas.ann-wishlist-canvas, .offcanvas.ann-account-canvas { z-index: 1095 !important; }
.offcanvas-backdrop { z-index: 1090; }
.ann-save-wishlist-modal, .ann-clear-cart-modal, .ann-clear-wishlist-modal { z-index: 1105; }
@media (max-width: 1199.98px) {header #primaryMenu.offcanvas-collapse.ann-primary-menu-canvas { --bs-offcanvas-width: 100vw; max-width: 100vw; height: 100dvh; background: rgb(246, 251, 248); width: 100vw !important; }
header #primaryMenu.offcanvas-collapse.ann-primary-menu-canvas .offcanvas-body { padding: 0px; overflow: hidden; }
.ann-category-browser.ann-primary-menu-browser { display: block; grid-template-columns: none; height: calc(-60px + 100dvh); background: rgb(255, 255, 255); }
.ann-category-browser.ann-primary-menu-browser .ann-category-child-scroll { height: 100%; width: 100%; background: rgb(255, 255, 255); }
.ann-category-browser.ann-primary-menu-browser .ann-category-child-section { min-height: 100%; border-bottom: 0px; padding: 14px 12px 24px; }
.ann-category-child-grid.ann-primary-menu-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px 8px; }
.ann-primary-menu-grid .ann-category-child-card { grid-template-rows: 56px minmax(30px, auto); gap: 6px; font-size: 12px; }
.ann-primary-menu-grid .ann-category-child-media { width: 56px; height: 56px; }}
.ann-category-canvas .offcanvas-body { padding: 0px; }
.ann-canvas-toolbar, .ann-category-toolbar { display: grid; grid-template-columns: 54px 64px minmax(0px, 1fr); gap: 6px; height: 60px; padding: 6px; background: rgba(var(--primary-color3), 1); }
.ann-category-tool { display: grid; place-items: center; align-content: center; min-width: 0px; min-height: 38px; padding: 3px 4px; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px; background: color-mix(in srgb, rgba(var(--primary-color3), 1) 72%, #000); color: rgb(255, 255, 255); font-size: 11px; font-weight: 700; line-height: 1.1; text-align: center; }
.ann-category-tool:hover, .ann-category-tool:focus { color: rgb(255, 255, 255); background: color-mix(in srgb, rgba(var(--primary-color3), 1) 58%, #000); }
.ann-category-tool i { font-size: 15px; line-height: 1.5; }
.ann-category-search { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0px; height: 47px; padding: 0px 13px; border: 0px; border-radius: 999px; background: rgb(255, 255, 255); color: rgba(var(--title-color), 0.9); font-size: 13px; font-weight: 500; line-height: 1; text-align: left; white-space: nowrap; -webkit-tap-highlight-color: transparent; }
.ann-category-search i { flex: 0 0 auto; font-size: 18px; color: rgba(var(--content-color), 1); line-height: 1; }
.ann-category-search span { min-width: 0px; overflow: hidden; text-overflow: ellipsis; }
.ann-category-search:hover, .ann-category-search:focus, .ann-category-search:focus-visible, .ann-category-search:active { color: rgba(var(--title-color), 0.9); outline: 0px; box-shadow: none; }
.ann-category-title-box { display: none; }
.ann-category-browser { display: grid; grid-template-columns: 122px minmax(0px, 1fr); height: calc(-60px + 100vh); background: rgb(247, 251, 255); overflow: hidden; }
.ann-category-parent-list, .ann-category-child-scroll { min-height: 0px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
.ann-category-parent-list::-webkit-scrollbar, .ann-category-child-scroll::-webkit-scrollbar { display: none; }
.ann-category-parent:active, .ann-category-child-card:active { transform: scale(0.985); }
.ann-category-parent-media, .ann-category-child-media { display: grid; place-items: center; overflow: hidden; background: linear-gradient(90deg, rgb(255, 249, 241) 25%, rgb(255, 245, 234) 37%, rgb(255, 249, 241) 63%) 0% 0% / 220% 100%; animation: 1.4s ease-in-out 0s infinite normal none running ann-category-skeleton; }
.ann-category-parent-media i, .ann-category-child-media i { color: rgba(var(--primary-color3), 1); font-size: 28px; }
.ann-category-child-scroll { background: rgb(255, 255, 255); }
.ann-category-child-section { padding: 10px 10px 16px; border-bottom: 3px solid rgb(240, 244, 247); scroll-margin-top: 0px; }
.ann-category-child-section.active { background: rgb(238, 252, 241); }
.ann-category-child-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px 10px; }
.ann-category-child-card { display: grid; grid-template-rows: 64px 60px; justify-items: center; gap: 6px; min-width: 0px; color: rgb(54, 70, 82); font-size: 12px; line-height: 1.25; text-align: center; }
.ann-category-child-card:hover, .ann-category-child-card:focus { color: rgb(0, 138, 46); }
.ann-category-child-card.active { color: rgba(var(--primary-color3), 1); }
.ann-category-child-card:focus, .ann-category-child-card:focus-visible, .ann-category-child-card.active { outline: 0px; }
.ann-category-child-card.active .ann-category-child-media { outline: 2px solid rgba(var(--primary-color3), 1); outline-offset: 2px; }
.ann-category-child-media { width: 64px; height: 64px; border-radius: 8px; }
.ann-category-child-card span:last-child, .ann-category-parent span:last-child { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.ann-category-child-card span:last-child { min-height: 60px; }
@keyframes ann-category-skeleton { 
  0% { background-position: 120% 0px; }
  100% { background-position: -120% 0px; }
}
@media (max-width: 360px) {.ann-category-browser { grid-template-columns: 108px minmax(0px, 1fr); }
.ann-category-child-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 767.98px) {.header-style-1, .header-style-1.sticky-header { --ann-sticky-main-height: 60px; }
.header-style-1 .main-header { box-sizing: border-box; height: 60px; min-height: 60px; max-height: 60px; gap: 10px; align-items: center; padding-top: 0px; padding-bottom: 0px; }
.offcanvas.ann-category-canvas { width: 100vw; height: 100dvh; max-width: 100vw; }
.ann-category-browser { height: calc(-60px + 100dvh); }}
@keyframes ann-mobile-sticky-header-soft { 
  0% { transform: translate3d(0px, -60px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@media (max-width: 480px) {.ann-mobile-search-trigger { width: 179px; }}
@media (min-width: 768px) {.ann-category-toolbar { grid-template-columns: 54px 64px minmax(0px, 1fr); }
.ann-category-search { display: none; }
.ann-category-title-box { display: flex; }
.ann-category-browser { height: calc(-60px + 100vh); }}
.category-bg-color { position: relative; }
.ann-home-category-slider { position: relative; }
.ann-category-scroll-strip, .ann-home-category-slider.swiper { overflow: auto hidden; scrollbar-color: rgba(var(--content-color), 0.35) transparent; scrollbar-width: thin; }
.ann-category-scroll-strip::-webkit-scrollbar, .ann-home-category-slider.swiper::-webkit-scrollbar { height: 5px; }
.ann-category-scroll-strip::-webkit-scrollbar-thumb, .ann-home-category-slider.swiper::-webkit-scrollbar-thumb { border-radius: 999px; background-color: rgba(var(--content-color), 0.35); }
.ann-category-scroll-track, .ann-home-category-slider .swiper-wrapper { display: grid; grid-auto-flow: column; grid-auto-columns: calc(8.33333% - 9.16667px); gap: 10px; align-items: stretch; min-width: 100%; width: auto; transform: none !important; }
.ann-category-scroll-item, .ann-home-category-slider .swiper-slide { min-width: 0px; width: auto; height: auto; flex-shrink: 1; }
.ann-home-category-skeleton { position: absolute; inset: 0px; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); align-items: start; gap: 18px 10px; padding: 20px 10px; background-color: rgba(var(--white), 1); }
.category-bg-color.ann-category-ready .ann-home-category-skeleton, .ann-home-category-section.ann-category-ready .ann-home-category-skeleton { display: none; }
.ann-category-skeleton-item { display: flex; min-width: 0px; flex-direction: column; align-items: center; gap: 5px; }
.ann-category-skeleton-image, .ann-category-skeleton-line { display: block; overflow: hidden; border-radius: 8px; background: linear-gradient(90deg, rgb(226, 230, 239) 0%, rgb(247, 248, 251) 48%, rgb(226, 230, 239) 100%) 0% 0% / 220% 100%; box-shadow: rgba(66, 72, 90, 0.04) 0px 0px 0px 1px inset; animation: 1.25s ease-in-out 0s infinite normal none running ann-skeleton-pulse; }
.ann-category-skeleton-image { width: 92px; height: 92px; border-radius: 8px; }
.ann-category-skeleton-line { width: 82%; height: 13px; }
.ann-category-skeleton-line-short { width: 62%; }
@media (min-width: 768px) {.ann-home-category-skeleton { grid-template-columns: repeat(6, minmax(0px, 1fr)); }}
@media (min-width: 1200px) {.ann-home-category-skeleton { grid-template-columns: repeat(8, minmax(0px, 1fr)); }}
.ann-shop-category-strip { height: auto; }
.ann-shop-category-strip .ann-home-category-slider { height: auto; }
.ann-shop-category-strip .ann-category-scroll-track { grid-auto-columns: calc(8.69565% - 9.13043px); }
.ann-shop-category-strip .category-box-2.active h6 { color: rgba(var(--title-color), 1); font-weight: 600; }
.ann-shop-category-strip .category-box-2 h6 { min-height: calc(4.88em); line-height: 1.22; white-space: normal; word-break: normal; overflow-wrap: anywhere; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.ann-shop-category-strip .category-box-2 { display: flex; height: 100%; flex-direction: column; align-items: center; }
.ann-shop-category-strip .category-box-2 .category-image { flex: 0 0 92px; width: 92px; height: 92px; display: flex; align-items: center; justify-content: center; }
.ann-shop-category-strip .category-box-2 .category-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ann-shop-taxonomy-description { padding: 16px 18px; border: 0px; border-radius: 6px; background-color: rgba(var(--white), 1); color: rgba(var(--content-color), 1); line-height: 1.7; }
.ann-shop-taxonomy-description > :last-child { margin-bottom: 0px; }
.ann-shop-taxonomy-description img { display: block; width: auto; height: auto; margin-right: auto; margin-left: auto; max-width: min(100%, 600px) !important; }
.ann-shop-taxonomy-description figure { width: fit-content; margin: 1.5rem auto; text-align: center; max-width: min(100%, 600px) !important; }
.ann-shop-taxonomy-description figure img { max-width: 100% !important; }
.ann-shop-taxonomy-description figcaption, .ann-product-detail-content .ann-product-description-content figcaption { margin-top: 0.5rem; color: rgba(var(--content-color), 1); font-size: calc(13.8px + 0.0625vw); line-height: 1.5; text-align: center; }
.ann-shop-taxonomy-description .ann-product-description-content p { color: rgba(var(--title-color), 1); font-size: calc(15.6px + 0.125vw); }
.ann-shop-taxonomy-description .ann-product-description-content h2, .ann-shop-taxonomy-description .ann-product-description-content h3, .ann-shop-taxonomy-description .ann-product-description-content h4, .ann-shop-taxonomy-description .ann-product-description-content h5 { margin-bottom: 10px; color: rgba(var(--title-color), 1); }
.ann-shop-taxonomy-description .ann-product-description-content h2 { font-size: 21px; }
.ann-shop-taxonomy-description .ann-product-description-content h3 { font-size: 19px; font-weight: 600; }
.ann-shop-taxonomy-description .ann-product-description-content ul, .ann-shop-taxonomy-description .ann-product-description-content ol { margin: 0px 0px 1rem; padding-inline-start: 1.5rem; font-size: calc(15.6px + 0.125vw); }
.ann-shop-taxonomy-description .ann-product-description-content ul { list-style: outside disc; }
.ann-shop-taxonomy-description .ann-product-description-content ol { list-style: outside decimal; }
.ann-shop-taxonomy-description .ann-product-description-content ul, .ann-shop-taxonomy-description .ann-product-description-content ol { color: rgba(var(--title-color), 1); }
.ann-shop-taxonomy-description .ann-product-description-content li { display: list-item; margin-bottom: 0.375rem; line-height: 1.6; list-style: inherit; }
.ann-shop-taxonomy-description .ann-product-description-content li:last-child { margin-bottom: 0px; }
@media (min-width: 992px) {.ann-shop-taxonomy-description { max-width: 800px; margin-right: auto; margin-left: auto; }}
.ann-catalog-frame { position: relative; }
.ann-catalog-restore-overlay { position: absolute; inset: 0px; z-index: 4; display: flex; align-items: center; justify-content: center; min-height: 280px; background-color: rgba(255, 255, 255, 0.68); backdrop-filter: blur(2px); }
.ann-catalog-restore-spinner { width: 44px; height: 44px; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: rgba(var(--theme-color), 1); border-radius: 50%; animation: 0.75s linear 0s infinite normal none running ann-catalog-restore-spin; }
@keyframes ann-catalog-restore-spin { 
  100% { transform: rotate(360deg); }
}
.ann-catalog-page-focus { animation: 1.2s ease-out 0s 1 normal none running ann-catalog-page-focus; scroll-margin-top: 120px; }
@keyframes ann-catalog-page-focus { 
  0% { opacity: 0.35; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.footer-section-2 .main-footer .footer-list li a { display: inline-flex; align-items: center; min-height: 44px; }
.footer-section-2 .main-footer .footer-configured-column > ul { display: flex; flex-wrap: wrap; gap: calc(0.6px + 0.4375vw); }
.footer-section-2 .main-footer .footer-configured-column > ul > li, .footer-section-2 .main-footer .footer-configured-contact > ul > li { display: block; width: 100%; }
.footer-section-2 .main-footer .footer-configured-column > ul > li > a { position: relative; display: inline-flex; align-items: center; min-height: 44px; color: rgba(var(--white), 0.5); font-size: calc(13.6px + 0.125vw); font-weight: 400; transition: 0.3s ease-in-out; }
.footer-section-2 .main-footer .footer-configured-contact > ul { display: flex; flex-wrap: wrap; gap: calc(7.6px + 0.125vw); margin-bottom: calc(8.6px + 0.4375vw); }
.footer-section-2 .main-footer .footer-configured-contact > ul > li a { color: rgba(var(--white), 0.5); }
.footer-section-2 .main-footer .footer-configured-contact > ul > li:first-child a { color: rgba(var(--primary-color3), 1); font-size: calc(17.6px + 0.125vw); font-weight: 400; }
.footer-section-2 .sub-footer { color: rgba(var(--white), 0.5); align-items: flex-start; justify-content: space-between; flex-wrap: nowrap; gap: 24px; }
.footer-section-2 .sub-footer .sub-footer-logo { flex: 0 0 auto; }
.footer-section-2 .sub-footer .ann-business-info { flex: 1 1 auto; margin: 0px; text-align: right; line-height: 1.7; }
@media (max-width: 767.98px) {.footer-section-2 .sub-footer { align-items: center; justify-content: center; flex-flow: column wrap; gap: 12px; }
.footer-section-2 .sub-footer .ann-business-info { text-align: center; }}
.ann-zalo-widget { position: fixed; left: 16px; bottom: 18px; z-index: 90; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; transition: bottom 0.24s; }
.ann-flash-sale-floating-button { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; background-color: transparent; transition: transform 0.2s; }
.ann-flash-sale-floating-button:hover, .ann-flash-sale-floating-button:focus { transform: translateY(-2px); }
.ann-flash-sale-floating-button img { display: block; width: 56px; height: 56px; object-fit: contain; }
body:has(.offcanvas.show) .ann-zalo-widget, body:has(.offcanvas.showing) .ann-zalo-widget, body:has(.offcanvas.hiding) .ann-zalo-widget { display: none; }
.ann-zalo-floating-button { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 999px; background-color: rgb(0, 104, 255); color: rgb(255, 255, 255); font-size: 15px; font-weight: 700; line-height: 1; text-decoration: none; box-shadow: rgba(0, 104, 255, 0.28) 0px 8px 20px; transition: transform 0.2s, box-shadow 0.2s; }
.ann-zalo-floating-button:hover, .ann-zalo-floating-button:focus { color: rgb(255, 255, 255); transform: translateY(-2px); box-shadow: rgba(0, 104, 255, 0.34) 0px 12px 26px; }
.ann-zalo-floating-button.zalo_loading { pointer-events: none; opacity: 0.72; }
.ann-zalo-contact-form { display: grid; grid-template-columns: minmax(150px, 1fr) auto; gap: 6px; width: min(310px, -32px + 100vw); padding: 8px; border-radius: 29px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 104, 255, 0.22) 0px 8px 20px; }
.ann-zalo-contact-form[hidden], .ann-zalo-floating-button[hidden] { display: none; }
.ann-zalo-contact-form input { min-width: 0px; height: 42px; border: 1px solid rgba(0, 104, 255, 0.22); border-radius: 999px; padding: 0px 12px; font-size: 16px; }
.ann-zalo-contact-form button { height: 42px; border: 0px; border-radius: 999px; padding: 0px 14px; background-color: rgb(0, 104, 255); color: rgb(255, 255, 255); font-weight: 700; }
.ann-zalo-contact-message { grid-column: 1 / -1; display: none; padding: 0px 8px 2px; color: rgba(var(--content-color), 1); font-size: 12px; line-height: 1.25; }
@media (max-width: 767.98px) {.ann-zalo-widget { bottom: 78px; }
.ann-zalo-floating-button { font-size: 14px; }}
.ann-home-category-slider .ann-category-scroll-track, .ann-home-category-slider .swiper-wrapper { z-index: unset; }
.ann-home-category-slider .category-box-2 { display: flex; height: 100%; flex-direction: column; align-items: center; }
.category-bg-color .ann-home-category-slider .category-box-2 .category-image { flex: 0 0 92px; width: 92px; height: 92px; display: flex; align-items: center; justify-content: center; background-color: transparent; border-radius: 0px; overflow: visible; }
.ann-home-category-slider .category-box-2 .category-image img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; }
.ann-home-category-slider .category-box-2 h6 { min-height: calc(4.88em); margin-top: 8px; line-height: 1.22; white-space: normal; word-break: normal; overflow-wrap: anywhere; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
@media (max-width: 575.98px) {main { position: relative; }
.ann-home-category-slider .ann-category-scroll-track, .ann-home-category-slider .swiper-wrapper { grid-template-rows: repeat(2, minmax(0px, 1fr)); grid-auto-columns: calc(28.5714% - 6.85714px); align-items: stretch; }
.ann-home-category-skeleton { grid-template-columns: repeat(4, minmax(0px, 1fr)); grid-template-rows: repeat(2, minmax(0px, 1fr)); min-height: 360px; padding: 18px 8px; }
.ann-category-skeleton-item:nth-child(n+9) { display: none; }
.category-bg-color.ann-category-loading, .ann-home-category-slider { min-height: 360px; }
.ann-home-category-slider .ann-category-scroll-item, .ann-home-category-slider .swiper-slide { height: calc(175px); }
.ann-home-category-slider .category-box-2 { height: 100%; }
.ann-home-category-slider .category-box-2 .category-image { flex-basis: 92px; }
.ann-home-category-slider .category-bg-color .category-box-2 h6, .ann-home-category-slider .category-box-2 h6 { min-height: calc(4.88em); line-height: 1.22; word-break: normal; overflow-wrap: anywhere; -webkit-line-clamp: 4; }
.title-flex h2 { display: block; }
.ann-shop-category-strip .category-box-2 h6 { min-height: calc(4.88em); line-height: 1.22; -webkit-line-clamp: 4; }}
.shop-section { padding-bottom: calc(36.4px + 1.75vw); }
.product-box-4 .product-image { aspect-ratio: 103 / 103; }
.product-box-4 .product-content .name h5, .product-box-4 .product-content .name h3, .product-box-4 .product-content .name .h5 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; min-height: 4.6em; }
.ann-product-card .product-box-4 { position: relative; display: flex; flex-direction: column; height: 100%; overflow: visible; border: 1px solid rgba(var(--content-color), 0.16); border-radius: 8px; background: rgb(255, 255, 255); padding: 0px; }
.ann-product-card .ann-product-card-image { position: relative; overflow: visible; background: rgb(255, 255, 255); padding: 0px; border-radius: 8px; }
.ann-product-card .ann-product-card-link { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0px; color: inherit; text-transform: none; }
.ann-product-card .ann-product-card-link:hover, .ann-product-card .ann-product-card-link:focus { color: inherit; }
.ann-product-card .ann-product-card-link .ann-product-card-image { overflow: hidden; border-radius: 8px 8px 0px 0px; }
.ann-product-card .ann-product-card-image img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; }
.ann-product-discount { position: absolute; top: 0px; right: 0px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; min-width: 52px; min-height: 26px; padding: 4px 8px; border-radius: 0px 8px; background: rgba(var(--primary-color3), 0.8); color: rgb(255, 255, 255); font-size: 15px; font-weight: 700; line-height: 0.5; }
.ann-product-wishlist { position: absolute; top: 8px; left: 8px; z-index: 3; display: grid; place-items: center; width: 30px; height: 30px; border: 0px; border-radius: 999px; background: rgba(var(--white), 0.7); color: rgb(214, 0, 0); box-shadow: 0 2px 8px rgba(var(--black), 0.08); }
.ann-product-wishlist i { color: inherit; font-size: 20px; line-height: 1; }
.ann-product-card .ann-product-card-content { display: flex; flex-direction: column; flex: 1 1 auto; padding: 0px 8px 8px; }
.ann-product-card .ann-product-card-content-flash { display: flex; flex-direction: column; }
.ann-product-card .ann-product-card-content .name h5, .ann-product-card .ann-product-card-content .name h3 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; min-height: 4.6em; margin-bottom: 0px; color: rgba(var(--title-color), 1); font-size: 14px; font-weight: 500; line-height: 1.24; letter-spacing: 0px; }
.ann-product-sold { margin: 0px; color: rgba(var(--content-color), 0.9); font-size: 13px; line-height: 1.2; }
.ann-product-price-row { display: flex; align-items: baseline; gap: 8px; min-height: 18px; }
.ann-product-compare-price { color: rgba(var(--content-color), 0.9); font-size: 13px; line-height: 1.2; text-decoration: line-through; }
.ann-product-price { color: rgb(214, 0, 0); font-size: 14px; font-weight: 700; line-height: 1.2; }
.ann-product-flash-badge { position: absolute; bottom: 8px; left: 8px; z-index: 2; border-radius: 4px; padding: 4px 6px 3px; color: rgb(255, 255, 255); font-size: 11px; font-weight: 600; line-height: 1.2; background: rgba(var(--primary-color3), 0.8); }
.ann-flash-sale-block { border-radius: 8px; background: rgb(255, 135, 71); padding: 24px; }
.ann-flash-sale-block .title-2 { margin-bottom: 18px; }
.ann-flash-sale-heading { display: flex; align-items: center; gap: 14px; min-width: 0px; }
.ann-flash-sale-block .title-2 h2 { margin: 0px; color: rgb(255, 255, 255); font-size: 30px; font-weight: 600; line-height: 1; }
.ann-flash-sale-block .title-2 h2 i { display: inline-block; margin-right: 0px; line-height: 1; vertical-align: 0px; font-size: 20px; }
.ri-flashlight-fill::before { content: ""; display: inline-block; width: 1em; height: 1em; background-color: currentcolor; vertical-align: -0.125em; mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M13 2 4 14h6l-1 8 10-13h-6l1-7Z'/%3E%3C/svg%3E") center center / contain no-repeat; }
.ann-flash-sale-countdown { display: inline-flex; align-items: center; gap: 9px; color: rgb(255, 255, 255); font-size: 17px; font-weight: 700; line-height: 1; }
.ann-flash-sale-countdown span { display: grid; place-items: center; min-width: 44px; height: 34px; border-radius: 4px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-weight: 800; }
.ann-flash-sale-countdown i { color: rgb(255, 255, 255); font-style: normal; font-weight: 800; }
.ann-flash-sale-all-link { font-size: 16px; font-weight: 700; color: rgb(255, 255, 255) !important; }
.ann-flash-sale-all-link:hover { color: rgb(255, 255, 255) !important; }
.ann-flash-sale-more-wrap { display: block; }
.ann-flash-sale-more-link { color: rgb(255, 255, 255) !important; }
.ann-flash-sale-more-link:hover, .ann-flash-sale-more-link:focus { color: rgb(255, 255, 255) !important; }
.ann-flash-sale-section .product-box-4-main { height: 100%; }
.ann-flash-sale-section .ann-product-card .product-box-4, .ann-flash-sale-page .ann-product-card .product-box-4 { overflow: hidden; border: 0px; border-radius: 8px; }
.ann-flash-sale-progress { position: relative; display: grid; place-items: center; margin-top: auto; height: 19px; overflow: hidden; border-radius: 999px; background: rgb(255, 198, 165); }
.ann-flash-sale-progress progress { position: absolute; inset: 0px; width: 100%; height: 100%; appearance: none; border: 0px; }
.ann-flash-sale-progress progress::-webkit-progress-bar { border-radius: 999px; background: rgb(255, 198, 165); }
.ann-flash-sale-progress progress::-webkit-progress-value { border-radius: 999px; background: rgb(255, 90, 0); }
.ann-flash-sale-progress strong { position: relative; z-index: 1; color: rgb(255, 255, 255); font-size: 13px; font-weight: 800; line-height: 1; }
@media (max-width: 575.98px) {.ann-flash-sale-block { padding: 14px; }
.ann-flash-sale-block .title-2 { align-items: center; gap: 10px; }
.ann-flash-sale-heading { gap: 8px; }
.ann-flash-sale-block .title-2 h2 { font-size: 22px; }
.ann-flash-sale-section .ann-flash-sale-block .title-2 { align-items: flex-start; }
.ann-flash-sale-section .ann-flash-sale-heading { flex-wrap: wrap; flex: 1 1 auto; min-width: 0px; }
.ann-flash-sale-section .ann-flash-sale-block .title-2 h2 { flex: 0 1 auto; max-width: 100%; font-weight: 600; }
.ann-flash-sale-section .ann-flash-sale-countdown { flex: 0 0 auto; justify-content: flex-end; margin-left: auto; }
.ann-flash-sale-countdown { gap: 5px; font-size: 14px; }
.ann-flash-sale-countdown span { min-width: 32px; height: 28px; }
.ann-flash-sale-all-link { display: none; }}
.ann-product-tier { margin: 0px; color: rgba(var(--content-color), 1); font-size: 12px; line-height: 1.28; }
.ann-product-card-action { flex: 0 0 auto; min-height: 43px; background: rgb(255, 243, 230); }
.ann-product-buy-btn, .ann-product-qty-box { width: 100%; height: 43px; }
.ann-product-buy-btn { display: grid; place-items: center; border: 0px; background: rgb(255, 243, 230); color: rgba(var(--title-color), 1); font-size: 16px; font-weight: 700; line-height: 1; }
.ann-product-qty-box { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.ann-product-qty-box[hidden], .ann-product-buy-btn[hidden] { display: none; }
.ann-product-qty-btn, .ann-product-qty-value { display: grid; place-items: center; border: 0px; color: rgba(var(--title-color), 1); font-size: 16px; font-weight: 500; line-height: 1; }
.ann-product-qty-btn { background: rgb(255, 243, 230); }
.ann-product-qty-value { background: rgb(255, 255, 255); }
[data-cart-progress] { width: 0%; }
.checkout-section-new [data-password-toggle], .ann-account-login-box [data-password-toggle] { min-width: 64px; color: rgba(var(--title-color), 1); background-color: rgba(var(--base-gray), 1); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 0px; border-radius: 0px 5px 5px 0px; }
.checkout-section-new [data-password-toggle]:hover, .checkout-section-new [data-password-toggle]:focus, .checkout-section-new [data-password-toggle]:active, .ann-account-login-box [data-password-toggle]:hover, .ann-account-login-box [data-password-toggle]:focus, .ann-account-login-box [data-password-toggle]:active { color: rgba(var(--white), 1); background-color: rgba(var(--content-color), 1); border-color: rgba(var(--content-color), 1); }
.checkout-section-new .ann-password-group > .form-control, .ann-account-login-box .ann-password-group > .form-control { border-right: 0px; }
.ann-account-password-form .ann-password-group { position: relative; display: block; }
.ann-account-password-form .ann-password-group > .form-control { width: 100%; padding-right: 48px; background-color: rgba(var(--base-gray), 1); border-color: transparent; border-radius: 5px !important; }
.ann-account-password-form .ann-password-group > .form-control:focus { background-color: rgba(var(--base-gray), 1); border-color: rgba(var(--primary-color), 1); box-shadow: none; }
.ann-account-password-form .ann-password-group > [data-password-toggle] { position: absolute; top: 50%; right: 6px; z-index: 4; min-width: 36px; width: 36px; height: 36px; padding: 0px; color: rgba(var(--content-color), 1); background: transparent; border: 0px; transform: translateY(-50%); }
.ann-account-password-form .ann-password-group > [data-password-toggle]:hover, .ann-account-password-form .ann-password-group > [data-password-toggle]:focus, .ann-account-password-form .ann-password-group > [data-password-toggle]:active { color: rgba(var(--primary-color), 1); background: transparent; border: 0px; }
.ann-search-select { position: relative; z-index: 5; }
.ann-search-select.is-open { z-index: 30; }
.ann-search-select-toggle { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding: calc(10px + 0.3125vw) calc(13px + 0.3125vw); color: rgba(var(--title-color), 1); background-color: rgba(var(--base-gray), 1); border: 1px solid rgba(var(--border-color), 1); border-radius: 5px; text-align: left; }
.ann-search-select-toggle:focus { border-color: rgba(var(--primary-color), 1); outline: 0px; box-shadow: 0 0 0 0.15rem rgba(var(--primary-color), 0.14); }
.ann-search-select-label { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ann-search-select-toggle i { flex: 0 0 auto; color: rgba(var(--content-color), 1); font-size: 20px; line-height: 1; }
.ann-search-select.is-disabled .ann-search-select-toggle { cursor: not-allowed; opacity: 0.65; }
.ann-search-select-menu { position: absolute; top: calc(100% + 6px); left: 0px; right: 0px; z-index: 40; padding: 8px; background: rgba(var(--white), 1); border: 1px solid rgba(var(--border-color), 1); border-radius: 8px; box-shadow: 0 12px 30px rgba(var(--title-color), 0.12); }
.ann-search-select-input { width: 100%; height: 42px; padding: 8px 12px; color: rgba(var(--title-color), 1); background-color: rgba(var(--base-gray), 1); border: 1px solid rgba(var(--border-color), 1); border-radius: 6px; outline: 0px; }
.ann-search-select-input:focus { border-color: rgba(var(--primary-color), 1); }
.ann-search-select-list { max-height: 240px; margin-top: 8px; overflow-y: auto; }
.ann-search-select-option, .ann-search-select-empty { width: 100%; padding: 9px 10px; color: rgba(var(--title-color), 1); background: transparent; border: 0px; border-radius: 6px; text-align: left; }
.ann-search-select-option:hover, .ann-search-select-option:focus, .ann-search-select-option[aria-selected="true"] { color: rgba(var(--primary-color), 1); background-color: rgba(var(--primary-color), 0.08); outline: 0px; }
.ann-search-select-empty { color: rgba(var(--content-color), 1); cursor: default; }
.ann-cart-shipping-link { padding: 0px; margin-left: 6px; color: rgba(var(--primary-color), 1); background: transparent; border: 0px; font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.ann-cart-shipping-link:hover, .ann-cart-shipping-link:focus { color: rgba(var(--primary-color), 0.82); }
.ann-checkout-coin-option { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 10px; color: rgba(var(--title-color), 1); font-weight: 600; cursor: pointer; }
.ann-checkout-coin-option.form-switch { min-height: 0px; margin-bottom: 0px; padding-left: 0px; }
.ann-checkout-coin-option .form-check-input { flex: 0 0 auto; float: none; width: 3em; height: 1.62em; margin: 0px; border-color: rgb(188, 188, 188); background-color: rgb(244, 244, 244); cursor: pointer; }
.ann-cart-page-coin-option { padding: 11px 0px; }
.ann-cart-page-coin-option .ann-checkout-coin-option { flex: 1 1 auto; }
.offcanvas.ann-cart-canvas .ann-cart-coin-option { margin: 8px 0px 12px; padding: 9px 10px; border: 1px solid rgb(225, 228, 234); border-radius: 6px; background-color: rgb(255, 255, 255); }
.offcanvas.cart-offcanvas.ann-cart-canvas .offcanvas-body .cart-product-box .total-price-box .sub-total.ann-cart-payment-total { padding-top: 8px; border-top: 1px solid rgb(223, 227, 232); color: rgba(var(--title-color), 1); font-size: 17px; font-weight: 700; }
.offcanvas.cart-offcanvas.ann-cart-canvas .offcanvas-body .cart-product-box .total-price-box .sub-total.ann-cart-payment-total span { font-weight: 700; }
@media (min-width: 768px) {.offcanvas.cart-offcanvas.ann-cart-canvas .offcanvas-body .cart-product-box .total-price-box .sub-total.ann-cart-payment-total { font-size: 19px; }}
.checkout-section-new .form-control.is-invalid, .checkout-section-new .form-select.is-invalid, .checkout-section-new .ann-native-search-select.is-invalid + .ann-search-select .ann-search-select-toggle { border-color: rgb(220, 53, 69); }
.checkout-section-new .form-control.is-invalid:focus, .checkout-section-new .form-select.is-invalid:focus, .checkout-section-new .ann-native-search-select.is-invalid + .ann-search-select .ann-search-select-toggle:focus { box-shadow: rgba(220, 53, 69, 0.16) 0px 0px 0px 0.15rem; }
.ann-cart-discount, .ann-product-price-note { display: inline-flex; margin: 0px; color: rgb(0, 138, 46); font-size: 13px; font-weight: 700; line-height: 1.35; }
@keyframes ann-product-choose-flash { 
  0%, 100% { color: inherit; font-weight: inherit; transform: scale(1); }
  28%, 72% { color: rgb(245, 180, 0); font-weight: 600; transform: scale(1.1); }
  50% { color: rgb(217, 154, 0); transform: scale(1.04); }
}
.ann-cart-discount span { color: inherit; }
.offcanvas.cart-offcanvas .product-box-list .vertical-product-box .product-content .ann-cart-price-row, .offcanvas.cart-offcanvas .product-box-list .vertical-product-box .product-content .ann-cart-amount-row { display: flex; align-items: center; gap: 10px; }
.offcanvas.cart-offcanvas .product-box-list .vertical-product-box .product-content .ann-cart-price-row { margin-top: 4px; flex-wrap: wrap; gap: 6px 4px; }
.offcanvas.cart-offcanvas .product-box-list .vertical-product-box .product-content .ann-cart-price-row .price { margin: 0px; }
.offcanvas.cart-offcanvas .product-box-list .vertical-product-box .product-content .ann-cart-price-label { color: rgba(var(--content-color), 1); font-size: 13px; font-weight: 500; line-height: 1.2; }
.offcanvas.cart-offcanvas .product-box-list .vertical-product-box .product-content .ann-cart-amount-row { margin-top: 8px; justify-content: space-between; }
.offcanvas.cart-offcanvas .product-box-list .vertical-product-box .product-content .quantity-box.qty-container { display: grid; grid-template-columns: 28px minmax(28px, 1fr) 28px; align-items: center; position: static; margin-top: 0px; width: 98px; }
.offcanvas.cart-offcanvas .product-box-list .vertical-product-box .product-content .quantity-box .qty-btn-minus, .offcanvas.cart-offcanvas .product-box-list .vertical-product-box .product-content .quantity-box .qty-btn-plus { display: inline-flex; align-items: center; justify-content: center; width: 28px; min-width: 28px; height: 28px; }
.offcanvas.cart-offcanvas .product-box-list .vertical-product-box .product-content .quantity-box .input-qty { width: 100%; min-width: 28px; }
.offcanvas.cart-offcanvas .product-box-list .vertical-product-box .product-content .ann-cart-line-total { margin: 0px; color: rgba(var(--title-color), 1); font-size: 16px; font-weight: bold; line-height: 1.2; }
.cart-section .cart-table2 .cart-box .cart-image, .offcanvas.cart-offcanvas .product-box-list .vertical-product-box .product-image { background: transparent; }
.cart-section .cart-table2 .cart-box .cart-image a, .offcanvas.cart-offcanvas .product-box-list .vertical-product-box .product-image { display: flex; align-items: center; justify-content: center; }
.offcanvas.cart-offcanvas .product-box-list .vertical-product-box .product-image { padding: 0px; }
.cart-section .cart-table2 .cart-box .cart-image a img, .offcanvas.cart-offcanvas .product-box-list .vertical-product-box .product-image img { object-fit: contain; }
.cart-section .cart-table-box .ann-cart-page-price-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 4px; }
.cart-section .cart-table-box .ann-cart-price-label { color: rgba(var(--content-color), 1); font-size: 13px; font-weight: 500; line-height: 1.2; }
.cart-section .cart-table-box .ann-cart-page-price-row .price { margin: 0px; }
.cart-section .cart-table2 .cart-box .cart-image .ann-cart-thumb-remove { position: absolute; top: 0px; left: 0px; z-index: 0; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; min-width: 30px; padding: 0px; color: rgb(90, 90, 90); background: rgb(255, 255, 255); border: 2px solid rgb(90, 90, 90); border-radius: 50%; }
.cart-section .cart-table2 .cart-box .cart-image .ann-cart-thumb-remove i { position: static; color: inherit; font-size: 16px; line-height: 1; }
.offcanvas.cart-offcanvas .product-box-list .vertical-product-box { position: relative; }
.offcanvas.cart-offcanvas .product-box-list .vertical-product-box .ann-cart-thumb-remove { position: absolute; top: 0px; left: 0px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; min-width: 30px; padding: 0px; color: rgb(90, 90, 90); background: rgb(255, 255, 255); border: 2px solid rgb(90, 90, 90); border-radius: 50%; }
.offcanvas.cart-offcanvas .product-box-list .vertical-product-box .ann-cart-thumb-remove i { color: inherit; font-size: 16px; line-height: 1; }
.offcanvas.cart-offcanvas .product-box-list .vertical-product-box .close-button { display: none; }
.offcanvas.ann-cart-canvas, .offcanvas.ann-wishlist-canvas, .offcanvas.ann-account-canvas { background: rgb(255, 255, 255); }
.offcanvas.ann-cart-canvas .ann-canvas-header, .offcanvas.ann-wishlist-canvas .ann-canvas-header, .offcanvas.ann-account-canvas .ann-canvas-header { display: block; padding: 0px; border-bottom: 0px; background: rgba(var(--primary-color3), 1); }
.ann-cart-toolbar { width: 100%; }
.ann-canvas-title-box, .ann-cart-title-box { display: flex; align-items: center; min-width: 0px; height: 48px; padding: 0px 12px; color: rgba(var(--white), 1); font-size: 18px; font-weight: bold; line-height: 1.2; }
.ann-canvas-title-box i, .ann-cart-title-box i { flex: 0 0 auto; margin-right: 8px; color: rgba(var(--white), 1); font-size: 20px; }
.ann-canvas-title-box span, .ann-cart-title-box span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ann-cart-clear-all { flex: 0 0 auto; margin-left: 8px; padding: 0px; border: 0px; background: transparent; color: rgba(var(--white), 0.92); font-size: 13px; font-weight: 500; line-height: 1; text-decoration: underline; }
.ann-cart-clear-all:hover, .ann-cart-clear-all:focus { color: rgba(var(--white), 1); }
.offcanvas.ann-cart-canvas .offcanvas-body, .offcanvas.ann-wishlist-canvas .offcanvas-body, .offcanvas.ann-account-canvas .offcanvas-body { padding: 0px; }
.offcanvas.ann-cart-canvas .offcanvas-body { min-height: 0px; overflow: hidden; }
.offcanvas.ann-cart-canvas .cart-product-box { display: grid; grid-template-rows: minmax(0px, 1fr) auto; position: relative; height: 100%; min-height: 0px; overflow: hidden; background: rgb(255, 255, 255); }
.offcanvas.ann-wishlist-canvas .cart-product-box { display: grid; grid-template-rows: minmax(0px, 1fr); position: relative; height: calc(-60px + 100vh); max-height: calc(-60px + 100vh); min-height: 0px; overflow: hidden; }
.offcanvas.ann-cart-canvas .cart-product-box::after, .offcanvas.ann-wishlist-canvas .cart-product-box::after { content: ""; position: absolute; top: 12px; right: 2px; width: 4px; height: 20%; border-radius: 999px; background: rgba(var(--primary-color3), 1); opacity: 0; pointer-events: none; transition: opacity 0.18s; }
.offcanvas.ann-cart-canvas .cart-product-box.ann-has-items::after, .offcanvas.ann-wishlist-canvas .cart-product-box.ann-has-items::after { opacity: 1; }
.offcanvas.ann-cart-canvas .cart-product-box.ann-is-scrolling::after, .offcanvas.ann-wishlist-canvas .cart-product-box.ann-is-scrolling::after { opacity: 0; }
.offcanvas.ann-account-canvas .offcanvas-body { height: calc(-60px + 100dvh); overflow-y: auto; scrollbar-width: none; background: rgb(255, 255, 255); }
.offcanvas.ann-account-canvas .offcanvas-body::-webkit-scrollbar { display: none; }
.offcanvas.ann-account-canvas .dashboard-left-sidebar.show { display: grid; grid-template-rows: auto minmax(0px, 1fr) auto; width: 100%; min-height: calc(-60px + 100dvh); padding: 0px; border-radius: 0px; box-shadow: none; background: rgb(255, 255, 255); }
.offcanvas.ann-account-canvas .dashboard-left-sidebar .sidebar-close { display: none !important; }
.offcanvas.ann-account-canvas .profile-box { padding: 16px; border-bottom: 1px solid rgb(238, 240, 245); }
.offcanvas.ann-account-canvas .profile-contain { display: grid; grid-template-columns: 68px minmax(0px, 1fr); gap: 14px; align-items: center; }
.offcanvas.ann-account-canvas .ann-account-profile-link { color: inherit; text-decoration: none; }
.offcanvas.ann-account-canvas .ann-account-profile-link:hover .profile-name h3, .offcanvas.ann-account-canvas .ann-account-profile-link:focus .profile-name h3 { color: rgb(255, 138, 0); }
.offcanvas.ann-account-canvas .profile-image { display: grid; place-items: center; width: 68px; height: 68px; border-radius: 6px; overflow: hidden; background: rgb(244, 246, 251); border: 1px solid rgb(237, 240, 246); color: rgb(123, 129, 156); }
.offcanvas.ann-account-canvas .profile-image img { width: 100%; height: 100%; object-fit: cover; }
.offcanvas.ann-account-canvas .profile-image i { font-size: 31px; line-height: 1; }
.offcanvas.ann-account-canvas .profile-name h3 { margin: 0px 0px 6px; color: rgba(var(--title-color), 1); font-size: 18px; font-weight: 600; line-height: 1.25; }
.offcanvas.ann-account-canvas .profile-name h4 { margin: 0px; color: rgb(79, 85, 119); font-size: 14px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.offcanvas.ann-account-canvas .ann-account-coin-balance { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; margin-top: 7px; padding: 5px 9px; border-radius: 6px; background-color: rgb(255, 216, 77); color: rgb(17, 17, 17); font-size: 14px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.offcanvas.ann-account-canvas .ann-account-coin-balance i { flex: 0 0 auto; color: rgb(17, 17, 17); font-size: 17px; }
.offcanvas.ann-account-canvas .user-nav-pills { display: flex; flex-flow: column; min-height: 0px; padding: 12px 0px; overflow-y: auto; scrollbar-width: none; }
.offcanvas.ann-account-canvas .user-nav-pills::-webkit-scrollbar { display: none; }
.offcanvas.ann-account-canvas .user-nav-pills .nav-item { width: 100%; margin: 0px; }
.offcanvas.ann-account-canvas .user-nav-pills .nav-link { display: flex; align-items: center; width: 100%; min-height: 53px; padding: 0px 24px; border-radius: 0px; border-left: 3px solid transparent; color: rgb(85, 90, 120); background: transparent; font-size: 18px; font-weight: 600; line-height: 1.2; transition: background 0.18s, color 0.18s; }
.offcanvas.ann-account-canvas .user-nav-pills .nav-link i { flex: 0 0 auto; width: 24px; margin-right: 11px; color: currentcolor; font-size: 22px; line-height: 1; }
.offcanvas.ann-account-canvas .user-nav-pills .nav-link:hover, .offcanvas.ann-account-canvas .user-nav-pills .nav-link:focus { color: rgb(255, 138, 0); background: rgba(255, 138, 0, 0.08); }
.offcanvas.ann-account-canvas .user-nav-pills .nav-link.active { color: rgb(255, 138, 0); background: linear-gradient(90deg, rgba(255, 138, 0, 0.14), rgba(255, 138, 0, 0)); border-left: 3px solid rgb(255, 138, 0); font-weight: 600; }
.offcanvas.ann-account-canvas .logout-box { padding: 12px; border-top: 1px solid rgb(238, 240, 245); background: rgb(255, 255, 255); }
.offcanvas.ann-account-canvas .logout-box form { margin: 0px; }
.offcanvas.ann-account-canvas .logout-box .logout-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 46px; border-radius: 6px; }
.ann-account-login-box { min-height: calc(-60px + 100dvh); padding: 18px 16px; background: rgb(255, 255, 255); }
.ann-account-login-box .title { margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid rgb(238, 240, 245); }
.ann-account-login-box .title h3 { margin-bottom: 6px; color: rgba(var(--title-color), 1); font-size: 22px; font-weight: 600; }
.ann-account-login-box .title p, .ann-account-register-line { color: rgba(var(--content-color), 1); font-size: 14px; line-height: 1.5; }
.ann-account-register-line { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 16px; }
.ann-account-register-line a { color: rgba(var(--primary-color), 1); font-weight: 600; }
.offcanvas.ann-cart-canvas .product-box-list, .offcanvas.ann-wishlist-canvas .product-box-list { min-height: 0px; overflow-y: auto; scrollbar-width: none; }
.offcanvas.ann-cart-canvas.cart-offcanvas .offcanvas-body .cart-product-box .product-box-list { height: auto; min-height: 0px; padding-right: 14px; overflow-y: scroll; scrollbar-color: rgba(var(--primary-color3), 1) rgba(var(--base-gray), 1); scrollbar-width: thin; }
.offcanvas.ann-wishlist-canvas .product-box-list::-webkit-scrollbar { display: none; }
.offcanvas.ann-cart-canvas .product-box-list::-webkit-scrollbar { display: block; width: 8px; }
.offcanvas.ann-cart-canvas .product-box-list::-webkit-scrollbar-track { background: rgba(var(--base-gray), 1); }
.offcanvas.ann-cart-canvas .product-box-list::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(var(--primary-color3), 1); }
.offcanvas.ann-cart-canvas .cart-product-box.ann-is-scrolling .product-box-list, .offcanvas.ann-wishlist-canvas .cart-product-box.ann-is-scrolling .product-box-list { scrollbar-color: transparent transparent; }
.offcanvas.ann-cart-canvas .cart-product-box.ann-is-scrolling .product-box-list::-webkit-scrollbar-track, .offcanvas.ann-cart-canvas .cart-product-box.ann-is-scrolling .product-box-list::-webkit-scrollbar-thumb, .offcanvas.ann-wishlist-canvas .cart-product-box.ann-is-scrolling .product-box-list::-webkit-scrollbar-track, .offcanvas.ann-wishlist-canvas .cart-product-box.ann-is-scrolling .product-box-list::-webkit-scrollbar-thumb { background: transparent; }
.offcanvas.ann-wishlist-canvas .product-box-list { height: 100%; max-height: calc(-60px + 100dvh); padding-right: 14px; overflow-y: scroll; scrollbar-color: rgba(var(--primary-color3), 1) rgba(var(--base-gray), 1); scrollbar-width: thin; }
.offcanvas.ann-wishlist-canvas .product-box-list::-webkit-scrollbar { display: block; width: 8px; }
.offcanvas.ann-wishlist-canvas .product-box-list::-webkit-scrollbar-track { background: rgba(var(--base-gray), 1); }
.offcanvas.ann-wishlist-canvas .product-box-list::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(var(--primary-color3), 1); }
.offcanvas.ann-cart-canvas .total-price-box { border-top: 1px solid rgb(228, 233, 239); position: relative; z-index: 3; background-color: rgb(242, 243, 247); box-shadow: rgba(15, 23, 42, 0.08) 0px -8px 18px; }
.offcanvas.ann-cart-canvas .total-price-box .sub-total:last-of-type { margin-bottom: 12px; }
@media (max-width: 767.98px) {.offcanvas.ann-cart-canvas, .offcanvas.ann-wishlist-canvas, .offcanvas.ann-account-canvas { width: 100vw; height: 100dvh; max-width: 100vw; }}
@media (max-width: 767.98px) {.cart-section .cart-table-box tr.table-row > td:nth-child(2) .ann-cart-discount { margin-top: 4px; font-size: 13px; line-height: 1.25; display: block; }}
.ann-product-rating-badge { display: inline-flex; align-items: center; gap: 3px; min-height: 20px; padding: 2px 5px; border-radius: 5px; background: rgba(var(--primary-color3), 1); color: rgb(255, 255, 255); font-size: 13px; font-weight: 600; line-height: 1; }
.ann-product-rating-badge i { color: rgb(255, 255, 255); font-size: 10px; line-height: 1; }
.ann-catalog-tiktok-section { margin-top: 24px; }
.ann-catalog-tiktok-placeholder { margin-top: 24px; }
.ann-catalog-tiktok-skeleton .ann-skeleton-card { aspect-ratio: 9 / 14; border-radius: 8px; }
.ann-product-card-meta { display: flex; align-items: center; flex-wrap: nowrap; gap: 4px 10px; min-height: 25px; margin-top: auto; padding: 4px 0px 0px; white-space: nowrap; overflow: hidden; }
.ann-product-card-meta span:last-child { min-width: 0px; overflow: hidden; text-overflow: ellipsis; }
.ann-product-card-meta .ann-product-rating-badge i { color: rgb(255, 255, 255); }
.header-style-1 .top-header-banner { display: block; position: relative; }
.header-style-1 .top-header-banner .banner-remove { top: -8px; width: 44px; height: 44px; min-width: 44px; min-height: 44px; background: transparent; }
.header-style-1 .top-header-banner .banner-remove i { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 4px; background-color: rgba(var(--title-color), 1); color: rgba(var(--white), 1); }
@media (max-width: 1199.98px) {.header-style-1 .top-header-banner a.d-block, .header-style-1 .top-header-banner picture, .header-style-1 .top-header-banner img { min-height: 44px; }
.header-style-1 .top-header-banner img { object-fit: cover; }}
.ann-product-description-reveal { position: relative; }
.ann-product-description-reveal.is-collapsible:not(.is-expanded) .ann-product-description-content { max-height: 300px; overflow: hidden; }
.ann-product-description-reveal.is-collapsible:not(.is-expanded)::after { content: ""; position: absolute; right: 0px; bottom: 46px; left: 0px; height: 100px; pointer-events: none; background: linear-gradient(180deg, rgba(var(--white), 0) 0%, rgba(var(--white), 0.95) 66%, rgba(var(--white), 1) 100%); }
.ann-product-description-more { position: relative; z-index: 1; display: flex; justify-content: center; padding: 12px 0px 2px; background-color: rgba(var(--white), 1); }
.ann-product-description-more-button { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-height: 32px; padding: 0px 10px; border: 0px; color: rgb(13, 110, 253); background-color: transparent; font-size: 18px; line-height: 1.2; }
.ann-product-description-more-button:hover, .ann-product-description-more-button:focus { color: rgb(10, 88, 202); }
.ann-product-description-more-button i { font-size: 20px; line-height: 1; }