.aw-app { padding:70px 0 80px; color:#321e37; }
.aw-app-heading { max-width:850px; margin:0 auto 55px; text-align:center; }
.aw-app-heading h2 { font-family:Alexandria,sans-serif; font-size:clamp(28.8px,4.05vw,58.5px); line-height:1.4; margin:0 0 22px; }
.aw-app-heading>p:not(.watan-eyebrow) { max-width:710px; margin:0 auto 25px; font-size:14.4px; line-height:2; }
.aw-app-stores { display:flex; flex-wrap:wrap; justify-content:center; gap:13px; margin:0 0 20px; }
.aw-app-stores a { display:flex; align-items:center; justify-content:center; gap:13px; min-width:180px; padding:10px 20px; background:#321e37; color:#f7f3ee; border-bottom:0; border-radius:16px; transition:transform .3s,box-shadow .3s; direction:ltr; }
.aw-app-stores small,.aw-app-stores strong { display:block; text-align:left; font-family:Alexandria,sans-serif; line-height:1.4; }
.aw-app-stores small { font-size:9px; opacity:.8; }
.aw-app-stores strong { font-size:16.2px; font-weight:500; }
.watan-home .aw-app-stores a span,.watan-home .aw-app-stores a strong,.watan-home .aw-app-stores a small { color:#f7f3ee!important; }
.aw-app-stores i { font-size:24.3px; color:#f7f3ee; }
.aw-app-heading>p { text-align:center; }
.aw-app-stores img { display:block; width:150px; height:42px; object-fit:contain; }
.aw-app-stores a:hover { transform:translateY(-3px); box-shadow:0 6px 20px #321e3720; }
.aw-app-stores a:focus-visible { outline:2px solid #321e37; outline-offset:4px; }
.aw-app-heading .watan-text-link { font-size:10.8px; }
.aw-app-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; align-items:start; max-width:1120px; margin:auto; padding-top:25px; }
.aw-app-shot { padding:0; background:transparent; border:0; border-radius:28px; overflow:hidden; }
.aw-app-shot:nth-child(2) { margin-top:-25px; background:transparent; }
.watan-home .aw-app-shot h3 { text-align:center; font-size:17.1px; margin:0 0 25px; font-weight:500; }
.aw-app-shot .watan-image-slot { width:100%; aspect-ratio:.68; min-height:0; border:0; border-radius:28px; overflow:hidden; background:transparent; display:grid; place-items:center; }
.aw-app-shot .watan-image-slot img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.aw-app-shot .watan-image-slot { transition:transform .75s cubic-bezier(.22,.68,.25,1); transform-origin:50% 85%; }
.aw-app-shot:hover .watan-image-slot { transform:translateY(-4px); }
.aw-app-shot:nth-child(2):hover .watan-image-slot { transform:translateY(-4px); }
.aw-app-shot.is-revealed .watan-image-slot img { animation:aw-app-float 8s ease-in-out infinite; }
.aw-app-shot:nth-child(2) .watan-image-slot img { animation-delay:-2.6s; }
.aw-app-shot:nth-child(3) .watan-image-slot img { animation-delay:-5.2s; }
@keyframes aw-app-float { 0%,100% { transform:scale(1.035) translateY(0); } 50% { transform:scale(1.035) translateY(-5px); } }
.aw-app-shot .watan-image-slot.is-empty { border:0; background:transparent; }
.aw-app-shot .watan-image-slot__placeholder { color:#78677b; font-size:10.8px; }
@media(max-width:767px) { .aw-app { padding:45px 0 55px; } .aw-app-heading { margin-bottom:30px; } .aw-app-heading>p:not(.watan-eyebrow) { font-size:12.6px; } .aw-app-gallery { grid-template-columns:1fr; max-width:350px; gap:22px; padding-top:0; } .aw-app-shot:nth-child(2) { margin:0; } .aw-app-shot .watan-image-slot { max-height:540px; } }
@media(prefers-reduced-motion:reduce) { .aw-app * { transition:none!important; animation:none!important; } .aw-app-shot:hover .watan-image-slot { transform:none; } }
/* Three portrait panels with a raised, taller centre image. */
.aw-app-gallery { grid-template-columns:1fr 1.1fr 1fr; gap:clamp(18px,2.2vw,40px); align-items:center; max-width:1280px; padding-top:30px; }
.aw-app-shot { margin:0; border:0; box-shadow:none; background:transparent; border-radius:30px; overflow:hidden; }
.aw-app-shot .watan-image-slot { aspect-ratio:.62; border:0; border-radius:30px; box-shadow:none; background:transparent; }
.aw-app-shot:nth-child(2) { margin-top:0; }
.aw-app-shot:nth-child(2) .watan-image-slot { aspect-ratio:.62; }
.aw-app-shot .watan-image-slot img { object-fit:cover; object-position:top center; }
@media(max-width:767px) {
    .aw-app-gallery { grid-template-columns:1fr; max-width:350px; gap:24px; padding-top:0; }
    .aw-app-shot .watan-image-slot,.aw-app-shot:nth-child(2) .watan-image-slot { aspect-ratio:.62; max-height:none; }
}/* Compact app screenshots while retaining the three-panel proportions. */
.watan-home .aw-app-gallery { width:100%; max-width:900px; gap:clamp(18px,2vw,30px); margin-inline:auto; }
@media(max-width:767px) { .watan-home .aw-app-gallery { max-width:260px; gap:24px; } }