/* 핏픽스(aiFITPIX) 메탈 글라스 — 2026-11-14 대표 결정: 모든 사이트를 뷰휠과 같은 「메탈 글라스」 가족으로,
   단 사이트마다 강조색 하나는 남긴다(핏픽스 = 라임 #dbf584). 이번 회차는 겉모습만 바꾼다.
   핏픽스는 검은 바탕이라 avvm 과 같은 「연기 유리」(avvm-glass.css) 조리법을 쓴다.
   유리 하나 = ① 비치는 몸체(위가 밝은 옅은 흰빛) ② 은빛 금속 테(위·왼쪽 흰빛, 아래·오른쪽 은회색) ③ 아래 가장자리 흰 빛줄기
   ④ 오른쪽 아래로 떨어지는 중립 그림자 ⑤ 오른쪽 아래 모서리 흰 반사. 무지갯빛·글로우·청록 기운 없음.
   라임 주 단추는 색을 그대로 두고 위에 유리 빛 + 테 두 겹만 얹는다(옛 라임 번짐 그림자는 뺀다).
   바꾸는 것은 바탕·테 색·그림자·글 그림자뿐. 테 두께·여백·글 크기·크기·위치·글·구조·동작은 그대로.
   공용 사본(price-ladder.css·howto.css·dprocess.css·family-ring.css)은 손대지 않고 여기서 덮는다.
   이 파일 link 한 줄을 빼면 옛 모습. */
:root{
  --ag-body:linear-gradient(162deg,rgba(255,255,255,.11) 0%,rgba(255,255,255,.035) 42%,rgba(255,255,255,.02) 70%,rgba(255,255,255,.07) 100%);
  --ag-sheen:radial-gradient(42% 62% at 100% 100%,rgba(255,255,255,.10),rgba(255,255,255,0) 70%);
  --ag-rim:rgba(255,255,255,.34) rgba(150,152,156,.22) rgba(120,122,126,.26) rgba(220,222,226,.28);
  --ag-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1.5px 0 rgba(255,255,255,.20),inset 0 -16px 20px -18px rgba(255,255,255,.22),0 0 0 .6px rgba(0,0,0,.6),16px 26px 46px -22px rgba(0,0,0,.92),4px 6px 12px -6px rgba(0,0,0,.6);
  /* 판 안에 놓인 칩(유리 위 유리)은 한 단계 옅게 — 덜어내는 쪽 */
  --ag-body-soft:linear-gradient(162deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.015) 45%,rgba(255,255,255,.035) 100%);
  --ag-chip-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.16),0 0 0 .5px rgba(0,0,0,.5),5px 8px 14px -8px rgba(0,0,0,.8);
  --ag-btn-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1.5px 0 rgba(255,255,255,.26),inset 0 -10px 12px -10px rgba(255,255,255,.3),0 0 0 .6px rgba(0,0,0,.6),8px 12px 22px -10px rgba(0,0,0,.85);
  /* 라임 단추 = 색은 그대로, 위에 유리 빛과 은빛 테만 얹는다 */
  --ag-lime-glass:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.12) 38%,rgba(0,0,0,.05) 62%,rgba(255,255,255,.32) 100%);
  --ag-lime-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -2px 0 rgba(255,255,255,.55),inset 0 -10px 12px -9px rgba(255,255,255,.6),0 0 0 .8px rgba(60,62,66,.7),0 0 0 2px rgba(255,255,255,.55),10px 14px 24px -10px rgba(0,0,0,.85);
}

/* ── 큰 유리판: 카드·체험 판·후기·3D 견본·상세페이지 제작·가격 흐름·따라 하기·LIVE 두 띠 ──
   원래의 짙은 바탕색은 맨 아래 깔아 둔다(글 대비 그대로) */
.fit-card,.review-card,.lumi-strip,.sample3d{
  background:var(--ag-sheen),var(--ag-body),var(--surface);
  border-color:var(--ag-rim);
  box-shadow:var(--ag-shadow)}
.try-on-form,.try-on-result{
  background:var(--ag-sheen),var(--ag-body),linear-gradient(145deg,rgba(25,30,37,.97),rgba(12,15,19,.96));
  border-color:var(--ag-rim);
  box-shadow:var(--ag-shadow)}
