@charset "utf-8";
/* =====================================================================
   CROWN TCG 로그인·가입·비번 찾기·마이페이지 · pages/account.css
   디자인 = 힉스필드 시안 A '로열 누아르'(검정 + 브러시드 골드) (design/DESIGN.md) — 주문서 시안(A_checkout_m)·상품 상세 시안의 부품·결 그대로:
   숯색 판 + 금빛 1px 테두리 · 판 제목 금색 세리프 + 아래 금빛 선 · 사진 칸 = 어두운 칸 + 금빛 조명 · 가격·숫자 = 금색 세리프
   · 주 단추 금색 그라데이션 + 검정 글자 · 보조 단추 금 테두리 · 입력칸 = --input-bg, 초점 금색 · 고른 것 = 금 테두리 + 금빛.
   빨강은 LIVE 칩·오류(--live · --danger)에만. 색은 토큰만.
   틀: .auth(로그인·가입·비번 찾기) · .my(마이페이지: PC 왼쪽 .my-side + 오른쪽 .my-main)
   ===================================================================== */
.auth,.my{--ac-line:var(--border-2);--ac-hair:var(--gold-line);--ac-tile:var(--line-2);--ac-tile-bg:var(--well);--ac-gold-txt:var(--gold-grad)}

/* 공용 부품(btn · input · select · cbox · chip · pill · note · empty · pager)은 app.css 그대로 — 여기선 마이 판 테두리·제목만 시안처럼 */
.my .panel{background:var(--surface);border:1px solid var(--ac-line);border-radius:var(--r-md);box-shadow:none}
.my .panel__head{align-items:flex-end;margin-bottom:14px;padding-bottom:6px;border-bottom:1px solid var(--ac-hair)}
.my .panel__t{font-size:19px;font-weight:700;color:var(--heading);background:var(--ac-gold-txt);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.my .panel__t .pill{-webkit-text-fill-color:currentColor}
.my .panel__ic{width:28px;height:28px;border-color:var(--gold-line);color:var(--gold);-webkit-text-fill-color:currentColor}
.my .panel__more,.my .panel__aside{padding-bottom:3px;color:var(--text-2)}
.my .panel__more:hover{color:var(--gold-hi)}
.my .empty__art{width:200px;height:auto;aspect-ratio:1}

/* 1. 로그인 · 가입 틀 ------------------------------------------------------ */
.auth{padding-top:20px;padding-bottom:32px}
.auth__box{display:flex;flex-direction:column;gap:14px}
.auth__main{display:flex;flex-direction:column;gap:16px;min-width:0}
/* 폰 머리: 가운데 세로 엠블럼 → 작은 금색 머리말 → 금색 세리프 제목 → 한 줄 설명 */
.auth__head{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center}
.auth__head::before{content:"";position:absolute;left:50%;top:-24px;z-index:-1;width:280px;height:220px;margin-left:-140px;pointer-events:none;
  background:radial-gradient(50% 50% at 50% 40%,rgba(243,210,122,.16),rgba(201,162,74,0) 70%)}
.auth__logo{display:block;margin-bottom:10px}
.auth__logo img{width:108px;height:auto}
.auth__k{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;letter-spacing:.02em;line-height:1.2;color:var(--gold-ink)}
.auth__k .ico{color:var(--gold)}
.auth__t{margin-top:8px;font-family:var(--serif);font-size:26px;font-weight:700;line-height:1.28;letter-spacing:-.03em;text-wrap:balance;
  color:var(--heading);background:var(--ac-gold-txt);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.auth__t em{color:inherit}
.auth__d{margin-top:8px;max-width:30em;font-size:13.5px;line-height:1.55;color:var(--text-2)}
/* 폼 판 = 숯색 + 금빛 테두리 */
.auth__card{padding:20px 16px 22px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--ac-line)}
.auth__form{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.auth__alert{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px;padding:12px 14px;border-radius:var(--r-sm);
  background:var(--danger-wash);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);font-size:14px;font-weight:600;line-height:1.45;color:var(--text)}
.auth__alert .ico{flex:none;margin-top:1px;color:var(--danger)}
.auth__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-8px}
.auth__hint{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-3)}
.auth__hint .ico{color:var(--gold)}
.auth__link{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:13px;font-weight:600;color:var(--text-2);
  text-decoration:underline;text-decoration-color:var(--gold-line);text-underline-offset:3px}
.auth__link:hover{color:var(--gold-hi);text-decoration-color:var(--gold)}
.auth__link--inline{justify-self:start;margin-top:-12px;min-height:36px;color:var(--gold-hi)}
.auth__foot{display:grid;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line-soft);text-align:center}
.auth__foot>p{font-size:13px;color:var(--text-2)}
.auth__foot--row{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}
.auth .field__label{font-size:13px}
.auth .btn--xl{margin-top:4px;font-family:var(--serif)}

/* 간편 로그인 (아직 준비 중) — 낮은 어두운 단추 2개를 한 줄에. 브랜드 색은 왼쪽 작은 마크에만 */
.social{margin-top:20px}
.social__t{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-3)}
.social__t::before,.social__t::after{content:"";flex:1;height:1px;background:var(--line-soft)}
.social__btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.sbtn{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:48px;padding:4px 10px;border-radius:var(--r-sm);
  border:1px solid var(--line-2);background:var(--ac-tile-bg);color:var(--text);font-size:13px;font-weight:600;letter-spacing:-.02em;text-align:left;
  transition:border-color var(--t-fast),background-color var(--t-fast)}
.sbtn:hover{border-color:var(--gold-line)}
.sbtn__mk{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:4px;font-size:12px;font-style:normal;font-weight:900;line-height:1}
.sbtn--kakao .sbtn__mk{background:var(--kakao);color:var(--kakao-ink)}
.sbtn--kakao .sbtn__mk .ico{fill:currentColor;stroke:none}
.sbtn--naver .sbtn__mk{background:var(--naver);color:var(--kakao-ink)}
.sbtn__t{min-width:0;line-height:1.3;white-space:nowrap}
.sbtn em{display:block;font-size:11.5px;font-style:normal;font-weight:500;color:var(--text-3)}

