/* Start:/bitrix/templates/pravzhizn/components/b2/shop.about/default/style.css?17919662865990*/
.pz-about { font-family:var(--pz-font-sans); color:var(--pz-text); font-weight:300; line-height:1.6; padding-bottom:80px; }
.pz-about svg { width:24px; height:24px; display:block; flex:none; }
.pz-about a { color:inherit; text-decoration:none; }
.pz-about h1,.pz-about h2,.pz-about h3,.pz-about p { margin:0; font-family:var(--pz-font-sans); text-wrap:pretty; }
.pz-about h1 { font-size:48px; font-weight:700; line-height:1.1; letter-spacing:-.025em; margin:16px 0; }
.pz-about h2 { font-size:28px; font-weight:700; line-height:1.2; }
.pz-about h3 { font-size:21px; font-weight:700; line-height:1.25; }
.pz-about__hero { display:grid; grid-template-columns:1.45fr 1fr; gap:64px; padding:48px 0 56px; align-items:center; }
.pz-about__intro p { max-width:580px; color:var(--pz-text-2); font-size:18px; line-height:1.65; }
.pz-about__eyebrow { font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--pz-primary); }
.pz-about__jump { display:inline-flex; align-items:center; gap:12px; margin-top:24px; font-weight:500; font-size:15px; }
.pz-about__jump svg { width:20px; height:20px; color:var(--pz-primary); }
.pz-about__contact { background:var(--pz-text); color:var(--pz-surface); border-radius:var(--pz-r-xl); padding:32px; }
.pz-about .pz-about__contact-icon { color:var(--pz-primary); width:32px; height:32px; margin-bottom:20px; }
.pz-about__contact h2 { font-size:24px; }
.pz-about__contact p { font-size:15px; margin:12px 0 24px; line-height:1.6; }
.pz-about__contact-link { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:14px 16px; border-radius:var(--pz-r); background:var(--pz-primary); font-weight:700; font-size:14px; }
.pz-about__contact-link svg { width:18px; height:18px; }
.pz-about__section { margin-bottom:48px; scroll-margin-top:24px; }
.pz-about__section-head { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:24px; }
.pz-about__section-head > span { font-size:14px; color:var(--pz-text-3); }
.pz-about__topics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.pz-about__card { display:flex; flex-direction:column; align-items:flex-start; border:1px solid var(--pz-divider); border-radius:var(--pz-r-xl); padding:28px 24px; background:var(--pz-surface); transition:background .18s,border-color .18s,transform .18s; }
.pz-about__card:hover { border-color:var(--pz-primary); background:var(--pz-primary-soft); transform:translateY(-3px); }
.pz-about__icon { display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:var(--pz-r); background:var(--pz-primary-soft); color:var(--pz-primary); margin-bottom:24px; }
.pz-about__card-label { font-size:12px; color:var(--pz-text-3); margin-bottom:8px; }
.pz-about__card p { font-size:14px; color:var(--pz-text-2); line-height:1.6; margin:12px 0 24px; }
.pz-about__card-link { margin-top:auto; display:flex; align-items:center; gap:8px; font-size:13px; font-weight:700; color:var(--pz-primary); }
.pz-about__card-link svg { width:16px; height:16px; }
.pz-about__more { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pz-about__small-card { display:flex; align-items:center; gap:16px; padding:24px; border:1px solid var(--pz-divider); border-radius:var(--pz-r-lg); background:var(--pz-surface-2); transition:border-color .18s; }
.pz-about__small-card:hover { border-color:var(--pz-primary); }
.pz-about__small-icon { color:var(--pz-primary); flex:none; }
.pz-about__small-copy { flex:1; min-width:0; }
.pz-about__small-copy h3 { font-size:17px; margin-bottom:6px; }
.pz-about__small-copy > span { display:block; color:var(--pz-text-2); font-size:13px; line-height:1.5; }
.pz-about .pz-about__arrow { width:18px; height:18px; color:var(--pz-text-3); }
.pz-about__documents { display:grid; grid-template-columns:1fr 1.35fr; gap:64px; background:var(--pz-surface-2); border:1px solid var(--pz-divider); border-radius:var(--pz-r-xl); padding:36px; }
.pz-about__documents-head h2 { margin:12px 0; }
.pz-about__documents-head p { font-size:15px; color:var(--pz-text-2); max-width:300px; line-height:1.6; }
.pz-about__document { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0; border-bottom:1px solid var(--pz-divider); }
.pz-about__document:first-child { padding-top:0; }
.pz-about__document:last-child { border-bottom:0; padding-bottom:0; }
.pz-about__document strong { display:block; font-size:15px; font-weight:500; }
.pz-about__document span span { display:block; font-size:13px; color:var(--pz-text-2); margin-top:4px; }
.pz-about__document svg { width:18px; height:18px; color:var(--pz-text-3); }
.pz-about__document:hover strong,.pz-about__jump:hover { color:var(--pz-primary); }
.pz-about :focus-visible { outline:2px solid var(--pz-primary); outline-offset:4px; }
@media(max-width:1399px) {
 .pz-about__hero { gap:32px; }
 .pz-about h1 { font-size:42px; }
 .pz-about__topics { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .pz-about__documents { gap:32px; }
}
@media(max-width:900px) {
 .pz-about__hero { grid-template-columns:1fr; gap:24px; padding:32px 0 40px; }
 .pz-about__more { grid-template-columns:1fr; }
 .pz-about__documents { grid-template-columns:1fr; gap:24px; }
}
@media(max-width:600px) {
 .pz-about { padding-bottom:48px; }
 .pz-about h1 { font-size:36px; }
 .pz-about h2 { font-size:24px; }
 .pz-about__intro p { font-size:16px; }
 .pz-about__contact { padding:24px; }
 .pz-about__section-head { display:block; }
 .pz-about__section-head > span { display:block; margin-top:8px; }
 .pz-about__topics { grid-template-columns:1fr; gap:12px; }
 .pz-about__card { padding:24px; }
 .pz-about__small-card { padding:20px; }
 .pz-about__documents { padding:24px; }
}
@media(max-width:420px) { .pz-about { padding-left:20px; padding-right:20px; } }
@media(prefers-reduced-motion:reduce) { .pz-about__card { transition:none; } .pz-about__card:hover { transform:none; } }

/* End */
/* /bitrix/templates/pravzhizn/components/b2/shop.about/default/style.css?17919662865990 */