/* "WELCOME BACK" is a longer word than "TRACK"/"SIGN IN"/etc. that share this same wordmark
   style elsewhere — at the same font-size it was overflowing past the edge of the screen on
   mobile. Scoped to just this page's hero so About/Track Order (which fit fine already) are
   untouched. */
.acc-hero .ap-wordmark{font-size:clamp(46px,15vw,108px)}

/* "WELCOME BACK" is long enough to clip against the mobile hero's overflow:hidden edge at the
   shared .ap-wordmark size (built for shorter words like "SIGN IN" / "TRACK ORDER") — sized
   down specifically here rather than shrinking the wordmark on every other page. */
.acc-hero .ap-wordmark{font-size:clamp(40px,14vw,88px)}
/* Same "pull the hero up on mobile" treatment as About/Track Order — drop the small eyebrow
   tag and let the big wordmark sit close to the top instead of floating mid-screen. Now that
   the "Log in with your phone or email" tagline is also hidden on mobile (below "WELCOME
   BACK"/"SIGN IN" only needs one line), cut the hero's min-height and bottom padding too so
   the black box doesn't leave empty space above the login form. Desktop keeps the eyebrow,
   tagline, and taller hero. */
.acc-hero{min-height:20vh;padding-bottom:18px}
.acc-hero .ap-hero-top{display:none}
@media (min-width:1024px){
  .acc-hero{min-height:58vh;padding-bottom:40px}
  .acc-hero .ap-hero-top{display:flex}
}

.acc-tabs{display:flex;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--bd);margin-bottom:22px}
.acc-tabs::-webkit-scrollbar{display:none}
.acc-tab{flex-shrink:0;padding:12px 18px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-family:var(--sans);color:var(--gr);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent}
.acc-tab.on{color:var(--k);border-bottom-color:var(--k)}
.acc-panel{display:none}
.acc-panel.on{display:block}
.acc-field{margin-bottom:16px}
.acc-label{display:block;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gr);margin-bottom:6px;font-family:var(--sans)}
.acc-input{width:100%;box-sizing:border-box;border:1.5px solid var(--bd);border-radius:6px;padding:13px 14px;font-size:13px;font-family:var(--sans);background:var(--wh);color:var(--k)}
.acc-input:read-only{background:var(--cr);color:var(--gr)}
.acc-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.acc-btn{width:100%;background:var(--k);color:#fff;border:none;font-family:var(--sans);font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:14px;border-radius:6px;cursor:pointer;margin-top:4px}
.acc-btn:disabled{opacity:.6}
.acc-msg{font-size:11px;font-weight:600;margin-top:10px;font-family:var(--sans)}
.acc-logout{display:inline-block;margin-top:18px;font-size:11px;color:var(--gr);text-decoration:underline;cursor:pointer}
.acc-field-view{margin-bottom:18px}
.acc-vlabel{display:flex;align-items:center;justify-content:space-between;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gr);margin-bottom:6px;font-family:var(--sans)}
.acc-vval{font-size:13.5px;color:var(--k);line-height:1.5}
.acc-vval-empty{color:var(--gr);font-size:12.5px}
.acc-edit-link{font-size:10px;font-weight:700;color:var(--k);text-decoration:underline;cursor:pointer;text-transform:none;letter-spacing:0}
.acc-empty{color:var(--gr);font-size:12.5px;padding:20px 0}
.acc-wish-sec{margin:36px -18px 0}
/* The spotlight/videos/ticker rows are designed to span the full page width and share the
   page's own background — nested inside My Account's padded, cream-colored .tr-wrap they were
   both constrained (not stretching to the edges) and mismatched (the reels row's own white
   background showing against the cream around it). Breaking them out to full viewport width
   and matching the background fixes both at once. */
.acc-wish-sec .sp-spotlight,
.acc-wish-sec .sp-reels-sec,
.acc-wish-sec .sp-livebar{
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  width:100vw;
  box-sizing:border-box;
}
.acc-wish-sec .sp-reels-sec{background:var(--cr)}
.acc-wish-hd{padding:0 14px 12px}
.acc-wish-title{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--k)}

@media (min-width:1024px){
  .acc-row{grid-template-columns:1fr 1fr 1fr}
  .tr-orders{grid-template-columns:repeat(2,1fr);display:grid}
}