/* v3 fixes 2026-10-22 — same colours, banners and icons. */
/* Smooth slide change */
@keyframes v3-slide-in{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
.home-carousel .carousel-slide.is-entering{animation:v3-slide-in .6s ease-out both}
@media(prefers-reduced-motion:reduce){.home-carousel .carousel-slide.is-entering{animation:none}}
/* Dots */
.home-carousel{position:relative}
.carousel-dots{position:absolute;z-index:5;left:50%;transform:translateX(-50%);bottom:12px;display:flex;gap:8px;direction:ltr}
.carousel-dot{width:9px;height:9px;padding:0;border-radius:99px;border:0;background:#ffffff66;cursor:pointer;transition:width .3s,background .3s}
.carousel-dot[aria-pressed=true]{width:26px;background:linear-gradient(120deg,#7a79ec,#9c84ed)}
/* Desktop: keep the offer copy readable over the artwork instead of overlapping it */
@media(min-width:641px){
 .panorama-slide .carousel-copy{background:linear-gradient(90deg,#070e24e6 0%,#070e24b3 70%,transparent 100%)!important;max-width:52%!important;border-radius:0 0 0 18px!important}
 .carousel-features{flex-wrap:wrap}
}
@media(max-width:640px){.carousel-dots{top:calc(100vw / 3 - 22px);bottom:auto}}
/* Mobile bottom bar: 5 tabs incl. المتجر */
@media(max-width:820px){.mobile-nav{grid-template-columns:repeat(5,1fr)!important}.mobile-nav a span:last-child{font-size:11px}}
.home-carousel .carousel-dot{min-height:0!important;min-width:0!important;height:9px!important;width:9px;padding:0!important;box-shadow:none!important;flex:none}
.home-carousel .carousel-dot[aria-pressed=true]{width:26px}
/* Card logos: brand names must not break mid-word (e.g. "Gemi ni") */
.v3-card-art .brand-label,.v3-pd-art .brand-label{white-space:nowrap;word-break:keep-all;overflow-wrap:normal;font-size:clamp(11px,1.1vw,15px)}

/* Platform folders */
.v3-ptile{align-items:center;text-align:center}
.v3-ptile-logo,.v3-menu-logo{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:radial-gradient(circle,color-mix(in srgb,var(--platform-color) 35%,transparent),#ffffff0a)}
.v3-menu-logo{width:28px;height:28px;border-radius:8px}
.v3-ptile-logo .brand-lockup,.v3-menu-logo .brand-lockup{transform:scale(.7)}
.v3-ptile b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.v3-mega-panel{max-height:70vh;overflow:auto}.v3-mega-panel small{color:var(--v3-muted)}
@media(max-width:820px){.v3-platform-tiles{grid-template-columns:repeat(3,1fr)}}