@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap";:root{--serum-orange: #e87e04;--serum-orange-light: #f5a623;--serum-orange-dark: #d97706;--serum-cream: #fffbf7;--serum-cream-dark: #fff5eb;--serum-text: #1a1a1a;--serum-text-light: #666666;--serum-text-muted: #999999;--serum-green: #16a34a;--serum-green-light: #dcfce7;--serum-red: #ef4444;--serum-red-light: #fef2f2;--serum-font-display: "Playfair Display", Georgia, serif;--serum-font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}@keyframes serum-fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes serum-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes serum-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}}@keyframes serum-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.serum-hero{display:grid;grid-template-columns:1fr 1fr;min-height:85vh;position:relative;overflow:hidden}.serum-hero__media{background:linear-gradient(180deg,#fff8f0 0%,var(--serum-cream-dark) 100%);display:flex;align-items:center;justify-content:center;position:relative;padding:60px}.floating-leaf{position:absolute;opacity:.1;animation:serum-float 6s ease-in-out infinite;font-size:60px;pointer-events:none}.floating-leaf--1{top:10%;left:10%}.floating-leaf--2{bottom:15%;right:15%;font-size:40px;animation-delay:2s}.floating-leaf--3{top:60%;left:5%;font-size:30px;animation-delay:4s}.serum-hero__image-wrapper{position:relative;animation:serum-fadeUp .8s ease forwards}.product-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(232,126,4,.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:serum-pulse 4s ease-in-out infinite;pointer-events:none}.serum-hero__product-image{position:relative;z-index:2;max-width:100%;height:auto;object-fit:contain}.serum-hero__bottle-svg{position:relative;z-index:2}.serum-hero__info{display:flex;flex-direction:column;justify-content:center;padding:60px 80px;background:#fff}.serum-hero__badge{color:var(--serum-orange);font-family:var(--serum-font-body);font-size:13px;font-weight:600;letter-spacing:2px;margin-bottom:16px;text-transform:uppercase;animation:serum-fadeUp .8s ease .2s forwards;opacity:0}.serum-hero__title{font-family:var(--serum-font-display);font-size:clamp(36px,5vw,52px);font-weight:600;line-height:1.1;margin-bottom:24px;color:var(--serum-text);animation:serum-fadeUp .8s ease .2s forwards;opacity:0}.serum-hero__title em,.serum-hero__title i{font-style:italic;color:var(--serum-orange)}.serum-hero__description{font-family:var(--serum-font-body);font-size:18px;line-height:1.7;color:var(--serum-text-light);margin-bottom:32px;max-width:480px;animation:serum-fadeUp .8s ease .3s forwards;opacity:0}.serum-hero__benefits{display:flex;gap:24px;margin-bottom:40px;animation:serum-fadeUp .8s ease .4s forwards;opacity:0}.serum-hero__benefit{display:flex;align-items:center;gap:8px;font-family:var(--serum-font-body);font-size:14px;color:#4a4a4a}.serum-hero__purchase{background:var(--serum-cream);border-radius:16px;padding:32px;border:1px solid rgba(232,126,4,.1);animation:serum-fadeUp .8s ease .5s forwards;opacity:0}.serum-hero__pricing{display:flex;align-items:baseline;gap:16px;margin-bottom:8px}.serum-hero__price{font-family:var(--serum-font-body);font-size:36px;font-weight:700;color:var(--serum-text)}.serum-hero__compare-price{font-size:18px;color:var(--serum-text-muted);text-decoration:line-through}.serum-hero__save-badge{background:var(--serum-green-light);color:var(--serum-green);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.serum-hero__shipping-note{font-size:14px;color:var(--serum-text-light);margin-bottom:24px}.serum-hero__form{display:flex;gap:16px}.serum-hero__add-btn{flex:1;padding:18px 32px;border:none;border-radius:50px;background:linear-gradient(135deg,var(--serum-orange) 0%,var(--serum-orange-dark) 100%);color:#fff;font-family:var(--serum-font-body);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;position:relative;overflow:hidden}.serum-hero__add-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:serum-shimmer 2s infinite}.serum-hero__add-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #e87e0466}.serum-hero__add-btn:disabled{background:#ccc;cursor:not-allowed}.serum-hero__add-btn:disabled:hover{transform:none;box-shadow:none}.serum-hero__trust-badges{display:flex;justify-content:center;gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(0,0,0,.05)}.serum-hero__trust-badges span{font-size:12px;color:var(--serum-text-light)}.serum-stats{background:linear-gradient(135deg,var(--serum-text) 0%,#2d2d2d 100%);padding:100px 60px;text-align:center;position:relative;overflow:hidden}.serum-stats__bg-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(232,126,4,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(245,166,35,.1) 0%,transparent 50%);pointer-events:none}.serum-stats__content{position:relative;z-index:1;max-width:1200px;margin:0 auto}.serum-stats__title{font-family:var(--serum-font-display);font-size:clamp(32px,4vw,48px);color:#fff;margin-bottom:16px}.serum-stats__highlight{color:var(--serum-orange-light)}.serum-stats__subtitle{font-family:var(--serum-font-display);font-size:clamp(24px,3vw,32px);font-style:italic;color:#ffffffb3;margin-bottom:60px}.serum-stats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:900px;margin:0 auto}.serum-stats__card{background:#ffffff0d;border-radius:20px;padding:40px 30px;border:1px solid rgba(255,255,255,.1)}.serum-stats__number{font-family:var(--serum-font-body);font-size:clamp(48px,5vw,64px);font-weight:700;background:linear-gradient(135deg,var(--serum-orange-light) 0%,var(--serum-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.serum-stats__text{color:#fffc;font-size:16px}.serum-stats__disclaimer{color:#fff6;font-size:12px;margin-top:40px}.serum-ingredients{padding:120px 60px;background:linear-gradient(180deg,var(--serum-cream) 0%,white 100%)}.serum-ingredients__header{text-align:center;margin-bottom:80px;max-width:700px;margin-left:auto;margin-right:auto}.serum-ingredients__badge{color:var(--serum-orange);font-family:var(--serum-font-body);font-size:13px;font-weight:600;letter-spacing:2px;margin-bottom:16px;text-transform:uppercase}.serum-ingredients__title{font-family:var(--serum-font-display);font-size:clamp(32px,4vw,48px);margin-bottom:20px;color:var(--serum-text)}.serum-ingredients__title em{font-style:italic;color:var(--serum-orange)}.serum-ingredients__subtitle{font-family:var(--serum-font-body);font-size:18px;color:var(--serum-text-light);line-height:1.6}.serum-ingredients__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;max-width:1200px;margin:0 auto}.serum-ingredients__card{background:#fff;border-radius:20px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 4px 20px #0000000d}.serum-ingredients__card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #e87e0426;border-color:var(--serum-orange)}.serum-ingredients__icon{font-size:48px;margin-bottom:16px}.serum-ingredients__name{font-family:var(--serum-font-body);font-size:16px;font-weight:600;margin-bottom:12px;color:var(--serum-text)}.serum-ingredients__desc{font-family:var(--serum-font-body);font-size:13px;color:var(--serum-text-light);line-height:1.6}.serum-comparison{padding:120px 60px;background:#fff}.serum-comparison__header{text-align:center;margin-bottom:60px}.serum-comparison__title{font-family:var(--serum-font-display);font-size:clamp(28px,3.5vw,42px);color:var(--serum-text);margin-bottom:8px}.serum-comparison__subtitle{font-family:var(--serum-font-display);font-size:clamp(22px,3vw,32px);font-style:italic;color:var(--serum-orange)}.serum-comparison__table-wrapper{max-width:800px;margin:0 auto}.serum-comparison__table{border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,.1)}.serum-comparison__row{display:grid;grid-template-columns:1fr 120px 120px;padding:20px 30px;border-bottom:1px solid rgba(0,0,0,.05);align-items:center}.serum-comparison__row:nth-child(2n){background:#e87e0408}.serum-comparison__row:last-child{border-bottom:none}.serum-comparison__row--header{background:var(--serum-text);color:#fff;font-weight:600}.serum-comparison__cell{font-family:var(--serum-font-body);color:#4a4a4a}.serum-comparison__cell--brand{text-align:center;color:var(--serum-orange-light)}.serum-comparison__cell--others{text-align:center;opacity:.6}.serum-comparison__cell--check,.serum-comparison__cell--others-value{text-align:center;display:flex;justify-content:center;align-items:center;color:var(--serum-text-muted)}.serum-how-to-use{padding:120px 60px;background:linear-gradient(135deg,var(--serum-cream) 0%,var(--serum-cream-dark) 100%)}.serum-how-to-use__header{text-align:center;margin-bottom:80px}.serum-how-to-use__title{font-family:var(--serum-font-display);font-size:clamp(32px,4vw,48px);margin-bottom:16px;color:var(--serum-text)}.serum-how-to-use__subtitle{font-family:var(--serum-font-display);font-size:clamp(22px,3vw,28px);font-style:italic;color:var(--serum-orange)}.serum-how-to-use__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1000px;margin:0 auto}.serum-how-to-use__step{background:#fff;border-radius:24px;padding:48px 36px;text-align:center;transition:all .3s ease;box-shadow:0 4px 30px #0000000d}.serum-how-to-use__step:hover .serum-how-to-use__number{background:linear-gradient(135deg,var(--serum-orange) 0%,var(--serum-orange-light) 100%);color:#fff;border-color:transparent}.serum-how-to-use__number{width:60px;height:60px;border-radius:50%;border:2px solid var(--serum-orange);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-family:var(--serum-font-body);font-size:20px;font-weight:700;color:var(--serum-orange);transition:all .3s ease}.serum-how-to-use__step-title{font-family:var(--serum-font-body);font-size:20px;font-weight:600;margin-bottom:16px;color:var(--serum-text)}.serum-how-to-use__step-desc{font-family:var(--serum-font-body);font-size:15px;color:var(--serum-text-light);line-height:1.7}.serum-badges{padding:80px 60px;background:#fff}.serum-badges__header{text-align:center;margin-bottom:50px}.serum-badges__title{font-family:var(--serum-font-display);font-size:clamp(28px,3vw,36px);color:var(--serum-text)}.serum-badges__title em{font-style:italic;color:var(--serum-orange)}.serum-badges__grid{display:flex;justify-content:center;flex-wrap:wrap;gap:32px;max-width:900px;margin:0 auto}.serum-badges__item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--serum-cream);border-radius:16px;min-width:100px;transition:all .3s ease}.serum-badges__item:hover{transform:scale(1.1)}.serum-badges__icon{font-size:24px}.serum-badges__text{font-family:var(--serum-font-body);font-size:13px;color:var(--serum-text-light);font-weight:500}.serum-faq{padding:120px 60px;background:linear-gradient(180deg,var(--serum-cream) 0%,white 100%)}.serum-faq__container{max-width:700px;margin:0 auto}.serum-faq__header{text-align:center;margin-bottom:60px}.serum-faq__title{font-family:var(--serum-font-display);font-size:clamp(28px,3.5vw,42px);margin-bottom:16px;color:var(--serum-text)}.serum-faq__subtitle{font-family:var(--serum-font-display);font-size:24px;font-style:italic;color:var(--serum-orange)}.serum-faq__item{border-bottom:1px solid rgba(0,0,0,.1);transition:all .3s ease}.serum-faq__item:hover{background:#e87e040d}.serum-faq__question{display:flex;justify-content:space-between;align-items:center;padding:24px 16px;cursor:pointer;font-family:var(--serum-font-body);font-size:18px;font-weight:500;color:var(--serum-text);list-style:none}.serum-faq__question::-webkit-details-marker{display:none}.serum-faq__question span{flex:1;padding-right:16px}.serum-faq__chevron{transition:transform .3s ease;flex-shrink:0}.serum-faq__item[open] .serum-faq__chevron{transform:rotate(180deg)}.serum-faq__answer{padding:0 16px 24px}.serum-faq__answer p{font-family:var(--serum-font-body);font-size:15px;color:var(--serum-text-light);line-height:1.7}.serum-cta{padding:100px 60px;background:linear-gradient(135deg,var(--serum-orange) 0%,var(--serum-orange-light) 100%);text-align:center}.serum-cta__title{font-family:var(--serum-font-display);font-size:clamp(32px,4vw,48px);color:#fff;margin-bottom:20px}.serum-cta__text{font-family:var(--serum-font-body);font-size:18px;color:#ffffffe6;margin-bottom:40px;max-width:500px;margin-left:auto;margin-right:auto}.serum-cta__button{display:inline-block;background:#fff;color:var(--serum-orange);padding:20px 48px;border-radius:50px;border:none;font-family:var(--serum-font-body);font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 10px 30px #0003;transition:all .3s ease;text-decoration:none}.serum-cta__button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0000004d}.serum-cta__guarantee{color:#ffffffb3;font-family:var(--serum-font-body);font-size:14px;margin-top:20px}@media (max-width: 1024px){.serum-hero{grid-template-columns:1fr}.serum-hero__media{min-height:400px;padding:40px}.serum-hero__info{padding:40px}.serum-stats__grid{grid-template-columns:repeat(3,1fr);gap:20px}.serum-ingredients__grid{grid-template-columns:repeat(3,1fr)}.serum-how-to-use__grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width: 768px){.serum-hero__media{min-height:350px}.serum-hero__benefits{flex-wrap:wrap;gap:12px}.serum-stats{padding:60px 20px}.serum-stats__grid{grid-template-columns:1fr;gap:20px;max-width:400px}.serum-ingredients{padding:60px 20px}.serum-ingredients__grid{grid-template-columns:repeat(2,1fr);gap:16px}.serum-comparison{padding:60px 20px}.serum-comparison__row{grid-template-columns:1fr 80px 80px;padding:16px 20px;font-size:14px}.serum-how-to-use{padding:60px 20px}.serum-how-to-use__grid{grid-template-columns:1fr;max-width:400px}.serum-badges{padding:60px 20px}.serum-badges__grid{gap:16px}.serum-badges__item{min-width:80px;padding:16px}.serum-faq,.serum-cta{padding:60px 20px}}@media (max-width: 480px){.serum-hero__info{padding:30px 20px}.serum-hero__purchase{padding:24px 20px}.serum-hero__pricing{flex-wrap:wrap;gap:8px}.serum-hero__trust-badges{flex-direction:column;gap:8px}.serum-ingredients__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/serum-page.css.map */