/* ===== Страница «Сертификаты»: подарок, как сам сертификат ===== */
.lp-ct-cert{--g1:#e8573f;--g2:#c9c13a;--g3:#ffd23f;--g4:#1aa0d0;--g5:#3a9a55;--dk:#2b2f33}
.lp-ct-cert .kicker{color:var(--purple)}
.lp-ct-cert .btn{border-radius:999px}
.sc-btn{background:var(--yellow);color:#1f1f22;box-shadow:0 10px 24px rgba(226,216,103,.3)}.sc-btn:hover{background:#ffe066;color:#1f1f22}
.sc-bg{background:#f6f3ee}

/* Первый экран */
.sc-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#3d4247 0%,var(--dk) 55%,#1c1f22 100%);color:#fff}
.sc-confetti{position:absolute;inset:0;background:url(../img/confetti.svg) repeat;background-size:600px 400px;opacity:.55;animation:scdrift 60s linear infinite;mask-image:linear-gradient(180deg,#000 20%,rgba(0,0,0,.4) 100%)}
@keyframes scdrift{to{background-position:600px 400px}}
@media (prefers-reduced-motion:reduce){.sc-confetti{animation:none}}
.sc-hero__in{position:relative;z-index:1;padding-top:64px;padding-bottom:64px;display:flex;flex-wrap:wrap;align-items:center;gap:40px;min-height:600px}
.sc-hero__text{flex:1 1 520px;display:flex;flex-direction:column;gap:20px}
.sc-chip{align-self:flex-start;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);padding:7px 16px;border-radius:999px;font-weight:700;font-size:14px}
.sc-hero h1{font-family:var(--head);font-weight:700;font-size:clamp(44px,5.6vw,80px);line-height:1;text-transform:uppercase}
.sc-hero h1 span{color:#ff5a4a;font-style:italic}
.sc-hero p{font-size:19px;line-height:1.55;color:#e2e5e8;max-width:580px}
.sc-hero__btns{display:flex;flex-wrap:wrap;gap:10px}
.sc-stripes{display:flex;flex-direction:column;gap:6px;max-width:420px;margin-top:6px}
.sc-stripes i{display:block;height:12px;border-radius:6px;border:2px solid #fff}
.sc-stripes i:nth-child(1){background:var(--g1);width:100%}.sc-stripes i:nth-child(2){background:var(--g2);width:92%}.sc-stripes i:nth-child(3){background:var(--g3);width:84%}.sc-stripes i:nth-child(4){background:var(--g4);width:76%}.sc-stripes i:nth-child(5){background:var(--g5);width:68%}
.sc-hero__card{flex:1 1 420px;display:flex;justify-content:center}
.sc-hero__card img{width:100%;max-width:600px;border-radius:12px;transform:rotate(-6deg);box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 6px rgba(255,255,255,.06);transition:transform .3s}
.sc-hero__card img:hover{transform:rotate(-3deg) scale(1.02)}

/* Виды */
.sc-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.sc-type{border-radius:12px;padding:30px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.sc-type--sum{background:var(--dk);color:#fff}
.sc-type--game{background:#fff6dc;border:2px solid #f2e3a7}
.sc-type::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;background:url(../img/confetti.svg);background-size:300px 200px;opacity:.35;border-radius:50%}
.sc-type__ico{width:72px;height:72px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:#1f1f22}
.sc-type--game .sc-type__ico{background:var(--red);color:#fff}
.sc-type h3{font-family:var(--head);font-size:34px;text-transform:uppercase}
.sc-type p{font-size:16px;line-height:1.55;max-width:460px}
.sc-type--sum p{color:#d8dce0}
.sc-sums{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;position:relative;z-index:1}
.sc-sums a{font-weight:800;font-size:15px;padding:10px 16px;border-radius:999px;text-decoration:none;border:2px solid currentColor;transition:all .15s}
.sc-type--sum .sc-sums a{color:var(--yellow)}.sc-type--sum .sc-sums a:hover{background:var(--yellow);color:#1f1f22}
.sc-type--game .sc-sums a{color:var(--red)}.sc-type--game .sc-sums a:hover{background:var(--red);color:#fff}

/* Способы */
.sc-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sc-way{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.06);display:flex;flex-direction:column}
.sc-way img{height:230px;width:100%;object-fit:cover}
.sc-way>div{position:relative;padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px}
.sc-way b{position:absolute;top:-26px;right:20px;width:52px;height:52px;border-radius:50%;background:var(--yellow);border:4px solid #fff;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-size:24px}
.sc-way:nth-child(2) b{background:var(--g4);color:#fff}.sc-way:nth-child(3) b{background:var(--g5);color:#fff}
.sc-way h3{font-family:var(--head);font-size:28px;text-transform:uppercase}
.sc-way p{font-size:15px;color:var(--text);line-height:1.5}

/* На что потратить */
.sc-spend{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.sc-spend a{display:flex;align-items:flex-end;min-height:110px;padding:16px;border-radius:12px;background:var(--c);color:#fff;font-family:var(--head);font-size:22px;text-transform:uppercase;text-decoration:none;transition:transform .15s;line-height:1.05}
.sc-spend a:nth-child(3),.sc-spend a:nth-child(4){color:#1f1f22}
.sc-spend a:hover{transform:translateY(-4px) rotate(-1deg)}
.sc-note{margin-top:14px;color:var(--muted);font-size:15px}

/* Кому */
.sc-dark{background:var(--dk);color:#fff;position:relative;overflow:hidden}
.sc-who{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center}
.sc-who__photo img{width:100%;max-height:520px;object-fit:cover;border-radius:12px;transform:rotate(-2deg)}
.sc-who__text{display:flex;flex-direction:column;gap:14px}
.sc-who ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.sc-who li{position:relative;padding-left:28px;font-size:17px;color:#d8dce0;line-height:1.5}
.sc-who li b{color:#fff}
.sc-who li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;transform:rotate(45deg);background:var(--g1)}
.sc-who li:nth-child(2)::before{background:var(--g3)}.sc-who li:nth-child(3)::before{background:var(--g4)}.sc-who li:nth-child(4)::before{background:var(--g5)}.sc-who li:nth-child(5)::before{background:#a45ca8}

/* Компаниям */
.sc-corp{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border-radius:12px;padding:32px 36px;background:linear-gradient(135deg,var(--purple-tint),#fff6dc)}
.sc-corp>div{max-width:720px;display:flex;flex-direction:column;gap:10px}
.sc-corp p{font-size:16px;color:var(--text);line-height:1.55}

/* Галерея: 4 квадратных */
.wrap .sc-gallery{grid-auto-rows:clamp(240px,25vw,380px)}

.sc-shade{background:linear-gradient(100deg,rgba(28,31,34,.95),rgba(43,47,51,.85))!important}

@media (max-width:1000px){
  .sc-spend{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sc-ways{grid-template-columns:1fr}
  .sc-way{flex-direction:row}.sc-way img{width:40%;height:auto;min-height:180px}
}
@media (max-width:760px){
  .sc-types,.sc-who{grid-template-columns:1fr}
  .sc-hero__in{min-height:0;padding-top:40px;padding-bottom:48px}
  .sc-hero__card img{transform:rotate(-3deg)}
  .sc-way{flex-direction:column}.sc-way img{width:100%;height:200px}
  .sc-spend{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sc-corp{padding:24px}
}

/* Как выглядит сертификат */
.sc-anat-bg{background:linear-gradient(180deg,#fff,#f6f3ee)}
.sc-anat{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:center}
.sc-anat__photo img{width:100%;border-radius:12px;box-shadow:0 18px 40px rgba(31,31,34,.18)}
.sc-anat__text{display:flex;flex-direction:column;gap:14px}
.sc-anat__text>p{font-size:17px;color:var(--text)}
.sc-fields{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sc-fields li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 16px;border-radius:999px;background:var(--c);color:#1f1f22}
.sc-fields li:first-child,.sc-fields li:nth-child(4),.sc-fields li:nth-child(5){color:#fff}
.sc-fields b{font-family:var(--head);font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:17px}
.sc-fields span{font-size:14px;opacity:.92}
.sc-anat__note{font-size:15px!important;color:var(--muted)!important}

/* Галерея сезонов: большое фото + 5 */
.wrap .sc-season{grid-auto-rows:clamp(180px,17vw,280px)}
.wrap .sc-season .sc-season__big{grid-column:span 2;grid-row:span 2}
@media (max-width:760px){
  .sc-anat{grid-template-columns:1fr;gap:24px}
  .wrap .sc-season{grid-auto-rows:160px}
}