@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Montserrat:wght@100..900&family=Poppins:wght@100..900&display=swap');
html {font-family:Poppins,Sans-Serif;font-size:15px;color:#222;}
td {font-family:Montserrat,Sans-Serif;font-size:19px;color:#222;white-space:nowrap;}
th {font-family:Montserrat,Sans-Serif;font-size:19px;color:#222;}
h1 {font-family:Poppins,Sans-Serif;font-size:27px;color:#444;line-height: 1.75;}
h2 {font-family:Cairo,Helvetica,Sans-Serif;font-size:29px;color:#80bb25;}
h3 {font-family:Helvetica,Sans-Serif;font-size:22px;color:#444;}
h4 {font-family:Helvetica,Sans-Serif;font-size:29px;color:#80bb25;}
h5 {font-family:Sans-Serif;font-size:21px;color:#80bb25;}
.menu a {display: inline-block;text-decoration:none; font-size:14px; color:#fff; background-color:#293; border: 1px solid #284; border-radius: 22px; padding: 10px 16px;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3); }
.menu a:hover{ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); transform: translateY(1px); }

.store-grid {
    width: 94%;
    min-width: 1100px;
    margin: 20px auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
}

.store-card {
    width: 90%;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    border-left: 6px solid #80bb25;
}
.store-card h4 {
    font-family: Poppins, sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
}

.store-card p {
    margin: 6px 0;
    font-size: 16px;
}