/* One brand system for the homepage, catalogue, account and cashier. */
:root{--ms-wine:#780615;--ms-deep:#360109;--ms-red:#b51e36;--ms-gold:#ffd22e;--ms-cream:#fff8ed;--ms-ink:#242130;--ms-muted:#756b71;--ms-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--ms-header:linear-gradient(115deg,#41030c,#8e1022 54%,#550611)}
body[data-ms-page]{font-family:var(--ms-font);-webkit-font-smoothing:antialiased}
body[data-ms-page] [hidden]{display:none!important}
.ms-header{position:relative;z-index:40;color:#fff;background:var(--ms-header);border-bottom:1px solid #efcb754d;box-shadow:0 8px 30px #31000836}
.ms-header::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ffcc35aa,#fff2c4aa,#ffcc35aa,transparent);pointer-events:none}
.ms-header nav{padding:0;margin:0;width:auto;max-width:none;min-height:0;border:0;box-shadow:none}
.ms-nav-wrap{box-sizing:border-box;max-width:1440px;padding:18px 24px 12px;margin:0 auto;min-height:90px;display:flex;align-items:center;gap:28px}
.ms-brand{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;text-decoration:none;filter:drop-shadow(0 4px 6px #21000755)}
.ms-brand img{display:block;object-fit:contain;max-width:none}.ms-brand .ms-brand-mark{width:60px;height:48px}.ms-brand .ms-brand-wordmark{width:148px;height:auto}
.ms-desktop-nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:9px;flex:1;min-width:0}
.ms-header .ms-nav-link{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 13px;border:1px solid #ffffff45;border-radius:12px;background:linear-gradient(145deg,#ffffff1a,#ffffff05);color:#fff8ee;text-decoration:none;font:700 13px/1.3 var(--ms-font);white-space:nowrap;box-shadow:inset 0 1px #ffffff17,0 3px 0 #2d020749;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.ms-header .ms-nav-link svg,.ms-mobile-actions svg{display:block;width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ms-header svg.ms-phone-icon{fill:currentColor;stroke:none}
.ms-header .ms-nav-link[aria-current=page]{color:#37030b;border-color:#ffe879;background:linear-gradient(145deg,#ffe875,#efbc28);box-shadow:inset 0 1px #fff9c5,0 4px 0 #24020655}
.ms-header .ms-call{background:#fff9ed;color:var(--ms-wine);border-color:#fff9ed;box-shadow:0 4px 0 #26010755}
.ms-header .ms-nav-link:hover{transform:translateY(-2px);background:#ffffff2c;box-shadow:0 5px 14px #21000533}.ms-header .ms-nav-link[aria-current=page]:hover{background:#ffdf5b}.ms-header .ms-call:hover{background:#ffeeb8}
.ms-header :is(a,summary):focus-visible{outline:3px solid var(--ms-gold);outline-offset:4px}
.ms-header-caption{box-sizing:border-box;max-width:1440px;margin:0 auto;padding:0 24px 12px;color:#f1c9cc;font:500 11px/1.4 var(--ms-font);letter-spacing:.03em}
.ms-mobile-actions{display:none;align-items:center;gap:9px;margin-left:auto}.ms-mobile-menu{position:relative}
.ms-mobile-call,.ms-menu-toggle{box-sizing:border-box;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff77;border-radius:11px;background:#ffffff12;color:#fff;box-shadow:0 3px 0 #2d02074d;text-decoration:none;cursor:pointer}
.ms-menu-toggle{list-style:none}.ms-menu-toggle::-webkit-details-marker{display:none}.ms-mobile-menu[open] .ms-menu-toggle{background:var(--ms-gold);color:var(--ms-deep)}
.ms-header .ms-mobile-panel{box-sizing:border-box;position:absolute;right:0;top:56px;z-index:50;display:flex;flex-direction:column;gap:8px;width:min(320px,calc(100vw - 32px));padding:12px;border:1px solid #e6b2b880;border-radius:16px;background:linear-gradient(145deg,#7b1122,#41050e);box-shadow:0 14px 32px #21000780;max-height:calc(100dvh - 130px);overflow-y:auto}
.ms-header .ms-mobile-panel .ms-nav-link{justify-content:flex-start;width:100%;white-space:normal;font-size:14px;min-height:46px;background:linear-gradient(145deg,#ffffff1a,#ffffff05);color:#fff8ee}.ms-header .ms-mobile-panel .ms-nav-link[aria-current=page]{color:#37030b;background:linear-gradient(145deg,#ffe875,#efbc28)}.ms-header .ms-mobile-panel .ms-nav-link:last-child{border-bottom:1px solid #ffffff45}
.ms-staff-meta{min-width:100px;text-align:right;color:#f9e4e6;font:500 11px/1.4 var(--ms-font)}.ms-staff-meta #clock{font-size:20px;font-weight:750;letter-spacing:.02em}
body[data-ms-page]:not([data-ms-page=home]){margin:0;color:var(--ms-ink);background:radial-gradient(ellipse at 100% 0,#e9c2a230,transparent 45%),var(--ms-cream);font-family:var(--ms-font);background-attachment:scroll}
body[data-ms-page=cabinet]::before{display:none}
body[data-ms-page=catalog] main.wrap,body[data-ms-page=staff] main.wrap{max-width:1440px;padding-top:34px}
body[data-ms-page=catalog] .hero{border:1px solid #a13e4b;border-radius:20px;background:radial-gradient(circle at 95% 0,#edbc5240,transparent 35%),linear-gradient(120deg,#49040e,#971629);color:#fff8ed;box-shadow:0 9px 24px #680b191c;padding:30px 32px}
body[data-ms-page=catalog] .hero h1{color:#fff9ed;line-height:1.1;font-size:clamp(30px,4.2vw,52px);letter-spacing:-.04em;text-shadow:0 3px 0 #26000655}
body[data-ms-page=catalog] .hero :is(p,.kicker){color:#ffdfad}
body[data-ms-page=catalog] .hero .button{background:#fff8ed;color:var(--ms-wine);border-color:#fff8ed}
body[data-ms-page] :is(input,select,textarea){accent-color:var(--ms-wine)}
body[data-ms-page] :is(input,select,textarea):focus-visible{outline:3px solid #c28a34;outline-offset:2px}
body[data-ms-page=catalog] .filters,body[data-ms-page=staff] .filters{padding:20px;background:#fff;border:1px solid #e4d4ce;border-radius:16px;box-shadow:0 5px 18px #59212209}
body[data-ms-page=catalog] .settings>section{border-color:#e4d4ce;border-radius:18px;background:#fff;box-shadow:0 6px 20px #5921220c}
body[data-ms-page=catalog] .market-card .card-media{background:#fff;box-shadow:0 4px 14px #4814200a;border:1px solid #eaded8}
body[data-ms-page=staff] .staff-card{border-color:#e4d4ce;box-shadow:0 5px 18px #59212209;border-radius:18px}
body[data-ms-page] .button,body[data-ms-page=catalog] button,body[data-ms-page=staff] button{border-radius:12px;font-family:var(--ms-font);transition:transform .18s ease,box-shadow .18s ease}
body[data-ms-page=catalog] :is(button,.button):not(.secondary),body[data-ms-page=staff] button:not(.secondary):not(.danger),body[data-ms-page=cabinet] .button.primary{background:linear-gradient(135deg,#b51e36,#780615);color:#fff;border-color:#780615}
body[data-ms-page=catalog] .button.secondary,body[data-ms-page=staff] .button.secondary{color:var(--ms-wine);background:#fff8ed;border-color:#d9b7b9}
body[data-ms-page=cabinet] main{width:min(1240px,calc(100% - 48px));padding-top:36px}
body[data-ms-page=cabinet] h1{color:var(--ms-wine);text-shadow:none;text-transform:none;font-size:clamp(32px,4vw,54px);line-height:1.1}
body[data-ms-page=cabinet] .eyebrow{color:#9e2033;font-family:var(--ms-font)}
body[data-ms-page=cabinet] .lead,body[data-ms-page=cabinet] .delivery-banner p{color:var(--ms-muted)}
body[data-ms-page=cabinet] :is(.card,.login,.empty){border:1px solid #e4d4ce;background:#fffdf8;border-radius:18px;box-shadow:0 7px 24px #5921220e;color:var(--ms-ink)}
body[data-ms-page=cabinet] .chip{color:var(--ms-wine);border:1px solid #e4d4ce;background:#fff;border-radius:12px;box-shadow:0 4px 12px #59212209}
body[data-ms-page=cabinet] .delivery-banner{background:#fff;border-color:#e4d4ce;color:var(--ms-ink)}
body[data-ms-page=cabinet] .button{color:var(--ms-wine);border:1px solid #d9b7b9;background:#fff8ed;box-shadow:0 3px 0 #d5b9b54d,0 5px 12px #5921220c}
body[data-ms-page=cabinet] .button.yellow{color:#421b08;border-color:#edbd4d;background:linear-gradient(145deg,#ffe875,#efbc28)}
body[data-ms-page=cabinet] .button:hover{transform:translateY(-2px);box-shadow:0 5px 16px #59212220}
body[data-ms-page=cabinet] .logout button{color:var(--ms-wine)}
body[data-ms-page=cashier] .top-meta{display:none}
body[data-ms-page] .install-panel{border-color:#e4d4ce!important;border-radius:16px!important;background:#fffdf8!important;box-shadow:0 5px 18px #59212209}
@media(min-width:1101px){.ms-mobile-actions{display:none!important}}
@media(max-width:1100px){.ms-desktop-nav{display:none}.ms-mobile-actions{display:flex}.ms-nav-wrap{gap:16px}.ms-staff-meta{margin-left:auto}}
@media(max-width:1100px){.ms-header[data-store-staff] .ms-nav-wrap{flex-wrap:wrap}.ms-header[data-store-staff] .ms-desktop-nav{display:flex;order:3;flex-basis:100%;justify-content:flex-start}.ms-header[data-store-staff] .ms-desktop-nav .ms-nav-link{font-size:12px}}
@media(max-width:720px){.ms-nav-wrap{padding:14px 16px;min-height:78px;gap:10px}.ms-brand{gap:8px}.ms-brand .ms-brand-mark{width:52px;height:44px}.ms-brand .ms-brand-wordmark{width:128px}.ms-header-caption{display:none}.ms-staff-meta{display:none}body[data-ms-page=catalog] .hero{padding:24px 20px;border-radius:16px}body[data-ms-page=catalog] .filters,body[data-ms-page=staff] .filters{padding:16px}body[data-ms-page=cabinet] main{width:calc(100% - 32px);padding-top:28px}body[data-ms-page=cabinet] .card{grid-template-columns:minmax(0,1fr)}body[data-ms-page=cabinet] .login h1{font-size:clamp(23px,7.3vw,38px)}}
@media(max-width:360px){.ms-nav-wrap{padding-inline:12px;gap:8px}.ms-brand{gap:6px}.ms-brand .ms-brand-mark{width:44px;height:40px}.ms-brand .ms-brand-wordmark{width:112px}.ms-mobile-actions{gap:7px}.ms-mobile-call,.ms-menu-toggle{width:40px;height:42px}}
@media(prefers-reduced-motion:reduce){.ms-header *{transition:none!important}body[data-ms-page] *,body[data-ms-page] *::before,body[data-ms-page] *::after{animation:none!important;scroll-behavior:auto!important}}
/* Account identity is private client-loaded data, never part of the public cached homepage. */
.ms-account-bar{display:flex;justify-content:flex-end;align-items:center;gap:16px;min-width:0}
.ms-account-link,.ms-cart-link{display:inline-flex;align-items:center;gap:8px;min-height:36px;color:#fff8ed;text-decoration:none;font:750 14px/1.4 var(--ms-font)}
.ms-account-link{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:36px}
.ms-cart-link{padding:6px 12px;border:1px solid #ffdd7e77;border-radius:12px;background:#ffffff15;box-sizing:border-box}
.ms-cart-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
.ms-cart-count{display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;color:#37030b;background:#ffd22e;font-size:12px;padding:0 3px}
.cart-add{margin-top:8px}.card-actions .cart-add{background:#fff8ed!important;color:#780615!important;border:1px solid #d9b7b9!important}
.cart-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100vw - 32px);box-sizing:border-box;padding:16px 22px;border:1px solid #d9b7b9;border-radius:14px;background:#fff8ed;color:#780615;box-shadow:0 12px 35px #36010933;font:700 15px/1.5 var(--ms-font)}.cart-toast a{margin-left:12px;color:#780615}
.account-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.account-tabs a{padding:10px 14px;border:1px solid #d9b7b9;border-radius:12px;color:#780615;text-decoration:none;background:#fff8ed;font-size:14px}
.order-group{border:1px solid #e4d4ce;border-radius:18px;padding:20px;background:#fff6e9}.order-group-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.order-group-head h2{margin:0}.order-group .card+.card{margin-top:20px}
@media(min-width:1101px){.ms-header:not([data-store-staff]) .ms-nav-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 24px}.ms-header:not([data-store-staff]) .ms-brand{grid-column:1;grid-row:1/3}.ms-header:not([data-store-staff]) .ms-desktop-nav{grid-column:2;grid-row:2}.ms-account-bar{grid-column:2;grid-row:1}.ms-header:not([data-store-staff]) .ms-nav-link{padding-inline:10px;font-size:12px}.ms-header:not([data-store-staff]) .ms-desktop-nav{gap:7px}}
@media(max-width:1100px){.ms-header:not([data-store-staff]) .ms-nav-wrap{flex-wrap:wrap}.ms-account-bar{order:3;flex:1 1 100%;justify-content:space-between}.ms-account-link{max-width:calc(100% - 128px)}.ms-header:not([data-store-staff]) .ms-mobile-actions{margin-left:auto}}
@media(max-width:400px){.ms-account-link,.ms-cart-link{font-size:13px}.ms-cart-link{padding:5px 9px}.order-group{padding:12px}}