/* 브랜드 판의 약속 3개 (폰: 폼 아래 작은 칸 3개 / PC: 왼쪽 브랜드 판 안 목록) */
.auth__brand{min-width:0}
.auth__bg,.auth__emblem,.auth__slogan,.auth__rule{display:none}
.perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.perks li{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--gold-line-2);text-align:center}
.perks li>.ico{box-sizing:content-box;padding:8px;border-radius:50%;color:var(--gold);background:transparent;border:1px solid var(--gold-line)}
.perks span{display:grid;gap:2px;font-size:11px;line-height:1.35;color:var(--text-3)}
.perks b{font-size:12px;font-weight:700;line-height:1.35;color:var(--text);word-break:keep-all}
@media (max-width:599px){.perks span{font-size:0}.perks b{font-size:12px}}

/* 비밀번호 조건 · 같은지 확인 */
.pwrules{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:-8px}
.pwrules li{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-3);transition:color var(--t-fast)}
.pwrules .ico{stroke-width:2.6}
.pwrules li.is-ok{color:var(--ok);font-weight:700}
.pwsame{margin-top:-8px;font-size:12px;font-weight:700;color:var(--danger)}
.pwsame.is-ok{color:var(--ok)}

/* 약관 동의 */
.agrees{display:grid;gap:4px;padding:8px 14px 12px;border-radius:var(--r-sm);background:var(--ac-tile-bg);border:1px solid var(--ac-tile);transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.agrees.is-err{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-wash)}
.agrees.is-ok{border-color:var(--gold);box-shadow:inset 0 0 22px -12px rgba(243,210,122,.45)}
.agrees .cbox{min-height:44px;font-size:14px;color:var(--text)}
.agrees__all{padding-bottom:8px;border-bottom:1px solid var(--line-soft)}
.agrees__all b{display:block;font-size:15px;font-weight:700;color:var(--text)}
.agrees__all small{display:block;margin-top:1px;font-size:12px;color:var(--text-3)}
.agrees__list li{display:flex;align-items:center;justify-content:space-between;gap:8px}
.agrees__list .cbox{flex:1;min-width:0;font-size:13px;color:var(--text-2)}
.agrees__tag{margin-right:4px;font-size:11px;font-weight:700;color:var(--gold-hi)}
.agrees__tag--opt{color:var(--text-3)}
.agrees__view{display:inline-flex;align-items:center;flex:none;min-height:44px;padding-left:8px;font-size:12px;color:var(--text-3)}
.agrees__view:hover{color:var(--gold-hi)}
.agrees .field__err{margin-top:4px}

/* 비밀번호 찾기 — 보냈어요 */
.sent{display:grid;justify-items:center;gap:12px;text-align:center}
.sent__orb{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;color:var(--on-gold);background:var(--gold-grad);box-shadow:0 0 0 4px var(--surface),0 0 0 5px var(--gold-line),0 0 30px -6px rgba(243,210,122,.5)}
.sent__to b{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--heading);word-break:break-all}
.sent__msg{max-width:30em;font-size:14px;line-height:1.6;color:var(--text-2)}
.sent__tips{display:grid;gap:8px;width:100%;padding:12px 14px;border-radius:var(--r-sm);background:var(--ac-tile-bg);border:1px solid var(--ac-tile);text-align:left}
.sent__tips li{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;color:var(--text-2)}
.sent__tips .ico{flex:none;margin-top:2px;color:var(--gold)}
.sent__tips a{color:var(--gold-hi);font-weight:700;text-decoration:underline;text-underline-offset:3px;word-break:break-all}   /* (QA VIS-06) 고객센터·전화·메일 */
.sent__btns{display:grid;gap:8px;width:100%;margin-top:8px}

@media (min-width:600px){
  .auth__t{font-size:30px}
  .auth__d{font-size:14px}
  .auth__card{padding:32px}
}
/* PC: 큰 카드 하나 = 왼쪽 브랜드 판(받침대 사진 + 엠블럼 + 금색 세리프 소개 + 약속) + 오른쪽 폼 */
@media (min-width:900px){
  .auth.wrap{width:min(100% - var(--gut) * 2,1080px)}
  .auth{padding-top:36px;padding-bottom:56px}
  .auth__box{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:0;overflow:hidden;border-radius:var(--r-lg);
    background:var(--surface);border:1px solid var(--ac-line);box-shadow:var(--sh-3)}
  .auth__brand{position:relative;isolation:isolate;order:-1;display:flex;flex-direction:column;min-height:640px;padding:48px 44px;
    border-right:1px solid var(--ac-line);background:var(--black)}
  .auth__bg{display:block;position:absolute;inset:0;z-index:-2}
  .auth__bg img{width:100%;height:100%;object-fit:cover;object-position:60% 100%}
  /* 사진 위 글자가 묻히지 않게: 위쪽만 검정으로 덮는다(받침대·상자는 아래에 그대로) */
  .auth__brand::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(180deg,rgba(10,10,10,.96) 0%,rgba(10,10,10,.88) 36%,rgba(10,10,10,.35) 66%,rgba(10,10,10,.05) 100%)}
  .auth__brand-in{position:sticky;top:calc(var(--hd) + 32px);display:grid;justify-items:start;gap:14px}
  .auth__emblem{display:block;width:140px;height:auto;margin:-8px 0 4px -6px}
  .auth__slogan{display:block;font-family:var(--serif);font-size:30px;font-weight:700;line-height:1.32;letter-spacing:-.03em;color:var(--text)}
  .auth__slogan em{color:var(--heading);background:var(--ac-gold-txt);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .auth__rule{display:block;width:56px;height:1px;background:var(--gold-grad-h)}
  .perks{grid-template-columns:minmax(0,1fr);gap:8px;width:100%;max-width:340px;margin-top:6px}
  .perks li{flex-direction:row;align-items:center;gap:12px;padding:10px 14px;text-align:left;background:rgba(10,10,10,.72);border-color:var(--gold-line-2);
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  .perks span{font-size:12px}
  .perks b{font-size:14px}
  .auth__main{justify-content:center;gap:22px;padding:44px 52px}
  .auth__head{align-items:flex-start;text-align:left}
  .auth__head::before{display:none}
  .auth__logo{display:none}
  .auth__t{font-size:32px}
  .auth__card{padding:0;border:0;border-radius:0;background:none}
  .auth--signup .auth__main{justify-content:flex-start}
}
@media (min-width:1200px){.auth__main{padding:52px 68px}}

/* 2. 마이페이지 틀 -------------------------------------------------------- */
.my{padding-top:8px;padding-bottom:32px}
.my-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.my-side{display:none}
.my-main{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-width:0}
.my-main>.sec,.my-main .panel+.panel{margin-top:0}
@media (min-width:900px){
  .my{padding-top:28px}
  .my-layout{grid-template-columns:268px minmax(0,1fr);gap:32px;align-items:start}
  .my-side{display:grid;gap:12px;position:sticky;top:calc(var(--hd) + 16px)}
  .my-main{gap:20px}
}
@media (min-width:1200px){.my-layout{grid-template-columns:288px minmax(0,1fr);gap:40px}}

/* 이름 머리글 동그라미 (금색 그라데이션 원 + 검정 세리프 글자 + 금빛 고리) */
.avatar{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:50%;font-family:var(--serif);font-size:19px;font-weight:700;color:var(--on-gold);
  background:var(--gold-grad);box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--gold-line)}
