/* ============================================================
   럽맘 홈페이지 · 섹션
   신뢰 / 앱하나로 / 주차별 / 기록·분석 / 육아맘 / 지원금 / 조리원 / 후기 / 마무리
   ============================================================ */

/* ============ 신뢰 띠 ============
   흰 바 하나에 3셀. 아이콘(아바타 스택 / 스토어 로고) + 큰 숫자 + 별 5 + 한 줄 라벨.
   핑크 Fill 아님 — 별은 앰버 액센트, 숫자는 잉크. 레퍼런스: Flo·Huckleberry·Headspace */
.trust{margin-top:calc(var(--s24) * -1);position:relative;z-index:2}
.trust__bar{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s16);
  padding:var(--s20) var(--s24);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);
  box-shadow:var(--shadow-2);
}
.trust__item{display:flex;align-items:center;gap:var(--s14);position:relative;padding-left:var(--s8)}
.trust__item + .trust__item::before{content:"";position:absolute;left:calc(var(--s8) * -1);top:12%;height:76%;width:1px;background:var(--divider)}
.trust__avatars{display:flex;flex:none}
.trust__avatars img{width:40px;height:40px;border-radius:50%;border:2px solid var(--surface);box-shadow:var(--shadow-1);background:var(--pink-tint)}
.trust__avatars img + img{margin-left:-12px}
.trust__badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.trust__badge img{width:24px;height:24px;object-fit:contain}
.trust__num{display:flex;align-items:baseline;gap:var(--s8);font-size:26px;font-weight:700;color:var(--ink);line-height:1.1;font-variant-numeric:tabular-nums}
.trust__num small{font-size:15px;font-weight:600;color:var(--ink-2);margin-left:-4px}
.trust__label{margin-top:2px;font-size:var(--t-xs);color:var(--ink-2);white-space:nowrap}
.stars{display:inline-flex;gap:2px;align-self:center}
.stars i{width:14px;height:14px;background:var(--star);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.4l-5.9 3.2 1.3-6.6L2.5 9.4l6.6-.8z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.4l-5.9 3.2 1.3-6.6L2.5 9.4l6.6-.8z'/%3E%3C/svg%3E") no-repeat center/contain}

/* ============ 기능 셋 (주차별·성장·엄마 건강 통합 탭) ============
   섹션 헤드는 가운데, 각 패널 안 인트로(.feat__intro)는 원래 2열 구도 그대로 왼쪽 열에 */
.feat__panel > .wrap{padding-top:var(--s32)}
.feat__intro{max-width:640px}
.feat__intro .pain{display:none} /* 섹션 헤드에 이미 훅 문장 자리가 있어 패널 안에서는 생략 */
.feat__title{font-family:var(--font-title);font-size:var(--t-h3);font-weight:600;color:var(--ink);line-height:1.34;letter-spacing:-.02em}
.feat__intro .section-lead{margin-top:var(--s12);font-size:var(--t-body)}

/* ============ 앱 하나로 끝 ============ */
.allin{position:relative;padding-block:0}
.allin .wrap{padding-block:clamp(56px,6vw,88px)}
.allin__grid{
  display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s12);
  margin-top:var(--head-gap);
}
.tile{
  background:var(--surface);border-radius:var(--r-block);padding:var(--s20) var(--s12);
  text-align:center;transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease);
}
.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-1)}
.tile{position:relative}
.tile__img{width:72px;height:72px;margin:0 auto var(--s10);object-fit:contain}
.tile__badge{
  position:absolute;top:var(--s10);right:var(--s10);height:var(--h-badge);padding:0 var(--s8);
  display:inline-flex;align-items:center;border-radius:var(--r-full);
  background:var(--green-tint);color:var(--green);font-size:var(--t-tiny);font-weight:600;
}
.tile__stat{margin-top:var(--s6);font-size:var(--t-xs);font-weight:600;color:var(--pink-ink);font-variant-numeric:tabular-nums}
.tile__title{font-size:var(--t-sm);font-weight:600;color:var(--ink)}
.tile__text{margin-top:2px;font-size:var(--t-xs);color:var(--gray)}
.allin__note{margin-top:var(--s28);text-align:center;font-size:var(--t-sm);color:var(--ink-2)}

/* ============ 주차별 할 일 ============ */
.weekly__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:clamp(32px,4vw,64px);align-items:start}
.weekly__picker{
  display:flex;gap:var(--s6);margin-top:var(--head-gap);
  overflow-x:auto;padding-bottom:var(--s4);scrollbar-width:none;
}
.weekly__picker::-webkit-scrollbar{display:none}
.weekchip{
  height:var(--h-chip);padding:0 var(--s14);border-radius:var(--r-full);flex:none;
  border:1px solid var(--line);background:var(--surface);
  font-size:var(--t-sm);font-weight:500;color:var(--ink-2);
  transition:all var(--dur-1) var(--ease);
}
.weekchip:hover{border-color:var(--gray-2)}
.weekchip[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}
.weekly__panel{
  margin-top:var(--s20);background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-block);padding:var(--pad-card-lg);
}
.weekly__baby{font-size:var(--t-sm);color:var(--gray);padding-bottom:var(--s16);border-bottom:1px solid var(--divider)}
.weekly__baby b{color:var(--ink);font-weight:600}
.weekly__panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s12);padding-bottom:var(--s16);border-bottom:1px solid var(--divider)}
.weekly__progress{font-size:var(--t-xs);font-weight:600;color:var(--gray);font-variant-numeric:tabular-nums}
.weekly__progress.is-all{color:var(--green)}
.todo{display:flex;flex-direction:column}
.todo__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s14);padding:var(--s16) 0;border-bottom:1px solid var(--divider);transition:opacity var(--dur-2) var(--ease)}
.todo__item:last-child{border-bottom:0;padding-bottom:var(--s8)}
.todo__check{display:block;cursor:pointer;margin-top:1px}
.todo__check input{position:absolute;opacity:0;width:0;height:0}
.check{
  display:block;width:24px;height:24px;border-radius:8px;border:1.5px solid var(--gray-2);background:var(--surface);
  transition:background-color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease);
}
.todo__check:hover .check{border-color:var(--ink)}
.todo__check input:checked + .check{background:var(--ink);border-color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E");background-size:16px;background-position:center;background-repeat:no-repeat}
.todo__check input:focus-visible + .check{outline:var(--focus);outline-offset:2px}
.todo__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s8);font-size:var(--t-body);font-weight:600;color:var(--ink)}
.todo__title .pill{height:24px;padding:0 var(--s8);font-size:var(--t-tiny)}
.todo__text{margin-top:var(--s4);font-size:var(--t-sm);color:var(--ink-2);line-height:1.65}
.todo__item.is-done{opacity:.55}
.todo__item.is-done .todo__title{text-decoration:line-through;text-decoration-color:var(--gray-2)}
.weekly__panel .lock{margin-top:var(--s8)}
.weekly__panel .lock .todo__item{border-bottom:0;padding:var(--s12) 0}
.weekly__foot{margin-top:var(--s16);font-size:var(--t-xs);color:var(--gray)}

/* 성장 가이드 (틴트는 이 카드 하나에만) */
.weekly__guide{position:sticky;top:96px;margin-top:var(--head-gap)}
.guide{background:var(--green-tint);border-radius:var(--r-block);padding:var(--pad-card-lg)}
.guide__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s12)}
.guide__img{width:120px;height:120px;flex:none;margin:calc(var(--s8) * -1) calc(var(--s8) * -1) 0 0;filter:drop-shadow(0 6px 12px rgba(53,48,48,.10))}
.guide__eyebrow{font-family:var(--font-title);font-size:var(--t-sm);font-weight:600;color:var(--ink-2)}
.guide__title{margin-top:var(--s8);font-size:var(--t-h3);font-weight:600;color:var(--ink)}
.guide__title b{color:var(--green);font-weight:700}
.guide__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8);margin-top:var(--s16)}
.guide__stats div{background:rgba(255,255,255,.7);border-radius:var(--r-card);padding:var(--s12) var(--s14)}
.guide__stats span{display:block;font-size:var(--t-xs);color:var(--gray)}
.guide__stats b{display:block;margin-top:2px;font-size:22px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.guide__dev{margin-top:var(--s16);font-size:var(--t-sm);color:var(--ink-2);line-height:1.7}
.guide__taegyo{margin-top:var(--s12);padding-top:var(--s12);border-top:1px solid rgba(78,157,114,.18);font-size:var(--t-sm);color:var(--ink-2);line-height:1.7}
.guide__taegyo b{display:block;font-size:var(--t-xs);color:var(--ink);margin-bottom:var(--s4)}
.guide__lock{margin-top:var(--s12)}
.guide__lock .lock{background:rgba(255,255,255,.7)}
.guide__lock .guide__dev{margin:0;padding:var(--s12) var(--s14)}
.guide__foot{margin-top:var(--s12);font-size:var(--t-xs);color:var(--gray)}

/* ============ 성장 분석 (신규) ============ */
.growth__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(32px,4vw,64px);align-items:start}
.section-lead b{font-weight:600;color:var(--ink)}
.growth__form{margin-top:var(--head-gap);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);padding:var(--pad-card-lg)}
.growth__row{display:flex;align-items:center;justify-content:space-between;gap:var(--s12)}
.growth__row label{font-size:var(--t-sm);font-weight:600;color:var(--ink)}
.growth__row label small{margin-left:var(--s4);font-size:var(--t-xs);font-weight:500;color:var(--gray)}
.growth__row--week{padding-bottom:var(--s16);margin-bottom:var(--s8);border-bottom:1px solid var(--divider)}
.growth__fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--s10) var(--s20)}
.growth__fields .growth__row{flex-direction:column;align-items:flex-start;gap:var(--s6);padding:var(--s8) 0}
.growth__input{display:inline-flex;align-items:center;gap:var(--s6)}
.growth__input input{width:112px;height:var(--h-btn);padding:0 var(--s12);border:1px solid var(--line);border-radius:var(--r-card);font-size:var(--t-body);text-align:right;font-variant-numeric:tabular-nums}
.growth__input input:focus{border-color:var(--ink);outline:none}
.growth__input span{font-size:var(--t-sm);color:var(--gray);min-width:24px;white-space:nowrap}
.growth__actions{display:flex;flex-wrap:wrap;gap:var(--s10);margin-top:var(--s20)}
.growth__hint{margin-top:var(--s14);font-size:var(--t-xs);color:var(--gray);line-height:1.6}
.growth__stage{margin-top:var(--head-gap);position:sticky;top:96px}
.growth__result{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);min-height:420px;display:flex}
.growth__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s12);flex:1;padding:var(--s32);text-align:center}
.growth__empty img{width:200px;height:auto}
.growth__empty strong{font-family:var(--font-title);font-size:var(--t-h3);font-weight:600;color:var(--ink);line-height:1.4}
.growth__empty p{font-size:var(--t-sm);color:var(--ink-2)}
.growth__note{margin-top:var(--s12);font-size:var(--t-xs);color:var(--gray);line-height:1.6}
.growth__card{flex:1;padding:var(--pad-card-lg)}
.growth__card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s12);margin-bottom:var(--s20)}
.growth__ai{display:inline-flex;align-items:center;gap:var(--s6);height:var(--h-chip);padding:0 var(--s12);border-radius:var(--r-full);background:var(--purple-tint);color:var(--purple);font-size:var(--t-xs);font-weight:600}
.growth__ai::before{content:"";width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b5cf0'%3E%3Cpath d='M12 2l2.2 6.4L21 11l-6.8 2.6L12 20l-2.2-6.4L3 11l6.8-2.6z'/%3E%3C/svg%3E") no-repeat center/contain}
.growth__wk{font-size:var(--t-xs);color:var(--gray)}
.pct{display:flex;flex-direction:column;gap:var(--s14)}
.pct__row{display:grid;grid-template-columns:118px minmax(0,1fr) 56px;align-items:center;gap:var(--s12)}
.pct__label{font-size:var(--t-sm);font-weight:600;color:var(--ink);line-height:1.3}
.pct__label small{display:block;font-size:var(--t-xs);font-weight:400;color:var(--gray);font-variant-numeric:tabular-nums}
.pct__track{position:relative;height:10px;border-radius:var(--r-full);background:linear-gradient(90deg,var(--surface-3) 0 10%,var(--green-tint) 10% 90%,var(--surface-3) 90%)}
.pct__track i{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--pink);border:3px solid #fff;box-shadow:var(--shadow-1);transform:translate(-50%,-50%) scale(0);transition:transform var(--dur-3) var(--ease)}
.pct__track i.is-on{transform:translate(-50%,-50%) scale(1)}
.pct__num{font-size:var(--t-h3);font-weight:700;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
.pct__num small{font-size:var(--t-xs);font-weight:500;color:var(--gray);margin-left:1px}
.pct__row--empty{opacity:.55}
.pct__none{grid-column:2 / -1;font-size:var(--t-xs);color:var(--gray)}
.growth__summary{margin-top:var(--s20);padding-top:var(--s16);border-top:1px solid var(--divider);font-size:var(--t-body);font-weight:600;color:var(--ink);line-height:1.6}
.growth__evidence{margin-top:var(--s6);font-size:var(--t-xs);color:var(--gray);line-height:1.6}
.growth__card .btn{margin-top:var(--s20)}

/* ============ 엄마 건강 ============ */
/* ============ 기록 → 분석 ============ */
.record__grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(32px,4vw,64px);margin-top:var(--head-gap);align-items:start}
.record__steps{display:flex;flex-direction:column;gap:var(--s48);padding-block:var(--s32) 0}
.record__step{transition:opacity var(--dur-3) var(--ease)}
.record__step:not(.is-active){opacity:.62} /* .36은 읽을 수 없는 수준 — 현재 단계만 살짝 강조 */
.record__num{
  display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
  border-radius:50%;background:var(--surface-3);color:var(--ink-2);font-size:var(--t-sm);font-weight:700;margin-bottom:var(--s12);
}
.record__step.is-active .record__num{background:var(--ink);color:#fff}
.record__title{font-size:clamp(21px,2vw,27px);font-weight:600;color:var(--ink);letter-spacing:-.03em}
.record__text{margin-top:var(--s12);font-size:var(--t-body);color:var(--ink-2);line-height:1.75;max-width:560px}
.record__sticky{position:sticky;top:96px;display:flex;justify-content:center}
/* 맛보기: 실제 화면은 위 60%만 또렷하고, 아래는 흰색으로 풀리며 잠금 CTA (주차별·성장 분석과 같은 잠금 패턴) */
.phone__lock{
  position:absolute;left:0;right:0;bottom:0;z-index:4;height:46%;padding:0 var(--s16) var(--s20);
  display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:var(--s8);text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.92) 42%,#fff 100%);
}
.phone__lock .lock__icon{width:34px;height:34px}
.phone__lock p{font-size:var(--t-xs);font-weight:600;color:var(--ink);line-height:1.4}
.phone__lock p small{display:block;font-weight:400;color:var(--gray);margin-top:2px}
#recordPhone .screen--img{padding-top:38px;background:#fff} /* 피그마 화면엔 상태바가 없어 아일랜드 아래로 내림 */
.record__steps .lock{margin-top:var(--s8)}
.record__steps .lock .lock__body{filter:blur(4px)}


/* ============ 카드 공통 (기능 카드) ============ */
.fcard{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);
  padding:var(--s24);transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease);
}
.fcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-1)}
.fcard__icon{
  display:flex;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:var(--r-block);background:var(--pink-tint);color:var(--pink-ink);margin-bottom:var(--s16);
}
.fcard__icon svg{width:22px;height:22px}
.fcard:nth-child(2) .fcard__icon{background:var(--green-tint);color:var(--green)}
.fcard:nth-child(3) .fcard__icon{background:var(--purple-tint);color:var(--purple)}
.fcard:nth-child(4) .fcard__icon{background:var(--amber-tint);color:var(--amber)}
.fcard__title{font-size:var(--t-h3);font-weight:600;color:var(--ink);letter-spacing:-.02em}
.fcard__text{margin-top:var(--s10);font-size:var(--t-sm);color:var(--ink-2);line-height:1.7}

/* ============ 육아맘 모드 ============ */
.baby__feature{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,64px);
  align-items:center;margin-top:var(--head-gap);
  background:var(--surface);border-radius:var(--r-block);padding:clamp(28px,3vw,48px);
}
.baby__feature-title{margin-top:var(--s12);font-size:clamp(22px,2.2vw,30px);font-weight:600;color:var(--ink);letter-spacing:-.03em;line-height:1.34}
.baby__feature-text{margin-top:var(--s16);font-size:var(--t-body);color:var(--ink-2);line-height:1.78}
.baby__list{margin-top:var(--s20);display:flex;flex-direction:column;gap:var(--s10)}
.baby__list li{position:relative;padding-left:var(--s24);font-size:var(--t-sm);color:var(--ink-2)}
.baby__list li::before{
  content:"";position:absolute;left:0;top:.55em;width:14px;height:2px;border-radius:2px;background:var(--green);
}
.baby__feature-visual{position:relative}
.baby__feature-visual .photo{aspect-ratio:3/2}
.baby__sticker{bottom:-14px;right:-10px}
.baby__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s12);margin-top:var(--s24)}


/* ============ 훅 문장 (섹션 맨 앞 · 엄마들이 실제로 하는 말) ============ */
/* 엄마의 말 — 엄마 아바타 + 말풍선. 섹션 헤드 오른쪽(데스크톱) / 제목 위(모바일·2열 안) */
.pain{
  position:relative;display:block;width:fit-content;max-width:min(360px, calc(100% - 52px)); /* 좁은 폭에서 왼쪽 여백(아바타 자리) 52px만큼 빼야 넘치지 않음 */
  margin:0 0 var(--s14) 52px;padding:var(--s10) var(--s16);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-1);
  font-size:var(--t-sm);color:var(--ink-2);line-height:1.6;text-align:left;
}
.pain::before{content:"";position:absolute;left:-52px;top:-2px;width:40px;height:40px;border-radius:50%;
  background:var(--pink-tint) url('../assets/img/avatar/mom.png') center/cover;border:2px solid var(--surface);box-shadow:var(--shadow-1)}
.pain::after{content:"";position:absolute;left:-6px;top:14px;width:10px;height:10px;background:var(--surface);
  border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.wrap > .section-head > .pain{margin-inline:auto;transform:translateX(26px)} /* 아바타 52px만큼 오른쪽으로 밀어 시각적 중앙 */

/* ============ 럽맘 혜택 (회원 선물) ============ */
/* 럽맘 혜택 — 탭 3개 → 패널 1개(실물 사진 또는 일러스트 1장 + 제목 + 한 줄 + 텍스트 목록) → 리뷰 마키(섹션 공통, 오른쪽으로 흐름) */
.gift__panel{
  margin-top:var(--s24);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center;text-align:left;
  padding:var(--s24);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);box-shadow:var(--shadow-1);
} /* 1:1 좌우 — 왼쪽 사진 무대(연한 하늘 판) · 오른쪽 글. 카드 안 여백 24, 글 묶음 간격 8/12/16/24 위계 */
.gift__body{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:var(--s8) var(--s8) var(--s8) 0}
.gift__kicker{font-family:var(--font-title);font-size:var(--t-xs);font-weight:600;color:var(--pink-ink);margin-bottom:var(--s8)}
.gift__art{width:min(520px,100%);height:auto;margin-top:var(--s8);filter:drop-shadow(0 18px 28px rgba(53,48,48,.10))}
.gift__photo{width:min(640px,100%);height:auto;margin-top:var(--s8);filter:drop-shadow(0 18px 28px rgba(53,48,48,.12))} /* 실물 누끼 사진 */
/* 장식 파티클 — 사진 주변에 반짝이 4 · 점 4 · 하트 2 · 컨페티 2. 위치는 %라 화면 폭 바뀌어도 사진에 붙어 있음.
   색은 벽지 B와 같은 파스텔(핑크·하늘·민트·앰버). 은은한 twinkle, reduced-motion이면 정지 */
