.vatpan-promo-mosaic__container{--vp-yellow: #f0c419;--vp-yellow-hover: #d6ab14;--vp-navy: #0d2d6c;--vp-text: #171717;--vp-body: #2f3747;--vp-white: #ffffff;--vp-surface: #f8f8f8;--vp-border: #e8e8e8;--vp-shadow: 0 10px 30px rgba(16, 24, 40, .08);--vp-radius-tile: 14px;--vp-radius-card: 10px;--vp-radius-btn: 10px;--vp-gap: 16px;--vp-pad: 28px;--vp-ease-out: cubic-bezier(.22, 1, .36, 1);--vp-hover-dur: .55s}.vatpan-promo-mosaic__container .vatpan-mosaic{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--vp-gap);align-items:stretch}.vatpan-promo-mosaic__container .vatpan-mosaic__col{display:grid;gap:var(--vp-gap);min-height:0}.vatpan-promo-mosaic__container .vatpan-mosaic__col--right{grid-template-rows:1fr 1fr 1fr}.vatpan-promo-mosaic__container .vatpan-tile{position:relative;overflow:hidden;min-height:320px;border-radius:var(--vp-radius-tile);background:var(--vp-surface);box-shadow:var(--vp-shadow);isolation:isolate}.vatpan-promo-mosaic__container .vatpan-tile--hero,.vatpan-promo-mosaic__container .vatpan-tile--wide{min-height:500px}.vatpan-promo-mosaic__container .vatpan-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:#12182000;pointer-events:none;transition:background var(--vp-hover-dur) var(--vp-ease-out)}.vatpan-promo-mosaic__container .vatpan-tile__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0}.vatpan-promo-mosaic__container .vatpan-tile--linked{cursor:pointer}.vatpan-promo-mosaic__container .vatpan-tile__overlay{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:100%;padding:var(--vp-pad);box-sizing:border-box}.vatpan-promo-mosaic__container .vatpan-tile__cover-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;text-decoration:none}.vatpan-promo-mosaic__container .vatpan-tile__content{position:relative;z-index:2;max-width:min(520px,52%);display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}.vatpan-promo-mosaic__container .vatpan-tile--top-right .vatpan-tile__content,.vatpan-promo-mosaic__container .vatpan-tile--middle-right .vatpan-tile__content,.vatpan-promo-mosaic__container .vatpan-tile--bottom-right .vatpan-tile__content{max-width:min(480px,50%)}.vatpan-promo-mosaic__container .vatpan-tile__eyebrow{display:inline-block;width:56px;height:4px;border-radius:999px;background:var(--vp-yellow);margin:0;flex-shrink:0;transition:width var(--vp-hover-dur) var(--vp-ease-out)}.vatpan-promo-mosaic__container .vatpan-tile__title{margin:0 0 3px;padding:0;color:#000;font:700 clamp(14px,1.5vw,30px) / 1.08 Inter,Arial,sans-serif;letter-spacing:-.02em;word-break:break-word}.vatpan-promo-mosaic__container .vatpan-tile__desc{margin:4px 0 0;padding:0;color:var(--vp-body);font:400 16px/1.55 Inter,Arial,sans-serif;word-break:break-word}.vatpan-promo-mosaic__container .vatpan-tile__cta{display:inline-block;margin-top:10px;color:var(--vp-yellow);font:700 .8125rem/1.2 Inter,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;transition:color .25s ease,transform var(--vp-hover-dur) var(--vp-ease-out)}.vatpan-promo-mosaic__container .vatpan-tile__cta-secondary{display:inline-block;margin-top:8px;pointer-events:auto;color:var(--vp-text);font:600 .8125rem/1.2 Inter,Arial,sans-serif;letter-spacing:.02em;text-decoration:underline;text-underline-offset:.15em;transition:color .2s ease}.vatpan-promo-mosaic__container .vatpan-tile__cta-secondary:hover{color:var(--vp-navy)}.vatpan-promo-mosaic__container .vatpan-feature-card{position:relative;z-index:3;display:flex;align-items:center;gap:14px;width:fit-content;max-width:min(460px,88%);margin-top:auto;border-radius:var(--vp-radius-card);padding:12px 14px 12px 16px;background:#fffffff0;box-shadow:0 3px 14px #0000000d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-shrink:0;text-decoration:none;color:inherit;transition:box-shadow .2s ease}.vatpan-promo-mosaic__container .vatpan-feature-card:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 2px 2px 0;background:var(--vp-yellow)}.vatpan-promo-mosaic__container .vatpan-feature-card--linked{pointer-events:auto;cursor:pointer}.vatpan-promo-mosaic__container .vatpan-feature-card--linked:hover{box-shadow:0 5px 18px #00000014}.vatpan-promo-mosaic__container .vatpan-feature-card__thumb{flex:0 0 100px;width:100px;height:76px;border-radius:var(--vp-radius-thumb);background:#f2f2f2 center/cover no-repeat;overflow:hidden}.vatpan-promo-mosaic__container .vatpan-feature-card__title{margin:0 0 5px;color:var(--vp-navy);font:700 14px/1.25 Inter,Arial,sans-serif;word-break:break-word}.vatpan-promo-mosaic__container .vatpan-feature-card__text{margin:0;color:var(--vp-body);font:400 12.5px/1.45 Inter,Arial,sans-serif;word-break:break-word}@media screen and (min-width:720px){.vatpan-promo-mosaic__container{--vp-feature-card-width: 265px;--vp-feature-card-img: 88px;--vp-feature-card-text: 138px;--vp-feature-card-height: 88px;--vp-feature-card-thumb-h: 58px}.vatpan-promo-mosaic__container .vatpan-feature-card{display:grid;grid-template-columns:var(--vp-feature-card-img) minmax(0,var(--vp-feature-card-text));align-items:stretch;gap:8px;box-sizing:border-box;width:fit-content;max-width:min(var(--vp-feature-card-width),100%);height:auto;min-height:var(--vp-feature-card-height);min-width:0;padding:6px 10px 6px 12px;background:#fff;border:1px solid rgba(15,23,42,.07);box-shadow:0 1px 2px #0f172a0a,0 6px 18px #0f172a0d;-webkit-backdrop-filter:none;backdrop-filter:none}.vatpan-promo-mosaic__container .vatpan-feature-card:before{top:8px;bottom:8px;width:2px}.vatpan-promo-mosaic__container .vatpan-feature-card__thumb{width:100%;height:100%;min-height:var(--vp-feature-card-thumb-h);align-self:stretch;border-radius:8px;background:#eef1f5 center/cover no-repeat;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a0f}.vatpan-promo-mosaic__container .vatpan-feature-card__body{display:flex;flex-direction:column;gap:4px;min-width:0;justify-content:center}.vatpan-promo-mosaic__container .vatpan-feature-card__title{margin:0;font-size:13px;line-height:1.2;word-break:break-word}.vatpan-promo-mosaic__container .vatpan-feature-card__text{margin:0;font-size:11.5px;line-height:1.35;word-break:break-word}.vatpan-promo-mosaic__container .vatpan-feature-card--linked:hover{box-shadow:0 2px 4px #0f172a0f,0 12px 32px #0f172a1a;border-color:#0f172a1a}}@media(hover:hover)and (pointer:fine){.vatpan-promo-mosaic__container .vatpan-tile:hover:after{background:#1218201a}.vatpan-promo-mosaic__container .vatpan-tile--linked:hover .vatpan-tile__eyebrow{width:72px}.vatpan-promo-mosaic__container .vatpan-tile--linked:hover .vatpan-tile__cta{color:var(--vp-yellow-hover);transform:translate(5px)}}@media(prefers-reduced-motion:reduce){.vatpan-promo-mosaic__container .vatpan-tile:after,.vatpan-promo-mosaic__container .vatpan-tile__eyebrow,.vatpan-promo-mosaic__container .vatpan-tile__cta,.vatpan-promo-mosaic__container .vatpan-feature-card{transition:none!important}.vatpan-promo-mosaic__container .vatpan-tile--linked:hover .vatpan-tile__cta{transform:none!important}}@media(max-width:1199px){.vatpan-promo-mosaic__container .vatpan-mosaic{grid-template-columns:1fr}.vatpan-promo-mosaic__container .vatpan-mosaic__col--right{grid-template-rows:unset}.vatpan-promo-mosaic__container .vatpan-tile__content,.vatpan-promo-mosaic__container .vatpan-tile--top-right .vatpan-tile__content,.vatpan-promo-mosaic__container .vatpan-tile--middle-right .vatpan-tile__content,.vatpan-promo-mosaic__container .vatpan-tile--bottom-right .vatpan-tile__content{max-width:min(560px,58%)}}@media screen and (max-width:719px){.vatpan-promo-mosaic__container{--vp-gap: 10px;--vp-pad: 12px;--vp-radius-tile: 10px;--vp-radius-card: 8px;--vp-radius-btn: 8px;--vp-shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .08)}.vatpan-promo-mosaic__container .vatpan-mosaic,.vatpan-promo-mosaic__container .vatpan-mosaic__col{gap:var(--vp-gap)}.vatpan-promo-mosaic__container .vatpan-tile,.vatpan-promo-mosaic__container .vatpan-tile--hero,.vatpan-promo-mosaic__container .vatpan-tile--wide{height:auto;display:flex;flex-direction:column;border-radius:var(--vp-radius-tile);box-shadow:var(--vp-shadow);overflow:hidden}.vatpan-promo-mosaic__container .vatpan-tile:not(.vatpan-tile--has-feature){min-height:unset;aspect-ratio:16 / 9}.vatpan-promo-mosaic__container .vatpan-tile--has-feature{aspect-ratio:unset;min-height:248px}.vatpan-promo-mosaic__container .vatpan-tile:after{background:linear-gradient(180deg,#ffffffd1,#ffffff61 24%,#fff0 46%)}.vatpan-promo-mosaic__container .vatpan-tile--has-feature:after{background:linear-gradient(180deg,#ffffffd1,#ffffff5c 22%,#fff0 40% 50%,#ffffff6b 68%,#ffffffe6)}.vatpan-promo-mosaic__container .vatpan-tile__overlay{flex:1 1 auto;min-height:0;padding:var(--vp-pad) calc(var(--vp-pad) + .125rem);gap:10px;justify-content:flex-start}.vatpan-promo-mosaic__container .vatpan-tile--has-feature .vatpan-tile__overlay{min-height:248px;padding-bottom:10px}.vatpan-promo-mosaic__container .vatpan-tile:not(.vatpan-tile--has-feature) .vatpan-tile__overlay{justify-content:space-between}.vatpan-promo-mosaic__container .vatpan-tile__content,.vatpan-promo-mosaic__container .vatpan-tile--top-right .vatpan-tile__content,.vatpan-promo-mosaic__container .vatpan-tile--middle-right .vatpan-tile__content,.vatpan-promo-mosaic__container .vatpan-tile--bottom-right .vatpan-tile__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;flex:0 1 auto;min-height:0;max-width:min(72%,19rem);padding:2px 0;isolation:isolate}.vatpan-promo-mosaic__container .vatpan-tile__content:before{content:"";position:absolute;z-index:-1;top:-4px;right:-18px;bottom:-4px;left:-6px;border-radius:6px;background:linear-gradient(90deg,#fffffff0,#ffffffc7 62%,#fff0);pointer-events:none}.vatpan-promo-mosaic__container .vatpan-tile__title{margin:0 0 2px;color:#000;font-size:var(--font-size-heading-3);font-weight:700;line-height:1.2;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 0 16px rgba(255,255,255,.95),0 1px 2px rgba(255,255,255,.85)}.vatpan-promo-mosaic__container .vatpan-tile__desc{margin-top:2px;color:#1a1a1a;font-size:var(--font-size-body-small);line-height:1.38;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-shadow:0 0 12px rgba(255,255,255,.9)}.vatpan-promo-mosaic__container .vatpan-tile--has-feature .vatpan-tile__desc{-webkit-line-clamp:2}.vatpan-promo-mosaic__container .vatpan-tile__eyebrow{width:36px;height:3px;margin-top:2px;flex-shrink:0}.vatpan-promo-mosaic__container .vatpan-tile__cta{margin-top:5px;font-size:var(--font-size-button-small, .6875rem);flex-shrink:0}.vatpan-promo-mosaic__container .vatpan-tile__cta-secondary{margin-top:3px;font-size:var(--font-size-body-small, .75rem);pointer-events:auto;flex-shrink:0;line-height:1.3}.vatpan-promo-mosaic__container .vatpan-tile--hero .vatpan-feature-card,.vatpan-promo-mosaic__container .vatpan-tile--wide .vatpan-feature-card,.vatpan-promo-mosaic__container .vatpan-tile--top-right .vatpan-feature-card,.vatpan-promo-mosaic__container .vatpan-tile--middle-right .vatpan-feature-card,.vatpan-promo-mosaic__container .vatpan-tile--bottom-right .vatpan-feature-card,.vatpan-promo-mosaic__container .vatpan-feature-card{position:relative;z-index:3;margin-top:auto;flex-shrink:0;box-sizing:border-box;width:100%;max-width:100%;height:56px;min-height:56px;padding:7px 9px 7px 11px;gap:8px;border-radius:var(--vp-radius-card);background:#fff;box-shadow:0 2px 10px #1018281a;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:center}.vatpan-promo-mosaic__container .vatpan-tile--hero .vatpan-feature-card:before,.vatpan-promo-mosaic__container .vatpan-tile--wide .vatpan-feature-card:before,.vatpan-promo-mosaic__container .vatpan-tile--top-right .vatpan-feature-card:before,.vatpan-promo-mosaic__container .vatpan-tile--middle-right .vatpan-feature-card:before,.vatpan-promo-mosaic__container .vatpan-tile--bottom-right .vatpan-feature-card:before,.vatpan-promo-mosaic__container .vatpan-feature-card:before{top:8px;bottom:8px;width:2px}.vatpan-promo-mosaic__container .vatpan-tile--hero .vatpan-feature-card__thumb,.vatpan-promo-mosaic__container .vatpan-tile--wide .vatpan-feature-card__thumb,.vatpan-promo-mosaic__container .vatpan-tile--top-right .vatpan-feature-card__thumb,.vatpan-promo-mosaic__container .vatpan-tile--middle-right .vatpan-feature-card__thumb,.vatpan-promo-mosaic__container .vatpan-tile--bottom-right .vatpan-feature-card__thumb,.vatpan-promo-mosaic__container .vatpan-feature-card__thumb{flex:0 0 54px;width:54px;height:42px;min-height:42px;border-radius:var(--vp-radius-thumb)}.vatpan-promo-mosaic__container .vatpan-feature-card__body{min-width:0;flex:1 1 auto;height:42px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.vatpan-promo-mosaic__container .vatpan-tile--hero .vatpan-feature-card__title,.vatpan-promo-mosaic__container .vatpan-tile--wide .vatpan-feature-card__title,.vatpan-promo-mosaic__container .vatpan-tile--top-right .vatpan-feature-card__title,.vatpan-promo-mosaic__container .vatpan-tile--middle-right .vatpan-feature-card__title,.vatpan-promo-mosaic__container .vatpan-tile--bottom-right .vatpan-feature-card__title,.vatpan-promo-mosaic__container .vatpan-feature-card__title{margin:0 0 2px;font-size:12px;line-height:1.2;min-height:14.4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.vatpan-promo-mosaic__container .vatpan-tile--hero .vatpan-feature-card__text,.vatpan-promo-mosaic__container .vatpan-tile--wide .vatpan-feature-card__text,.vatpan-promo-mosaic__container .vatpan-tile--top-right .vatpan-feature-card__text,.vatpan-promo-mosaic__container .vatpan-tile--middle-right .vatpan-feature-card__text,.vatpan-promo-mosaic__container .vatpan-tile--bottom-right .vatpan-feature-card__text,.vatpan-promo-mosaic__container .vatpan-feature-card__text{margin:0;font-size:11px;line-height:1.35;min-height:14.85px;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.vatpan-promo-mosaic__container .vatpan-feature-card__title:empty,.vatpan-promo-mosaic__container .vatpan-feature-card__text:empty{display:block;visibility:hidden}.vatpan-promo-mosaic__container--hide-fc-mobile .vatpan-feature-card{display:none!important}.vatpan-promo-mosaic__container--hide-fc-mobile .vatpan-tile--has-feature{aspect-ratio:16 / 9;min-height:unset}.vatpan-promo-mosaic__container--hide-fc-mobile .vatpan-tile--has-feature:after{background:#12182000}.vatpan-promo-mosaic__container--hide-fc-mobile .vatpan-tile--has-feature .vatpan-tile__overlay{min-height:0;justify-content:space-between}.vatpan-promo-mosaic__container--hide-fc-mobile .vatpan-tile--has-feature .vatpan-tile__desc{-webkit-line-clamp:3}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/vatpan-promo-mosaic.css.map */