.avatar--lg{width:60px;height:60px;font-size:25px;box-shadow:0 0 0 3px var(--surface),0 0 0 4px var(--gold-line),0 0 26px -6px rgba(243,210,122,.5)}
.mycard{display:flex;align-items:center;gap:14px;padding:18px 16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--ac-line)}
.mycard__t{display:grid;min-width:0}
.mycard__t b{font-family:var(--serif);font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--text);overflow-wrap:anywhere}
.mycard__t small{font-family:var(--font);font-size:13px;font-weight:500;color:var(--text-2)}
.mycard__t span{font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 마이 메뉴 (관리자 시안 결: 고른 메뉴 = 왼쪽 금색 3px 막대 + 옅은 금빛 + 금색 글자) */
.mymenu{display:grid;overflow:hidden;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--ac-line)}
.mymenu>*+*{border-top:1px solid var(--line-soft)}
.mymenu__form{display:block}
.mymenu__a{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--text);text-align:left;transition:background-color var(--t-fast),color var(--t-fast)}
.mymenu__a:hover{background:var(--surface-2);color:var(--gold-hi)}
.mymenu__a[aria-current="page"]{background:var(--gold-wash);color:var(--gold-hi);font-weight:700}
.mymenu__a[aria-current="page"]::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--gold-grad)}
.mymenu__ic{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--gold);background:transparent;border:1px solid var(--gold-line)}
.mymenu__ic .ico{width:16px;height:16px}
.mymenu__t{flex:1;min-width:0;display:grid;line-height:1.3}
.mymenu__t small{font-size:12px;font-weight:500;color:var(--text-3)}
.mymenu__go{color:var(--text-3)}
.mymenu__a--kakao .mymenu__ic{color:var(--kakao-ink);background:var(--kakao);border-color:var(--kakao)}
.mymenu__a--kakao .mymenu__ic .ico{fill:currentColor;stroke:none}
.mymenu__a--out{color:var(--text-2)}
.mymenu__a--out .mymenu__ic{color:var(--text-2);border-color:var(--line-2)}
.mymenu--card .mymenu__a--home{display:none}
.mymenu--card .mymenu__a--home+*{border-top:0}

/* 하위 화면 머리 (금색 세리프 제목 + 아래 금빛 선) */
.myh{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--ac-hair)}
.myh__t{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-family:var(--serif);font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.03em;color:var(--heading)}
.myh__n{height:22px;font-family:var(--font);font-size:12px}
.myh__d{margin-top:4px;font-size:13px;line-height:1.5;color:var(--text-2)}
.myback{display:inline-flex;align-items:center;gap:4px;justify-self:start;min-height:32px;font-size:13px;font-weight:600;color:var(--text-2)}
.myback:hover{color:var(--gold-hi)}
.myback-btn{justify-self:start}
@media (min-width:900px){.myh__t{font-size:30px}.myh__d{font-size:14px}}

/* 3. 마이 홈 ------------------------------------------------------------ */
.myhero{position:relative;isolation:isolate;overflow:hidden;padding:18px 16px 16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--ac-line)}
.myhero::before{content:"";position:absolute;inset:0 0 auto;z-index:-1;height:80%;pointer-events:none;background:radial-gradient(70% 90% at 85% 0%,rgba(243,210,122,.14),rgba(201,162,74,0) 70%)}
.myhero::after{content:"";position:absolute;right:-26px;top:-30px;z-index:-1;width:120px;aspect-ratio:1;opacity:.22;
  background:url("/static/brand/sparkle.png") center/contain no-repeat}