.gift__figure{position:relative;width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:var(--sky-tint);border-radius:calc(var(--r-block) - 10px);overflow:visible} /* 사진 무대 */
.gift__figure > img{width:86%;height:auto;max-height:88%;object-fit:contain} /* 사진은 작게(440px) — 혜택 영역을 줄이고 후기에 무게 */ /* 폭을 사진 폭으로 고정 — 파티클이 사진 주변에만 */
.gift__figure:has(.gift__art) > img{width:70%}
.deco{position:absolute;inset:2% 3%;pointer-events:none}
.dc{position:absolute;display:block;animation:twinkle 2.6s ease-in-out infinite alternate}
/* 반짝이(4각 별) */
.dc--1,.dc--2,.dc--3,.dc--4{width:22px;height:22px;background:var(--pink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.6 6.2 5.8 11.4 12 12-6.2.6-11.4 5.8-12 12-.6-6.2-5.8-11.4-12-12C6.2 11.4 11.4 6.2 12 0z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.6 6.2 5.8 11.4 12 12-6.2.6-11.4 5.8-12 12-.6-6.2-5.8-11.4-12-12C6.2 11.4 11.4 6.2 12 0z'/%3E%3C/svg%3E") no-repeat center/contain}
.dc--1{left:4%;top:8%;background:var(--pink)}
.dc--2{right:3%;top:14%;width:16px;height:16px;background:var(--sky);animation-delay:-.8s}
.dc--3{left:9%;bottom:12%;width:14px;height:14px;background:var(--amber);animation-delay:-1.6s}
.dc--4{right:8%;bottom:6%;width:26px;height:26px;background:var(--pink);opacity:.8;animation-delay:-.4s}
/* 점 */
.dc--5,.dc--6,.dc--7,.dc--8{width:8px;height:8px;border-radius:50%}
.dc--5{left:14%;top:2%;background:var(--sky);animation-delay:-1.2s}
.dc--6{right:16%;top:0;width:6px;height:6px;background:var(--green);animation-delay:-2s}
.dc--7{left:1%;top:46%;width:10px;height:10px;background:var(--amber-tint);border:2px solid var(--amber);animation-delay:-.6s}
.dc--8{right:1%;top:52%;width:6px;height:6px;background:var(--pink);animation-delay:-1.9s}
/* 하트 */
.dc--9,.dc--10{width:16px;height:16px;background:var(--pink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat center/contain}
.dc--9{left:24%;top:-2%;transform:rotate(-14deg);animation-delay:-1.4s}
.dc--10{right:22%;bottom:2%;width:12px;height:12px;background:var(--sky);transform:rotate(12deg);animation-delay:-.2s}
/* 컨페티(작은 막대) */
.dc--11,.dc--12{width:5px;height:14px;border-radius:3px;animation-name:confetti;animation-duration:3.4s}
.dc--11{left:6%;top:28%;background:var(--green);transform:rotate(24deg)}
.dc--12{right:5%;top:34%;background:var(--amber);transform:rotate(-30deg);animation-delay:-1.7s}
@keyframes twinkle{from{opacity:.35;scale:.7}to{opacity:1;scale:1.08}}
@keyframes confetti{from{translate:0 -4px;opacity:.5}to{translate:0 4px;opacity:1}}
@media (prefers-reduced-motion:reduce){.dc{animation:none;opacity:.85}}
.gift__title{margin-top:0;font-family:var(--font-title);font-size:var(--t-h3);font-weight:600;color:var(--ink);line-height:1.34}
.gift__text{margin-top:var(--s8);max-width:480px;font-size:var(--t-sm);color:var(--ink-2);line-height:1.7}
.gift__panel .btn{margin-top:var(--s24)}
.gift__src{margin-top:var(--s12);font-size:var(--t-xs);color:var(--gray)}
/* 제품 목록 — 제품명만 점 구분 한 줄 (묶음 라벨 없음) */
.gift__list{list-style:none;padding:0;margin:0;font-size:var(--t-sm);color:var(--ink-2);line-height:1.8}
.gift__list--row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2,2px) var(--s16);max-width:480px;margin-top:var(--s16);padding-top:var(--s16);border-top:1px solid var(--divider);font-size:var(--t-xs);color:var(--ink-2);line-height:1.7}
.gift__list--row li{padding-left:14px;position:relative}
.gift__list--row li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--star)}
.gift__list--pick{display:flex;gap:var(--s8);margin-top:var(--s12);flex-wrap:wrap}
.gift__list--pick li{display:inline-flex;align-items:center;height:36px;padding:0 var(--s14);border-radius:var(--r-full);background:var(--surface);border:1px solid var(--line);font-weight:600;color:var(--ink)}
.gift__list--pick li + li::before{content:"또는";margin-right:var(--s8);font-weight:400;color:var(--gray)}
/* 리뷰 마키 */
.gift__reviews{margin-top:var(--s48)} /* 위 패널과 48 — 아래 제목·카드는 12 */
.gift__reviews-title{text-align:center;font-family:var(--font-title);font-size:var(--t-h4,20px);font-weight:600;color:var(--ink);margin-bottom:var(--s12);letter-spacing:-.02em}
.marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee__track{display:flex;gap:var(--s12);width:max-content;animation:mq-right 60s linear infinite;padding-block:var(--s4)}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes mq-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.rv{
  width:300px;flex:none;padding:var(--s12) var(--s12) var(--s16);border-radius:var(--r-card);
  background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);text-align:left;
}
/* 사진 자리 — 후기에 사진이 붙을 예정. img가 있으면 그대로, 없으면 연회색 자리표시(아이콘 + '사진') */
.rv__img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-thumb);background:var(--surface-3);margin-bottom:var(--s12)}
.rv__img--empty{display:flex;align-items:center;justify-content:center;gap:var(--s6);font-size:var(--t-xs);color:var(--gray-2)}
.rv__img--empty::before{content:"";width:16px;height:16px;background:var(--gray-2);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3C/svg%3E") no-repeat center/contain}
.rv__quote,.rv__meta{padding-inline:var(--s6)}
.rv__quote{font-size:14px;color:var(--ink);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rv__meta{margin-top:var(--s10);display:flex;align-items:center;gap:var(--s8);font-size:var(--t-xs);color:var(--gray)}
.rv__meta .avatar{width:26px;height:26px;font-size:12px}
.rv__meta .stars{margin-left:auto}
.rv .stars i{width:12px;height:12px}
@media (prefers-reduced-motion:reduce){.marquee__track{animation:none;padding-inline:var(--s16)}.marquee{mask:none;-webkit-mask:none;overflow-x:auto;scroll-snap-type:x proximity}.rv--dup{display:none}.rv{scroll-snap-align:start}}



/* ============ ★ 지원금 간이 확인 ============ 바탕은 .paper--pink (tokens.css) */
.benefit__grid{display:grid;grid-template-columns:400px minmax(0,1fr);gap:clamp(24px,3vw,48px);margin-top:var(--head-gap);align-items:start}
.checker{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);padding:var(--pad-card-lg);box-shadow:var(--shadow-1);position:sticky;top:96px}
.checker__step{margin-bottom:var(--s24)}
.checker__label{display:block;font-size:var(--t-sm);font-weight:600;color:var(--ink);margin-bottom:var(--s12)}
.checker__label span{font-weight:400;color:var(--gray)}
.checker__selects{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8)}
.select{
  height:52px;padding:0 var(--s40) 0 var(--s16);width:100%;
  border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);
  font-size:var(--t-sm);color:var(--ink);appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--gray) 50%),linear-gradient(135deg,var(--gray) 50%,transparent 50%);
  background-position:calc(100% - 20px) 23px,calc(100% - 15px) 23px;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;
  transition:border-color var(--dur-1) var(--ease);
}
.select:hover{border-color:var(--gray-2)}
.select:disabled{background-color:var(--surface-3);color:var(--gray-2);cursor:not-allowed}
.choices{display:flex;flex-wrap:wrap;gap:var(--s8)}
.choice{position:relative}
.choice input{position:absolute;opacity:0;width:0;height:0}
.choice span{
  display:inline-flex;align-items:center;height:var(--h-btn);padding:0 var(--s16);
  border:1px solid var(--line);border-radius:var(--r-full);
  font-size:var(--t-sm);color:var(--ink-2);cursor:pointer;transition:all var(--dur-1) var(--ease);
}
.choice span:hover{border-color:var(--gray-2)}
.choice input:checked + span{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}
.choice input:focus-visible + span{outline:var(--focus);outline-offset:2px}
.checker__inline{display:flex;align-items:center;gap:var(--s8);margin-top:var(--s12);font-size:var(--t-sm);color:var(--ink-2)}
.checker__inline input[type="number"]{
  width:84px;height:var(--h-btn);padding:0 var(--s12);text-align:center;
  border:1px solid var(--line);border-radius:var(--r-card);
}
.checker__inline input[type="number"]:focus{border-color:var(--ink);outline:none}
.checker__hint{margin-top:var(--s16);font-size:var(--t-xs);color:var(--gray);line-height:1.6}

.result{min-height:420px;align-self:stretch}
.result__empty{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s16);
  height:100%;min-height:420px;padding:var(--s40);text-align:center;
  border:1px dashed var(--line);border-radius:var(--r-block);background:var(--surface);
}
.result__empty p{font-size:var(--t-sm);color:var(--ink-2)}
.result__empty strong{display:block;font-size:var(--t-h3);font-weight:600;color:var(--ink)}
.result__head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s12) var(--s20);margin-bottom:var(--s4)}
.result__cond{font-size:var(--t-sm);color:var(--gray)}
.result__count{font-size:clamp(24px,2.4vw,32px);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.result__count b{color:var(--pink)}
.result__split{display:flex;flex-wrap:wrap;gap:var(--s8);margin:var(--s16) 0 var(--s24)}
.result__cards{display:grid;gap:var(--s12)}
.bcard{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s16);align-items:center;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);padding:var(--s20) var(--pad-card);
  transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease);
}
.bcard:hover{border-color:var(--gray-2);box-shadow:var(--shadow-1)}
.bcard__name{font-family:var(--font-body);font-size:var(--t-h3);font-weight:600;color:var(--ink)}
.bcard__meta{margin-top:var(--s4);font-size:var(--t-sm);color:var(--ink-2);display:flex;flex-wrap:wrap;gap:var(--s4) var(--s12)}
.bcard__amt{text-align:right;font-size:19px;font-weight:700;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.bcard__amt small{display:block;font-size:var(--t-xs);font-weight:400;color:var(--gray);margin-top:2px}
.bcard__when{display:inline-flex;align-items:center;height:var(--h-badge);padding:0 var(--s10);border-radius:var(--r-full);font-size:var(--t-tiny);font-weight:600;background:var(--pink-tint);color:var(--pink-ink)}
.bcard__when--mute{background:var(--surface-3);color:var(--gray)}
.rest{position:relative;margin-top:var(--s12);border:1px solid var(--line);border-radius:var(--r-block);background:var(--surface);overflow:hidden}
.rest__list{display:flex;flex-wrap:wrap;gap:var(--s8);padding:var(--pad-card);filter:blur(2.5px);opacity:.6;user-select:none}
.rest__list span{display:inline-flex;align-items:center;height:var(--h-chip);padding:0 var(--s14);border-radius:var(--r-full);background:var(--surface-2);font-size:var(--t-sm);color:var(--ink-2)}
.rest__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s16);padding:var(--s20) var(--pad-card);border-top:1px solid var(--divider);background:var(--surface)}
.rest__cta p{font-size:var(--t-sm);color:var(--ink-2)}
.rest__cta strong{font-weight:600;color:var(--ink)}
.result__src{margin-top:var(--s16);font-size:var(--t-xs);color:var(--gray);line-height:1.7}


/* ============ 후기 월 ============ */
.reviews__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s16)} /* 가운데 정렬 — 스토어 평점은 제목 아래 */
.reviews__head .section-head{display:flex;flex-direction:column;align-items:center}
.reviews__stores{display:flex;align-items:center;gap:var(--s20);font-size:var(--t-sm);color:var(--ink-2)}
.reviews__stores span{display:flex;align-items:center;gap:var(--s8)}
.reviews__stores img{width:17px;height:17px;object-fit:contain}
.reviews__stores b{font-weight:600;color:var(--ink)}
.reviews__tags{display:flex;flex-wrap:wrap;gap:var(--s8);margin-top:var(--s32)}
.tag{
  height:var(--h-chip);padding:0 var(--s16);border-radius:var(--r-full);border:1px solid var(--line);
  font-size:var(--t-sm);color:var(--ink-2);background:var(--surface);transition:all var(--dur-1) var(--ease);
}
.tag:hover{border-color:var(--gray-2)}
.tag[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:500}
.reviews__grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(24px,3vw,48px);margin-top:var(--s32);align-items:start}
.stats{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);padding:var(--pad-card-lg);position:sticky;top:96px}
.stats__title{font-size:var(--t-h3);font-weight:600;color:var(--ink);letter-spacing:-.02em}
.stats__title b{color:var(--pink-ink);font-weight:700}
.stats__sub{margin-top:var(--s8);font-size:var(--t-sm);color:var(--ink-2);line-height:1.65}
.stats__bars{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s20)}
.statbar{
  display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:var(--s10);
  padding:var(--s8);border-radius:var(--r-card);text-align:left;
  transition:background-color var(--dur-1) var(--ease);
}
.statbar:hover{background:var(--surface-2)}
.statbar[aria-pressed="true"]{background:var(--chick-tint)} /* 선택 = 병아리색 (핑크 대신) */
.statbar__label{font-size:var(--t-xs);font-weight:500;color:var(--ink);line-height:1.35}
.statbar__track{height:10px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}
.statbar__track i{display:block;height:100%;border-radius:var(--r-full);background:var(--star);opacity:.3;transition:opacity var(--dur-1) var(--ease)}
.statbar[aria-pressed="true"] .statbar__track i{opacity:1}
.statbar__num{font-size:var(--t-xs);font-weight:600;color:var(--ink);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.statbar__num small{font-weight:400;color:var(--gray)}
.stats__note{margin-top:var(--s16);padding-top:var(--s16);border-top:1px solid var(--divider);font-size:var(--t-xs);color:var(--gray);line-height:1.7}
.wall{
  position:relative;margin-top:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s16);
  height:620px;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);
}
.wall__col{display:flex;flex-direction:column;gap:var(--s16);will-change:transform;animation:wall-up linear infinite}
.wall__col:nth-child(1){animation-duration:52s}
.wall__col:nth-child(2){animation-duration:64s}
.wall__col:nth-child(3){animation-duration:58s}
.wall:hover .wall__col,.wall:focus-within .wall__col{animation-play-state:paused}
@keyframes wall-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.rcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);padding:var(--s20) var(--s24)} /* 안쪽 여백 넉넉히 */
/* 머리: 프로필(이름 첫 글자 + 파스텔 6색 중 하나) · 이름 · 날짜·스토어 → 여러 사람이 쓴 게 한눈에 */
.rcard__head{display:flex;align-items:center;gap:var(--s10)}
.avatar{width:30px;height:30px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:700;font-size:14px;color:var(--ink);background:var(--pink-tint)}
.avatar--1{background:#ffd6e0}.avatar--2{background:#cfe6fa}.avatar--3{background:#d3f0dc}.avatar--4{background:#ffeaa8}.avatar--5{background:#e6d9fb}.avatar--6{background:#ffe0cc}
.rcard__who{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.rcard__name{font-size:14px;font-weight:600;color:var(--ink)}
.rcard__meta{font-size:12px;color:var(--gray)}
.rcard__stars{margin-left:auto;color:var(--star);letter-spacing:.5px;font-size:11px;flex:none}
/* 본문: 좋은 문장 하나를 크게(형광펜) + 원문은 접어두고 '원문 보기' */
.rcard__quote{margin-top:var(--s12);font-size:14px;font-weight:500;color:var(--ink);line-height:1.7;word-break:keep-all} /* 16→14: 카드 안에서 크게 보이면 오히려 안 읽힘 */
.hl{background:none;padding:0;color:inherit;font-weight:inherit} /* 형광펜 제거(260913) — 문장 자체를 크게 보여주는 것으로 충분 */
.rcard__more{margin-top:var(--s10);font-size:12px;color:var(--ink-2)}
.rcard__more summary{color:var(--gray);cursor:pointer;display:inline-flex;align-items:center;gap:var(--s4)}
.rcard__more summary:hover{color:var(--ink-2)}
.rcard__more[open] summary{margin-bottom:var(--s8)}
.rcard__full{font-size:13px;color:var(--ink-2);line-height:1.7;word-break:keep-all}
.reviews__note{margin-top:var(--s20);font-size:var(--t-xs);color:var(--gray);text-align:center}

/* ============ 마무리 ============ */
.outro{position:relative;overflow:hidden;background:linear-gradient(170deg,var(--pink-tint) 0%,#fff 58%);padding-block:0} /* 실제 바탕은 .paper--echo */
.outro .wrap{padding-block:clamp(56px,6vw,96px)}
.outro__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(32px,4vw,64px);align-items:center}
.outro__title{font-size:var(--t-h2);font-weight:600;color:var(--ink);letter-spacing:-.03em;line-height:1.34}
.outro__text{margin-top:var(--s16);font-size:var(--t-lead);color:var(--ink-2)}
.outro__actions{display:flex;flex-wrap:wrap;gap:var(--s10);margin-top:var(--s32)}
.outro__qr{display:flex;align-items:center;gap:var(--s20);margin-top:var(--s32);padding:var(--s16);background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:var(--r-block);width:fit-content}
.outro__qr img{width:104px;height:104px;border-radius:var(--r-card);background:#fff}
.outro__qr p{font-size:var(--t-sm);color:var(--ink-2);line-height:1.6}
.outro__qr strong{display:block;font-weight:600;color:var(--ink);margin-bottom:var(--s4)}
.outro__visual{position:relative}
.outro__visual .photo{aspect-ratio:3/2}
.outro__baby{position:absolute;right:-24px;bottom:-32px;width:132px}

/* ============ 푸터 ============ */
.footer{background:var(--surface-2);border-top:1px solid var(--divider);padding-block:var(--s56)}
.footer__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s40);align-items:start}
.footer__info{font-style:normal;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8) var(--s40);max-width:760px}
.footer__row{display:flex;gap:var(--s12);font-size:var(--t-xs);color:var(--ink-2)}
.footer__row dt{width:96px;flex:none;color:var(--gray)}
.footer__logo img{height:22px;opacity:.45}

/* ============ 토스트 ============ */
/* 플로팅 다운로드 버튼은 없앴다. 헤더 CTA가 sticky라 항상 보이고, 모바일에서 본문을 가렸다. */
.toast{
  position:fixed;left:50%;bottom:var(--s40);transform:translate(-50%,14px);z-index:var(--z-top);
  background:var(--ink);color:#fff;font-size:var(--t-sm);padding:var(--s12) var(--s20);border-radius:var(--r-full);
  opacity:0;pointer-events:none;transition:all var(--dur-2) var(--ease);
}
.toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ============ 반응형 ============ */
@media (max-width:1200px){
  .allin__grid{grid-template-columns:repeat(4,1fr)}
  .benefit__grid{grid-template-columns:360px minmax(0,1fr)}
}
@media (max-width:1024px){
  .nav{display:none}
  .nav-toggle{display:flex}
  .header__inner{height:64px}
  .nav.is-open{
    display:block;position:absolute;left:0;right:0;top:100%;margin:0;
    background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-1);
  }
  .nav.is-open .nav__list{flex-direction:column;align-items:stretch;padding:var(--s12) var(--s20) var(--s20)}
  .nav.is-open .nav__link{padding:var(--s12) var(--s8);font-size:var(--t-body)}

  .hero__grid{grid-template-columns:1fr;justify-items:center;text-align:center}
  .hero__copy{width:100%;max-width:640px;min-width:0}
  .stage-tabs,.hero__actions{margin-inline:auto;justify-content:center}
  .hero__stage{max-width:520px;margin-inline:auto}

  .weekly__grid{grid-template-columns:minmax(0,1fr)}
  .weekly__copy{min-width:0}
  .weekly__guide{position:static;max-width:520px}
  .growth__grid{grid-template-columns:minmax(0,1fr)}
  .growth__copy{min-width:0}
  .growth__stage{position:static}
  .section-head__baby{display:none}
  .mom-say__img{width:160px}
  .record__grid{grid-template-columns:1fr}
  .record__sticky{position:static;order:-1}
  .record__steps{padding-block:var(--s32) 0;gap:var(--s32)}
  .record__step:not(.is-active){opacity:1}
  .gift__tab small{display:none}
  .gift .section-lead br{display:none}
  .gift__panel{grid-template-columns:1fr;padding:var(--s16);text-align:center}
  .gift__body{padding:var(--s8) var(--s4) 0;align-items:center}
  .gift__body{align-items:center}
  .gift__list--row{grid-template-columns:1fr;text-align:left}
  .dc{scale:.7}
  .rv{width:260px}
  .baby__feature{grid-template-columns:1fr}
  .baby__cards{grid-template-columns:repeat(2,1fr)}
  .outro__grid{grid-template-columns:1fr}
  .outro__baby{display:none}
}
@media (max-width:860px){
  .trust{margin-top:0}
  .trust__bar{grid-template-columns:1fr;gap:var(--s12);padding:var(--s16) var(--s20)}
  .trust__item + .trust__item::before{left:0;top:auto;bottom:calc(var(--s6) * -1);width:100%;height:1px}
  .trust__item{padding:var(--s6) 0}
  .allin__grid{grid-template-columns:repeat(3,1fr)}
  .benefit__grid{grid-template-columns:1fr}
  .checker{position:static}
  .result{min-height:0}
  .result__empty{min-height:0;padding:var(--s20);gap:var(--s8)}
  .result__empty strong{font-size:var(--t-body)}
  .result__empty br{display:none}
  .reviews__grid{grid-template-columns:1fr}
  .stats{position:static}
  .wall{height:540px}
  .footer__inner{grid-template-columns:1fr}
  .footer__info{grid-template-columns:1fr}
}
@media (max-width:600px){
  :root{--pad-card-lg:20px;--head-gap:32px}
  .header__actions .partner{display:none}
  .stage-tabs{flex-wrap:nowrap;width:100%;justify-content:space-between}
  .stage-tab{padding:0 var(--s12);font-size:var(--t-sm)}
  .hero__family{display:none}
  .hero__phone{display:none}
  /* 무대 390: 폰 없음. 가족 카드 왼쪽 위 → 아이콘 1·3 왼쪽 세로 → 아이콘 2 오른쪽 위. 캐릭터는 x 38%~ y 43%~ */
  .hero__stage{max-width:360px;--r:42cqw}
  .hero__fam-card img{width:32px;height:32px}
  .hero__icon{width:18cqw}
  .hero__icon--1{--a:186deg}
  .hero__icon--2{--a:226deg}
  .hero__icon--3{--a:314deg}
  .hero__icon--4{--a:354deg}
  .hero__icon--5{--a:32deg}
  /* 3아이콘 상태(결혼 준비중·임신 계획중): 폰·가족 카드가 없어 위가 비므로 캐릭터 머리 위 아치(왼쪽 위 212° · 꼭대기 270° 반지름 34cqw · 오른쪽 위 328°). 꼭대기 아이콘 바닥 ≈ y100 < 캐릭터 머리 y126 */
  .hero__stage[data-n="3"] .hero__icon--1{--a:212deg}
  .hero__stage[data-n="3"] .hero__icon--2{--a:270deg;--r:34cqw}
  .hero__stage[data-n="3"] .hero__icon--3{--a:328deg}
  .hero__fam-card{top:0}
  .hero__fam-hand{font-size:26px;top:-30px}
  .hero__fam-card p{font-size:var(--t-tiny)}
  .hero__char{height:56%;left:50%}  /* 폰이 없으니 블롭 정중앙(데스크톱 53%는 폰 자리 확보용). 375에서 캐릭터 중심 181→171 */
  .allin__grid{grid-template-columns:repeat(3,1fr);gap:var(--s8)}
  .tile{padding:var(--s16) var(--s8)}
  .tile__img{width:56px;height:56px}
  .tile__text{display:none}
  .baby__cards{grid-template-columns:1fr}
  .wall{grid-template-columns:1fr;height:480px}
  .wall__col:nth-child(2){display:none}
  .checker__selects{grid-template-columns:1fr}
  .mom-say{gap:var(--s10)}
  .mom-say__img{width:112px}
  .mom-say__bubble{font-size:var(--t-sm);padding:var(--s12) var(--s14)}
  .growth__fields{grid-template-columns:1fr}
  .pct__row{grid-template-columns:96px minmax(0,1fr) 48px}
  .bcard{grid-template-columns:1fr;gap:var(--s10)}
  .bcard__amt{text-align:left}
}

