.coques-vedettes{--cv-navy: #202A44;--cv-violet: #6C63FF;--cv-light: #F5F6FA;--cv-white: #FFFFFF;--cv-muted: #707688;padding:76px 24px 82px;background:var(--cv-light);overflow:hidden}.coques-vedettes,.coques-vedettes *{box-sizing:border-box}.coques-vedettes__container{width:100%;max-width:1320px;margin:0 auto}.coques-vedettes__header{max-width:720px;margin:0 auto 44px;text-align:center}.coques-vedettes__title{margin:0 0 17px;color:var(--cv-navy);font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.15;letter-spacing:-1.2px}.coques-vedettes__title:after{content:"";display:block;width:64px;height:5px;margin:17px auto 0;border-radius:10px;background:var(--cv-violet)}.coques-vedettes__description{max-width:620px;margin:0 auto;color:var(--cv-muted);font-size:16px;line-height:1.8}.coques-vedettes__description p{margin:0}.coques-vedettes__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;align-items:stretch}.coque-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid rgba(32,42,68,.07);border-radius:19px;background:var(--cv-white);box-shadow:0 6px 22px #202a4411;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.coque-card:hover{transform:translateY(-5px);border-color:#6c63ff4d;box-shadow:0 15px 32px #202a441f}.coque-card__image-link{display:block;color:inherit;text-decoration:none}.coque-card__image-wrap{position:relative;display:flex;aspect-ratio:4 / 4.4;align-items:center;justify-content:center;overflow:hidden;background:#f0f1f8;isolation:isolate}.coque-card__image{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;padding:17px;transition:transform .4s ease}.coque-card:hover .coque-card__image{transform:scale(1.045)}.coque-card__image-shine{position:absolute;z-index:0;top:-50px;left:-50px;width:135px;height:135px;border:20px solid rgba(108,99,255,.055);border-radius:50%;pointer-events:none}.coque-card__case-decoration{position:absolute;z-index:0;right:-18px;bottom:-31px;width:89px;height:125px;border:5px solid rgba(108,99,255,.12);border-radius:23px;transform:rotate(-20deg);pointer-events:none}.coque-card__case-camera{position:absolute;top:8px;left:8px;width:30px;height:30px;border:3px solid rgba(108,99,255,.14);border-radius:9px}.coque-card__case-lens{position:absolute;top:15px;left:15px;width:9px;height:9px;border:2px solid rgba(108,99,255,.2);border-radius:50%}.coque-card__case-button{position:absolute;top:35px;right:-7px;width:4px;height:21px;border-radius:0 4px 4px 0;background:#6c63ff2e}.coque-card__placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:24px}.coque-card__placeholder-svg{display:block;width:80%;height:auto}.coque-card__content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;align-items:center;padding:23px 17px 22px;text-align:center;background:var(--cv-white)}.coque-card__title{width:100%;margin:0 0 13px;color:var(--cv-navy);font-size:17px;font-weight:750;line-height:1.5;overflow-wrap:anywhere}.coque-card__title a{color:inherit;text-decoration:none;transition:color .2s ease}.coque-card__title a:hover{color:var(--cv-violet)}.coque-card__price{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:5px;margin:0 0 19px;color:var(--cv-violet);font-size:19px;font-weight:800;line-height:1.4}.coque-card__price-label{color:var(--cv-muted);font-size:12px;font-weight:500}.coque-card__button{display:inline-flex;width:100%;min-height:45px;align-items:center;justify-content:center;gap:10px;margin-top:auto;padding:12px 15px;border:1px solid var(--cv-violet);border-radius:10px;background:var(--cv-violet);color:var(--cv-white);box-shadow:0 5px 13px #6c63ff2e;font-size:13px;font-weight:750;line-height:1.3;text-align:center;text-decoration:none;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.coque-card__button svg{display:block;width:17px;height:17px;flex:0 0 17px;transition:transform .25s ease}.coque-card__button:hover{border-color:var(--cv-navy);background:var(--cv-navy);box-shadow:0 6px 15px #202a4433}.coque-card__button:hover svg{transform:translate(3px)}.coques-vedettes__footer{display:flex;justify-content:center;margin-top:38px}.coques-vedettes__all-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:12px;padding:13px 24px;border:1.5px solid var(--cv-navy);border-radius:11px;color:var(--cv-navy);font-size:14px;font-weight:700;text-align:center;text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease}.coques-vedettes__all-button svg{width:17px;height:17px;flex:0 0 17px}.coques-vedettes__all-button:hover{border-color:var(--cv-violet);background:var(--cv-violet);color:#fff}@media screen and (min-width:750px)and (max-width:1050px){.coques-vedettes{padding:60px 20px 68px}.coques-vedettes__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.coque-card__image-wrap{aspect-ratio:4 / 3.7}.coque-card__content{padding:22px}.coque-card__title{font-size:18px}}@media screen and (max-width:749px){.coques-vedettes{padding:46px 16px 54px}.coques-vedettes__header{margin-bottom:28px}.coques-vedettes__title{font-size:30px;letter-spacing:-.7px}.coques-vedettes__description{font-size:14px;line-height:1.75}.coques-vedettes__grid{grid-template-columns:minmax(0,1fr);gap:21px}.coque-card{border-radius:17px}.coque-card__image-wrap{aspect-ratio:1 / .95}.coque-card__image{padding:18px}.coque-card__content{padding:21px 20px 23px}.coque-card__title{margin-bottom:10px;font-size:19px}.coque-card__price{margin-bottom:16px;font-size:20px}.coque-card__button{max-width:320px;min-height:46px}.coques-vedettes__footer{margin-top:28px}}@media screen and (max-width:380px){.coques-vedettes{padding-right:12px;padding-left:12px}.coque-card__content{padding-right:15px;padding-left:15px}.coque-card__title{font-size:17px}}.coque-card__image-link:focus-visible,.coque-card__title a:focus-visible,.coque-card__button:focus-visible,.coques-vedettes__all-button:focus-visible{outline:3px solid var(--cv-violet);outline-offset:3px}@media(prefers-reduced-motion:reduce){.coque-card,.coque-card__image,.coque-card__title a,.coque-card__button,.coque-card__button svg,.coques-vedettes__all-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/coques-vedettes.css.map */