/* Opening hours share the store palette and expand in place. */
.store-hours-bar{padding:10px 5%;border-bottom:1px solid rgba(128,128,128,.18);font-size:12px;position:relative;z-index:5}
.store-hours summary{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;cursor:pointer;list-style:none;font-size:12px;line-height:1.5}
.store-hours summary::-webkit-details-marker{display:none}
.store-hours summary:focus-visible{outline:2px solid #3979ff;outline-offset:4px;border-radius:4px}
.store-hours summary b{font-weight:600}
.hours-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;flex:none}
.hours-dot.is-open{background:#20b875;box-shadow:0 0 0 3px #20b87515}
.hours-chevron{display:block;width:16px;height:16px;flex:0 0 16px;align-self:center;margin-left:2px;transition:transform .15s;transform-origin:center}
.store-hours[open] .hours-chevron{transform:rotate(180deg)}
.hours-panel{max-width:360px;padding:12px 0 4px;font-size:12px}
.hours-opening{min-width:0}.store-hours summary b{flex:none}
.hours-panel dl{margin:0 0 8px}
.hours-panel dl>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-top:1px solid rgba(128,128,128,.15)}
.hours-panel dt{min-width:100px}.hours-panel dd{margin:0;text-align:right}
.hours-panel small{display:block;opacity:.65;font-size:10px;line-height:1.5}
.hours-today{font-weight:700}
.co-hours{margin:0 0 10px;border:1px solid var(--co-ln,#e5e7eb);border-radius:10px;padding:10px 12px}
.site-footer .store-hours summary{font-size:12px}.site-footer .hours-panel{min-width:210px}
@media(max-width:600px){.store-hours-bar{padding:9px 20px}.store-hours summary{font-size:11px}.hours-panel{max-width:100%}}