/* Shared, restrained typography for the storefront and administration. */
:root{--font-sans:Inter,Arial,Helvetica,sans-serif;--font-serif:var(--font-sans);--font-numeric:var(--font-sans)}
body,body *,body *::before,body *::after{font-family:var(--font-sans)!important;font-variant-numeric:tabular-nums}
body{font-style:normal}
button,input,select,textarea{font:inherit}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.025em;overflow-wrap:anywhere}
.header-top{display:none!important}
.site-header{height:auto}
.catalog-hero h1,.profile-page-heading h1{font-size:clamp(2rem,5vw,3.5rem)}
.catalog-intro{flex-wrap:wrap}
.points-information{padding:14px 18px;border:1px solid rgba(255,255,255,.4);border-radius:12px;background:rgba(255,255,255,.09);color:#fff!important;font-size:14px;line-height:1.6;letter-spacing:0}
.catalog-intro .points-information{flex:1 1 100%;max-width:none}
.opportunity-points-panel{margin:0 0 26px;padding:20px;border:1px solid var(--gold-dark);border-radius:16px;background:#fff;color:#202521;box-shadow:0 8px 24px #00000008}
.opportunity-points-panel p{margin:12px 0 0;font-size:14px;line-height:1.6}
.m2-balance-heading{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.m2-balance-heading strong{font-size:clamp(1.35rem,4vw,1.9rem);color:#182a24}
.m2-balance-heading small{display:block;font-size:12px;color:#48564e}
.m2-balance-track{height:16px;margin-top:14px;background:#e1e8e4;border:1px solid #a1b5a9;border-radius:20px;overflow:hidden}
.m2-balance-track>span{display:block;height:100%;background:#226747;border-radius:inherit;min-width:0}
.tier-celebration-logo{display:flex;align-items:center;justify-content:center;width:min(200px,100%);height:104px;padding:12px;margin:22px auto;background:#fff;border-radius:14px;overflow:visible}
.tier-celebration-logo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:none}
.tier-celebration-logo>span{font-size:32px;font-weight:700;letter-spacing:.1em;color:#222}
.tier-celebration-card{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto}
.tier-celebration-card h2{font-size:clamp(1.8rem,6vw,2.5rem)}
.country-phone-fields{display:grid;grid-template-columns:1fr;gap:10px;min-width:0}
.country-phone-fields select{width:100%;min-width:0;padding:12px;border:1px solid #d9d8d0;border-radius:10px;background:#fff;color:#222;min-height:46px}
.country-phone-fields input[type=search]{padding:10px 12px;width:100%;border:1px solid #d9d8d0;border-radius:10px}
.country-phone-fields .phone-number-input{padding-left:48px!important;padding-right:12px!important}
.notification-bulk-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.notification-bulk-actions form{margin:0}
.notification-bulk-actions button{white-space:normal}
.points-history{width:100%;border-collapse:collapse;font-size:13px}
.points-history th,.points-history td{padding:10px;text-align:left;border-bottom:1px solid #ddd;overflow-wrap:anywhere}
.points-history{table-layout:fixed}.points-history th:first-child{width:54%}.points-history-wrap{max-width:100%;overflow-x:auto}
.mobile-mill-dock-copy small{white-space:normal;text-overflow:clip;line-height:1.35;max-width:none}
@media(max-width:640px){.mobile-mill-dock{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.mobile-mill-dock-copy{grid-column:1/-1;display:flex;align-items:center;gap:12px}.mobile-mill-dock-copy strong{flex:none}.mobile-mill-dock-copy small{max-width:none;margin:0;font-size:11px}.mobile-mill-dock-progress{grid-column:1}.mobile-mill-dock-percent{grid-column:2}body.has-mill-dock{padding-bottom:96px}}
@media(max-width:640px){.opportunity-points-panel{padding:16px}.notification-bulk-actions{width:100%}.notification-bulk-actions form,.notification-bulk-actions button{width:100%}.profile-tier-name strong{font-size:16px}.profile-mill-head h2{font-size:22px}.tier-celebration-logo{height:90px;width:170px}.mobile-mill-dock-copy small{font-size:10px}.profile-page-heading h1{font-size:2rem}}