/* Identidade Drogaria Rey: azul predominante, detalhes vermelhos. */
:root{--blue:#073d85;--navy:#062954;--red:#c51f35;--muted:#4b607b}
body{background:#e8f0fc}
.topline{background:var(--navy);border-top:5px solid var(--red)}
header{border-bottom:1px solid #d0ddf0}
.header .stores-link{color:var(--blue)}
.nav{background:var(--blue);border:0;border-bottom:4px solid var(--red)}
.nav a,.nav button{background:transparent;color:#fff;border-radius:7px;min-height:48px}
.nav a:hover,.nav a:focus-visible{color:#fff;background:#ffffff20}
.nav :focus-visible,.topline :focus-visible{outline-color:#fff}
.contact-access{background:#dce9fc;border-bottom:1px solid #bdd0ee}
.contact-access .wrap{gap:12px;padding:16px 0}
.contact-access .contact-heading{color:var(--blue);font-weight:700;margin-right:auto}
.contact-access .store-whatsapp{display:flex;align-items:center;gap:10px;padding:11px 17px;min-height:60px;border-radius:12px;background:var(--blue);color:#fff;font-size:14px;box-shadow:0 3px 0 #c51f35}
.store-whatsapp img{width:27px;height:27px;flex-shrink:0}
.store-whatsapp strong,.store-whatsapp small{display:block}
.store-whatsapp small{font-size:13px;font-weight:400;color:#e2eeff}
.contact-access .store-whatsapp:hover{background:#062d65;text-decoration:none}
.store-whatsapp:focus-visible{outline:3px solid var(--red)}
.contact-access .hours-info{flex-basis:100%;font-size:13px;color:#354f72}
main{padding:26px 0 0}
.rey-promotions{position:relative;padding:30px 24px 22px;border-radius:20px;background:linear-gradient(135deg,#073d85,#062954);border-top:5px solid var(--red);box-shadow:0 12px 32px #073d851a}
.rey-promotions .eyebrow{color:#d3e5ff}
.rey-promotions h1{color:#fff}
.rey-carousel{background:#dce8f8;border:1px solid #b8cee9;box-shadow:0 6px 20px #031b3e33}
.rey-slide-stage{background:#f5f8fd;border-radius:10px;overflow:hidden}
.rey-slide-position{font-weight:700;color:var(--blue)}
.rey-promotions .rey-promo-help{color:#e1ecfc}
.rey-contact-actions,.rey-review-section{margin:28px auto;border-radius:18px;box-shadow:0 8px 24px #073d850b}
.rey-contact-actions{background:#fff;border:1px solid #cbdaf0;border-top:5px solid var(--red)}
.rey-contact-actions h2{color:var(--blue)}
.rey-review-section{background:#d8e7fb;border:1px solid #b4ccec;border-top:5px solid var(--blue)}
.rey-review-section h2{color:var(--blue)}
.rey-review-help{color:#405573}
main>.page{background:#fff;border:1px solid #cbdaf0;border-top:5px solid var(--red);border-radius:18px;padding:10px 28px 35px}
.store-card{background:#edf4fe;border:1px solid #bfd2ed;border-top:4px solid var(--blue)}
.store-card h2{color:var(--blue)}
footer{background:var(--navy);border-top:6px solid var(--red)}
.chat-toggle{z-index:100;background:var(--blue);border:2px solid #fff;box-shadow:0 5px 24px #06295455}
.chat-toggle:hover{background:#062d65}
.chat-panel{z-index:101;border:2px solid var(--blue);padding:18px;max-height:calc(100dvh - 110px);box-shadow:0 10px 40px #06295455}
.chat-top{position:sticky;top:-18px;z-index:2;background:var(--blue);color:#fff;margin:-18px -18px 14px;padding:12px 14px;gap:12px;border-bottom:4px solid var(--red)}
.chat-top b{font-size:17px;color:#fff}
.chat-top #chatClose{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:2px solid #fff;border-radius:10px;background:#fff;color:var(--blue);font-size:32px;line-height:1;font-weight:700}
.chat-top #chatClose:hover{background:var(--red);color:#fff}
.chat-top #chatClose:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:650px){
 .contact-access .wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .contact-access .contact-heading,.contact-access .hours-info{grid-column:1/-1}
 .contact-access .store-whatsapp{padding:10px;gap:7px;font-size:13px;min-height:72px}
 .store-whatsapp small{font-size:12px}.store-whatsapp img{width:23px;height:23px}
 .nav .wrap{justify-content:space-between}.nav a{font-size:12px;padding-inline:8px}
 main{padding-top:18px}.rey-promotions{padding:23px 12px 15px;border-radius:15px}
 .rey-contact-actions,.rey-review-section{padding:26px 16px;margin:22px auto}
 main>.page{padding:8px 16px 26px}
 .chat-panel{bottom:86px;max-height:calc(100dvh - 104px)}
}
@media(max-width:360px){.contact-access .wrap{grid-template-columns:1fr}.contact-access .store-whatsapp{min-height:60px}.nav a{font-size:11px;padding-inline:6px}}