.g-contact-item { text-decoration: none !important; transition: 0.3s; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; cursor: pointer; }
.g-icon-wrapper { width: 50px; height: 50px; border-radius: 50%; background: #ffffffdb; display: flex; align-items: center; justify-content: center; padding: 2px; box-shadow: 0 4px 15px rgba(0,0,0,0.15); border: 1px solid transparent; position: relative; z-index: 2; box-sizing: border-box; }
.g-icon-wrapper img { width: 100%; height: 100%; object-fit: contain; }
.g-icon-text { font-size: 11px; font-family: sans-serif; white-space: nowrap; font-weight: normal; margin-top: 5px; text-align: center; }

@keyframes g-shake-strong { 0%, 100% { transform: rotate(0); } 10%, 30%, 50% { transform: rotate(-10deg); } 20%, 40% { transform: rotate(12deg); } }

.g-pulse-green .g-icon-wrapper { animation: g-shake-strong 1.5s infinite, pulse-green 1.5s infinite; border: 1px solid #4caf50; }
.g-pulse-blue .g-icon-wrapper { animation: g-shake-strong 1.5s infinite, pulse-blue 1.5s infinite; border: 1px solid #0072ff;}
.g-pulse-yellow .g-icon-wrapper { animation: g-shake-strong 1.5s infinite, pulse-yellow 1.5s infinite; border: 1px solid #fbbc05;}
.g-pulse-cyan .g-icon-wrapper { animation: g-shake-strong 1.5s infinite, pulse-cyan 1.5s infinite; border: 1px solid #00c6ff;}
.g-pulse-lightgreen .g-icon-wrapper { animation: g-shake-strong 1.5s infinite, pulse-lightgreen 1.5s infinite; border: 1px solid #56ab2f;}

@keyframes pulse-green { 0% { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(76, 175, 80, 0); } 100% { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0); } }
@keyframes pulse-blue { 0% { box-shadow: 0 0 0 0 rgba(0, 114, 255, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(0, 114, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 114, 255, 0); } }
@keyframes pulse-yellow { 0% { box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(251, 188, 5, 0); } 100% { box-shadow: 0 0 0 0 rgba(251, 188, 5, 0); } }
@keyframes pulse-cyan { 0% { box-shadow: 0 0 0 0 rgba(0, 198, 255, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(0, 198, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 198, 255, 0); } }
@keyframes pulse-lightgreen { 0% { box-shadow: 0 0 0 0 rgba(86, 171, 47, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(86, 171, 47, 0); } 100% { box-shadow: 0 0 0 0 rgba(86, 171, 47, 0); } }

/* CỘT DỌC */
.g-layout-vertical { position: fixed; display: flex; flex-direction: column; gap: 8px; z-index: 9999999; }
.g-layout-vertical .g-icon-text { padding: 3px 8px; border-radius: 12px; }

/* THANH NGANG */
.g-layout-bar { position: fixed; bottom: 15px; left: 10%; right: 10%; width: 80%; height: 50px; border-radius: 30px; display: flex; justify-content: space-around; align-items: center; box-shadow: 0 8px 20px rgba(0,0,0,0.3); padding: 0 10px; z-index: 9999999; }
.g-layout-bar .g-contact-item { top: -15px; }
.g-layout-bar .g-item-center { top: -25px; } 
.g-layout-bar .g-icon-wrapper { width: 55px; height: 55px; background: #fff; }
.g-layout-bar .g-item-center .g-icon-wrapper { width: 65px; height: 65px; background: #fff; border: 1px solid #4caf50 !important; padding: 2px; }
.g-layout-bar .g-icon-text { margin-top: 3px; }

@media (min-width: 768px) { .g-container-mb { display: none !important; } }
@media (max-width: 767px) { .g-container-pc { display: none !important; } }

.lion-loader { border: 3px solid #f3f3f3; border-top: 3px solid #ff4b2b; border-radius: 50%; width: 18px; height: 18px; animation: lion-spin 1s linear infinite; display: inline-block; vertical-align: middle; margin-right: 8px; }
@keyframes lion-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.g-pop-ol { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none; align-items: center; justify-content: center; z-index: 10000001; backdrop-filter: blur(3px); }
.g-pop-ct { background: #fff; padding: 25px; border-radius: 20px; width: 93%; max-width: 600px; position: relative; text-align: center; }