/* ============ 260914 개편 ① 지원금 — 가로 조건 바 + 결과는 버튼 뒤에만 ============
   빈 상태 = 조건 바 자체. 결과 영역은 submit 전엔 렌더하지 않아 섹션 높이를 절반으로 줄임. */
.benefit__grid--stack{display:block}
.checker--bar{position:static;padding:var(--s24) var(--pad-card-lg)}
.checker__row{display:grid;grid-template-columns:minmax(230px,1.1fr) minmax(320px,1.7fr) auto auto minmax(200px,auto);gap:var(--s16) var(--s24);align-items:stretch}
.checker--bar .checker__step{margin-bottom:0}
.checker--bar .checker__label{margin-bottom:var(--s8)}
.checker__phase{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s8) var(--s12)}
.checker--bar .checker__inline{margin-top:0}
.checker__step--cta{display:flex;flex-direction:column;justify-content:flex-end}
.checker__btn{height:52px;padding:0 var(--s24);white-space:nowrap}
.checker--bar .checker__hint{margin-top:var(--s16)}
.result--after{min-height:0;margin-top:var(--s20)}
.result--after[hidden]{display:none}
.result--after .result__split{margin:var(--s12) 0 var(--s16)}
.result--after .result__cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.result--after .bcard{grid-template-columns:1fr;gap:var(--s10);padding:var(--s16) var(--s20);align-content:start}
.result--after .bcard__name{font-size:var(--t-body)}
.result--after .bcard__amt{text-align:left;display:flex;align-items:baseline;gap:var(--s8);white-space:normal}
.result--after .bcard__amt small{display:inline;margin:0}
.result--after .rest__list{padding:var(--s12) var(--pad-card)}
.result--after .rest__cta{padding:var(--s14) var(--pad-card)}
@media (max-width:1100px){.checker__row{grid-template-columns:1fr 1fr}.checker__step--cta{grid-column:1/-1}.checker__btn{width:100%}}
@media (max-width:600px){.checker--bar{padding:var(--s20)}.checker__row{grid-template-columns:1fr}.result--after .result__cards{grid-template-columns:1fr}}

/* ============ 260914 개편 ② 리뷰 & 상담 — 업종 칩 · 랭킹+후기 · 비교표 · 실시간 ============ */
.vd-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s8);margin:var(--s32) 0 0;padding:0;list-style:none}
.vd-cat{display:inline-flex;align-items:center;gap:var(--s8);height:var(--h-btn);padding:0 var(--s16);border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface);font-size:var(--t-sm);color:var(--ink)}
.vd-cat b{font-weight:600}.vd-cat small{font-size:var(--t-xs);color:var(--gray)}
.vd-cat.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.vd-cat.is-on small{color:rgba(255,255,255,.72)}
.vd-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s20);margin-top:var(--s24);align-items:start}
.vd-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);padding:var(--pad-card);box-shadow:var(--shadow-1)}
.vd-panel__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s12);flex-wrap:wrap}
.vd-panel__title{font-family:var(--font-title);font-size:var(--t-h3);font-weight:600;color:var(--ink);display:flex;align-items:center;gap:var(--s8)}
.vd-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:var(--r-full);background:var(--pink);color:#fff;font-size:var(--t-xs);font-weight:700}
.vd-panel__sub{margin-top:var(--s4);font-size:var(--t-xs);color:var(--gray);line-height:1.5}
.vd-filters{display:flex;gap:var(--s6)}
.vd-filter{display:inline-flex;align-items:center;gap:var(--s4);height:32px;padding:0 var(--s12);border-radius:var(--r-full);border:1px solid var(--line);font-size:var(--t-xs);color:var(--ink-2);background:var(--surface);white-space:nowrap}
.vd-filter svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vd-list{list-style:none;margin:var(--s16) 0 0;padding:0;display:grid;gap:var(--s10)}
.vd-item{display:grid;grid-template-columns:auto 96px minmax(0,1fr) auto;gap:var(--s14);align-items:center;padding:var(--s12);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}
.vd-item:hover{border-color:var(--gray-2);box-shadow:var(--shadow-1)}
.vd-rankno{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:700;font-size:var(--t-sm);background:var(--surface-3);color:var(--ink-2)}
.vd-rankno--1{background:var(--pink);color:#fff}
.vd-rankno--2,.vd-rankno--3{background:var(--pink-tint);color:var(--pink-ink)}
.vd-thumb{width:96px;height:72px;object-fit:cover;border-radius:var(--r-thumb);background:var(--surface-3)}
.vd-name{font-size:var(--t-body);font-weight:600;color:var(--ink)}
.vd-meta{margin-top:2px;font-size:var(--t-xs);color:var(--gray)}
.vd-score{margin-top:var(--s6);display:flex;align-items:center;gap:var(--s6);font-size:var(--t-xs);color:var(--gray)}
.vd-score b{font-size:var(--t-sm);color:var(--ink)}
.vd-score .stars i{width:12px;height:12px}
.vd-tags{display:flex;flex-wrap:wrap;gap:var(--s4);margin-top:var(--s8)}
.vd-tag{display:inline-flex;align-items:center;height:22px;padding:0 var(--s8);border-radius:var(--r-tag);background:var(--surface-3);font-size:var(--t-tiny);font-weight:600;color:var(--ink-2)}
.vd-tag--deal{background:var(--pink-tint);color:var(--pink-ink)}
.vd-price{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s4);text-align:right}
.vd-price small{font-size:var(--t-tiny);color:var(--gray)}
.vd-price b{font-size:var(--t-body);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.vd-cmp{margin-top:var(--s4);display:inline-flex;align-items:center;gap:var(--s4);height:30px;padding:0 var(--s12);border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface);font-size:var(--t-xs);font-weight:600;color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:all var(--dur-1) var(--ease)}
.vd-cmp:hover{border-color:var(--gray-2)}
.vd-cmp.is-on{background:var(--pink-tint);border-color:#f7c3d1;color:var(--pink-ink)}
.vd-cmp.is-on::before{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") no-repeat center/contain}
.vd-reviews{margin-top:var(--s20);padding-top:var(--s20);border-top:1px solid var(--divider)}
.vd-reviews__title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s8);font-size:var(--t-sm);font-weight:600;color:var(--ink)}
.vd-reviews__title span{font-size:var(--t-xs);font-weight:500;color:var(--gray)}
.vd-rv{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12);margin-top:var(--s12)}
.vd-rvcard{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--s10) var(--s12);padding:var(--s12);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface-2)}
.vd-rvimg{width:72px;height:72px;object-fit:cover;border-radius:var(--r-thumb)}
.vd-rvq{font-size:var(--t-sm);color:var(--ink);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vd-rvm{grid-column:1/-1;display:flex;align-items:center;gap:var(--s8);font-size:var(--t-xs);color:var(--gray)}
.vd-rvm .avatar{width:24px;height:24px;font-size:11px}
.vd-rvm .stars{margin-left:auto}.vd-rvm .stars i{width:11px;height:11px}
/* 비교표 */
.vd-table{margin-top:var(--s16)}
.vd-tr{display:grid;grid-template-columns:88px repeat(3,minmax(0,1fr));align-items:center;gap:var(--s6);padding:var(--s8) 0;border-bottom:1px solid var(--divider)}
.vd-tr--head{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:var(--s14);border-bottom:1px solid var(--line)}
.vd-th{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s4);padding:0 var(--s4)}
.vd-th b{font-size:var(--t-sm);font-weight:600;color:var(--ink);line-height:1.3}
.vd-star{font-family:var(--font-title);font-size:var(--t-h3);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.vd-star::before{content:"★ ";color:var(--star)}
.vd-th small{font-size:var(--t-tiny);color:var(--gray)}
.vd-consult{margin-top:var(--s6);display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 var(--s12);border-radius:var(--r-card);background:var(--pink);color:#fff;font-size:var(--t-xs);font-weight:600;transition:background var(--dur-1) var(--ease)}
.vd-consult:hover{background:#f45580}
.vd-group{margin-top:var(--s14);padding:var(--s6) 0;font-size:var(--t-sm);font-weight:600;color:var(--ink)}
.vd-group span{color:var(--gray);font-weight:500}
.vd-label{font-size:var(--t-xs);color:var(--ink-2);padding:var(--s6) var(--s8);background:var(--surface-3);border-radius:var(--r-tag);text-align:center;line-height:1.3}
.vd-td{display:flex;justify-content:center;align-items:center;text-align:center;font-size:var(--t-sm);color:var(--ink-2);font-variant-numeric:tabular-nums}
.vd-td.is-best{color:var(--pink-ink);font-weight:700}
.vd-ok,.vd-no{display:inline-block;width:18px;height:18px}
.vd-ok{background:var(--pink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") no-repeat center/contain}
.vd-no{background:var(--gray-2);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E") no-repeat center/contain}
.vd-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--s8);margin-top:var(--s16)}
.vd-actions .btn{height:var(--h-btn);font-size:var(--t-sm);padding:0 var(--s12)}
.vd-foot{margin-top:var(--s10);text-align:center;font-size:var(--t-xs);color:var(--gray)}.vd-foot b{color:var(--ink)}
/* 실시간 */
.vd-live{margin-top:var(--s16);display:flex;align-items:center;gap:var(--s12);flex-wrap:wrap;padding:var(--s12) var(--pad-card);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block)}
.vd-live__dot{width:8px;height:8px;border-radius:50%;background:#e5484d;flex:none;animation:vd-pulse 1.6s ease-out infinite}
@keyframes vd-pulse{0%{box-shadow:0 0 0 0 rgba(229,72,77,.35)}100%{box-shadow:0 0 0 8px rgba(229,72,77,0)}}
.vd-live > b{font-size:var(--t-sm);color:var(--ink);white-space:nowrap}
.vd-ticker{list-style:none;margin:0;padding:0;flex:1;min-width:240px;height:24px;overflow:hidden}
.vd-ticker li{height:24px;line-height:24px;font-size:var(--t-sm);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vd-ticker.is-moving{transition:none}
.vd-ticker em{font-style:normal;color:var(--pink-ink);font-weight:600}
.vd-ticker span{margin-left:var(--s8);font-size:var(--t-xs);color:var(--gray)}
.vd-live__more{margin-left:auto;font-size:var(--t-sm);font-weight:600;color:var(--ink);white-space:nowrap}
@media (max-width:1024px){.vd-grid{grid-template-columns:1fr}}
@media (max-width:600px){
  .vd-cat{height:40px;padding:0 var(--s12);font-size:var(--t-xs)}
  .vd-item{grid-template-columns:auto minmax(0,1fr)}
  .vd-thumb{display:none}
  .vd-price{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}
  .vd-rv{grid-template-columns:1fr}
  .vd-tr{grid-template-columns:72px repeat(3,minmax(0,1fr))}
  .vd-actions{grid-template-columns:1fr}
  .vd-live__more{margin-left:0}
  .vd-th{padding:0}
  .vd-consult{padding:0 var(--s8);font-size:var(--t-tiny);white-space:nowrap}
  .vd-star{font-size:19px}
}
@media (prefers-reduced-motion:reduce){.vd-live__dot{animation:none}}

/* ============ 260914 개편 ③ 타임캡슐 — 봄이의 편지 + 페인포인트 해소 + 기록으로 만드는 것 ============ */
.cap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,3vw,48px);margin-top:var(--head-gap);align-items:start}
.cap__letter{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);padding:var(--s40) var(--pad-card-lg) var(--pad-card-lg);box-shadow:var(--shadow-1)}
.cap__env{position:absolute;top:-28px;left:50%;translate:-50% 0;width:56px;height:56px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-1);display:flex;align-items:center;justify-content:center}
.cap__env img{width:38px;height:38px}
.cap__lhead{display:flex;justify-content:space-between;align-items:center;padding-left:var(--s12);border-left:3px solid var(--pink)}
.cap__ltag{font-size:var(--t-sm);font-weight:600;color:var(--pink-ink)}
.cap__lhead time{font-size:var(--t-xs);color:var(--gray)}
.cap__ltext{margin-top:var(--s20);font-size:var(--t-body);color:var(--ink);line-height:1.8}
.cap__sign{margin-top:var(--s12);text-align:right;font-size:var(--t-sm);color:var(--gray)}
.cap__q,.cap__a{display:flex;gap:var(--s12);align-items:flex-start;margin-top:var(--s16);padding:var(--s16);border-radius:var(--r-card)}
.cap__q{background:var(--pink-tint)}
.cap__a{background:var(--surface-2);border:1px solid var(--line)}
.cap__ava{width:32px;height:32px;border-radius:50%;flex:none;object-fit:cover;background:#fff}
.cap__q small,.cap__a small{display:block;font-size:var(--t-xs);font-weight:600;color:var(--pink-ink);margin-bottom:var(--s4)}
.cap__a small{color:var(--gray)}
.cap__q b{font-size:var(--t-body);font-weight:600;color:var(--ink);line-height:1.5}
.cap__a p{font-size:var(--t-sm);color:var(--ink-2);line-height:1.7}
.cap__stack{margin-top:var(--s16);padding-top:var(--s16);border-top:1px dashed var(--line)}
.cap__stack-label{font-size:var(--t-xs);font-weight:600;color:var(--gray)}
.cap__chips{display:flex;flex-wrap:wrap;gap:var(--s6);margin-top:var(--s8)}
.cap__chips span{display:inline-flex;align-items:center;height:28px;padding:0 var(--s10);border-radius:var(--r-full);background:var(--surface-3);font-size:var(--t-xs);color:var(--ink-2)}
.cap__more{display:flex;align-items:center;justify-content:space-between;margin-top:var(--s16);height:var(--h-btn);padding:0 var(--s16);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);font-size:var(--t-sm);font-weight:600;color:var(--ink);transition:border-color var(--dur-1) var(--ease)}
.cap__more:hover{border-color:var(--gray-2)}
.cap__more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cap__side{display:flex;flex-direction:column;gap:var(--s16)}
.cap__relief{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12);list-style:none;margin:0;padding:0}
.cap__relief li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);padding:var(--s20)}
.cap__pain{display:inline-block;font-size:var(--t-xs);font-weight:600;color:var(--pink-ink);background:var(--pink-tint);padding:4px 10px;border-radius:var(--r-full)}
.cap__relief p{margin-top:var(--s12);font-size:var(--t-sm);color:var(--ink-2);line-height:1.7}
.cap__relief b{display:block;font-size:var(--t-body);font-weight:600;color:var(--ink);margin-bottom:var(--s4)}
.cap__media{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);padding:var(--s20);box-shadow:var(--shadow-1)}
.cap__media-title{font-size:var(--t-sm);font-weight:600;color:var(--ink);margin-bottom:var(--s12)}
.cap__tabs{display:flex;gap:var(--s6);flex-wrap:wrap}
.cap__tab{height:var(--h-chip);padding:0 var(--s16);border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface);font-size:var(--t-sm);font-weight:500;color:var(--ink-2);cursor:pointer;transition:all var(--dur-1) var(--ease)}
.cap__tab:hover{border-color:var(--gray-2)}
.cap__tab.is-on,.cap__tab[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}
.cap__panel{margin-top:var(--s16)}
.cap__panel[hidden]{display:none}
.vslot{position:relative;aspect-ratio:16/9;border-radius:var(--r-card);background:linear-gradient(135deg,var(--pink-tint),var(--sky-tint));border:1px dashed #f3c9d5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s10);overflow:hidden}
.vslot__play{width:56px;height:56px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-2);display:flex;align-items:center;justify-content:center}
.vslot__play svg{width:22px;height:22px;fill:var(--pink);margin-left:3px}
.vslot__label{font-size:var(--t-xs);font-weight:600;color:var(--gray)}
.cap__desc{margin-top:var(--s12);font-size:var(--t-sm);color:var(--ink-2);line-height:1.7}
.cap__desc b{color:var(--ink);font-weight:600}
.cap__album{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s8);margin-top:var(--s16)}
.cap__album img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-thumb)}
.cap__note{margin-top:var(--s12);font-size:var(--t-xs);color:var(--gray);line-height:1.6}
@media (max-width:1024px){.cap{grid-template-columns:1fr}}
@media (max-width:600px){.cap__relief{grid-template-columns:1fr}.cap__letter{padding:var(--s32) var(--s20) var(--s20)}}

/* ============ 260914-2 필터 칩 (오늘의집 검색 결과 필터 패턴) ============
   <details.fchip> 요약 = 칩, 열면 아래 팝오버. 고른 칩(.is-set) = 브랜드 컬러 스트로크 + 브랜드 컬러 글자. 열린 칩([open]) = 잉크 테두리 */
.fchip{position:relative}
.fchip__btn{
  list-style:none;display:inline-flex;align-items:center;gap:var(--s6);height:var(--h-btn);padding:0 var(--s12) 0 var(--s16);
  border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);cursor:pointer;user-select:none;
  font-size:var(--t-sm);color:var(--ink);white-space:nowrap;transition:border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease);
}
.fchip__btn::-webkit-details-marker{display:none}
.fchip__btn:hover{border-color:var(--gray-2)}
.fchip__k{color:var(--gray);font-weight:500}
.fchip__v{font-weight:600}
.fchip__chev,.fchip__ico{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform var(--dur-1) var(--ease)}
.fchip__ico{color:var(--gray)}
.fchip[open] > .fchip__btn{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}
.fchip[open] > .fchip__btn .fchip__chev{transform:rotate(180deg)}
.fchip.is-set > .fchip__btn{border-color:var(--pink);box-shadow:0 0 0 1px var(--pink) inset;color:var(--pink-ink)}
.fchip.is-set > .fchip__btn .fchip__k{color:var(--pink-ink);opacity:.8}
.fchip.is-set > .fchip__btn .fchip__ico{color:var(--pink-ink)}
.fchip__btn:focus-visible{outline:var(--focus);outline-offset:2px}
.fchip__pop{
  position:absolute;left:0;top:calc(100% + 8px);z-index:20;min-width:280px;padding:var(--s16);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);box-shadow:var(--shadow-2);
}
.fchip__pop--right{left:auto;right:0}
.fchip__pop .checker__selects{grid-template-columns:1fr 1fr;min-width:300px}
.fchip__pop .checker__inline{margin-top:var(--s12)}
.fchip__hint{margin-top:var(--s12);font-size:var(--t-xs);color:var(--gray);line-height:1.5}
.fchip--sm .fchip__btn{height:32px;padding:0 var(--s10) 0 var(--s12);font-size:var(--t-xs)}
.fchip--sm .fchip__chev{width:14px;height:14px}

