/* ==========================================================================
   Информационная страница — заголовок с листьями, прилипающее оглавление,
   секции с фото и иконками, таймлайн, калькулятор Trade-in, FAQ, форма
   ========================================================================== */

.ihero{position:relative;background:var(--surface);border-radius:var(--r-xl);padding:clamp(28px,4vw,56px) clamp(24px,4vw,56px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:4px}
.ihero h1{font-size:clamp(30px,4vw,52px)}
.ihero .lead{margin-top:12px}
.ihero__facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.ihero__guru{width:clamp(140px,16vw,220px);height:auto}
@media (max-width:760px){.ihero{grid-template-columns:1fr}.ihero__guru{display:none}}

.page{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,4vw,56px);margin-top:clamp(24px,3vw,40px);align-items:start}
.toc{position:sticky;top:calc(var(--hdr-compact) + 16px);background:var(--surface);border-radius:var(--r-lg);padding:18px 8px 18px 18px}
.toc__title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding-left:12px}
.toc__title--more{margin:14px 10px 10px 0;padding-top:16px;border-top:1px solid var(--line)}
.toc>a{display:block;padding:9px 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--text-2);position:relative;transition:background .2s,color .2s}
.toc>a:hover{color:var(--green);background:var(--tint-3)}
.toc>a.is-active{color:var(--green);background:var(--tint-2)}
.toc>a.is-active::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--green)}
.toc__cta{margin:14px 12px 0 12px}
.toc__cta .btn{width:100%}
@media (max-width:900px){
  .page{grid-template-columns:1fr}
  .toc{position:sticky;top:var(--hdr-compact);z-index:20;padding:8px var(--gutter);border-radius:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter)*-1)}
  .toc::-webkit-scrollbar{display:none}
  .toc__title,.toc__cta{display:none}
  .toc>a{white-space:nowrap;padding:8px 14px;border-radius:var(--r-pill);border:1.5px solid var(--line-2);font-size:13px;flex:none}
  .toc>a.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
  .toc>a.is-active::before{display:none}
}

.content{display:grid;gap:clamp(24px,3vw,40px)}
.isec{background:var(--surface);border-radius:var(--r-xl);padding:clamp(22px,3vw,40px);scroll-margin-top:calc(var(--hdr-compact) + 24px);position:relative;overflow:hidden}
.isec>*{position:relative;z-index:1}
.isec .leaves{z-index:0}
.isec h2{font-size:clamp(24px,2.6vw,34px);margin-bottom:14px}
.isec__lead{font-size:16px;color:var(--text-2);max-width:66ch;margin-bottom:22px;line-height:1.6}
.isec .rich{max-width:none}
.icards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.icard{background:var(--surface-2);border-radius:var(--r-md);padding:18px;display:grid;gap:8px;align-content:start}
.icard .i{width:28px;height:28px;color:var(--green);stroke-width:1.6}
.icard b{font-size:15px}
.icard span{font-size:13.5px;color:var(--text-2);line-height:1.45}
.icard--accent{background:var(--grad-tint)}
@media (max-width:760px){.icards{grid-template-columns:1fr}}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,32px);align-items:start}
@media (max-width:760px){.two{grid-template-columns:1fr}}
.isec__figure{border-radius:var(--r-lg);background:var(--surface-2);display:grid;place-items:center;padding:24px;min-height:240px;position:relative;overflow:hidden}
.isec__figure img{max-height:280px;width:auto;filter:drop-shadow(0 18px 22px rgba(20,20,20,.14))}
.isec__figure .leaf{position:absolute}

/* таблица условий */
.terms{width:100%;border-collapse:collapse;font-size:14.5px}
.terms th,.terms td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.terms th{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}
.terms td b{font-weight:700}
.terms td .badge{margin-left:6px}
@media (max-width:640px){.terms{display:block;overflow-x:auto;white-space:nowrap}}

