/* Global Styles */
*{margin:0;padding:0;box-sizing:border-box;outline:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:0}

html{line-height:1.5;-webkit-tap-highlight-color:transparent;font-family:'Roboto',sans-serif;font-feature-settings:'tnum';scroll-behavior:smooth}

body{background-color:#fff;color:#000;min-height:100vh}

/* Utility Classes */
.no-animate *{transition:none!important; animation:none!important}
.pageview{overflow:visible;min-height:100vh}
.lazy{background:none!important; -webkit-mask-image:none!important}
b{font-weight:bold}
.visibility-hidden{visibility:hidden!important}
.cursor-pointer{cursor:pointer}
.full-height{height:100%}
.full-width{width:100%}
.full-mask-size{-webkit-mask-size:100% 100%}
.mask-position{-webkit-mask-position:0% 0%}
.u-select-none{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.p-absolute{position:absolute}
.p-relative{position:relative}
.d-none{display:none}
.inline{display:inline !important}

/* Links */
a:link,a:visited{color:inherit}
a{text-decoration:none}

/* Sections */
.section-container{margin:auto}

/* Gallery and Carousel Icons */
.gallery-view-icon-next img,.gallery-view-icon-prev img,.carousel-icon-next img,.carousel-icon-prev img{width:25px;height:25px;filter:drop-shadow(0 0 1px black)}

/* Video Play Icon */
.icon-play-video{position:absolute;width:60px;height:60px;top:calc(50% - 30px);left:calc(50% - 30px);cursor:pointer;background-position:center center;background-size:cover;background-repeat:no-repeat;background-image:url(https://content.pancake.vn/1.1/30/5a/c2/93/9ec72c8ce8898050035dddbb989c950bc1faabdc1fdcc11175dea467.svg)}

/* Player Unmute Button */
.player-btn-unmute{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;cursor:pointer}
.player-btn-unmute>div{content:"";position:absolute;width:60px;height:60px;top:calc(50% - 30px);left:calc(50% - 30px);background-size:90%;background-color:rgba(0,0,0,.5);border-radius:100%;background-repeat:no-repeat;background-position:center center;background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m%2021.48%2C17.98%20c%200%2C-1.77%20-1.02%2C-3.29%20-2.5%2C-4.03%20v%202.21%20l%202.45%2C2.45%20c%20.03%2C-0.2%20.05%2C-0.41%20.05%2C-0.63%20z%20m%202.5%2C0%20c%200%2C.94%20-0.2%2C1.82%20-0.54%2C2.64%20l%201.51%2C1.51%20c%20.66%2C-1.24%201.03%2C-2.65%201.03%2C-4.15%200%2C-4.28%20-2.99%2C-7.86%20-7%2C-8.76%20v%202.05%20c%202.89%2C.86%205%2C3.54%205%2C6.71%20z%20M%209.25%2C8.98%20l%20-1.27%2C1.26%204.72%2C4.73%20H%207.98%20v%206%20H%2011.98%20l%205%2C5%20v%20-6.73%20l%204.25%2C4.25%20c%20-0.67%2C.52%20-1.42%2C.93%20-2.25%2C1.18%20v%202.06%20c%201.38%2C-0.31%202.63%2C-0.95%203.69%2C-1.81%20l%202.04%2C2.05%201.27%2C-1.27%20-9%2C-9%20-7.72%2C-7.72%20z%20m%207.72%2C.99%20-2.09%2C2.08%202.09%2C2.09%20V%209.98%20z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}

/* Image Components */
.image-block-css{overflow:hidden}
.image-background,.image-background-compare{margin:0 auto}
.image-background-compare{top:0;left:0;width:100%;height:100%}

/* Image Compare */
.image-compare-line{position:absolute;top:50%;left:50%;z-index:40;width:38px;height:38px;margin-top:-22px;margin-left:-22px;cursor:pointer;border:3px solid #fff;border-radius:1000px;-webkit-box-shadow:0px 0px 12px rgba(51,51,51,0.5);box-shadow:0px 0px 12px rgba(51,51,51,0.5)}
.image-compare-left-arrow,.image-compare-right-arrow{top:50%;margin-top:-6px;position:absolute;width:0;height:0;border:6px inset transparent}
.image-compare-left-arrow{left:50%;margin-left:-17px;border-right:6px solid #fff}
.image-compare-right-arrow{right:50%;margin-right:-17px;border-left:6px solid #fff}
.image-compare-line:before,.image-compare-line:after{position:absolute;z-index:30;display:block;content:" ";background:#fff}
.image-compare-line:before{left:50%;width:3px;height:9999px;bottom:50%;margin-bottom:22px;-webkit-box-shadow:0 3px 0 #fff,0px 0px 12px rgba(51,51,51,0.5);box-shadow:0 3px 0 #fff,0px 0px 12px rgba(51,51,51,0.5)}
.image-compare-line:after{left:50%;width:3px;height:9999px;top:50%;margin-top:22px;-webkit-box-shadow:0 -3px 0 #fff,0px 0px 12px rgba(51,51,51,0.5);box-shadow:0 -3px 0 #fff,0px 0px 12px rgba(51,51,51,0.5)}

/* Group Container */
.group-container{width:100%;height:100%}

/* Text Components */
.text-block-css{display:inline-block;word-break:break-word;-webkit-background-clip:text!important}

/* Animation Text */
.animationText span{display:inline-block}
.animationText .bar{position:absolute;height:100%;width:3px;background:currentColor;top:0;right:0}
.animate-word-wrapper{position:relative;overflow:hidden;vertical-align:top;transition:width .6s;text-align:start}
.animate-word-wrapper>span{white-space:nowrap;position:absolute;top:0;left:0;font:inherit}
.animate-word-wrapper span i{font:inherit;font-style:initial;display:inline-block;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.animate-word-wrapper span i.in{animation-name:rotate-3-in;animation-fill-mode:forwards;animation-duration:.6s}
.animate-word-wrapper span i.out{animation-name:rotate-3-out;animation-fill-mode:forwards;animation-duration:.6s}
.animationText .hidden{opacity:0;z-index:-1}
.animationText .visible{opacity:1;position:relative}
.caret-dummy{animation:caret-popping 1s infinite}
.caret{transform:scaleY(1.3) translateY(-3%)}

/* Keyframe Animations */
@keyframes rotate-3-out{0%{transform:rotateY(0);-webkit-transform:rotateY(0)}100%{transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg)}}
@-webkit-keyframes rotate-3-out{0%{transform:rotateY(0);-webkit-transform:rotateY(0)}100%{transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg)}}
@keyframes rotate-3-in{0%{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}100%{transform:rotateY(0);-webkit-transform:rotateY(0)}}
@-webkit-keyframes rotate-3-in{0%{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}100%{transform:rotateY(0);-webkit-transform:rotateY(0)}}
@keyframes caret-popping{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

/* Button Components */
.com-button{cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform 200ms ease-out;-webkit-transition:transform 200ms ease-out}
.com-button:active{transform:translateY(5px);-webkit-transform:translateY(5px)}
.button-css{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;text-align:center}
.button-text{display:table-cell;vertical-align:middle;text-align:unset}

/* List Components */
.list-paragraph-container ul{counter-reset:needaname}
.list-paragraph-container li{position:relative;counter-increment:needaname;word-break:break-word}
.list-paragraph-container li::before{position:absolute;left:0;-webkit-mask-size:100% 100%;-webkit-mask-position:0% 0%;background-repeat:no-repeat;background-size:100% 100%}

/* Line Components */
.line-css{padding:8px 0}
.line-container{border-left-width:0!important;border-right-width:0!important;border-bottom-width:0!important}

/* Popup Components */
.popup-wrapper{top:0;left:0}
.popup-background{overflow:hidden}
.popup-backdrop{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:1000000}
.popup-center{top:0;left:0;right:0;bottom:0;margin:auto}
.popup-top-left{top:0;left:0}
.popup-top-center{top:0;left:50%;transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0)}
.popup-top-right{top:0;right:0}
.popup-center-left{left:0;top:50%;transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0)}
.popup-center-right{right:0;top:50%;transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0)}
.popup-bottom-left{bottom:0;left:0}
.popup-bottom-center{bottom:0;left:50%;transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0)}
.popup-bottom-right{bottom:0;right:0}

/* Overlay */
.overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit}

/* Cart Quantity */
.cart-quantity-css{overflow:hidden;display:flex;display:-webkit-flex}
.cart-quantity-css .minus{border-right:inherit}
.cart-quantity-css .plus{border-left:inherit}
.cart-quantity-css input{text-align:center;background:transparent;color:inherit;padding-left:10px;padding-right:10px;border-radius:0;-moz-appearance:textfield}
.cart-quantity-css input::-webkit-outer-spin-button,.cart-quantity-css input::-webkit-inner-spin-button{-webkit-appearance:none}
.cart-quantity-css .minus,.cart-quantity-css .plus{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;flex-shrink:0;-webkit-flex-shrink:0;user-select:none;cursor:pointer;-webkit-user-select:none;width:40px}

/* Product Attributes */
.product-attr-selected{top:0;left:0;overflow:hidden}

/* Lightbox */
.lightbox-btn-close{background-color:#a8a8a8;width:21px;height:21px;position:absolute;cursor:pointer}
.lightbox-btn-close > span{position:absolute;z-index:9999;width:14px;height:14px;top:calc(50% - 7px);left:calc(50% - 7px);-webkit-mask-size:100% 100%;-webkit-mask-position:0% 0%;background:#fff;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyAgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0JyB2aWV3Qm94PScwIDAgMTQgMTQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEyLjU5IDBMNyA1LjU5TDEuNDEgMEwwIDEuNDFMNS41OSA3TDAgMTIuNTlMMS40MSAxNEw3IDguNDFMMTIuNTkgMTRMMTQgMTIuNTlMOC40MSA3TDE0IDEuNDFMMTIuNTkgMFonIGZpbGw9JyMyRTNBNTknLz48L3N2Zz4=)}
.lightbox-image,.lightbox-video,.lightbox-iframe{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:80%;max-height:80%}
.lightbox-iframe{width:100%;height:100%}
.lightbox-backdrop{width:100%;background:rgba(0,0,0,.5);height:100%;position:fixed;top:0;left:0;z-index:1000000000;touch-action:none}

/* Alert Messages */
.w-alert-message-wrapper{position:fixed;top:15px;z-index:999999;left:50%;padding:10px 16px;border:1px solid var(--color-alert,#15942A);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);--transform-translateX:-50%;background:white;border-radius:8px;-webkit-box-shadow:0px 2px 8px 0px rgba(0,0,0,0.15);box-shadow:0px 2px 8px 0px rgba(0,0,0,0.15);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.w-alert-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.w-alert-message .icon{line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:0px;margin-right:6px}
.w-alert-message span.close-icon{margin-left:6px;margin-right:0px;color:#80808085;cursor:pointer}

/* Login Popup */
.login-popup-wrapper .backdrop-login{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;z-index:99}
.login-popup-wrapper .popup-default-login{position:fixed;top:45%;left:50%;width:400px;height:160px;transform:translate(-50%,-50%);z-index:999;display:none;max-width:calc(100% - 50px);border:1px solid rgba(0,0,0,.3);background-color:#fff;border-radius:10px}
.login-popup-wrapper .popup-default-login .popup-login-title{background-color:rgba(6,21,40,.05);color:#000;padding:12px 15px;font-weight:600;font-size:18px;border-top-left-radius:10px;border-top-right-radius:10px}
.login-popup-wrapper .popup-default-login .popup-login-content{font-size:16px;padding:0 20px;margin-top:10px;line-height:22px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}
.login-popup-wrapper .popup-default-login .popup-login-btn{display:block;position:absolute;right:15px;bottom:10px;margin:0 auto;padding:10px 0;border:none;width:80px;text-transform:uppercase;text-align:center;color:#000;background-color:#e6e6e6;border-radius:5px;text-decoration:none;font-size:16px;font-weight:600;cursor:pointer}