* {margin: 0; padding: 0;} .wrapper, .desktop, .desktop img, .mobile img {display: block; } .desktop {visibility: visible; } .mobile {display: none; visibility: hidden; } .desktop img, .mobile img {width: 100%; height: auto; object-fit: cover;}
@media screen and (max-width: 768px) { .desktop {display: none; visibility: hidden;} .mobile {display: block; visibility: visible;} }
body { font-family: Arial, sans-serif;}
.lang-selections { position: absolute; display: block; top: 1.25rem; right: 2rem;}

.lang-selections button { border: none; cursor: pointer; display: block; background: linear-gradient(-180deg, #5ACAB1 0%, #3D8878 100%); color: #fff; padding: 0.5rem .5rem; border-radius: 0.5rem;}

.lang-selections button:hover { background: linear-gradient(0deg,#5ACAB1 0%, #3D8878 100%);}
.lang-selections button:active {background: linear-gradient(0deg, #4ea892 0%, #346e62 100%);}
.lang-selections.selected button { cursor: default;}
.lang-selections span { vertical-align: middle;}
.lang-selections img { vertical-align: middle; margin: 0 0.25rem 0 0;}
.lang-selections a { display: block; text-decoration: none; color: #2A2A2A; background: transparent; padding: .5rem .25rem; border-radius: 8px; }
.lang-selections a:hover { background: #D0D0D0;}
.lang-selections dt.selected a { background: #d0d0d0; cursor: default;}
.lang-selections dl { position: absolute; right: 0; width: 100%; margin: 10px 0 0 0; min-width: 8rem; gap: .5rem; padding: .5rem; background: #EBEBEB; border-radius: 10px; box-shadow: 0px 5px 10px 0px #69696980; display: none;}
.lang-selections dl.show { display: grid;}
@media (max-width: 1640px) {
    body { font-size: .875rem; }
    .lang-selections { top: 1.25rem; right: 1rem; }
    .lang-selections button { padding: .25rem .25rem;}
    .lang-selections img {  margin: 0 .125rem 0 0;}
    .lang-selections img:first-of-type { width: 1.25rem; height: auto; }
    .lang-selections a { padding: .25rem .125rem;}
    .lang-selections dl { padding: .25rem; min-width: 6rem; gap: .25rem; }
}
@media (max-width: 1280px) {
    .lang-selections { top: 1rem; right: .5rem; }
}
@media screen and (max-width: 768px) {
    .lang-selections { top: .25rem; right: .25rem;}
}