.sez-hero-widgets { position: absolute; z-index: 5; top: 50%; right: max(var(--sez-gutter), calc((100vw - var(--sez-container)) / 2 + var(--sez-gutter))); display: grid; width: clamp(420px, 28vw, 560px); grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(2, clamp(108px, 9vh, 138px)); gap: clamp(10px, .8vw, 16px); transform: translateY(-42%); }
.sez-hero-widget { --sez-widget-radius: 14px; position: relative; height: auto; border: 1px solid rgb(255 255 255 / 35%); }
.sez-hero-widget--product, .sez-hero-widget--news .sez-hero-widget__item, .sez-hero-widget__manager { border-radius: var(--sez-widget-radius); overflow: hidden; }
.sez-hero-widget::after { position: absolute; top: 50%; left: 100%; width: 100vw; border-top: 1px solid rgb(255 255 255 / 34%); content: ""; }
.sez-hero-widget__detail { position: absolute; z-index: 5; top: 20px; right: 50px; color: inherit; font-size: 10px; font-weight: 700; opacity: 0; transition: opacity .22s ease; }
.sez-hero-widget--product:hover .sez-hero-widget__detail { opacity: 1; }
.sez-hero-widget__item { position: absolute; inset: 0; display: grid; visibility: hidden; opacity: 0; transition: opacity .25s ease; }
.sez-hero-widget__item.is-active { visibility: visible; opacity: 1; }
.sez-hero-widget__copy, .sez-hero-widget__media { min-width: 0; }
.sez-hero-widget__copy { display: flex; min-width: 0; min-height:0; flex-direction: column; justify-content: center; gap:5px; padding:12px 14px; }
.sez-hero-widget__copy small { margin: 0; flex-shrink: 0; font-size: 9px; line-height:1.3; font-style: normal; font-weight: 500; text-transform: none; }
.sez-hero-widget__copy strong { display: -webkit-box; flex-shrink:0; overflow: hidden; color: inherit; font-family: "Montserrat", sans-serif; font-size: clamp(12px, .65vw, 14px); font-weight: 600; line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sez-hero-widget__copy em { display: block; flex-shrink:0; margin:0; color: inherit; font-size: 11px; line-height:1.4; font-style: normal; opacity: .85; white-space:nowrap; }
.sez-hero-widget__media { display: grid; overflow: hidden; place-items: center; }
.sez-hero-widget__media :is(img, video) { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.sez-hero-widget__nav { position: absolute; z-index: 3; top: 12px; right: 12px; display: grid; grid-template-columns: repeat(2, 46px); gap: 8px; }
.sez-hero-widget__nav button { display: grid; width: 46px; min-width: 46px; height: 46px; min-height: 46px; padding: 0; place-items: center; border: 1px solid currentColor; background: var(--sez-white); color: inherit; cursor: pointer; font-size: 18px; line-height: 1; }
.sez-hero-widget__nav button i { display: block; font-size: inherit; line-height: 1; }
.sez-hero-widget--news { --sez-hero-manager-size: clamp(96px, 7vw, 132px); grid-column: 1; grid-row: 1; border: 0; background: transparent; color: var(--sez-white); }
.sez-hero-widget--news::after { display: none; }
.sez-hero-widget--news .sez-hero-widget__item { right: calc(var(--sez-hero-manager-size) + clamp(10px, .8vw, 16px)); grid-template-columns: minmax(0, 1fr) minmax(0,30%); grid-template-rows:minmax(0,1fr); border: 1px solid rgb(255 255 255 / 35%); background: var(--sez-dark); }
.sez-hero-widget--news .sez-hero-widget__media { width:100%; min-height:0; height: 100%; overflow:hidden; }
.sez-hero-widget--news .sez-hero-widget__media :is(img, video) { object-fit: cover; }
.sez-hero-widget--news .sez-hero-widget__headline { display: block; color: inherit; }
.sez-hero-widget--news .sez-hero-widget__footer-link { position: static; display: inline-flex; width: max-content; align-items: center; align-self: flex-start; margin-top: 8px; padding: 7px 10px; color: inherit; }
.sez-hero-widget__manager {
  --sez-max-deep: #17133f;
  position: absolute;
  z-index: 6;
  top: 0;
  right: 0;
  bottom: 0;
  display: grid;
  width: var(--sez-hero-manager-size);
  place-content: center;
  gap: 9px;
  overflow: hidden;
  isolation: isolate;
  padding: 12px;
  background-color: var(--sez-max-deep);
  color: var(--sez-white);
  text-align: center;
  transition: background-color .32s ease, color .32s ease, box-shadow .32s ease;
}
.sez-hero-widget__manager::before,
.sez-hero-widget__manager::after {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  content: "";
  transition: opacity .32s ease, transform .45s var(--sez-ease);
}
.sez-hero-widget__manager::before {
  inset: -42%;
  background:
    radial-gradient(circle at 17% 24%, rgb(25 200 255 / 100%) 0 8%, rgb(25 200 255 / 0%) 34%),
    radial-gradient(circle at 78% 18%, rgb(99 56 255 / 98%) 0 10%, rgb(99 56 255 / 0%) 38%),
    radial-gradient(circle at 84% 76%, rgb(214 0 168 / 94%) 0 9%, rgb(214 0 168 / 0%) 37%),
    radial-gradient(circle at 26% 82%, rgb(20 140 255 / 94%) 0 11%, rgb(20 140 255 / 0%) 42%),
    var(--sez-max-deep);
  filter: blur(11px) saturate(1.22);
  animation: sez-max-lamps-a 9s cubic-bezier(.45, 0, .2, 1) infinite;
}
.sez-hero-widget__manager::after {
  inset: -58%;
  background:
    radial-gradient(circle at 28% 34%, rgb(25 200 255 / 70%) 0 8%, rgb(25 200 255 / 0%) 31%),
    radial-gradient(circle at 72% 42%, rgb(139 22 223 / 82%) 0 12%, rgb(139 22 223 / 0%) 40%),
    radial-gradient(circle at 43% 78%, rgb(214 0 168 / 70%) 0 9%, rgb(214 0 168 / 0%) 36%);
  filter: blur(18px) saturate(1.35);
  mix-blend-mode: screen;
  opacity: .86;
  animation: sez-max-lamps-b 11s cubic-bezier(.55, 0, .25, 1) infinite;
}
.sez-hero-widget__manager-icon {
  display: block;
  width: 32px;
  height: 32px;
  margin-inline: auto;
  background: currentColor;
  -webkit-mask: url("../images/icons/max.svg") center / contain no-repeat;
  mask: url("../images/icons/max.svg") center / contain no-repeat;
}
.sez-hero-widget__manager-label { font-size: 10px; font-weight: 700; line-height: 1.25; }
.sez-hero-widget__manager:hover,
.sez-hero-widget__manager:focus-visible {
  background-color: var(--sez-white);
  color: var(--sez-accent);
  box-shadow: inset 0 0 0 1px rgb(236 84 41 / 16%);
}
.sez-hero-widget__manager:hover::before,
.sez-hero-widget__manager:hover::after,
.sez-hero-widget__manager:focus-visible::before,
.sez-hero-widget__manager:focus-visible::after { opacity: 0; transform: scale(.82); }
.sez-hero-widget__manager:focus-visible { outline: 2px solid var(--sez-white); outline-offset: 3px; }

@keyframes sez-max-lamps-a {
  0%, 100% { transform: translate3d(-7%, -4%, 0) rotate(0deg) scale(1.06); }
  18% { transform: translate3d(8%, -6%, 0) rotate(34deg) scale(1.15); }
  42% { transform: translate3d(5%, 9%, 0) rotate(91deg) scale(1.09); }
  67% { transform: translate3d(-9%, 7%, 0) rotate(167deg) scale(1.18); }
  84% { transform: translate3d(-3%, -8%, 0) rotate(242deg) scale(1.1); }
}
@keyframes sez-max-lamps-b {
  0%, 100% { transform: translate3d(6%, 7%, 0) rotate(18deg) scale(1.05); }
  24% { transform: translate3d(-8%, 3%, 0) rotate(-47deg) scale(1.14); }
  49% { transform: translate3d(-2%, -9%, 0) rotate(-116deg) scale(1.08); }
  73% { transform: translate3d(9%, -2%, 0) rotate(-191deg) scale(1.17); }
  88% { transform: translate3d(2%, 9%, 0) rotate(-251deg) scale(1.11); }
}
@media (prefers-reduced-motion: reduce) {
  .sez-hero-widget__manager::before,
  .sez-hero-widget__manager::after { animation: none; }
}
.sez-hero-widget__footer-link { position: absolute; z-index: 4; right: 12px; bottom: 10px; padding: 9px 12px; color: inherit; font-size: 10px; font-weight: 700; text-transform: none; background: linear-gradient(currentColor,currentColor) left top / 0 1px no-repeat, linear-gradient(currentColor,currentColor) right top / 1px 0 no-repeat, linear-gradient(currentColor,currentColor) right bottom / 0 1px no-repeat, linear-gradient(currentColor,currentColor) left bottom / 1px 0 no-repeat; transition: background-size .35s var(--sez-ease); }
.sez-hero-widget__footer-link:hover { background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; color: inherit; }
.sez-hero-widget--case { grid-column: 2; grid-row: 1; background: var(--sez-white); color: var(--sez-dark); }
.sez-hero-widget--case .sez-hero-widget__item { grid-template-columns: .85fr 1.15fr; }
.sez-hero-widget--case .sez-hero-widget__media { place-items: stretch start; }
.sez-hero-widget--case .sez-hero-widget__media img { object-fit: contain; object-position: left center; }
.sez-hero-widget--product { grid-column: 1; grid-row: 2; background: var(--sez-accent); color: var(--sez-white); }
.sez-hero-widget--product .sez-hero-widget__item {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  grid-template-rows: minmax(0, 1fr);
}
.sez-hero-widget--product .sez-hero-widget__media {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  align-self: stretch;
  overflow: hidden;
}
.sez-hero-widget--product .sez-hero-widget__media :is(img, video) {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  transform: none;
}
.sez-hero-widget__corner-arrow { position: absolute; z-index: 4; top: 18px; right: 18px; width: 15px; height: 15px; border-top: 2px solid var(--sez-white); border-right: 2px solid var(--sez-white); opacity: 0; transition: opacity .22s ease; }
.sez-hero-widget--product:hover .sez-hero-widget__corner-arrow { opacity: 1; transform: none; }