/* 지원금 조건 바 */
.fbar{padding:0}
.fbar__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s8)}
.fbar__go{height:var(--h-btn);padding:0 var(--s24);margin-left:auto}
.fbar__hint{margin-top:var(--s12);font-size:var(--t-xs);color:var(--gray);line-height:1.6}
.fbar__hint b{color:var(--ink);font-weight:600}
.result--list{min-height:0;margin-top:var(--s20)}
.result--list[hidden]{display:none}
.result--list .result__head{margin-bottom:var(--s8)}
.result--list .result__split{margin:var(--s10) 0 var(--s14)}
.result--list .result__cards{gap:var(--s8)}
.result--list .bcard{padding:var(--s14) var(--s20);border-radius:var(--r-card)}
.result--list .bcard__name{font-size:var(--t-body)}
.result--list .rest{margin-top:var(--s8)}
.result--list .rest__list{padding:var(--s10) var(--pad-card)}
.result--list .rest__cta{padding:var(--s12) var(--pad-card)}
@media (max-width:860px){.fbar__go{margin-left:0;width:100%}.fchip__pop{min-width:min(320px,calc(100vw - 48px))}}
@media (max-width:600px){.fchip__btn{height:40px;font-size:var(--t-xs)}.fchip__pop--right{left:0;right:auto}}
/* 260914 모바일: 칩 기준 팝오버(최소 320px)가 375px 화면 밖으로 나가 "계획 중"이 잘림 → 조건 바 전체 폭으로 펼침(칩은 static, 바가 기준) */
@media (max-width:600px){.fbar__row{position:relative}.fbar .fchip{position:static}.fbar .fchip__pop{left:0;right:0;top:100%;margin-top:var(--s8);min-width:0;width:100%}.fbar .fchip__pop .checker__selects{min-width:0}}

/* ============ 260914-2 리뷰 & 상담 — 헤드 2단 · 업종 전환 · 위치 · 티커 ============ */
.vd-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center}
.vd-head__copy{max-width:none;text-align:left}
.vd-head__copy .pain{margin-left:52px}
.vd-head__side{display:flex;align-items:center;gap:var(--s16)}
.vd-head__baby{width:150px;height:auto;flex:none;filter:drop-shadow(0 12px 20px rgba(53,48,48,.10))}
.vd-cats__label{font-size:var(--t-xs);font-weight:600;color:var(--gray);margin-bottom:var(--s8)}
.vd-cats{display:flex;flex-wrap:wrap;gap:var(--s6);margin:0;padding:0;list-style:none;justify-content:flex-start}
.vd-cat{display:inline-flex;align-items:center;gap:var(--s6);height:40px;padding:0 var(--s14);border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface);font-size:var(--t-sm);color:var(--ink);cursor:pointer;transition:all var(--dur-1) var(--ease)}
.vd-cat:hover{border-color:var(--gray-2)}
.vd-cat b{font-weight:600}.vd-cat small{font-size:var(--t-xs);color:var(--gray)}
.vd-cat.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.vd-cat.is-on small{color:rgba(255,255,255,.72)}
.vd-cat:focus-visible{outline:var(--focus);outline-offset:2px}
.vd-grid{margin-top:var(--s28)}
.vd-thumb--ph{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:22px;font-weight:700;color:var(--pink-ink);background:var(--pink-tint)}
.vd-inc{display:inline-flex;align-items:center;gap:var(--s4);margin-top:var(--s4);height:24px;padding:0 var(--s8);border-radius:var(--r-tag);background:var(--surface-3);font-size:var(--t-tiny);font-weight:600;color:var(--ink-2);white-space:nowrap}
.vd-rvcard--noimg{grid-template-columns:1fr}
.vd-appbtn{margin-top:var(--s10);height:var(--h-btn);font-size:var(--t-sm)}
.vd-loc__me{display:flex;align-items:center;gap:var(--s8);width:100%;height:var(--h-btn);padding:0 var(--s12);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);font-size:var(--t-sm);font-weight:600;color:var(--ink);cursor:pointer;text-align:left}
.vd-loc__me:hover{border-color:var(--gray-2)}
.vd-loc__me svg{width:18px;height:18px;fill:none;stroke:var(--pink);stroke-width:2;stroke-linecap:round;flex:none}
.vd-loc__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s6);margin-top:var(--s8)}
.vd-loc__row input{height:var(--h-btn);padding:0 var(--s12);border:1px solid var(--line);border-radius:var(--r-card);font-size:var(--t-sm);color:var(--ink);min-width:0}
.vd-loc__row input:focus{border-color:var(--ink);outline:none}
.vd-loc__apply{height:var(--h-btn);padding:0 var(--s16);font-size:var(--t-sm)}
.vd-ticker{flex:1;min-width:240px;height:24px;overflow:hidden;position:relative}
.vd-ticker__track{list-style:none;margin:0;padding:0;will-change:transform}
.vd-ticker__track li{height:24px;line-height:24px;font-size:var(--t-sm);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vd-ticker__track em{font-style:normal;color:var(--pink-ink);font-weight:600}
.vd-ticker__track span{margin-left:var(--s8);font-size:var(--t-xs);color:var(--gray)}
@media (max-width:1024px){.vd-head{grid-template-columns:1fr}.vd-head__copy .pain{margin-left:52px}}
@media (max-width:600px){.vd-head__side{flex-direction:column;align-items:flex-start}.vd-head__baby{width:110px}.vd-cat{height:36px;padding:0 var(--s10);font-size:var(--t-xs)}.vd-cat small{display:none}}

/* ============ 260914-2 럽맘 혜택 — 배경 합성 사진 · 제작권/제품 2열 ============ */
.gift__figure{background:none;aspect-ratio:4/3;overflow:hidden;border-radius:calc(var(--r-block) - 10px)}
.gift__figure > img,.gift__figure:has(.gift__art) > img{width:100%;height:100%;max-height:none;object-fit:cover;margin:0;filter:none}
.gift__figure .deco{display:none}
.gift__cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s16);max-width:480px;margin-top:var(--s16);padding-top:var(--s16);border-top:1px solid var(--divider)}
.gift__col-title{font-size:var(--t-xs);font-weight:600;color:var(--gray);margin-bottom:var(--s6)}
.gift__cols .gift__list{font-size:var(--t-xs);line-height:1.7}
.gift__cols .gift__list li{padding-left:14px;position:relative}
.gift__cols .gift__list li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--star)}
.gift__cols .gift__list li.is-more{color:var(--gray)}
.gift__cols .gift__list li.is-more::before{background:var(--gray-2)}
@media (max-width:600px){.gift__cols{grid-template-columns:1fr}}

/* ============ 260914-2 타임캡슐 보정 ============ */
.cap__media-title span{margin-left:var(--s6);font-weight:500;color:var(--gray);font-size:var(--t-xs)}
.cap__album{margin-top:0;grid-template-columns:repeat(2,1fr)}
.cap__album img{aspect-ratio:4/3}

/* ============ 260914-3 대표 피드백 6건 ============ */
/* 1. 리뷰&상담 업종 = 한 줄 필터 바(넘치면 가로 스크롤) · 비교표 '엄마들 평가'는 블러 + 앱에서 확인 */
.vd-head__side{justify-content:center}
.vd-head__baby{width:200px}
.vd-bar{display:flex;align-items:center;gap:var(--s12);margin-top:var(--s24);padding:var(--s10) var(--s16);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-full);box-shadow:var(--shadow-1)}
.vd-bar .vd-cats__label{margin:0;flex:none;padding-right:var(--s12);border-right:1px solid var(--line);font-size:var(--t-sm);font-weight:600;color:var(--ink)}
.vd-bar .vd-cats{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0}
.vd-bar .vd-cats::-webkit-scrollbar{display:none}
.vd-bar .vd-cat{flex:none;height:36px}
.vd-bar__hint{flex:none;margin:0;font-size:var(--t-xs);color:var(--gray)}
.vd-lock{margin-top:var(--s4)}
.vd-lock .lock__body{filter:blur(5px);opacity:.55}
.vd-lock .lock__cta{gap:var(--s8);padding:var(--s12)}
.vd-lock .lock__text{font-size:var(--t-sm)}
@media (max-width:1100px){.vd-bar__hint{display:none}} /* 칩 스크롤 영역을 먼저 지킨다 */
@media (max-width:600px){.vd-bar{border-radius:var(--r-block);padding:var(--s8) var(--s10)}.vd-bar .vd-cats__label{display:none}.vd-head__baby{width:140px}}

/* 2. 지원금 첫 진입 = 입력 폼(.fbar.is-form: 칩이 펼쳐진 필드) + 예시 3건 + 큰 CTA. 확인하기 뒤엔 .is-form이 빠지며 필터 칩 모드 */
.fbar.is-form .fbar__row{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(280px,1.5fr) auto auto;gap:var(--s20) var(--s28);align-items:start;padding:var(--s24) var(--pad-card-lg);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);box-shadow:var(--shadow-1)}
.fbar.is-form .fchip{position:static}
.fbar.is-form .fchip__btn{height:auto;padding:0;border:0;background:none;box-shadow:none;pointer-events:none;margin-bottom:var(--s10);font-size:var(--t-sm);color:var(--ink)}
.fbar.is-form .fchip__btn .fchip__k{color:var(--ink);font-weight:600}
.fbar.is-form .fchip__btn .fchip__v,.fbar.is-form .fchip__btn .fchip__chev{display:none}
.fbar.is-form .fchip__pop{position:static;min-width:0;width:auto;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none}
.fbar.is-form .fchip__pop .checker__selects{min-width:0}
.fbar.is-form .fbar__go{display:none}
.fbar.is-form .fbar__hint{padding-inline:var(--s4)}
.teaser{margin-top:var(--s24);text-align:center}
.teaser[hidden]{display:none}
.teaser__title{font-size:var(--t-sm);font-weight:600;color:var(--ink);margin-bottom:var(--s12)}
.teaser__title span{display:block;margin-top:2px;font-size:var(--t-xs);font-weight:400;color:var(--gray)}
.teaser__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s12);text-align:left}
.teaser__cards .bcard{grid-template-columns:1fr;gap:var(--s10);padding:var(--s16) var(--s20);align-content:start}
.teaser__cards .bcard__name{font-size:var(--t-body)}
.teaser__cards .bcard__amt{text-align:left;display:flex;align-items:baseline;gap:var(--s8);white-space:normal}
.teaser__cards .bcard__amt small{display:inline;margin:0}
.teaser__go{margin-top:var(--s20);height:var(--h-cta);padding:0 var(--s32);font-size:var(--t-body)}
.teaser__hint{margin-top:var(--s10);font-size:var(--t-xs);color:var(--gray)}
@media (max-width:1100px){.fbar.is-form .fbar__row{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.fbar.is-form .fbar__row{grid-template-columns:1fr;padding:var(--s20)}.teaser__cards{grid-template-columns:1fr}.teaser__go{width:100%}}

/* 3. 사진 없는 자리 = 아기 얼굴(assets/img/avatar/baby.png) */
.vd-thumb--ph{background:var(--pink-tint)}
.vd-thumb--ph img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.vd-rvimg--ph{object-fit:contain;background:var(--pink-tint);padding:10px}
.rv__img--empty{background:var(--pink-tint)}
.rv__img--empty::before{display:none}
.rv__img--empty img{width:72px;height:72px;border-radius:50%;object-fit:cover}

/* 5. 타임캡슐 헤드 좌우(일러스트 왼쪽 — 아기가 오른쪽을 보므로 시선이 제목으로) · 앨범 탭 = 영상 자리 + 사진 4장 한 줄 */
.cap-head{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.5fr);gap:clamp(24px,4vw,56px);align-items:center;max-width:1000px;margin-inline:auto}
.cap-head__baby{width:min(100%,280px);height:auto;justify-self:end;filter:drop-shadow(0 12px 20px rgba(53,48,48,.10))}
.cap-head__copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-width:none}
.cap-head__copy .section-lead{margin-inline:0}
.cap__album--row{grid-template-columns:repeat(4,1fr);gap:var(--s8);margin-top:var(--s10)}
.cap__album--row img{aspect-ratio:1}
@media (max-width:800px){.cap-head{grid-template-columns:1fr;justify-items:center}.cap-head__baby{width:160px;justify-self:center}.cap-head__copy{align-items:center;text-align:center}}

/* 6. 앱 하나로 — 마무리 한 줄을 손글씨로 */
.allin__note--hand{font-family:var(--font-hand);font-size:34px;line-height:1;color:var(--pink);margin-top:var(--s24)}

/* ============ 260914-4 지원금 — 앱 유도 중심 재구성 ============
   헤드 짧게(산식은 접기) · CTA를 폼 카드 안으로 · 결과는 2건 + 신청 시기 블러 · '앱에서는' 띠 */
.note-toggle{margin-top:var(--s12);font-size:var(--t-xs);color:var(--gray);max-width:640px}
.note-toggle summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:var(--s4);color:var(--ink-2);font-weight:600}
.note-toggle summary::-webkit-details-marker{display:none}
.note-toggle summary::after{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform var(--dur-1) var(--ease)}
.note-toggle[open] summary::after{transform:rotate(180deg)}
.note-toggle p{margin-top:var(--s8);line-height:1.7}
/* CTA: 입력 폼 모드에서만, 카드 안 마지막 줄 전체 폭 */
.fbar__cta{display:none}
.fbar.is-form .fbar__cta{display:inline-flex;grid-column:1/-1;justify-self:center;min-width:320px;height:var(--h-cta);padding:0 var(--s32);font-size:var(--t-body);margin-top:var(--s4)}
.fbar.is-form .fbar__row{row-gap:var(--s20)}
.fbar.is-form .fbar__hint{text-align:center}
/* 결과 카드: 신청 시기·신청처는 블러 + 자물쇠 */
.bcard__lockrow{display:flex;align-items:center;gap:var(--s8);flex-wrap:wrap}
.bcard__when--blur{filter:blur(4px);opacity:.55;user-select:none;pointer-events:none}
.bcard__lock{display:inline-flex;align-items:center;gap:var(--s4);font-size:var(--t-xs);font-weight:600;color:var(--pink-ink)}
.bcard__lock svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* 앱에서는 띠 */
.appval{margin-top:var(--s24);padding:var(--s20) var(--pad-card-lg);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);box-shadow:var(--shadow-1);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--s16) var(--s28);align-items:center}
.appval__title{font-family:var(--font-title);font-size:var(--t-body);font-weight:600;color:var(--ink);white-space:nowrap}
.appval__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s12) var(--s20)}
.appval__list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px var(--s10);align-items:center}
.appval__list b{font-size:var(--t-sm);font-weight:600;color:var(--ink)}
.appval__list li > span:last-child{grid-column:2;font-size:var(--t-xs);color:var(--gray);line-height:1.5}
.appval__ico{grid-row:1/3;width:36px;height:36px;border-radius:50%;background:var(--pink-tint);display:flex;align-items:center;justify-content:center}
.appval__ico svg{width:18px;height:18px;fill:none;stroke:var(--pink-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.appval__btn{height:var(--h-btn);padding:0 var(--s20);white-space:nowrap}
.appval[hidden]{display:none}
@media (max-width:1100px){.appval{grid-template-columns:1fr}.appval__btn{justify-self:start}}
@media (max-width:600px){.appval{padding:var(--s20)}.appval__list{grid-template-columns:1fr}.fbar.is-form .fbar__cta{min-width:0;width:100%}.appval__btn{width:100%}}

/* ============ 260914-5 진료 준비 리포트 — 아이콘 카드 3장 + 폰 1대(클릭 교체) · 후기 월 속도 ============ */
.record__intro{display:flex;align-items:center;gap:var(--s16);max-width:640px}
.record__intro-ico{width:72px;height:auto;flex:none;filter:drop-shadow(0 8px 16px rgba(120,90,200,.18))}
.record__intro .section-lead{margin-top:var(--s6);font-size:var(--t-body)}
.record__grid{grid-template-columns:minmax(0,1fr) 280px;gap:clamp(24px,3vw,48px);margin-top:var(--s28);align-items:center}
.record__steps{gap:var(--s10);padding-block:0}
.record__step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:var(--s14);align-items:center;text-align:left;width:100%;padding:var(--s14) var(--s16);border:1px solid var(--line);border-radius:var(--r-block);background:var(--surface);cursor:pointer;font:inherit;color:inherit;transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),opacity var(--dur-3) var(--ease)}
.record__step:hover{border-color:var(--gray-2)}
.record__step:not(.is-active){opacity:1}
.record__step.is-active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}
.record__step:focus-visible{outline:var(--focus);outline-offset:2px}
.record__ico{width:52px;height:52px;object-fit:contain}
.record__body{display:block;min-width:0}
.record__title{display:block;font-size:var(--t-body);font-weight:600;color:var(--ink);letter-spacing:-.02em;line-height:1.4}
.record__text{display:block;margin-top:var(--s4);font-size:var(--t-sm);color:var(--ink-2);line-height:1.6;max-width:none}
.record__sticky{position:static}
.record__sticky .phone{width:280px}
.record__steps .lock{margin-top:0}
.record__steps .lock .lock__body{filter:blur(4px)}
@media (max-width:1024px){.record__grid{grid-template-columns:1fr;margin-top:var(--s20)}.record__sticky .phone{width:240px}.record__steps{gap:var(--s8)}}
/* 후기 월: 4장 미만 열은 고정(복제 없음) */
.wall__col--static{animation:none}

/* ============ 260914-6 기능 셋 — 데스크톱 한 화면(900px) 안에 · 간격 리듬 24/16/12 통일 ============ */
.feat{padding-block:clamp(40px,4.5vw,56px)}
.feat .section-head .section-lead{margin-top:var(--s10)}
.feat__tabs{margin-top:var(--s20)}
.feat__panel > .wrap{padding-top:var(--s24)}
.feat__intro .section-lead{display:none} /* 패널 안 설명은 제목 한 줄만 — 섹션 리드가 이미 설명 */
.feat__title{font-size:var(--t-h3)}
/* 이번 주 할 일 */
.weekly__grid{gap:var(--s32)}
.weekly__picker{margin-top:var(--s16)}
.weekly__panel{margin-top:var(--s16)}
.weekly__guide{position:static;margin-top:0}
.guide{padding:var(--s20)}
.guide__img{width:88px;height:88px;margin:0}
.guide__title{font-size:var(--t-body)}
.guide__stats{margin-top:var(--s12)}
.guide__stats b{font-size:18px}
.guide__dev{margin-top:var(--s12);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.guide__taegyo{display:none}
.guide__lock{margin-top:var(--s12)}
.todo__item{padding:var(--s12) 0}
.weekly__panel .lock .todo__item{padding:var(--s8) 0}
/* 성장 분석: 주차 + 4항목 한 줄, 상자 축소 */
.growth__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,380px);gap:var(--s32);align-items:stretch}
.growth__form{margin-top:var(--s16);padding:var(--s20) var(--s24)}
.growth__fields--row{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s12)}
.growth__fields--row .growth__row{flex-direction:column;align-items:stretch;gap:var(--s6);padding:0;margin:0;border:0}
.growth__fields--row .growth__row label{font-size:var(--t-xs);white-space:nowrap}
.growth__fields--row .growth__row label small{margin-left:2px}
.growth__fields--row .growth__input{width:100%}
.growth__fields--row .growth__input input{width:100%;min-width:0;height:44px;padding:0 var(--s10)}
.growth__fields--row .growth__input span{min-width:0}
.growth__actions{margin-top:var(--s16)}
.growth__hint{margin-top:var(--s10)}
.growth__stage{position:static;margin-top:var(--s16);display:flex;flex-direction:column}
.growth__result{min-height:0;flex:1}
.growth__empty{padding:var(--s20);gap:var(--s8)}
.growth__empty img{width:120px}
.growth__empty strong{font-size:var(--t-body)}
.growth__note{margin-top:var(--s10)}
/* 엄마 건강: 카드 3장 가로(아이콘 위 · 제목 · 한 줄) + 폰 220px. 활성 카드 아래 진행 막대가 4초 동안 차며 다음으로 넘어감 */
.record__intro{margin-top:0}
.record__grid{grid-template-columns:minmax(0,1fr) 220px;gap:var(--s32);margin-top:var(--s16);align-items:center}
.record__steps--v{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s12)}
.record__steps--v .record__step{position:relative;overflow:hidden;grid-template-columns:1fr;justify-items:center;text-align:center;gap:var(--s10);padding:var(--s20) var(--s12) var(--s16)}
.record__steps--v .record__ico{width:56px;height:56px}
.record__steps--v .record__title{font-size:var(--t-body)}
.record__steps--v .record__text{font-size:var(--t-xs);margin-top:var(--s4)}
.record__steps--v .record__step::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--pink)}
.record__steps--v .record__step.is-active::after{animation:record-progress 4s linear forwards}
.record__steps--v.is-paused .record__step.is-active::after{animation:none;width:100%}
@keyframes record-progress{from{width:0}to{width:100%}}
.record__sticky .phone{width:220px}
@media (prefers-reduced-motion:reduce){.record__steps--v .record__step.is-active::after{animation:none;width:100%}}
@media (max-width:1024px){.record__grid{grid-template-columns:1fr}.record__sticky .phone{width:220px}.growth__grid{grid-template-columns:1fr}}
@media (max-width:600px){.growth__fields--row{grid-template-columns:1fr 1fr}.growth__fields--row .growth__row--week{grid-column:1/-1}.record__steps--v{gap:var(--s8)}.record__steps--v .record__step{padding:var(--s12) var(--s8)}.record__steps--v .record__ico{width:40px;height:40px}.record__steps--v .record__title{font-size:var(--t-sm)}.record__steps--v .record__text{display:none}}
/* 한 화면 맞춤 2차: 섹션 여백 40, 폰 200px, 인트로 축소 */
.feat{padding-block:40px}
.feat .section-head .section-title{max-width:none}
.record__intro-ico{width:56px}
.record__intro .section-lead{font-size:var(--t-sm)}
.record__sticky .phone{width:200px}
.record__grid{margin-top:var(--s12)}

