.account-body { background: #252d14; }
.account-body .inner-header,
.account-body .inner-header.is-dark,
.account-body .inner-header.is-scrolled,
.account-body .inner-header.is-dark.is-scrolled {
  color:#0a2018;
  background:rgba(246,243,237,.92);
  border-color:rgba(10,32,24,.14);
  backdrop-filter:blur(18px);
}
.account-body .inner-header .inner-brand__black { opacity:1; }
.account-body .inner-header .inner-brand__gold { opacity:0; }
.account-body .inner-header.is-dark .inner-cart__count { color:#f6f3ed; background:#0a2018; }
.account-main { min-height: 100svh; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(460px, .96fr); }
.account-atmosphere { position: relative; min-height: 100svh; display: flex; align-items: flex-end; padding: calc(var(--gaf-header-h) + 70px) clamp(32px, 6vw, 90px) clamp(55px, 7vw, 92px); overflow: hidden; color: white; background: #252d14; isolation: isolate; }
.account-grid { position: absolute; z-index: -3; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.38) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.38) 1px,transparent 1px); background-size: 76px 76px; transform: perspective(760px) rotateX(58deg) scale(1.45) translateY(16%); animation: accountGrid 25s linear infinite; }
.account-atmosphere::before { content:""; position:absolute; z-index:-2; top:8%; right:-16%; width:min(70vw,820px); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(177,181,83,.31),rgba(221,174,74,.07) 42%,transparent 68%); filter:blur(10px); }
.account-orbit { position:absolute; z-index:-1; border:1px solid rgba(177,181,83,.34); border-radius:50%; animation:accountOrbit 26s linear infinite; }
.account-orbit::after { content:""; position:absolute; top:50%; left:-4px; width:8px; height:8px; border-radius:50%; background:#b1b553; box-shadow:0 0 22px rgba(177,181,83,.9); }
.account-orbit--one { top:12%; right:-10%; width:min(58vw,670px); aspect-ratio:1; }
.account-orbit--two { top:31%; right:10%; width:min(35vw,390px); aspect-ratio:1; border-style:dashed; animation-duration:18s; animation-direction:reverse; }
.account-atmosphere__inner { width:100%; position:relative; z-index:1; }
.account-code { margin:0 0 28px; color:#b1b553; font-size:9px; letter-spacing:.16em; }
.account-atmosphere h1 { margin:0; font-size:clamp(92px,13vw,210px); font-weight:400; line-height:.78; letter-spacing:-.095em; }
.account-atmosphere h1 em { color:#b1b553; font-style:normal; }
.account-atmosphere__inner > p:not(.account-code) { max-width:430px; margin:40px 0 48px; color:rgba(255,255,255,.65); font-size:15px; line-height:1.6; }
.account-atmosphere__meta { display:flex; justify-content:space-between; gap:22px; padding-top:17px; border-top:1px solid rgba(255,255,255,.17); font-size:8px; letter-spacing:.14em; opacity:.58; }

.account-panel { position:relative; min-height:100svh; display:flex; align-items:center; padding:calc(var(--gaf-header-h) + 55px) clamp(34px,6vw,90px) 70px; overflow:hidden; color:#0a2018; background:#f6f3ed; }
.account-panel::after { content:"01"; position:absolute; right:-.05em; bottom:-.18em; color:rgba(10,32,24,.035); font-size:min(28vw,340px); font-weight:600; line-height:1; letter-spacing:-.1em; pointer-events:none; }
.account-loading, .account-guest, .account-member { position:relative; z-index:1; width:min(100%,560px); margin:auto; }
.account-loading { display:flex; align-items:center; gap:15px; color:rgba(10,32,24,.6); font-size:12px; }
.account-loading span { width:14px; height:14px; border:1px solid rgba(10,32,24,.25); border-top-color:#616723; border-radius:50%; animation:accountOrbit .8s linear infinite; }
.account-panel__head > p, .account-member__head > div > p { margin:0 0 18px; color:#616723; font-size:9px; letter-spacing:.15em; text-transform:uppercase; }
.account-panel h2 { margin:0; font-size:clamp(58px,6vw,90px); font-weight:400; line-height:.84; letter-spacing:-.075em; }
.account-order-intro { margin:24px 0 0; padding:16px 18px; color:rgba(10,32,24,.66); border:1px solid rgba(97,103,35,.25); background:rgba(177,181,83,.09); font-size:12px; line-height:1.55; }
.account-order-intro strong { display:block; margin-bottom:3px; color:#616723; font-size:9px; letter-spacing:.11em; text-transform:uppercase; }
.account-tabs { display:grid; grid-template-columns:1fr 1fr; margin:45px 0 34px; border-bottom:1px solid rgba(10,32,24,.18); }
.account-tabs button { padding:0 0 14px; color:rgba(10,32,24,.46); border:0; border-bottom:2px solid transparent; background:transparent; font-size:11px; cursor:pointer; }
.account-tabs button[aria-selected="true"] { color:#0a2018; border-color:#616723; }
.account-form { display:grid; gap:22px; }
.account-form label { display:grid; gap:8px; }
.account-form label > span { color:#616723; font-size:8px; letter-spacing:.13em; text-transform:uppercase; }
.account-form input, .account-form select, .account-form textarea { width:100%; padding:13px 0; color:#0a2018; border:0; border-bottom:1px solid rgba(10,32,24,.32); border-radius:0; outline:0; background:transparent; font-family:inherit; font-size:16px; line-height:1.45; }
.account-form select { appearance:none; padding-right:28px; background-image:linear-gradient(45deg,transparent 50%,#616723 50%),linear-gradient(135deg,#616723 50%,transparent 50%); background-position:calc(100% - 12px) 50%,calc(100% - 7px) 50%; background-size:5px 5px,5px 5px; background-repeat:no-repeat; }
.account-form textarea { min-height:112px; resize:vertical; }
.account-form input:focus, .account-form select:focus, .account-form textarea:focus { border-color:#616723; box-shadow:0 1px 0 #616723; }
.account-form input[readonly] { color:rgba(10,32,24,.5); }
.account-form__hint { margin:-12px 0 0; color:rgba(10,32,24,.52); font-size:10px; }
.account-form .account-consent { grid-template-columns:20px 1fr; align-items:start; gap:12px; margin-top:3px; }
.account-form .account-consent input { width:18px; height:18px; margin:1px 0 0; padding:0; accent-color:#697027; box-shadow:none; }
.account-form .account-consent > span { color:rgba(10,32,24,.68); font-size:12px; line-height:1.5; letter-spacing:0; text-transform:none; }
.account-form .account-consent a { color:inherit; text-decoration:underline; text-decoration-color:rgba(10,32,24,.3); text-underline-offset:3px; }
.account-form .account-consent a:hover, .account-form .account-consent a:focus-visible { text-decoration-color:currentColor; }
.account-primary { position:relative; min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:7px; padding:0 22px; overflow:hidden; color:white; border:1px solid #0a2018; border-radius:999px; background:#0a2018; font-size:11px; cursor:pointer; }
.account-primary::before { content:""; position:absolute; inset:0; background:#b1b553; transform:translateY(102%); transition:transform .45s var(--gaf-ease); }
.account-primary > * { position:relative; z-index:1; }
.account-primary i { font-size:18px; font-style:normal; }
.account-primary:hover { color:#0a2018; }
.account-primary:hover::before { transform:none; }
.account-primary:disabled, .account-form.is-busy { opacity:.6; }
.account-primary--outline { color:#0a2018; background:transparent; }
.account-privacy { margin:28px 0 0; color:rgba(10,32,24,.48); font-size:10px; line-height:1.6; }
.account-message { position:absolute; z-index:3; right:clamp(34px,6vw,90px); bottom:28px; left:clamp(34px,6vw,90px); min-height:15px; margin:0; color:rgba(10,32,24,.62); font-size:10px; text-align:center; }
.account-message[data-kind="error"] { color:#8b382a; }
.account-message[data-kind="success"] { color:#52611f; }

.account-member__head { display:grid; grid-template-columns:74px 1fr; gap:24px; align-items:start; }
.account-member__head h2 { font-size:clamp(46px,5vw,72px); }
.account-member__head h2 span { color:#616723; }
.account-avatar { width:74px; height:74px; display:grid; place-items:center; border:1px solid rgba(10,32,24,.35); border-radius:50%; color:#616723; font-family:Georgia,"Times New Roman",serif; font-size:31px; }
.account-status { display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:10px; margin:35px 0; padding:14px 0; border-block:1px solid rgba(10,32,24,.14); }
.account-status > span { width:8px; height:8px; border-radius:50%; background:#b1b553; box-shadow:0 0 0 5px rgba(177,181,83,.14); }
.account-status p, .account-status small { margin:0; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.account-status small { opacity:.48; }
.account-form__title { display:flex; justify-content:space-between; gap:20px; margin-bottom:8px; }
.account-form__title span, .account-form__title p { margin:0; color:#616723; font-size:8px; letter-spacing:.13em; text-transform:uppercase; }
.account-member__actions { display:grid; grid-template-columns:1fr 1fr; margin-top:28px; border-top:1px solid rgba(10,32,24,.16); border-left:1px solid rgba(10,32,24,.16); }
.account-member__actions a, .account-member__actions button { min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 16px; color:inherit; border:0; border-right:1px solid rgba(10,32,24,.16); border-bottom:1px solid rgba(10,32,24,.16); background:transparent; font-size:10px; text-decoration:none; cursor:pointer; }
.account-member__actions > :nth-child(3) { grid-column:1 / -1; }
.account-member__actions i { min-width:27px; height:27px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-style:normal; }
.account-reviews { display:grid; gap:24px; margin-top:28px; padding-top:24px; border-top:1px solid rgba(10,32,24,.16); }
.account-reviews[hidden] { display:none; }
.account-reviews__head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.account-reviews__head span { color:#616723; font-size:8px; letter-spacing:.13em; text-transform:uppercase; }
.account-reviews__head h3 { margin:7px 0 0; font-size:28px; font-weight:400; letter-spacing:-.045em; }
.account-reviews__head button { width:34px; height:34px; display:grid; place-items:center; padding:0; color:#0a2018; border:1px solid rgba(10,32,24,.3); border-radius:50%; background:transparent; font-size:20px; cursor:pointer; }
.account-review-form { gap:17px; }
.account-review-form__hint { margin:-7px 0 0; color:rgba(10,32,24,.52); font-size:10px; line-height:1.55; }
.account-review-history { display:grid; gap:12px; padding-top:22px; border-top:1px solid rgba(10,32,24,.14); }
.account-review-list { display:grid; gap:9px; }
.account-review-card { display:grid; grid-template-columns:1fr auto; gap:6px 18px; padding:13px 15px; border:1px solid rgba(10,32,24,.14); background:rgba(255,255,255,.28); }
.account-review-card strong { font-size:12px; font-weight:500; }
.account-review-card span { color:#616723; font-size:10px; white-space:nowrap; }
.account-review-card p { grid-column:1 / -1; margin:0; color:rgba(10,32,24,.63); font-size:11px; line-height:1.5; }
.account-review-card small { grid-column:1 / -1; color:rgba(10,32,24,.45); font-size:9px; }
.account-review-card__edit { justify-self:start; grid-column:1 / -1; padding:3px 0; color:#616723; border:0; border-bottom:1px solid currentColor; background:transparent; font-size:9px; cursor:pointer; }
.account-review-empty { margin:0; padding:14px; color:rgba(10,32,24,.5); border:1px dashed rgba(10,32,24,.18); font-size:10px; line-height:1.5; text-align:center; }
.account-logout { margin-top:25px; padding:5px 0; color:rgba(10,32,24,.56); border:0; border-bottom:1px solid currentColor; background:transparent; font-size:9px; cursor:pointer; }

@keyframes accountGrid { to { background-position:76px 76px; } }
@keyframes accountOrbit { to { transform:rotate(1turn); } }

@media (max-width:980px) {
  .account-main { grid-template-columns:1fr; }
  .account-atmosphere { min-height:72svh; }
  .account-atmosphere h1 { font-size:clamp(92px,24vw,180px); }
  .account-panel { min-height:auto; padding-top:80px; }
}

@media (max-width:620px) {
  .account-atmosphere { min-height:680px; padding:calc(var(--gaf-header-h) + 45px) 18px 42px; }
  .account-atmosphere h1 { font-size:31vw; }
  .account-atmosphere__inner > p:not(.account-code) { margin:32px 0 40px; }
  .account-panel { padding:70px 18px 80px; }
  .account-panel h2 { font-size:58px; }
  .account-member__head { grid-template-columns:58px 1fr; gap:16px; }
  .account-avatar { width:58px; height:58px; font-size:24px; }
  .account-member__head h2 { font-size:42px; }
  .account-status { grid-template-columns:10px 1fr; }
  .account-status small { grid-column:2; }
  .account-member__actions { grid-template-columns:1fr; }
  .account-message { right:18px; left:18px; }
}

@media (prefers-reduced-motion:reduce) {
  .account-grid, .account-orbit, .account-loading span { animation:none; }
  .account-primary::before { transition:none; }
}

html[data-gaf-effects="lite"] .account-grid,
html[data-gaf-effects="lite"] .account-orbit,
html[data-gaf-effects="lite"] .account-loading span { animation:none; }