/** Arya Medical Stores — brand overrides. Loaded last, so these win over the
    grocery template's defaults. Kept in one place so the vendor CSS stays pristine. **/

/* Inner-page title banner — was a stock strawberry photo (all-bg-title.jpg).
   Replaced with the pharmacy-green brand gradient. */
.all-title-box {
    background: linear-gradient(135deg, #2f9e44 0%, #157a33 100%) !important;
    background-attachment: scroll !important;
}
.all-title-box h2 { color: #ffffff; }

/* Contact sidebar — was a stock strawberry photo (contact-bg.jpg).
   Replaced with a soft green card. */
.contact-info-left {
    background: #eaf7ee !important;
    border-left: 4px solid #2f9e44;
    border-radius: 6px;
}

/* Reusable branded panel that replaces the template's stock photos
   (e.g. the plant-nursery about-img.jpg). Looks intentional until real
   photographs of the shop are supplied — see docs/LAUNCH_CHECKLIST.md. */
.brand-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 340px;
    height: 100%;
    padding: 30px;
    border-radius: 8px;
    background: linear-gradient(135deg, #2f9e44 0%, #157a33 100%);
    color: #ffffff;
}
.brand-panel i { font-size: 72px; margin-bottom: 18px; opacity: 0.95; }
.brand-panel h3 { color: #ffffff; font-weight: 700; margin-bottom: 6px; }
.brand-panel p { color: rgba(255, 255, 255, 0.9); margin: 0; }