/* калькулятор Trade-in */
.tcalc{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--surface-2);border-radius:var(--r-lg);padding:22px}
.tcalc__result{background:var(--grad-ink);color:#fff;border-radius:var(--r-lg);padding:22px;display:grid;gap:10px;align-content:center}
.tcalc__result small{color:#b9b9b5;font-size:13px}
.tcalc__result .big{font-size:clamp(30px,3vw,44px);font-weight:var(--fw-num);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums;color:var(--green-3)}
.tcalc__result p{font-size:13.5px;color:#d6d6d2}
.tcalc__form{display:grid;gap:12px}
.tcalc__cond{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tcalc__cond .opt{height:auto;padding:10px 8px;flex-direction:column;gap:2px;font-size:13px;white-space:normal;text-align:center}
.tcalc__cond .opt small{font-weight:500;opacity:.7;font-size:12px}
@media (max-width:760px){.tcalc{grid-template-columns:1fr;padding:16px}}

/* банки */
.banks{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.banks span{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:10px;background:var(--surface-2);font-size:13px;font-weight:700;color:var(--text-2)}

/* подарки */
.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gift-card{background:var(--surface-2);border-radius:var(--r-md);padding:20px 14px 18px;display:grid;justify-items:center;align-content:start;text-align:center;gap:6px}
.gift-card img{width:110px;height:110px;object-fit:contain;margin-bottom:6px}
.gift-card b{font-size:14.5px}
.gift-card span{font-size:12.5px;color:var(--muted)}
.gift-card .val{font-size:13px;font-weight:700;color:var(--green)}
@media (max-width:760px){.gift-grid{grid-template-columns:1fr 1fr}}

/* форма-призыв */
.cta-box{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:var(--grad-tint);border-radius:var(--r-xl);padding:clamp(22px,3vw,36px)}
.cta-box h2{font-size:clamp(22px,2.4vw,30px);margin-bottom:6px}
.cta-box p{color:var(--text-2)}
.cta-box form{display:flex;gap:10px;min-width:min(100%,440px)}
.cta-box .field{flex:1}
@media (max-width:760px){.cta-box{grid-template-columns:1fr}.cta-box form{flex-direction:column;min-width:0}}

/* контакты внутри страницы */
.isec .contacts{grid-template-columns:1fr 1fr}
@media (max-width:900px){.isec .contacts{grid-template-columns:1fr}}

/* Trade-in: пояснение к цене по трейд-ину (на него ведут карточки товаров) */
.tpromo-info{display:flex;gap:16px;align-items:flex-start;margin-top:28px;padding:20px 22px;border-radius:var(--r-lg);background:var(--tint-3);border:1px solid #e3edd5;scroll-margin-top:calc(var(--hdr-total, 120px) + 16px)}
.tpromo-info h3{margin:0 0 6px}
.tpromo-info p{margin:0 0 6px;max-width:72ch}
@media (max-width:640px){.tpromo-info{flex-direction:column;padding:18px}}

/* страница 404 и ошибки: Гуру, поиск со словами из адреса, разделы, подбор */
.e404{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,4vw,56px);align-items:center;margin-top:4px;padding:clamp(24px,4vw,56px);border-radius:var(--r-xl);background:var(--surface)}
.e404__art{display:grid;place-items:center;align-self:stretch;padding:24px;border-radius:var(--r-lg);background:var(--grad-tint)}
.e404__art img{width:min(300px,100%);height:auto}
.e404__body{display:grid;gap:14px;align-content:start;min-width:0}
.e404 h1{font-size:clamp(28px,3.4vw,44px);letter-spacing:var(--ls-tight)}
.e404 .lead{max-width:52ch;color:var(--text-2)}
.e404 .row{margin-top:6px}
.e404__search{display:flex;gap:10px;margin-top:6px}
.e404__field{position:relative;flex:1;min-width:0}
.e404__field>.i{position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.e404__field .input{padding-left:44px}
.e404__title{margin-top:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.e404__cats{display:flex;flex-wrap:wrap;gap:8px}
.e404__cats .chip .i{width:18px;height:18px;color:var(--green)}
.e404__quiz{display:flex;align-items:center;gap:14px;margin-top:8px;padding:12px 16px;border-radius:var(--r-md);background:var(--tint-3);transition:background .2s}
.e404__quiz:hover{background:var(--tint-2)}
.e404__qi{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--green);color:#fff}
.e404__qi .i{width:20px;height:20px}
.e404__quiz b{display:block;font-size:15px}
.e404__quiz small{display:block;margin-top:2px;font-size:13px;color:var(--text-2)}
.e404__quiz>.i{flex:none;margin-left:auto;width:18px;height:18px;color:var(--green)}
@media (max-width:760px){
  .e404{grid-template-columns:1fr;padding:20px 16px}
  .e404__art{padding:16px}
  .e404__art img{width:160px}
}
@media (max-width:480px){.e404__search{flex-direction:column}.e404__search .btn{width:100%}}

/* гарантия низкой цены: условия и форма «Нашли дешевле?» */
.iterms__title{margin:clamp(22px,3vw,32px) 0 12px;font-size:19px}
.iterms{display:grid;gap:12px;margin:0 0 clamp(22px,3vw,32px);padding:0;list-style:none}
.iterms li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.55;color:var(--text-2)}
.iterms li>.i{flex:none;width:20px;height:20px;margin-top:2px;color:var(--green)}
.iterms b{font-weight:600;color:var(--ink)}
.pm-box{grid-template-columns:1fr;gap:16px}
.pm-box h3{margin-bottom:4px;font-size:clamp(20px,2.2vw,26px)}
.pm-box form{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0}
@media (max-width:760px){.pm-box form{grid-template-columns:1fr}}