.skinveil-recommendations{--sv-ink: #1c1b1a;--sv-muted: #77716c;--sv-paper: #fbf7f2;--sv-card: #ffffff;--sv-radius: 28px;position:relative;width:100%;overflow:hidden;padding:110px 0 120px;background:var(--sv-paper);isolation:isolate}.skinveil-recommendations__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:.9;background:radial-gradient(circle at 8% 18%,rgba(255,194,211,.45),transparent 28%),radial-gradient(circle at 92% 35%,rgba(188,224,255,.42),transparent 30%),radial-gradient(circle at 50% 95%,rgba(255,222,165,.34),transparent 34%);animation:svBreathingGlow 8s ease-in-out infinite alternate}.skinveil-recommendations__container{width:min(1380px,calc(100% - 48px));margin:0 auto}.skinveil-recommendations__intro{max-width:760px;margin:0 auto 52px;text-align:center;opacity:0;transform:translateY(45px);transition:opacity .9s ease,transform 1s cubic-bezier(.22,1,.36,1)}.skinveil-recommendations.is-visible .skinveil-recommendations__intro{opacity:1;transform:none}.skinveil-recommendations__eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:15px;font-size:11px;line-height:1;letter-spacing:.2em;text-transform:uppercase;color:var(--sv-muted)}.skinveil-recommendations__eyebrow:before,.skinveil-recommendations__eyebrow:after{content:"";width:24px;height:1px;background:currentColor;opacity:.45}.skinveil-recommendations__heading{margin:0;color:var(--sv-ink);font-size:clamp(36px,5vw,64px);line-height:.98;letter-spacing:-.035em;font-weight:500;text-wrap:balance}.skinveil-recommendations__subheading{max-width:650px;margin:20px auto 0;color:var(--sv-muted);font-size:15px;line-height:1.75;text-wrap:balance}.skinveil-recommendations__grid{display:grid;gap:22px;align-items:stretch}.skinveil-recommendations__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.skinveil-recommendations__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.skinveil-recommendations__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.skinveil-rec-card{--card-lift: 0px;position:relative;min-width:0;min-height:100%;display:flex;flex-direction:column;opacity:0;transform:translateY(55px) scale(.965);transition:opacity .75s ease calc(var(--card-index) * 90ms),transform .9s cubic-bezier(.22,1,.36,1) calc(var(--card-index) * 90ms),filter .35s ease}.skinveil-recommendations.is-visible .skinveil-rec-card{opacity:1;transform:translateY(var(--card-lift)) scale(1)}.skinveil-rec-card:nth-child(1) .skinveil-rec-card__media{background:linear-gradient(145deg,#ffe1ea,#f4cbda)}.skinveil-rec-card:nth-child(2) .skinveil-rec-card__media{background:linear-gradient(145deg,#deefff,#c9dcff)}.skinveil-rec-card:nth-child(3) .skinveil-rec-card__media{background:linear-gradient(145deg,#fff0c9,#ffd9aa)}.skinveil-rec-card:nth-child(4) .skinveil-rec-card__media{background:linear-gradient(145deg,#e6f6dc,#c9e7bd)}.skinveil-rec-card:nth-child(5) .skinveil-rec-card__media{background:linear-gradient(145deg,#eadcff,#d6c8ff)}.skinveil-rec-card:nth-child(6) .skinveil-rec-card__media{background:linear-gradient(145deg,#ffe1c7,#ffd0bd)}.skinveil-rec-card:hover{--card-lift: -7px}.skinveil-rec-card__media{position:relative;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--sv-radius);box-shadow:0 14px 40px #231b1414;text-decoration:none;transform:translateZ(0)}.skinveil-rec-card__media--square{aspect-ratio:1 / 1}.skinveil-rec-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .85s cubic-bezier(.22,1,.36,1),filter .5s ease}.skinveil-rec-card:hover .skinveil-rec-card__image{transform:scale(1.055)}.skinveil-rec-card__wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 45%,rgba(255,255,255,.03));mix-blend-mode:screen;pointer-events:none}.skinveil-rec-card__badge{position:absolute;top:16px;left:16px;z-index:2;padding:9px 12px;border-radius:999px;background:#ffffffdb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sv-ink)}.skinveil-rec-card__badge--soldout{background:#1c1b1ad6;color:#fff}.skinveil-rec-card__view{position:absolute;right:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:#ffffff8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--sv-ink);font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}.skinveil-rec-card__view span{font-size:16px;line-height:0;transition:transform .35s ease}.skinveil-rec-card:hover .skinveil-rec-card__view{opacity:1;transform:translateY(0)}.skinveil-rec-card:hover .skinveil-rec-card__view span{transform:translate(2px,-2px)}.skinveil-rec-card__body{padding:19px 3px 0;display:flex;flex-direction:column;flex:1 1 auto}.skinveil-rec-card__vendor{margin:0 0 7px;color:var(--sv-muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.skinveil-rec-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:4.05em;max-height:4.05em;margin:0;color:var(--sv-ink);text-decoration:none;font-size:17px;line-height:1.35;letter-spacing:-.01em;transition:opacity .25s ease}.skinveil-rec-card__title:hover{opacity:.62}.skinveil-rec-card__price-row{display:flex;align-items:center;gap:9px;min-height:24px;margin-top:9px}.skinveil-rec-card__price{color:var(--sv-ink);font-size:15px;font-weight:600}.skinveil-rec-card__compare{color:#a49e97;font-size:13px;text-decoration:line-through}.skinveil-rec-card__variant-select{width:100%;margin-top:13px;min-height:44px;padding:0 38px 0 13px;border:1px solid rgba(28,27,26,.14);border-radius:12px;background:#ffffffa6;color:var(--sv-ink);font:inherit;font-size:13px;cursor:pointer}.skinveil-rec-card__add{position:relative;margin-top:auto;width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;border:1px solid var(--sv-ink);border-radius:999px;overflow:hidden;background:var(--sv-ink);color:#fff;font:inherit;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;isolation:isolate;transition:transform .28s ease,box-shadow .35s ease,color .3s ease,background .3s ease}.skinveil-rec-card__add:before{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;z-index:-1;background:conic-gradient(from 90deg,transparent,rgba(255,255,255,.42),transparent 28%);transform:translate(-55%) rotate(12deg);transition:transform .8s cubic-bezier(.22,1,.36,1)}.skinveil-rec-card__add:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;border-radius:inherit;background:var(--sv-ink);transition:background .35s ease}.skinveil-rec-card__add:hover{transform:translateY(-2px);box-shadow:0 13px 28px #1c1b1a2e}.skinveil-rec-card__add:hover:before{transform:translate(55%) rotate(12deg)}.skinveil-rec-card__add:hover:after{background:#2b2927}.skinveil-rec-card__add:active{transform:translateY(0) scale(.985)}.skinveil-rec-card__add:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.skinveil-rec-card__add-icon,.skinveil-rec-card__add-success{display:inline-grid;place-items:center;width:18px;height:18px;flex:0 0 18px;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-size:14px;line-height:1;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .25s ease}.skinveil-rec-card__add-success{position:absolute;opacity:0;transform:scale(.4) rotate(-20deg)}.skinveil-rec-card.is-added .skinveil-rec-card__add-label{animation:svButtonPop .45s ease}.skinveil-rec-card.is-added .skinveil-rec-card__add-icon{opacity:0;transform:scale(.4) rotate(20deg)}.skinveil-rec-card.is-added .skinveil-rec-card__add-success{opacity:1;transform:scale(1) rotate(0)}.skinveil-rec-card.is-error .skinveil-rec-card__add{animation:svShake .45s ease}.skinveil-recommendations__empty{max-width:620px;margin:0 auto;padding:36px 22px;text-align:center;color:var(--sv-muted)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes svBreathingGlow{0%{transform:scale(1);opacity:.72}to{transform:scale(1.08);opacity:1}}@keyframes svButtonPop{0%{transform:scale(1)}45%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes svShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(max-width:989px){.skinveil-recommendations__grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.skinveil-recommendations{padding:78px 0 90px}.skinveil-recommendations__container{width:min(100% - 28px,680px)}.skinveil-recommendations__intro{margin-bottom:34px}.skinveil-recommendations__grid,.skinveil-recommendations__grid--2,.skinveil-recommendations__grid--3,.skinveil-recommendations__grid--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.skinveil-rec-card__media{border-radius:20px}.skinveil-rec-card__body{padding-top:13px}.skinveil-rec-card__title{font-size:14px;line-height:1.35;min-height:4.05em;max-height:4.05em}.skinveil-rec-card__price{font-size:13px}.skinveil-rec-card__badge{top:10px;left:10px;padding:7px 9px;font-size:8px}.skinveil-rec-card__view{display:none}.skinveil-rec-card__add{margin-top:auto;min-height:44px;padding:0 10px;font-size:10px}.skinveil-rec-card__variant-select{min-height:42px;font-size:12px}}@media(prefers-reduced-motion:reduce){.skinveil-recommendations__backdrop,.skinveil-recommendations__intro,.skinveil-rec-card,.skinveil-rec-card__image,.skinveil-rec-card__add,.skinveil-rec-card__add:before,.skinveil-rec-card__add:after{animation:none!important;transition:none!important}}.skinveil-recommendations__content-slot{position:relative}.skinveil-recommendations__fallback-templates{display:none!important}.skinveil-rec-card.sv-replay{animation:svCardReplay .85s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--card-index) * 90ms)}@keyframes svCardReplay{0%{opacity:0;transform:translateY(38px) scale(.97)}to{opacity:1;transform:translateY(var(--card-lift)) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/skinveil-you-may-also-like.css.map */