.myhero__me{display:flex;align-items:center;gap:14px}
.myhero__t{flex:1;min-width:0}
.myhero__k{display:inline-flex;align-items:center;gap:5px;font-family:var(--display);font-size:10.5px;font-weight:600;letter-spacing:var(--track-caps);color:var(--gold-ink)}
.myhero__k .ico{color:var(--gold)}
.myhero__hi{margin-top:3px;font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.28;letter-spacing:-.03em;color:var(--text-2);overflow-wrap:anywhere}
.myhero__hi b{font-weight:700;color:var(--heading)}
.myhero__mail{margin-top:2px;font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.myhero__edit{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--gold-hi);background:transparent;border:1px solid var(--gold-line);transition:border-color var(--t-fast),background-color var(--t-fast)}
.myhero__edit:hover{border-color:var(--gold);background:var(--btn2-hover)}
.mystats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;border-radius:var(--r-sm);background:var(--ac-tile-bg);border:1px solid var(--gold-line-2)}
.mystats li+li{border-left:1px solid var(--gold-line-2)}
.mystats__a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;transition:background-color var(--t-fast)}
.mystats__a:hover{background:var(--gold-wash)}
.mystats__l{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--text-2);white-space:nowrap}
.mystats__l .ico{color:var(--gold)}
.mystats__n{font-family:var(--serif);font-size:26px;font-weight:700;line-height:1.1;color:var(--price);font-variant-numeric:lining-nums tabular-nums}
.mystats__n small{margin-left:2px;font-family:var(--font);font-size:12px;font-weight:500;color:var(--text-3)}
.mystats__a--red .mystats__l .ico{color:var(--live)}
.mystats__a--gold .mystats__n{color:var(--gold-hi)}
@media (min-width:900px){
  .myhero{padding:26px 26px 22px}
  .myhero::after{right:-40px;top:-46px;width:180px}
  .myhero__hi{font-size:28px}
  .myhero__mail{font-size:13px}
  .mystats{margin-top:20px}
  .mystats__a{padding:16px 8px}
  .mystats__l{font-size:13.5px}
  .mystats__n{font-size:34px}
}

/* 방송 개봉 대기 (LIVE 칩만 빨강) */
.mywait{padding:14px 14px 14px 16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--ac-line)}
.mywait__head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mywait__t{display:flex;align-items:center;gap:8px;min-width:0;font-family:var(--serif);font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--heading)}
.mywait__go{display:inline-flex;align-items:center;gap:2px;flex:none;min-height:44px;font-size:13px;font-weight:600;color:var(--gold-ink)}
.mywait__go:hover{color:var(--gold-hi)}
.mywait__list{display:grid;gap:8px;margin-top:4px}
.mywait__row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;border-radius:var(--r-sm);background:var(--ac-tile-bg);border:1px solid var(--ac-tile);transition:border-color var(--t-fast)}
.mywait__row:hover{border-color:var(--gold-line)}
.mywait__img{width:48px;height:48px;padding:3px;overflow:hidden;border-radius:var(--r-xs);background:var(--well-grad);border:1px solid var(--line-soft)}
.mywait__img img{width:100%;height:100%;object-fit:contain}
.mywait__name{font-size:13px;font-weight:600;line-height:1.38;letter-spacing:-.02em;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mywait__name i{font-style:normal;color:var(--text-3);white-space:nowrap}
.mywait__note{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:12px;color:var(--text-2)}
.mywait__note .ico{color:var(--gold)}
@media (min-width:900px){.mywait{padding:18px 18px 18px 20px}.mywait__t{font-size:18px}.mywait__list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}

/* 내 HIT (app.css .hitp 결: 금색 세리프 제목 + 오른쪽으로 뻗는 금빛 선) — 마이에선 숯색 판 안에 */
.myhits{padding:12px 12px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--ac-line)}
.myhits .hitp__head{margin-bottom:8px}
.myhits .hitp__t{font-size:19px}
.myhits__empty{display:flex;align-items:center;gap:14px;padding:8px 0}
.myhits__empty img{width:112px;height:auto;flex:none;aspect-ratio:1}
.myhits__t{font-family:var(--serif);font-size:16px;font-weight:700;color:var(--heading)}
.myhits__d{margin:4px 0 12px;font-size:13px;line-height:1.5;color:var(--text-2)}
@media (min-width:900px){.myhits .hits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;overflow:visible;margin:0;padding:8px 0 0}}

