/* Lightweight responsive layout; scrolling works without JavaScript. */
body {font-family: Arial, sans-serif; line-height:1.6;}
img {max-width:100%;}
h1,h2,h3,h4,h5 {overflow-wrap:anywhere;}
h2,.feature-title {font-size:clamp(1.5rem,3.5vw,2.75rem);line-height:1.2;}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible {outline:3px solid #b37a10;outline-offset:4px;}
#menu .game-navigation {display:flex;flex-wrap:wrap;justify-content:center;gap:4px 24px;margin:0;padding:8px 0;list-style:none;}
.game-navigation a {display:block;padding:10px 4px;min-height:44px;font-weight:600;color:#262626;}
#search .form-control {font-size:16px;min-width:0;}
#search button {min-height:44px;}
.header-link {display:inline-flex;align-items:center;min-height:44px;}
.heading-title {gap:12px;}
.heading-title .btn {flex-shrink:0;font-size:12px;letter-spacing:.08em;min-height:44px;display:flex;align-items:center;}
.carousel-latest0,#carousel-latest0 {width:100%;min-width:0;}
#carousel-latest0 .swiper-wrapper {display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;overscroll-behavior-x:contain;}
#carousel-latest0 .swiper-slide {flex:0 0 calc((100% - 80px)/5);min-width:0;scroll-snap-align:start;}
#carousel-latest0 .card {border:0;}
#carousel-latest0 h3 {font-size:clamp(.95rem,1.5vw,1.2rem);}
#games-categories .category-card-img {width:100%;max-width:220px;height:auto;}
#games-categories .text-category {font-size:clamp(.8rem,1.5vw,1rem);overflow-wrap:anywhere;}
footer {padding-top:32px;}
footer a {display:inline-block;min-height:44px;padding:8px 0;overflow-wrap:anywhere;}
footer h5 {font-size:1rem;}
footer .footer-text {font-size:15px;line-height:1.6;}
.footer-bottom {font-size:12px;}
@media(max-width:1199px) {
 #logo img {width:96px;height:auto;}
 #carousel-latest0 .swiper-slide {flex-basis:calc((100% - 40px)/3);}
}
@media(max-width:767px) {
 .container {padding-left:16px;padding-right:16px;}
 #logo img {width:80px;}
 #menu .game-navigation {gap:0 16px;justify-content:flex-start;}
 .game-navigation a {font-size:13px;}
 .heading-title {align-items:flex-start!important;}
 .heading-title h2 {font-size:1.5rem;}
 #carousel-latest0 .swiper-wrapper {gap:12px;}
 #carousel-latest0 .swiper-slide {flex-basis:44%;}
 .brand-list li {font-size:22px;padding:16px 0;}
 .brand-list {max-width:100%;}
 #yggdrasilmy-reviews-title {font-size:1.5rem;}
 section[aria-labelledby="yggdrasilmy-reviews-title"] .card-body {min-height:0!important;}
 footer .row {row-gap:24px!important;}
}