.locations,.locations *{box-sizing:border-box}.locations{--orange:#dc771c;color:#000;padding-bottom:60px;font-family:Roboto,sans-serif}.locations .loc-banner{background:#fff7ec;width:100%;height:clamp(290px,34vw,500px);margin-top:8px;position:relative;overflow:hidden}.locations .loc-h{text-align:center;color:#000;margin:40px 0 8px;font-size:27px;font-weight:900}.locations .loc-h span{color:var(--orange)}.locations .loc-sub{text-align:center;color:#666;max-width:560px;margin:0 auto 30px;font-size:14.5px}.locations .loc-status{text-align:center;color:#777;padding:20px 0 30px}.locations .loc-status-error{color:#e0335e}.locations .loc-grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1160px;margin:0 auto;padding:0 16px;display:grid}@media (max-width:900px){.locations .loc-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.locations .loc-grid{grid-template-columns:repeat(2,1fr)}}.locations .loc-card{color:#222;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,color .2s;display:flex;box-shadow:0 0 16px #00000012}.locations .loc-card i{width:30px;height:30px;color:var(--orange);background:linear-gradient(135deg,#fdead2,#fbdcb2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;transition:background .2s,color .2s;display:flex}.locations .loc-card:hover{transform:translateY(-3px);box-shadow:0 0 20px #dc771c40}.locations .loc-card:hover i{background:linear-gradient(135deg, var(--orange), #b85f10);color:#fff}