/* ============ 260914-7 엄마 건강 = 읽히는 리포트 카드 · 이번 주 할 일 = 체크리스트/가이드 같은 높이 · 성장 가이드 3D 과일 ============ */
.record__grid--report{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--s32);align-items:center}
.report{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);padding:var(--s20) var(--s24);box-shadow:var(--shadow-1)}
.report__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s12);padding-bottom:var(--s12);border-bottom:1px solid var(--divider)}
.report__kicker{font-size:var(--t-xs);font-weight:600;color:var(--pink-ink)}
.report__title{font-family:var(--font-title);font-size:var(--t-h3);font-weight:600;color:var(--ink);margin-top:2px;letter-spacing:-.02em}
.report__title b{color:var(--pink)}
.report__badge{flex:none;height:26px;display:inline-flex;align-items:center;padding:0 var(--s10);border-radius:var(--r-full);background:var(--surface-3);font-size:var(--t-xs);color:var(--ink-2);white-space:nowrap}
.report__sec{padding:var(--s10) var(--s14);margin:var(--s6) calc(var(--s14) * -1) 0;border-radius:var(--r-card);border:1px solid transparent;transition:background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}
.report__sec.is-on{background:var(--pink-tint);border-color:#f6cdd8}
.report__label{font-size:var(--t-xs);font-weight:600;color:var(--gray)}
.report__label span{font-weight:400;margin-left:var(--s4)}
.report__lead{margin-top:var(--s4);font-size:var(--t-body);color:var(--ink);display:flex;flex-wrap:wrap;align-items:center;gap:var(--s8);line-height:1.45}
.report__lead b{font-weight:700}
.report__alert{height:22px;display:inline-flex;align-items:center;padding:0 var(--s8);border-radius:var(--r-full);background:#fff;border:1px solid var(--pink);font-size:var(--t-tiny);font-weight:600;color:var(--pink-ink)}
.report__meta{margin-top:var(--s4);font-size:var(--t-sm);color:var(--ink-2);font-variant-numeric:tabular-nums}
.report__meta small{color:var(--pink-ink);font-weight:600;font-size:var(--t-xs);margin-left:2px}
.report__days{list-style:none;margin:var(--s8) 0 0;padding:0;display:flex;gap:var(--s4)}
.report__days li{width:20px;height:20px;border-radius:50%;background:var(--surface-3);font-size:11px;display:flex;align-items:center;justify-content:center;color:var(--gray);font-variant-numeric:tabular-nums}
.report__days li.is-hit{background:var(--pink);color:#fff;font-weight:700}
.report__qs{margin:var(--s6) 0 0;padding-left:18px;font-size:var(--t-sm);color:var(--ink);line-height:1.6}
.report__foot{display:flex;justify-content:space-between;align-items:center;gap:var(--s12);flex-wrap:wrap;margin-top:var(--s12);padding-top:var(--s12);border-top:1px solid var(--divider);font-size:var(--t-xs);color:var(--gray)}
@media (max-width:1024px){.record__grid--report{grid-template-columns:1fr}.report{padding:var(--s16) var(--s16)}.report__sec{margin-inline:calc(var(--s10) * -1);padding:var(--s10)}}
/* 이번 주 할 일: 인트로·주차 칩은 전체 폭, 체크리스트와 성장 가이드는 같은 줄·같은 높이 */
.weekly__grid{align-items:stretch;grid-template-rows:auto auto minmax(0,1fr)}
.weekly__copy{display:contents}
.weekly__copy > .feat__intro{grid-column:1/-1}
.weekly__copy > .weekly__picker{grid-column:1/-1}
.weekly__copy > .weekly__panel{grid-column:1;grid-row:3;margin-top:0}
.weekly__guide{grid-column:2;grid-row:3;display:flex}
.guide{flex:1;display:flex;flex-direction:column}
.guide__foot{margin-top:auto;padding-top:var(--s12)}
.guide__img{width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(53,48,48,.12))}
@media (max-width:1024px){.weekly__grid{grid-template-rows:auto}.weekly__copy > .weekly__panel{grid-column:1;grid-row:auto}.weekly__guide{grid-column:1;grid-row:auto;margin-top:var(--s16)}}
/* 한 화면 맞춤 3차: 인트로 한 줄·리포트 카드 밀도 */
.feat{padding-block:36px}
.feat__panel > .wrap{padding-top:var(--s20)}
.weekly__picker{margin-top:var(--s12)}
.weekly__copy > .weekly__panel,.weekly__guide{margin-top:var(--s12)}
.record__intro-ico{width:48px}
.record__grid--report{margin-top:var(--s8)}
.report{padding:var(--s16) var(--s20)}
.report__head{padding-bottom:var(--s8)}
.report__sec{padding:var(--s8) var(--s12);margin:var(--s4) calc(var(--s12) * -1) 0}
.report__qs{line-height:1.5}
.report__days li{width:18px;height:18px}
.report__foot{margin-top:var(--s8);padding-top:var(--s8)}
.feat{padding-block:32px}
.weekly__panel{padding:var(--s20) var(--s24)}

/* ============ 260914-8 엄마 건강 v3 — 실제 앱 화면 크게(폰 위쪽 크롭) + 말풍선 주석 · 행 3개 아코디언 ============ */
.rp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:clamp(32px,4vw,64px);align-items:center;margin-top:var(--s8)}
.rp__eyebrow{display:flex;align-items:center;gap:var(--s8);font-size:var(--t-sm);font-weight:600;color:var(--pink-ink)}
.rp__eyebrow img{width:28px;height:auto}
.rp__title{margin-top:var(--s10);font-family:var(--font-title);font-size:clamp(24px,2.2vw,30px);font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--ink)}
.rp__rows{display:flex;flex-direction:column;gap:var(--s4);margin-top:var(--s20)}
.rp__row{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--s12);align-items:center;width:100%;text-align:left;padding:var(--s12) var(--s14);border-radius:var(--r-card);border:1px solid transparent;background:none;cursor:pointer;font:inherit;color:inherit;overflow:hidden;transition:background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}
.rp__row:hover{background:var(--surface-2)}
.rp__row.is-active{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-1)}
.rp__row:focus-visible{outline:var(--focus);outline-offset:2px}
.rp__row b{display:block;font-size:var(--t-body);font-weight:600;color:var(--ink);line-height:1.4}
.rp__row small{display:block;margin-top:2px;font-size:var(--t-sm);color:var(--ink-2);line-height:1.5}
.rp__row:not(.is-active) b{color:var(--ink-2);font-weight:500}
.rp__row:not(.is-active) small{display:none} /* 아코디언: 활성 행만 한 줄 설명 */
.rp__ico{width:44px;height:44px;object-fit:contain}
.rp__row::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--pink)}
.rp__row.is-active::after{animation:record-progress 5s linear forwards}
#recordSteps.is-paused .rp__row.is-active::after{animation:none;width:0}
.rp__cta{display:flex;align-items:center;gap:var(--s14);flex-wrap:wrap;margin-top:var(--s20)}
.rp__cta .btn{height:var(--h-btn)}
.rp__cta span{font-size:var(--t-xs);color:var(--gray)}
.rp__stage{display:flex;flex-direction:column;align-items:center}
.rp__shot{position:relative;width:100%;max-width:400px;height:470px;overflow:hidden;border:6px solid #2b2727;border-bottom:0;border-radius:40px 40px 0 0;background:#fff;box-shadow:var(--shadow-2)}
.rp__shot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 85%);pointer-events:none;z-index:2}
.rp__island{position:absolute;top:12px;left:50%;translate:-50% 0;width:90px;height:26px;border-radius:14px;background:#2b2727;z-index:3}
.rp__img{position:absolute;left:0;top:34px;width:100%;height:auto;opacity:0;transform:translateY(calc(var(--y,0px) * -1));transition:opacity var(--dur-3) var(--ease)}
.rp__img.is-on{opacity:1}
.rp__callout{position:absolute;left:var(--cx);top:var(--cy);z-index:4;max-width:230px;padding:var(--s8) var(--s12);border-radius:var(--r-card);background:var(--ink);color:#fff;font-size:var(--t-sm);font-weight:600;line-height:1.4;box-shadow:var(--shadow-2);opacity:0;transform:translateY(6px);transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease);pointer-events:none}
.rp__callout::before{content:"";position:absolute;left:18px;top:-5px;width:10px;height:10px;background:var(--ink);transform:rotate(45deg)}
.rp__callout.is-on{opacity:1;transform:none}
.rp__note{margin-top:var(--s10);font-size:var(--t-xs);color:var(--gray)}
@media (prefers-reduced-motion:reduce){.rp__row.is-active::after{animation:none;width:100%}}
@media (max-width:1024px){.rp{grid-template-columns:1fr;gap:var(--s24)}.rp__shot{height:380px}.rp__row:not(.is-active) small{display:block}}
@media (max-width:600px){.rp__shot{height:320px;border-width:4px;border-radius:28px 28px 0 0}.rp__callout{font-size:var(--t-xs);max-width:180px}.rp__title{font-size:22px}}
/* 화면·주석 전환: 나가는 쪽은 즉시 숨김(겹쳐 보이지 않게), 들어오는 쪽만 페이드 */
.rp__img{visibility:hidden;transition:opacity .28s var(--ease),visibility 0s .28s}
.rp__img.is-on{visibility:visible;transition:opacity .32s var(--ease) .06s,visibility 0s}
.rp__callout{visibility:hidden;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility 0s .2s}
.rp__callout.is-on{visibility:visible;transition:opacity .3s var(--ease) .25s,transform .3s var(--ease) .25s,visibility 0s}
/* 전환 확정: 나가는 화면·주석은 즉시 사라지고(겹침 0), 들어오는 쪽만 keyframe 페이드 */
.rp__img,.rp__callout{transition:none}
.rp__img.is-on{animation:rp-in .32s var(--ease) both}
.rp__callout.is-on{animation:rp-in .3s var(--ease) .25s both}
@keyframes rp-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.rp__img.is-on{transform:translateY(calc(var(--y,0px) * -1))}
@keyframes rp-img-in{from{opacity:0}to{opacity:1}}
.rp__img.is-on{animation-name:rp-img-in}
@media (prefers-reduced-motion:reduce){.rp__img.is-on,.rp__callout.is-on{animation:none;opacity:1;transform:none}.rp__img.is-on{transform:translateY(calc(var(--y,0px) * -1))}}

/* 260914-9 성장 분석: 인트로 전체 폭 → 폼 | 결과 같은 줄·같은 높이. 참고 문구는 결과 상자 안 푸터 */
.growth__grid{grid-template-rows:auto minmax(0,1fr);align-items:stretch}
.growth__copy{display:contents}
.growth__copy > .feat__intro{grid-column:1/-1}
.growth__copy > .growth__form{grid-column:1;grid-row:2;margin-top:var(--s12);display:flex;flex-direction:column;justify-content:center}
.growth__stage{grid-column:2;grid-row:2;margin-top:var(--s12);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);overflow:hidden}
.growth__result{border:0;border-radius:0;background:none;min-height:0}
.growth__note{margin:0;padding:var(--s10) var(--s16);border-top:1px solid var(--divider);background:var(--surface-2);font-size:var(--t-xs);color:var(--gray);line-height:1.5}
@media (max-width:1024px){.growth__grid{grid-template-rows:auto}.growth__copy > .growth__form{grid-column:1;grid-row:auto}.growth__stage{grid-column:1;grid-row:auto}}
/* 엄마 건강: 행 4개 */
.rp__rows{gap:var(--s2,2px)}
.rp__row{padding:var(--s10) var(--s14)}

/* ============ 260914-10 육아맘 · 사진 끌어다 놓기 → 월령별 정리 (Figma 12495-2190) ============ */
.sorter{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:var(--head-gap)}
.sorter__hint{margin-top:var(--s16);font-size:var(--t-sm);color:var(--ink-2)}
.sorter__hint b{color:var(--pink-ink);font-weight:700}
.sorter__pile{display:flex;flex-wrap:wrap;gap:var(--s12) var(--s10);margin-top:var(--s12);min-height:132px;padding:var(--s6) 0}
.spic{position:relative;width:104px;height:120px;padding:6px 6px 22px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow-1);cursor:grab;transform:rotate(var(--r,0deg));transition:transform var(--dur-2) var(--ease),opacity var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease);touch-action:none;user-select:none;-webkit-user-select:none;font:inherit}
.spic img{width:100%;height:100%;object-fit:cover;border-radius:2px;pointer-events:none;display:block}
.spic__date{position:absolute;left:0;right:0;bottom:3px;font-family:var(--font-hand);font-size:15px;line-height:1;color:var(--gray);text-align:center;pointer-events:none}
.spic:hover{transform:rotate(0deg) scale(1.05);z-index:1;box-shadow:var(--shadow-2)}
.spic:focus-visible{outline:var(--focus);outline-offset:2px}
.spic.is-lifting{opacity:.3}
.spic.is-gone{opacity:0;transform:scale(.5);pointer-events:none}
.spic--ghost{position:fixed;z-index:1000;margin:0;pointer-events:none;transform:rotate(-3deg) scale(1.08);box-shadow:0 18px 40px rgba(53,48,48,.22);cursor:grabbing}
.sorter__actions{display:flex;gap:var(--s8);margin-top:var(--s12)}
/* 앱 화면 */
.sapp{width:100%;max-width:360px;margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-2);padding:var(--s14) var(--s16) var(--s16);transition:box-shadow var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}
.sapp.is-over{border-color:var(--pink);box-shadow:0 0 0 5px var(--pink-tint),var(--shadow-2)}
.sapp__bar{display:flex;justify-content:space-between;align-items:center;padding:var(--s4) 0 var(--s12);font-family:var(--font-title);font-size:18px;font-weight:600;color:var(--ink)}
.sapp__x{width:26px;height:26px;border-radius:50%;background:var(--surface-3);display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:18px;line-height:1}
.sapp__drop{border:1.5px dashed #f3a8bd;border-radius:16px;background:var(--pink-tint);padding:var(--s20) var(--s16);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--s6);margin-bottom:var(--s10)}
.sapp__drop[hidden]{display:none}
.sapp__drop img{width:56px;height:56px;object-fit:contain}
.sapp__drop b{font-size:var(--t-body);font-weight:600;color:var(--ink)}
.sapp__drop span{font-size:var(--t-xs);color:var(--ink-2);line-height:1.5}
.sapp.is-over .sapp__drop{background:#fff;border-color:var(--pink)}
.sapp__head{padding:0 var(--s2,2px) var(--s10)}
.sapp__head[hidden]{display:none}
.sapp__head b{display:block;font-family:var(--font-title);font-size:20px;font-weight:600;color:var(--ink)}
.sapp__head small{display:block;margin-top:2px;font-size:var(--t-xs);color:var(--gray)}
.sapp__groups{display:flex;flex-direction:column;gap:var(--s8)}
.sgroup{border:1px solid var(--line);border-radius:14px;padding:var(--s12) var(--s14);background:#fff;transition:border-color var(--dur-2) var(--ease)}
.sgroup.has{border-color:#f6cdd8}
.sgroup__head{display:flex;justify-content:space-between;align-items:center;font-size:var(--t-sm);font-weight:600;color:var(--ink)}
.sgroup__n{font-weight:400;color:var(--gray);font-size:var(--t-xs)}
.sgroup__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s8);margin-top:var(--s10)}
.sthumb{display:block;width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover;background:var(--surface-3)}
img.sthumb{animation:sthumb-in .38s var(--ease) both}
@keyframes sthumb-in{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
.sapp__share{display:flex;justify-content:space-between;align-items:center;margin-top:var(--s10);padding:var(--s10) var(--s14);border-radius:12px;background:var(--surface-2);font-size:var(--t-xs);color:var(--ink-2)}
.sapp__share b{color:var(--pink-ink);font-weight:600;font-size:var(--t-sm)}
.sapp__btn{margin-top:var(--s10);width:100%;height:44px;border:0;border-radius:var(--r-full);background:var(--pink);color:#fff;font:inherit;font-size:var(--t-sm);font-weight:600;transition:opacity var(--dur-1) var(--ease)}
.sapp__btn:disabled{opacity:.35}
.sapp.is-done .sapp__btn{animation:sapp-pulse 1.2s var(--ease) 2}
@keyframes sapp-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,107,139,0)}50%{box-shadow:0 0 0 8px rgba(255,107,139,.18)}}
.sorter__note{margin-top:var(--s10);text-align:center;font-size:var(--t-xs);color:var(--gray)}
@media (prefers-reduced-motion:reduce){img.sthumb,.sapp.is-done .sapp__btn{animation:none}}
@media (max-width:1024px){.sorter{grid-template-columns:1fr}.sapp{max-width:100%}}
@media (max-width:600px){.spic{width:80px;height:94px;padding:4px 4px 18px}.spic__date{font-size:13px}.sorter__pile{gap:var(--s8)}}

/* ============ 260914-11 사진 정리 v2 — 흰 카드 안 좌우 · 사진 더미 통째로 드래그 · 로딩 → 주르륵 ============ */
.sorter{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-block);box-shadow:var(--shadow-1);padding:clamp(24px,3vw,40px);gap:clamp(24px,3vw,48px)}
.sorter__app{background:var(--surface-2);border-radius:calc(var(--r-block) - 8px);padding:var(--s20) var(--s16)}
.sorter__pile,.spic{display:none}
.badge-new{white-space:nowrap}
/* 더미: 사진 5장이 부채꼴로 겹친 한 덩어리. 잡을 수 있게 커서·라벨·그림자 */
.stack{position:relative;display:block;width:190px;height:190px;margin-top:var(--s16);padding:0;border:0;background:none;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;font:inherit;color:inherit;transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}
.stack__pics{position:absolute;inset:0}
.stack__pics img{position:absolute;left:18px;top:6px;width:130px;height:130px;object-fit:cover;padding:5px 5px 16px;box-sizing:content-box;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:0 6px 14px rgba(53,48,48,.14);transform:rotate(calc((var(--i) - 2) * 7deg)) translate(calc((var(--i) - 2) * 6px),calc(var(--i) * -3px));transform-origin:50% 90%;transition:transform var(--dur-2) var(--ease)}
.stack:hover .stack__pics img{transform:rotate(calc((var(--i) - 2) * 10deg)) translate(calc((var(--i) - 2) * 10px),calc(var(--i) * -4px))}
.stack__label{position:absolute;left:50%;bottom:-6px;translate:-50% 0;display:inline-flex;align-items:center;gap:var(--s6);height:32px;padding:0 var(--s12);border-radius:var(--r-full);background:var(--ink);color:#fff;font-size:var(--t-xs);font-weight:600;white-space:nowrap;box-shadow:var(--shadow-1)}
.stack__label svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stack:focus-visible{outline:var(--focus);outline-offset:4px;border-radius:12px}
.stack.is-lifting{opacity:.25}
.stack.is-gone{opacity:0;transform:scale(.6) translateX(40px)}
.stack.is-back{animation:stack-back .3s var(--ease)}
@keyframes stack-back{from{transform:translateX(12px)}to{transform:none}}
.stack--ghost{position:fixed;z-index:1000;margin:0;pointer-events:none;cursor:grabbing;transform:scale(1.04) rotate(-2deg)}
.stack--ghost .stack__pics img{box-shadow:0 20px 40px rgba(53,48,48,.28)}
/* 앱 화면: 드롭존 위 하이라이트 · 로딩 */
.sapp.is-over{transform:scale(1.02)}
.sapp{transition:box-shadow var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-2) var(--ease)}
.sapp__loading{display:flex;flex-direction:column;align-items:center;gap:var(--s8);padding:var(--s24) var(--s16) var(--s20);margin-bottom:var(--s10);border-radius:16px;background:var(--pink-tint)}
.sapp__loading[hidden]{display:none}
.sapp__loading b{font-size:var(--t-sm);color:var(--ink)}
.sapp__spin{width:28px;height:28px;border-radius:50%;border:3px solid #f6cdd8;border-top-color:var(--pink);animation:sapp-spin .7s linear infinite}
@keyframes sapp-spin{to{transform:rotate(360deg)}}
.sapp__bar-track{display:block;width:160px;height:4px;border-radius:2px;background:#f6cdd8;overflow:hidden}
.sapp__bar-track i{display:block;height:100%;width:0;background:var(--pink);animation:sapp-fill .9s var(--ease) forwards}
@keyframes sapp-fill{to{width:100%}}
.sapp.is-loading .sgroup{opacity:.45}
.sgroup{transition:opacity var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}
@media (prefers-reduced-motion:reduce){.sapp__spin,.sapp__bar-track i{animation:none}.sapp__bar-track i{width:100%}}
@media (max-width:1024px){.sorter{padding:var(--s20)}.stack{margin-inline:auto}}
@media (max-width:600px){.stack{width:160px;height:160px}.stack__pics img{width:110px;height:110px}}

/* ============ 260914-12 육아맘 섹션 팔레트 — 레몬 옐로 배경 + 하늘색 배지 ============ */
.baby.section--green{background:var(--lemon)}
.baby .sorter{border-color:#f0e3b4}
.baby .badge-new{background:var(--sky-tint);color:var(--sky-ink);border:1px solid #d6e4f2;height:26px;padding:0 var(--s10);font-size:var(--t-xs);letter-spacing:0}
.baby .fcard__icon{background:var(--sky-tint);color:var(--sky-ink)}
.baby .fcard:nth-child(2) .fcard__icon{background:var(--lemon-2);color:var(--lemon-ink)}
.baby .sorter__app{background:#fdf8e4}
.baby .stack__label{background:var(--sky-ink)}
.baby .sorter__hint b{color:var(--sky-ink)}

/* 더미 크게 · 부채꼴 넓게 — "잡을 수 있는 덩어리"로 보이게 */
.stack{width:300px;height:230px;margin-top:var(--s20)}
.stack__pics img{left:60px;top:10px;width:150px;height:150px;padding:7px 7px 22px;border-radius:6px}
.stack__pics img{transform:rotate(calc((var(--i) - 2) * 9deg)) translate(calc((var(--i) - 2) * 22px),calc(var(--i) * -4px))}
.stack:hover .stack__pics img{transform:rotate(calc((var(--i) - 2) * 12deg)) translate(calc((var(--i) - 2) * 30px),calc(var(--i) * -6px))}
.stack__label{bottom:2px;height:34px;font-size:var(--t-sm)}
.sorter{align-items:start}
.sorter__copy{padding-top:var(--s8)}
@media (max-width:600px){.stack{width:240px;height:190px}.stack__pics img{left:45px;width:120px;height:120px}}
.sorter{align-items:center}
.sorter__copy{padding-top:0}

/* ============ 260914-13 육아맘 섹션 — 스캘럽 상단 · 레몬+별 패턴 · 기능 3 캐러셀 · 목업 축소 ============ */
/* 위쪽 볼록볼록(스캘럽) 가장자리: 섹션 색 원을 반씩 위로 내보낸다 */
.baby{position:relative;background:var(--lemon);overflow:visible;padding-top:clamp(48px,5vw,72px)}
.baby::before{
  content:"";position:absolute;left:0;right:0;top:-21px;height:22px;pointer-events:none;
  background-image:radial-gradient(circle at 22px 22px,var(--lemon) 21.5px,transparent 22px);
  background-size:44px 44px;background-position:0 0;background-repeat:repeat-x;
}
/* 레몬 바탕 위 하늘색 별 패턴 (Baby Blue #BED9F4) */
.baby::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190' viewBox='0 0 190 190'%3E%3Cg fill='%23bed9f4'%3E%3Cpath d='M28 16l3.2 6.8 7.3 1-5.3 5.2 1.3 7.4L28 33l-6.5 3.4 1.3-7.4-5.3-5.2 7.3-1z'/%3E%3Cpath d='M132 42l2.4 5.1 5.5.8-4 3.9 1 5.6-4.9-2.6-4.9 2.6 1-5.6-4-3.9 5.5-.8z' opacity='.8'/%3E%3Cpath d='M76 96l2.8 6 6.4.9-4.6 4.5 1.1 6.4-5.7-3-5.7 3 1.1-6.4-4.6-4.5 6.4-.9z'/%3E%3Cpath d='M160 128l2.2 4.6 5 .7-3.6 3.5.9 5-4.5-2.4-4.5 2.4.9-5-3.6-3.5 5-.7z' opacity='.75'/%3E%3Cpath d='M36 150l2.6 5.4 6 .9-4.3 4.2 1 6-5.3-2.8-5.3 2.8 1-6-4.3-4.2 6-.9z' opacity='.9'/%3E%3Cpath d='M108 176l2 4.2 4.6.7-3.3 3.2.8 4.6-4.1-2.2-4.1 2.2.8-4.6-3.3-3.2 4.6-.7z' opacity='.7'/%3E%3C/g%3E%3C/svg%3E");
  background-size:190px 190px;
}
.baby > .wrap{position:relative;z-index:1}
.baby.section--green{background:var(--lemon)}
/* 목업 축소 — 섹션 길이 단축 */
.sorter{padding:clamp(20px,2.4vw,28px);gap:clamp(20px,3vw,40px)}
.sorter__app{padding:var(--s14) var(--s12)}
.sapp{max-width:300px;padding:var(--s12) var(--s12) var(--s14);border-radius:20px}
.sapp__bar{padding:0 0 var(--s10);font-size:16px}
.sapp__drop{padding:var(--s14) var(--s12);margin-bottom:var(--s8);gap:var(--s4)}
.sapp__drop img{width:44px;height:44px}
.sapp__drop b{font-size:var(--t-sm)}
.sapp__head b{font-size:17px}
.sapp__groups{gap:var(--s6)}
.sgroup{padding:var(--s10) var(--s12);border-radius:12px}
.sgroup__thumbs{gap:var(--s6);margin-top:var(--s8)}
.sthumb{border-radius:8px}
.sapp__share{margin-top:var(--s8);padding:var(--s8) var(--s12)}
.sapp__btn{margin-top:var(--s8);height:40px}
.sapp__loading{padding:var(--s16) var(--s12) var(--s14);margin-bottom:var(--s8)}
.stack{width:260px;height:200px;margin-top:var(--s16)}
.stack__pics img{left:52px;top:8px;width:130px;height:130px;padding:6px 6px 18px}
/* 기능 3 캐러셀 */
.feat3{position:relative;margin-top:var(--s28);background:var(--surface);border:1px solid #f0e9c2;border-radius:var(--r-block);box-shadow:var(--shadow-1);padding:var(--s20) var(--s24) var(--s16)}
.feat3__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s12);margin-bottom:var(--s12)}
.feat3__title{font-family:var(--font-title);font-size:var(--t-h3);font-weight:600;color:var(--ink);letter-spacing:-.02em}
.feat3__title b{color:var(--sky-ink);font-weight:700}
.feat3__nav{display:flex;gap:var(--s6)}
.feat3__arrow{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}
.feat3__arrow:hover{border-color:var(--gray-2);background:var(--surface-2)}
.feat3__arrow:focus-visible{outline:var(--focus);outline-offset:2px}
.feat3__arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.feat3__viewport{overflow:hidden}
.feat3__track{display:flex;gap:var(--s16);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.feat3__track::-webkit-scrollbar{display:none}
.f3card{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:76px minmax(0,1fr);gap:var(--s16);align-items:center;padding:var(--s4) 0}
.f3card__ico{width:76px;height:76px;object-fit:contain}
.f3card__tag{display:inline-flex;align-items:center;height:24px;padding:0 var(--s10);border-radius:var(--r-full);background:var(--sky-tint);color:var(--sky-ink);font-size:var(--t-xs);font-weight:600}
.f3card__title{margin-top:var(--s8);font-family:var(--font-title);font-size:clamp(19px,1.7vw,23px);font-weight:600;color:var(--ink);letter-spacing:-.02em}
.f3card__text{margin-top:var(--s6);font-size:var(--t-sm);color:var(--ink-2);line-height:1.65}
.feat3__dots{display:flex;justify-content:center;gap:var(--s8);margin-top:var(--s14)}
.feat3__dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--gray-2);cursor:pointer;transition:background var(--dur-1) var(--ease),width var(--dur-1) var(--ease)}
.feat3__dot.is-on{width:22px;border-radius:var(--r-full);background:var(--sky-ink)}
.feat3__dot:focus-visible{outline:var(--focus);outline-offset:3px}
@media (max-width:600px){.feat3{padding:var(--s16) var(--s16) var(--s12)}.feat3__head{flex-direction:column;align-items:flex-start;gap:var(--s8)}.f3card{grid-template-columns:56px minmax(0,1fr);gap:var(--s12)}.f3card__ico{width:56px;height:56px}.baby::before{top:-15px;height:16px;background-image:radial-gradient(circle at 16px 16px,var(--lemon) 15.5px,transparent 16px);background-size:32px 32px}}
/* 260914-13b 길이 축소 2차: 섹션 여백 · 앱 목업 폭·썸네일 비율 */
.baby{padding-top:clamp(40px,4vw,56px);padding-bottom:clamp(44px,4.5vw,64px)}
.sapp{max-width:280px}
.sthumb{aspect-ratio:4/3}
.sgroup{padding:var(--s8) var(--s10)}
.sgroup__thumbs{gap:var(--s4);margin-top:var(--s6)}
.sapp__drop{padding:var(--s12) var(--s10)}
.sapp__drop img{width:38px;height:38px}
.sapp__head{padding-bottom:var(--s8)}
.sapp__head b{font-size:16px}
.feat3{margin-top:var(--s20)}

/* ============ 260914-14 육아맘 기능 캐러셀 v2 — 폰 프레임 고정(위 2/3만) · 배경 패널 제거 · 좌우 균형 ============ */
.sorter,.sorter__app,.sorter__copy,.feat3{display:none}
.bfeat{
  display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(28px,4vw,64px);align-items:center;
  max-width:960px;margin:var(--s28) auto 0;padding:clamp(28px,3vw,40px) clamp(28px,3.4vw,48px);
  background:var(--surface);border:1px solid #f0e9c2;border-radius:var(--r-block);box-shadow:var(--shadow-1);
}
.bfeat__copy{min-width:0}
.bfeat__tag{display:inline-flex;align-items:center;height:26px;padding:0 var(--s10);border-radius:var(--r-full);background:var(--sky-tint);color:var(--sky-ink);border:1px solid #d6e4f2;font-size:var(--t-xs);font-weight:600}
.bfeat__title{margin-top:var(--s12);font-family:var(--font-title);font-size:clamp(22px,2.2vw,30px);font-weight:600;color:var(--ink);line-height:1.32;letter-spacing:-.02em}
.bfeat__text{margin-top:var(--s12);font-size:var(--t-body);color:var(--ink-2);line-height:1.72;max-width:420px}
.bfeat__demo{margin-top:var(--s16)}
.bfeat__demo[hidden]{display:none}
.bfeat__demo .sorter__hint{margin-top:0}
.bfeat__demo .stack{margin-top:var(--s12)}
.bfeat__demo #sorterReset{margin-top:var(--s12)}
.bfeat__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s16);margin-top:var(--s24);padding-top:var(--s16);border-top:1px solid var(--divider)}
.bfeat__dots{display:flex;gap:var(--s8)}
.bfeat__dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--gray-2);cursor:pointer;transition:background var(--dur-1) var(--ease),width var(--dur-1) var(--ease)}
.bfeat__dot.is-on{width:24px;border-radius:var(--r-full);background:var(--sky-ink)}
.bfeat__dot:focus-visible{outline:var(--focus);outline-offset:3px}
.bfeat__arrows{display:flex;gap:var(--s8)}
.bfeat__arrow{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}
.bfeat__arrow:hover{border-color:var(--gray-2);background:var(--surface-2)}
.bfeat__arrow:focus-visible{outline:var(--focus);outline-offset:2px}
.bfeat__arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* 폰 프레임 — 위치·크기 고정. 아래 1/3은 페이드로 잘린다 */
.bfeat__stage{display:flex;flex-direction:column;align-items:center}
.bphone{position:relative;width:320px;height:480px;border:7px solid #2b2727;border-bottom:0;border-radius:42px 42px 0 0;background:#fff;box-shadow:var(--shadow-2);overflow:hidden;transition:border-color var(--dur-2) var(--ease)}
.bphone.is-over{border-color:var(--pink);box-shadow:0 0 0 5px var(--pink-tint),var(--shadow-2)}
.bphone__island{position:absolute;top:12px;left:50%;translate:-50% 0;width:86px;height:24px;border-radius:13px;background:#2b2727;z-index:3}
.bphone__inner{position:absolute;inset:44px 0 0;overflow:hidden}
.bphone__fade{position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 82%);pointer-events:none;z-index:2}
.bslide{display:none}
.bslide.is-on{display:block}
.bslide--img{width:100%;height:auto}
.bslide[data-slide="0"]{padding:0 var(--s14) var(--s12)}
.bslide.is-on[data-slide="0"]{display:flex;flex-direction:column;height:100%}
.is-shot .bphone__fade{height:120px}
/* 사진 정리 슬라이드 — 프레임 안에 맞게 압축, 그룹은 라벨 왼쪽 · 썸네일 오른쪽 가로형 */
.bslide .sapp__bar{display:flex;justify-content:space-between;align-items:center;padding:var(--s2,2px) 0 var(--s8);font-family:var(--font-title);font-size:16px;font-weight:600;color:var(--ink)}
.bslide .sapp__drop{padding:var(--s12) var(--s12);margin-bottom:var(--s8);gap:var(--s4)}
.bslide .sapp__drop img{width:40px;height:40px}
.bslide .sapp__drop span{font-size:11px}
.bslide .sapp__head{padding-bottom:var(--s8)}
.bslide .sapp__head b{font-size:16px}
.bslide .sapp__groups{gap:var(--s6)}
.bslide .sgroup{display:grid;grid-template-columns:74px minmax(0,1fr);gap:var(--s8);align-items:center;padding:var(--s8) var(--s10);border-radius:10px}
.bslide .sgroup__head{display:block}
.bslide .sgroup__head b{display:block;font-size:12px;line-height:1.3}
.bslide .sgroup__n{font-size:11px}
.bslide .sgroup__thumbs{margin-top:0;gap:var(--s4)}
.bslide .sthumb{border-radius:6px;aspect-ratio:1}
.bslide .sapp__share{margin-top:var(--s8);padding:var(--s6) var(--s10);font-size:11px}
.bslide .sapp__btn{margin-top:var(--s8);height:38px;font-size:13px}
.bslide .sapp__loading{padding:var(--s12) var(--s10);margin-bottom:var(--s8);gap:var(--s6)}
.bslide .sapp__spin{width:24px;height:24px}
.sorter__note{margin-top:var(--s10);text-align:center;font-size:var(--t-xs);color:var(--gray)}
.stack{margin-top:var(--s12)}
@media (max-width:900px){
  .bfeat{grid-template-columns:1fr;max-width:520px;justify-items:center;text-align:center}
  .bfeat__text{margin-inline:auto}
  .bfeat__demo{display:flex;flex-direction:column;align-items:center}
  .bfeat__nav{width:100%}
  .bfeat__stage{order:-1}
}
@media (max-width:600px){.bphone{width:288px;height:420px;border-width:6px;border-radius:34px 34px 0 0}.bphone__inner{inset:40px 0 0}}

/* ============ 260914-15 육아맘 마무리 — 말풍선 · 옐로 배지 · 별 제거 · 섹션 간격 · 더미 위치 ============ */
/* 배경: 별 패턴 잠시 제외(대표 요청), 레몬 바탕만 */
.baby::after{display:none}
/* 배지 = 옐로 바탕 + 하늘색 글자(마지막 레퍼런스 팔레트). 대비 4.5:1 확보 */
.baby .badge-new,.bfeat__tag{background:#fbf0c4;color:#33709f;border:1px solid #f3e3ac;height:26px;padding:0 var(--s10);font-size:var(--t-xs);font-weight:700;letter-spacing:0}
.bfeat__dot.is-on{background:#33709f}
.bfeat__title b,.sorter__hint b{color:#33709f}
/* 슬라이드마다 바뀌는 말풍선 — 기존 .pain 컴포넌트 재사용(엄마 아바타 + 흰 말풍선), 제목 위 */
.bfeat__pain{margin:0 0 var(--s14) 48px;max-width:min(400px,calc(100% - 48px));font-size:var(--t-sm)}
.bfeat__pain::before{left:-48px;width:36px;height:36px}
/* 사진 더미 — 컬럼 가운데로 */
.bfeat__demo .stack{margin-inline:auto}
.bfeat__demo .sorter__hint,.bfeat__demo #sorterReset{margin-inline:auto;display:block;width:fit-content;text-align:center}
/* 기능 셋 섹션과의 간격 확보 (스캘럽 위 여백) */
.feat{padding-bottom:80px}
.baby{padding-top:clamp(56px,6vw,84px)}
@media (max-width:900px){.bfeat__pain{margin-inline:auto 0}}

/* ============ 260915 배지 컬러 · 배경 낙서 · 플로팅 버튼 ============ */
/* 배지: 하늘색 팔레트 (#DBEDFF / #3BA7FF) */
.baby .badge-new,.bfeat__tag{background:#dbedff;color:#1a7fd4;border:1px solid #c3e0fb} /* 글자는 #3BA7FF 계열을 4.5:1 맞춰 한 단계 진하게 */
.bfeat__dot.is-on{background:#3ba7ff}
.bfeat__title b,.sorter__hint b{color:#1a7fd4}
/* 배경 낙서 — 카드 바깥 가장자리에만, 은은하게 */
.doodles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.dood{position:absolute;opacity:.42}
.dood--1{left:3%;top:10%;width:74px}
.dood--2{right:4%;top:7%;width:92px}
.dood--3{left:6%;top:46%;width:80px}
.dood--4{right:5%;top:40%;width:78px}
.dood--5{left:2%;bottom:12%;width:70px}
.dood--6{right:8%;bottom:16%;width:62px}
.dood--7{left:14%;bottom:3%;width:86px}
.dood--8{right:16%;top:2%;width:46px}
@media (max-width:1200px){.dood--3,.dood--4{display:none}}
@media (max-width:900px){.dood{opacity:.3}.dood--1,.dood--5{width:56px}.dood--2,.dood--7{width:64px}}
@media (max-width:600px){.dood--6,.dood--7{display:none}}
/* 플로팅 버튼 */
.fab{position:fixed;right:clamp(16px,2vw,28px);bottom:clamp(16px,2vw,28px);z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:var(--s10);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}
.fab.is-on{opacity:1;transform:none;pointer-events:auto}
.fab__btn{display:inline-flex;align-items:center;gap:var(--s8);border:0;cursor:pointer;font:inherit;box-shadow:0 8px 22px rgba(53,48,48,.18);transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}
.fab__btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(53,48,48,.24)}
.fab__btn:focus-visible{outline:var(--focus);outline-offset:3px}
.fab__btn--ask{position:relative;height:56px;padding:0 var(--s20) 0 var(--s16);border-radius:var(--r-full);background:var(--pink);color:#fff}
.fab__ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fab__btn--ask b{display:flex;flex-direction:column;font-size:var(--t-sm);font-weight:700;line-height:1.25;text-align:left}
.fab__btn--ask small{font-size:11px;font-weight:500;opacity:.9}
.fab__dot{position:absolute;top:10px;left:32px;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:fab-pulse 1.8s var(--ease) infinite}
@keyframes fab-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.75)}70%{box-shadow:0 0 0 7px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.fab__btn--top{width:46px;height:46px;border-radius:50%;background:var(--surface);color:var(--ink);justify-content:center;border:1px solid var(--line)}
.fab__btn--top svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:reduce){.fab__dot{animation:none}}
@media (max-width:600px){.fab__btn--ask{height:50px;padding:0 var(--s16) 0 var(--s14)}.fab__btn--ask small{display:none}.fab__dot{top:8px;left:28px}.fab__btn--top{width:42px;height:42px}}
/* 말풍선 위치 확정: 화면 글자를 가리지 않게 프레임 아래(페이드 구간)에 고정. 꼬리는 위를 가리켜 화면 내용을 지목 */
.rp__callout{left:16px!important;right:16px;top:auto!important;bottom:16px;max-width:none;text-align:left}
.rp__callout::before{left:20px}

/* ============ 260915-2 배지 글자색 통일 · 플로팅 버튼 재설계(채널톡·인터콤 패턴) ============ */
/* 배지 글자·더미 라벨을 점과 같은 #3BA7FF로 통일 (대표 지정 팔레트) */
.baby .badge-new,.bfeat__tag{color:#3ba7ff}
.bfeat__title b,.sorter__hint b{color:#3ba7ff}
.baby .stack__label{background:#3ba7ff;box-shadow:0 6px 14px rgba(59,167,255,.35)}
/* ---- 플로팅 버튼 ---- */
.fab{position:fixed;right:24px;bottom:24px;z-index:120;display:flex;flex-direction:column;align-items:flex-end;gap:var(--s10);opacity:1;transform:none;pointer-events:none}
.fab > *{pointer-events:auto}
/* 안내 말풍선 */
.fab__tip{position:relative;max-width:250px;padding:var(--s12) var(--s32) var(--s12) var(--s14);border-radius:14px;background:var(--ink);color:#fff;box-shadow:0 10px 24px rgba(53,48,48,.24);opacity:0;transform:translateY(8px) scale(.96);transform-origin:100% 100%;transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease);pointer-events:none}
.fab.is-tip .fab__tip{opacity:1;transform:none;pointer-events:auto}
.fab__tip b{display:block;font-size:var(--t-sm);font-weight:700;line-height:1.4}
.fab__tip span{display:block;margin-top:2px;font-size:var(--t-xs);color:rgba(255,255,255,.72);line-height:1.45}
.fab__tip::after{content:"";position:absolute;right:22px;bottom:-6px;width:12px;height:12px;background:var(--ink);transform:rotate(45deg)}
.fab__tip-x{position:absolute;top:6px;right:6px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:15px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.fab__tip-x:hover{background:rgba(255,255,255,.26)}
/* 맨 위로 — 스크롤 400px 넘으면 */
.fab__top{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(6px);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(53,48,48,.14);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),border-color var(--dur-1) var(--ease)}
.fab.is-up .fab__top{opacity:1;transform:none;pointer-events:auto}
.fab__top:hover{border-color:var(--gray-2);transform:translateY(-2px)}
.fab__top svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* 상담 버튼 — 항상 보이는 원형 (챗봇 관례) */
.fab__chat{position:relative;width:62px;height:62px;border-radius:50%;background:linear-gradient(145deg,#ff8fac,#ff5c86);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(255,92,134,.42);transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}
.fab__chat:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 14px 32px rgba(255,92,134,.5)}
.fab__chat:focus-visible{outline:3px solid #ff7497;outline-offset:3px}
.fab__chat svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}
.fab__ring{position:absolute;inset:0;border-radius:50%;background:rgba(255,116,151,.55);animation:fab-ring 2.4s var(--ease) infinite}
@keyframes fab-ring{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.45);opacity:0}100%{transform:scale(1.45);opacity:0}}
.fab__badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--r-full);background:#ff3b30;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff;z-index:2}
@media (prefers-reduced-motion:reduce){.fab__ring{animation:none;opacity:0}}
@media (max-width:600px){.fab{right:16px;bottom:16px;gap:var(--s8)}.fab__chat{width:56px;height:56px}.fab__chat svg{width:25px;height:25px}.fab__top{width:42px;height:42px}.fab__tip{max-width:210px}}

/* ============ 260915-3 리뷰 잘림 제거 · 업종 칩 바 잘림 수정 ============ */
/* 후기 인용문이 3줄에서 "..."로 끊기던 것 → 전문 표시. 카드 높이는 행 단위로 맞춘다 */
.vd-rvq{display:block;-webkit-line-clamp:none;overflow:visible}
.vd-rv{align-items:stretch}
.vd-rvcard{align-content:start}
/* 업종 바: 힌트를 아래 줄로 내려 칩이 바 전체 폭을 쓰게. 오른쪽 끝에 스크롤 그림자로 더 있음을 알림 */
.vd-bar{display:block;border-radius:var(--r-block);padding:var(--s12) var(--s16) var(--s10)}
.vd-bar__row{display:flex;align-items:center;gap:var(--s12);min-width:0}
.vd-bar__row .vd-cats__label{margin:0;flex:none;padding-right:var(--s12);border-right:1px solid var(--line);font-size:var(--t-sm);font-weight:600;color:var(--ink)}
.vd-bar__row .vd-cats{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 2px 2px 0;-webkit-mask-image:linear-gradient(90deg,#000 0 94%,transparent);mask-image:linear-gradient(90deg,#000 0 94%,transparent)}
.vd-bar__hint{display:block;margin:var(--s8) 0 0;font-size:var(--t-xs);color:var(--gray)}
@media (max-width:1100px){.vd-bar__hint{display:block}}
@media (max-width:600px){.vd-bar__row .vd-cats__label{display:none}.vd-bar{padding:var(--s10) var(--s12)}}

/* ============ 260915-4 타임캡슐 미디어 — 유튜브 임베드 · 태교송 플레이어(아이폰 뮤직 방식) ============ */
.vframe{position:relative;aspect-ratio:16/9;border-radius:var(--r-card);overflow:hidden;background:#0f0d0d;box-shadow:var(--shadow-1)}
.vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vframe noscript a{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--t-sm)}

/* ============ 260915-6 태교송 플레이어 — 유튜브 뮤직 가사 화면 방식(v2) ============
   흐린 앨범 아트 위에 사각 커버(왼쪽, 여백 확보) + 오른쪽 정렬 가사.
   지금 부르는 줄만 흰색 + 반투명 밴드 + 오른쪽 끝 막대로 표시해, 색만이 아니라 형태로도 구분된다. */
.tsong{position:relative;border-radius:var(--r-card);overflow:hidden;background:#2a2320;box-shadow:var(--shadow-2);isolation:isolate}
.tsong__bg{position:absolute;inset:-14%;width:128%;height:128%;object-fit:cover;filter:blur(30px) saturate(1.05) brightness(.66);z-index:0}
.tsong::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(22,17,15,.62),rgba(22,17,15,.3) 46%,rgba(22,17,15,.66))}
.tsong__inner{position:relative;z-index:2;padding:var(--s16) var(--s24) var(--s14)}
.tsong__head{text-align:center;margin-bottom:var(--s12)}
.tsong__title{font-family:var(--font-title);font-size:19px;font-weight:700;color:#fff;letter-spacing:-.02em;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.tsong__artist{margin-top:3px;font-size:var(--t-xs);color:rgba(255,255,255,.7)}
/* 커버(사각) | 가사 — 커버는 왼쪽 여백을 두고, 가사와의 간격은 좁혀 가운데가 비지 않게 */
.tsong__body{display:grid;grid-template-columns:128px minmax(0,1fr);gap:var(--s20);align-items:center}
.tsong__cover{margin:0;width:128px;height:128px;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.45);background:#1b1512}
.tsong__cover img{width:100%;height:100%;object-fit:cover;display:block}
.tsong.is-playing .tsong__cover{animation:tsong-lift 4.5s var(--ease) infinite}
@keyframes tsong-lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.tsong__lyrics{position:relative;height:176px;overflow-y:auto;scrollbar-width:none;text-align:right;padding:var(--s24) 0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}
.tsong__lyrics::-webkit-scrollbar{display:none}
.tsong__line{
  position:relative;font-family:var(--font-title);font-size:16px;font-weight:600;line-height:1.5;
  color:rgba(255,255,255,.36);padding:var(--s6) var(--s14) var(--s6) var(--s12);border-radius:8px;
  transition:color var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease),font-size var(--dur-2) var(--ease);
}
.tsong__line.is-done{color:rgba(255,255,255,.28)}
/* 지금 부르는 줄 */
.tsong__line.is-on{color:#fff;font-size:18px;font-weight:700;background:rgba(255,255,255,.17);text-shadow:0 1px 8px rgba(0,0,0,.45)}
.tsong__line.is-on::after{content:"";position:absolute;right:4px;top:50%;translate:0 -50%;width:3px;height:62%;border-radius:2px;background:#fff}
.tsong__foot{display:flex;align-items:center;gap:var(--s12);margin-top:var(--s14)}
.tsong__play{flex:none;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#241d1b;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.34);transition:transform var(--dur-1) var(--ease)}
.tsong__play:hover{transform:scale(1.07)}
.tsong__play:focus-visible{outline:3px solid #fff;outline-offset:3px}
.tsong__play svg{width:18px;height:18px;fill:currentColor}
.tsong__ico-pause{display:none}
.tsong.is-playing .tsong__ico-play{display:none}
.tsong.is-playing .tsong__ico-pause{display:block}
.tsong__seek{-webkit-appearance:none;appearance:none;flex:1;min-width:0;height:4px;border-radius:2px;background:rgba(255,255,255,.3);outline:none;cursor:pointer}
.tsong__seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:0;cursor:pointer}
.tsong__seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;cursor:pointer}
.tsong__seek:focus-visible{outline:2px solid #fff;outline-offset:4px}
.tsong__time{flex:none;font-size:var(--t-xs);color:rgba(255,255,255,.82);font-variant-numeric:tabular-nums}
.tsong__dur{flex:none;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 var(--s10);border-radius:var(--r-full);background:rgba(0,0,0,.36);color:#fff;font-size:var(--t-xs);font-variant-numeric:tabular-nums}
.tsong__dur svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tsong__note{margin-top:var(--s10);font-size:var(--t-xs);color:var(--gray);line-height:1.6}
@media (prefers-reduced-motion:reduce){.tsong.is-playing .tsong__cover{animation:none}}
@media (max-width:600px){
  .tsong__inner{padding:var(--s14) var(--s14) var(--s12)}
  .tsong__body{grid-template-columns:88px minmax(0,1fr);gap:var(--s14)}
  .tsong__cover{width:88px;height:88px;border-radius:11px}
  .tsong__lyrics{height:150px;padding:var(--s20) 0}
  .tsong__line{font-size:14px}
  .tsong__line.is-on{font-size:15px}
  .tsong__time{display:none}
}

/* ============ 260915-7 아주 좁은 화면 대응 — 갤럭시 폴드 커버(280·344) · 구형 아이폰 SE(320) ============
   원인: ≤600에서 단계 탭을 한 줄로 강제(nowrap)해 4개가 240px 안에 안 들어갔다. 좁아지면 다시 줄바꿈한다. */
@media (max-width:420px){
  :root{--gutter:clamp(16px,4.5vw,20px)}            /* 좌우 여백을 줄여 본문 폭 확보 */
  .stage-tabs{flex-wrap:wrap;justify-content:center;width:auto;max-width:100%;gap:4px}
  .stage-tab{height:38px;padding:0 var(--s12);font-size:var(--t-sm)}
  .header__cta{white-space:nowrap;padding:0 var(--s14);font-size:var(--t-xs)}
  .header__logo{padding:var(--s6) 0}                 /* 로고 터치 영역 36px 이상 */
  .header__logo img{height:26px}
  .fchip--sm .fchip__btn{height:38px}
  .note-toggle summary{min-height:38px;align-items:center}
  .vd-consult{height:38px}
}
@media (max-width:360px){
  .stage-tab{height:36px;padding:0 var(--s10);font-size:var(--t-xs)}
  .header__cta{padding:0 var(--s12)}
  .hero__stage{max-width:300px;--r:40cqw}
  .hero__icon{width:20cqw}
  .hero__icon figcaption{font-size:10px;padding:2px 6px}
  .hero__fam-hand{font-size:22px;top:-26px}
  .allin__grid{grid-template-columns:repeat(2,1fr)}
  .tile__img{width:48px;height:48px}
  .feat__tab span{font-size:var(--t-xs)}
  .sapp,.bphone{max-width:100%}
  .bphone{width:100%}
  .stack{width:min(100%,220px);height:170px}
  .stack__pics img{left:34px;width:104px;height:104px}
  .growth__fields--row{grid-template-columns:1fr 1fr}
  .vd-item{grid-template-columns:auto minmax(0,1fr)}
  .record__steps--v{grid-template-columns:1fr}
  .record__steps--v .record__step{grid-template-columns:44px minmax(0,1fr);justify-items:start;text-align:left;padding:var(--s10) var(--s12)}
  .record__steps--v .record__ico{width:36px;height:36px}
  .record__steps--v .record__text{display:block;font-size:11px}
  .rp__shot,.tsong,.vframe{border-radius:var(--r-thumb)}
  .fab__chat{width:52px;height:52px}
  .fab__tip{max-width:190px}
}
/* 가로 모드(폴드 펼침·태블릿 눕힘)에서 히어로가 화면을 다 먹지 않게 */
@media (max-height:520px) and (orientation:landscape){
  .hero{padding-block:24px 40px}
  .hero__stage{max-width:300px}
  .feat{padding-block:28px}
}
/* 후기 집계 막대: 라벨+막대+숫자 3열이 280px에서 안 들어간다 → 라벨 위, 막대+숫자 아래 2줄로 */
@media (max-width:360px){
  .statbar{grid-template-columns:minmax(0,1fr) auto;gap:var(--s4) var(--s8);padding:var(--s8) var(--s10)}
  .statbar__label{grid-column:1/-1}
  .statbar__track{grid-column:1}
  .statbar__num{grid-column:2}
  .stats{padding:var(--s16)}
}
/* 터치 영역: 세로 flex 안에서 버튼 높이가 눌려 23px까지 줄던 것 · 점·링크 히트 영역 확보 */
.lock__cta .btn,.rest__cta .btn,.vd-live .btn{flex:none}
.vd-live__more{padding:var(--s8) 0}
.cap__tab{height:36px}
.bfeat__dot,.feat3__dot{position:relative}
.bfeat__dot::after,.feat3__dot::after{content:"";position:absolute;inset:-14px -8px;border-radius:inherit}
.fab__tip-x{width:28px;height:28px}
/* 아주 좁은 화면에서는 안내 말풍선이 본문을 덮는다 → 버튼만 */
@media (max-width:380px){ .fab__tip{display:none} }

/* ============ 260915-8 모바일 최적화 — 스크롤 길이 축소 · 기능 탭 한 줄 · 리뷰 헤드 가운데 ============ */
/* 1) 기능 탭 3개가 2줄로 감기던 것 → 한 줄 */
@media (max-width:600px){
  .feat__tabs{flex-wrap:nowrap;gap:var(--s6);justify-content:center}
  .feat__tab{padding:0 var(--s10);gap:var(--s4);white-space:nowrap;min-width:0}
  .feat__tab img{width:20px;height:20px}
  .feat__tab span{font-size:var(--t-xs)}
}
@media (max-width:340px){ .feat__tab img{display:none} }
/* 2) 리뷰 & 상담 헤드의 캐릭터가 왼쪽으로 쏠리던 것 → 가운데 */
@media (max-width:1024px){
  .vd-head__side{justify-content:center;text-align:center;width:100%}
  .vd-head__baby{display:block;margin-inline:auto}
}
/* 3) 모바일 스크롤 길이 — 섹션 여백·카드 여백·긴 블록 축소 */
@media (max-width:600px){
  :root{--section-y:clamp(44px,6vw,64px);--head-gap:26px}
  .hero{padding-block:24px 44px}
  .trust{margin-top:0}
  .vd-head__baby{width:120px}
  .vd-grid{margin-top:var(--s16);gap:var(--s12)}
  .vd-item{padding:var(--s10)}
  .vd-list{gap:var(--s8);margin-top:var(--s12)}
  .vd-rvq{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .vd-reviews{margin-top:var(--s14)}
  .vd-live{margin-top:var(--s14)}
  /* 비교표: 모바일 기본 접힘(요약만 보이고 누르면 펼쳐짐) */
  .vd-fold summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--s6);min-height:40px}
  .vd-fold summary::-webkit-details-marker{display:none}
  .vd-fold summary::after{content:"";width:12px;height:12px;margin-left:auto;background:var(--gray);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform var(--dur-1) var(--ease)}
  .vd-fold[open] summary::after{transform:rotate(180deg)}
  /* 타임캡슐: 편지 본문 4줄까지 */
  .cap{gap:var(--s16)}
  .cap__letter{padding:var(--s28) var(--s16) var(--s16)}
  .cap__ltext{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-top:var(--s14)}
  .cap__side{gap:var(--s12)}
  .cap__media{padding:var(--s14)}
  .cap__album--row{grid-template-columns:repeat(4,1fr);gap:var(--s6)}
  /* 후기 월 */
  .wall{height:360px}
  .stats{padding:var(--s16)}
  .stats__note{margin-top:var(--s12);padding-top:var(--s12)}
  /* 혜택 · 앱 하나로 · 육아맘 */
  .gift__panel{padding:var(--s14)}
  .gift__reviews{margin-top:var(--s20)}
  .allin .wrap{padding-block:clamp(36px,5vw,56px)}
  .allin__grid{gap:var(--s6)}
  .tile{padding:var(--s12) var(--s6)}
  .bfeat{padding:var(--s20) var(--s16);margin-top:var(--s20)}
  .bphone{height:380px}
  .baby__cards{gap:var(--s10)}
  .outro .wrap{padding-block:clamp(40px,5vw,64px)}
  .feat{padding-block:28px}
  .feat__panel > .wrap{padding-top:var(--s16)}
}
/* 모바일 길이 2차 — 정보가 없는 장식·고정 높이 블록부터 줄인다 */
@media (max-width:600px){
  :root{--section-y:clamp(36px,5vw,56px);--head-gap:22px}
  .section-head{gap:0}
  .section-note{margin-top:var(--s8)}
  .vd-head__baby{display:none}            /* 헤드 캐릭터 = 장식 */
  .vd-head{gap:var(--s12)}
  .cap__stack{display:none}               /* 편지 아래 기록 칩 = 예시 나열 */
  .cap__q,.cap__a{padding:var(--s12);margin-top:var(--s12)}
  .wall{height:300px}
  .bphone{height:340px}
  .bphone__inner{inset:38px 0 0}
  .rp__shot{height:300px}
  .tsong__lyrics{height:120px}
  .gift__figure{aspect-ratio:3/2}
  .gift__cols{gap:var(--s10)}
  .appval{padding:var(--s16);gap:var(--s12)}
  .appval__list{gap:var(--s10)}
  .feat3,.bfeat__nav{margin-top:var(--s16)}
  .reviews__note{margin-top:var(--s12)}
  .trust__bar{padding:var(--s12) var(--s16)}
  .outro__qr{margin-top:var(--s20);padding:var(--s12)}
  .outro__actions{margin-top:var(--s20)}
}
/* 모바일 길이 3차 */
@media (max-width:600px){
  .cap-head__baby{display:none}           /* 타임캡슐 헤드 일러스트 = 장식 */
  .cap-head{gap:var(--s12)}
  .vd-thumb{display:block;width:68px;height:52px}   /* 이전 규칙에서 숨겨져 본문이 68px 칸으로 밀려 있었다 */
  .vd-thumb--ph{display:inline-flex}
  .vd-item{grid-template-columns:auto 68px minmax(0,1fr);gap:var(--s6) var(--s10);padding:var(--s10)}
  .vd-price{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--s8);text-align:right;padding-top:var(--s8);border-top:1px dashed var(--divider)}
  .vd-price small{order:1}
  .vd-price b{order:2}
  .vd-price .vd-inc{order:3;margin-left:auto}
  .vd-panel__head{gap:var(--s8)}
  .vd-panel{padding:var(--s14)}
  .vd-reviews__title{margin-bottom:var(--s6)}
  .vd-rvcard{padding:var(--s10);gap:var(--s8) var(--s10)}
  .vd-rvimg{width:56px;height:56px}
  .cap__relief li{padding:var(--s14)}
  .cap__media-title{margin-bottom:var(--s8)}
}

/* ============ 260915-9 이용 현황 띠 — 모바일에서도 3칸 한 줄 ============
   세로로 쌓여 3화면 가까이 먹던 것 → 아이콘 위 · 숫자 · 라벨 아래로 쌓아 한 줄에. */
@media (max-width:860px){
  .trust__bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s8);padding:var(--s14) var(--s10);align-items:stretch}
  .trust__item{flex-direction:column;align-items:center;text-align:center;gap:var(--s6);padding:0 var(--s6);min-width:0}
  .trust__item + .trust__item::before{left:0;top:10%;bottom:auto;width:1px;height:80%}
  .trust__avatars img{width:26px;height:26px;border-width:1.5px}
  .trust__avatars img + img{margin-left:-9px}
  .trust__badge{width:32px;height:32px;border-radius:9px}
  .trust__badge img{width:17px;height:17px}
  .trust__num{justify-content:center;font-size:20px;gap:var(--s4)}
  .trust__num small{font-size:12px}
  .trust__num .stars{display:none}          /* 좁은 칸에서 별 5개는 숫자를 밀어낸다 */
  .trust__label{white-space:normal;font-size:11px;line-height:1.35;word-break:keep-all}
}
@media (max-width:360px){
  .trust__bar{padding:var(--s12) var(--s6);gap:var(--s4)}
  .trust__item{padding:0 var(--s4)}
  .trust__num{font-size:18px}
  .trust__label{font-size:10px}
  .trust__avatars img{width:22px;height:22px}
  .trust__avatars img + img{margin-left:-8px}
}

/* ============ 260915-10 모바일 다듬기 9건 (데스크톱 영향 없음) ============ */
/* 모바일/웹 전용 문구 스위치 */
.only-m{display:none}
.br-m{display:none}
@media (max-width:600px){
  .only-w{display:none}
  .only-m{display:inline}
  .br-m{display:inline}
  /* 히어로 CTA 2개를 한 줄(알약 가로 배열): 각 버튼이 남는 폭을 나눠 갖고, 문구는 .only-m 축약('지원금 확인하기'). 320px(본문 288)에서도 한 줄 */
  .hero__actions{flex-wrap:nowrap;gap:var(--s8);margin-top:var(--s24)}
  .hero__actions .btn{flex:1 1 0;min-width:0;padding:0 var(--s12);font-size:var(--t-sm);white-space:nowrap}
  .hero__actions .btn--icon{padding-left:var(--s10);gap:var(--s6)}
  .hero__actions .btn--icon img{width:24px;height:24px;margin-right:0}
  /* 아이콘 라벨: 한 줄 강제 대신 최대 120px에서 2줄 허용(긴 라벨 '과장광고 NO 솔직 후기'·'결혼 준비 체크리스트'). 화면 밖 보정은 app.js fitCaptions */
  .hero__icon figcaption{white-space:normal;width:max-content;max-width:120px;text-align:center;line-height:1.3;padding:var(--s4) var(--s10)}
  /* 한국어는 어절 단위로 끊어야 읽기 쉽다 */
  .section-lead,.section-title,.feat__title,.bfeat__title,.cap__desc,.rv__quote,.vd-rvq,.trust__label{word-break:keep-all}

  /* 1) 업체 비교 헤더 3열 균등·가운데 정렬, 상담 버튼 바닥 맞춤 */
  .vd-tr--head{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6);align-items:stretch}
  .vd-th{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;min-width:0}
  .vd-th b{font-size:var(--t-xs);line-height:1.3;word-break:keep-all}
  .vd-th small{font-size:10px;line-height:1.3}
  .vd-th .vd-consult{margin-top:auto;width:100%;padding:0 var(--s6);font-size:var(--t-tiny)}

  /* 2) 실시간 상담 — 제목과 '앱에서 전체 후기 보기'를 한 줄 좌우로 */
  .vd-live{display:block;padding:var(--s12) var(--s14)}
  .vd-live__head{display:flex;align-items:center;gap:var(--s8);margin:0}
  .vd-live__more--top{margin-left:auto;padding:0;font-size:var(--t-xs)}
  .vd-live > .vd-live__more{display:none}     /* 아래쪽 중복 링크 숨김 */
  .vd-ticker{margin-top:var(--s8)}

  /* 4) 타임캡슐 해소 카드 2장을 좌우 한 줄로 */
  .cap__relief{grid-template-columns:1fr 1fr;gap:var(--s8)}
  .cap__relief li{padding:var(--s12)}
  .cap__pain{font-size:10px;padding:3px 8px}
  .cap__relief b{font-size:var(--t-sm)}
  .cap__relief p{margin-top:var(--s8);font-size:var(--t-xs);line-height:1.55}

  /* 5) 쌓인 기록으로 만들어요 — 탭 3개 한 줄 */
  .cap__tabs{flex-wrap:nowrap;gap:var(--s6)}
  .cap__tab{flex:1;min-width:0;padding:0 var(--s8);font-size:var(--t-xs);white-space:nowrap}

  /* 7) 기능 패널 제목과 주차 칩 사이 간격 축소 */
  .feat__intro{margin-bottom:0}
  .weekly__picker{margin-top:var(--s8)}
  .feat__title{margin-bottom:0}

  /* 8) 육아맘 — 드래그 없이 목업만, 글 먼저·목업 아래, 제목 한 줄 */
  .bfeat__demo{display:none}
  .bfeat__stage{order:0}
  .bfeat__title br{display:none}
  .bfeat__title{font-size:20px}
  .bfeat{gap:var(--s16)}
}
/* 9) 히어로 단계 탭 4개는 좁아져도 한 줄 (안 들어가면 가로 스크롤) */
@media (max-width:420px){
  /* 폭이 남으면 가운데(width:fit-content + margin auto), 넘치면 왼쪽부터 가로 스크롤. justify-content:center는 넘칠 때 왼쪽이 잘려서 못 씀 */
  .stage-tabs{flex-wrap:nowrap;width:fit-content;max-width:100%;margin-inline:auto;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
  .stage-tabs::-webkit-scrollbar{display:none}
  .stage-tab{flex:0 0 auto;height:36px;padding:0 var(--s10);font-size:var(--t-xs)}
}
@media (max-width:340px){ .stage-tab{padding:0 var(--s8);font-size:11px} }
/* 캐러셀 제목: 모바일에서 줄바꿈만 없애고 띄어쓰기는 남긴다(br 뒤 공백 + br만 숨김) */
.br-w{display:inline}
@media (max-width:600px){
  .br-w{display:none}
  /* 7) 패널 제목 ↔ 주차 칩 간격 */
  .feat__panel > .wrap > .feat__intro{margin-bottom:0}
  .weekly__copy > .feat__intro{margin-bottom:0}
  .weekly__picker{margin-top:var(--s10)}
  .feat__intro .feat__title{margin-bottom:0}
  /* 실시간 상담 티커가 카드 아래 선에 닿아 잘려 보이던 것 */
  .vd-live{padding-bottom:var(--s14)}
  .vd-ticker{height:26px}
  .vd-ticker__track li{height:26px;line-height:26px;font-size:var(--t-xs)}
}
@media (max-width:600px){
  /* 간격의 정체: .weekly__grid의 row-gap 32px (weekly__copy가 display:contents라 그리드 간격이 그대로 먹는다) */
  .weekly__grid{gap:var(--s12)}
  .weekly__picker{margin-top:0}
  .weekly__copy > .weekly__panel,.weekly__guide{margin-top:0}
  .growth__grid{gap:var(--s12)}
}
/* 실시간 상담 링크는 한 번만: 데스크톱=아래 원래 링크 / 모바일=제목 옆 링크 */
.vd-live__more--top{display:none}
@media (max-width:600px){ .vd-live__more--top{display:inline} }


/* ============ 260915-12 모바일 스크롤 축소 1차 — 리뷰&상담 · 엄마 후기 · 지원금 (≤600px, 데스크톱 영향 없음) ============
   원칙: 훅 → 맛보기 1개 → 앱 CTA는 그대로. 2번째 이후 예시·설명·장식만 줄인다. */
/* 비교 패널 접기용 summary — 기본(데스크톱)은 숨김, details는 app.js가 폭 보고 open */
.vd-cmpfold{display:block}
.vd-cmpfold__sum{display:none;align-items:center;gap:var(--s8);min-height:44px;list-style:none;cursor:pointer;font-size:var(--t-sm);font-weight:600;color:var(--ink)}
.vd-cmpfold__sum::-webkit-details-marker{display:none}
.vd-cmpfold__sum small{font-size:var(--t-xs);font-weight:500;color:var(--gray)}
.vd-cmpfold__sum::after{content:"";width:14px;height:14px;margin-left:auto;flex:none;background:var(--gray);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform var(--dur-1) var(--ease)}
.vd-cmpfold[open] > .vd-cmpfold__sum::after{transform:rotate(180deg)}
/* 후기 통계 '더 보기' — 데스크톱은 숨김(막대 8개 전부 보임) */
.stats__more{display:none}
.wall__row{display:contents}

@media (max-width:600px){
  /* ---- 리뷰 & 상담 (2,118 → 목표 ~1,250) ---- */
  .vd-head__copy .pain{display:none}                 /* 엄마 말풍선 90px — 제목이 같은 내용을 말함 */
  .vd-rank .vd-panel__sub{display:none}
  .vd-tags{display:none}                             /* 태그는 비교표에 있음 */
  .vd-item{gap:var(--s4) var(--s10)}
  .vd-price{padding-top:var(--s6);border-top:0}
  /* 후기 2건: 세로 2장 → 가로 스와이프(두 번째 카드가 18% 보여 넘길 수 있음을 알림) */
  .vd-rv{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--s10);margin:var(--s10) calc(var(--s14) * -1) 0;padding:0 var(--s14) var(--s4);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .vd-rv::-webkit-scrollbar{display:none}
  .vd-rvcard{flex:0 0 82%;scroll-snap-align:start}
  /* 비교 패널: 헤드 숨기고 summary 한 줄 + 앱 버튼만 */
  .vd-compare > .vd-panel__head{display:none}
  .vd-cmpfold__sum{display:flex}
  .vd-compare .vd-table{margin-top:var(--s8)}
  .vd-compare .vd-appbtn{margin-top:var(--s10)}

  /* ---- 엄마 후기 (1,159 → 목표 ~800) ---- */
  .stats__bars:not(.is-open) .statbar.is-extra:not([aria-pressed="true"]){display:none}   /* 상위 3개 + 선택된 것만 */
  .stats__more{display:flex;align-items:center;justify-content:center;gap:var(--s4);width:100%;height:36px;margin-top:var(--s6);border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);font-size:var(--t-xs);font-weight:600;color:var(--ink-2)}
  .stats__more::after{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform var(--dur-1) var(--ease)}
  .stats__more[aria-expanded="true"]::after{transform:rotate(180deg)}
  /* 후기 벽: 세로 자동 스크롤(300px 고정) → 가로 스와이프 한 줄, 화면 가장자리까지 */
  .wall.wall--row{display:flex;height:auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:var(--s10);margin-inline:calc(var(--gutter) * -1);padding:var(--s4) var(--gutter) var(--s8);-webkit-mask-image:none;mask-image:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .wall--row::-webkit-scrollbar{display:none}
  .wall--row .rcard{flex:0 0 min(300px,80vw);scroll-snap-align:start;padding:var(--s14) var(--s16)}
  .wall--row .rcard__quote{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .reviews__note{display:none}                       /* 출처는 통계 카드 각주에 이미 있음 */

  /* ---- 지원금 (1,311 → 목표 ~900) ---- */
  .fbar.is-form .fbar__row{grid-template-columns:1fr 1fr;gap:var(--s14) var(--s12);padding:var(--s16)}
  .fbar.is-form .fchip[data-fchip="region"],.fbar.is-form .fchip[data-fchip="phase"]{grid-column:1/-1}   /* 사는 곳·시기는 한 줄, 아이·고용은 나란히 */
  .fbar.is-form .fchip__pop .checker__selects{grid-template-columns:1fr 1fr}
  .fbar.is-form .fchip__hint{display:none}
  .fbar.is-form .fchip__btn{margin-bottom:var(--s6)}
  .fbar.is-form .fchip__pop .checker__inline{margin-top:var(--s8)}
  .fbar.is-form .fbar__cta{margin-top:0}
  .fbar.is-form .fbar__hint{margin-top:var(--s8)}
  /* 앱 안내 카드: 3항목 설명 → 제목 + 키워드 3개 한 줄 + 버튼 */
  .appval{padding:var(--s14) var(--s16);gap:var(--s10)}
  .appval__list{display:flex;flex-wrap:wrap;gap:var(--s6) var(--s12)}
  .appval__list li{display:inline-flex;align-items:center;gap:var(--s6)}
  .appval__list li > span:last-child{display:none}
  .appval__ico{grid-row:auto;width:24px;height:24px}
  .appval__ico svg{width:13px;height:13px}
  .appval__btn{height:44px}
}


/* ============ 260915-13 8건: 히어로 겹침 · 블러 카드 · 랭킹 썸네일 1:1 · 혜택 2열 · 육아맘 제목 · 자동 재생 · 플로팅 버튼 ============ */
/* 3) 랭킹 행 — 썸네일 1:1(76px)에 순위 배지를 사진 왼쪽 위로. 모바일 64 · ≤360 56 */
.vd-item{grid-template-columns:76px minmax(0,1fr) auto}
.vd-pic{position:relative;width:76px;height:76px;flex:none;border-radius:var(--r-thumb);overflow:hidden;background:var(--surface-3)}
.vd-pic .vd-thumb{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.vd-pic .vd-thumb--ph{display:flex;width:100%;height:100%}
.vd-pic .vd-rankno{position:absolute;left:5px;top:5px;width:22px;height:22px;font-size:12px;box-shadow:0 1px 4px rgba(53,48,48,.22)}
.vd-pic .vd-rankno--2,.vd-pic .vd-rankno--3{background:rgba(255,255,255,.95);color:var(--pink-ink)}
/* 히어로 5번째 아이콘(조리원 후기)이 1440에서 캐릭터에 1~3px 닿던 것 → 22°(위로 올려 몸통에서 멀어짐. 28°는 반대로 -7까지 파고들었음) */
.hero__icon--5{--a:22deg}
/* 8) 플로팅 버튼 — 데스크톱 우 32 · 하 36 (레퍼런스: Intercom·Zendesk 기본 16~20px에 iOS 홈 인디케이터·화면 하단 그림자 고려해 한 단계 위), 모바일은 safe-area 가산 */
.fab{right:32px;bottom:36px}
@media (min-width:601px) and (max-width:1024px){
  /* 1) 태블릿(601~1024): 가족 카드가 아이콘 2·3에 4px 겹침 → 카드 위로, 결혼 준비 2번 아이콘(체크리스트) 캐릭터 손과 9px 겹침 → 30° */
  .hero__fam-card{top:-3%}
  .hero__stage{margin-top:36px}                    /* 카드+손글씨가 CTA 줄과 30px 겹치던 것 */
  .hero__icon--2{--a:226deg}
  .hero__icon--3{--a:314deg}                        /* 카드(230px) 모서리와 아이콘 2·3이 4px 겹침 → 바깥으로 3° */
  .hero__stage[data-n="3"] .hero__icon--2{--a:20deg}   /* 30°는 캐릭터 손 쪽으로 더 내려가 -19. 위로 */
}
@media (max-width:600px){
  /* 1) 모바일: 가족 카드를 무대 밖(위)으로 — 무대 위쪽 56px을 비워 카드+손글씨 자리. 아이콘 2·3(226°·314°)과 16px 겹치던 문제 해결 */
  .hero__stage{margin-top:78px}                    /* 손글씨 꼭대기까지 CTA와 8px 이상 */
  .hero__fam-card{top:auto;bottom:calc(100% + 10px)}
  .hero__fam-hand{font-size:24px;top:-26px}
  /* 5아이콘(임신 중): 5번(조리원 후기)이 캐릭터·4번 라벨과 겹치던 것 → 비어 있는 꼭대기(270°, 반지름 36cqw)로, 2·3번은 224°·316° */
  .hero__stage[data-n="4"] .hero__icon--2{--a:232deg}
  .hero__stage[data-n="4"] .hero__icon--3{--a:308deg}
  .hero__stage[data-n="5"] .hero__icon{width:16cqw}   /* 5개는 한 단계 작게(62→55px) */
  .hero__stage[data-n="5"] .hero__icon--1{--a:180deg}
  .hero__stage[data-n="5"] .hero__icon--2{--a:230deg}
  .hero__stage[data-n="5"] .hero__icon--3{--a:310deg}
  .hero__stage[data-n="5"] .hero__icon--4{--a:0deg}
  .hero__stage[data-n="5"] .hero__icon--5{--a:270deg;--r:38cqw}
  /* 3아이콘: 좌우를 222°·318°로 올려 캐릭터 머리와 거리 확보. 라벨은 104px에서 접어(과장광고 NO/솔직 후기) 꼭대기 라벨과 좌우 11px 이상 */
  .hero__stage[data-n="3"] .hero__icon figcaption{max-width:104px}
  .hero__stage[data-n="3"] .hero__icon--1{--a:222deg}
  .hero__stage[data-n="3"] .hero__icon--3{--a:318deg}
  /* 1-2) 지원금 결과의 블러 카드: 칩 한 줄만 보이고 나머지는 잘라 높이 절반 */
  .rest__list{max-height:calc(var(--h-chip) + 20px);overflow:hidden;padding:var(--s10) var(--pad-card)}
  .rest__cta{padding:var(--s12) var(--pad-card);gap:var(--s10)}
  /* 3) 랭킹 썸네일 모바일 64px */
  .vd-item{grid-template-columns:64px minmax(0,1fr);gap:var(--s4) var(--s10)}
  .vd-pic{width:64px;height:64px}
  .vd-pic .vd-thumb{display:block;width:100%;height:100%}
  /* 5) 럽맘박스 목록: 제작권·쿠폰 | 제품 2열 */
  .gift__cols{grid-template-columns:1fr 1fr;gap:var(--s12);text-align:left;max-width:none}
  .gift__cols .gift__list{line-height:1.6}
  /* 8) 플로팅 버튼: 홈 인디케이터 위 20px */
  .fab{right:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:360px){
  .vd-item{grid-template-columns:56px minmax(0,1fr)}
  .vd-pic{width:56px;height:56px}
}

/* 260915-13-11 후기 사진 자리표시: 연출 이미지 대신 '비어 있음'이 읽히는 타일 — 옅은 바탕 + 점선 + 사진 선 아이콘 */
.vd-rvimg--ph{display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px dashed var(--gray-2);padding:0;object-fit:unset}
.vd-rvimg--ph svg{width:24px;height:24px;fill:none;stroke:var(--gray);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* 260915-13-11(수정) 랭킹 업체 사진 자리표시 — 점선 + 사진 선 아이콘. 순위 배지는 그 위에 그대로 */
/* → 사용자 지시로 변경: 점선·아이콘은 '이미지 오류'처럼 보임. 옅은 럽맘 로고 + '사진 준비 중이에요' */
.vd-pic .vd-thumb--ph{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;background:var(--pink-tint);border:0;border-radius:var(--r-thumb);padding:0 0 6px}  /* 아래 정렬: 왼쪽 위 순위 배지(22px)가 로고를 가리지 않게 */
.vd-pic .vd-thumb--ph img{width:40px;height:auto;opacity:.32;border-radius:0}
.vd-pic .vd-thumb--ph small{font-size:9px;line-height:1.2;letter-spacing:-.02em;color:var(--pink-ink);opacity:.8;text-align:center;word-break:keep-all;padding:0 4px}
@media (max-width:600px){.vd-pic .vd-thumb--ph{padding-bottom:3px;gap:1px}.vd-pic .vd-thumb--ph img{width:28px}.vd-pic .vd-thumb--ph small{font-size:8.5px}}  /* 64px 타일: 배지 27px 아래에 로고(11px)+글 2줄(20px)이 들어가야 함 */

/* ============================================================
   리뷰&상담 · 산후조리원 실데이터 상태 (260915)
   목록이 API에서 오므로 로딩 / 빈 결과 / 오류를 각각 그린다.
   빈 결과는 "없음"으로 끝내지 않고 다음 행동(전국 보기)을 준다.
   ============================================================ */

/* ---- 로딩: 카드 3장 자리를 먼저 잡아 목록 높이가 흔들리지 않게 한다 ---- */
.vd-item--sk { pointer-events: none; }
.sk {
  display: block; border-radius: var(--r-tag);
  background: linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 37%, var(--surface-2) 63%);
  background-size: 400% 100%; animation: sk-wave 1.4s ease-in-out infinite;
}
.sk--pic { width: 100%; height: 100%; border-radius: var(--r-thumb); }
.sk--l1 { width: 62%; height: 18px; margin-bottom: 10px; }
.sk--l2 { width: 84%; height: 13px; margin-bottom: 10px; }
.sk--l3 { width: 46%; height: 13px; }
.sk--p  { width: 72px; height: 34px; margin-left: auto; }
@keyframes sk-wave { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }
@media (prefers-reduced-motion: reduce) { .sk { animation: none; } }

/* ---- 빈 결과 · 오류: 같은 자리에 같은 크기로. 둘 다 버튼 하나로 끝난다 ---- */
.vd-state {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 10px; text-align: center; padding: 40px 20px; min-height: 220px;
  border: 1px dashed var(--line); border-radius: var(--r-card); background: var(--surface-2);
}
.vd-state b { font-size: var(--t-body); font-weight: 700; color: var(--ink); }
.vd-state p { font-size: var(--t-sm); color: var(--ink-2); margin: 0; max-width: 34ch; line-height: 1.6; }
.vd-state .btn { margin-top: 4px; }
/* 오류는 색만으로 구분하지 않는다 — 왼쪽 굵은 띠 + 문구로 함께 알린다 */
.vd-state--error { border-style: solid; border-left: 4px solid var(--amber); background: var(--surface); }
.vd-tnote { padding: 32px 16px; text-align: center; font-size: var(--t-sm); color: var(--ink-2); }

/* ---- 가격 자리: API에 가격이 없다. 실제 전화번호를 눌러 걸 수 있게 ---- */
.vd-price--tel .vd-tel {
  display: inline-block; font-weight: 700; font-size: var(--t-body); color: var(--ink);
  text-decoration: none; border-bottom: 1.5px solid var(--pink); padding-bottom: 1px;
}
.vd-price--tel .vd-tel:hover { color: var(--pink-ink); }
.vd-price--none .vd-nop { font-size: var(--t-sm); font-weight: 600; color: var(--ink-2); }

/* ---- 항목별 점수가 없을 때: 블러로 가리면 '있는데 잠긴 것'처럼 읽혀 평평하게 둔다 ---- */
.vd-lock--flat { padding: 0; background: none; }
.vd-lock--flat .lock__cta { position: static; transform: none; }

/* ---- 후기 자리: 이 API는 후기 본문을 주지 않아 앱으로 넘긴다 ---- */
.vd-rvcard--app { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.vd-rvcard--app .vd-rvq { margin: 0; }