.account-actions{display:flex;align-items:center;gap:8px}
.account-button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 15px;border:1px solid #c69a58;border-radius:9px;background:#081b2be6;color:#ffe4b3;font:700 12px/1.25 Georgia,serif;white-space:nowrap;cursor:pointer}
.account-button:hover{background:#163a4c;color:#fff2d6}
.account-button-primary{background:linear-gradient(135deg,#efce8b,#c78b46);color:#102232}
.account-button-primary:hover{background:#ffe0a2;color:#102232}
.account-button:focus-visible,.account-notice a:focus-visible,.account-notice-close:focus-visible{outline:2px solid #86dedb;outline-offset:4px}
.footer-account{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-top:1px solid #b58c5940}
.footer-account>span{color:#c7d7da;font:700 15px/1.4 Georgia,serif}
.account-notice{position:fixed;max-width:520px;width:calc(100% - 32px);max-height:calc(100svh - 40px);margin:auto;padding:38px;border:1px solid #d2a462;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#21525f70,transparent 65%),#091b2b;color:#fff0cf;box-shadow:0 25px 90px #0009;overflow:auto}
.account-notice::backdrop{background:#010810c9;backdrop-filter:blur(6px)}
.account-notice-close{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #c49a5b66;border-radius:50%;background:#091a29;color:#ffe5b6;font:25px/1 Arial,sans-serif}
.account-notice-eyebrow{margin:0 35px 17px 0;color:#8ce5dd;font:700 10px/1.6 Arial,sans-serif;letter-spacing:.14em}
.account-notice h2{margin:0 0 18px;color:#fff0cf;font:700 36px/1.1 Georgia,serif;letter-spacing:-.03em}
#account-notice-message,#shop-notice-message{margin:0;color:#d5e1e1;font:16px/1.65 Arial,sans-serif}
.account-notice-note{margin:15px 0 0;color:#9fbac5;font:13px/1.6 Arial,sans-serif}
.account-notice-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:26px}
.account-notice-actions .account-button{min-width:108px}
.account-notice-actions a{padding:12px 0;color:#f0ce8b;font:700 13px/1.5 Georgia,serif}
@media(max-width:990px){
  .masthead .header-account-actions{display:none}
  .masthead .mobile-nav .account-button{min-height:50px;font-size:12px;text-transform:uppercase}
}
@media(max-width:480px){
  .account-notice{padding:32px 24px}
  .account-notice h2{font-size:30px}
  .account-notice-actions{gap:18px}
  .footer-account{flex-wrap:wrap}
}