.promo-grid .item, .promo-grid.item {position: relative;border-radius: var(--radius);overflow: hidden;box-shadow: var(--shadow);background: #f5f6fa;contain: layout style paint;min-height: 200px;display: flex;align-items: center;justify-content: center }.promo-grid .i1, .promo-grid.i1 {grid-area: i1;aspect-ratio: 16/9;min-height: 400px }.promo-grid .i2, .promo-grid.i2 {grid-area: i2;aspect-ratio: 16/9;min-height: 200px }.promo-grid .i3, .promo-grid.i3 {grid-area: i3;aspect-ratio: 16/9;min-height: 200px }.promo-grid .i4, .promo-grid.i4 {grid-area: i4;aspect-ratio: 16/9;min-height: 200px }.promo-grid .i5, .promo-grid.i5 {grid-area: i5;aspect-ratio: 16/9;min-height: 200px }.promo-grid .i6, .promo-grid.i6 {grid-area: i6;aspect-ratio: 16/9;min-height: 200px }.i1 .splide__slide img, .promo-grid.item img {width: 100%;height: 100%;aspect-ratio: 16/9 }@media(max-width:1200px) {.promo-grid {margin: 0 auto;max-width: 100%;min-height: 500px;grid-template-areas: "i1 i1 i2" "i1 i1 i3" "i4 i5 i6" }}@media(max-width:767.98px) {body, html {overflow-x: hidden;}}@media(max-width:900px) {.promo-grid {grid-template-columns: 1fr 1fr;grid-template-areas: "i1 i1" "i2 i3" "i4 i5" "i6 i6";gap: 12px;padding: 0 12px;margin: 20px auto 0;min-height: 400px }.promo-grid.i1 {grid-area: i1;aspect-ratio: 16/9;min-height: 300px }.promo-grid.i2 {grid-area: i2;min-height: 180px }.promo-grid.i3 {grid-area: i3;min-height: 180px }.promo-grid.i4 {grid-area: i4;min-height: 180px }.promo-grid.i5 {grid-area: i5;min-height: 180px }.promo-grid.i6 {grid-area: i6;min-height: 180px }}@media(max-width:560px) {.promo-grid {grid-template-columns: 1fr;grid-template-areas: "i1";gap: 10px;padding: 0 10px;margin: 20px auto 0;min-height: 300px }.promo-grid.item {grid-area: auto;aspect-ratio: 16/9;min-height: 200px }.promo-grid.i1 {grid-area: i1;aspect-ratio: 16/10;min-height: 250px }}@media(hover:none)and(pointer:coarse) {.promo-grid.item {min-width: 44px;min-height: 44px }}@media print {.site-header {display: none }.promo-grid {grid-template-columns: 1fr;gap: 20px;box-shadow: none;margin: 0 auto }.promo-grid.item {break-inside: avoid;box-shadow: none;border: 1px solid #ccc }}@container(min-width:600px) {.promo-grid {--gap: 20px }}@media(prefers-contrast:high) {.promo-grid.item {border: 2px solid #000 }}@media(prefers-color-scheme:dark) {.promo-grid {--shadow: 0 6px 18px rgba(255, 255, 255, .1) }.promo-grid.item {background: #2a2a2a }}.promo-grid {--gap: 16px;--radius: 14px;--shadow: 0 6px 18px rgba(0, 0, 0, .08);display: grid;grid-template-columns: 1.2fr 1.2fr 1fr;grid-auto-rows: 1fr;gap: var(--gap);max-width: 1192px;padding: 0 var(--gap);margin: 20px auto 0 400px;contain: layout style paint;min-height: 600px;grid-template-areas: "i1 i1 i2" "i1 i1 i3" "i4 i5 i6" }.promo-grid .item img {width: 100%;height: 100%;display: block;aspect-ratio: inherit;transition: transform .3s }@media (max-width:1200px) {.promo-grid {margin: 0 auto;max-width: 100%;min-height: 500px;grid-template-areas: "i1 i1 i2" "i1 i1 i3" "i4 i5 i6" }}@media (max-width:900px) {.promo-grid {grid-template-columns: 1fr 1fr;grid-template-areas: "i1 i1";gap: 12px;padding: 0 12px;margin: 20px auto 0;min-height: 400px }.promo-grid .i1 {grid-area: i1;aspect-ratio: 16/9;min-height: 300px }}@media (max-width:820px) {.promo-grid .item.hide-for-small {display: none !important }.promo-grid .i1 {grid-area: i1;aspect-ratio: 16/9;min-height: 300px }}@media (max-width:560px) {.promo-grid .item.hide-for-small {display: none !important }.promo-grid {grid-template-columns: 1fr;grid-template-areas: "i1";gap: 10px;padding: 0 10px;margin: 20px auto 0;min-height: 300px }.promo-grid .item {grid-area: auto;aspect-ratio: 16/9;min-height: 200px }.promo-grid .i1 {grid-area: i1;aspect-ratio: 16/10;min-height: 250px!important;width:100%;max-height:250px;overflow:hidden }}@media (hover:none) and (pointer:coarse) {.promo-grid .item {min-width: 44px;min-height: 44px }}@media print {.site-header {display: none }.promo-grid {grid-template-columns: 1fr;gap: 20px;box-shadow: none;margin: 0 auto }.promo-grid .item {break-inside: avoid;box-shadow: none;border: 1px solid #ccc }}@container (min-width:600px) {.promo-grid {--gap: 20px }}@media (prefers-contrast:high) {:focus-visible {outline: #000 solid 3px;outline-offset: 3px }.promo-grid .item {border: 2px solid #000 }}@media (prefers-color-scheme:dark) {.promo-grid {--shadow: 0 6px 18px rgba(255, 255, 255, .1) }.promo-grid .item {background: #2a2a2a }}.hero-slider.embla{position:relative}.embla__viewport{overflow:hidden}.embla__container{display:flex}.embla__slide{flex:0 0 100%}.embla__slide img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:800/550}.embla__dots {display: flex ;gap: 8px;justify-content: center;margin-top: 10px;position: absolute;bottom: 20px;}.embla__prev{left:8px}.embla__next{right:8px}.embla__prev, .embla__next {position: absolute;top: 50%;transform: translateY(-50%);background: #fff;border: 1px solid #eee;border-radius: 999px;width: 44px;height: 44px;line-height: 34px;text-align: center;cursor: pointer;display: flex ;align-content: center;justify-content: center;align-items: center;}.embla__prev:focus-visible,.embla__next:focus-visible,.embla__dot:focus-visible{outline:2px solid #000;outline-offset:2px}.embla__dots{display:flex;gap:8px;justify-content:center;margin-top:10px}.embla__dot{width:10px;height:10px;border-radius:999px;border:1px solid #999;background:#fff}.embla__dot[aria-pressed="true"]{background:#111;border-color:#111}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.section-product {margin-bottom: 30px }.label-sticker {position: absolute;left: 0;top: 0;z-index: 21;border-radius: 8px 30px 30px 0;color: #fff;background: #0374dc;padding: 5px 10px;height: 33px;width: 55px;font-size: 14px;}.label-sticker:after {position: absolute;content: '';width: 3px;height: 26px;background: #0374dc;bottom: -5px;left: 0;z-index: -1;border-radius: 0 0 0 15px }.ten-san-pham {font-size: 16px;color: #000;font-weight: 400;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;margin-top: 12px;margin-bottom: 16px;width: 100%;user-select: none;-webkit-user-drag: none;height: 45px !important;}.ten-danh-muc {display: block;font-size: 14px;color: #3e3d3d;padding: 8px;height: 30px;width: 100%;margin-top: 12px }.gia-sanpham {display: flex;align-items: center;align-content: center;flex-wrap: wrap;gap: 16px;min-height: 30px;height: auto;width: 100%;flex-shrink: 0;contain: layout style paint;}.gia-ban {color: #8a0000;font-weight: 500;font-size: 18px }.gia-thi-truong {font-size: 14px;color: #4f4f4f;text-decoration: line-through;height:25px;width:fit-content;}.mua-hang {display: flex;align-items: center;align-content: center;flex-wrap: wrap;gap: 16px;border-top: 1px solid #ddd;padding-top: 10px;margin-top: 12px;min-height: 18px;height: auto;width: 100%;}.mua-hang a, .mua-hang {font-size: 14px }.tinhtrang {color: #004f99;}.mua-hang>div {flex-basis: calc(50% - 16px);max-width: calc(50% - 16px);text-align: center }.mua-hang .tinhtrang {border-right: 1px solid #ddd }.section-header {display: flex;justify-content: space-between;align-items: center;align-content: center;margin-top: 32px;margin-bottom: 32px;flex-wrap: wrap;gap: 20px }.section-header .section-title {width: auto;color: #0374dc;font-weight: 700;font-size: 32px }.section-header .section-controls {display: flex;flex-wrap: wrap;align-items: center;align-content: center;gap: 20px;min-height: 44px;height: auto;contain: layout style paint;flex-shrink: 0;width: 50%;justify-content: flex-end;}.section-header .filter-buttons a {border-radius: 99px;border: 1px solid #0374dc;padding: 8px 10px;color: #333;display: flex ;align-items: center;width:fit-content;height:44px;}.section-header .slider-nav {display: flex;gap: 8px }.section-header .filter-buttons {display: flex;flex-wrap: wrap;gap: 8px }@media (max-width:767px) {.section-header .filter-buttons {overflow-x: auto;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;max-width: 100%;flex-wrap: nowrap }.section-header .filter-buttons::-webkit-scrollbar {display: none }.section-header .filter-buttons a {flex-shrink: 0;white-space: nowrap }.section-header .filter-buttons::after {content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 20px;background: linear-gradient(to right, transparent, #ffffff);pointer-events: none;opacity: 0;transition: opacity 0.3s ease }.section-header .filter-buttons:hover::after {opacity: 1 }}@media (max-width: 578px) {.section-header .section-controls {width: 100%;}.mua-hang {height: 39px;width: 100%;}.hinh-san-pham {aspect-ratio: 1 / 1;}.mua-hang>div {flex-basis: calc(50% - 15px);max-width: calc(50% - 15px);font-size: 12px;}.tinhtrang {padding-right: 5px;}.ten-danh-muc {font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;height: 30px }.gia-sanpham {height: 48px;min-height: 48px;max-height: 48px;contain: layout style paint;flex-shrink: 0;}.ten-san-pham {font-size: 16px;color: #000;font-weight: 400;line-height: 1.4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;height: calc(1.4em * 2);min-height: calc(1.4em * 2);max-height: calc(1.4em * 2);box-sizing: border-box;}.gia-sanpham {display: block;min-height: 48px;line-height: 24px;font-size: 14px;width: 100%;}.gia-sanpham .gia-ban, .gia-sanpham .gia-thi-truong {min-height: 24px;width: 100%;display: block;}.section-header .filter-buttons a {height: 34px;}}.section-product .embla__viewport {overflow: hidden;}.section-product .embla__container {display: flex;gap: 12px;}.section-product .embla__slide {flex: 0 0 calc((100% - 4*12px)/5);position:relative;border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff; padding: 24px;}.section-header .slider-nav .embla__prev,.section-header .slider-nav .embla__next{position:relative;bottom:unset;transform:unset}.section-header .slider-nav .embla__prev{left:unset}.section-header .slider-nav .nav-arrow {width: 44px;height: 44px;min-width: 44px;min-height: 44px;background:#318fe3;border: none;border-radius: 50%;cursor: pointer;pointer-events: auto;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;color: #333;font-size: 0;margin: 0px 5px;}.section-header .slider-nav .nav-arrow[disabled]{background: #c6c7c8;}@media (max-width: 575.98px) {.section-product .embla__slide {flex: 0 0 calc((100% - 12px)/2);}}@media (min-width: 576px) and (max-width: 991.98px) {.section-product .embla__slide {flex: 0 0 calc((100% - 2*12px)/3);}}.product-card .hinh-san-pham img {display:block;width:100%;height:auto;object-fit:cover;aspect-ratio: 280 / 200;}