.blog-index-hero{background-image:url(../backgrounds/header.webp);background-position:left 30%;background-size:cover;box-sizing:border-box;color:#fff;padding:150px 24px 64px;position:relative;width:100%}@media (max-width:767px){.blog-index-hero{background-size:auto;padding:90px 20px 52px}}.with-announcement .blog-index-hero{padding-top:190px}@media (max-width:767px){.with-announcement .blog-index-hero{padding-top:170px}}.blog-index-hero__inner{margin:0 auto;max-width:820px;text-align:center}.blog-index-hero__crumbs{align-items:center;color:#ffffff80;display:flex;font-family:Inter,sans-serif;font-size:13px;gap:8px;justify-content:center;margin-bottom:22px}.blog-index-hero__crumb-link{color:#fff9;text-decoration:none}.blog-index-hero__crumb-sep{color:#ffffff4d}.blog-index-hero__crumb-current{color:#ffffff73}.blog-index-hero__badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-radius:999px;display:inline-flex;gap:8px;margin-bottom:20px;padding:7px 16px;white-space:nowrap}.blog-index-hero__badge-icon{flex:0 0 auto}.blog-index-hero__badge-text{color:#ffffffd9;font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:-.01em}.blog-index-hero__title{color:#fff;font-family:Unbounded,sans-serif;font-size:46px;font-weight:700;letter-spacing:-.04em;line-height:1.08;margin:0 0 16px}@media (max-width:767px){.blog-index-hero__title{font-size:32px}}.blog-index-hero__subtitle{color:#ffffffd1;font-family:Brygada\ 1918,serif;font-size:20px;line-height:1.5;margin:0 auto;max-width:600px}@media (max-width:767px){.blog-index-hero__subtitle{font-size:17px}}.blog-cat-filter{background:#fff;border-bottom:1px solid #e7e7e7;position:relative;z-index:30}.blog-cat-filter__scroll{display:flex;gap:8px;margin:0 auto;max-width:1140px;overflow-x:auto;padding:14px 24px;scrollbar-width:none}.blog-cat-filter__scroll::-webkit-scrollbar{display:none}.blog-cat-filter__chip{background:transparent;background:#f5f5f5;border:none;border-radius:999px;color:#0000009e;cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:9px 18px;transition:all .15s ease;white-space:nowrap}.blog-cat-filter__chip:hover{background:#f0f0f0}.blog-cat-filter__chip--active{background:#000;color:#fff}.blog-cat-filter__chip--active:hover{background:#000}.blog-author-meta{align-items:center;display:flex;gap:12px}.blog-author-meta__avatar{align-items:center;background:linear-gradient(160deg,#3a1a63,#6a2aa8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.blog-author-meta__body{line-height:1.4;min-width:0}.blog-author-meta__name{color:#000000c7;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.blog-author-meta__row{align-items:center;color:#0006;display:flex;font-family:Inter,sans-serif;font-size:13px;gap:8px}.blog-author-meta__dot{background:#00000040;border-radius:50%;height:3px;width:3px}.blog-index-featured{background:#fff;border:1px solid #e7e7e7;border-radius:40px;box-shadow:0 4px 20px #11022e14;display:grid;gap:0;grid-template-columns:1.15fr 1fr;overflow:hidden;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.blog-index-featured:hover{border-color:#b06bff;box-shadow:0 8px 24px #0000001a}@media (max-width:1000px){.blog-index-featured{grid-template-columns:1fr}}.blog-index-featured__media{align-items:center;background:linear-gradient(135deg,#2e1653,#4b1f5d 32%,#7a3a69 60%,#b7667e 80%,#15195a);display:flex;justify-content:center;min-height:320px}@media (max-width:1000px){.blog-index-featured__media{min-height:220px}}.blog-index-featured__body{display:flex;flex-direction:column;gap:0;padding:40px 44px}@media (max-width:767px){.blog-index-featured__body{padding:28px}}.blog-index-featured__body :last-child{margin-top:auto}.blog-index-featured__badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.blog-index-featured__badge{align-items:center;background:#8c36d014;border-radius:999px;color:#8c36d0;display:inline-flex;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.01em;padding:4px 10px;white-space:nowrap}.blog-index-featured__badge--editor{background:#000;color:#fff;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.blog-index-featured__badge--wb{background:#cb11ae14;color:#cb11ae}.blog-index-featured__badge--ozon{background:#005bff14;color:#005bff}.blog-index-featured__badge--neutral{background:#f0f0f0;color:#0000009e}.blog-index-featured__title{color:#000000de;font-family:Inter,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:0 0 14px}.blog-index-featured__excerpt{color:#0000008c;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;margin:0 0 22px}.blog-index-card{background:#fff;border:1px solid #e7e7e7;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.blog-index-card:hover{border-color:#b06bff;box-shadow:0 8px 24px #0000001a;transform:translateY(-3px)}.blog-index-card--hidden{display:none}.blog-index-card__media{align-items:center;background:linear-gradient(135deg,#2e1653,#4b1f5d 32%,#7a3a69 60%,#b7667e 80%,#15195a);display:flex;height:168px;justify-content:center;position:relative}.blog-index-card__body{display:flex;flex:1;flex-direction:column;padding:18px 20px 20px}.blog-index-card__badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px}.blog-index-card__badge{align-items:center;background:#8c36d014;border-radius:999px;color:#8c36d0;display:inline-flex;font-family:Inter,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.01em;padding:4px 10px}.blog-index-card__badge--wb{background:#cb11ae14;color:#cb11ae}.blog-index-card__badge--ozon{background:#005bff14;color:#005bff}.blog-index-card__badge--neutral{background:#f0f0f0;color:#0000009e}.blog-index-card__badge--editor{background:#000;color:#fff;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.blog-index-card__title{color:#000000de;display:-webkit-box;font-family:Inter,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.32;margin:0 0 20px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-index-card__meta{margin-top:auto}.blog-index-popular{margin:0 auto;max-width:1140px;padding:8px 24px 24px}.blog-index-popular__head{align-items:center;display:flex;gap:11px;margin-bottom:26px}.blog-index-popular__icon{align-items:center;background:linear-gradient(160deg,#3a1a63,#6a2aa8);border-radius:9px;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.blog-index-popular__title{color:#000000de;font-family:Inter,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.03em;margin:0}.blog-index-popular__grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}@media (max-width:1000px){.blog-index-popular__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.blog-index-popular__grid{grid-template-columns:1fr}}.blog-index{background:#fff}.blog-index__progress{height:3px;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:100}.blog-index__progress-bar{background:linear-gradient(135deg,#2e1653,#4b1f5d 32%,#7a3a69 60%,#b7667e 80%,#15195a);border-radius:0 2px 2px 0;height:100%;transition:width .08s linear;width:0}.blog-index__listing{margin:0 auto;max-width:1140px;padding:40px 24px 0}@media (max-width:767px){.blog-index__listing{padding:32px 20px 0}}.blog-index__listing--grid{padding-top:36px}.blog-index__listing-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:22px}.blog-index__listing-title{color:#000000de;font-family:Inter,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.03em;margin:0}.blog-index__listing-count{color:#00000059;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.blog-index__grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}@media (max-width:1000px){.blog-index__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.blog-index__grid{grid-template-columns:1fr}}.blog-index__empty{color:#0006;font-family:Inter,sans-serif;font-size:17px;padding:64px 0;text-align:center}.blog-index__more{display:flex;justify-content:center;margin-top:40px}.blog-index__more-btn{align-items:center;background:transparent;background:#fff;border:1px solid #e7e7e7;border-radius:999px;color:#000c;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:15px;font-weight:600;gap:8px;padding:13px 28px;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.blog-index__more-btn:hover:not(:disabled){border-color:#b06bff;box-shadow:0 2px 8px #00000014;color:#8c36d0}.blog-index__more-btn:disabled{cursor:default;opacity:.6}
