@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');
body,button,input,select,textarea{font-family:'Almarai',sans-serif!important}
/* Full-colour flags stay above the card background; labels remain readable. */
.country{position:relative;isolation:isolate;overflow:hidden}
.country::before{z-index:0!important;inset:10px 8px 54px!important;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif!important;font-size:clamp(4rem,6vw,6.5rem)!important;filter:none!important;pointer-events:none}
.country::after{display:none!important}
.country>span,.country>strong{position:relative;z-index:1;transition:opacity .25s ease,background .25s ease}
.country:hover::before,.country:focus-visible::before{opacity:1!important;transform:scale(1)!important}
.country:hover,.country:focus-visible{background:#fff!important;border-color:#c8a86b!important;box-shadow:0 12px 28px #0003}
.country:hover>span,.country:focus-visible>span{opacity:0}
.country>strong{border-radius:10px;padding:5px 7px;margin-inline:-7px;line-height:1.7}
.country:hover>strong,.country:focus-visible>strong{background:#073c36;color:#fff;text-shadow:none}
@media(max-width:760px){.country::before{inset:8px 8px 50px!important;font-size:4.75rem!important}}
@media(hover:none){.country{min-height:190px!important;background:#fff!important}.country::before{opacity:1!important;transform:scale(1)!important}.country>span{opacity:0}.country>strong{background:#073c36;color:#fff;text-shadow:none}}