.mk-pa{position:relative;width:100%;background-color:var(--color-greige-soie, #F2F0ED);z-index:1;padding-top:var(--mk-pa-pt, 24px);padding-bottom:var(--mk-pa-pb, 12px)}@media screen and (max-width:749px){.mk-pa{padding-top:var(--mk-pa-pt-m, 16px);padding-bottom:var(--mk-pa-pb-m, 12px)}}.mk-pa__container{max-width:1600px;margin:0 auto;padding:0 13px}@media screen and (min-width:990px){.mk-pa__container{max-width:1360px;padding:0 49px}}@media screen and (min-width:1800px){.mk-pa__container{max-width:1530px;padding:0 80px}}@media screen and (max-width:749px){.mk-pa__container{padding:0 16px}}.mk-pa__header{display:flex;align-items:flex-end;justify-content:flex-start;gap:12px;padding:20px 0;flex-wrap:nowrap}.mk-pa__title{font-family:Adobe Garamond Pro,Garamond,Times New Roman,serif;font-weight:400;color:#000;margin:0;letter-spacing:-.04em;line-height:1.1;font-size:clamp(41px,5.76vw,58px)}@media screen and (max-width:749px){.mk-pa__header{padding:16px 0}.mk-pa__title{font-size:40px}}@media screen and (min-width:1800px){.mk-pa__title{font-size:65px}}.mk-pa__subtitle{font-family:MessinaSansWeb,sans-serif;font-size:14px;letter-spacing:-.02em;line-height:1.7;color:#000;max-width:900px;margin:0 0 8px}@media screen and (max-width:749px){.mk-pa__subtitle{font-size:13px}}.mk-pa__grid{display:flex;gap:0;border-top:1px solid #000000;border-left:1px solid #000000;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;-webkit-transform:translateZ(0);transform:translateZ(0)}.mk-pa__grid::-webkit-scrollbar{height:0;display:none}.mk-pa__grid{scrollbar-width:none}.mk-pa__grid--3 .mk-pa__card{flex:0 0 calc(100% / 3);min-width:calc(100% / 3)}.mk-pa__grid--4 .mk-pa__card{flex:0 0 25%;min-width:25%}.mk-pa__grid--5 .mk-pa__card{flex:0 0 20%;min-width:20%}.mk-pa__grid .mk-pa__card{scroll-snap-align:start}@media screen and (max-width:989px)and (min-width:750px){.mk-pa__grid--4 .mk-pa__card,.mk-pa__grid--5 .mk-pa__card{flex:0 0 calc(100% / 3);min-width:calc(100% / 3)}}@media screen and (max-width:749px){.mk-pa__grid{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px);border-left:none}.mk-pa__grid .mk-pa__card{flex:0 0 50%!important;min-width:50%!important}}.mk-pa__card{position:relative;border-right:1px solid #000000;border-bottom:1px solid #000000;aspect-ratio:.7 / 1;overflow:hidden;background-color:var(--color-greige-soie, #F2F0ED);cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden}.mk-pa__card-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;position:relative}.mk-pa__card-image,.mk-pa__card-image-hover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .5s ease}.mk-pa__card-image{opacity:1;z-index:1}.mk-pa__card-image-hover{opacity:0;z-index:2}.mk-pa__card--has-hover:hover .mk-pa__card-image{opacity:0}.mk-pa__card--has-hover:hover .mk-pa__card-image-hover{opacity:1}.mk-pa__card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e8e4df;z-index:1}.mk-pa__card-placeholder svg{width:60px;height:60px;opacity:.3}.mk-pa__card-content{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:24px 20px;display:flex;flex-direction:column;gap:4px}.mk-pa__card-content:before{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(0,0,0,.25) 0%,transparent 100%);z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s ease}.mk-pa__card--gradient .mk-pa__card-content:before{opacity:1}.mk-pa__card-name{font-family:Adobe Garamond Pro,Garamond,Times New Roman,serif;font-size:28px;font-weight:400;line-height:1.15;letter-spacing:-.02em;color:var(--mk-pa-text-color, #ffffff);margin:0;text-shadow:0 1px 8px rgba(0,0,0,.15);transition:transform .3s ease}.mk-pa__card-desc{font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--mk-pa-text-color, #ffffff);opacity:.85;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.15);transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}.mk-pa__card .mk-pa__card-desc{opacity:0;transform:translateY(6px)}.mk-pa__card:hover .mk-pa__card-desc,.mk-pa__card--desc-always .mk-pa__card-desc{opacity:.85;transform:translateY(0)}.mk-pa__card:hover .mk-pa__card-name{transform:translateY(-4px)}.mk-pa__card-arrow{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:1px solid var(--mk-pa-text-color, rgba(255,255,255,.5));display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;transform:scale(.8);transition:opacity .3s ease,transform .3s ease,background .3s ease}.mk-pa__card:hover .mk-pa__card-arrow{opacity:1;transform:scale(1)}.mk-pa__card-arrow svg{width:14px;height:14px;color:var(--mk-pa-text-color, #ffffff);transition:transform .3s ease}.mk-pa__card:hover .mk-pa__card-arrow svg{transform:translate(2px)}@media(hover:none){.mk-pa__card--desc-always .mk-pa__card-desc{opacity:.85;transform:translateY(0)}.mk-pa__card-arrow{opacity:1;transform:scale(1)}}@media screen and (max-width:989px){.mk-pa__card-name{font-size:24px}.mk-pa__card-content{padding:18px 16px}}@media screen and (max-width:749px){.mk-pa__card{aspect-ratio:.7 / 1.2}.mk-pa__card-name{font-size:18px}.mk-pa__card-desc{font-size:10px}.mk-pa__card--desc-always .mk-pa__card-desc{opacity:.85;transform:translateY(0)}.mk-pa__card-content{padding:14px 12px}.mk-pa__card-content:before{height:80px}.mk-pa__card-arrow{width:28px;height:28px;top:12px;right:12px;opacity:0}.mk-pa__card-arrow svg{width:12px;height:12px}}.mk-pa__grid-wrapper{position:relative}.mk-pa__nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid #000;background:#ffffffe6;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:background .2s ease,color .2s ease}.mk-pa__nav:hover{background:#000;color:#fff}.mk-pa__nav--prev{left:10px}.mk-pa__nav--next{right:10px}.mk-pa__nav svg{width:16px;height:16px}@media screen and (min-width:750px){.mk-pa__nav{display:flex}}@media screen and (max-width:749px){.mk-pa__nav{display:flex;width:32px;height:32px}.mk-pa__nav svg{width:13px;height:13px}.mk-pa__nav--prev{left:6px}.mk-pa__nav--next{right:6px}}.mk-pa--bg-white,.mk-pa--bg-white .mk-pa__card{background-color:#fff}.mk-pa--bg-greige{background-color:var(--color-greige-soie, #F2F0ED)}.mk-pa--bg-black{background-color:#000}.mk-pa--bg-black .mk-pa__title,.mk-pa--bg-black .mk-pa__subtitle{color:#fff}.mk-pa--bg-black .mk-pa__grid{border-color:#fff3}.mk-pa--bg-black .mk-pa__card{border-color:#fff3;background-color:#000}
/*# sourceMappingURL=/cdn/shop/t/8/assets/mk-principe-actif.css.map */