/* Info / CMS pages — Web-DS */
body.info-cms-page .main-content{overflow-x:hidden}
.info-page{padding:8px 0 40px;max-width:1040px}
.info-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:18px;flex-wrap:wrap}
.info-breadcrumb a{color:var(--green-dark);font-weight:600;text-decoration:none}
.info-breadcrumb a:hover{color:var(--green)}
.info-breadcrumb .current{color:var(--text);font-weight:600}

.info-hero{
  display:flex;
  gap:18px;
  align-items:flex-start;
  padding:22px 24px;
  margin-bottom:24px;
  background:linear-gradient(135deg,#fff 0%,#F7F7F8 100%);
  border:1px solid var(--border-light);
  border-radius:20px;
  box-shadow:var(--shadow-sm);
}
.info-hero-icon{
  width:56px;height:56px;border-radius:16px;
  background:var(--green-light);
  color:var(--green-dark);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.info-page--legal .info-hero-icon{background:#EEF2FF;color:#3730A3}
.info-page--guide .info-hero-icon{background:#ECFDF5;color:#047857}
.info-hero-badge{
  display:inline-block;
  font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;
  color:var(--text-muted);
  margin-bottom:8px;
}
.info-title{font-size:clamp(24px,4vw,32px);font-weight:800;letter-spacing:-.75px;line-height:1.12;margin:0 0 8px}
.info-lead{font-size:14.5px;line-height:1.6;color:var(--text-secondary);margin:0;max-width:640px}

.info-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}
@media(max-width:900px){.info-layout{grid-template-columns:1fr}}
.info-main{min-width:0}

.info-content{font-size:15px;line-height:1.75;color:var(--text-secondary)}
.info-content h2{font-size:20px;font-weight:800;color:var(--text);margin:28px 0 12px;letter-spacing:-.3px}
.info-content h3{font-size:17px;font-weight:700;color:var(--text);margin:22px 0 10px}
.info-content p{margin-bottom:14px}
.info-content ul,.info-content ol{margin:0 0 16px;padding-left:22px}
.info-content li{margin-bottom:8px}
.info-content a{color:var(--green-dark);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.info-content blockquote{margin:16px 0;padding:14px 18px;border-left:4px solid var(--green);background:var(--bg-alt);border-radius:0 10px 10px 0}
.info-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.info-content th,.info-content td{border:1px solid var(--border-light);padding:10px 12px;text-align:left}
.info-content th{background:var(--bg-alt);font-weight:700}

.info-content--extra{margin-top:32px;padding-top:24px;border-top:1px dashed var(--border-light)}
.info-extra-title{font-size:16px;font-weight:800;margin-bottom:14px;color:var(--text)}

/* Guide: how to buy */
.info-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:22px;
}
@media(max-width:720px){.info-feature-grid{grid-template-columns:1fr}}
.info-feature{
  display:flex;gap:12px;align-items:flex-start;
  padding:14px 16px;
  background:#fff;
  border:1px solid var(--border-light);
  border-radius:14px;
}
.info-feature-icon{color:var(--green-dark);flex-shrink:0;display:flex}
.info-feature strong{display:block;font-size:13px;font-weight:800;color:var(--text);margin-bottom:2px}
.info-feature span{font-size:12px;color:var(--text-muted);line-height:1.45}

.info-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.info-step{
  display:flex;gap:16px;align-items:flex-start;
  padding:18px 20px;
  background:#fff;
  border:1px solid var(--border-light);
  border-radius:16px;
  transition:border-color .2s,box-shadow .2s;
}
.info-step:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}
.info-step-num{
  width:36px;height:36px;border-radius:12px;
  background:linear-gradient(135deg,var(--green),#4ADE80);
  color:#fff;font-size:15px;font-weight:800;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.info-step-body{flex:1;min-width:0}
.info-step-title{font-size:17px;font-weight:800;margin:0 0 8px;letter-spacing:-.3px;color:var(--text)}
.info-step-body p{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--text-secondary)}

.info-cta{
  margin-top:22px;
  padding:18px 20px;
  border-radius:16px;
  background:linear-gradient(135deg,#E4F9EC,#F0FDF4);
  border:1px solid #A7F3D0;
  display:flex;flex-wrap:wrap;align-items:center;gap:12px;
}
.info-cta strong{display:block;font-size:15px;color:var(--green-dark)}
.info-cta p{margin:4px 0 0;font-size:13px;color:var(--green-dark);opacity:.9;flex:1;min-width:180px}

/* Legal */
.info-legal-toc{
  margin-bottom:22px;
  padding:16px 18px;
  background:var(--bg-card,#fff);
  border:1px solid var(--border-light);
  border-radius:14px;
}
.info-toc-title{font-size:13px;font-weight:800;margin-bottom:10px;color:var(--text)}
.info-legal-toc ul{margin:0;padding-left:18px;font-size:14px;line-height:1.7;color:var(--text-secondary)}
.info-legal-toc a{color:var(--green-dark);font-weight:600;text-decoration:none}
.info-legal-toc a:hover{text-decoration:underline}
.info-legal-section{margin-bottom:22px;padding-bottom:8px}
.info-legal-section h2{font-size:18px;font-weight:800;margin:0 0 10px;scroll-margin-top:calc(var(--header-height,64px) + 16px)}
.info-legal-section p,.info-legal-section ul{font-size:14.5px;line-height:1.7;color:var(--text-secondary)}
.info-legal-note{font-size:13px;color:var(--text-muted);margin-top:24px;padding-top:16px;border-top:1px solid var(--border-light)}

.info-contacts-block{margin-top:28px}
.info-contacts-block h2{font-size:18px;font-weight:800;margin-bottom:14px}
.contact-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px 22px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-sm)}
.contact-row{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px}
.contact-label{font-weight:700;color:var(--text);min-width:100px}

.info-aside{display:flex;flex-direction:column;gap:12px;position:sticky;top:calc(var(--header-height,64px) + 16px)}
@media(max-width:900px){.info-aside{position:static;flex-direction:row;flex-wrap:wrap}}
.info-aside-card{
  background:#fff;
  border:1px solid var(--border-light);
  border-radius:14px;
  padding:16px 18px;
}
@media(max-width:900px){.info-aside-card{flex:1;min-width:220px}}
.info-aside-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.35px;margin-bottom:10px;color:var(--text-muted)}
.info-aside-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.info-aside-links a{font-size:13.5px;font-weight:600;color:var(--text-secondary);text-decoration:none}
.info-aside-links a:hover{color:var(--green-dark)}
.info-aside-card--cta{background:linear-gradient(180deg,#FAFAFB,#F4F4F6)}
.info-aside-card--cta p{font-size:12.5px;color:var(--text-muted);margin:6px 0 12px;line-height:1.5}
.btn-full{width:100%;justify-content:center}

.catalog-seo-block{background:linear-gradient(135deg,var(--bg-card),var(--bg-alt));border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:22px 24px;margin-bottom:22px}
.catalog-breadcrumb{font-size:13px;color:var(--text-muted);margin-bottom:14px}
.catalog-breadcrumb a{color:var(--green-dark);font-weight:600}

@media(max-width:900px){
  .info-page{padding-bottom:calc(var(--bottom-nav-height,64px) + 28px);max-width:none}
  .info-hero{padding:18px;gap:14px}
  .info-hero-icon{width:48px;height:48px;border-radius:14px}
  .info-title{font-size:24px}
  .info-step{flex-direction:column;gap:12px;padding:16px}
}
@media(max-width:640px){
  .info-breadcrumb{font-size:12px}
  .info-cta{flex-direction:column;align-items:stretch}
  .info-cta .btn{width:100%}
  .contact-card{padding:16px}
}