[data-oh=cosmetics] *{box-sizing:border-box;margin:0;padding:0}html:has([data-oh=cosmetics]){box-sizing:border-box;margin:0;padding:0}body:has([data-oh=cosmetics]){box-sizing:border-box;margin:0;padding:0}body:has([data-oh=cosmetics]){font-family:var(--font-outfit), sans-serif;background:#ecedde;overflow-x:hidden}[data-oh=cosmetics] .Category-page{background:#f4f2ea;width:100%;min-height:100vh}[data-oh=cosmetics] .category-section{background:#f5f2eb;width:100%;padding:90px 160px}[data-oh=cosmetics] .category-header{margin-bottom:55px}[data-oh=cosmetics] .category-subtitle{letter-spacing:4px;color:#5f7f52;margin-bottom:14px;font-family:sans-serif;font-size:13px}[data-oh=cosmetics] .category-title{color:#2c2c2c;font-size:68px;font-weight:300;line-height:1.1;font-family:var(--font-cormorant-garamond), serif}[data-oh=cosmetics] .category-grid{grid-template-columns:repeat(4,1fr);gap:50px;width:100%;display:grid}[data-oh=cosmetics] .category-card{cursor:pointer;background:linear-gradient(90deg,#e2ddd2 25%,#ccc8bc 50%,#e2ddd2 75%) 0 0/800px 100%;border:2px solid #0000;border-radius:36px;align-items:flex-end;width:100%;height:430px;transition:all .3s;animation:1.5s linear 3 global-shimmer;display:flex;position:relative;overflow:hidden}[data-oh=cosmetics] .category-card:has(.img-loaded){background:0 0;animation:none}[data-oh=cosmetics] .category-card.active:after{content:"ACTIVE";color:#fff;background:#2e7d32;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;right:10px;transform:scale(1.05)}[data-oh=cosmetics] .category-card--view,[data-oh=cosmetics] .category-card.active{border:3px solid #2e7d32;transform:scale(1.05)}[data-oh=cosmetics] .category-card:hover{transform:translateY(-10px)}[data-oh=cosmetics] .category-card.active:before{content:"";background:#2e7d32;border-radius:12px 12px 0 0;height:6px;position:absolute;top:-3px;left:-3px;right:-3px;transform:scale(1.05)}[data-oh=cosmetics] .category-overlay{z-index:2;width:100%;padding:28px 24px;position:relative}[data-oh=cosmetics] .category-overlay h3{color:#fff;font-size:40px;font-weight:300;font-family:var(--font-cormorant-garamond), serif;margin-bottom:10px}[data-oh=cosmetics] .discover-btn{color:#fff;cursor:pointer;font-size:22px;font-family:var(--font-cormorant-garamond), serif;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:flex}[data-oh=cosmetics] .discover-btn span{transition:transform .35s}[data-oh=cosmetics] .category-card:hover .discover-btn span{transform:translate(6px)}[data-oh=cosmetics] .featured-section{background:#f5f2eb;width:100%;padding:90px 160px;scroll-margin-top:130px}[data-oh=cosmetics] .featured-header{margin-bottom:50px}[data-oh=cosmetics] .featured-subtitle{color:#4d7a46;letter-spacing:4px;margin-bottom:14px;font-family:sans-serif;font-size:13px}[data-oh=cosmetics] .featured-title{color:#2f2f2f;font-size:72px;font-weight:300;line-height:1;font-family:var(--font-cormorant-garamond), serif}[data-oh=cosmetics] .featured-grid{grid-template-columns:repeat(3,1fr);gap:50px;width:100%;display:grid}[data-oh=cosmetics] .product-card{cursor:pointer;background:#f3f3f3;border-radius:32px;width:100%;height:30vw;transition:all .45s;overflow:hidden}[data-oh=cosmetics] .category-loading{color:#6c6c6c;justify-content:center;align-items:center;width:100%;padding:60px 0;font-size:18px;display:flex}[data-oh=cosmetics] .product-card:hover{transform:translateY(-10px)}[data-oh=cosmetics] .product-image-wrapper{background:linear-gradient(90deg,#ebe7db 25%,#d6d2c6 50%,#ebe7db 75%) 0 0/800px 100%;width:100%;height:500px;animation:1.5s linear 3 global-shimmer;overflow:hidden}[data-oh=cosmetics] .product-image-wrapper:has(.img-loaded){background:0 0;animation:none}[data-oh=cosmetics] .product-image-wrapper img{object-fit:cover;will-change:transform, transform-origin;backface-visibility:hidden;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.25,1,.5,1),transform-origin .15s;display:block}[data-oh=cosmetics] .product-card:hover .product-image-wrapper img{transform:scale(1.18)}[data-oh=cosmetics] .product-image-wrapper--touch-zoom{transform:scale(1.18)!important}[data-oh=cosmetics] .product-image-wrapper{touch-action:pan-y}[data-oh=cosmetics] .product-image-wrapper:has(.product-image-wrapper--touch-zoom){touch-action:none}[data-oh=cosmetics] .product-content{justify-content:space-between;align-items:flex-end;gap:18px;padding:1px 20px;display:flex}[data-oh=cosmetics] .product-content h3{color:#404040;font-size:22px;font-weight:400;line-height:1.5;font-family:var(--font-cormorant-garamond), serif}[data-oh=cosmetics] .product-subtitle{color:#7a7a7a;letter-spacing:1px;margin-top:8px;font-family:sans-serif;font-size:11px;line-height:1.6}[data-oh=cosmetics] .arrow-btn{color:#1f1f1f;cursor:pointer;background:0 0;border:none;flex-shrink:0;width:42px;height:42px;font-size:28px;transition:all .35s}[data-oh=cosmetics] .product-card:hover .arrow-btn{transform:translate(5px)}@media screen and (min-width:1024px) and (max-width:1800px){[data-oh=cosmetics] .category-section,[data-oh=cosmetics] .featured-section{padding:125px clamp(40px,5vw,80px)}[data-oh=cosmetics] .category-title,[data-oh=cosmetics] .featured-title{font-size:clamp(48px,5vw,68px)}[data-oh=cosmetics] .category-grid{grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.5vw,24px)}[data-oh=cosmetics] .featured-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}[data-oh=cosmetics] .category-card{border-radius:clamp(24px,2.5vw,36px);height:clamp(300px,28vw,430px)}[data-oh=cosmetics] .category-overlay h3{font-size:clamp(26px,2.8vw,40px)}[data-oh=cosmetics] .discover-btn{font-size:clamp(16px,1.6vw,22px)}[data-oh=cosmetics] .product-image-wrapper{height:clamp(320px,32vw,500px)}[data-oh=cosmetics] .product-content h3{font-size:clamp(16px,1.6vw,22px)}[data-oh=cosmetics] .product-card{cursor:pointer;background:#f3f3f3;border-radius:32px;width:100%;height:auto;transition:all .45s;overflow:hidden}}@media screen and (min-width:641px) and (max-width:1023px){[data-oh=cosmetics] .category-section,[data-oh=cosmetics] .featured-section{padding:90px 35px}[data-oh=cosmetics] .category-grid,[data-oh=cosmetics] .featured-grid{grid-template-columns:repeat(2,1fr);gap:20px}[data-oh=cosmetics] .category-title,[data-oh=cosmetics] .featured-title{font-size:clamp(40px,6vw,56px)}[data-oh=cosmetics] .category-card{border-radius:clamp(24px,3vw,36px);height:clamp(260px,48vw,430px)}[data-oh=cosmetics] .category-overlay h3{font-size:clamp(22px,3.5vw,36px)}[data-oh=cosmetics] .discover-btn{font-size:clamp(16px,2.2vw,22px)}[data-oh=cosmetics] .product-card{cursor:pointer;background:#f3f3f3;border-radius:32px;width:100%;height:auto;transition:all .45s;overflow:hidden}[data-oh=cosmetics] .product-image-wrapper{height:clamp(200px,100vw,360px)}[data-oh=cosmetics] .product-content h3{font-size:clamp(14px,20vw,20px)}[data-oh=cosmetics] .product-subtitle{font-size:10px}}@media screen and (min-width:1366px) and (max-width:1700px){[data-oh=cosmetics] .category-section,[data-oh=cosmetics] .featured-section{padding:116px clamp(30px,4vw,60px)}[data-oh=cosmetics] .category-title,[data-oh=cosmetics] .featured-title{font-size:clamp(44px,4.5vw,58px)}[data-oh=cosmetics] .category-grid{grid-template-columns:repeat(4,1fr);gap:16px}[data-oh=cosmetics] .featured-grid{grid-template-columns:repeat(3,1fr);gap:20px}[data-oh=cosmetics] .category-card{border-radius:24px;height:clamp(280px,24vw,360px)}[data-oh=cosmetics] .category-overlay{padding:20px 18px}[data-oh=cosmetics] .category-overlay h3{font-size:clamp(22px,2.2vw,30px)}[data-oh=cosmetics] .discover-btn{font-size:clamp(15px,1.4vw,18px)}[data-oh=cosmetics] .product-card{cursor:pointer;background:#f3f3f3;border-radius:24px;width:100%;height:auto;transition:all .45s;overflow:hidden}[data-oh=cosmetics] .product-image-wrapper{height:clamp(240px,30vw,550px)}[data-oh=cosmetics] .product-content{padding:20px 18px}[data-oh=cosmetics] .product-content h3{font-size:clamp(16px,1.5vw,20px)}[data-oh=cosmetics] .product-subtitle{font-size:10px}}@media screen and (min-width:481px) and (max-width:640px){[data-oh=cosmetics] .category-section,[data-oh=cosmetics] .featured-section{padding:80px 20px}[data-oh=cosmetics] .category-header,[data-oh=cosmetics] .featured-header{margin-bottom:32px}[data-oh=cosmetics] .category-subtitle,[data-oh=cosmetics] .featured-subtitle{letter-spacing:3px;font-size:11px}[data-oh=cosmetics] .category-title,[data-oh=cosmetics] .featured-title{font-size:clamp(32px,7vw,42px)}[data-oh=cosmetics] .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}[data-oh=cosmetics] .featured-grid{grid-template-columns:repeat(2,1fr);gap:14px}[data-oh=cosmetics] .category-card{border-radius:24px;height:clamp(200px,45vw,460px)}[data-oh=cosmetics] .category-overlay{padding:18px}[data-oh=cosmetics] .category-overlay h3{margin-bottom:6px;font-size:clamp(18px,4.5vw,26px)}[data-oh=cosmetics] .discover-btn{font-size:clamp(14px,3.5vw,18px)}[data-oh=cosmetics] .product-card{cursor:pointer;background:#f3f3f3;border-radius:24px;width:100%;height:55vw;transition:all .45s;overflow:hidden}[data-oh=cosmetics] .product-image-wrapper{height:clamp(240px,45vw,600px)}[data-oh=cosmetics] .product-content{padding:20px}[data-oh=cosmetics] .product-content h3{font-size:clamp(13px,3vw,17px);line-height:1.4}[data-oh=cosmetics] .product-subtitle{letter-spacing:.5px;font-size:9px}[data-oh=cosmetics] .category-card .product-overlay h3{color:#fff;font-family:var(--font-cormorant-garamond), serif;margin-bottom:10px;font-size:20px;font-weight:400;transition:transform .5s}[data-oh=cosmetics] .arrow-btn{width:34px;height:34px}}@media screen and (max-width:480px){[data-oh=cosmetics] .category-section,[data-oh=cosmetics] .featured-section{padding:90px 16px}[data-oh=cosmetics] .category-header,[data-oh=cosmetics] .featured-header{margin-bottom:24px}[data-oh=cosmetics] .category-subtitle,[data-oh=cosmetics] .featured-subtitle{letter-spacing:2.5px;margin-bottom:10px;font-size:10px}[data-oh=cosmetics] .category-title,[data-oh=cosmetics] .featured-title{font-size:clamp(28px,8vw,36px)}[data-oh=cosmetics] .category-grid{grid-template-columns:repeat(2,1fr);gap:12px}[data-oh=cosmetics] .featured-grid{grid-template-columns:2fr 2fr;gap:11px}[data-oh=cosmetics] .category-card{border-radius:20px;height:clamp(160px,60vw,220px)}[data-oh=cosmetics] .category-overlay{padding:14px}[data-oh=cosmetics] .category-overlay h3{margin-bottom:4px;font-size:clamp(15px,4.5vw,20px)}[data-oh=cosmetics] .discover-btn{gap:5px;font-size:clamp(12px,3.5vw,16px)}[data-oh=cosmetics] .product-card{cursor:pointer;background:#f3f3f3;border-radius:20px;width:100%;height:auto;transition:all .45s;overflow:hidden}[data-oh=cosmetics] .product-overlay h3{color:#fff;font-family:var(--font-cormorant-garamond), serif;margin-bottom:10px;font-size:18px;font-weight:400}[data-oh=cosmetics] *{box-sizing:border-box;margin:0;padding:0}html:has([data-oh=cosmetics]){box-sizing:border-box;margin:0;padding:0}body:has([data-oh=cosmetics]){box-sizing:border-box;margin:0;padding:0}[data-oh=cosmetics] .product-image-wrapper{height:clamp(200px,60vw,280px)}[data-oh=cosmetics] .product-content{padding:14px 16px}[data-oh=cosmetics] .product-content h3{font-size:clamp(15px,4vw,19px);line-height:1.4}[data-oh=cosmetics] .product-subtitle{letter-spacing:.5px;font-size:9px}[data-oh=cosmetics] .arrow-btn{width:32px;height:32px}}[data-oh=cosmetics] .category-card-bg{object-fit:cover;z-index:1;width:100%;height:100%;transition:all .5s;position:absolute;inset:0}[data-oh=cosmetics] .category-card:hover .category-card-bg{transform:scale(1.05)}[data-oh=cosmetics] .category-card.active .category-card-bg{filter:blur(8px)brightness(.8);transform:scale(1.1)}[data-oh=cosmetics] .category-card .product-overlay{z-index:2;background:linear-gradient(#0000000d,#00000073);flex-direction:column;justify-content:flex-end;padding:30px;transition:all .5s;display:flex;position:absolute;inset:0}[data-oh=cosmetics] .category-card .product-overlay h3{color:#fff;font-family:var(--font-cormorant-garamond), serif;margin-bottom:10px;font-size:20px;font-weight:400;transition:transform .5s}[data-oh=cosmetics] .category-card .product-overlay p{color:#fff;font-size:13px;transition:transform .5s}[data-oh=cosmetics] .category-card.active .overlay-text h3{transform:translateY(150px)}[data-oh=cosmetics] .category-card.active .product-overlay{background:#ffffff73}[data-oh=cosmetics] .category-card.active .benefits-content{opacity:1;visibility:visible;transform:translate(-50%,-50%)}[data-oh=cosmetics] .category-card .benefits-content{text-align:left;opacity:0;visibility:hidden;z-index:3;width:80%;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}[data-oh=cosmetics] .category-card .benefits-content h3{font-family:var(--font-cormorant-garamond), serif;color:#000;text-transform:capitalize;margin-bottom:15px;font-size:clamp(24px,5vw,32px)}[data-oh=cosmetics] .category-card .benefits-content ul{padding:0;list-style:none}[data-oh=cosmetics] .category-card .benefits-content li{font-family:var(--font-inter), sans-serif;color:#4a4a4a;margin-bottom:8px;font-size:20px;line-height:1.4}[data-oh=cosmetics] .category-card .overlay-text{width:100%}[data-oh=cosmetics] .category-card .overlay-text p{cursor:pointer;display:inline-block}