.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:50px 0}.collection-item{border-radius:12px;overflow:hidden;background-color:#f5f5f5;text-align:center;transition:transform .3s ease}.collection-item a{text-decoration:none}.collection-item img{width:100%;height:auto;border-radius:12px 12px 0 0}.collection-title{font-family:Manrope,sans-serif;display:block;background:#fff3c7;color:#000;font-weight:700;padding:8px;font-size:14px;margin-top:-10px}.collection-item:hover{transform:translateY(-5px)}.acne-care{background-color:#fffcf3}@media(max-width:650px){.collection-grid{display:flex!important;overflow-x:auto!important;gap:16px!important;padding-bottom:10px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;align-items:stretch}.collection-item{flex:0 0 30%!important;scroll-snap-align:start!important;background-color:#fff3c7;border-radius:12px!important}}.auto-related-products{padding:40px 0;background-color:#fff3c7}.related-heading{text-align:center;font-size:2.4rem;margin-bottom:40px}.related-slider-wrapper{position:relative}.related-slider{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;padding:10px 40px}.related-slide{min-width:260px;max-width:260px;flex:0 0 auto;transition:.3s}.related-slide:hover{transform:translateY(-8px)}.rel-btn{position:absolute;top:45%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:none;background:#fff;box-shadow:0 8px 20px #0000001a;cursor:pointer;z-index:5;font-size:20px}.rel-btn.prev{left:0}.rel-btn.next{right:0}.rel-btn:hover{background:#111;color:#fff}.related-slider::-webkit-scrollbar{display:none}@media(max-width:768px){.related-slide{min-width:200px;max-width:200px}}.ingredients-modern-section{padding:40px 0;background:#fffcf3}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:35px;color:#3a3a3a;letter-spacing:-.5px}.ingredients-scroll{display:flex;gap:22px;overflow-x:auto;padding:20px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.ingredients-scroll::-webkit-scrollbar{display:none}.ingredient-card{flex:0 0 280px;scroll-snap-align:start;background:#fffcf3;border-radius:22px;overflow:hidden;border:1px solid rgba(255,220,96,.6);transition:all .4s ease;position:relative}.ingredient-card:hover{transform:translateY(-12px);box-shadow:0 35px 80px #0000001f}.card-image{height:190px;overflow:hidden;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ingredient-card:hover img{transform:scale(1.08)}.card-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.12),transparent)}.card-content{padding:20px;background:#fffcf3eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-content h3{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:#2f2f2f}.card-content h3:after{content:"";display:block;width:32px;height:2px;background:linear-gradient(90deg,#fff3c7,transparent);margin-top:6px}.card-content ul{margin:0;padding:0}.card-content li{font-size:.97rem;line-height:1.6;margin-bottom:10px;padding-left:22px;position:relative;color:#5a5a5a;list-style:none}.card-content li:before{content:"";width:8px;height:8px;background:linear-gradient(135deg,#fff3c7,#f0dca0);border-radius:50%;position:absolute;left:0;top:7px;box-shadow:0 0 0 3px #fff3c766}.card-content li:last-child{margin-bottom:0}.ingredients-modern-section{position:relative}.ingredients-modern-section:before,.ingredients-modern-section:after{content:"";position:absolute;top:0;width:60px;height:100%;z-index:2;pointer-events:none}.ingredients-modern-section:before{left:0;background:linear-gradient(to right,#fffcf3,transparent)}.ingredients-modern-section:after{right:0;background:linear-gradient(to left,#fffcf3,transparent)}@media(max-width:768px){.ingredient-card{flex:0 0 220px}.card-image{height:150px}.section-title{font-size:2rem}}.science-backed-section{text-align:center}.science-backed-section .benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.science-backed-section .benefit-card{border-radius:8px;padding:10px;display:flex;gap:15px;transition:transform .3s ease,box-shadow .3s ease}.science-backed-section .benefit-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.science-backed-section .benefit-card .text{font-weight:600;font-size:16px;text-align:left}.science-backed-section .header-row h2,.science-backed-section .header-row p{margin:0 0 20px}@media(max-width:768px){.science-backed-section .benefits-grid{grid-template-columns:1fr}}.timeline-premium{padding:40px 20px;background:#fffcf3}.timeline-heading{text-align:center;font-size:36px;font-weight:700;color:#0a2540;margin-bottom:10px}.timeline-subheading{text-align:center;color:#6b7280;max-width:600px;margin:0 auto 50px}.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.timeline-card{background:#ffffffbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;padding:50px 24px 24px;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 30px #0000000d;transition:all .35s ease;position:relative}.timeline-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0000001a}.timeline-badge{position:absolute;top:10px;right:20px;width:38px;height:38px;border-radius:50%;background:#fff3c7;color:#000;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;box-shadow:0 6px 16px #00000026}.timeline-meta h3{font-size:20px;margin:8px 0 16px;color:#0a2540}.timeline-time{font-size:12px;text-transform:uppercase;color:#000;font-weight:600;letter-spacing:.6px}.timeline-image{height:180px;border-radius:12px;overflow:hidden;margin-bottom:18px}.timeline-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.timeline-card:hover img{transform:scale(1.05)}.timeline-list{list-style:none;padding:0;margin:0}.timeline-list li{display:flex;gap:10px;margin-bottom:10px;font-size:14px;color:#374151;align-items:flex-start}.timeline-list .check{background:#fff3c7;color:#000;width:18px;height:18px;border-radius:50%;font-size:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px}.timeline-disclaimer{margin-top:50px;padding:20px;background:#f1f5f9;border-left:4px solid #1e3a8a;border-radius:10px;color:#475569;text-align:center}@media(max-width:1024px){.timeline-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.timeline-grid{grid-template-columns:1fr}.timeline-heading{font-size:28px}}.tj-working-process{position:relative;z-index:1;border-radius:12px;padding:40px 0;background-color:#fff3c7}.tj-working-process .sec-heading-wrap .sub-title{display:inline-block;padding:5px 10px;margin-bottom:10px;color:#000;background-color:#fffcf3;font-weight:600;font-size:14px;border-radius:5px}.tj-working-process .sec-heading .sec-title{font-size:40px;font-weight:700;line-height:1.2;margin-bottom:15px;color:#222}.tj-working-process .desc{font-size:15px;color:#555;margin-bottom:20px}.working-process-area{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px;justify-content:space-between}.process-item{flex:1 1 280px;max-width:380px;background-color:#fff;padding:25px 20px 30px;border-radius:10px;position:relative;box-shadow:0 6px 15px #0000000d;text-align:center}.process-item .process-step{font-size:70px;font-weight:700;background:linear-gradient(180deg,#ffdd60,#fff 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px}.process-item .title{font-size:18px;font-weight:600;margin-bottom:10px}.process-item .desc{font-size:14px;color:#555;margin:0}.process-item:not(:last-child):after{content:"";position:absolute;top:50%;right:-25px;width:40px;height:3px;background-color:#ff6a00;z-index:5;transform:translateY(-50%);border-radius:2px}.process-item:not(:last-child):before{content:"";position:absolute;top:50%;right:-5px;width:8px;height:8px;border-top:3px solid #ff6a00;border-right:3px solid #ff6a00;transform:translateY(-50%) rotate(45deg);z-index:6}@media(max-width:991px){.working-process-area{flex-direction:column;align-items:center}.process-item:not(:last-child):after{transform:translate(-50%) rotate(0);top:auto;bottom:-30px;left:50%;right:auto;width:30px;height:3px}.process-item:not(:last-child):before{transform:translate(-50%) rotate(135deg);top:auto;bottom:-34px;left:50%;right:auto;width:6px;height:6px;border-top:2px solid #ff6a00;border-right:2px solid #ff6a00}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */