*{box-sizing:border-box;margin:0;padding:0}body{background:#ecedde;font-family:Outfit,sans-serif;overflow-x:hidden}.Category-page{background:#f4f2ea;width:100%;min-height:100vh}.category-section{background:#f5f2eb;width:100%;padding:90px 160px}.category-header{margin-bottom:55px}.category-subtitle{letter-spacing:4px;color:#5f7f52;margin-bottom:14px;font-family:sans-serif;font-size:13px}.category-title{color:#2c2c2c;font-family:Cormorant Garamond,serif;font-size:68px;font-weight:300;line-height:1.1}.category-grid{grid-template-columns:repeat(4,1fr);gap:50px;width:100%;display:grid}.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}.category-card:has(.img-loaded){background:0 0;animation:none}.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)}.category-card--view,.category-card.active{border:3px solid #2e7d32;transform:scale(1.05)}.category-card:hover{transform:translateY(-10px)}.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)}.category-overlay{z-index:2;width:100%;padding:28px 24px;position:relative}.category-overlay h3{color:#fff;margin-bottom:10px;font-family:Cormorant Garamond,serif;font-size:40px;font-weight:300}.discover-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:Cormorant Garamond,serif;font-size:22px;display:flex}.discover-btn span{transition:transform .35s}.category-card:hover .discover-btn span{transform:translate(6px)}.featured-section{background:#f5f2eb;width:100%;padding:90px 160px;scroll-margin-top:130px}.featured-header{margin-bottom:50px}.featured-subtitle{color:#4d7a46;letter-spacing:4px;margin-bottom:14px;font-family:sans-serif;font-size:13px}.featured-title{color:#2f2f2f;font-family:Cormorant Garamond,serif;font-size:72px;font-weight:300;line-height:1}.featured-grid{grid-template-columns:repeat(3,1fr);gap:50px;width:100%;display:grid}.product-card{cursor:pointer;background:#f3f3f3;border-radius:32px;width:100%;height:30vw;transition:all .45s;overflow:hidden}.category-loading{color:#6c6c6c;justify-content:center;align-items:center;width:100%;padding:60px 0;font-size:18px;display:flex}.product-card:hover{transform:translateY(-10px)}.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}.product-image-wrapper:has(.img-loaded){background:0 0;animation:none}.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}.product-card:hover .product-image-wrapper img{transform:scale(1.18)}.product-image-wrapper--touch-zoom{transform:scale(1.18)!important}.product-image-wrapper{touch-action:pan-y}.product-image-wrapper:has(.product-image-wrapper--touch-zoom){touch-action:none}.product-content{justify-content:space-between;align-items:flex-end;gap:18px;padding:1px 20px;display:flex}.product-content h3{color:#404040;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:400;line-height:1.5}.product-subtitle{color:#7a7a7a;letter-spacing:1px;margin-top:8px;font-family:sans-serif;font-size:11px;line-height:1.6}.arrow-btn{color:#1f1f1f;cursor:pointer;background:0 0;border:none;flex-shrink:0;width:42px;height:42px;font-size:28px;transition:all .35s}.product-card:hover .arrow-btn{transform:translate(5px)}@media screen and (min-width:1024px) and (max-width:1800px){.category-section,.featured-section{padding:125px clamp(40px,5vw,80px)}.category-title,.featured-title{font-size:clamp(48px,5vw,68px)}.category-grid{grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.5vw,24px)}.featured-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}.category-card{border-radius:clamp(24px,2.5vw,36px);height:clamp(300px,28vw,430px)}.category-overlay h3{font-size:clamp(26px,2.8vw,40px)}.discover-btn{font-size:clamp(16px,1.6vw,22px)}.product-image-wrapper{height:clamp(320px,32vw,500px)}.product-content h3{font-size:clamp(16px,1.6vw,22px)}.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){.category-section,.featured-section{padding:90px 35px}.category-grid,.featured-grid{grid-template-columns:repeat(2,1fr);gap:20px}.category-title,.featured-title{font-size:clamp(40px,6vw,56px)}.category-card{border-radius:clamp(24px,3vw,36px);height:clamp(260px,48vw,430px)}.category-overlay h3{font-size:clamp(22px,3.5vw,36px)}.discover-btn{font-size:clamp(16px,2.2vw,22px)}.product-card{cursor:pointer;background:#f3f3f3;border-radius:32px;width:100%;height:auto;transition:all .45s;overflow:hidden}.product-image-wrapper{height:clamp(200px,100vw,360px)}.product-content h3{font-size:clamp(14px,20vw,20px)}.product-subtitle{font-size:10px}}@media screen and (min-width:1366px) and (max-width:1700px){.category-section,.featured-section{padding:116px clamp(30px,4vw,60px)}.category-title,.featured-title{font-size:clamp(44px,4.5vw,58px)}.category-grid{grid-template-columns:repeat(4,1fr);gap:16px}.featured-grid{grid-template-columns:repeat(3,1fr);gap:20px}.category-card{border-radius:24px;height:clamp(280px,24vw,360px)}.category-overlay{padding:20px 18px}.category-overlay h3{font-size:clamp(22px,2.2vw,30px)}.discover-btn{font-size:clamp(15px,1.4vw,18px)}.product-card{cursor:pointer;background:#f3f3f3;border-radius:24px;width:100%;height:auto;transition:all .45s;overflow:hidden}.product-image-wrapper{height:clamp(240px,30vw,550px)}.product-content{padding:20px 18px}.product-content h3{font-size:clamp(16px,1.5vw,20px)}.product-subtitle{font-size:10px}}@media screen and (min-width:640px) and (max-width:900px){.category-section,.featured-section{padding:80px 20px}.category-header,.featured-header{margin-bottom:32px}.category-subtitle,.featured-subtitle{letter-spacing:3px;font-size:11px}.category-title,.featured-title{font-size:clamp(32px,7vw,42px)}.category-grid,.featured-grid{grid-template-columns:repeat(2,1fr);gap:14px}.category-card{border-radius:24px;height:clamp(200px,45vw,460px)}.category-overlay{padding:18px}.category-overlay h3{margin-bottom:6px;font-size:clamp(18px,4.5vw,26px)}.discover-btn{font-size:clamp(14px,3.5vw,18px)}.product-card{cursor:pointer;background:#f3f3f3;border-radius:24px;width:100%;height:55vw;transition:all .45s;overflow:hidden}.product-image-wrapper{height:clamp(240px,45vw,600px)}.product-content{padding:20px}.product-content h3{font-size:clamp(13px,3vw,17px);line-height:1.4}.product-subtitle{letter-spacing:.5px;font-size:9px}.category-card .product-overlay h3{color:#fff;margin-bottom:10px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:400;transition:transform .5s}.arrow-btn{width:34px;height:34px}}@media screen and (max-width:480px){.category-section,.featured-section{padding:90px 16px}.category-header,.featured-header{margin-bottom:24px}.category-subtitle,.featured-subtitle{letter-spacing:2.5px;margin-bottom:10px;font-size:10px}.category-title,.featured-title{font-size:clamp(28px,8vw,36px)}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.featured-grid{grid-template-columns:2fr 2fr;gap:11px}.category-card{border-radius:20px;height:clamp(160px,60vw,220px)}.category-overlay{padding:14px}.category-overlay h3{margin-bottom:4px;font-size:clamp(15px,4.5vw,20px)}.discover-btn{gap:5px;font-size:clamp(12px,3.5vw,16px)}.product-card{cursor:pointer;background:#f3f3f3;border-radius:20px;width:100%;height:auto;transition:all .45s;overflow:hidden}.product-overlay h3{color:#fff;margin-bottom:10px;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:400}*{box-sizing:border-box;margin:0;padding:0}.product-image-wrapper{height:clamp(200px,60vw,280px)}.product-content{padding:14px 16px}.product-content h3{font-size:clamp(15px,4vw,19px);line-height:1.4}.product-subtitle{letter-spacing:.5px;font-size:9px}.arrow-btn{width:32px;height:32px}}.category-card-bg{object-fit:cover;z-index:1;width:100%;height:100%;transition:all .5s;position:absolute;inset:0}.category-card:hover .category-card-bg{transform:scale(1.05)}.category-card.active .category-card-bg{filter:blur(8px)brightness(.8);transform:scale(1.1)}.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}.category-card .product-overlay h3{color:#fff;margin-bottom:10px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:400;transition:transform .5s}.category-card .product-overlay p{color:#fff;font-size:13px;transition:transform .5s}.category-card.active .overlay-text h3{transform:translateY(150px)}.category-card.active .product-overlay{background:#ffffff73}.category-card.active .benefits-content{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.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%)}.category-card .benefits-content h3{color:#000;text-transform:capitalize;margin-bottom:15px;font-family:Cormorant Garamond,serif;font-size:clamp(24px,5vw,32px)}.category-card .benefits-content ul{padding:0;list-style:none}.category-card .benefits-content li{color:#4a4a4a;margin-bottom:8px;font-family:Inter,sans-serif;font-size:20px;line-height:1.4}.category-card .overlay-text{width:100%}.category-card .overlay-text p{cursor:pointer;display:inline-block}