/* 괌 골프장 상세 공통 프로모션 C안 */
.gzpromo-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.gzpromo-title-row h1{margin:0}
.gzpromo-title-badge,.gzpromo-navbadge{display:inline-flex;align-items:center;justify-content:center;width:max-content;border:1px solid #cfc2ee;border-radius:999px;background:#f1ecfd;color:#4a3193;font-weight:900;line-height:1;white-space:nowrap}
.gzpromo-title-badge{flex:0 0 auto;min-height:26px;padding:0 11px;font-size:12px}
.gax-row>span .gzpromo-navbadge{min-height:22px;margin-top:5px;padding:0 8px;font-size:11px;letter-spacing:-.02em}
.gzpromo-title-badge.is-urgent,.gzpromo-navbadge.is-urgent{border-color:#f0c0c7;background:#fff0f2;color:#b32b3c}
.gzpromo-title-badge[hidden],.gzpromo-navbadge[hidden]{display:none!important}

.gzpromo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 286px;grid-template-rows:auto auto auto;align-items:center;overflow:hidden;margin:20px 0 26px;border:1px solid #cfc2ee;border-radius:16px;background:#fff;color:#17324d;box-shadow:0 10px 30px rgba(55,43,91,.09)}
.gzpromo[hidden]{display:none!important}
.gzpromo:before{position:absolute;top:0;bottom:0;left:0;width:5px;background:linear-gradient(180deg,#7c5cd6,#5334ab);content:""}
.gzpromo-head{grid-column:1/3;display:flex;align-items:center;gap:14px;padding:14px 22px 14px 26px;border-bottom:1px solid #ded4f5;background:linear-gradient(90deg,#efe9fd,#f8f5ff)}
.gzpromo-status{display:inline-flex;align-items:center;gap:8px;color:#4a3193;font-size:13px;font-weight:900;letter-spacing:-.02em}
.gzpromo-status:before{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 rgba(101,75,177,.55);animation:gzpromo-ping 2.2s cubic-bezier(.4,0,.6,1) infinite;content:""}
.gzpromo-status.is-urgent{color:#b32b3c}
.gzpromo-status.is-urgent:before{animation-name:gzpromo-ping-urgent}
@keyframes gzpromo-ping{0%{box-shadow:0 0 0 0 rgba(101,75,177,.55)}70%{box-shadow:0 0 0 9px rgba(101,75,177,0)}100%{box-shadow:0 0 0 0 rgba(101,75,177,0)}}
@keyframes gzpromo-ping-urgent{0%{box-shadow:0 0 0 0 rgba(179,43,60,.55)}70%{box-shadow:0 0 0 9px rgba(179,43,60,0)}100%{box-shadow:0 0 0 0 rgba(179,43,60,0)}}
.gzpromo-copy{grid-column:1;padding:22px 24px 16px 26px}
.gzpromo-copy h2{margin:0;color:#1c1530;font-size:24px;line-height:1.28;letter-spacing:-.045em;text-wrap:balance}
.gzpromo-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.gzpromo-meta span{padding:6px 10px;border:1px solid #d8cef1;border-radius:999px;background:#f5f1fd;color:#4a3193;font-size:11px;font-weight:900}
.gzpromo-copy ul{display:flex;flex-wrap:wrap;gap:9px 22px;margin:15px 0 0;padding:0;list-style:none}
.gzpromo-copy li{position:relative;padding-left:16px;color:#26384a;font-size:15px;font-weight:800;line-height:1.5;letter-spacing:-.02em}
.gzpromo-copy li:before{position:absolute;top:.5em;left:0;width:7px;height:7px;border-radius:50%;background:#6041bd;content:""}
.gzpromo-copy p{display:flex;gap:9px;margin:14px 0 0;color:#5d6f82;font-size:13px;line-height:1.65}
.gzpromo-copy p b{flex:0 0 auto;color:#3a2d59}
.gzpromo-date{grid-column:2;grid-row:2/4;align-self:stretch;display:grid;align-content:center;gap:16px;min-width:286px;padding:22px;border-left:1px solid #ded4f5;background:#faf7ff}
.gzpromo-date small,.gzpromo-date strong{display:block}
.gzpromo-date small{color:#6f6689;font-size:11px;font-weight:900;line-height:1.4}
.gzpromo-date strong{margin-top:5px;color:#241d3b;font-size:17px;line-height:1.35;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.gzpromo-date p{margin:0;color:#6f6689;font-size:11px;line-height:1.5}
.gzpromo-link{grid-column:1;justify-self:start;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin:0 24px 22px 26px;padding:0 20px;border-radius:10px;background:#146bd1;color:#fff!important;font-size:14px;font-weight:900;text-decoration:none!important}
.gzpromo-link:hover{background:#084f9f}
.gzpromo-link:focus-visible{outline:3px solid rgba(20,107,209,.28);outline-offset:3px}
.gzpromo-link span{font-size:19px}

@media(max-width:720px){
  .gzpromo-title-row{gap:8px}
  .gzpromo-title-badge{min-height:24px;padding:0 9px;font-size:11px}
  .gzpromo{display:block;margin:16px 0 22px;border-radius:13px}
  .gzpromo-head{justify-content:space-between;padding:13px 15px 13px 19px}
  .gzpromo-date{display:grid;grid-template-columns:1fr;gap:14px;min-width:0;padding:16px 15px 0 19px;border:0;background:#fff}
  .gzpromo-date strong{font-size:16px}
  .gzpromo-date p{grid-column:1}
  .gzpromo-copy{padding:17px 15px 15px 19px}
  .gzpromo-copy h2{font-size:20px}
  .gzpromo-copy ul{display:grid;gap:8px}
  .gzpromo-copy li{font-size:14px}
  .gzpromo-copy p{display:block;margin-top:13px;font-size:13px;line-height:1.7}
  .gzpromo-copy p b{display:block;margin-bottom:4px;font-size:12px}
  .gzpromo-link{width:calc(100% - 34px);min-height:50px;margin:16px 15px 16px 19px}
}

@media(prefers-reduced-motion:reduce){
  .gzpromo-link{transition:none}
  .gzpromo-status:before{animation:none;box-shadow:none}
}