/* =====================================================================
   Страница «Подарочный сертификат» — шаблон page-podarochnyj-sertifikat.php.
   Подключается только на ней, после massage, lymph, spa, wrap и barrel (inc/gift.php):
   первый экран и лента шагов — классы «Кедровой бочки» (glk-), программы — «SPA» и «Массажа».
   Здесь — свои блоки (glg-). Точки — 1100 / 850 / 600.
   ===================================================================== */

/* ---- Первый экран ---- */
.glg-hero__facts {display:flex;flex-wrap:wrap;gap:14px 0;margin:0}
.glg-hero__facts div {display:flex;flex-direction:column;gap:4px;padding-right:26px}
.glg-hero__facts div+div {padding-left:26px;border-left:1px solid #e6d9c7}
.glg-hero__facts dt {color:#6a675f;font-size:14px;line-height:1.2}
.glg-hero__facts dd {margin:0;color:var(--ink);font:300 24px/1.1 var(--display);letter-spacing:-.01em;white-space:nowrap}
.glg .glk-hero__photo img {object-position:50% 50%}

/* ---- Два вида сертификата ---- */
.glg-kinds {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.glg-kind {display:flex;flex-direction:column;align-items:flex-start;padding:30px 32px;border:1px solid #ece5da;border-radius:18px;background:#fff}
.glg-kind h3 {font:350 30px/1.15 var(--display);letter-spacing:-.01em}
.glg-kind p {margin-top:12px;color:var(--glm-text);font-size:16px;line-height:1.55}
.glg-kind .glg-kind__note {margin-top:10px;color:#6b5a45;font-size:15px}
.glg-kind .button {margin-top:auto;padding-top:0}
.glg-kind p+.button,.glg-kind .glg-kind__note+.button {margin-top:22px}

/* ---- Шаги покупки: четыре равных шага, без выделенного ---- */
.glg-steps {grid-template-columns:repeat(4,minmax(0,1fr))}
/* Как выглядит бумажный сертификат */
/* Конверт — главный предмет страницы: фото на половину ширины (оценщик, 30.09.2026). */
.glg-look {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:44px;padding:24px;border-radius:22px;background:#fff}
.glg-look__photo {margin:0}
.glg-look__photo img {display:block;width:100%;height:auto;border-radius:16px}
.glg-look__copy h3 {font:350 30px/1.15 var(--display);letter-spacing:-.01em}
.glg-look__copy p {max-width:520px;margin-top:14px;color:var(--glm-text);font-size:17px;line-height:1.6}
.glg-look__copy .button {margin-top:24px}

/* ---- Что подарить ---- */
.glg-catalog__title {margin-top:28px;font:350 23px/1.2 var(--display);letter-spacing:-.008em}
.glg-catalog .glm-spa-list {margin-top:12px}
.glg-catalog .glm-note {margin-top:18px}
.glg-catalog .glm-spa-item:hover {border-color:var(--olive)}
.glg-links {display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:22px;padding-top:18px;border-top:1px solid var(--glm-line);color:var(--glm-text);font-size:15px}

/* ---- Условия ---- */
.glg-rules {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:start}
.glg-rules .glw-how__list {margin-top:22px}
.glg-ask {margin-top:0}
.glg-ask ul {grid-template-columns:minmax(0,1fr)}

@media(max-width:1100px){
 .glg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .glg-rules{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media(max-width:850px){
 .glg-kinds{grid-template-columns:minmax(0,1fr)}
 .glg-look{grid-template-columns:minmax(0,1fr);gap:24px}
 .glg-look__photo{max-width:480px}
}
@media(max-width:600px){
 .glg-hero__facts dd{font-size:20px}
 .glg-hero__facts div{padding-right:16px}.glg-hero__facts div+div{padding-left:16px}
 /* Третий факт уходит на новую строку — без черты слева. */
 .glg-hero__facts div:nth-child(3){flex-basis:100%;padding-left:0;border-left:0}
 .glg-kind{padding:24px 22px}.glg-kind h3{font-size:26px}
 .glg-steps{grid-template-columns:minmax(0,1fr)}
 .glg-look{padding:16px}
}