.ir-compare h1,.ir-compare h2,.ir-compare h3,.ir-compare h4,p{margin:0}.ir-compare{padding:25px 0;overflow:hidden}.ir-compare__wrap{max-width:var(--page-width);margin:0 auto;padding:0 5rem}.ir-compare__head{max-width:760px;margin-bottom:50px}.ir-compare__title{color:#252525;font-family:Playfair Display;font-size:40px;font-weight:700}.ir-compare__subtitle{color:#6b7a85;font-family:Creato Display;font-size:24px;margin-top:12px}.ir-compare__table{display:grid;gap:20px;align-items:center;grid-auto-flow:row}.ir-compare__empty{height:60px;display:block!important}.ir-compare__feature{background:#4b5646;height:72px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 18px;color:#f0e4d8;text-align:center;font-family:Creato Display;font-size:22px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}.ir-compare__product{background:#4b5646;color:#fff;border-radius:8px;padding:18px;display:flex;align-items:center;justify-content:center;height:72px;color:#f0e4d8;text-align:center;font-family:Creato Display;font-size:22px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}.ir-compare__cell{background:#f0e4d8;border-radius:8px;height:72px;display:flex;align-items:center;justify-content:center;font-size:22px}.ir-compare__conclusion{margin-top:50px;display:flex;gap:50px;align-items:center}.ir-compare__conclusion h3{color:#252525;font-family:Creato Display;font-size:32px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize;max-width:235px;width:100%}.ir-compare__conclusion p{color:#252525;text-align:justify;font-family:Creato Display;font-size:20px;font-style:normal;font-weight:400;line-height:normal;max-width:1000px}@media(max-width:768px){.ir-compare__wrap{padding:0 1.25rem}.ir-compare__head{margin-bottom:28px}.ir-compare__title{font-size:28px;line-height:1.1}.ir-compare__subtitle{font-size:16px;margin-top:8px}.ir-compare__product b{font-size:12px!important}.ir-compare__table{gap:10px;overflow:visible;grid-template-columns:90px repeat(4,1fr)!important}.ir-compare__feature{height:40px;font-size:10px;padding:0 8px;border-radius:6px}.ir-compare__product{height:40px;font-size:12px;padding:0 8px;border-radius:6px;line-height:1.1}.ir-compare__cell{height:40px;font-size:16px;border-radius:6px}.ir-compare__empty{height:40px}.ir-compare__conclusion{flex-direction:column;gap:14px;margin-top:36px;align-items:flex-start}.ir-compare__conclusion h3{font-size:22px;max-width:none}.ir-compare__conclusion p{font-size:15px;line-height:1.45;max-width:none}}@media(max-width:430px){.ir-compare__product{font-size:10px}}.ir-compare__feature,.ir-compare__product,.ir-compare__cell{opacity:0;transform:translateY(18px) scale(.97);animation:irReveal .8s cubic-bezier(.22,1,.36,1) forwards}.ir-compare__feature{animation-delay:.15s}.ir-compare__product{animation-delay:.25s}.ir-compare__cell{animation-delay:.35s}@keyframes irReveal{to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:769px){.ir-compare__feature,.ir-compare__product,.ir-compare__cell{transition:transform .35s ease,box-shadow .35s ease,filter .35s ease}.ir-compare__feature:hover,.ir-compare__product:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000001f}.ir-compare__cell:hover{transform:scale(1.04);filter:brightness(1.03)}}.ir-compare{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.ir-compare.is-visible{opacity:1;transform:translateY(0)}.ir-compare__feature,.ir-compare__product,.ir-compare__cell{opacity:0;transform:translateY(20px) scale(.96)}.ir-compare.is-visible .ir-compare__feature,.ir-compare.is-visible .ir-compare__product,.ir-compare.is-visible .ir-compare__cell{animation:irFadeUp .7s cubic-bezier(.22,1,.36,1) forwards}.ir-compare.is-visible .ir-compare__feature:nth-child(2){animation-delay:.15s}.ir-compare.is-visible .ir-compare__feature:nth-child(3){animation-delay:.25s}.ir-compare.is-visible .ir-compare__feature:nth-child(4){animation-delay:.35s}.ir-compare.is-visible .ir-compare__feature:nth-child(5){animation-delay:.45s}.ir-compare.is-visible .ir-compare__product:nth-of-type(1){animation-delay:.2s}.ir-compare.is-visible .ir-compare__product:nth-of-type(2){animation-delay:.4s}.ir-compare.is-visible .ir-compare__cell{animation-delay:calc(var(--i) * .08s)}@keyframes irFadeUp{to{opacity:1;transform:translateY(0) scale(1)}}.ir-compare__cell{position:relative;overflow:hidden}.ir-compare__cell:after{content:"";position:absolute;top:0;left:-120%;width:120%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.5),transparent)}.ir-compare.is-visible .ir-compare__cell:after{animation:irShimmer 1.6s ease forwards;animation-delay:calc(var(--i) * .08s + .5s)}@keyframes irShimmer{to{left:120%}}@media(min-width:769px){.ir-compare__feature,.ir-compare__product,.ir-compare__cell{transition:transform .35s ease,box-shadow .35s ease,filter .35s ease}.ir-compare__feature:hover,.ir-compare__product:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000001f}.ir-compare__cell:hover{transform:scale(1.05);filter:brightness(1.05)}}@media(prefers-reduced-motion:reduce){.ir-compare,.ir-compare__feature,.ir-compare__product,.ir-compare__cell{animation:none;transition:none;transform:none;opacity:1}}.ir-compare{opacity:1;transform:none}.ir-compare.reveal-init{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.ir-compare.reveal-init.is-visible{opacity:1;transform:translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/ir-serum-comparison.css.map */