/* Shared Design System: buttons, inputs, badges, navigation, modals/toasts. */
.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 20px;border:1px solid transparent;border-radius:10px;font-family:var(--font-body);font-size:14px;font-weight:600;line-height:24px;text-align:center;white-space:normal;transition:background .18s ease,color .18s ease,box-shadow .18s ease;max-width:100%;cursor:pointer}.ui-button--primary{background:var(--brand-blue);color:#fff;box-shadow:0 4px 10px rgba(37,99,235,.12)}.ui-button--primary:hover:not(:disabled){background:var(--brand-blue-hover)}.ui-button--outline{background:#fff;color:var(--brand-blue);border-color:var(--brand-blue)}.ui-button--outline:hover:not(:disabled){background:var(--color-primary-subtle)}.ui-button--pill{border-radius:999px;padding-inline:23px}.ui-button--sm{min-height:40px;padding:7px 16px;font-size:13px;line-height:22px}.ui-button .ui-icon{width:20px;height:20px;flex:0 0 20px}.ui-button .ui-icon--sm{width:16px;height:16px;flex-basis:16px}.ui-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border:0;background:transparent;color:var(--brand-navy);border-radius:10px}.ui-icon-button:hover{background:#eff4fb}.ui-icon-button .ui-icon{width:20px;height:20px}.ui-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:24px;padding:2px 10px;border-radius:6px;font:600 12px/16px var(--font-body);white-space:nowrap;width:max-content;max-width:100%}.ui-badge--info{background:#eaf2ff;color:#1d4ed8}.ui-badge--success{background:#e8f7ef;color:#147d54}.ui-badge--warning{background:#fff5d8;color:#946000}.ui-badge--danger{background:#fff0ee;color:#b42318}.ui-control{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding-inline:16px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#63738a}.ui-control:focus-within{border-color:var(--brand-blue);box-shadow:0 0 0 3px rgba(37,99,235,.13)}.ui-control input,.ui-control select{flex:1;min-width:0;width:100%;height:46px;border:0;background:transparent;color:var(--color-text);font-size:16px;line-height:24px;outline:0}.ui-control input::placeholder{color:#79879c}.ui-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.185em;line-height:1.55;color:var(--brand-blue);text-transform:uppercase}.ui-eyebrow--light{color:#73b0ff}.ui-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--brand-blue);font-size:13px;line-height:24px;font-weight:600}.ui-text-link:hover{text-decoration:underline}.ui-text-link .ui-icon{transition:transform .18s}.ui-text-link:hover .ui-icon{transform:translateX(3px)}.muted{color:var(--color-text-secondary)}
/* Shared chrome; scoped to template storefront but uses global design tokens. */
.preview-notice{display:flex;align-items:center;justify-content:center;gap:8px;background:#eaf2ff;color:#1b4b94;text-align:center;padding:6px 12px;font-size:11px;line-height:1.45;font-weight:600}.preview-notice .ui-icon{flex-shrink:0}.site-header{position:sticky;z-index:40;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid #edf0f6}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:70px}.site-brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;color:var(--brand-navy);font-family:var(--font-heading);font-weight:800;letter-spacing:-.035em}.site-brand__monogram{font-size:28px;line-height:1;letter-spacing:-.1em}.site-brand__monogram span{color:var(--brand-blue)}.site-brand__name{font-size:15px;letter-spacing:-.04em}.site-nav{display:flex;align-items:center;gap:34px}.site-nav a{font-size:13px;font-weight:500;color:#344159;white-space:nowrap}.site-nav a:hover{color:var(--brand-blue)}.site-header__actions{display:flex;align-items:center;gap:8px}.site-header__mobile{display:none}.site-header__login{min-width:84px}.cart-count{position:absolute;right:2px;top:1px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--brand-blue);font-size:10px;font-weight:700;color:#fff}.site-footer{background:#f7f9fc;border-top:1px solid #ecf0f5}.site-footer__inner{padding-block:54px;display:flex;justify-content:space-between;gap:40px}.site-footer p{font-size:13px;color:#67758b;margin-top:12px}.site-footer__links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.site-footer__links a{font-size:13px;color:#43546b}.site-footer__links a:hover{color:var(--brand-blue)}.site-footer__bottom{display:flex;justify-content:space-between;gap:20px;padding-block:20px;border-top:1px solid #e5ebf1;color:#62738a}
/* Functional frontend-only drawer: real checkout is intentionally disabled. */
.drawer-overlay{position:fixed;z-index:70;inset:0;background:rgba(7,16,32,.48)}.cart-drawer{position:fixed;z-index:71;top:0;right:0;bottom:0;width:min(100%,440px);background:#fff;box-shadow:-18px 0 50px rgba(8,19,35,.18);display:flex;flex-direction:column;transform:translateX(105%);visibility:hidden;transition:transform .25s ease,visibility .25s}.cart-drawer.is-open{transform:translateX(0);visibility:visible}.cart-drawer__header{padding:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}.cart-drawer__header h2{font-size:23px}.cart-drawer__demo{font:400 12px/1.3 var(--font-body);color:#738097}.cart-drawer__items{padding:24px;flex:1;overflow:auto}.cart-item{display:flex;align-items:start;justify-content:space-between;gap:15px;border-bottom:1px solid #ecf0f5;padding-block:14px}.cart-item:first-child{padding-top:0}.cart-item h3{font-size:14px;letter-spacing:-.01em}.cart-item small{display:block;color:#63738a;font-size:12px;margin-top:5px}.cart-item__remove{border:0;background:none;color:var(--color-danger);font-size:12px;text-decoration:underline;padding:4px 0}.cart-drawer__footer{padding:24px;border-top:1px solid var(--color-border)}.cart-drawer__footer .ui-button{width:100%;margin-top:18px}.cart-drawer__footer p{font-size:12px;color:#63738a;margin-top:14px}.cart-drawer__total{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:14px}.cart-drawer__total strong{font-size:20px}.ui-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:90;max-width:calc(100vw - 32px);min-width:min(320px,calc(100vw - 32px));padding:13px 18px;background:var(--brand-navy);color:#fff;border-radius:10px;box-shadow:0 12px 40px rgba(3,9,21,.22);text-align:center;font-size:13px}
@media(max-width:930px){.site-nav{gap:17px}.site-header__desktop{display:none}.site-header__mobile{display:flex}.site-nav{position:absolute;top:calc(100% + 1px);left:0;right:0;background:#fff;padding:20px 24px 26px;box-shadow:0 15px 25px rgba(20,40,70,.07);display:none;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{padding:13px 0;border-bottom:1px solid #edf0f6}}
@media(max-width:520px){.site-header__inner{height:62px}.site-header__actions{gap:2px}.site-brand__monogram{font-size:26px}.site-brand__name{font-size:13px}.preview-notice{font-size:10px;padding:5px 8px}.site-footer__inner{flex-direction:column;gap:24px;padding-block:36px}.site-footer__links{gap:12px 20px}.site-footer__bottom{flex-direction:column;gap:5px;font-size:12px;padding-block:16px}}