/* === 10-products === */
.fmf2 .products__layout{display:grid;grid-template-columns:648px 536px;gap:136px;align-items:start}

.fmf2 .products__catalog{display:flex;min-height:535px;flex-direction:column;gap:32px}
.fmf2 .products__list{--product-duration:6000ms}
.fmf2 .product{padding-left:24px;position:relative;border-left:4px solid var(--c-line)}
.fmf2 .product::before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:var(--c-accent);transform:scaleY(0);transform-origin:top}
.fmf2 .product.is-open::before{animation:fmf2-product-progress var(--product-duration) linear forwards}
.fmf2 .product + .product{margin-top:24px}
@keyframes fmf2-product-progress{from{transform:scaleY(0)}to{transform:scaleY(1)}}

.fmf2 .product__head{display:flex;align-items:center;gap:24px;width:100%;padding:16px 0;text-align:left}
.fmf2 .product__mark{width:48px;height:48px;border-radius:9px;flex:none;background:var(--c-accent-soft)}
.fmf2 .product__logo{width:48px;height:48px;object-fit:contain;flex:none}
.fmf2 .product:nth-child(1) .product__mark{background:var(--c-accent-grad)}
.fmf2 .product:nth-child(2) .product__mark{background:linear-gradient(180deg,#4B4B8F,#26264a)}
.fmf2 .product:nth-child(3) .product__mark{background:linear-gradient(180deg,#3FA9F5,#2D7BD6)}
.fmf2 .product:nth-child(4) .product__mark{background:linear-gradient(180deg,#26C281,#12A06B)}
.fmf2 .product:nth-child(5) .product__mark{background:linear-gradient(180deg,#8C7CE9,#6657C2)}
.fmf2 .product__name{font-size:24px;font-weight:500;line-height:1.2;flex:1;color:var(--c-ink)}
.fmf2 .product__chev{width:18px;height:18px;color:var(--c-ink-3);flex:none;transition:transform .2s}
.fmf2 .product.is-open .product__chev{transform:rotate(180deg)}

.fmf2 .product__body{padding:0 0 16px 72px}
.fmf2 .product__desc{font-size:16px;color:var(--c-ink-2);line-height:1.4;margin-bottom:20px;max-width:480px}

.fmf2 .products__preview{position:relative;width:536px;height:535px;overflow:hidden;background:linear-gradient(135deg,#dff1ff,#e3d4ff)}
.fmf2 .products__preview-item{position:absolute;inset:0;opacity:0;transition:opacity .35s ease;overflow:hidden}
.fmf2 .products__preview-item.is-active{opacity:1}
.fmf2 .products__preview-img{position:absolute;display:block;max-width:none}
.fmf2 .products__preview-item--vacation .products__preview-img{inset:0;width:100%;height:100%;object-fit:cover}
.fmf2 .products__preview-item--ai{background:linear-gradient(145deg,#24242d,#17171d)}
.fmf2 .products__preview-item--ai .products__preview-img{inset:0;width:100%;height:100%;object-fit:cover}
.fmf2 .products__preview-item--trips{background:#eaf0f4}
.fmf2 .products__preview-item--trips .products__preview-img{inset:0;width:100%;height:100%;object-fit:cover}
.fmf2 .products__preview-item--auditslov{background:linear-gradient(145deg,#180334,#3d1970)}
.fmf2 .products__preview-item--auditslov .products__preview-img{inset:0;width:100%;height:100%;object-fit:cover}
.fmf2 .products__all{margin-top:auto;align-self:flex-start}

@media (max-width:1200px){
  .fmf2 .products__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
  .fmf2 .products__preview{width:100%;height:auto;aspect-ratio:536/535}
  .fmf2 .products__preview-item--vacation .products__preview-img,
  .fmf2 .products__preview-item--ai .products__preview-img,
  .fmf2 .products__preview-item--trips .products__preview-img{inset:0;width:100%;height:100%}
  .fmf2 .products__preview-item--auditslov .products__preview-img{right:-17%;bottom:-18%;width:104.5%;height:auto}
}
@media (prefers-reduced-motion:reduce){.fmf2 .product.is-open::before{animation:none;transform:none}}
@media (max-width:900px){
  .fmf2 .products__layout{grid-template-columns:1fr;gap:32px}
  .fmf2 .products__preview{order:-1}
  .fmf2 .products__catalog{min-height:0}
  .fmf2 .product__body{padding-left:0}
  .fmf2 .product__head{gap:14px}
  .fmf2 .product__name{font-size:20px}
  .fmf2 .products__all{margin-top:0}
}