.try-on-result{background:var(--ag-sheen),var(--ag-body),#0e1116}
/* 사진·3D 무대 판은 바탕을 두고 테·그림자만 */
.model-stage,.detail-page-stage,.auto-compare-stage{border-color:var(--ag-rim);box-shadow:var(--ag-shadow)}
.dp-card,.dp-hero,.pl-flow,.ht-step,.lbx-main .lbx-in,.lfx-in{
  background:var(--ag-sheen),var(--ag-body)!important;
  border-color:var(--ag-rim)!important;
  box-shadow:var(--ag-shadow)!important}
/* 후기 보내기 띠(점선) — 점선 라임 테는 그대로, 몸체만 유리 */
.review-cta{background:var(--ag-sheen),var(--ag-body);box-shadow:var(--ag-shadow)}
/* 기업 소개(partners) 판 */
.b2b-card,.b2b-proof{background:var(--ag-sheen),var(--ag-body),var(--surface);border-color:var(--ag-rim);box-shadow:var(--ag-shadow)}
.b2b-cta{background:var(--ag-sheen),var(--ag-body);box-shadow:var(--ag-shadow)}

/* ── 작은 유리 단추: 언어·로그인·보조 단추·분류 칩·고르는 칸·잡지 칩·화살표·자동 넘김·문의 ── */
.button-quiet,.cat-tab,.look-fieldset label,.auth-google-nav,.auth-account-badge,.inspo-group a,.inspo-search-mags span,.dp-zoom,.dp-nav,.pl-auto,.ht-play,.avvm-family__contact{
  background-image:var(--ag-sheen),var(--ag-body);
  border-color:var(--ag-rim);
  box-shadow:var(--ag-btn-shadow)}
.dp-nav,.pl-auto,.ht-play,.avvm-family__contact{background:var(--ag-sheen),var(--ag-body),rgba(8,8,8,.55)!important;border-color:var(--ag-rim)!important;box-shadow:var(--ag-btn-shadow)!important}
.dp-zoom{border-color:var(--ag-rim)!important;box-shadow:var(--ag-btn-shadow)!important}
/* 언어 고르기 — 라임 화살표 그림은 남기고 아래에 유리 */
#fitLang{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%23c8e400'/%3E%3C/svg%3E"),var(--ag-sheen),var(--ag-body);border-color:var(--ag-rim);box-shadow:var(--ag-btn-shadow)}
/* 머리 띠 「피팅 시안 만들기」 — 라임 테·옅은 라임 몸체는 그대로, 유리 빛만(마우스 올리면 원래대로 라임) */
.header-cta{background-image:var(--ag-sheen),var(--ag-body);box-shadow:var(--ag-btn-shadow)}
/* 체험 판 안 칩·고르는 칸·잡지 칩은 옅은 유리(판 위에 또 두꺼운 유리를 얹지 않는다) */
.cat-tab,.look-fieldset label,.inspo-group a,.inspo-search-mags span{background-image:var(--ag-body-soft);box-shadow:var(--ag-chip-shadow)}
/* 마우스 올림: 테만 조금 밝게 */
.cat-tab:hover,.inspo-group a:hover,.look-fieldset label:hover{border-color:rgba(255,255,255,.5) rgba(170,172,176,.34) rgba(140,142,146,.38) rgba(230,232,236,.42)}

/* ── 라임 주 단추: 색은 그대로 + 유리 빛 + 테 두 겹 ── */
.button-primary,.dp-pick,.dp-go,.dpk-go,.ht-go,.inspo-search-row button,.look-fieldset label:has(input:checked),.boundary--b2c .cat-tab.is-active,.boundary--b2b .cat-tab.is-active{
  background-image:var(--ag-lime-glass)!important;
  box-shadow:var(--ag-lime-shadow)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.45)}
/* 흰 주 단추(가격 계단)도 같은 금속 */
.pl-cta{background-image:linear-gradient(180deg,#ffffff,#eff0f1 46%,#cdcfd2 54%,#e3e4e6)!important;box-shadow:var(--ag-lime-shadow)!important}