/* The Zayish circle. Shared account icon and dedicated forms. */
.account-link{display:inline-grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;color:#94703a;border:1px solid transparent;cursor:pointer;touch-action:manipulation;transform:none;transition:background-color .2s,border-color .2s,color .2s}.account-link svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.shop-header-actions{display:flex;align-items:center;gap:12px}
.auth-store{background:radial-gradient(ellipse at top right,#e4ce9d30,transparent 55%),#fbf8f1}.auth-store .shop-main{max-width:1260px;padding:50px 40px 70px}.auth-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);border:1px solid #dcc49a;border-radius:25px;overflow:hidden;box-shadow:0 15px 50px #76511b0c;background:#fffdf7;min-height:650px}.auth-art{position:relative;isolation:isolate;overflow:hidden;background:#241c13}.auth-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.63}.auth-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#22180ef2,transparent 90%);z-index:0}.auth-art-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:48px 36px;height:100%;box-sizing:border-box;min-height:650px}.auth-art .eyebrow{font-size:9px;letter-spacing:2.5px;color:#e6c688;margin:0 0 24px}.auth-art h1{font-size:clamp(45px,4.8vw,65px);color:#f8efda;line-height:1.05;letter-spacing:-1px;margin:0 0 25px}.auth-art h1 em{color:#e2be78}.auth-art-copy>p:not(.eyebrow){font-size:13px;color:#c2ac84;line-height:1.9}.auth-art-copy>span{font-size:38px;color:#cfaa65;margin-top:20px}.auth-card{padding:35px 45px 38px;min-width:0}.auth-tabs{display:flex;gap:5px;background:#f4ecdc;padding:5px;border-radius:30px;margin-bottom:32px;border:1px solid #e8d8b8}.auth-tabs a{flex:1;text-align:center;font-size:12px;line-height:1.6;padding:9px 7px;border-radius:25px;color:#9e845b;transition:background .25s,color .25s}.auth-tabs [aria-current=page]{background:#fffdf6;color:#886028;box-shadow:0 2px 8px #80591c10}.auth-card>.eyebrow{font-size:9px;letter-spacing:2px;color:#b18b4c;margin:0 0 13px}.auth-card h2{font-size:clamp(33px,3.2vw,45px);line-height:1.1;letter-spacing:-.6px;margin:0 0 14px;color:#604827}.auth-card h2 em{color:#ad8137}.auth-subtitle{font-size:12px;line-height:1.8;color:#a08b68;margin:0 0 24px}.auth-socials{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-social{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:10px 8px;border:1px solid #dfcaa4;border-radius:11px;background:#fcf8ee;font-size:11px;color:#897048;cursor:pointer}.auth-social:disabled{opacity:.58;cursor:not-allowed}.provider-mark{font:bold 19px Arial;display:inline-grid;place-items:center;width:22px;height:22px}.provider-mark.google{color:#9b7337}.provider-mark.facebook{color:#4267a0;font-size:23px}.auth-social-status{font-size:10px;line-height:1.7;color:#ab9879;margin:11px 0 0}.auth-divider{display:flex;align-items:center;gap:13px;margin:24px 0;color:#b59e77;font-size:10px}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:#e9dcc3}.auth-form>label:not(.auth-consent){display:block;font-size:12px;color:#8d7045;margin:18px 0 9px}.auth-form>input:not([type=hidden]),.auth-password input{display:block;width:100%;min-width:0;height:46px;border:1px solid #dfc9a1;border-radius:11px;background:#fcf8ee;color:#76582f;padding:12px 14px;font:13px var(--sans);box-sizing:border-box;transition:border-color .25s,box-shadow .25s}.auth-form input:focus-visible{outline:none;border-color:#ad823b;box-shadow:0 0 0 3px #d9bc7e30}.auth-password{position:relative}.auth-password input{padding-right:65px}.auth-password>button{position:absolute;right:9px;top:8px;min-height:30px;padding:5px 9px;background:#f2e6cc;border:0;border-radius:20px;color:#a07a3b;font-size:10px;cursor:pointer}.auth-hint{font-size:10px;color:#b29c79;line-height:1.7;margin:10px 0}.auth-consent{display:flex;align-items:flex-start;gap:9px;margin:20px 0;font-size:11px;color:#a18a63;line-height:1.8}.auth-consent input{accent-color:#ad8137;flex-shrink:0;margin-top:4px;width:15px;height:15px}.auth-submit{width:100%;justify-content:space-between;margin-top:24px;min-height:48px;font-size:12px}.auth-error{font-size:12px;line-height:1.8;color:#a24f32;background:#fff0e5;border:1px solid #edcbb4;padding:12px 14px;border-radius:11px;margin:0 0 18px}.auth-switch{font-size:11px;color:#aa9270;text-align:center;margin:22px 0 18px}.auth-switch a{color:#916724;border-bottom:1px solid #d8bc87;margin-left:4px}.auth-back{display:block;text-align:center;font-size:11px;color:#b19a73}.account-home{max-width:760px;padding:45px;margin:10px auto;border:1px solid #dfc79d;border-radius:22px;background:linear-gradient(140deg,#fffdf7,#f4e8ce)}.account-home>.eyebrow{font-size:10px;color:#af894a;letter-spacing:2px}.account-home h1{font-size:clamp(38px,4vw,56px);margin:24px 0 18px;line-height:1.2;overflow-wrap:anywhere}.account-home h1 em{color:#a7792c}.account-home>p{color:#a68e68;font-size:13px;line-height:1.8}.account-details{display:flex;align-items:center;gap:18px;padding:23px 0;margin:24px 0;border-block:1px solid #e2cc9f;min-width:0}.account-monogram{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border-radius:50%;background:#e9d29f;color:#8a632c;font:30px var(--serif)}.account-details h2{font-size:25px;margin:0 0 6px}.account-details p{font-size:12px;color:#a58c63;overflow-wrap:anywhere}.account-actions{display:flex;gap:14px;flex-wrap:wrap}.account-actions .button{font-size:11px}.account-home form{margin-top:24px}.account-home form button{background:none;font-size:12px}
@media(hover:hover) and (pointer:fine){.account-link:hover{background:#f1e4c7;border-color:#d8bd88}.auth-tabs a:hover{color:#816028;background:#fff9ed}.auth-social:not(:disabled):hover{background:#f1e3c5;border-color:#c2a064}}
@media(max-width:1000px){.auth-card{padding:30px}.auth-art-copy{padding:35px 27px}.auth-socials{grid-template-columns:1fr}.header-actions{gap:5px}.account-link{width:34px}}
@media(max-width:760px){.account-link{width:29px;height:34px}.account-link svg{width:20px;height:20px}.shop-header-actions{gap:4px}.auth-store .shop-main{padding:28px 5% 45px}.auth-shell{grid-template-columns:1fr;border-radius:18px;min-height:0}.auth-art{display:none}.auth-card{padding:25px 22px}.auth-card h2{font-size:39px}.auth-socials{grid-template-columns:1fr 1fr;gap:8px}.auth-social{font-size:10px;gap:5px}.auth-tabs{margin-bottom:27px}.auth-tabs a{font-size:11px}.account-home{padding:27px 23px}.account-actions{flex-direction:column}.account-actions .button{width:100%}.header .brand>span{letter-spacing:2px}}
@media(max-width:390px){.header-actions{gap:1px}.header-actions .bag-link{padding-inline:8px}.header-actions .icon-button{width:30px}.header-actions #saved-toggle{width:32px}.header .brand>span{font-size:17px;letter-spacing:1.5px}}
.auth-forgot{display:block;width:fit-content;margin:14px 0 0 auto;font-size:11px;color:#a47a34;border-bottom:1px solid #d9bd87;padding-bottom:4px}.recovery-shell{max-width:1020px;margin:auto}.recovery-shell .auth-card{display:flex;flex-direction:column;justify-content:center}.recovery-shell .auth-art-copy{min-height:560px}.auth-success{font-size:13px;line-height:1.9;color:#7c8051;background:#f5f1df;border:1px solid #d7c99e;border-radius:12px;padding:18px;margin:18px 0}.auth-form input:-webkit-autofill{-webkit-text-fill-color:#76582f;box-shadow:0 0 0 1000px #fcf8ee inset}
@media(max-width:760px){.recovery-shell .auth-card{padding:30px 23px}}
#auth-modal{position:fixed;width:min(850px,calc(100% - 36px));max-width:850px;max-height:calc(100dvh - 40px);padding:0;border:1px solid #d7bd8d;border-radius:23px;background:#fffdf7;box-shadow:0 25px 90px #25180e55;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c2a16a #fff9ee;color:#76582f}
#auth-modal::backdrop{background:#261d13a8;backdrop-filter:blur(3px)}
#auth-modal[open]{animation:auth-modal-enter .24s ease-out}
#auth-modal .auth-shell{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);min-height:0;border:0;border-radius:0;box-shadow:none}
#auth-modal .auth-art-copy{min-height:100%;padding:35px 25px}
#auth-modal .auth-art h1{font-size:46px}
#auth-modal .auth-card{padding:30px 32px}
#auth-modal .auth-tabs{margin:0 22px 25px 0}
#auth-modal .auth-card h2{font-size:37px}
#auth-modal .auth-socials{grid-template-columns:1fr 1fr}
#auth-modal .auth-social{font-size:10px;gap:4px}
#auth-modal .auth-subtitle{margin-bottom:16px}
#auth-modal .auth-divider{margin:17px 0}
#auth-modal .auth-form>label:not(.auth-consent){margin-top:14px}
#auth-modal .auth-switch{margin:18px 0 13px}
.auth-modal-close{position:absolute;right:10px;top:10px;z-index:5;display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid #d9c298;border-radius:50%;background:#fffaf0;color:#916b31;font-size:23px;line-height:1;cursor:pointer;transition:background .2s}
.auth-modal-close:hover{background:#f1e2c4}
.auth-modal-loading{padding:65px 30px;text-align:center;font-size:14px;color:#9a7841}
.auth-modal-content[aria-busy=true]{cursor:progress}
@keyframes auth-modal-enter{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){#auth-modal{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:18px}#auth-modal .auth-shell{grid-template-columns:1fr}#auth-modal .auth-art{display:none}#auth-modal .auth-card{padding:32px 23px 25px}#auth-modal .auth-card h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){#auth-modal[open]{animation:none}}
/* Keep the shell steady while loading, switching tabs and validating forms. */
#auth-modal{height:min(740px,calc(100dvh - 40px));overflow:hidden}
#auth-modal .auth-modal-content{height:100%;min-height:0;overflow:hidden}
#auth-modal .auth-shell{height:100%;min-height:0;overflow:hidden;align-items:stretch}
#auth-modal .auth-card{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c2a16a #fff9ee;scrollbar-gutter:stable}
#auth-modal .auth-art-copy{height:100%;min-height:0}
#auth-modal .auth-modal-loading{height:100%;margin:0;display:grid;place-content:center;gap:18px;padding:35px}
.auth-modal-loading:before{content:'';display:block;justify-self:center;width:35px;height:35px;border:2px solid #dec99f;border-top-color:#997039;border-radius:50%;animation:auth-loading-spin .85s linear infinite}
@keyframes auth-loading-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){#auth-modal{height:min(740px,calc(100dvh - 24px))}}
@media(prefers-reduced-motion:reduce){.auth-modal-loading:before{animation:none}}

.account-link:focus-visible{outline:2px solid #b38b45;outline-offset:3px;background:#f1e4c7}.account-link:active{background:#e9d7b2;border-color:#c5a165}@media(prefers-reduced-motion:reduce){.account-link{transition:none}}
/* Animate the artwork inside a stationary hit area to avoid hover-edge flicker. */
.account-link svg{transform:translateY(0);transition:transform .24s cubic-bezier(.2,.7,.3,1)}
@media(hover:hover) and (pointer:fine){.account-link:hover svg{transform:translateY(-2px)}.account-link:active svg{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.account-link svg,.account-link:hover svg,.account-link:active svg{transform:none;transition:none}}
