/* Match the Azan product pricing cards. */
.areas-grid{gap:32px;align-items:start;padding-top:12px}
.area-card{--accent:#087bcb;--accent-dark:#0653a1;padding:28px 24px 30px;border:7px solid #fff;border-radius:32px;background:#113454;box-shadow:0 10px 30px #10497020;min-width:0;transition:transform .2s,box-shadow .2s}
.area-card:nth-child(3n+2){--accent:#0a97be;--accent-dark:#087293}
.area-card:nth-child(3n){--accent:#4c9c36;--accent-dark:#287523}
.area-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #10497030}
.area-card .city-label{display:inline-block;color:#c5e8f6;font-size:12px;line-height:1.6;letter-spacing:1.6px;margin-bottom:16px}
.area-card h3{position:relative;margin:0 -37px 25px;padding:14px 22px;background:linear-gradient(110deg,var(--accent),var(--accent-dark));border-radius:50px;color:white;text-align:center;font-family:Manrope,Arial,sans-serif;font-size:22px;font-weight:700;line-height:1.35;letter-spacing:-.4px;box-shadow:0 5px 10px #001a3730;overflow-wrap:break-word}
.area-chips{gap:10px}
.area-chips a{flex:1 1 95px;min-width:0;justify-content:space-between;gap:10px;background:#ffffff09;border:1px solid #73a4c565;border-radius:18px;padding:12px 14px;min-height:48px;color:#e8f5ff;font-size:15px;font-weight:500;line-height:1.5;overflow-wrap:anywhere;transition:background .2s,border-color .2s}
.area-chips a span{color:#8adeec;flex-shrink:0}
.area-chips a:hover{color:#fff;background:var(--accent-dark);border-color:#a9e2f3}
.area-chips a:focus-visible{outline:3px solid #a1e96c;outline-offset:3px}
.search-area>span{font-size:15px}.search-area input{font-size:16px;min-height:48px;border-radius:14px}
.city-filters button{font-size:14px;min-height:46px;font-weight:600}
.area-count{font-size:14px;line-height:1.6}
.other-area,.delivery-cta{background:linear-gradient(120deg,#e2f7fc,#f3faee);border:1px solid #90cfdf;border-radius:28px}
.other-area p,.delivery-cta p{font-size:15px;line-height:1.7}
.delivery-base{border-radius:30px;background:linear-gradient(125deg,#087bcb,#113454);box-shadow:0 10px 30px #10497020}
.delivery-base small{font-size:13px;line-height:1.7}
@media(max-width:700px){.areas-grid{gap:30px}.area-card{padding:25px 22px 28px;border-radius:30px}.area-card h3{margin-inline:-35px;font-size:23px}.area-chips a{font-size:16px;min-height:50px}.other-area,.delivery-cta{padding:25px}.city-filters button{font-size:14px}.delivery-base p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.area-card:hover{transform:none}}