.product-assoc{color:#232536;content-visibility:auto;contain-intrinsic-size:1px 520px;background:#fff;width:100%;max-width:1920px;margin-left:auto;margin-right:auto;overflow-x:clip}.product-assoc__inner{box-sizing:border-box;padding:clamp(8px,1.5vw,24px)var(--container-pad)clamp(40px,5vw,72px)}.product-assoc__head{margin-bottom:max(20px,min(2.5vw,40px))}.product-assoc__title{font-family:var(--font-display);color:#302197;margin:0 0 12px;font-size:max(24px,min(2.2vw,32px));font-weight:600;line-height:1.4}.product-assoc__rule{width:100%;height:7px;margin:0;display:block;position:relative}.product-assoc__rule-track{background:#323c8a;height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.product-assoc__rule-accent{width:min(238px,70%);max-width:100%;height:7px;display:block;position:absolute;top:0;left:0}.product-assoc__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:max(16px,min(2vw,27px));margin:0;padding:4px 0 12px;list-style:none;display:grid}.product-assoc__grid>li{min-width:0;height:100%;display:flex}.product-assoc__card{width:100%;min-width:0;height:100%}.product-assoc__card-link{box-sizing:border-box;aspect-ratio:340/328;color:#fff;isolation:isolate;border-radius:10px;width:100%;text-decoration:none;display:block;position:relative;overflow:hidden}.product-assoc__card-link:focus-visible{outline-offset:3px;outline:2px solid #323c8a}.product-assoc__card-link[aria-disabled=true]{cursor:default}.product-assoc__card-link:hover .product-assoc__img{transform:scale(1.04)}.product-assoc__img{object-fit:cover;transition:transform .35s}.product-assoc__shade{pointer-events:none;z-index:1;background:linear-gradient(transparent 0%,rgba(0,0,0,.85) 100%);height:55%;position:absolute;top:auto;bottom:0;left:0;right:0}.product-assoc__footer{z-index:2;justify-content:space-between;align-items:center;gap:12px;padding:0 max(16px,min(1.5vw,26px)) max(16px,min(1.6vw,28px));display:flex;position:absolute;bottom:0;left:0;right:0}.product-assoc__card-title{font-family:var(--font-display);color:#fff;margin:0;font-size:max(16px,min(1.4vw,24px));font-weight:500;line-height:.98}.product-assoc__arrow{flex:none;width:max(48px,min(4vw,60px));height:auto;display:block}.product-assoc__arrow img{width:100%;height:auto;display:block}@media (min-width:1200px){.product-assoc{--vx:min(100vw,1920px)/1920}.product-assoc__inner{padding:calc(24*var(--vx))calc(140*var(--vx))calc(72*var(--vx));padding-left:calc(693*var(--vx))}.product-assoc__title{font-size:calc(32*var(--vx))}.product-assoc__rule{height:calc(7*var(--vx))}.product-assoc__rule-accent{width:calc(238*var(--vx));height:calc(7*var(--vx))}.product-assoc__grid{max-width:calc(1075*var(--vx));gap:calc(27*var(--vx))}.product-assoc__card-link{aspect-ratio:auto;height:calc(328*var(--vx));border-radius:calc(10*var(--vx))}.product-assoc__card-title{font-size:calc(24*var(--vx))}.product-assoc__arrow{width:calc(60*var(--vx))}}@media (max-width:1199px){.product-assoc__inner{padding:clamp(16px,2.5vw,28px)var(--container-pad)clamp(36px,4vw,56px)}.product-assoc__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-assoc__card-title{font-size:max(14px,min(1.8vw,18px));line-height:1.15}.product-assoc__arrow{width:max(40px,min(5vw,52px))}}@media (max-width:1023px){.product-assoc__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-assoc__card-link{aspect-ratio:16/11}}@media (min-width:768px) and (max-width:1024px){.product-assoc__inner{max-width:760px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.product-assoc__grid{gap:14px}.product-assoc__card-title{font-size:max(16px,min(2vw,20px))}}@media (max-width:767px){.product-assoc__title{font-size:max(22px,min(5.5vw,26px))}.product-assoc__grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.product-assoc__card-link{aspect-ratio:16/10;border-radius:10px}.product-assoc__card-title{font-size:max(18px,min(4.5vw,22px))}.product-assoc__footer{padding:0 18px 20px}}@media (max-width:580px){.product-assoc__footer{gap:10px;padding:0 14px 16px}.product-assoc__arrow{width:44px}}@media (prefers-reduced-motion:reduce){.product-assoc__img{transition:none}.product-assoc__card-link:hover .product-assoc__img{transform:none}}