/* 4. 주문 카드 · 주문 내역 --------------------------------------------------- */
.olist{display:grid;gap:8px}
.ocard{position:relative;display:block;padding:10px 32px 12px 12px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--gold-line-2);transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.ocard:hover{border-color:var(--gold);box-shadow:0 0 18px -8px rgba(243,210,122,.45)}
.ocard--pending{border-color:var(--warn-line)}
.ocard__top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid var(--line-soft);font-size:12px;color:var(--text-3)}
.ocard__body{display:grid;grid-template-columns:76px minmax(0,1fr);gap:6px 12px;align-items:start}
.ocard__img{grid-row:span 2;width:76px;height:76px;padding:5px;overflow:hidden;border-radius:var(--r-xs);background:var(--well-grad);border:1px solid var(--line-soft)}
.ocard__img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.6))}
.ocard__t{display:grid;gap:4px;min-width:0}
.ocard__t b{font-size:14.5px;font-weight:700;line-height:1.4;letter-spacing:-.03em;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.ocard__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.ocard__meta:empty{display:none}
.ocard__more{font-size:12px;font-weight:600;color:var(--text-2)}
.ocard__live{height:22px;padding:0 8px;font-size:11px}
.ocard__no{font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.ocard__p{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.ocard__p small{font-size:12px;color:var(--text-3)}
.ocard__p b{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--price);white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}
.ocard--cancelled .ocard__p b,.ocard--refunded .ocard__p b{color:var(--text-3);text-decoration:line-through;text-decoration-thickness:1px}
.ocard--cancelled .ocard__img,.ocard--refunded .ocard__img{opacity:.6}
.ocard__go{position:absolute;right:10px;top:50%;margin-top:-9px;color:var(--text-3)}
.ocard:hover .ocard__go{color:var(--gold-hi)}
@media (min-width:900px){
  .olist{gap:12px}
  .ocard{padding:16px 44px 18px 18px}
  .ocard__body{grid-template-columns:92px minmax(0,1fr) auto;align-items:center}
  .ocard__img{grid-row:auto;width:92px;height:92px;padding:6px}
  .ocard__t b{font-size:16px}
  .ocard__p{flex-direction:column;align-items:flex-end;gap:2px}
  .ocard__p b{font-size:22px}
  .ocard__go{right:16px}
}
/* 상태 탭 (금빛 선 알약 · 고른 칩 = 금색 그라데이션 + 검정 글자) */
.otabs{margin:0 calc(var(--gut) * -1)}
.otabs .chips{padding:4px var(--gut)}
.otabs .chip{position:relative}.otabs .chip::after{content:"";position:absolute;inset:-4px 0}   /* (통합 10-29) 보이는 칩 36px · 누르는 칸 44px */
.otabs__n{min-width:20px;height:20px;padding:0 5px;display:inline-grid;place-items:center;border-radius:var(--r-pill);background:var(--surface-3);font-size:11px;font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums}
.otabs .chip[aria-current="page"] .otabs__n{background:rgba(23,17,10,.18);color:var(--on-gold)}
@media (min-width:900px){.otabs{margin:0}.otabs .chips{padding:4px 0}}

/* 5. 주문 상세 ------------------------------------------------------------ */
.odhead{position:relative;isolation:isolate;overflow:hidden;padding:16px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--ac-line)}
.odhead::before{content:"";position:absolute;inset:0 0 auto;z-index:-1;height:70%;pointer-events:none;background:radial-gradient(70% 90% at 85% 0%,rgba(243,210,122,.12),rgba(201,162,74,0) 70%)}
.odhead--cancelled,.odhead--refunded{border-color:var(--line-2)}
.odhead--cancelled::before,.odhead--refunded::before{display:none}
.odhead__top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--text-3)}
.odhead__t{margin-top:12px;font-family:var(--serif);font-size:24px;font-weight:700;line-height:1.28;letter-spacing:-.03em;
  color:var(--heading);background:var(--ac-gold-txt);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.odhead__d{margin-top:4px;font-size:13px;line-height:1.5;color:var(--text-2)}
.odhead__no{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:12px;font-size:12px;color:var(--text-3)}
.odhead__no b{font-size:14px;font-weight:700;color:var(--text);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.odhead__copy{position:relative;display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--gold-line);background:transparent;font-size:12px;font-weight:600;color:var(--gold-hi)}
.odhead__copy::after{content:"";position:absolute;inset:-8px 0}
.odhead__copy:hover{border-color:var(--gold);background:var(--btn2-hover)}
/* 진행 단계 (주문서 단계 결: 지난 = 금색 원 · 지금 = 금 테두리 + 금빛 · 남은 = 흐린 선 원, 사이 금빛 선) */
.oflow{--p:0;position:relative;display:flex;margin-top:20px}
.oflow::before,.oflow::after{content:"";position:absolute;left:10%;top:19px;height:1px}
.oflow::before{right:10%;background:var(--line-2)}
.oflow::after{width:calc(80% * var(--p));height:2px;margin-top:-.5px;background:var(--gold-grad-h)}
.oflow__i{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px}
.oflow__orb{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--text-3);background:var(--surface);border:1px solid var(--line-2)}
.oflow__orb .ico{stroke-width:1.6}
.oflow__t{font-size:11px;font-weight:500;color:var(--text-3);white-space:nowrap}
.oflow__i.is-done .oflow__orb{color:var(--on-gold);background:var(--gold-grad);border-color:transparent}
.oflow__i.is-on .oflow__orb{color:var(--gold-hi);background:var(--surface);border-color:var(--gold);box-shadow:0 0 0 3px var(--surface),0 0 0 4px var(--gold-line-2),0 0 20px -4px rgba(243,210,122,.55)}
.oflow__i.is-done .oflow__t{color:var(--text-2)}
.oflow__i.is-on .oflow__t{color:var(--gold-hi);font-weight:700}
.odcancel{display:flex;gap:12px;margin-top:16px;padding:12px 14px;border-radius:var(--r-sm);background:var(--ac-tile-bg);border:1px solid var(--ac-tile)}
.odcancel>.ico{flex:none;color:var(--mute)}
.odcancel dl{display:grid;gap:4px;flex:1;min-width:0}
.odcancel dl>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.odcancel dt{flex:none;color:var(--text-3)}
.odcancel dd{text-align:right;color:var(--text-2)}
.odcancel__amt{font-family:var(--serif);font-weight:700;color:var(--price)!important}
/* 송장 */
.track{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:16px;padding:12px;border-radius:var(--r-sm);background:var(--ac-tile-bg);border:1px solid var(--ac-tile)}
.track__ic{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--gold);background:transparent;border:1px solid var(--gold-line)}
.track__t{display:grid;min-width:0}
.track__t small{font-size:12px;color:var(--text-3)}
.track__t b{font-size:16px;font-weight:700;letter-spacing:.03em;color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
/* 폰: 송장 번호가 두 줄로 쪼개지지 않게 단추는 아래 줄로 */
@media (max-width:599px){.track{grid-template-columns:44px minmax(0,1fr)}.track__go{grid-column:1/-1;justify-content:center}}
@media (min-width:900px){
  .odhead{padding:26px 28px}
  .odhead__t{font-size:30px}
  .odhead__d{font-size:14px}
  .oflow{margin-top:26px}
  .oflow::before,.oflow::after{top:23px}
  .oflow__orb{width:46px;height:46px}
  .oflow__orb .ico{width:20px;height:20px}
  .oflow__t{font-size:13px}
}
@media (max-width:359px){.oflow__t{font-size:10px;letter-spacing:-.04em}.oflow__orb{width:34px;height:34px}.oflow::before,.oflow::after{top:17px}}

/* 주문 상품 */
.panel.od{padding:10px 12px 14px}
.oitems{display:grid;gap:8px}
.oitem{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-areas:"img t" "img p";gap:4px 12px;padding:8px 12px 10px 8px;border-radius:var(--r-sm);background:var(--ac-tile-bg);border:1px solid var(--gold-line)}
.oitem--live{background:linear-gradient(90deg,var(--gold-wash),transparent 62%),var(--ac-tile-bg)}
.oitem__img{grid-area:img;align-self:start;display:block;width:72px;height:72px;padding:5px;overflow:hidden;border-radius:var(--r-xs);background:var(--well-grad);border:1px solid var(--line-soft)}
.oitem__img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.6))}
.oitem__t{grid-area:t;display:grid;gap:4px;min-width:0}
.oitem__t b{font-size:14px;font-weight:700;line-height:1.4;letter-spacing:-.03em;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.oitem__q{font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums}
.oitem__tags{display:flex;flex-wrap:wrap;gap:4px}
.oitem__tags .pill,.oitem__tags .ochip{height:22px;font-size:11px}
.oitem__p{grid-area:p;justify-self:end;font-family:var(--serif);font-size:18px;font-weight:700;color:var(--price);white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}
.od__note,.od__memo{display:flex;align-items:flex-start;gap:8px;margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--text-2)}
.od__note .ico,.od__memo .ico{flex:none;margin-top:1px;color:var(--gold)}
.od .addr{padding-right:12px}
.od .psum{width:100%;margin-top:14px;padding:12px 2px 0;border-top:1px solid var(--line-soft)}
.od .psum>div{color:var(--text)}
.od .psum dd{color:var(--text)}
.od .psum__total{border-top-color:var(--ac-hair)}
.od .psum dd.is-free,.od .psum dd.is-red{color:var(--gold-hi);font-weight:600}
.od .psum__total dt,.od .psum__total dd{font-family:var(--serif);font-weight:700;color:var(--heading);background:var(--ac-gold-txt);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.od .psum__total dt{font-size:17px}
.od .psum__total dd{font-size:24px}
.odpay{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r-sm);background:var(--ac-tile-bg);border:1px solid var(--ac-tile)}
.odpay .pbadge{width:auto;min-width:56px;height:30px;flex:none;padding:0 10px;border-radius:var(--r-sm)}
.odpay .pbadge--card,.odpay .pbadge--bank{background:transparent;color:var(--gold);border:1px solid var(--gold-line)}
.odpay__t{display:grid;min-width:0}
.odpay__t b{font-size:14px;font-weight:700;color:var(--text)}
.odpay__t small{font-size:12px;color:var(--text-3)}
.od-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.od-cols>.panel{margin:0}
.od-hits .hits{padding-top:8px}
@media (min-width:900px){
  .panel.od{padding:18px 22px 22px}
  .oitems{gap:10px}
  .oitem{grid-template-columns:84px minmax(0,1fr) auto;grid-template-areas:"img t p";align-items:center;padding:10px 18px 10px 10px}
  .oitem__img{width:84px;height:84px;align-self:center;padding:6px}
  .oitem__t b{font-size:15px}
  .oitem__p{font-size:21px}
  .od-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
}
/* 결제·취소·문의 */
.odact{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.odact__pay{font-family:var(--serif)}
.odact__pay span{display:inline-flex;align-items:baseline;gap:4px}
.odact__pay b{font-family:var(--serif);font-weight:700}
.odcancel-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.odcancel-form__go{--btn-h:48px}
.odhelp{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--gold-line-2);transition:border-color var(--t-fast)}
.odhelp:hover{border-color:var(--gold)}
.odhelp__ic{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--kakao-ink);background:var(--kakao)}
.odhelp__ic .ico{fill:currentColor;stroke:none}
.odhelp.is-off .odhelp__ic{color:var(--gold);background:transparent;border:1px solid var(--gold-line)}
.odhelp__t{flex:1;min-width:0;display:grid}
.odhelp__t b{font-size:14px;font-weight:700;color:var(--text)}
.odhelp__t small{font-size:12px;color:var(--text-3)}
.odhelp__go{color:var(--text-3)}
@media (min-width:900px){.odact{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.odact>.odact__pay,.odact>.note{grid-column:1/-1}}

/* 6. 회원정보 ------------------------------------------------------------- */
.panel.panel--form{padding:12px 14px 16px}
.panel--form .panel__head{margin-bottom:16px}
.pf-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.pf-cols>.panel{margin:0}
.pf-form{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.ro{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;border-radius:var(--r-sm);background:var(--ac-tile-bg);border:1px dashed var(--line-2);font-size:15px;color:var(--text-2);overflow-wrap:anywhere}
.ro .ico{flex:none;color:var(--gold)}
.ro__lock{margin-left:auto;color:var(--text-3)!important}
.pf-mk b{display:block;font-size:14px;color:var(--text)}
.pf-mk small{display:block;font-size:12px;color:var(--text-3)}
@media (min-width:900px){.panel.panel--form{padding:20px 24px 24px}.pf-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}}

/* 7. 배송지 -------------------------------------------------------------- */
.alist{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.acard{position:relative;display:flex;flex-direction:column;padding:14px 14px 12px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line-2)}
.acard.is-default{border-color:var(--gold);box-shadow:inset 0 0 0 .5px var(--gold),inset 0 0 28px -14px rgba(243,210,122,.45),0 0 18px -10px rgba(243,210,122,.5)}
.acard__top{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.acard__top:not(:has(.pill)){display:none}
.acard__who{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--text-2)}
.acard__who b{font-size:16px;font-weight:700;color:var(--text);overflow-wrap:anywhere}
.acard__who i{width:1px;height:12px;background:var(--line-2)}
.acard__addr{margin-top:4px;font-size:13.5px;line-height:1.55;color:var(--text-2);overflow-wrap:anywhere}
.acard__zip{color:var(--text-3)}
.acard__acts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:12px}
.acard__acts form{display:contents}
.acard__acts .btn--xs{--btn-h:36px;padding:0 12px;border-radius:var(--r-pill)}
.anew__form{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.anew__labels .field__label{display:block;margin-bottom:8px}
.anew__labels small{font-weight:500;color:var(--text-3)}
.anew__chip{cursor:pointer}
.anew__chip input:focus-visible+.chip{outline:2px solid var(--focus);outline-offset:2px}
.anew__row2{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.zip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.zip__btn{white-space:nowrap}
.anew .field{gap:8px}
@media (min-width:600px){.anew__row2{grid-template-columns:repeat(2,minmax(0,1fr))}.zip{grid-template-columns:180px auto}.zip__btn{justify-self:start}}
@media (min-width:900px){.alist{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* 비밀번호 찾기 — 개발 모드에서만 보이는 '메일 대신 링크' 칸 (2026-10-29 쇼핑몰 주변, 운영에선 안 그린다) */
.devlink{display:grid;gap:10px;width:100%;padding:12px 14px;border-radius:var(--r-sm);text-align:left;
  background:var(--info-wash);border:1px dashed var(--info-line)}
.devlink__h{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;font-weight:600;line-height:1.5;color:var(--info)}
.devlink__h .ico{flex:none;margin-top:2px}
.devlink__d{font-size:13px;line-height:1.5;color:var(--text-2)}

/* =====================================================================
   2026-10-29 쇼핑몰 완성 — 담당 A (회원): 로그인 상태 유지 · 주문 전 안내 · 동의 펼침 · 이메일 미리 확인 · 단계별 주문 수 ·
   혜택 한 줄 · 소식 받기 두 칸 · 탈퇴 · 이메일 찾기 · 내 문의·후기. 색은 토큰만.
   ===================================================================== */
.auth__row--keep{margin-top:-6px}
.auth__keep{min-height:44px;font-size:14px;color:var(--text)}
.auth__keep small{margin-left:6px;font-size:12px;color:var(--text-3)}
.auth__finds{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:-6px}
.auth__finds i{width:1px;height:12px;background:var(--line-2)}
.auth__alert a{color:var(--gold-hi);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.ordgate{display:grid;gap:10px;margin-bottom:18px}
.ordgate__t{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:var(--r-sm);background:var(--gold-wash);border:1px solid var(--gold-line-2);font-size:13.5px;line-height:1.55;color:var(--text)}
.ordgate__t .ico{flex:none;margin-top:2px;color:var(--gold)}
.ordgate__or{display:flex;align-items:center;gap:12px;margin-top:6px;font-size:12px;color:var(--text-3)}
.ordgate__or::before,.ordgate__or::after{content:"";flex:1;height:1px;background:var(--line-soft)}

.offer{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;border-radius:var(--r-sm);background:var(--gold-wash);border:1px solid var(--gold-line-2)}
.offer>.ico{flex:none;color:var(--gold)}
.offer b{display:block;font-size:14px;font-weight:700;color:var(--gold-hi)}
.offer small{display:block;margin-top:1px;font-size:12px;color:var(--text-2)}
.hpot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.emchk{margin-top:-10px;font-size:12.5px;font-weight:600;color:var(--danger)}
.emchk.is-ok{color:var(--ok)}
.emchk a{color:var(--gold-hi);text-decoration:underline;text-underline-offset:3px}

.agrees__list li.agrees__li--more{flex-wrap:wrap}
.agrees__more{flex-basis:100%;margin:-4px 0 6px 30px}
.agrees__more>summary{display:inline-flex;align-items:center;gap:3px;min-height:44px;font-size:12px;color:var(--text-3);cursor:pointer;list-style:none}
.agrees__more>summary::-webkit-details-marker{display:none}
.agrees__more>summary:hover{color:var(--gold-hi)}
.agrees__more[open]>summary .ico{transform:rotate(180deg)}
.agrees__tbl{display:grid;margin-top:4px;border-radius:var(--r-xs);border:1px solid var(--line-soft);overflow:hidden}
.agrees__tbl>div{display:grid;grid-template-columns:76px minmax(0,1fr);border-top:1px solid var(--line-soft)}
.agrees__tbl>div:first-child{border-top:0}
.agrees__tbl dt{padding:8px 10px;font-size:11.5px;font-weight:700;color:var(--text-2);background:var(--surface-2)}
.agrees__tbl dd{padding:8px 10px;font-size:12px;line-height:1.5;color:var(--text-2)}
.agrees__full{display:inline-flex;align-items:center;gap:3px;min-height:44px;margin-top:0;font-size:12px;color:var(--text-3)}
.agrees__full:hover{color:var(--gold-hi)}
.agrees__sub{flex-basis:100%;display:flex;flex-wrap:wrap;gap:4px 16px;margin:-2px 0 4px 30px}
.agrees__sub .cbox{flex:none;min-height:44px;font-size:13px}

/* 마이 홈: 혜택 한 줄 · 주문 단계 */
.myperk{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.myperk li{flex:1 1 120px;min-width:0}
.myperk a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 12px;border-radius:var(--r-sm);background:var(--ac-tile-bg);border:1px solid var(--ac-tile);transition:border-color var(--t-fast)}
.myperk a:hover{border-color:var(--gold-line)}
.myperk span{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--text-2);white-space:nowrap}
.myperk span .ico{color:var(--gold)}
.myperk b{font-size:15px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.myperk b small{margin-left:1px;font-size:11.5px;font-weight:500;color:var(--text-3)}
.myperk__g{flex-basis:100%}
.myperk .myperk__t{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:var(--gold-hi)}
.myflow{padding:12px 10px 8px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--ac-line)}
.myflow__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.myflow__list li{position:relative}
.myflow__list li+li::before{content:"";position:absolute;left:-3px;top:18px;width:6px;height:6px;border-top:1.5px solid var(--line-2);border-right:1.5px solid var(--line-2);transform:rotate(45deg)}
.myflow__a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0 6px;border-radius:var(--r-xs);transition:background-color var(--t-fast)}
.myflow__a:hover{background:var(--gold-wash)}
.myflow__n{font-family:var(--serif);font-size:22px;font-weight:700;line-height:1.2;color:var(--text-3);font-variant-numeric:lining-nums tabular-nums}
.myflow__a.is-on .myflow__n{color:var(--gold-hi)}
.myflow__l{font-size:11.5px;font-weight:600;color:var(--text-2);white-space:nowrap;letter-spacing:-.04em}
.myflow__sub{display:flex;justify-content:flex-end;margin-top:4px;padding-top:6px;border-top:1px solid var(--line-soft)}
.myflow__sub a{display:inline-flex;align-items:center;gap:2px;min-height:44px;padding:0 4px;font-size:12px;color:var(--text-3)}
.myflow__sub a:hover{color:var(--gold-hi)}
@media (min-width:900px){.myflow{padding:16px 16px 10px}.myflow__n{font-size:28px}.myflow__l{font-size:13px}.myflow__list li+li::before{top:22px}}

/* 회원정보: 소식 받기 두 칸 · 탈퇴 링크 */
fieldset.pf-mk{min-width:0;display:grid;gap:6px;margin:0;padding:12px 14px;border-radius:var(--r-sm);background:var(--ac-tile-bg);border:1px solid var(--ac-tile)}
fieldset.pf-mk legend{float:left;width:100%;margin-bottom:2px;padding:0}
.pf-mk__row{display:flex;flex-wrap:wrap;gap:4px 20px}
.pf-mk__row .cbox{min-height:44px;font-size:14px;color:var(--text)}
.pf-mk__at{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-3)}
.pf-mk__at .ico{color:var(--gold)}
.pf-forgot{margin-top:-8px}   /* (QA SEC-6) 다시 묻는 칸이 잠겼을 때 바로 [비밀번호 찾기] */
.pf-forgot a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:700;color:var(--gold-hi);text-decoration:underline;text-underline-offset:3px}
.pf-out{display:flex;justify-content:flex-end;margin-top:12px}
.pf-out a{display:inline-flex;align-items:center;gap:2px;min-height:44px;padding:0 4px;font-size:12.5px;color:var(--text-3);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}
.pf-out a:hover{color:var(--text-2)}

/* 탈퇴 */
.wd__list{display:grid;gap:12px}
.wd__list li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start}
.wd__ic{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--ac-tile-bg);border:1px solid var(--gold-line-2);color:var(--gold)}
.wd__ic--del{color:var(--danger);border-color:var(--danger-wash)}
.wd__list b{display:block;font-size:14.5px;font-weight:700;color:var(--text)}
.wd__list p{margin-top:2px;font-size:13px;line-height:1.6;color:var(--text-2)}
.wd__list em{font-style:normal;font-weight:700;color:var(--gold-hi)}
.wd__list p a{font-weight:700;color:var(--text);text-decoration:underline;text-decoration-color:var(--gold-line);text-underline-offset:3px}   /* '내 후기' 링크 (QA J1-3) */
.wd--stop{border-color:var(--gold-line)}
.wd__why{display:grid;gap:8px}
.wd__why li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.55;color:var(--text)}
.wd__why .ico{flex:none;margin-top:3px;color:var(--gold)}
.wd__btns{display:grid;gap:8px;margin-top:16px}
.wd__reasons{display:grid;gap:10px;min-width:0;margin:0;padding:0;border:0}
.wd__reasons .chips{flex-wrap:wrap;overflow:visible}
.wd__agree{min-height:44px;font-size:14px;color:var(--text)}
.wd__agree.is-err .cbox__mark{border-color:var(--danger)}
.my--profile .wd{margin-top:12px}
@media (min-width:900px){.wd__btns{grid-template-columns:repeat(2,max-content)}}

