.shopControl{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid #dfe5e9;border-radius:18px;padding:18px 20px;margin-bottom:20px;color:#24333d}
.shopControl strong{display:block;font-size:18px;line-height:1.5}
.shopControl p{margin:3px 0 0;font-size:13px;color:#657481}
.shopControl strong:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:#96a0a8;margin-right:8px}
.shopControl[data-open="true"] strong:before{background:#23946e}
.shopControl[data-open="false"] strong:before{background:#de8662}
.shopControl button{font:inherit;font-size:14px;font-weight:700;padding:12px 18px;min-height:44px;border-radius:12px;border:1px solid #d8e0e5;cursor:pointer;background:#f3f5f7;color:#384b56}
.shopControl[data-open="false"] button{background:#17694f;color:#fff;border-color:#17694f}
.shopControl button:disabled{opacity:.5;cursor:wait}
.shopClosedNotice{flex:0 0 auto;margin:0;padding:12px 18px;background:#fff1e9;color:#704534;text-align:center;border-bottom:1px solid #efdace;font-size:14px;line-height:1.45}
.shopClosedNotice strong{display:block;font-weight:800;font-size:1.1em}
.shopClosedNotice[hidden]{display:none}
@media(max-width:480px){.shopControl{padding:15px;gap:12px}.shopControl p{font-size:12px}.shopControl button{padding:11px 13px}.shopClosedNotice{font-size:12px}}
.shopHeading{display:flex;align-items:center;gap:24px;min-width:0}
.shopHeading h1{margin:0}
.shopHeading .shopControl{padding:0;margin:0;border:0;border-radius:0;background:transparent;flex:0 0 auto}
.shopHeading .shopControl button{display:flex;align-items:center;gap:9px;padding:0;min-height:44px;border:0;background:transparent;color:#657481}
.shopHeading .shopControl strong{font-size:15px;white-space:nowrap;font-weight:700;line-height:1.3}
.shopHeading .shopControl strong:before{display:none}
.shopSwitchTrack{display:block;position:relative;width:48px;height:28px;border-radius:20px;background:#b2bdc4;transition:background .2s;flex:0 0 auto}
.shopSwitchTrack:after{content:'';position:absolute;left:3px;top:3px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0002;transition:transform .2s}
.shopHeading .shopControl[data-open="true"] .shopSwitchTrack{background:#238365}
.shopHeading .shopControl[data-open="true"] .shopSwitchTrack:after{transform:translateX(20px)}
.shopHeading .shopControl[data-open="true"] button{color:#17694f}
.shopHeading .shopControl button:focus-visible{outline:2px solid #238365;outline-offset:4px;border-radius:8px}
@media(max-width:480px){.shopHeading{gap:12px}.shopHeading .shopControl button{gap:5px}.shopHeading .shopControl strong{font-size:14px}.ui-admin header #saveBtn{font-size:12px;padding:12px}.ui-admin header{gap:8px}}
@media(prefers-reduced-motion:reduce){.shopSwitchTrack,.shopSwitchTrack:after{transition:none}}

.shopIsClosed #grid .card{filter:grayscale(1);opacity:.46;pointer-events:none;cursor:default}
.shopIsClosed #grid .badge.tag::after{animation:none}
.shopHeading{gap:36px}
.shopHeading .shopControl .shopSwitchTrack{width:96px;height:42px;border:2px solid var(--admin-accent,#202d37);background:var(--admin-surface,#fff)!important;border-radius:25px;color:var(--admin-accent,#202d37)}
.shopHeading .shopControl .shopSwitchTrack:after{left:4px;top:4px;width:30px;height:30px;background:var(--admin-accent,#202d37)!important;box-shadow:none}
.shopHeading .shopControl[data-open="true"] .shopSwitchTrack:after{transform:translateX(54px)}
.shopHeading .shopControl .shopSwitchTrack strong{position:absolute;inset:0 0 0 33px;display:flex;align-items:center;justify-content:center;font:700 12px/1 Arial,sans-serif;letter-spacing:.2px;color:var(--admin-accent,#202d37)}
.shopHeading .shopControl[data-open="true"] .shopSwitchTrack strong{inset:0 33px 0 0}
@media(max-width:480px){.shopHeading{gap:24px}.shopHeading .shopControl .shopSwitchTrack strong{font-size:12px}}
#shopHeaderSwitch button{background:transparent!important;border:0!important;opacity:1}
#shopHeaderSwitch .shopSwitchTrack{box-sizing:border-box;width:96px;height:42px;border:2px solid #b3b3b3!important;border-radius:7px;background:#fff!important;box-shadow:none!important;opacity:1}
#shopHeaderSwitch[data-open="true"] .shopSwitchTrack{background:#fff!important}
#shopHeaderSwitch .shopSwitchTrack:after{left:4px;top:4px;width:30px;height:30px;border-radius:3px;background:#b3b3b3!important;box-shadow:none;opacity:1;transform:translateX(0)}
#shopHeaderSwitch[data-open="true"] .shopSwitchTrack:after{transform:translateX(54px);background:var(--admin-accent,#202d37)!important}
#shopHeaderSwitch .shopSwitchTrack strong{inset:0 0 0 37px;font:700 14px/1 Arial,sans-serif;letter-spacing:.3px;color:#858585!important;visibility:visible}
#shopHeaderSwitch[data-open="true"] .shopSwitchTrack strong{inset:0 37px 0 0;color:#858585!important}
#shopHeaderSwitch button:focus-visible{outline:2px solid var(--admin-accent,#202d37);outline-offset:4px;border-radius:0}
#shopHeaderSwitch button:disabled{cursor:wait}
/* Dashboard heading action, replacing the manual refresh button. */
.ui-admin #shopHeaderSwitch{margin:0;padding:0;border:0;background:transparent;flex:0 0 auto;align-self:center}
#shopHeaderSwitch button{display:flex;align-items:center;padding:0;min-height:44px;cursor:pointer}
#shopHeaderSwitch .shopSwitchTrack strong{position:absolute;display:flex;align-items:center;justify-content:center;line-height:1;margin:0}
#shopHeaderSwitch .shopSwitchTrack strong:before{display:none}
.ui-admin #p5 .dashHeading{flex-direction:row;align-items:center;gap:18px}
.ui-admin #p5 .dashHeading>div{min-width:0}
@media(max-width:480px){.ui-admin #p5 .dashHeading{gap:12px}.ui-admin #p5 .dashHeading h2{font-size:23px}.ui-admin #p5 .dashHeading p{font-size:12px}}