.helps-magic-bento{--hue: 27;--sat: 69%;--white: hsl(0, 0%, 100%);--purple-primary: rgba(255, 140, 0, 1);--purple-glow: rgba(255, 140, 0, .72);--purple-border: rgba(255, 140, 0, 1);--border-color: rgba(255, 255, 255, .12);--background-dark: #120F17}.helps-magic-bento .card-grid{max-width:none;width:100%;padding:0}.card-grid{display:grid;gap:.5em;padding:.75em;max-width:54em;font-size:clamp(1rem,.9rem + .5vw,1.5rem)}.magic-bento-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:4/3;min-height:200px;width:100%;max-width:100%;padding:1.25em;border-radius:18px;border:1px solid var(--border-color);background:var(--background-dark);font-weight:300;overflow:hidden;transition:all .3s ease;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px;--glow-color: 255, 140, 0}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.magic-bento-card__header,.magic-bento-card__content{display:flex;position:relative;z-index:2;color:var(--white)}.magic-bento-card__header{gap:.75em;justify-content:space-between}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{font-size:16px}.magic-bento-card__title,.magic-bento-card__description{--clamp-title: 1;--clamp-desc: 2}.magic-bento-card__title{font-weight:400;font-size:16px;margin:0 0 .25em}.magic-bento-card__description{font-size:12px;line-height:1.2;opacity:.9}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media(max-width:599px){.card-grid{grid-template-columns:1fr;width:90%;margin:0 auto;padding:.5em}.magic-bento-card{width:100%;min-height:180px}}@media(min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:nth-child(3){grid-column:span 2;grid-row:span 2}.magic-bento-card:nth-child(4){grid-column:1 / span 2;grid-row:2 / span 2}.magic-bento-card:nth-child(6){grid-column:4;grid-row:3}}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;padding:6px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color),calc(var(--glow-intensity) * 1)) 0%,rgba(var(--glow-color),calc(var(--glow-intensity) * .85)) 28%,rgba(var(--glow-color),calc(var(--glow-intensity) * .35)) 52%,transparent 70%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:1}.magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{border-color:rgba(255,140,0,.85);box-shadow:0 0 0 1px #ff8c00d9,0 8px 28px #ff8c0073,0 0 48px #ff8c008c}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;inset:-2px;background:#ff8c008c;border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 8px 28px #ff8c0066,0 0 48px #ff8c008c}.global-spotlight{mix-blend-mode:plus-lighter;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;user-select:none}.magic-bento-card__hit{position:absolute;inset:0;z-index:5;border-radius:inherit}.magic-bento-card__banner{position:absolute;inset:0;z-index:0;pointer-events:none}.magic-bento-card__banner img{width:100%;height:100%;object-fit:cover;display:block}.magic-bento-card__banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08060a59,#08060a33 40%,#08060ae0)}

.magic-bento-card__hit{
  position:absolute;inset:0;z-index:5;border-radius:inherit
}
.magic-bento-card__hit:after{
  content:"";
  position:absolute;
  top:14px;
  right:14px;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#ff8c00 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M7 17 17 7M9 7h8v8' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / 20px 20px no-repeat;
  box-shadow:0 8px 20px rgba(255,140,0,.35);
  pointer-events:none
}

/* «Кому помогаем»: текст карточек всегда виден целиком — без обрезки и многоточий */
html body .helps-magic-bento .magic-bento-card .magic-bento-card__title,
html body .helps-magic-bento .magic-bento-card .magic-bento-card__description {
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}
html body .helps-magic-bento .magic-bento-card { width: 100%; height: auto !important; min-height: 0 !important; aspect-ratio: 1 / 1 !important; align-self: start; }
html body .helps-magic-bento .magic-bento-card__title { line-height: 1.2; }
html body .helps-magic-bento .magic-bento-card__description { line-height: 1.35; }