/* 이메일 찾기 · 비밀번호 찾기 위 탭 */
.ftabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px;border-radius:var(--r-sm);background:var(--ac-tile-bg);border:1px solid var(--ac-tile);overflow:hidden}
.ftabs a{display:grid;place-items:center;min-height:44px;font-size:14px;font-weight:600;color:var(--text-2)}
.ftabs a[aria-current="page"]{color:var(--on-gold);background:var(--gold-grad);font-weight:700}
.ftabs a:not([aria-current]):hover{color:var(--gold-hi)}
.femail{display:grid;gap:8px;width:100%}
.femail li{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px;border-radius:var(--r-sm);background:var(--ac-tile-bg);border:1px solid var(--gold-line-2)}
.femail b{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--heading);word-break:break-all}
.femail small{font-size:12px;color:var(--text-3)}

/* 내 문의·후기 */
.mposts{display:grid;gap:10px}
.mpost__a{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 18px;gap:12px;align-items:start;padding:12px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--gold-line-2);transition:border-color var(--t-fast)}
.mpost__a:hover{border-color:var(--gold-line)}
.mpost.is-hidden .mpost__a{opacity:.7}
.mpost__img{width:64px;height:64px;padding:4px;overflow:hidden;border-radius:var(--r-xs);background:var(--well-grad);border:1px solid var(--line-soft)}
.mpost__img img{width:100%;height:100%;object-fit:contain}
.mpost__t{display:grid;gap:4px;min-width:0}
.mpost__top{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--text-3)}
.mpost__top time{margin-left:auto}
.mpost__lock{display:inline-flex;align-items:center;gap:3px}
.mpost__stars{display:inline-flex;gap:1px;color:var(--gold)}
.mpost__p{font-size:13px;font-weight:600;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpost__body{font-size:14px;line-height:1.55;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mpost__ans{display:flex;align-items:flex-start;gap:6px;margin-top:2px;padding:8px 10px;border-radius:var(--r-xs);background:var(--ac-tile-bg);font-size:13px;line-height:1.5;color:var(--text-2)}
.mpost__ans>span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mpost__ans .ico{flex:none;margin-top:2px;color:var(--gold)}
.mpost__go{align-self:center;color:var(--text-3)}
/* 내 후기 지우기 (QA J1-3) — 카드 아래 오른쪽, 누를 칸 44px */
.mpost__del{display:flex;justify-content:flex-end;margin-top:4px}
.mpost__del .btn{min-height:44px}
/* (통합 10-29) 마이 홈 '쓸 수 있는 후기 N개' 한 줄 — 누르는 칸 44px */
.mypend{align-items:center;min-height:44px;margin-top:10px;color:var(--text-2);text-decoration:none}
.mypend:hover{border-color:var(--gold-line);color:var(--text)}
.mypend b{color:var(--gold-ink)}