/* Ported effects from Lotusmiles 2025 Flatsome custom CSS (adapted). */
/* Custom CSS */.img img{transition: all 0.3s ease;}@font-face {font-family: 'DVN-Beaufort';src: url('../fonts/DVN-Beaufort-Regular.ttf') format('truetype');font-weight: 400;font-style: normal;}.nav-small.nav>li.html a, #top-bar a {font-size: 15px; color:#fff;}.header-main .nav > li > a {line-height: 20px;font-size: 18px;letter-spacing: 0px;font-weight: 400;}/* Italic */@font-face {font-family: 'DVN-Beaufort';src: url('../fonts/DVN-Beaufort-Italic.ttf') format('truetype');font-weight: 400;font-style: italic;}/* Medium */@font-face {font-family: 'DVN-Beaufort';src: url('../fonts/DVN-Beaufort-Medium.ttf') format('truetype');font-weight: 500;font-style: normal;}/* Medium Italic */@font-face {font-family: 'DVN-Beaufort';src: url('../fonts/DVN-Beaufort-MediumItalic.ttf') format('truetype');font-weight: 500;font-style: italic;}/* Bold */@font-face {font-family: 'DVN-Beaufort';src: url('../fonts/DVN-Beaufort-BoldItalic.ttf') format('truetype');font-weight: 700;font-style: italic;}@font-face {font-family: 'DVN-Beaufort';src: url('../fonts/DVN-Beaufort-Black.ttf') format('truetype');font-weight: 900;font-style: normal;}/* Light */@font-face {font-family: 'DVN-Beaufort';src: url('../fonts/DVN-Beaufort-LightItalic.ttf') format('truetype');font-weight: 300;font-style: italic;}@font-face {font-family: 'DVN-Beaufort';src: url('../fonts/BeaufortforLOL-Light.ttf') format('truetype');font-weight: 300;font-style: normal;}@font-face {font-family: 'DVN-Beaufort';src: url('../fonts/BeaufortforLOL-Bold.ttf') format('truetype');font-weight: 700;font-style: normal;}h1, h2, h3, h4, h5, h6 {font-family: 'DVN-Beaufort';text-transform: uppercase;font-weight: 500;font-style: normal; line-height: 1.2;margin-bottom: 10px;}h2, .h2 {font-size:40px;} h3, .h3{font-size:24px;}.ux-timer span {background: #1689CA !important; }.standalone-countdown-container {display: flex;align-items: center;gap: 0;flex-wrap: wrap;box-sizing: border-box;}.standalone-countdown-container .standalone-item {display: flex;flex-direction: column;align-items: center;text-align: center;min-width: 100px;padding: 25px 15px;border-radius: 8px;transition: all 0.3s ease;color: white;margin: 0 5px;box-sizing: border-box;}.standalone-countdown-container .standalone-separator {color: white;font-size: 24px;font-weight: bold;margin: 0 10px;line-height: 1;}.standalone-countdown-container .standalone-number {display: block;font-size: 45px;font-weight: bold;line-height: 1;margin-bottom: 5px;color: white;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);}.standalone-countdown-container .standalone-text {display: block;font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;text-transform: uppercase;color: rgba(255, 255, 255, 0.9);}/* Loading State */.standalone-countdown-loading {display: flex;flex-direction: column;align-items: center;gap: 10px;padding: 20px;color: #666;}.standalone-spinner {width: 30px;height: 30px;border: 3px solid #f3f3f3;border-top: 3px solid #007cba;border-radius: 50%;animation: standalone-spin 1s linear infinite;}@keyframes standalone-spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}/* Expired State */.standalone-expired {text-align: center;padding: 20px;font-size: 1.2em;font-weight: bold;color: #dc3545;background: #f8d7da;border: 1px solid #f5c6cb;border-radius: 8px;}/* Responsive */@media (max-width: 768px) {.standalone-countdown-container {gap: 0;padding: 15px;}.standalone-countdown-container .standalone-item {min-width: 80px;padding: 15px 10px;margin: 0 3px;}.standalone-countdown-container .standalone-number {font-size: 1.5em;}.standalone-countdown-container .standalone-text {font-size: 0.8em;}.standalone-countdown-container .standalone-separator {font-size: 1.5em;margin: 0 5px;}}@media (max-width: 480px) {.standalone-countdown-container {padding: 10px;}.standalone-countdown-container .standalone-item {min-width: 60px;padding: 10px 5px;margin: 0 2px;}.standalone-countdown-container .standalone-number {font-size: 1.2em;}.standalone-countdown-container .standalone-text {font-size: 0.7em;}.standalone-countdown-container .standalone-separator {font-size: 1.2em;margin: 0 3px;}}/* Hover Effects */.standalone-countdown-container .standalone-item:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);}/* Animation cho số thay đổi */.standalone-countdown-container .standalone-number {transition: all 0.3s ease;}.standalone-countdown-container .standalone-number.changing {animation: standalone-pulse 0.5s ease;}@keyframes standalone-pulse {0% { transform: scale(1); }50% { transform: scale(1.1); }100% { transform: scale(1); }}/* Đảm bảo không bị override bởi theme */.standalone-countdown-container * {box-sizing: border-box !important;}.standalone-countdown-container .standalone-item,.standalone-countdown-container .standalone-separator,.standalone-countdown-container .standalone-number,.standalone-countdown-container .standalone-text {all: unset;display: block;}.standalone-countdown-container .standalone-item {display: flex;flex-direction: column;align-items: center;text-align: center;min-width: 100px;padding: 17px 10px;border-radius: 10px;background: #1689CA;border-radius: 8px;transition: all 0.3s ease;color: white;margin: 0 5px;}.standalone-countdown-container .standalone-separator {color: #FFF;font-family: Inter;font-size: 24px;font-style: normal;font-weight: 900;line-height: normal;margin: 0 10px;line-height: 1;}.standalone-countdown-container .standalone-number {display: block;font-family: 'DVN-Beaufort';font-size: 48px;font-style: normal;font-weight: 500;line-height: normal;text-transform: uppercase;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);}.standalone-countdown-container .standalone-text {color: #FFF;text-align: center;font-family: Exo;font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;}.trongsuot .col-inner {background: rgba(163, 220, 248, 0.20);filter: drop-shadow(13px 15px 10.8px rgba(28, 43, 69, 0.15));border-radius: 20px;}.khongtrongsuot .col-inner{background: #fff0;filter: none;}.nenvang .col-inner{border-radius: 20px;background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.85) 100%);backdrop-filter: blur(2px);}.nenvang .col-inner:hover{border-radius: 20px;background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.95) 100%);backdrop-filter: blur(2px);}.ab {position: absolute;}.abbot {position: absolute;bottom:0px;}.abbot2 {position: absolute;top: 140%;}.abgiua {position: absolute;bottom:50%;}.dammay {position: absolute;height: auto;animation-timing-function: linear;animation-iteration-count: infinite;z-index: 1;opacity: 0.2;}/* Bay từ trái sang phải */@keyframes bayTraiQuaPhai {0% { transform: translateX(-200px); }100% { transform: translateX(160vw); }}/* Bay từ phải sang trái */@keyframes bayPhaiQuaTrai {0% { transform: translateX(100vw); }100% { transform: translateX(-300px); }}/* Mỗi đám mây có hướng, delay, tốc độ và vị trí riêng */.dammay1 {top: 40px;left: -200px;width: 220px;animation-name: bayTraiQuaPhai;animation-duration: 49s;animation-delay: 0s;}.dammay2 {top: 110px;left: -200px;width: 250px;animation-name: bayTraiQuaPhai;animation-duration: 56s;animation-delay: 0s;}.dammay3 {top: 180px;left: -220px;width: 180px;animation-name: bayTraiQuaPhai;animation-duration: 50s;animation-delay: 0s;}.dammay4 {top: 90px;left: -200px;width: 240px;animation-name: bayTraiQuaPhai;animation-duration: 55s;animation-delay: 0s;}.cacdammaybay{width: 100%;top: 0px;}.banner1 .overlay {background-image: linear-gradient(0deg, #0179C1, #56b5e336);}.banner2 .section-bg-overlay { background-image: linear-gradient(180deg, #0179C1, #56B5E3);}.banner3 .section-bg-overlay {background-image: linear-gradient(0deg, #6fc0f0, #56b5e34d 50%, #56b5e3 100%);}.banner4 .section-bg-overlay {background: linear-gradient(180deg, rgb(112 192 241) 0%, rgb(66 176 243 / 46%) 20% 0%, #fac75ab3 48.56%, rgb(38 134 193 / 10%) 80%, rgb(116 193 237) 100%);}.banner5 .section-bg-overlay {background: linear-gradient(180deg, rgb(112 192 241) 0%, rgb(66 176 243 / 46%) 20% 0%, #fac75a00 48.56%, rgb(38 134 193 / 10%) 80%, rgb(116 193 237) 100%);}.banner6 .section-bg-overlay {background: linear-gradient(180deg, rgb(112 192 241) 0%, rgb(66 176 243 / 46%) 20% 0%, #fac75ab3 48.56%, rgb(250 231 173 / 87%) 80%, rgb(228 201 130) 100%);}.banner7 .section-bg-overlay {background: linear-gradient(180deg, rgb(228 201 130) 0%, rgb(228 201 130) 10%, rgb(247 186 95 / 36%) 30%, #fac75a26 48.56%, rgb(38 134 193 / 0%) 80%, rgb(211 234 247) 100%);}.banner8 .section-bg-overlay {background: linear-gradient(180deg, rgb(211 234 247) 0%, rgb(192 226 249 / 60%) 20% 0%, #fac75a26 48.56%, #f7dea4bd 80%, #f7dea4 100%);}.sangmanh {will-change: text-shadow;backface-visibility: hidden;transform: translateZ(0);}.sangmanh:hover, .hoverchu .col-inner:hover .sangmanh {animation: sangmanh-hover 0.8s ease-out forwards;transition: all 0.3s ease-out;}.sangmanh1 {will-change: text-shadow;backface-visibility: hidden;transform: translateZ(0);}.sangmanhx:hover, .hoverchu .col-inner:hover .sangmanhx {animation: sangmanh1-hover 0.8s ease-out forwards;transition: all 0.3s ease-out;}/* Hiệu ứng sáng mạnh mượt mà - tăng thời gian và độ mượt */@keyframes sangmanh-smooth {0% {text-shadow: none;}20% {text-shadow: 0 0 4px rgba(255, 255, 255, 0.3),0 0 8px rgba(255, 255, 255, 0.2);}40% {text-shadow: 0 0 8px rgba(255, 255, 255, 0.8),0 0 16px rgba(255, 255, 255, 0.6),0 0 24px rgba(255, 255, 255, 0.4),0 0 32px rgba(255, 255, 255, 0.2);}60% {text-shadow: 0 0 8px rgba(255, 255, 255, 0.8),0 0 16px rgba(255, 255, 255, 0.6),0 0 24px rgba(255, 255, 255, 0.4),0 0 32px rgba(255, 255, 255, 0.2);}80% {text-shadow: 0 0 4px rgba(255, 255, 255, 0.3),0 0 8px rgba(255, 255, 255, 0.2);}100% {text-shadow: none;}}/* Hiệu ứng sáng trắng-xanh mượt mà - gradient từ trắng sang xanh */@keyframes sangmanh1-smooth {0% {text-shadow: none;}20% {text-shadow:0 0 4px rgba(255, 255, 255, 0.3),0 0 8px rgba(21, 112, 140, 0.2);}40% {text-shadow:0 0 8px rgba(255, 255, 255, 0.8),0 0 16px rgba(255, 255, 255, 0.6),0 0 24px rgba(21, 112, 140, 0.5),0 0 32px rgba(21, 112, 140, 0.3),0 0 40px rgba(21, 112, 140, 0.2);}60% {text-shadow:0 0 8px rgba(255, 255, 255, 0.8),0 0 16px rgba(255, 255, 255, 0.6),0 0 24px rgba(21, 112, 140, 0.5),0 0 32px rgba(21, 112, 140, 0.3),0 0 40px rgba(21, 112, 140, 0.2);}80% {text-shadow:0 0 4px rgba(255, 255, 255, 0.3),0 0 8px rgba(21, 112, 140, 0.2);}100% {text-shadow: none;}}/* Hiệu ứng hover cố định - trắng */@keyframes sangmanh-hover {0% {text-shadow: none;}100% {text-shadow: 0 0 8px rgba(255, 255, 255, 0.8),0 0 16px rgba(255, 255, 255, 0.6),0 0 24px rgba(255, 255, 255, 0.4),0 0 32px rgba(255, 255, 255, 0.2);}}/* Hiệu ứng hover cố định - trắng-xanh */@keyframes sangmanh1-hover {0% {text-shadow: none;}100% {text-shadow:0 0 8px rgba(255, 255, 255, 0.8),0 0 16px rgba(255, 255, 255, 0.6),0 0 24px rgba(21, 112, 140, 0.5),0 0 32px rgba(21, 112, 140, 0.3),0 0 40px rgba(21, 112, 140, 0.2);}}/* Hiệu ứng thoát hover mượt mà */.sangmanh:not(:hover) {animation: sangmanh-fadeout 0.5s ease-out forwards;}.sangmanhx:not(:hover) {animation: sangmanh1-fadeout 0.5s ease-out forwards;}@keyframes sangmanh-fadeout {0% {text-shadow: 0 0 8px rgba(255, 255, 255, 0.8),0 0 16px rgba(255, 255, 255, 0.6),0 0 24px rgba(255, 255, 255, 0.4),0 0 32px rgba(255, 255, 255, 0.2);}100% {text-shadow: none;}}@keyframes sangmanh1-fadeout {0% {text-shadow:0 0 8px rgba(255, 255, 255, 0.8),0 0 16px rgba(255, 255, 255, 0.6),0 0 24px rgba(21, 112, 140, 0.5),0 0 32px rgba(21, 112, 140, 0.3),0 0 40px rgba(21, 112, 140, 0.2);}100% {text-shadow: none;}}.box-shadow-1, .box-shadow-1-hover, .box-shadow-2, .box-shadow-2-hover, .box-shadow-3, .box-shadow-3-hover, .box-shadow-4, .box-shadow-4-hover, .box-shadow-5, .box-shadow-5-hover, .row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner, .row-box-shadow-2 .col-inner, .row-box-shadow-2-hover .col-inner, .row-box-shadow-3 .col-inner, .row-box-shadow-3-hover .col-inner, .row-box-shadow-4 .col-inner, .row-box-shadow-4-hover .col-inner, .row-box-shadow-5 .col-inner, .row-box-shadow-5-hover .col-inner {transition: transform 1s, box-shadow 1s, background-color 1s, color 1s, opacity 1s;}.maybaybayngang .col-inner {background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgba(255, 255, 255, 0.50) 100%);margin-left: -10% !important;width: 110%;padding-left: 10% !important;padding: 21px 0px 1px 0px; border-radius: 0px 20px 20px 0;}.maybaybayngang .col-inner:after {background: url(/wp-content/uploads/2025/09/maybay2.png);display: block;content: "";width: 300px;height: 176%;background-position: center;background-size: contain;background-repeat: no-repeat;position: absolute;top: -38%;right: -12%;opacity: 1;animation: maybayBayNgang 5s ease-in-out;}@keyframes maybayBayNgang {0% {opacity: 1;right: 120%;}2% {opacity: 1;right: 100%;}100% {opacity: 1;right: -12%;}}blockquote, dl, figure, form, ol, p, pre, ul {margin-bottom: 10px;}.botronbenphai .col-inner {background: linear-gradient(270deg, rgba(255, 255, 255, 0.80) 0.2%, rgb(255 255 255 / 0%) 107.18%);margin-left: -10% !important;width: 110%;padding-left: 10% !important;padding: 13px 0px 1px 0px;border-radius: 0 100px 100px 0;color: #026986;transition: transform 1s, box-shadow 1s, background-color 1s, color 1s, opacity 1s;}.botronbenphai .col-inner p {color: #026986; }.botronbenphai .col-inner:hover {background: linear-gradient(270deg, #15708C 0.2%, rgba(21, 112, 140, 0.10) 107.18%);transition: transform 1s, box-shadow 1s, background-color 1s, color 1s, opacity 1s;}.botronbenphai .col-inner:hover p {color: #fff; }.nohieuung .col-inner {background: none !important;margin: 0px !important;width: 100%;padding: 0% !important;backdrop-filter: none !important;}.nohieuung .col-inner:hover {background: none;margin: 0px !important;width: 100%;padding: 0% !important;}.bentrai.col.nohieuung{padding-left: 20% !important;}body, p, div {font-weight: 400;font-style: normal;line-height: 1.4;font-size: 18px;}.font24 p, .font24 span, .font24{font-size: 22px;}.font36 h2{font-size: 31px;}.chuxanhto.font36 h2 strong{font-size: 19px;font-weight: 700;}.canbo, .canbo img, .canbo .img, .canbo .overlay, .canbo .box-image{border-radius: 20px;}.nenvang2 .col-inner{border-radius: 20px;background: linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.73) 47.48%);backdrop-filter: blur(3.049999952316284px);}.nenvang2 .col-inner:hover{border-radius: 20px;background: linear-gradient(0deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.83) 47.48%);backdrop-filter: blur(3.049999952316284px);}.chuxanhto h2 {border-radius: 10px;background: #15708C;backdrop-filter: blur(2px);color: #F7DEA4 !important;font-family: 'DVN-Beaufort';font-style: normal;font-weight: 700;text-transform: uppercase;padding-top: 10px;padding-bottom:3px;}.nenvang3 .col-inner {border-radius: 20px;background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.85) 100%);backdrop-filter: blur(2px);transition: left 1.6s ease-in-out;transition: all 1.3s ease-in-out;}.nenvang3 .col-inner:hover {border-radius: 20px;background: linear-gradient(0deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255) 100%);backdrop-filter: blur(31px);transition: left 1.6s ease-in-out;transition: all 1.3s ease-in-out;}.anhdongphuc .image-cover img, .anhdongphuc .image-cover {object-fit: contain;border-radius: 20px;background: rgba(255, 255, 255, 0.20);backdrop-filter: blur(2px);margin-right:30px;}.nenvang4 .col-inner{border-radius: 20px;background: rgba(248, 248, 248, 0.20);box-shadow: 0 4px 4px 0 rgba(96, 161, 179, 0.20);}.nenvang4 .col-inner:hover{border-radius: 20px;background: rgba(248, 248, 248, 0.30);box-shadow: 0 4px 4px 0 rgba(96, 161, 179, 0.20);}.logotaitro p{color: #15708C;text-align: center;font-family: Exo;font-size: 19px;font-style: normal;font-weight: 400;line-height: normal;padding-top: 20px;}.slider-nav-light .flickity-prev-next-button .arrow, .slider-nav-light .flickity-prev-next-button svg {fill: #ffffff00 !important;background: url(/wp-content/uploads/2025/09/Union.png);height: 60px;width: 60px;max-width: 60px;background-repeat: no-repeat;padding: 0px;background-position: center;padding: 28px;}.slider .flickity-button:hover svg{ fill: #ffffff00 !important;}.logotaitro img.logotaitro{object-fit: contain;}.zindex20{z-index:20; }.zindex10{z-index:10;}.zindex0{z-index:0;position: relative; /* hoặc absolute/fixed nếu cần */}.zindex30{z-index:30;position: relative; /* hoặc absolute/fixed nếu cần */}.anhdongphuc .image-cover {border-radius: 20px;background: rgba(255, 255, 255, 0.20);backdrop-filter: blur(2px);margin-right: 30px;position: relative;overflow: hidden;}.anhdongphuc .image-cover img {object-fit: contain;border-radius: 20px;width: 100%;height: 100%;display: block;}.anhdongphuc .image-cover::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent,rgba(255, 255, 255, 0.6),rgba(255, 255, 255, 0.9),rgba(255, 255, 255, 0.6),transparent);opacity: 0;transition: opacity 0.3s ease;z-index: -1;border-radius: 20px;}.anhdongphuc .image-cover:hover::before {opacity: 1;animation: loeSangManh 0.8s ease-out;}.anhdongphuc .image-cover::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(ellipse at center,rgba(255, 255, 255, 0.3) 0%,transparent 70%);opacity: 0;transition: opacity 0.3s ease;z-index: -2;border-radius: 20px;}.anhdongphuc .image-cover:hover::after {opacity: 1;animation: nhapNhayManh 0.6s ease-in-out infinite alternate;}@keyframes loeSangManh {0% {left: -100%;opacity: 0;}50% {opacity: 1;}100% {left: 100%;opacity: 0;}}@keyframes nhapNhayManh {0% {opacity: 0.5;transform: scale(1);}100% {opacity: 1;transform: scale(1.1);}}.nhoty p {margin-bottom: 0px;line-height: 1.2;}/* Hiệu ứng quét mã QR */.maqr {position: relative;overflow: hidden;}.maqr::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent,rgba(21, 112, 140, 0.3),rgba(21, 112, 140, 0.6),rgba(21, 112, 140, 0.3),transparent);animation: quetQR 2s ease-in-out infinite;z-index: 2;border-radius: 8px;}.maqr::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;animation: quetQRGrid 3s ease-in-out infinite;z-index: 1;border-radius: 8px;}.maqr .img-inner {position: relative;z-index: 0;}.maqr:hover::before {animation-duration: 1s;}.maqr:hover::after {animation-duration: 1.5s;}@keyframes quetQR {0% {left: -100%;opacity: 0;}50% {opacity: 1;}100% {left: 100%;opacity: 0;}}@keyframes quetQRGrid {0% {opacity: 0.3;transform: scale(0.95);}50% {opacity: 0.8;transform: scale(1.02);}100% {opacity: 0.3;transform: scale(0.95);}}/* Hiệu ứng tỏa sáng cho SVG - thay đổi opacity */.svg-toa-sang {position: relative;display: inline-block;background: #D70E0E;border-radius: 8px;padding: 6px 10px;font-size: 0px;max-height: 27px;max-width: 42px;}.svg-toa-sang svg {position: relative;z-index: 2;transition: all 0.3s ease;}.svg-toa-sang svg path:nth-child(1) {animation: lanToa1 2s ease-in-out infinite;}.svg-toa-sang svg path:nth-child(2) {animation: lanToa2 2s ease-in-out infinite 0.2s;}.svg-toa-sang svg path:nth-child(3) {animation: lanToa3 2s ease-in-out infinite 0.4s;}.svg-toa-sang svg path:nth-child(4) {animation: lanToa4 2s ease-in-out infinite 0.6s;}.svg-toa-sang svg path:nth-child(5) {animation: lanToa5 2s ease-in-out infinite 0.8s;}.svg-toa-sang:hover svg {transform: scale(1.1);filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));}@keyframes lanToa1 {0%, 100% { opacity: 0.5; }50% { opacity: 1; }}@keyframes lanToa2 {0%, 100% { opacity: 0.85; }50% { opacity: 0.3; }}@keyframes lanToa3 {0%, 100% { opacity: 0.5; }50% { opacity: 1; }}@keyframes lanToa4 {0%, 100% { opacity: 0.85; }50% { opacity: 0.3; }}@keyframes lanToa5 {0%, 100% { opacity: 1; }50% { opacity: 0.6; }}.anhmaume .box-image:hover::before{-webkit-animation:shine .75s;animation:shine .75s}@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}.anhmaume .box-image::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}/* Hiệu ứng cờ Việt Nam - Ngôi sao vàng sáng lên */.vietnamflag {position: relative;display: inline-block;transition: all 0.3s ease;cursor: pointer;}.vietnamflag:hover {transform: scale(1.15);filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.6));}/* Hiệu ứng ngôi sao vàng sáng lên - vùng nhỏ hơn */.vietnamflag::before {content: '';position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;background: radial-gradient(circle, rgba(255, 215, 0, 0.4) 0%, rgba(255, 255, 0, 0.2) 40%, transparent 70%);border-radius: 50%;transform: translate(-50%, -50%) scale(0);transition: all 0.4s ease;z-index: 1;pointer-events: none;}.vietnamflag:hover::before {transform: translate(-50%, -50%) scale(1);background: radial-gradient(circle, rgba(255, 215, 0, 0.7) 0%, rgba(255, 255, 0, 0.4) 50%, transparent 80%);animation: vietnamStarGlow 1.2s ease-in-out infinite alternate;}/* Hiệu ứng ngôi sao vàng nhấp nháy - kích thước nhỏ */.vietnamflag::after {content: '★';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);color: #FFD700;font-size: 12px;font-weight: bold;text-shadow: 0 0 4px #FFD700, 0 0 8px #FFD700, 0 0 12px #FFD700;z-index: 2;pointer-events: none;transition: all 0.3s ease;}.vietnamflag:hover::after {transform: translate(-50%, -50%) scale(1);animation: vietnamStarTwinkle 0.6s ease-in-out infinite;}/* Animation cho ngôi sao sáng lên - vùng nhỏ hơn */@keyframes vietnamStarGlow {0% {opacity: 0.5;transform: translate(-50%, -50%) scale(0.8);}100% {opacity: 0.9;transform: translate(-50%, -50%) scale(1.2);}}/* Animation cho ngôi sao nhấp nháy - mượt mà hơn */@keyframes vietnamStarTwinkle {0%, 100% {opacity: 0.7;transform: translate(-50%, -50%) scale(0.9);}50% {opacity: 1;transform: translate(-50%, -50%) scale(1.1);}}/* Hiệu ứng khi click */.vietnamflag:active {transform: scale(0.9);}/* Đảm bảo SVG có thể click được */.vietnamflag svg {position: relative;z-index: 3;transition: all 0.3s ease;width: 30px;height: 30px;}.vietnamflag:hover svg {filter: brightness(1.3) contrast(1.2);}.enflag {position: relative;display: inline-block;transition: all 0.3s ease;cursor: pointer;}.enflag:hover {transform: scale(1.15);filter: drop-shadow(0 0 8px rgba(0, 82, 180, 0.6));}/* Hiệu ứng ánh sáng xanh dương - màu chủ đạo của Union Jack */.enflag::before {content: '';position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;background: radial-gradient(circle, rgba(0, 82, 180, 0.4) 0%, rgba(0, 123, 255, 0.2) 40%, transparent 70%);border-radius: 50%;transform: translate(-50%, -50%) scale(0);transition: all 0.4s ease;z-index: 1;pointer-events: none;}.enflag:hover::before {transform: translate(-50%, -50%) scale(1);background: radial-gradient(circle, rgba(0, 82, 180, 0.7) 0%, rgba(0, 123, 255, 0.4) 50%, transparent 80%);animation: ukFlagGlow 1.2s ease-in-out infinite alternate;}/* Hiệu ứng chữ thập đỏ - biểu tượng của Union Jack */.enflag::after {content: '✚';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);color: #D80027;font-size: 12px;font-weight: bold;text-shadow: 0 0 4px #D80027, 0 0 8px #D80027, 0 0 12px #D80027;z-index: 2;pointer-events: none;transition: all 0.3s ease;}.enflag:hover::after {transform: translate(-50%, -50%) scale(1);animation: ukFlagCross 0.6s ease-in-out infinite;}/* Animation cho ánh sáng xanh dương */@keyframes ukFlagGlow {0% {opacity: 0.5;transform: translate(-50%, -50%) scale(0.8);}100% {opacity: 0.9;transform: translate(-50%, -50%) scale(1.2);}}/* Animation cho chữ thập đỏ */@keyframes ukFlagCross {0%, 100% {opacity: 0.7;transform: translate(-50%, -50%) scale(0.9);}50% {opacity: 1;transform: translate(-50%, -50%) scale(1.1);}}/* Hiệu ứng khi click */.enflag:active {transform: scale(0.9);}/* Đảm bảo SVG có thể click được */.enflag svg {position: relative;z-index: 3;transition: all 0.3s ease;width: 23px;height: 21px;}.enflag:hover svg {filter: brightness(1.3) contrast(1.2) saturate(1.2);}/* Hiệu ứng đặc biệt cho Union Jack - hiệu ứng chéo */.enflag:hover::before {background: linear-gradient(45deg, rgba(0, 82, 180, 0.6) 0%, transparent 50%),linear-gradient(-45deg, rgba(216, 0, 39, 0.4) 0%, transparent 50%),radial-gradient(circle, rgba(0, 123, 255, 0.3) 0%, transparent 70%);}.header-main .nav > li > a:hover {-webkit-text-stroke: 1px;}.connguoi.img:hover img{filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5));transition: all 1s ease;}.chusang:hover img, #logo img:hover{filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.7));transition: all 1s ease;}.stuck #logo img:hover {filter: drop-shadow(0 0 1px rgba(22, 113, 140, 0.7));transition: all 1s ease;}#logo img {transition: all 0.7s ease;}.chuxanhto2.font24 h2 {border-radius: 22px;background: #15708C;font-weight: 500;line-height: 1.2;color: #fff;padding: 10px 36px 5px 36px;font-size: 24px;font-style: normal;text-transform: math-auto;width: fit-content;min-width: 84%;}.button.nutxanh{width: fit-content;min-width: 84%;padding: 10px 36px 5px 36px;}.button.nutxanh span{font-size: 24px;font-weight: 500;line-height: 1.2;font-family: 'DVN-Beaufort';}.button.nutxanh1{ padding: 10px 36px 5px 36px;}.button.nutxanh1 span{font-size: 24px;font-weight: 500;line-height: 1.2;font-family: 'DVN-Beaufort';}.slider [data-animate], [data-animate] {transition: filter 1.3s, transform 2.6s, opacity 1s ease-in;}.RegButton.has-block{}/* ===== A1. Ép block & modal luôn trên cùng ===== */#golf-reg-uxblock { position: relative !important; z-index: 2147483600 !important; }#golf-reg-uxblock .gr-register-container,#golf-reg-uxblock .gr-btn { position: relative !important; z-index: 2147483602 !important; }/* Modal phủ toàn trang, ưu tiên cực cao */#golf-reg-uxblock .gr-modal {position: fixed !important;inset: 0 !important;z-index: 2147483647 !important;}/* Panel & trạng thái trong modal */#golf-reg-uxblock .gr-panel,#golf-reg-uxblock .gr-loading-panel,#golf-reg-uxblock .gr-success-panel {position: relative !important;z-index: 2147483647 !important;isolation: isolate !important;}/* ===== A2. Vô hiệu hoá stacking context của ancestor khi modal đang mở ===== *//* Chỉ kích hoạt khi có modal KHÔNG mang .gr-hidden */*:has(#golf-reg-uxblock .gr-modal:not(.gr-hidden)) {/* Gỡ những thứ tạo stacking context ở ancestor */transform: none !important;filter: none !important;perspective: none !important;backface-visibility: visible !important;will-change: auto !important;/* Tránh tranh chấp thứ tự vẽ của các header/menu/sticky khác */z-index: auto !important;}/* Tùy chọn: nếu site có header/sticky cố chấp đè lên modal, dòng dưới sẽ hạ z-index của chúng TRONG LÚC modal mở */*:has(#golf-reg-uxblock .gr-modal:not(.gr-hidden)) header,*:has(#golf-reg-uxblock .gr-modal:not(.gr-hidden)) .sticky,*:has(#golf-reg-uxblock .gr-modal:not(.gr-hidden)) .fixed,*:has(#golf-reg-uxblock .gr-modal:not(.gr-hidden)) [style*="z-index"] {z-index: auto !important;}/* Custom CSS Tablet */@media (max-width: 849px){.standalone-countdown-container .standalone-item {display: flex;flex-direction: column;align-items: center;text-align: center;min-width: unset;padding: 20px 10px;border-radius: 8px;transition: all 0.3s ease;color: white;margin: 0 5px;box-sizing: border-box;}.standalone-countdown-container .standalone-separator {color: white;font-size: 22px;font-weight: bold;margin: 0 3px;line-height: 1;}.standalone-countdown-container .standalone-number {display: block;font-size: 34px;font-weight: bold;line-height: 1;margin-bottom: 5px;color: white;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);}.standalone-countdown-container .standalone-text {display: block;font-size: 15px;font-style: normal;font-weight: 400;line-height: normal;text-transform: uppercase;color: rgba(255, 255, 255, 0.9);}/* Loading State */.standalone-countdown-loading {display: flex;flex-direction: column;align-items: center;gap: 10px;padding: 15px;color: #666;}.standalone-spinner {width: 20px;height: 20px;border: 3px solid #f3f3f3;border-top: 3px solid #007cba;border-radius: 50%;animation: standalone-spin 1s linear infinite;}h2, .h2 {font-size:35px;} h3, .h3{font-size:21px;}body, p, div {font-weight: 400;font-style: normal;line-height: 1.4;font-size: 16px;}.font24 p, .font24 span, .font24{font-size: 18px;}.font36 h2{font-size: 28px;}.chuxanhto.font36 h2 strong{font-size: 15px;font-weight: 700;}}/* Custom CSS Mobile */@media (max-width: 549px){.vietnamflag svg {}.enflag svg {width: 29px;height: 27px;}h2, .h2 {font-size: 28px;}h3, .h3{font-size:22px;}body, p, div {font-weight: 400;font-style: normal;line-height: 1.4;font-size: 16px;}.font24 p, .font24 span, .font24{font-size: 16px;}.font36 h2{font-size: 25px;}.chuxanhto.font36 h2 strong{font-size: 13px;font-weight: 700;}.bentrai.col.nohieuung {padding-left: 23px !important;}.maybaybayngang .col-inner:after { width: 285px;height: 155%;background-position: center;background-size: contain;background-repeat: no-repeat;position: absolute;top: -25%;right: -23%;opacity: 1;animation: maybayBayNgang 3s ease-in-out;}.nhoty p {font-size: 12px;margin-bottom: 0px;line-height: 1.2;}.transparent #logo img {max-height: 51px;}.header.show-on-scroll, .stuck .header-main {height: 61px !important;background: #0e7cc200;}.stuck #logo img {max-height: 63px !important;}.sangmanhx:hover, .hoverchu .col-inner:hover .sangmanhx {animation: none;}.logotaitro p {color: #15708C;text-align: center;font-family: Exo;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;padding-top: 0px;}.row-slider .flickity-prev-next-button {width: 29px !important;}.slider-nav-light .flickity-prev-next-button .arrow, .slider-nav-light .flickity-prev-next-button svg {object-fit: contain;background-size: contain;z-index: 99;fill: #ffffff00 !important;height: 25px;width: 25px;max-width: 25px;background-repeat: no-repeat;background-position: center;padding: 25px;background-size: auto;}.slider-wrapper .flickity-prev-next-button {display: block;}.annut.flickity-enabled button.flickity-button{ opacity: 0;}.off-canvas-center .nav-sidebar.nav-vertical>li {justify-content: center;}.chuxanhto2.font24 h2 {border-radius: 22px;background: #15708C;font-weight: 500;line-height: 1.2;color: #fff;padding: 10px 36px 5px 36px;font-size: 20px;width: 100%;min-width: 84%;}@keyframes maybayBayNgang {0% {opacity: 1;right: 120%;}2% {opacity: 1;right: 100%;}100% {opacity: 1;right: -23%;}}.standalone-countdown-container{padding:0px;}.nholai h2 {font-size: 20px;}.standalone-countdown-container {padding: 0px;justify-self: anchor-center; justify-content: center;}.button.nutxanh {width: fit-content;min-width: 100%;}.standalone-countdown-container .standalone-text {display: block;font-size: 10px;font-style: normal;font-weight: 400;line-height: normal;text-transform: uppercase;color: rgba(255, 255, 255, 0.9);}}.label-new.menu-item > a:after{content:"Mới";}.label-hot.menu-item > a:after{content:"Nổi bật";}.label-sale.menu-item > a:after{content:"Giảm giá";}.label-popular.menu-item > a:after{content:"Phổ biến";}