/* 골프 상세 핵심 정보 6칸과 보충 설명 기본 접힘. 테섭 5개 상세 공통. */
.ga-facts.ga-facts--six{grid-template-columns:repeat(6,minmax(0,1fr))}
.ga-facts.ga-facts--six .ga-fact{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px;min-width:0;min-height:108px;padding:18px 16px;text-align:left}
.ga-facts.ga-facts--six .ga-fact small{display:block;margin:0;color:#65788a;font-size:12px;line-height:1.3;font-weight:650;white-space:nowrap}
.ga-facts.ga-facts--six .ga-fact strong{display:block;margin:0;font-size:17px;line-height:1.4;word-break:keep-all;overflow-wrap:break-word}
.ga-facts.ga-facts--six .ga-fact--twosome strong{color:#075fae}

.ga-about>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;margin:-10px 0 -8px;padding:10px 2px;color:var(--ink);font-size:22px;font-weight:850;line-height:1.35;letter-spacing:-.035em;list-style:none;cursor:pointer}
.ga-about>summary::-webkit-details-marker{display:none}
.ga-about>summary:after{width:10px;height:10px;flex:0 0 auto;margin-right:4px;border-right:2px solid #1479c7;border-bottom:2px solid #1479c7;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease;content:""}
.ga-about[open]>summary:after{transform:rotate(225deg) translate(-2px,-2px)}
.ga-about>summary:focus-visible{border-radius:6px;outline:3px solid rgba(20,121,199,.24);outline-offset:3px}
.ga-about>.ga-copy{padding-top:20px}

@media(max-width:1020px){
  .ga-facts.ga-facts--six{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
  .ga-facts.ga-facts--six{grid-template-columns:1fr 1fr}
  .ga-facts.ga-facts--six .ga-fact:last-child{grid-column:auto}
  .ga-facts.ga-facts--six .ga-fact{min-height:94px;padding:15px}
  .ga-facts.ga-facts--six .ga-fact strong{font-size:16px}
  .ga-about>summary{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.ga-about>summary:after{transition:none}}

/* 2026-08-31: keep nested content readable without changing booking content. */
.gaa .ga-main{min-width:0;container-name:ga-detail-content;container-type:inline-size}
.gaa .ga-intro>*,.gaa .ga-bhead>*,.gaa .ga-phead>*,.gaa .ga-spec>div,.gaa .ga-serv>div,.gaa .ga-travel>div,.gaa .ga-plist>*{min-width:0}
.gaa .ga-intro h2,.gaa .ga-bhead h2,.gaa .ga-phead h2,.gaa .ga-book h3,.gaa .ga-pbody h3{line-height:1.4;word-break:keep-all;overflow-wrap:break-word}
.gaa .ga-spec strong,.gaa .ga-serv b,.gaa .ga-travel b,.gaa .ga-fit strong,.gaa .ga-bitem b{word-break:keep-all;overflow-wrap:break-word}
.gaa .ga-lead,.gaa .ga-copy p,.gaa .ga-bitem p{word-break:keep-all;overflow-wrap:break-word}
.gaa .ga-ghost{min-height:44px;height:auto;padding-top:10px;padding-bottom:10px;line-height:1.4}
.gaa .ga-cta1,.gaa .ga-cta2{min-height:44px;line-height:1.4;word-break:keep-all;overflow-wrap:break-word}
.gaa :is(a,button,summary,[tabindex]):focus-visible,.ga-modal button:focus-visible{outline:3px solid #1570ef;outline-offset:3px}

/* The 360px desktop sidebar can leave a narrow main column before mobile starts. */
@container ga-detail-content (max-width:760px){
  .gaa .ga-intro{grid-template-columns:minmax(0,1fr);gap:24px}
  .gaa .ga-facts.ga-facts--six{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gaa .ga-facts--six .ga-fact{border-top:0;border-right:1px solid var(--line)}
  .gaa .ga-facts--six .ga-fact:nth-child(3n){border-right:0}
  .gaa .ga-facts--six .ga-fact:nth-child(n+4){border-top:1px solid var(--line)}
  .gaa .ga-spec,.gaa .ga-serv{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gaa .ga-spec>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .gaa .ga-spec>div:nth-child(2n){border-right:0}
  .gaa .ga-spec>div:nth-last-child(-n+2){border-bottom:0}
  .gaa .ga-travel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gaa .ga-travel>div:last-child{grid-column:1/-1;border-top:1px solid var(--line)}
}
@media(max-width:650px){
  .gaa .ga-bhead,.gaa .ga-phead{display:flex;flex-direction:column;align-items:stretch;gap:12px}
  .gaa .ga-bhead>div,.gaa .ga-phead>div{width:100%}
  .gaa .ga-intro h2,.gaa .ga-bhead h2,.gaa .ga-phead h2{font-size:22px;line-height:1.4;word-break:keep-all}
  .gaa .ga-bhead p,.gaa .ga-phead p{font-size:14px;line-height:1.6}
  .gaa .ga-phead a{align-self:flex-start;margin:0;white-space:normal;line-height:1.6}
  .gaa .ga-facts.ga-facts--six,.gaa .ga-spec,.gaa .ga-serv{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gaa .ga-facts.ga-facts--six .ga-fact{padding:16px 12px}
  .gaa .ga-facts--six .ga-fact:nth-child(3n){border-right:1px solid var(--line)}
  .gaa .ga-facts--six .ga-fact:nth-child(2n){border-right:0}
  .gaa .ga-facts--six .ga-fact:nth-child(n+3){border-top:1px solid var(--line)}
  .gaa .ga-serv>div{padding:16px 12px}
  .gaa .ga-travel{grid-template-columns:minmax(0,1fr)}
  .gaa .ga-travel>div:last-child{grid-column:auto;border-top:0}
}


/* ══════════════════════════════════════════════════════════════
   2026-09-02  좁은 화면에서 「패키지 조건 선택」이 두 줄로 꺾이던 것.

   상단 헤더는 [로고] [패키지 조건 선택] 이 가로로 나뉘어 쓴다.
   골프 상세는 가로형 로고라 320px 에서 로고만 140px 를 먹고,
   남은 자리가 좁아 글자가 두 줄이 됐다. 호텔 상세는 마크형(58px)이라 한 줄로 버틴다.

   실측 (2026-09-02, 320px 모바일)
     골프  로고 140x26  글자칸 81px   → 2줄
     호텔  로고  58x26  글자칸 163px  → 1줄

   좁은 화면에서만 마크형으로 바꾼다. 넓은 화면은 가로형 그대로다 —
   골프 상세의 브랜드 표현을 잃지 않으면서 호텔 상세와 같은 폭이 된다.
   마크는 장식이라 alt 를 비우고 aria-hidden 을 준다. 이름은 가로형이 이미 갖고 있다.
   ══════════════════════════════════════════════════════════════ */
.uhead .home .gz-logo-mark{ display: none; }

@media (max-width: 400px){
    .uhead .home .gz-logo-wide{ display: none; }
    .uhead .home .gz-logo-mark{ display: inline-block; }
}