#SECTION-d2yfbov7 { height: auto; grid-template-columns: 1fr 1300px 1fr; grid-template-rows: minmax(96px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-d2yfbov7 .x-section-background { background: url(https://content.pancake.vn/web-media/a4/b3/be/14/efe748704372cd15b879f2c504fa5da890e4293de0d79a0be2a7c275-w:1366-h:529-l:78531-t:image/png.png); background-size: contain; background-attachment: scroll; -webkit-transform: none; background-repeat: repeat; background-position-x: center; background-position-y: center; filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(100%) blur(0px); --height: 96; --bg: url(https://content.pancake.vn/web-media/a4/b3/be/14/efe748704372cd15b879f2c504fa5da890e4293de0d79a0be2a7c275-w:1366-h:529-l:78531-t:image/png.png); } #SECTION-d2yfbov7 .x-section-video-background { } #SECTION-d2yfbov7 .video { display: none; } #SECTION-d2yfbov7 .video-bp1 { overflow: hidden; width: 100%; height: 100%; display: block; } [id^="TEXT-5x8ndosk"], .--clone-TEXT-5x8ndosk { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 62.94831730769231%; } [id^="TEXT-5x8ndosk"] .x-text, [id^="TEXT-5x8ndosk"] .x-text a, .--clone-TEXT-5x8ndosk .x-text, .--clone-TEXT-5x8ndosk .x-text a { --width: 62.94831730769231%; -webkit-text-stroke: 0px #000000ff; background: rgba(255, 255, 255, 1); background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-size: cover; color: #e31010; font: var(--font_7); font-family: 'Lexend', sans-serif; font-size: 16.0px; font-weight: bold; height: 100%; letter-spacing: 0px; list-style-type: decimal; text-align: center; width: 100%; color: var(--active-color, #e31010); } [id^="TEXT-5x8ndosk"] .x-text:hover, .--clone-TEXT-5x8ndosk .x-text:hover, [id^="TEXT-5x8ndosk"] a:hover, .--clone-TEXT-5x8ndosk a:hover { } #SECTION-iyn53paa { height: auto; grid-template-columns: 20px 344px 1fr 216px 20px; grid-template-rows: minmax(21.170103092783503px, max-content) minmax(40.223195876288656px, max-content) minmax(21.170103092783503px, max-content); column-gap: 0px; row-gap: 0px; --box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-iyn53paa .x-section-background { background: url(https://content.pancake.vn/web-media/ac/24/b6/37/b596d4aad3afcd2d62af3eb110fcef68aa85d129a39ea32e539b3cb3-w:1366-h:768-l:739983-t:image/png.png); background-size: cover; background-attachment: scroll; -webkit-transform: none; background-repeat: no-repeat; background-position-x: center; background-position-y: center; --height: 111; --bg: url(https://content.pancake.vn/web-media/ac/24/b6/37/b596d4aad3afcd2d62af3eb110fcef68aa85d129a39ea32e539b3cb3-w:1366-h:768-l:739983-t:image/png.png); } #SECTION-iyn53paa .x-section-video-background { } #SECTION-iyn53paa .video { display: none; } #SECTION-iyn53paa .video-bp1 { overflow: hidden; width: 100%; height: 100%; display: block; } #MENU-5ewoev2u { --width: 99.88374013985909%;align-self: start;grid-column-end: 4;grid-column-start: 3;grid-row-end: 3;grid-row-start: 2;height: 60px;justify-self: end;margin-right: -0.0012352353050595238%;margin-top: 0.8958282470703125px;width: 99.88374013985909%; --active-link-color: #080000ff; } #MENU-5ewoev2u .x-rect { -webkit-text-stroke: 0px #000000ff; background: url(https://content.pancake.vn/web-media/f5/93/19/e7/995484188dfef1315582f5dc67f2d0b3613b5d43ee996ef5c17fbf5e-w:1366-h:768-l:689940-t:image/png.png); background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-size: auto; border-color: #ffffffa3; color: #080000ff; font-family: 'Alexandria', sans-serif; font-size: 20.0px; font-weight: bold; justify-content: center; text-transform: uppercase; } #MENU-5ewoev2u > ul { background: url(https://content.pancake.vn/web-media/f5/93/19/e7/995484188dfef1315582f5dc67f2d0b3613b5d43ee996ef5c17fbf5e-w:1366-h:768-l:689940-t:image/png.png); justify-content: center; align-items: center; border-radius: inherit; } #MENU-5ewoev2u > ul > .menu-item .tag-link { -webkit-text-stroke: 0px #000000ff; background: url(https://content.pancake.vn/web-media/f5/93/19/e7/995484188dfef1315582f5dc67f2d0b3613b5d43ee996ef5c17fbf5e-w:1366-h:768-l:689940-t:image/png.png); background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-size: auto; border-color: #ffffffa3; color: #080000ff; font-family: 'Alexandria', sans-serif; font-size: 20.0px; font-weight: bold; justify-content: center; text-transform: uppercase; } #MENU-5ewoev2u > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-5ewoev2u > ul > .menu-item:not(:first-child) { } #MENU-5ewoev2u ul li .tag-link { border-style: none none none none; } #MENU-5ewoev2u ul li .tag-link:hover { color: rgba(26, 92, 255, 1) !important; border-style: none none none none; } #MENU-5ewoev2u.horizontal-menu > ul > .menu-item > .x-submenu { top: 60px; } #MENU-ITEM-721w8vb2 > a, #MENU-ITEM-721w8vb2 > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-dhkpkn1i > a, #MENU-ITEM-dhkpkn1i > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-p75i7pap > a, #MENU-ITEM-p75i7pap > div { -webkit-text-stroke: 0px #000000ff !important; } #CONTAINER-f3m3poge { --bg: #ffffffa3; background: #ffffffa3; border-color: #000000ff; --width: 64.29639039216218%;align-self: center;grid-column-end: 5;grid-column-start: 4;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-rows: minmax(53px, max-content);height: auto;justify-self: end;margin-right: 7.402610778808594%;margin-top: calc(0.25650787353515625px * 2);width: 64.29639039216218%; border: #000000ff; } #INPUT-SEARCH-jcv1u67u { --width: 31.70572853088379px;align-self: start;grid-column-end: 3;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 34.986976623535156px;justify-self: center;margin-right: calc(0.40910993303571425% * 2);margin-top: -4.84375px;width: 31.70572853088379px; } #INPUT-SEARCH-jcv1u67u > .input-search--wrapper { color: var(--color_04); font-size: 14.0px; border-width: 0px; border-color: var(--color_00); : solid; border-radius: 0px; background-color: #e3e3e300; } #INPUT-SEARCH-jcv1u67u > .input-search--wrapper .btn-close { color: #00000000; fill: #00000000; width: 0px; margin: 0 0px; } #INPUT-SEARCH-jcv1u67u > .input-search--wrapper .input-search--input { padding-left: 0px; text-align: left; } #INPUT-SEARCH-jcv1u67u > .input-search--wrapper .input-search--input::placeholder { color: var(--color_04); } #INPUT-SEARCH-jcv1u67u > .input-search--wrapper:hover { border-style: none; border-color: var(--color_00) !important; : solid; background-color: #ffffffff !important; } #INPUT-SEARCH-jcv1u67u > .input-search--wrapper:focus-within { border-style: none; border-color: #00000000 !important; border-width: 0px !important; : solid; background-color: rgba(255, 255, 255, 1) !important; } #INPUT-SEARCH-jcv1u67u .input-search--icon { color: #000000ff; height: 55px; width: 55px; } #INPUT-SEARCH-jcv1u67u .input-search--wrapper:hover .input-search--icon { color: #000000ff; } #INPUT-SEARCH-jcv1u67u .input-search--wrapper:focus-within .input-search--icon { color: rgb(0, 0, 0); } #INPUT-SEARCH-jcv1u67u .input-search--icon path { fill: #000000ff; } #INPUT-SEARCH-jcv1u67u .input-search--wrapper:hover .input-search--icon path { fill: #000000ff; } #INPUT-SEARCH-jcv1u67u .input-search--wrapper:focus-within .input-search--icon path { fill: rgb(0, 0, 0); } #SEARCH-DROPPABLE-k2nmh0o6 { position: fixed; transform: translate(-50%, 0%); height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(820px, 1fr); column-gap: 0px; row-gap: 0px; background: #000000d1; } [id^="TEXT-jd7g59ss"], .--clone-TEXT-jd7g59ss { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 62.20001220703125px; width: 15.97222222222222%; } [id^="TEXT-jd7g59ss"] .x-text, [id^="TEXT-jd7g59ss"] .x-text a, .--clone-TEXT-jd7g59ss .x-text, .--clone-TEXT-jd7g59ss .x-text a { --width: 15.97222222222222%; -webkit-text-stroke: 0px #000000ff; color: #ffffff; font: var(--font_2); font-family: 'Open Sans', sans-serif; height: 100%; text-align: center; width: 100%; color: var(--active-color, #ffffff); } [id^="TEXT-jd7g59ss"] .x-text:hover, .--clone-TEXT-jd7g59ss .x-text:hover, [id^="TEXT-jd7g59ss"] a:hover, .--clone-TEXT-jd7g59ss a:hover { } #INPUT-SEARCH-vsitqkth { --width: 61.340279049343536%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 45px;justify-self: center;margin-left: calc(0% * 2);margin-top: 173px;width: 61.340279049343536%; } #INPUT-SEARCH-vsitqkth > .input-search--wrapper { color: var(--color_00); font-size: 17.0px; border-width: 1px; border-color: var(--color_02); border-bottom-style: solid; background-color: #ffffff00; } #INPUT-SEARCH-vsitqkth > .input-search--wrapper .btn-close { color: #00000000; fill: #00000000; width: 0px; margin: 0 5px; } #INPUT-SEARCH-vsitqkth > .input-search--wrapper .input-search--input { padding-left: 0px; text-align: left; } #INPUT-SEARCH-vsitqkth > .input-search--wrapper .input-search--input::placeholder { color: var(--color_02); } #INPUT-SEARCH-vsitqkth > .input-search--wrapper:hover { border-style: none; border-color: #00000000 !important; border-bottom-style: solid; background-color: #ffffff00 !important; } #INPUT-SEARCH-vsitqkth > .input-search--wrapper:focus-within { border-style: none; border-color: #0000006e !important; border-width: 1px !important; border-bottom-style: solid; background-color: #ffffff00 !important; } #RECT-ytu444ot { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 23.98750114440918px; justify-self: end; margin-right: 2.165795167287191%; margin-top: 31px; width: 1.6657986905839708%; } #RECT-ytu444ot .x-rect { --width: 1.6657986905839708%; background: var(--color_01); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0nMjInIGhlaWdodD0nMjEnIHZpZXdCb3g9JzAgMCAyMiAyMScgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTEuMDAwMSAyMS4wMDAxQzYuOTUzNjEgMjEuMDAyNCAzLjMwNDU1IDE4LjU2NTkgMS43NTU3MiAxNC44Mjc2QzAuMjA2ODkzIDExLjA4OTMgMS4wNjM2IDYuNzg2MDkgMy45MjYwNiAzLjkyNjAxQzYuNDUzMzUgMS4zOTg3MSAxMC4xMzcgMC40MTE2OSAxMy41ODkzIDEuMzM2NzVDMTcuMDQxNyAyLjI2MTggMTkuNzM4MyA0Ljk1ODQgMjAuNjYzMyA4LjQxMDc1QzIxLjU4ODQgMTEuODYzMSAyMC42MDE0IDE1LjU0NjcgMTguMDc0MSAxOC4wNzRDMTYuMjAxNSAxOS45NTUgMTMuNjU0MiAyMS4wMDg3IDExLjAwMDEgMjEuMDAwMVpNMy4wMDAwNiAxMS4xNzJDMy4wNDczNyAxNS41NzMzIDYuNjQxMTYgMTkuMTA5NiAxMS4wNDI2IDE5LjA4NkMxNS40NDQgMTkuMDYyMiAxOC45OTk2IDE1LjQ4NzUgMTguOTk5NiAxMS4wODZDMTguOTk5NiA2LjY4NDUyIDE1LjQ0NCAzLjEwOTc4IDExLjA0MjYgMy4wODYwMUM2LjY0MTE2IDMuMDYyNDcgMy4wNDczNyA2LjU5ODc3IDMuMDAwMDYgMTFWMTEuMTcyWk04LjQwOTA2IDE1TDcuMDAwMDYgMTMuNTlMOS41OTAxIDExTDcuMDAwMDYgOC40MTAwMUw4LjQxMDA2IDcuMDAwMDFMMTEuMDAwMSA5LjU5TDEzLjU5MDEgNy4wMDAwMUwxNS4wMDAxIDguNDEwMDFMMTIuNDEwMSAxMUwxNS4wMDAxIDEzLjU5TDEzLjU5MTEgMTVMMTEuMDAwMSAxMi40MUw4LjQxMDA2IDE1SDguNDA5MDZaJyBmaWxsPScjMkUzQTU5Jy8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_01)); } #RECT-ytu444ot::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #CART-ICON-m2h7pi0h { --width: 40.84635162353515px;align-self: start;grid-column-end: 5;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;height: 40.84635162353515px;justify-self: center;margin-left: calc(1.7282196969696968% * 2);margin-top: 0px;width: 40.84635162353515px; } #CART-ICON-m2h7pi0h .x-cart-icon { border-color: #000000ff; } #CART-ICON-m2h7pi0h .x-cart-item-count { position: absolute; top: -10.211587905883787px; right: -10.211587905883787px; width: 20.423175811767575px; height: 20.423175811767575px; display: flex; justify-content: center; align-items: center; background-color: black; border-radius: 50%; color: white; font-family: Roboto; font-size: 13.615450541178383px; } #CART-ICON-m2h7pi0h .x-image-cart-icon { border-radius: ; } #MENU-67lh4www { --width: 12.738717397054035%;align-self: center;display: none;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: 30.572921752929688px;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);width: 12.738717397054035%; --active-link-color: #000000d9; } #MENU-67lh4www .x-rect { -webkit-text-stroke: 0px #000000ff; background: #000000ff; color: #000000d9; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNTM2IDE4OTYuMDgzMyIgY2xhc3M9Im5hdmljb24iPjxwYXRoIGQ9Ik0xNTM2IDEzNDR2MTI4cTAgMjYtMTkgNDV0LTQ1IDE5SDY0cS0yNiAwLTQ1LTE5dC0xOS00NXYtMTI4cTAtMjYgMTktNDV0NDUtMTloMTQwOHEyNiAwIDQ1IDE5dDE5IDQ1em0wLTUxMnYxMjhxMCAyNi0xOSA0NXQtNDUgMTlINjRxLTI2IDAtNDUtMTlUMCA5NjBWODMycTAtMjYgMTktNDV0NDUtMTloMTQwOHEyNiAwIDQ1IDE5dDE5IDQ1em0wLTUxMnYxMjhxMCAyNi0xOSA0NXQtNDUgMTlINjRxLTI2IDAtNDUtMTlUMCA0NDhWMzIwcTAtMjYgMTktNDV0NDUtMTloMTQwOHEyNiAwIDQ1IDE5dDE5IDQ1eiI+PC9wYXRoPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; } #MENU-67lh4www > ul { background: #000000ff; border-radius: inherit; } #MENU-67lh4www > ul > .menu-item .tag-link { -webkit-text-stroke: 0px #000000ff; background: #000000ff; color: #000000d9; } #MENU-67lh4www > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-67lh4www > ul > .menu-item:not(:first-child) { } #MENU-67lh4www ul li .tag-link { border-style: none none none none; } #MENU-67lh4www ul li .tag-link:hover, #MENU-67lh4www ul li > a:hover { border-style: none none none none; } #MENU-DROPPABLE-h25wxgsv { background: #ffffffff; top: 0; left: 0; width: 300px; height: var(--viewport-height, 100vh); grid-template-columns: 1fr; grid-template-rows: minmax(100%, max-content); column-gap: 0px; row-gap: 0px; overflow-x: auto; --width: 300px; } #MENU-iw6t5ubo { --width: 270px;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 75.98959350585938px;width: 270px; --active-link-color: #000000d9; } #MENU-iw6t5ubo .x-rect { --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: bold; justify-content: flex-start; text-transform: uppercase; } #MENU-iw6t5ubo > ul { background: #ffffffff; justify-content: flex-start; align-items: flex-start; height: auto; border-radius: inherit; } #MENU-iw6t5ubo > ul > .menu-item .tag-link { --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #000000d9; font-size: 14.0px; font-weight: bold; justify-content: flex-start; text-transform: uppercase; } #MENU-iw6t5ubo > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-iw6t5ubo > ul > .menu-item:not(:first-child) { } #MENU-iw6t5ubo ul li .tag-link { border-style: none none none none; } #MENU-iw6t5ubo ul li .tag-link:hover, #MENU-iw6t5ubo ul li > a:hover { color: rgba(255, 255, 255, 1) !important; background: rgba(0, 0, 0, 1); border-style: none none none none; } #MENU-ITEM-c83429p4 > a, #MENU-ITEM-c83429p4 > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-xc6w37xx > a, #MENU-ITEM-xc6w37xx > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-ki5i1jka > a, #MENU-ITEM-ki5i1jka > div { -webkit-text-stroke: 0px #000000ff !important; } [id^="TEXT-duepbwi4"], .--clone-TEXT-duepbwi4 { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 22.708337783813477px; width: 79.1956075032552%; } [id^="TEXT-duepbwi4"] .x-text, [id^="TEXT-duepbwi4"] .x-text a, .--clone-TEXT-duepbwi4 .x-text, .--clone-TEXT-duepbwi4 .x-text a { --width: 79.1956075032552%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_1); font: var(--font_1); font-family: 'Figtree', sans-serif; font-size: 21.0px; height: 100%; text-align: center; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); width: 100%; color: var(--active-color, var(--font_color_1)); } [id^="TEXT-duepbwi4"] .x-text:hover, .--clone-TEXT-duepbwi4 .x-text:hover, [id^="TEXT-duepbwi4"] a:hover, .--clone-TEXT-duepbwi4 a:hover { } #MENU-o6j9l0z4 { --width: 92.66666666666666%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: center;margin-right: calc(1.2272822062174478% * 2);margin-top: 68.54545593261719px;width: 92.66666666666666%; --active-link-color: #080000ff; } #MENU-o6j9l0z4 .x-rect { --pad-x: 0px; --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #080000ff; font-size: 14.0px; font-weight: bold; justify-content: flex-start; } #MENU-o6j9l0z4 > ul { background: #ffffffff; justify-content: flex-start; align-items: flex-start; border-radius: inherit; } #MENU-o6j9l0z4 > ul > .menu-item .tag-link { --pad-x: 0px; --pad-y: 10px; -webkit-text-stroke: 0px #000000ff; background: #ffffffff; color: #080000ff; font-size: 14.0px; font-weight: bold; justify-content: flex-start; } #MENU-o6j9l0z4 > ul > .menu-item.menu-item-active-link .tag-link { color: var(--active-link-color); } #MENU-o6j9l0z4 > ul > .menu-item:not(:first-child) { } #MENU-o6j9l0z4 ul li .tag-link { border-style: none none none none; } #MENU-o6j9l0z4 ul li .tag-link:hover { color: rgba(255, 255, 255, 1) !important; background: rgba(0, 0, 0, 1); border-style: none none none none; } #MENU-o6j9l0z4.vertical-menu > ul > .menu-item > .x-submenu { top: 0; left: 100%; } #MENU-ITEM-tphts1ui > a, #MENU-ITEM-tphts1ui > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-kwc9de7j > a, #MENU-ITEM-kwc9de7j > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-6jl22mcc > a, #MENU-ITEM-6jl22mcc > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-aj3u9uyv > a, #MENU-ITEM-aj3u9uyv > div { text-transform: uppercase !important; -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-w2m6czr8 > a, #MENU-ITEM-w2m6czr8 > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-znkj5cab > a, #MENU-ITEM-znkj5cab > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-ju29507b > a, #MENU-ITEM-ju29507b > div { -webkit-text-stroke: 0px #000000ff !important; } #MENU-ITEM-5nb1eqho > a, #MENU-ITEM-5nb1eqho > div { } #MENU-ITEM-6li45odx > a, #MENU-ITEM-6li45odx > div { } #IMAGE-muhzwkz5 { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 4; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0.1585938209711119% * 2); margin-top: 0px; width: 56.4475835755814%; } #IMAGE-muhzwkz5 picture { --width: 56.4475835755814%; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-muhzwkz5 img { object-fit: cover; } #SECTION-subkia6y { height: auto; grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(20px, max-content) minmax(436px, max-content) minmax(10px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-subkia6y .x-section-background { background: var(--color_00); background-size: contain; background-attachment: scroll; -webkit-transform: none; background-repeat: repeat; background-position-x: center; background-position-y: center; --height: 466; --bg: var(--color_00); } #SECTION-subkia6y .x-section-video-background { } #SECTION-subkia6y .video { display: none; } #SECTION-subkia6y .video-bp1 { overflow: hidden; width: 100%; height: 100%; display: block; } #IMAGE-49g37yoa { align-self: center; display: none; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 100%; } #IMAGE-49g37yoa picture { --width: 100%; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-49g37yoa img { object-fit: cover; } #LINE-eviy97oo { --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; height: auto; } #LINE-eviy97oo .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #IMAGE-cha8xjw8 { align-self: end; grid-column-end: 4; grid-column-start: 1; grid-row-end: 4; grid-row-start: 2; height: auto; justify-self: center; margin-bottom: -0.096923828125px; margin-left: calc(0% * 2); width: 100%; } #IMAGE-cha8xjw8 picture { --width: 100%; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-cha8xjw8 img { object-fit: cover; } #CONTAINER-fm98caxb { --bg: #e8eaed00; background: #e8eaed00; border-color: #000000ff; --width: 33.64285714285714%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(54px, max-content) minmax(23px, max-content) minmax(73px, max-content);height: auto;justify-self: end;margin-bottom: calc(34.2109375px * 2);margin-right: 1.7845982142857142%;width: 33.64285714285714%; border: #000000ff; } [id^="TEXT-575dfih1"], .--clone-TEXT-575dfih1 { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-bottom: 48px; margin-left: 0.21096652733545648%; width: 67.49957841250884%; } [id^="TEXT-575dfih1"] .x-text, [id^="TEXT-575dfih1"] .x-text a, .--clone-TEXT-575dfih1 .x-text, .--clone-TEXT-575dfih1 .x-text a { --width: 67.49957841250884%; -webkit-text-stroke: 0px #000000ff; color: #ffffff; font: var(--font_1); font-family: 'Figtree', sans-serif; font-size: 40.0px; height: 100%; letter-spacing: -1px; width: 100%; color: var(--active-color, #ffffff); } [id^="TEXT-575dfih1"] .x-text:hover, .--clone-TEXT-575dfih1 .x-text:hover, [id^="TEXT-575dfih1"] a:hover, .--clone-TEXT-575dfih1 a:hover { } #BUTTON-3fgj4sc7 { align-self: end; grid-column-end: 3; grid-column-start: 2; grid-row-end: 4; grid-row-start: 3; height: 68px; justify-self: center; margin-bottom: 308.46875px; margin-left: calc(0.4631696428571429% * 2); width: 33.32589285714286%; } #BUTTON-3fgj4sc7 .x-button-wrapper { --width: 33.32589285714286%; -webkit-text-stroke: 0px #000000ff; background: #ffffffe3; border-color: var(--color_01); border-radius: 0px 9px 0px 9px; border-style: solid; border-width: 1.0px; color: #000000; font-size: 30.0px; font-weight: 700; height: 100%; letter-spacing: 0px; text-align: center; width: 100%; border: ; color: var(--active-color, #000000); } #BUTTON-3fgj4sc7[disabled=true] { display: none; } #SECTION-3mc5ptt9 { height: auto; grid-template-columns: 1fr 1300px 1fr; grid-template-rows: minmax(600px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-3mc5ptt9 .x-section-background { background: url(https://content.pancake.vn/web-media/f5/93/19/e7/995484188dfef1315582f5dc67f2d0b3613b5d43ee996ef5c17fbf5e-w:1366-h:768-l:689940-t:image/png.png); background-size: contain; background-attachment: scroll; -webkit-transform: none; background-repeat: repeat; background-position-x: center; background-position-y: center; --height: 600; --bg: url(https://content.pancake.vn/web-media/f5/93/19/e7/995484188dfef1315582f5dc67f2d0b3613b5d43ee996ef5c17fbf5e-w:1366-h:768-l:689940-t:image/png.png); } #SECTION-3mc5ptt9 .x-section-video-background { } #SECTION-3mc5ptt9 .video { display: none; } #SECTION-3mc5ptt9 .video-bp1 { overflow: hidden; width: 100%; height: 100%; display: block; } #SECTION-3mc5ptt9 .overlay { background-repeat: repeat; background-size: auto; background-image: url(https://content.pancake.vn/1/s500x500/fwebp0/c5/3e/bb/f5/5069498cdd3a71b4284586f17605d5c86e356562fc8ce8c6640d82c3.webp); background-position: center; } #COUNTDOWN-vyb5wv0s { --width: 46.22295673076923%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 46.22295673076923%; } #COUNTDOWN-vyb5wv0s .x-countdown-circle { background: rgba(255, 255, 255, 0); border-radius: 10px; font-weight: 700; text-transform: uppercase; } #COUNTDOWN-vyb5wv0s .x-countdown-flipdown { background: rgba(255, 255, 255, 0); border-radius: 10px; font-weight: 700; text-transform: uppercase; } #COUNTDOWN-vyb5wv0s .x-figure-text { background: rgba(255, 255, 255, 0); border-radius: 10px; font-weight: 700; text-transform: uppercase; } .x-figure-text .title { width: 85px; color: #000000; font-size: 25px; padding-bottom: 0px; } #COUNTDOWN-vyb5wv0s .x-countdown-circle .x-days-container { width: 120px; height: 120px; border-color: ; } #COUNTDOWN-vyb5wv0s .x-countdown-circle .x-hours-container { width: 120px; height: 120px; border-color: ; } #COUNTDOWN-vyb5wv0s .x-countdown-circle .x-minutes-container { width: 120px; height: 120px; border-color: ; } #COUNTDOWN-vyb5wv0s .x-countdown-circle .x-seconds-container { width: 120px; height: 120px; border-color: ; } #COUNTDOWN-vyb5wv0s .x-countdown-circle .x-days { font-size: 35px; color: rgba(255, 255, 255, 1); } #COUNTDOWN-vyb5wv0s .x-countdown-circle .x-hours { font-size: 35px; color: rgba(255, 255, 255, 1); } #COUNTDOWN-vyb5wv0s .x-countdown-circle .x-minutes { font-size: 35px; color: rgba(255, 255, 255, 1); } #COUNTDOWN-vyb5wv0s .x-countdown-circle .x-seconds { font-size: 35px; color: rgba(255, 255, 255, 1); } #COUNTDOWN-vyb5wv0s .x-countdown-flipdown .x-bloc-time .x-figure { width: 40px; height: 40px; line-height: 40px; font-size: 35px; color: rgba(255, 255, 255, 1); border-radius: 10px; } #COUNTDOWN-vyb5wv0s .dots { row-gap: 10px; } #COUNTDOWN-vyb5wv0s .dots-item-top, #COUNTDOWN-vyb5wv0s .dots-item-bottom { width: 10px; height: 10px; } #COUNTDOWN-vyb5wv0s .x-countdown-flipdown .x-bloc-time .x-figure .top { background: #e31010; color: inherit; } #COUNTDOWN-vyb5wv0s .x-countdown-flipdown .x-bloc-time .x-figure .bottom-back { background: #e31010; color: inherit; } #COUNTDOWN-vyb5wv0s .x-countdown-flipdown .x-bloc-time .x-figure .top-back { background: #e31010; color: inherit; } #COUNTDOWN-vyb5wv0s .x-countdown-flipdown .x-bloc-time .x-figure .bottom { background: #e31010; color: inherit; } #GRID-PRODUCT-z8sro8yx { --width: 99.88701923076924%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 119px;width: 99.88701923076924%; } #GRID-PRODUCT-z8sro8yx .grid-product--inner img { object-fit: fill; } #GRID-PRODUCT-z8sro8yx .grid-product--title { line-clamp: 2; -webkit-line-clamp: 2; } #GRID-PRODUCT-z8sro8yx .grid-product--wrapper { margin-bottom: 12px; } #GRID-PRODUCT-z8sro8yx .empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; } #GRID-PRODUCT-z8sro8yx .empty-product .empty-product-image { width: 160px; height: 160px; } #GRID-PRODUCT-z8sro8yx .empty-product .empty-product-text { color: #25282A; text-align: center; max-width: 357px; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } #GRID-PRODUCT-z8sro8yx .empty-product .empty-product-description { color: #43484C; text-align: center; max-width: 425px; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } #GRID-PRODUCT-z8sro8yx .grid-product--wrapper { display: grid; column-gap: 10px; row-gap: 20px; grid-template-columns: repeat(5, 1fr); } #GRID-PRODUCT-z8sro8yx .slider-product--item:hover { } #GRID-PRODUCT-z8sro8yx .slider-product--item:hover .product-overlay[data-type="quick-view"] { display: grid; } #GRID-PRODUCT-z8sro8yx .slider-product--item { opacity: 1; transition: opacity 0.3s ease; } #GRID-PRODUCT-z8sro8yx .slider-product--item.invisible { opacity: 0; } #GRID-PRODUCT-z8sro8yx .slider-product--item { display: flex; flex-direction: column; border-color: #000; } #GRID-PRODUCT-z8sro8yx .grid-product--inner { padding-bottom: calc(100% / (3/4)); } #GRID-PRODUCT-z8sro8yx .grid-product--info { padding: 0px 4px; justify-content: unset; align-items: unset } #GRID-PRODUCT-z8sro8yx .grid-product--category { padding: 0px 0px; } #GRID-PRODUCT-z8sro8yx .grid-product--title { font-family: 'K2D', sans-serif; font-weight: bold; } #GRID-PRODUCT-z8sro8yx .grid-product--price { margin-top: 10px; margin-bottom: 10px; } #GRID-PRODUCT-z8sro8yx .grid-product--retail-price, #GRID-PRODUCT-z8sro8yx .grid-product--selling-price { font-weight: bold; font-size: 15px; color: #e31010; margin: 0 0px; } #GRID-PRODUCT-z8sro8yx .grid-product--origin-price { font-weight: bold; font-size: 14px; color: var(--color_04); margin: 0 5px; } #GRID-PRODUCT-z8sro8yx .grid-product--discount { padding: 0px 0px; background: var(--color_01); border-radius: 0px; font: ; color: ; font-family: ; font-size: px; font-weight: ; font-style: ; text-decoration: ; } #GRID-PRODUCT-z8sro8yx .grid-product--wholesale-price { } #GRID-PRODUCT-z8sro8yx .grid-product--btn-add-cart { background-color: var(--color_01); text-align: center; color: var(--color_04); margin: auto 0px 0px 0px; padding: 8px 16px; letter-spacing: 0px; line-height: 1.5; } #GRID-PRODUCT-z8sro8yx .grid-product--btn-add-cart:hover { color: var(--color_04); background-color: var(--color_00); } #GRID-PRODUCT-z8sro8yx .loaded-action { display: flex; justify-content: center; } #GRID-PRODUCT-z8sro8yx .load-more-btn { background-color: #000; font-family: 'Amiko', sans-serif; color: var(--color_01); padding: 8px 16px; } #GRID-PRODUCT-z8sro8yx .product--ribbons-wrapper { font-family: 'Roboto', sans-serif; font-weight: ; font-size: 12px; font-style: ; text-decoration: ; color: rgba(255, 255, 255, 1); flex-direction: row; padding: 0px 0px 0px 0px; display: ; } #GRID-PRODUCT-z8sro8yx .product--ribbon { border-radius: 0px; background: #e31010; border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #GRID-PRODUCT-z8sro8yx .rate { width: 70px; height: auto; } #GRID-PRODUCT-z8sro8yx .rate-star-first svg, #GRID-PRODUCT-z8sro8yx .rate-star-first path { fill: ; } #GRID-PRODUCT-z8sro8yx .rate-star-second svg, #GRID-PRODUCT-z8sro8yx .rate-star-second path { fill: #FCD53F; } #GRID-PRODUCT-z8sro8yx .rate + span { } #PRODUCT-OVERLAY-j6piovjr { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #CONTAINER-1drpldwu { --bg: var(--color_00); background: var(--color_00); border-color: #e31010; border-width: 1.0px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); --width: 27.116246560249184%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(30px, max-content);height: auto;justify-self: start;margin-left: 0%;margin-top: -2.3984375px;width: 27.116246560249184%; border: 1px #e31010; border-top-style: unset;border-right-style: unset;border-bottom-style: unset;border-left-style: unset; } #RECT-xmi8d309 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 30px; justify-self: end; margin-right: -13.787940815497032%; margin-top: calc(0px * 2); width: 113.78794081549704%; } #RECT-xmi8d309 .x-rect { --width: 113.78794081549704%; background: var(--color_04); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_04)); } #RECT-xmi8d309::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } [id^="TEXT-DATASET-rph7rtpk"], .--clone-TEXT-DATASET-rph7rtpk { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: end; margin-bottom: calc(5.7220458984375e-6px * 2); margin-right: -6.876095233572797%; width: 101.44948940176846%; } [id^="TEXT-DATASET-rph7rtpk"] .x-text, [id^="TEXT-DATASET-rph7rtpk"] .x-text a, .--clone-TEXT-DATASET-rph7rtpk .x-text, .--clone-TEXT-DATASET-rph7rtpk .x-text a { --width: 101.44948940176846%; -webkit-text-stroke: 0px #ffffffa3; background: #e31010; border-color: #ffffffa3; color: #ffffff; font-family: 'Alexandria', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; text-align: center; text-decoration: initial; width: 100%; color: var(--active-color, #ffffff); } [id^="TEXT-DATASET-rph7rtpk"] .x-text:hover, .--clone-TEXT-DATASET-rph7rtpk .x-text:hover, [id^="TEXT-DATASET-rph7rtpk"] a:hover, .--clone-TEXT-DATASET-rph7rtpk a:hover { } #PRODUCT-OVERLAY-2twutr40 { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #EMPTY-PRODUCT-LAYOUT-shu2ssuk { background: #ffffff; width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(160px, 1fr) minmax(0px, max-content) minmax(0px, max-content); max-height: var(--viewport-height, 100vh); } #IMAGE-hsloqo98 { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 160px; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 160px; } #IMAGE-hsloqo98 picture { --width: 160px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-hsloqo98 img { object-fit: cover; } [id^="TEXT-il82yq3w"], .--clone-TEXT-il82yq3w { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-bottom: calc(0.90625px * 2); margin-right: calc(1.1770833333333333% * 2); width: 60%; } [id^="TEXT-il82yq3w"] .x-text, [id^="TEXT-il82yq3w"] .x-text a, .--clone-TEXT-il82yq3w .x-text, .--clone-TEXT-il82yq3w .x-text a { --width: 60%; -webkit-text-stroke: 0px #25282A; color: #25282A; font: var(--font_6); font-size: 16.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #25282A); } [id^="TEXT-il82yq3w"] .x-text:hover, .--clone-TEXT-il82yq3w .x-text:hover, [id^="TEXT-il82yq3w"] a:hover, .--clone-TEXT-il82yq3w a:hover { } [id^="TEXT-20rp98v6"], .--clone-TEXT-20rp98v6 { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-bottom: 0px; margin-left: calc(0% * 2); width: 60%; } [id^="TEXT-20rp98v6"] .x-text, [id^="TEXT-20rp98v6"] .x-text a, .--clone-TEXT-20rp98v6 .x-text, .--clone-TEXT-20rp98v6 .x-text a { --width: 60%; -webkit-text-stroke: 0px #000000ff; color: #43484C; font: var(--font_6); font-size: 14.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #43484C); } [id^="TEXT-20rp98v6"] .x-text:hover, .--clone-TEXT-20rp98v6 .x-text:hover, [id^="TEXT-20rp98v6"] a:hover, .--clone-TEXT-20rp98v6 a:hover { } #SECTION-17vwrd6w { height: auto; grid-template-columns: 1fr 1300px 1fr; grid-template-rows: minmax(118px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-17vwrd6w .x-section-background { background: url(https://content.pancake.vn/web-media/a4/b3/be/14/efe748704372cd15b879f2c504fa5da890e4293de0d79a0be2a7c275-w:1366-h:529-l:78531-t:image/png.png); background-size: contain; background-attachment: scroll; -webkit-transform: none; background-repeat: repeat; background-position-x: center; background-position-y: center; --height: 118; --bg: url(https://content.pancake.vn/web-media/a4/b3/be/14/efe748704372cd15b879f2c504fa5da890e4293de0d79a0be2a7c275-w:1366-h:529-l:78531-t:image/png.png); } #SECTION-17vwrd6w .x-section-video-background { } #SECTION-17vwrd6w .video { display: none; } #SECTION-17vwrd6w .video-bp1 { overflow: hidden; width: 100%; height: 100%; display: block; } [id^="TEXT-1gwvxh81"], .--clone-TEXT-1gwvxh81 { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-right: calc(0.012620192307692308% * 2); margin-top: calc(0px * 2); width: 50.92187500000001%; } [id^="TEXT-1gwvxh81"] .x-text, [id^="TEXT-1gwvxh81"] .x-text a, .--clone-TEXT-1gwvxh81 .x-text, .--clone-TEXT-1gwvxh81 .x-text a { --width: 50.92187500000001%; -webkit-text-stroke: 0px #000000ff; color: #b0362e; font-family: 'Alexandria', sans-serif; font-size: 45.0px; font-weight: 700; height: 100%; letter-spacing: 4px; text-align: center; text-shadow: 7px 5px 4px rgba(0, 0, 0, 0.25); width: 100%; color: var(--active-color, #b0362e); } [id^="TEXT-1gwvxh81"] .x-text:hover, .--clone-TEXT-1gwvxh81 .x-text:hover, [id^="TEXT-1gwvxh81"] a:hover, .--clone-TEXT-1gwvxh81 a:hover { } #SECTION-27zay2uj { height: auto; grid-template-columns: 1fr 1300px 1fr; grid-template-rows: minmax(673.3099788958936px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-27zay2uj .x-section-background { background: url(https://content.pancake.vn/web-media/ac/24/b6/37/b596d4aad3afcd2d62af3eb110fcef68aa85d129a39ea32e539b3cb3-w:1366-h:768-l:739983-t:image/png.png); background-size: contain; background-attachment: scroll; -webkit-transform: none; background-repeat: repeat; background-position-x: center; background-position-y: center; --height: 1500; --bg: url(https://content.pancake.vn/web-media/ac/24/b6/37/b596d4aad3afcd2d62af3eb110fcef68aa85d129a39ea32e539b3cb3-w:1366-h:768-l:739983-t:image/png.png); } #SECTION-27zay2uj .x-section-video-background { } #SECTION-27zay2uj .video { display: none; } #SECTION-27zay2uj .video-bp1 { overflow: hidden; width: 100%; height: 100%; display: block; } #SECTION-27zay2uj .overlay { background-repeat: repeat; background-size: auto; background-image: url(https://content.pancake.vn/1/s500x500/fwebp0/c5/3e/bb/f5/5069498cdd3a71b4284586f17605d5c86e356562fc8ce8c6640d82c3.webp); background-position: center; } #GRID-PRODUCT-f449iywh { --width: 99.82091346153848%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: center;margin-right: calc(0.012620192307692308% * 2);margin-top: 85px;width: 99.82091346153848%; } #GRID-PRODUCT-f449iywh .grid-product--inner img { object-fit: fill; } #GRID-PRODUCT-f449iywh .grid-product--title { line-clamp: 2; -webkit-line-clamp: 2; } #GRID-PRODUCT-f449iywh .grid-product--wrapper { margin-bottom: 12px; } #GRID-PRODUCT-f449iywh .empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; } #GRID-PRODUCT-f449iywh .empty-product .empty-product-image { width: 160px; height: 160px; } #GRID-PRODUCT-f449iywh .empty-product .empty-product-text { color: #25282A; text-align: center; max-width: 357px; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } #GRID-PRODUCT-f449iywh .empty-product .empty-product-description { color: #43484C; text-align: center; max-width: 425px; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } #GRID-PRODUCT-f449iywh .grid-product--wrapper { display: grid; column-gap: 10px; row-gap: 20px; grid-template-columns: repeat(4, 1fr); } #GRID-PRODUCT-f449iywh .slider-product--item:hover { } #GRID-PRODUCT-f449iywh .slider-product--item:hover .product-overlay[data-type="quick-view"] { display: grid; } #GRID-PRODUCT-f449iywh .slider-product--item { opacity: 1; transition: opacity 0.3s ease; } #GRID-PRODUCT-f449iywh .slider-product--item.invisible { opacity: 0; } #GRID-PRODUCT-f449iywh .slider-product--item { display: flex; flex-direction: column; border-color: #000; } #GRID-PRODUCT-f449iywh .grid-product--inner { padding-bottom: calc(100% / (3/4)); } #GRID-PRODUCT-f449iywh .grid-product--info { padding: 0px 4px; justify-content: unset; align-items: unset } #GRID-PRODUCT-f449iywh .grid-product--category { padding: 0px 0px; } #GRID-PRODUCT-f449iywh .grid-product--title { font-family: 'Amiko', sans-serif; font-weight: bold; font-size: 19px; } #GRID-PRODUCT-f449iywh .grid-product--price { margin-top: 10px; margin-bottom: 10px; } #GRID-PRODUCT-f449iywh .grid-product--retail-price, #GRID-PRODUCT-f449iywh .grid-product--selling-price { font-family: 'Amiko', sans-serif; font-weight: bold; font-size: 16px; color: #03cb34; margin: 0 0px; } #GRID-PRODUCT-f449iywh .grid-product--origin-price { font-weight: bold; font-size: 14px; color: var(--color_04); margin: 0 5px; } #GRID-PRODUCT-f449iywh .grid-product--discount { padding: 0px 0px; background: var(--color_01); border-radius: 0px; font: ; color: ; font-family: ; font-size: px; font-weight: ; font-style: ; text-decoration: ; } #GRID-PRODUCT-f449iywh .grid-product--wholesale-price { } #GRID-PRODUCT-f449iywh .grid-product--btn-add-cart { background-color: var(--color_01); text-align: center; color: var(--color_04); margin: auto 0px 0px 0px; padding: 8px 16px; letter-spacing: 0px; line-height: 1.5; } #GRID-PRODUCT-f449iywh .grid-product--btn-add-cart:hover { color: var(--color_04); background-color: var(--color_00); } #GRID-PRODUCT-f449iywh .loaded-action { display: flex; justify-content: center; } #GRID-PRODUCT-f449iywh .load-more-btn { background-color: #000; font-family: 'Amiko', sans-serif; color: var(--color_01); padding: 8px 16px; } #GRID-PRODUCT-f449iywh .product--ribbons-wrapper { font-family: 'Roboto', sans-serif; font-weight: ; font-size: 12px; font-style: ; text-decoration: ; color: rgba(255, 255, 255, 1); flex-direction: row; padding: 0px 0px 0px 0px; display: ; } #GRID-PRODUCT-f449iywh .product--ribbon { border-radius: 0px; background: #e31010; border-color: rgba(0, 0, 0, 1); border-width: 0px; background-size: cover; background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: ; } #PRODUCT-OVERLAY-8ulcxx3l { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #CONTAINER-hixu5bkv { --bg: var(--color_00); background: var(--color_00); border-color: #e31010; border-width: 1.0px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); --width: 27.116246560249184%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(30px, max-content);height: auto;justify-self: start;margin-left: 0%;margin-top: -2.3984375px;width: 27.116246560249184%; border: 1px #e31010; border-top-style: unset;border-right-style: unset;border-bottom-style: unset;border-left-style: unset; } #RECT-4bhx1e2g { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 30px; justify-self: end; margin-right: -13.787940815497032%; margin-top: calc(0px * 2); width: 113.78794081549704%; } #RECT-4bhx1e2g .x-rect { --width: 113.78794081549704%; background: var(--color_04); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_04)); } #RECT-4bhx1e2g::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } [id^="TEXT-DATASET-hlgur1km"], .--clone-TEXT-DATASET-hlgur1km { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: end; margin-bottom: calc(5.7220458984375e-6px * 2); margin-right: -6.876095233572797%; width: 101.44948940176846%; } [id^="TEXT-DATASET-hlgur1km"] .x-text, [id^="TEXT-DATASET-hlgur1km"] .x-text a, .--clone-TEXT-DATASET-hlgur1km .x-text, .--clone-TEXT-DATASET-hlgur1km .x-text a { --width: 101.44948940176846%; -webkit-text-stroke: 0px #ffffffa3; background: #e31010; border-color: #ffffffa3; color: #ffffff; font-family: 'Alexandria', sans-serif; font-size: 15.0px; font-weight: 400; height: 100%; text-align: center; text-decoration: initial; width: 100%; color: var(--active-color, #ffffff); } [id^="TEXT-DATASET-hlgur1km"] .x-text:hover, .--clone-TEXT-DATASET-hlgur1km .x-text:hover, [id^="TEXT-DATASET-hlgur1km"] a:hover, .--clone-TEXT-DATASET-hlgur1km a:hover { } #PRODUCT-OVERLAY-227u68v0 { width: 100%; height: 100%; grid-template-columns: 1fr; grid-template-rows: minmax(0px, 1fr); column-gap: 0px; row-gap: 0px; } #EMPTY-PRODUCT-LAYOUT-jbl6h4e2 { background: #ffffff; width: 100%; height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(160px, 1fr) minmax(0px, max-content) minmax(0px, max-content); max-height: var(--viewport-height, 100vh); } #IMAGE-u0w4e48f { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 160px; justify-self: center; margin-left: calc(0% * 2); margin-top: 0px; width: 160px; } #IMAGE-u0w4e48f picture { --width: 160px; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-u0w4e48f img { object-fit: cover; } [id^="TEXT-6er5gegp"], .--clone-TEXT-6er5gegp { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-bottom: calc(0.90625px * 2); margin-right: calc(1.1770833333333333% * 2); width: 60%; } [id^="TEXT-6er5gegp"] .x-text, [id^="TEXT-6er5gegp"] .x-text a, .--clone-TEXT-6er5gegp .x-text, .--clone-TEXT-6er5gegp .x-text a { --width: 60%; -webkit-text-stroke: 0px #25282A; color: #25282A; font: var(--font_6); font-size: 16.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #25282A); } [id^="TEXT-6er5gegp"] .x-text:hover, .--clone-TEXT-6er5gegp .x-text:hover, [id^="TEXT-6er5gegp"] a:hover, .--clone-TEXT-6er5gegp a:hover { } [id^="TEXT-kr666sx6"], .--clone-TEXT-kr666sx6 { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: center; margin-bottom: 0px; margin-left: calc(0% * 2); width: 60%; } [id^="TEXT-kr666sx6"] .x-text, [id^="TEXT-kr666sx6"] .x-text a, .--clone-TEXT-kr666sx6 .x-text, .--clone-TEXT-kr666sx6 .x-text a { --width: 60%; -webkit-text-stroke: 0px #000000ff; color: #43484C; font: var(--font_6); font-size: 14.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, #43484C); } [id^="TEXT-kr666sx6"] .x-text:hover, .--clone-TEXT-kr666sx6 .x-text:hover, [id^="TEXT-kr666sx6"] a:hover, .--clone-TEXT-kr666sx6 a:hover { } #SECTION-o7fzgs24 { height: auto; grid-template-columns: 1fr 1300px 1fr; grid-template-rows: minmax(340px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-o7fzgs24 .x-section-background { background: url(https://content.pancake.vn/web-media/ac/24/b6/37/b596d4aad3afcd2d62af3eb110fcef68aa85d129a39ea32e539b3cb3-w:1366-h:768-l:739983-t:image/png.png); background-size: cover; background-attachment: scroll; -webkit-transform: none; background-repeat: no-repeat; background-position-x: center; background-position-y: center; --height: 340; --bg: url(https://content.pancake.vn/web-media/ac/24/b6/37/b596d4aad3afcd2d62af3eb110fcef68aa85d129a39ea32e539b3cb3-w:1366-h:768-l:739983-t:image/png.png); } #SECTION-o7fzgs24 .x-section-video-background { } #SECTION-o7fzgs24 .video { display: none; } #SECTION-o7fzgs24 .video-bp1 { overflow: hidden; width: 100%; height: 100%; display: block; } #SECTION-o7fzgs24 .overlay { background-repeat: repeat; background-size: auto; background-image: url(https://content.pancake.vn/1/s500x500/fwebp0/c5/3e/bb/f5/5069498cdd3a71b4284586f17605d5c86e356562fc8ce8c6640d82c3.webp); background-position: center; } #SLIDER-CATE-6umtnyi0 { --width: 99.9171686746988%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: start;margin-bottom: calc(10.609375px * 2);margin-left: 0%;width: 99.9171686746988%; -webkit-text-stroke: 0px #000000ff; color: #000000d9; font-family: 'Alexandria', sans-serif; font-size: 24.0px; font-weight: 700; } #SLIDER-CATE-6umtnyi0 .cake-slider { display: grid; grid-template-rows: repeat(1, max-content); grid-auto-flow: column; column-gap: 10px; } #SLIDER-CATE-6umtnyi0 .x-gc-item { background: #ffffffa3; min-width: 137px; border-radius: 0px; overflow: hidden; align-items: start; } #SLIDER-CATE-6umtnyi0 .x-gc-item a { flex: 1 } #SLIDER-CATE-6umtnyi0 .x-gc-name { padding: 0px 0; } #SLIDER-CATE-6umtnyi0 .x-gc-thumbnail img { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #SLIDER-CATE-6umtnyi0 .x-gc-thumbnail:hover img { -webkit-transform: scale(1); transform: scale(1); } #SLIDER-CATE-6umtnyi0 .x-gc-thumbnail img { aspect-ratio: 1/1; border-radius: 0px; object-fit: cover; } #SLIDER-CATE-6umtnyi0 .button-arrow { width: 40px; height: 40px; color: rgba(0, 0, 0, 1); } #SLIDER-CATE-6umtnyi0 .button-arrow svg { width: 35%; height: 35%; } #SLIDER-CATE-6umtnyi0 .button-arrow path { fill: rgba(0, 0, 0, 1); } #SLIDER-CATE-6umtnyi0 .button-arrow:after { border: 1px solid rgba(0, 0, 0, 0.2); } #SLIDER-CATE-6umtnyi0 .slider-product--next { right: 30px; } #SLIDER-CATE-6umtnyi0 .slider-product--prev { left: 30px; } #SECTION-8vfrewg4 { height: auto; grid-template-columns: 1fr 1300px 1fr; grid-template-rows: minmax(82px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-8vfrewg4 .x-section-background { background: url(https://content.pancake.vn/web-media/a4/b3/be/14/efe748704372cd15b879f2c504fa5da890e4293de0d79a0be2a7c275-w:1366-h:529-l:78531-t:image/png.png); background-size: contain; background-attachment: scroll; -webkit-transform: none; background-repeat: repeat; background-position-x: center; background-position-y: center; --height: 82; --bg: url(https://content.pancake.vn/web-media/a4/b3/be/14/efe748704372cd15b879f2c504fa5da890e4293de0d79a0be2a7c275-w:1366-h:529-l:78531-t:image/png.png); } #SECTION-8vfrewg4 .x-section-video-background { } #SECTION-8vfrewg4 .video { display: none; } #SECTION-8vfrewg4 .video-bp1 { overflow: hidden; width: 100%; height: 100%; display: block; } #SECTION-8vfrewg4 .overlay { background-repeat: repeat; background-size: auto; background-image: url(https://content.pancake.vn/1/s500x500/fwebp0/c5/3e/bb/f5/5069498cdd3a71b4284586f17605d5c86e356562fc8ce8c6640d82c3.webp); background-position: center; } #BUTTON-i48cqodi { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 2; grid-row-start: 1; height: 46px; justify-self: center; margin-right: calc(0.04146634615384615% * 2); margin-top: calc(0px * 2); width: 22.846153846153847%; } #BUTTON-i48cqodi .x-button-wrapper { --width: 22.846153846153847%; -webkit-text-stroke: 0px #000000; background: #ffffffa3; border-color: #ffffffa3; color: #b0362e; font-family: 'Alexandria', sans-serif; font-size: 25.0px; font-weight: 700; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #b0362e); } #BUTTON-i48cqodi[disabled=true] { display: none; } #SECTION-ye7fafx0 { height: auto; grid-template-columns: 1fr 1300px 1fr; grid-template-rows: minmax(119px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-ye7fafx0 .x-section-background { background: rgba(255, 255, 255, 0); --height: 119; --bg: rgba(255, 255, 255, 0); } #SECTION-ye7fafx0 .x-section-video-background { } #SECTION-ye7fafx0 .video { display: none; } #SECTION-ye7fafx0 .video-bp1 { overflow: hidden; width: 100%; height: 100%; display: block; } #SECTION-ye7fafx0 .overlay { background-repeat: repeat; background-size: auto; background-image: url(https://content.pancake.vn/1/s500x500/fwebp0/c5/3e/bb/f5/5069498cdd3a71b4284586f17605d5c86e356562fc8ce8c6640d82c3.webp); background-position: center; } #LIST-ORDERED-0ifzrus0 { --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; overflow: auto; } #LIST-ORDERED-0ifzrus0 .x-list-ordered { -webkit-text-stroke: 0px #000000ff; color: #000000d9; font-size: 14.0px; text-align: center; } #SECTION-nqhqi04y { height: auto; grid-template-columns: 20px 1fr 20px; grid-template-rows: minmax(20px, max-content) minmax(232px, max-content) minmax(10px, max-content) minmax(48px, max-content) minmax(54px, max-content); column-gap: 0px; row-gap: 0px; transition: opacity 0.3s ease, visibility 0.3s ease; } #SECTION-nqhqi04y .x-section-background { background: #ffffff00; --height: 364; --bg: #ffffff00; } #SECTION-nqhqi04y .x-section-video-background { } #SECTION-nqhqi04y .video { display: none; } #SECTION-nqhqi04y .video-bp1 { overflow: hidden; width: 100%; height: 100%; display: block; } #LINE-herp3iw1 { --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; height: auto; } #LINE-herp3iw1 .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } #LINE-m7ixiyxf { --width: 100%;align-self: center;grid-column-end: 4;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; height: auto; } #LINE-m7ixiyxf .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } [id^="TEXT-33tieao0"], .--clone-TEXT-33tieao0 { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: start; margin-left: 0%; margin-top: 9px; width: 15.357142857142858%; } [id^="TEXT-33tieao0"] .x-text, [id^="TEXT-33tieao0"] .x-text a, .--clone-TEXT-33tieao0 .x-text, .--clone-TEXT-33tieao0 .x-text a { --width: 15.357142857142858%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_7); font: var(--font_7); font-family: 'Figtree', sans-serif; font-size: 13.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-33tieao0"] .x-text:hover, .--clone-TEXT-33tieao0 .x-text:hover, [id^="TEXT-33tieao0"] a:hover, .--clone-TEXT-33tieao0 a:hover { } #LINE-s3w544xo { --width: 10.426339285714285%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;height: auto;justify-self: start;margin-bottom: 13px;margin-left: 0.35714285714285726%;width: 10.426339285714285%; height: auto; } #LINE-s3w544xo .line-container { border-color: #181818ff; border-style: solid; border-width: 2.0px; } #CONTAINER-jd94pvph { --bg: #ffffff00; background: #ffffff00; border-color: #000000ff; --width: 30px;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 1fr;grid-template-rows: minmax(30px, max-content);height: 30px;justify-self: start;margin-left: 13.356026785714286%;margin-top: calc(0px * 2);width: 30px; border: #000000ff; } #RECT-7jma85aq { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 30px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 30px; } #RECT-7jma85aq .x-rect { --width: 30px; background: var(--color_04); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHJ4PSI1MCIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_04)); } #RECT-7jma85aq::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #RECT-avhvfqc0 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 17px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 41.75925890604655%; } #RECT-avhvfqc0 .x-rect { --width: 41.75925890604655%; background: var(--color_00); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMDI0IDE4OTYuMDgzMyIgY2xhc3M9ImZhY2Vib29rIj48cGF0aCBkPSJNOTU5IDEydjI2NEg4MDJxLTg2IDAtMTE2IDM2dC0zMCAxMDh2MTg5aDI5M2wtMzkgMjk2SDY1NnY3NTlIMzUwVjkwNUg5NVY2MDloMjU1VjM5MXEwLTE4NiAxMDQtMjg4LjVUNzMxIDBxMTQ3IDAgMjI4IDEyeiI+PC9wYXRoPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_00)); } #RECT-avhvfqc0::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #CONTAINER-443mmpsi { --bg: #ffffff00; background: #ffffff00; border-color: #000000ff; --width: 45.80078125px;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 1fr;grid-template-rows: minmax(45.80078125px, max-content);height: 45.80078125px;justify-self: start;margin-left: 15.498744419642858%;margin-top: -0.25390625px;width: 45.80078125px; border: #000000ff; } #RECT-7n35agsw { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 30px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 30px; } #RECT-7n35agsw .x-rect { --width: 30px; background: var(--color_04); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHJ4PSI1MCIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_04)); } #RECT-7n35agsw::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #RECT-ywu44cpd { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 17px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 17px; } #RECT-ywu44cpd .x-rect { --width: 17px; background: var(--color_00); border-color: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0nNTcnIGhlaWdodD0nNTcnIHZpZXdCb3g9JzAgMCA1NyA1NycgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNDMuNTE0MiAxNi44NjFDNDUuMzc4MSAxNi44NjEgNDYuODg5MiAxNS4zNDk5IDQ2Ljg4OTIgMTMuNDg2QzQ2Ljg4OTIgMTEuNjIyIDQ1LjM3ODEgMTAuMTExIDQzLjUxNDIgMTAuMTExQzQxLjY1MDIgMTAuMTExIDQwLjEzOTIgMTEuNjIyIDQwLjEzOTIgMTMuNDg2QzQwLjEzOTIgMTUuMzQ5OSA0MS42NTAyIDE2Ljg2MSA0My41MTQyIDE2Ljg2MVonIGZpbGw9J2JsYWNrJy8+PHBhdGggZD0nTTI4LjUwMDEgMTQuMDU3OEMyNS42NDM3IDE0LjA1NzggMjIuODUxNCAxNC45MDQ4IDIwLjQ3NjQgMTYuNDkxN0MxOC4xMDE0IDE4LjA3ODcgMTYuMjUwMyAyMC4zMzQyIDE1LjE1NzIgMjIuOTczMkMxNC4wNjQxIDI1LjYxMjIgMTMuNzc4MSAyOC41MTYgMTQuMzM1NCAzMS4zMTc1QzE0Ljg5MjYgMzQuMTE5IDE2LjI2ODEgMzYuNjkyNCAxOC4yODc5IDM4LjcxMjJDMjAuMzA3NyA0MC43MzE5IDIyLjg4MSA0Mi4xMDc0IDI1LjY4MjUgNDIuNjY0N0MyOC40ODQgNDMuMjIxOSAzMS4zODc5IDQyLjkzNTkgMzQuMDI2OCA0MS44NDI4QzM2LjY2NTggNDAuNzQ5NyAzOC45MjE0IDM4Ljg5ODYgNDAuNTA4MyAzNi41MjM2QzQyLjA5NTIgMzQuMTQ4NiA0Mi45NDIyIDMxLjM1NjQgNDIuOTQyMiAyOC41QzQyLjk0MjIgMjQuNjY5NyA0MS40MjA3IDIwLjk5NjMgMzguNzEyMiAxOC4yODc4QzM2LjAwMzggMTUuNTc5NCAzMi4zMzA0IDE0LjA1NzggMjguNTAwMSAxNC4wNTc4Wk0yOC41MDAxIDM3Ljg3NUMyNi42NDU5IDM3Ljg3NSAyNC44MzMzIDM3LjMyNTIgMjMuMjkxNiAzNi4yOTVDMjEuNzQ5OSAzNS4yNjQ5IDIwLjU0ODMgMzMuODAwNyAxOS44Mzg3IDMyLjA4NzZDMTkuMTI5MSAzMC4zNzQ2IDE4Ljk0MzUgMjguNDg5NiAxOS4zMDUyIDI2LjY3MUMxOS42NjY5IDI0Ljg1MjQgMjAuNTU5OCAyMy4xODIgMjEuODcwOSAyMS44NzA5QzIzLjE4MiAyMC41NTk3IDI0Ljg1MjUgMTkuNjY2OSAyNi42NzExIDE5LjMwNTFDMjguNDg5NyAxOC45NDM0IDMwLjM3NDcgMTkuMTI5IDMyLjA4NzcgMTkuODM4NkMzMy44MDA4IDIwLjU0ODIgMzUuMjY0OSAyMS43NDk4IDM2LjI5NTEgMjMuMjkxNUMzNy4zMjUyIDI0LjgzMzIgMzcuODc1MSAyNi42NDU4IDM3Ljg3NTEgMjguNUMzNy44NzUxIDMwLjk4NjQgMzYuODg3MyAzMy4zNzEgMzUuMTI5MiAzNS4xMjkxQzMzLjM3MSAzNi44ODczIDMwLjk4NjUgMzcuODc1IDI4LjUwMDEgMzcuODc1WicgZmlsbD0nYmxhY2snLz48cGF0aCBkPSdNMjguNSA1LjQ0MjJDMzYuMDA5NCA1LjQ0MjIgMzYuOSA1LjQ3MDMgMzkuODY0OCA1LjYwNjJDNDEuNjQ4MSA1LjYyNzQgNDMuNDE0NCA1Ljk1NDggNDUuMDg2NyA2LjU3NDJDNDYuMyA3LjA0MjIgNDcuNDAxOCA3Ljc1OTEgNDguMzIxNCA4LjY3ODZDNDkuMjQwOSA5LjU5ODIgNDkuOTU3OCAxMC43IDUwLjQyNTggMTEuOTEzM0M1MS4wNDUyIDEzLjU4NTYgNTEuMzcyNiAxNS4zNTE5IDUxLjM5MzcgMTcuMTM1MkM1MS41Mjk3IDIwLjEgNTEuNTU3OCAyMC45OTA2IDUxLjU1NzggMjguNTAyM0M1MS41NTc4IDM2LjAxNDEgNTEuNTI5NyAzNi45IDUxLjM5MzcgMzkuODY0OEM1MS4zNzI2IDQxLjY0ODEgNTEuMDQ1MiA0My40MTQ0IDUwLjQyNTggNDUuMDg2N0M0OS45NTc4IDQ2LjMgNDkuMjQwOSA0Ny40MDE4IDQ4LjMyMTQgNDguMzIxNEM0Ny40MDE4IDQ5LjI0MDkgNDYuMyA0OS45NTc4IDQ1LjA4NjcgNTAuNDI1OEM0My40MTQ0IDUxLjA0NTIgNDEuNjQ4MSA1MS4zNzI2IDM5Ljg2NDggNTEuMzkzN0MzNi45IDUxLjUyOTcgMzYuMDA5NCA1MS41NTc4IDI4LjUgNTEuNTU3OEMyMC45OTA2IDUxLjU1NzggMjAuMSA1MS41Mjk3IDE3LjEzNTIgNTEuMzkzN0MxNS4zNTE5IDUxLjM3MjYgMTMuNTg1NiA1MS4wNDUyIDExLjkxMzMgNTAuNDI1OEMxMC43IDQ5Ljk1NzggOS41OTgyIDQ5LjI0MDkgOC42Nzg2IDQ4LjMyMTRDNy43NTkxIDQ3LjQwMTggNy4wNDIyIDQ2LjMgNi41NzQyIDQ1LjA4NjdDNS45NTQ4IDQzLjQxNDQgNS42Mjc0IDQxLjY0ODEgNS42MDYyIDM5Ljg2NDhDNS40NzAzIDM2LjkgNS40NDIyIDM2LjAwOTQgNS40NDIyIDI4LjVDNS40NDIyIDIwLjk5MDYgNS40NzAzIDIwLjEgNS42MDYyIDE3LjEzNTJDNS42Mjc0IDE1LjM1MTkgNS45NTQ4IDEzLjU4NTYgNi41NzQyIDExLjkxMzNDNy4wNDIyIDEwLjcgNy43NTkxIDkuNTk4MiA4LjY3ODYgOC42Nzg2QzkuNTk4MiA3Ljc1OTEgMTAuNyA3LjA0MjIgMTEuOTEzMyA2LjU3NDJDMTMuNTg1NiA1Ljk1NDggMTUuMzUxOSA1LjYyNzQgMTcuMTM1MiA1LjYwNjJDMjAuMSA1LjQ3MDMgMjAuOTkwNiA1LjQ0MjIgMjguNSA1LjQ0MjJaTTI4LjUgMC4zNzVDMjAuODYxNyAwLjM3NSAxOS45MDMxIDAuNDA3ODEgMTYuOTAzMSAwLjU0Mzc1QzE0LjU3MDYgMC41OTA4NSAxMi4yNjI5IDEuMDMzMSAxMC4wNzgxIDEuODUxNkM4LjIwOTUgMi41NzQxIDYuNTEyNSAzLjY3OTIgNS4wOTU4IDUuMDk1OEMzLjY3OTIgNi41MTI1IDIuNTc0MSA4LjIwOTUgMS44NTE2IDEwLjA3ODFDMS4wMzI4IDEyLjI2MzYgMC41OTA1OSAxNC41NzIxIDAuNTQzNzUgMTYuOTA1NUMwLjQwNzgxIDE5LjkwNTUgMC4zNzUgMjAuODU5NCAwLjM3NSAyOC41QzAuMzc1IDM2LjE0MDYgMC40MDc4MSAzNy4wOTY5IDAuNTQzNzUgNDAuMDk2OUMwLjU5MDg1IDQyLjQyOTQgMS4wMzMxIDQ0LjczNzEgMS44NTE2IDQ2LjkyMTlDMi41NzQxIDQ4Ljc5MDUgMy42NzkyIDUwLjQ4NzUgNS4wOTU4IDUxLjkwNDJDNi41MTI1IDUzLjMyMDggOC4yMDk1IDU0LjQyNTkgMTAuMDc4MSA1NS4xNDg0QzEyLjI2MzYgNTUuOTY3MiAxNC41NzIxIDU2LjQwOTQgMTYuOTA1NSA1Ni40NTYyQzE5LjkwNTUgNTYuNTkyMiAyMC44NjE3IDU2LjYyNSAyOC41IDU2LjYyNUMzNi4xMzgzIDU2LjYyNSAzNy4wOTY5IDU2LjU5MjIgNDAuMDk2OSA1Ni40NTYyQzQyLjQzMDIgNTYuNDA5NCA0NC43Mzg3IDU1Ljk2NzIgNDYuOTI0MiA1NS4xNDg0QzQ4Ljc5MjggNTQuNDI1OSA1MC40ODk5IDUzLjMyMDggNTEuOTA2NSA1MS45MDQyQzUzLjMyMzIgNTAuNDg3NSA1NC40MjgyIDQ4Ljc5MDUgNTUuMTUwOCA0Ni45MjE5QzU1Ljk2ODggNDQuNzM2MyA1Ni40MTAyIDQyLjQyNzcgNTYuNDU2MiA0MC4wOTQ1QzU2LjU5MjIgMzcuMDk0NSA1Ni42MjUgMzYuMTQwNiA1Ni42MjUgMjguNUM1Ni42MjUgMjAuODU5NCA1Ni41OTIyIDE5LjkwMzEgNTYuNDU2MiAxNi45MDMxQzU2LjQwOTEgMTQuNTcwNiA1NS45NjY5IDEyLjI2MjkgNTUuMTQ4NCAxMC4wNzgxQzU0LjQyNTkgOC4yMDk1IDUzLjMyMDggNi41MTI1IDUxLjkwNDIgNS4wOTU4QzUwLjQ4NzUgMy42NzkyIDQ4Ljc5MDUgMi41NzQxIDQ2LjkyMTkgMS44NTE2QzQ0LjczNjMgMS4wMzM2IDQyLjQyNzcgMC41OTIxOCA0MC4wOTQ1IDAuNTQ2MDlDMzcuMDk0NSAwLjQwNTQ3IDM2LjE0MDYgMC4zNzUgMjguNSAwLjM3NVonIGZpbGw9J2JsYWNrJy8+PC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, var(--color_00)); } #RECT-ywu44cpd::before { content: ""; border-color: #000000ff; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #LINE-4e400yvx { --width: 100%;align-self: start;grid-column-end: 4;grid-column-start: 1;grid-row-end: 6;grid-row-start: 5;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%; height: auto; } #LINE-4e400yvx .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } [id^="TEXT-jjs3vrwp"], .--clone-TEXT-jjs3vrwp { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-right: calc(0.31494140625% * 2); margin-top: 46.435546875px; width: 64.7998046875%; } [id^="TEXT-jjs3vrwp"] .x-text, [id^="TEXT-jjs3vrwp"] .x-text a, .--clone-TEXT-jjs3vrwp .x-text, .--clone-TEXT-jjs3vrwp .x-text a { --width: 64.7998046875%; -webkit-text-stroke: 0px #000000ff; background: #ffffffa3; color: #b0362e; font: var(--font_1); font-family: 'Figtree', sans-serif; font-size: 31.0px; height: 100%; letter-spacing: -1px; text-align: center; text-decoration: underline; width: 100%; color: var(--active-color, #b0362e); } [id^="TEXT-jjs3vrwp"] .x-text:hover, .--clone-TEXT-jjs3vrwp .x-text:hover, [id^="TEXT-jjs3vrwp"] a:hover, .--clone-TEXT-jjs3vrwp a:hover { } #CONTAINER-zl4x0r00 { --bg: url(https://content.pancake.vn/web-media/e7/b6/9e/1e/5c66f8c41eb8046ca9472ad59cdbf0b653a9976790b313c7d0f9b57a-w:680-h:491-l:76475-t:image/png.png); background: url(https://content.pancake.vn/web-media/e7/b6/9e/1e/5c66f8c41eb8046ca9472ad59cdbf0b653a9976790b313c7d0f9b57a-w:680-h:491-l:76475-t:image/png.png); background-attachment: scroll; background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-size: cover; border-color: #000000ff; filter: contrast(95%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(100%) blur(0px); --width: 98.99972098214286%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(56px, max-content) minmax(25px, max-content);height: auto;justify-self: start;margin-left: 0%;margin-top: 0px;width: 98.99972098214286%; filter: contrast(95%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(100%) blur(0px); border: #000000ff; } [id^="TEXT-1lcaykgf"], .--clone-TEXT-1lcaykgf { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 63.88743729096989%; } [id^="TEXT-1lcaykgf"] .x-text, [id^="TEXT-1lcaykgf"] .x-text a, .--clone-TEXT-1lcaykgf .x-text, .--clone-TEXT-1lcaykgf .x-text a { --width: 63.88743729096989%; -webkit-text-stroke: 0px #000000ff; background: #ffffffa3; color: var(--font_color_1); font: var(--font_1); font-family: 'Figtree', sans-serif; font-size: 31.0px; font-weight: 700; height: 100%; letter-spacing: -1px; text-align: center; width: 100%; color: var(--active-color, var(--font_color_1)); } [id^="TEXT-1lcaykgf"] .x-text:hover, .--clone-TEXT-1lcaykgf .x-text:hover, [id^="TEXT-1lcaykgf"] a:hover, .--clone-TEXT-1lcaykgf a:hover { } [id^="TEXT-pkmc62kf"], .--clone-TEXT-pkmc62kf { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 99%; } [id^="TEXT-pkmc62kf"] .x-text, [id^="TEXT-pkmc62kf"] .x-text a, .--clone-TEXT-pkmc62kf .x-text, .--clone-TEXT-pkmc62kf .x-text a { --width: 99%; -webkit-text-stroke: 0px #000000ff; background: #ffffffa3; color: var(--font_color_1); font: var(--font_1); font-family: 'Figtree', sans-serif; font-size: 22.0px; font-weight: 700; height: 100%; text-align: center; width: 100%; color: var(--active-color, var(--font_color_1)); } [id^="TEXT-pkmc62kf"] .x-text:hover, .--clone-TEXT-pkmc62kf .x-text:hover, [id^="TEXT-pkmc62kf"] a:hover, .--clone-TEXT-pkmc62kf a:hover { } #POPUP-mul7kql5 { --top: 50%; top: var(--top); --left: 50%; left: var(--left); transform: translate(-50%, -50%); background: #ffffff; width: 400px; height: 218px; grid-template-columns: 1fr; grid-template-rows: minmax(53px, max-content) minmax(17px, max-content) minmax(148px, max-content); column-gap: 0px; row-gap: 0px; max-height: var(--viewport-height, 100vh); } #POPUP-mul7kql5.anim { --width: 400px; } #RECT-9xmdzafu { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 16.293800073382133px; justify-self: end; margin-right: 3.027317892947096%; margin-top: 10px; width: 4.1094858238846665%; } #RECT-9xmdzafu .x-rect { --width: 4.1094858238846665%; background: #E5E7EB; border-color: #E5E7EB; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiAgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0JyB2aWV3Qm94PScwIDAgMTQgMTQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEyLjU5IDBMNyA1LjU5TDEuNDEgMEwwIDEuNDFMNS41OSA3TDAgMTIuNTlMMS40MSAxNEw3IDguNDFMMTIuNTkgMTRMMTQgMTIuNTlMOC40MSA3TDE0IDEuNDFMMTIuNTkgMFonIGZpbGw9JyMyRTNBNTknLz48L3N2Zz4=); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #E5E7EB); } #RECT-9xmdzafu::before { content: ""; border-color: #E5E7EB; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #PROMOTIONS-dn83zfxe { --width: 355px;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;height: 125.38750457763672px;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 355px; flex-direction: column; height: auto; gap: 8px; } #PROMOTIONS-dn83zfxe .x-promotion-item { width: 355px; height: 355px; grid-template-columns: 56px 1fr 105px; grid-template-rows: minmax(45.53255689146002px, max-content) minmax(1.2646701637872757px, max-content) minmax(23px, max-content) minmax(0px, max-content) minmax(5px, max-content) minmax(37.94379740955002px, max-content) minmax(12.646701637872754px, max-content); } #RECT-3aam08mh { align-self: center; grid-column-end: 4; grid-column-start: 1; grid-row-end: 8; grid-row-start: 1; height: 99.01786077590216%; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 99.87324459452024%; box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.020); border-radius: 7px 7px 7px 7px; } #RECT-3aam08mh .x-rect { --width: 99.87324459452024%; background: #ffffff; border-color: var(--color_01); border-radius: 7px 7px 7px 7px; border-style: solid; border-width: 1.0px; box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.020); height: 100%; transform: rotate(0deg) perspective(1000px); width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #ffffff); } #RECT-3aam08mh::before { content: ""; border-color: var(--color_01); border-style: solid; border-width: 1.0px; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } [id^="TEXT-dos7zsl7"], .--clone-TEXT-dos7zsl7 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 7; grid-row-start: 6; height: auto; justify-self: start; margin-left: 14.999999999999996%; margin-top: calc(0px * 2); width: 85%; } [id^="TEXT-dos7zsl7"] .x-text, [id^="TEXT-dos7zsl7"] .x-text a, .--clone-TEXT-dos7zsl7 .x-text, .--clone-TEXT-dos7zsl7 .x-text a { --width: 85%; -webkit-text-stroke: 0px #000000ff; color: var(--color_03); font: var(--font_6); font-size: 14.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, var(--color_03)); } [id^="TEXT-dos7zsl7"] .x-text:hover, .--clone-TEXT-dos7zsl7 .x-text:hover, [id^="TEXT-dos7zsl7"] a:hover, .--clone-TEXT-dos7zsl7 a:hover { } [id^="TEXT-DATASET-o12aom9w"], .--clone-TEXT-DATASET-o12aom9w { align-self: center; grid-column-end: 3; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: end; margin-right: -21.5311004784689%; margin-top: calc(0px * 2); width: 100%; } [id^="TEXT-DATASET-o12aom9w"] .x-text, [id^="TEXT-DATASET-o12aom9w"] .x-text a, .--clone-TEXT-DATASET-o12aom9w .x-text, .--clone-TEXT-DATASET-o12aom9w .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: var(--font_color_7); font: var(--font_7); font-size: 16.0px; font-weight: 700; height: 100%; width: 100%; color: var(--active-color, var(--font_color_7)); } [id^="TEXT-DATASET-o12aom9w"] .x-text:hover, .--clone-TEXT-DATASET-o12aom9w .x-text:hover, [id^="TEXT-DATASET-o12aom9w"] a:hover, .--clone-TEXT-DATASET-o12aom9w a:hover { } [id^="TEXT-DATASET-6jmjgia1"], .--clone-TEXT-DATASET-6jmjgia1 { align-self: start; grid-column-end: 3; grid-column-start: 1; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: start; margin-left: 3.1000000000000005%; margin-top: 0px; width: 100%; } [id^="TEXT-DATASET-6jmjgia1"] .x-text, [id^="TEXT-DATASET-6jmjgia1"] .x-text a, .--clone-TEXT-DATASET-6jmjgia1 .x-text, .--clone-TEXT-DATASET-6jmjgia1 .x-text a { --width: 100%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #979797; font: var(--font_7); font-size: 13.0px; height: 100%; width: 100%; color: var(--active-color, #979797); } [id^="TEXT-DATASET-6jmjgia1"] .x-text:hover, .--clone-TEXT-DATASET-6jmjgia1 .x-text:hover, [id^="TEXT-DATASET-6jmjgia1"] a:hover, .--clone-TEXT-DATASET-6jmjgia1 a:hover { } [id^="TEXT-DATASET-7qn92tnt"], .--clone-TEXT-DATASET-7qn92tnt { align-self: center; grid-column-end: 3; grid-column-start: 2; grid-row-end: 7; grid-row-start: 6; height: auto; justify-self: start; margin-left: 0%; margin-top: calc(0px * 2); width: 96%; } [id^="TEXT-DATASET-7qn92tnt"] .x-text, [id^="TEXT-DATASET-7qn92tnt"] .x-text a, .--clone-TEXT-DATASET-7qn92tnt .x-text, .--clone-TEXT-DATASET-7qn92tnt .x-text a { --width: 96%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #979797; font: var(--font_7); font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, #979797); } [id^="TEXT-DATASET-7qn92tnt"] .x-text:hover, .--clone-TEXT-DATASET-7qn92tnt .x-text:hover, [id^="TEXT-DATASET-7qn92tnt"] a:hover, .--clone-TEXT-DATASET-7qn92tnt a:hover { } #IMAGE-ylqss4sz { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 62.029284635056605%; } #IMAGE-ylqss4sz picture { --width: 62.029284635056605%; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-ylqss4sz img { object-fit: cover; } #BUTTON-j2zw5jm1 { align-self: center; grid-column-end: 4; grid-column-start: 3; grid-row-end: 7; grid-row-start: 6; height: 31px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 95%; } #BUTTON-j2zw5jm1 .x-button-wrapper { --width: 95%; -webkit-text-stroke: 0px #000000ff; background: #e31010; border-color: #000000ff; border-radius: 8px 8px 8px 8px; color: #ffffffff; font-size: 14.0px; height: 100%; text-align: center; width: 100%; border: ; color: var(--active-color, #ffffffff); } #BUTTON-j2zw5jm1[disabled=true] { display: none; } [id^="TEXT-46x1lwgt"], .--clone-TEXT-46x1lwgt { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-bottom: 0px; margin-left: calc(0% * 2); width: 84%; } [id^="TEXT-46x1lwgt"] .x-text, [id^="TEXT-46x1lwgt"] .x-text a, .--clone-TEXT-46x1lwgt .x-text, .--clone-TEXT-46x1lwgt .x-text a { --width: 84%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_2); font: var(--font_2); height: 100%; text-align: center; width: 100%; color: var(--active-color, var(--font_color_2)); } [id^="TEXT-46x1lwgt"] .x-text:hover, .--clone-TEXT-46x1lwgt .x-text:hover, [id^="TEXT-46x1lwgt"] a:hover, .--clone-TEXT-46x1lwgt a:hover { } #CART-DROPPABLE-g2aj7z40 { background: #ffffff; top: 0; right: 0; width: 443px; height: var(--viewport-height, 100vh); grid-template-columns: 1fr; grid-template-rows: minmax(0%, 100%); column-gap: 0px; row-gap: 0px; overflow-x: auto; } #CART-DROPPABLE-g2aj7z40.anim { --width: 443px; } #IMAGE-77bxavk3 { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-left: calc(0% * 2); margin-top: 308.96875px; width: 36.108918545208454%; } #IMAGE-77bxavk3 picture { --width: 36.108918545208454%; border-color: #000000ff; height: 100%; width: 100%; } #IMAGE-77bxavk3 img { object-fit: cover; } [id^="TEXT-c7wwaysz"], .--clone-TEXT-c7wwaysz { align-self: start; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 6.760731992011146%; margin-top: 23.100001335144043px; width: 62.945825305534%; } [id^="TEXT-c7wwaysz"] .x-text, [id^="TEXT-c7wwaysz"] .x-text a, .--clone-TEXT-c7wwaysz .x-text, .--clone-TEXT-c7wwaysz .x-text a { --width: 62.945825305534%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_1); font: var(--font_1); font-family: 'Open Sans', sans-serif; height: 100%; width: 100%; color: var(--active-color, var(--font_color_1)); } [id^="TEXT-c7wwaysz"] .x-text:hover, .--clone-TEXT-c7wwaysz .x-text:hover, [id^="TEXT-c7wwaysz"] a:hover, .--clone-TEXT-c7wwaysz a:hover { } #LINE-ndpl9pra { --width: 27.147292229714836%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: start;margin-left: 6.760738880854966%;margin-top: 69.19999694824219px;width: 27.147292229714836%; height: auto; } #LINE-ndpl9pra .line-container { border-color: var(--color_02); border-style: solid; border-width: 2.0px; } [id^="TEXT-hmnj6q2t"], .--clone-TEXT-hmnj6q2t { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: center; margin-bottom: 370.8687496185303px; margin-left: calc(0% * 2); width: 51.91873589164786%; } [id^="TEXT-hmnj6q2t"] .x-text, [id^="TEXT-hmnj6q2t"] .x-text a, .--clone-TEXT-hmnj6q2t .x-text, .--clone-TEXT-hmnj6q2t .x-text a { --width: 51.91873589164786%; -webkit-text-stroke: 0px #000000ff; color: var(--color_02); font: var(--font_6); font-family: 'Open Sans', sans-serif; font-size: 16.0px; height: 100%; text-align: center; width: 100%; color: var(--active-color, var(--color_02)); } [id^="TEXT-hmnj6q2t"] .x-text:hover, .--clone-TEXT-hmnj6q2t .x-text:hover, [id^="TEXT-hmnj6q2t"] a:hover, .--clone-TEXT-hmnj6q2t a:hover { } #BUTTON-yt2xii8r { align-self: end; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: 46px; justify-self: center; margin-bottom: 312.4749755859375px; margin-left: calc(0% * 2); width: 58.49322799097065%; } #BUTTON-yt2xii8r .x-button-wrapper { --width: 58.49322799097065%; -webkit-text-stroke: 0px #000000ff; background: var(--color_04); border-color: #000000ff; border-radius: 4px; color: #ffffffff; font-size: 16.0px; height: 100%; text-align: center; text-transform: uppercase; width: 100%; border: ; color: var(--active-color, #ffffffff); } #BUTTON-yt2xii8r[disabled=true] { display: none; } #BUTTON-yt2xii8r{ transition-duration: 0.1s; transition-delay: 0s; transition-property: transform; transition-timing-function: ease-out; will-change: transform; } #BUTTON-yt2xii8r:hover > * { background: var(--color_14) !important; } #CART-DROPPABLE-yrv8w69o { background: #ffffff; top: 0; right: 0; width: 477px; height: var(--viewport-height, 100vh); grid-template-columns: 1fr; grid-template-rows: minmax(70px, 70px) minmax(0%, calc(100% - 100px)) minmax(200px, max-content); column-gap: 0px; row-gap: 0px; overflow-x: auto; } #CART-DROPPABLE-yrv8w69o.anim { --width: 477px; } [id^="TEXT-yah8ojbh"], .--clone-TEXT-yah8ojbh { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 2.8%; margin-top: calc(0px * 2); width: 92.9500020345052%; } [id^="TEXT-yah8ojbh"] .x-text, [id^="TEXT-yah8ojbh"] .x-text a, .--clone-TEXT-yah8ojbh .x-text, .--clone-TEXT-yah8ojbh .x-text a { --width: 92.9500020345052%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_1); font: var(--font_1); font-family: 'Open Sans', sans-serif; height: 100%; width: 100%; color: var(--active-color, var(--font_color_1)); } [id^="TEXT-yah8ojbh"] .x-text:hover, .--clone-TEXT-yah8ojbh .x-text:hover, [id^="TEXT-yah8ojbh"] a:hover, .--clone-TEXT-yah8ojbh a:hover { } #LINE-xgxxqve2 { --width: 40.087501525878906%;align-self: end;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: start;margin-bottom: 0px;margin-left: 3.958333333333333%;width: 40.087501525878906%; height: auto; } #LINE-xgxxqve2 .line-container { border-color: var(--color_02); border-style: solid; border-width: 2.0px; } #CONTAINER-631t91so { --bg: var(--color_00); background: var(--color_00); border-color: #000000ff; overflow-x: hidden; overflow-y: auto; --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(100%, max-content);height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; overflow-x: hidden; overflow-y: auto; border: #000000ff; } #CART-ITEMS-zk9k1plb { --width: 96.95915263920192%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 74px 3.209fr 95px 115px;grid-template-rows: minmax(10px, max-content) minmax(37px, max-content) minmax(30px, max-content) minmax(21px, max-content) minmax(20px, max-content);height: auto;justify-self: center;margin-left: calc(0.001356742189328098% * 2);margin-top: 5.6999969482421875px;width: 96.95915263920192%; } #CART-ITEMS-zk9k1plb cart-item, #CART-ITEMS-zk9k1plb .cart-loading { grid-template-columns: 74px 3.209fr 95px 115px; grid-template-rows: minmax(10px, max-content) minmax(37px, max-content) minmax(30px, max-content) minmax(21px, max-content) minmax(20px, max-content); } #IMAGE-DATASET-26v137rd { --width: 61.5px;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 5;grid-row-start: 2;height: auto;justify-self: start;margin-left: 0%;margin-top: 0px;width: 61.5px; } #IMAGE-DATASET-26v137rd picture, #IMAGE-DATASET-26v137rd img { border-color: #000000ff; } #IMAGE-DATASET-26v137rd img { object-fit: contain; } [id^="TEXT-DATASET-9hao5cpw"], .--clone-TEXT-DATASET-9hao5cpw { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: start; margin-left: 0%; margin-top: 0px; width: 99.99289772727272%; } [id^="TEXT-DATASET-9hao5cpw"] .x-text, [id^="TEXT-DATASET-9hao5cpw"] .x-text a, .--clone-TEXT-DATASET-9hao5cpw .x-text, .--clone-TEXT-DATASET-9hao5cpw .x-text a { --width: 99.99289772727272%; border-color: #000000ff; color: #000000ff; font-size: 16.0px; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-9hao5cpw"] .x-text:hover, .--clone-TEXT-DATASET-9hao5cpw .x-text:hover, [id^="TEXT-DATASET-9hao5cpw"] a:hover, .--clone-TEXT-DATASET-9hao5cpw a:hover { } [id^="TEXT-DATASET-i3q01zyg"], .--clone-TEXT-DATASET-i3q01zyg { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 5; grid-row-start: 4; height: auto; justify-self: start; margin-left: 0%; margin-top: 0px; width: 96.48936170212768%; } [id^="TEXT-DATASET-i3q01zyg"] .x-text, [id^="TEXT-DATASET-i3q01zyg"] .x-text a, .--clone-TEXT-DATASET-i3q01zyg .x-text, .--clone-TEXT-DATASET-i3q01zyg .x-text a { --width: 96.48936170212768%; border-color: #000000ff; color: #000000ff; font-size: 14.0px; height: 100%; text-align: left; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-i3q01zyg"] .x-text:hover, .--clone-TEXT-DATASET-i3q01zyg .x-text:hover, [id^="TEXT-DATASET-i3q01zyg"] a:hover, .--clone-TEXT-DATASET-i3q01zyg a:hover { } #QUANTITY-INPUT-0ghkjwko { --width: 84.0625px;align-self: start;grid-column-end: 4;grid-column-start: 3;grid-row-end: 3;grid-row-start: 2;height: 35px;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 84.0625px; border-color: var(--color_01); border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1.0px; color: #000000d9; overflow: hidden; } #QUANTITY-INPUT-0ghkjwko .quantity__input { padding-left: 25px; padding-right: 25px; } #QUANTITY-INPUT-0ghkjwko .quantity__button{ border-style: solid; } #QUANTITY-INPUT-0ghkjwko .quantity__button[name="minus"] { width:25px; } #QUANTITY-INPUT-0ghkjwko .quantity__button[name="minus"] svg { width: 9.3px; } #QUANTITY-INPUT-0ghkjwko .quantity__button[name="plus"] { width:25px; } #QUANTITY-INPUT-0ghkjwko .quantity__button[name="plus"] svg { width: 9.3px; } [id^="TEXT-DATASET-b3l5bzak"], .--clone-TEXT-DATASET-b3l5bzak { align-self: start; grid-column-end: 5; grid-column-start: 4; grid-row-end: 3; grid-row-start: 2; height: auto; justify-self: start; margin-left: 0%; margin-top: 0px; width: 81.35506253282563%; } [id^="TEXT-DATASET-b3l5bzak"] .x-text, [id^="TEXT-DATASET-b3l5bzak"] .x-text a, .--clone-TEXT-DATASET-b3l5bzak .x-text, .--clone-TEXT-DATASET-b3l5bzak .x-text a { --width: 81.35506253282563%; border-color: #000000ff; color: #000000ff; font-size: 16.0px; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-b3l5bzak"] .x-text:hover, .--clone-TEXT-DATASET-b3l5bzak .x-text:hover, [id^="TEXT-DATASET-b3l5bzak"] a:hover, .--clone-TEXT-DATASET-b3l5bzak a:hover { } #RECT-zsnru5lr { align-self: start; grid-column-end: 5; grid-column-start: 4; grid-row-end: 3; grid-row-start: 2; height: 20px; justify-self: end; margin-right: 0%; margin-top: 0px; width: 20px; } #RECT-zsnru5lr .x-rect { --width: 20px; background: #000000ff; height: 100%; width: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xOSw2LjQxTDE3LjU5LDVMMTIsMTAuNTlMNi40MSw1TDUsNi40MUwxMC41OSwxMkw1LDE3LjU5TDYuNDEsMTlMMTIsMTMuNDFMMTcuNTksMTlMMTksMTcuNTlMMTMuNDEsMTJMMTksNi40MVonPjwvcGF0aD4gPC9zdmc+); -webkit-mask-position: 0% 0%; -webkit-mask-size: 100% 100%; border: ; background: var(--active-color, #000000ff); } #RECT-zsnru5lr::before { content: ""; border-color: ; border-style: ; border-width: ; border-radius: inherit; border: ; height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; } #LINE-k3khwgj6 { --width: 100%;align-self: center;grid-column-end: 5;grid-column-start: 1;grid-row-end: 6;grid-row-start: 5;height: 17px;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%; height: auto; } #LINE-k3khwgj6 .line-container { border-color: var(--color_01); border-style: solid; border-width: 1.0px; } [id^="TEXT-DATASET-bqm72f6q"], .--clone-TEXT-DATASET-bqm72f6q { align-self: start; grid-column-end: 3; grid-column-start: 2; grid-row-end: 4; grid-row-start: 3; height: auto; justify-self: start; margin-left: 0%; margin-top: 1.4000091552734375px; width: 76.56198471930705%; } [id^="TEXT-DATASET-bqm72f6q"] .x-text, [id^="TEXT-DATASET-bqm72f6q"] .x-text a, .--clone-TEXT-DATASET-bqm72f6q .x-text, .--clone-TEXT-DATASET-bqm72f6q .x-text a { --width: 76.56198471930705%; border-color: #000000ff; color: #000000ff; font-size: 14.0px; height: 100%; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-bqm72f6q"] .x-text:hover, .--clone-TEXT-DATASET-bqm72f6q .x-text:hover, [id^="TEXT-DATASET-bqm72f6q"] a:hover, .--clone-TEXT-DATASET-bqm72f6q a:hover { } #CONTAINER-ivxhrpzt { --bg: #e8eaed00; background: #e8eaed00; border-color: var(--color_02); border-radius: 0px 30px 0px 30px; border-style: solid; border-width: 1.0px; --width: 90%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content) minmax(100px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 90%; border: 1px solid var(--color_02); } #BUTTON-flxvzzi6 { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 3; grid-row-start: 2; height: 50px; justify-self: center; margin-left: calc(0% * 2); margin-top: calc(0px * 2); width: 91.08723257045078%; } #BUTTON-flxvzzi6 .x-button-wrapper { --width: 91.08723257045078%; -webkit-text-stroke: 0px #000000ff; background: #03cb34; border-color: #000000ff; border-radius: 0px 20px 0px 20px; color: var(--color_00); font-size: 14.0px; font-weight: 700; height: 100%; text-align: center; text-transform: uppercase; width: 100%; border: ; color: var(--active-color, var(--color_00)); } #BUTTON-flxvzzi6[disabled=true] { display: none; } [id^="TEXT-ud07ihuj"], .--clone-TEXT-ud07ihuj { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: start; margin-left: 4.696975387893357%; margin-top: calc(0px * 2); width: 50.07908238516835%; } [id^="TEXT-ud07ihuj"] .x-text, [id^="TEXT-ud07ihuj"] .x-text a, .--clone-TEXT-ud07ihuj .x-text, .--clone-TEXT-ud07ihuj .x-text a { --width: 50.07908238516835%; -webkit-text-stroke: 0px #000000ff; color: var(--font_color_6); font: var(--font_6); height: 100%; width: 100%; color: var(--active-color, var(--font_color_6)); } [id^="TEXT-ud07ihuj"] .x-text:hover, .--clone-TEXT-ud07ihuj .x-text:hover, [id^="TEXT-ud07ihuj"] a:hover, .--clone-TEXT-ud07ihuj a:hover { } [id^="TEXT-DATASET-ga2hr2hl"], .--clone-TEXT-DATASET-ga2hr2hl { align-self: center; grid-column-end: 2; grid-column-start: 1; grid-row-end: 2; grid-row-start: 1; height: auto; justify-self: end; margin-right: 4.446891402528809%; margin-top: calc(0px * 2); width: 50.75705991958658%; } [id^="TEXT-DATASET-ga2hr2hl"] .x-text, [id^="TEXT-DATASET-ga2hr2hl"] .x-text a, .--clone-TEXT-DATASET-ga2hr2hl .x-text, .--clone-TEXT-DATASET-ga2hr2hl .x-text a { --width: 50.75705991958658%; -webkit-text-stroke: 0px #000000ff; border-color: #000000ff; color: #000000ff; font-size: 16.0px; height: 100%; text-align: right; width: 100%; color: var(--active-color, #000000ff); } [id^="TEXT-DATASET-ga2hr2hl"] .x-text:hover, .--clone-TEXT-DATASET-ga2hr2hl .x-text:hover, [id^="TEXT-DATASET-ga2hr2hl"] a:hover, .--clone-TEXT-DATASET-ga2hr2hl a:hover { }