/* Mobile cards/dialog are separate from the accepted desktop checkerboard. */
.advantages-mobile{display:none}
.am-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;background:transparent;overflow:hidden;color:var(--purple);box-sizing:border-box}
.am-dialog:not([open]){display:none}
.am-dialog[open]{display:grid;place-items:center}
.am-dialog::backdrop{background:rgb(38 17 44 / 26%);animation:am-backdrop-in .35s ease both}
.am-dialog.is-closing::backdrop{animation:am-backdrop-out .3s ease both}
.am-widget{position:relative;display:grid;grid-template-rows:minmax(0,1fr) 62px;width:min(520px,100%);height:620px;max-height:100%;background:linear-gradient(145deg,#fff,var(--purple-soft));border:1px solid color-mix(in srgb,var(--purple) 12%,white);border-radius:24px;box-shadow:0 18px 70px #22102d26;overflow:hidden;isolation:isolate;transform-origin:top left;contain:layout paint}
.am-panels{position:relative;min-height:0;overflow:hidden}
.am-panel{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;opacity:0;visibility:hidden;transform:translateX(var(--am-offset,9px));transition:opacity .28s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s linear .3s;touch-action:pan-y}
.am-panel.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.am-panel-inner{padding:18px 19px 8px}
.am-panel-header{touch-action:none;user-select:none}
.am-meta{display:flex;align-items:center;gap:15px;min-height:44px;padding-right:50px}
.am-meta .am-number{font-size:12px;line-height:1.3;color:color-mix(in srgb,var(--purple) 65%,white)}
.am-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:color-mix(in srgb,var(--purple) 6%,white);color:var(--purple)}
.am-icon svg{display:block;width:26px;height:26px}
.am-full-title{font-size:21px;line-height:1.2;letter-spacing:-.45px;font-weight:500;margin:13px 0 15px;color:var(--purple)}
.am-photo{display:block;width:100%;height:clamp(120px,24dvh,180px);object-fit:cover;background:var(--purple-soft);border-radius:15px;margin:0 0 15px;user-select:none;-webkit-user-drag:none;touch-action:pan-y;opacity:0;transition:opacity .22s ease}
.am-photo.is-ready{opacity:1}
.am-description{font-size:14px;line-height:1.5;font-weight:400;margin:0;color:color-mix(in srgb,var(--purple) 78%,white)}
.am-close,.am-navigation button{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:1px solid color-mix(in srgb,var(--purple) 10%,white);border-radius:50%;background:#fff;color:var(--purple);box-shadow:0 3px 10px #39144e09}
.am-close{position:absolute;right:13px;top:14px;z-index:4}
.am-close svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5}
.am-navigation{position:relative;display:flex;align-items:center;justify-content:center;gap:23px;min-width:0;padding:8px 16px 10px;border-top:1px solid color-mix(in srgb,var(--purple) 9%,white);background:rgb(255 255 255 / 94%)}
.am-navigation svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.5}
.am-navigation .am-previous svg{transform:rotate(180deg)}
.am-counter{margin:0;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:color-mix(in srgb,var(--purple) 48%,white)}
.am-current{font-weight:600;color:var(--purple)}
.am-dialog button:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.am-dialog button:active{background:var(--purple-soft)}
@media(max-width:767px){
  .advantages-section{margin:32px 0 28px;padding:23px 12px 20px;isolation:isolate;position:relative;overflow:hidden;overflow:clip;border-radius:24px;background:radial-gradient(ellipse at 88% 20%,color-mix(in srgb,var(--purple) 5%,white),transparent 65%),linear-gradient(145deg,#fff,var(--purple-soft))}
  .advantages-section>.advantages-grid{display:none}
  .advantages-mobile{display:block;min-width:0}
  .am-heading{margin:0 0 20px;text-align:center;font-size:clamp(23px,6.6vw,36px);font-weight:500;line-height:1.1;letter-spacing:-.7px;color:var(--purple)}
  .am-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
  .am-card-heading{margin:0;min-width:0;display:flex}
  .am-card{position:relative;display:grid;grid-template-rows:44px minmax(0,1fr) 44px;gap:11px;align-content:stretch;justify-items:start;width:100%;min-height:205px;padding:22px 14px 13px;text-align:left;border:1px solid color-mix(in srgb,var(--purple) 10%,white);border-radius:20px;background:linear-gradient(140deg,#ffffffeb,#ffffff91);box-shadow:0 3px 10px #39144e04;color:var(--purple);transition:background .12s,border-color .12s}
  .am-card>.am-number{position:absolute;left:12px;top:12px;font-size:10px;font-weight:400;line-height:1.2;color:color-mix(in srgb,var(--purple) 50%,white)}
  .am-card>.am-icon{justify-self:center}
  .am-card-title{align-self:start;font-size:clamp(14px,3.85vw,19px);line-height:1.25;letter-spacing:-.25px;font-weight:400;overflow-wrap:break-word}
  .am-card-arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid color-mix(in srgb,var(--purple) 7%,white);box-shadow:0 3px 9px #39144e09}
  .am-card-arrow svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5}
  .am-card-heading:last-child{grid-column:1 / -1}
  .am-card-heading:last-child .am-card{grid-template-columns:44px minmax(0,1fr) 44px;grid-template-rows:auto;align-items:center;gap:13px;min-height:100px;padding:18px 14px 14px}
  .am-card-heading:last-child .am-icon{margin-top:9px}
  .am-card-heading:last-child .am-card-title{align-self:center}
  .am-card.is-selected{background:var(--purple-soft);border-color:color-mix(in srgb,var(--purple) 35%,white)}
  .am-card:focus-visible{outline:2px solid var(--purple);outline-offset:-3px}
  .advantages-section>.advantages-action{padding-top:18px}
  .advantages-section .advantages-more{width:100%;font-size:11px;min-height:46px}
}
@media(max-width:359px){.am-card{padding-inline:11px;gap:10px}.am-card-title{font-size:14px}.am-grid{gap:8px}.am-card-heading:last-child .am-card{gap:10px;padding-inline:11px}.am-full-title{font-size:19px}.am-panel-inner{padding-inline:16px}}
@media(max-height:620px){.am-photo{height:118px}.am-panel-inner{padding-top:14px}.am-full-title{font-size:19px;margin-block:10px 12px}.am-meta .am-icon{width:38px;height:38px}.am-description{font-size:13px;line-height:1.5}}
@keyframes am-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes am-backdrop-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.advantages-mobile *,.am-dialog *,.am-dialog::backdrop{animation:none!important;transition:none!important}.am-panel{transform:none}}
