.mats-pf{--mpf-font: "Mats Archivo", "Archivo", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mpf-gutter: clamp(20px, 4.2vw, 80px);--mpf-ease: cubic-bezier(.2, .7, .2, 1);--mpf-out-x: var(--mpf-gutter);--mpf-out-x-m: 0px;background:var(--mpf-section-bg);color:var(--mpf-heading);font-family:var(--mpf-font);padding:var(--mpf-pt-m) var(--mpf-out-x-m) var(--mpf-pb-m);-webkit-font-smoothing:antialiased}.mats-pf *,.mats-pf *:before,.mats-pf *:after{box-sizing:border-box}.mats-pf--m-contained{--mpf-out-x-m: var(--mpf-gutter)}.mats-pf--m-full{--mpf-out-x-m: 0px}.mats-pf--d-contained{--mpf-out-x: var(--mpf-gutter)}.mats-pf--d-full{--mpf-out-x: 0px}.mats-pf--large{--mpf-h-min: 44px;--mpf-h-vw: 4.6vw;--mpf-h-max: 96px}.mats-pf--compact{--mpf-h-min: 28px;--mpf-h-vw: 2.8vw;--mpf-h-max: 64px}.mats-pf__inner{position:relative;max-width:var(--mpf-max-w);margin-inline:auto;background:var(--mpf-panel-bg);border-radius:var(--mpf-radius);overflow:hidden;isolation:isolate}.mats-pf__media{position:relative;display:block;overflow:hidden;background:var(--mpf-card-bg);color:inherit;text-decoration:none;min-width:0}.mats-pf__media:before{content:"";display:block;padding-top:calc(100% / var(--mpf-ratio-m))}.mats-pf__frame{position:absolute;top:0;right:0;bottom:0;left:0}.mats-pf__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--mpf-ease)}.mats-pf__img--d{display:none}.mats-pf__img--m{display:block}.mats-pf__placeholder{fill:color-mix(in srgb,var(--mpf-heading) 25%,transparent);background:color-mix(in srgb,var(--mpf-heading) 6%,transparent)}.mats-pf--zoom .mats-pf__media:hover .mats-pf__img{transform:scale(1.035)}.mats-pf__caption{position:absolute;inset:auto 0 0 0;height:var(--mpf-grad-h);min-height:64px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 22px 22px;background:linear-gradient(to top,var(--mpf-grad) 0%,transparent 100%);color:var(--mpf-cap-color);font-size:var(--mpf-cap-size);line-height:1.2;letter-spacing:.04em;text-transform:var(--mpf-cap-case);pointer-events:none}.mats-pf__caption-arrow{width:20px;height:20px;flex:none;transition:transform .3s var(--mpf-ease)}.mats-pf__media:hover .mats-pf__caption-arrow{transform:translate(3px,-3px)}.mats-pf__panel{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.mats-pf__block{margin:0 0 calc(var(--mpf-space, 24px) * var(--mpf-space-scale-m, .75));max-width:100%}.mats-pf__block:last-child{margin-bottom:0}.mats-pf__eyebrow{font-size:var(--mpf-eb-size-m);font-weight:var(--mpf-eb-weight, 400);line-height:1.3;letter-spacing:var(--mpf-eb-ls, 0);text-transform:var(--mpf-eb-case, none);color:var(--mpf-eyebrow)}.mats-pf__heading{margin-top:0;font-family:var(--mpf-font);font-size:clamp(var(--mpf-h-min),var(--mpf-h-vw),var(--mpf-h-max));font-weight:var(--mpf-h-weight, 650);font-stretch:var(--mpf-h-wdth, 100%);letter-spacing:var(--mpf-h-ls, -.045em);line-height:var(--mpf-h-lh, .95);color:var(--mpf-heading)}.mats-pf__heading em,.mats-pf__heading i{font-style:normal;color:var(--mpf-accent)}.mats-pf__text{font-size:var(--mpf-tx-size-m);line-height:var(--mpf-tx-lh, 1.5);max-width:var(--mpf-tx-max, 440px);color:var(--mpf-body);text-wrap:pretty}.mats-pf__text p{margin:0 0 .8em}.mats-pf__text p:last-child{margin-bottom:0}.mats-pf__text a{color:var(--mpf-heading);text-decoration:underline;text-underline-offset:3px}.mats-pf__products{width:100%;max-width:var(--mpf-prod-w-m, 66%)}.mats-pf__grid{display:grid;grid-template-columns:repeat(var(--mpf-cols-m, 2),minmax(0,1fr));gap:var(--mpf-row-gap-m, 20px) var(--mpf-col-gap-m, 10px)}.mats-pf__card{position:relative;min-width:0}.mats-pf__card-link{display:block;color:inherit;text-decoration:none}.mats-pf__card-media{position:relative;overflow:hidden;background:var(--mpf-card-bg);border-radius:var(--mpf-card-radius, 0)}.mats-pf__card-media:before{content:"";display:block;padding-top:calc(100% / var(--mpf-card-ratio, 1))}.mats-pf__card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--mpf-card-fit, cover);display:block;transition:opacity .5s ease,transform 1s var(--mpf-ease)}.mats-pf__card-img--alt{opacity:0}@media(hover:hover){.mats-pf__card:hover .mats-pf__card-img--alt{opacity:1}.mats-pf__card:hover .mats-pf__card-img:only-child{transform:scale(1.03)}}.mats-pf__card-meta{display:flex;flex-direction:column;gap:var(--mpf-meta-gap, 6px);padding-top:var(--mpf-meta-pt-m, 12px)}.mats-pf__card-title{font-size:var(--mpf-card-title-m, 13px);font-weight:var(--mpf-card-weight, 450);line-height:1.3;color:var(--mpf-card-title-c);min-width:0}.mats-pf__card-price{font-size:var(--mpf-card-price-m, 13px);font-weight:500;line-height:1.3;color:var(--mpf-price-c);white-space:nowrap;font-variant-numeric:tabular-nums}.mats-pf__card-price s{margin-left:6px;opacity:.5;font-weight:400}.mats-pf__wish{position:absolute;top:var(--mpf-wish-offset, 10px);right:var(--mpf-wish-offset, 10px);z-index:2;width:var(--mpf-wish-size, 34px);height:var(--mpf-wish-size, 34px);padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:var(--mpf-wish-bg);color:var(--mpf-wish-icon);cursor:pointer;transition:transform .2s ease,opacity .2s ease}.mats-pf__wish svg{width:46%;height:46%}.mats-pf__wish:hover{transform:scale(1.06)}.mats-pf__wish[aria-pressed=true] svg path{fill:currentColor}.mats-pf__wish:focus-visible{outline:2px solid var(--mpf-accent);outline-offset:2px}.mats-pf__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.mats-pf__btn{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--mpf-btn-gap, 40px);min-height:var(--mpf-btn-h-m);padding:0 var(--mpf-btn-px-m);border:var(--mpf-btn-border, 1.5px) solid transparent;border-radius:var(--mpf-btn-radius, 2px);font-family:var(--mpf-font);font-size:var(--mpf-btn-size-m);font-weight:var(--mpf-btn-weight, 500);letter-spacing:-.01em;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.mats-pf__btn--solid{background:var(--mpf-btn-main);border-color:var(--mpf-btn-main);color:var(--mpf-btn-contrast)}.mats-pf__btn--outline{background:transparent;border-color:var(--mpf-btn-main);color:var(--mpf-btn-main)}.mats-pf__btn--solid:hover,.mats-pf__btn--outline:hover{background:var(--mpf-btn-hover-main);border-color:var(--mpf-btn-hover-main);color:var(--mpf-btn-hover-contrast)}.mats-pf__btn--link{min-height:0;padding:4px 0;gap:10px;border:0;background:none;color:var(--mpf-heading);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.mats-pf__btn--link:hover{color:var(--mpf-accent)}.mats-pf__btn:focus-visible{outline:2px solid var(--mpf-accent);outline-offset:3px}.mats-pf__btn[aria-disabled=true]{cursor:default}.mats-pf__arrow{width:22px;height:22px;flex:none;transition:transform .3s var(--mpf-ease)}.mats-pf__btn:hover .mats-pf__arrow{transform:translate(4px)}@media(max-width:749px){.mats-pf__products--m-inline .mats-pf__card-meta{flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px}.mats-pf__actions--full-m{align-self:stretch}.mats-pf__actions--full-m .mats-pf__btn:not(.mats-pf__btn--link){flex:1 1 100%}.mats-pf--large .mats-pf__inner{display:flex;flex-direction:column}.mats-pf--large .mats-pf__panel{padding:var(--mpf-l-pad-y-m) var(--mpf-l-pad-x-m)}.mats-pf--compact .mats-pf__inner{display:grid;grid-template-columns:var(--mpf-c-img-w-m) minmax(0,1fr);column-gap:var(--mpf-c-gap-m);row-gap:var(--mpf-c-row-gap-m);align-items:center;padding:var(--mpf-c-pad-y-m) var(--mpf-gutter)}.mats-pf--compact .mats-pf__media{grid-column:1;grid-row:1}.mats-pf--compact .mats-pf__panel{grid-column:2;grid-row:1}.mats-pf--compact .mats-pf__aside{grid-column:1 / -1;grid-row:2}.mats-pf--compact .mats-pf__caption{padding:0 12px 12px;min-height:48px}.mats-pf__caption--hide-m{display:none}}@media(min-width:750px){.mats-pf{padding:var(--mpf-pt) var(--mpf-out-x) var(--mpf-pb)}.mats-pf__media:before{padding-top:calc(100% / var(--mpf-ratio))}.mats-pf__img--d{display:block}.mats-pf__img--m{display:none}.mats-pf__caption{padding:0 40px 36px}.mats-pf__block{margin-bottom:var(--mpf-space, 24px)}.mats-pf__block:last-child{margin-bottom:0}.mats-pf__eyebrow{font-size:var(--mpf-eb-size)}.mats-pf__text{font-size:var(--mpf-tx-size)}.mats-pf__products{max-width:var(--mpf-prod-w, 66%)}.mats-pf__grid{grid-template-columns:repeat(var(--mpf-cols, 2),minmax(0,1fr));gap:var(--mpf-row-gap, 28px) var(--mpf-col-gap, 16px)}.mats-pf__card-meta{padding-top:var(--mpf-meta-pt, 14px)}.mats-pf__card-title{font-size:var(--mpf-card-title, 14px)}.mats-pf__card-price{font-size:var(--mpf-card-price, 14px)}.mats-pf__products--d-inline .mats-pf__card-meta{flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px}.mats-pf__btn{min-height:var(--mpf-btn-h);min-width:var(--mpf-btn-min-w, 0);padding-inline:var(--mpf-btn-px);font-size:var(--mpf-btn-size)}.mats-pf__btn--link{min-height:0;min-width:0;padding-inline:0}.mats-pf--large .mats-pf__inner{display:grid;grid-template-columns:var(--mpf-l-img-w) minmax(0,1fr);align-items:stretch}.mats-pf--large.mats-pf--img-right .mats-pf__inner{grid-template-columns:minmax(0,1fr) var(--mpf-l-img-w)}.mats-pf--large.mats-pf--img-right .mats-pf__media{order:2}.mats-pf--large .mats-pf__panel{justify-content:var(--mpf-l-valign);padding:var(--mpf-l-pad-y) var(--mpf-l-pad-x)}.mats-pf--compact .mats-pf__inner{display:grid;grid-template-columns:var(--mpf-c-img-w) minmax(0,var(--mpf-c-text-w));column-gap:var(--mpf-c-gap);justify-content:start;align-items:var(--mpf-c-valign);padding:var(--mpf-c-pad-y) var(--mpf-gutter)}.mats-pf--compact.mats-pf--has-aside .mats-pf__inner{grid-template-columns:var(--mpf-c-img-w) minmax(0,var(--mpf-c-text-w)) var(--mpf-c-prod-w)}.mats-pf--compact .mats-pf__aside .mats-pf__products{max-width:none}}.mats-pf.is-armed .mats-pf__reveal{opacity:0;transform:translateY(18px)}.mats-pf.is-armed .mats-pf__frame{transform:scale(1.06)}.mats-pf.is-armed.is-visible .mats-pf__reveal{opacity:1;transform:none;transition:opacity .8s ease calc(.15s + var(--mpf-i, 0) * 80ms),transform .9s var(--mpf-ease) calc(.15s + var(--mpf-i, 0) * 80ms)}.mats-pf.is-armed.is-visible .mats-pf__frame{transform:none;transition:transform 1.6s var(--mpf-ease)}@media(prefers-reduced-motion:reduce){.mats-pf *,.mats-pf.is-armed .mats-pf__reveal,.mats-pf.is-armed .mats-pf__frame{transition:none!important;transform:none!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/mats-product-feature.css.map */