:root{--primary:#2d6a4f;--primary-light:#40916c;--primary-lighter:#b7e4c7;--primary-pale:#d8f3dc;--accent:#d4a843;--accent-warm:#e8b74a;--bg-color:#fdfbf7;--bg-warm:#faf6f0;--bg-card:#fff;--text-dark:#1b2e25;--text-body:#4a5d53;--text-muted:#7d8f85;--text-light:#fff;--border-light:#e8e2d8;--border-card:#f0ece4;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 20px #0000000f;--shadow-lg:0 8px 40px #00000014;--shadow-hover:0 12px 32px #2d6a4f1f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}::selection{background-color:var(--primary-lighter);color:var(--text-dark)}::selection{background-color:var(--primary-lighter);color:var(--text-dark)}html{scroll-behavior:smooth}body{color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;background-image:linear-gradient(#fdfbf7f5,#fdfbf7f5),url(/images/pattern.jpg);background-position:0 0,0 0;background-repeat:repeat;background-size:400px;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;font-family:Arial,sans-serif;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-dark);font-family:Didot,serif;font-weight:400;line-height:1.3}p{color:var(--text-body);line-height:1.7}img{max-width:100%;height:auto}.scroll-progress-container{z-index:99999;pointer-events:none;background:0 0;width:100%;height:3px;position:fixed;top:0;left:0}.scroll-progress-bar{background:linear-gradient(90deg, var(--primary), var(--accent));width:0%;height:100%;transition:width .1s}.announcement-bar{background:var(--primary);color:var(--text-light);text-align:center;letter-spacing:.5px;padding:8px 16px;font-size:.82rem;font-weight:500}header{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);z-index:1000;width:100%;transition:all var(--transition);background:#fdfbf7f2;position:fixed;top:0}header.scrolled{box-shadow:var(--shadow-md)}.header-container{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;padding:0 24px;display:flex}.logo-container{flex-shrink:0}.logo-container img,.header-logo{height:52px;transition:all var(--transition);object-fit:contain}.logo-container img:hover{opacity:.85}nav{align-items:center;display:flex}nav ul{align-items:center;gap:2rem;list-style:none;display:flex}nav ul li a{color:var(--text-body);letter-spacing:.3px;transition:color var(--transition);padding:4px 0;font-size:.88rem;font-weight:500;text-decoration:none;position:relative}nav ul li a:after{content:"";background:var(--primary);width:0;height:2px;transition:width var(--transition);border-radius:1px;position:absolute;bottom:-2px;left:0}nav ul li a:hover,nav ul li a.active{color:var(--primary)}nav ul li a:hover:after,nav ul li a.active:after{width:100%}.cart-nav-btn{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition);background:0 0;border:none;align-items:center;padding:6px;display:flex;position:relative}.cart-nav-btn:hover{background:var(--primary-pale)}.cart-badge{background:var(--accent);color:var(--text-light);border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-8px}main{min-height:calc(100vh - 72px);padding-top:72px}.hero{align-items:center;min-height:75vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg img{object-fit:cover;width:100%;height:100%}.hero-bg:after{content:"";background:linear-gradient(90deg,#fdfbf7eb 0%,#fdfbf7bf 40%,#fdfbf74d 70%,#0000 100%);position:absolute;inset:0}.hero-inner{z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:5rem 2rem;position:relative}.hero-content{max-width:560px}.hero-tag{letter-spacing:2px;text-transform:uppercase;color:var(--primary);background:var(--primary-pale);border-radius:100px;margin-bottom:1rem;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-block}.hero-title{color:var(--text-dark);margin-bottom:1.2rem;font-size:clamp(2.5rem,5vw,4rem);line-height:1.15}.hero-subtitle{color:var(--text-body);max-width:460px;margin-bottom:2rem;font-family:Arial,sans-serif;font-size:1.1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.btn{letter-spacing:.3px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-family:Arial,sans-serif;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:var(--text-light);box-shadow:0 4px 14px #2d6a4f40}.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f4d}.btn-secondary{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-secondary:hover{background:var(--primary-pale);transform:translateY(-2px)}.btn-accent{background:var(--accent);color:var(--text-light);box-shadow:0 4px 14px #d4a84340}.btn-accent:hover{background:var(--accent-warm);transform:translateY(-2px)}.btn:not(.btn-primary):not(.btn-secondary):not(.btn-accent){background:var(--primary);color:var(--text-light);box-shadow:0 4px 14px #2d6a4f33}.btn:not(.btn-primary):not(.btn-secondary):not(.btn-accent):hover{background:var(--primary-light);transform:translateY(-2px)}.section-container{max-width:1200px;margin:0 auto;padding:5rem 2rem}.section-tag{letter-spacing:2.5px;text-transform:uppercase;color:var(--primary);margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:inline-block}.section-title{text-align:center;color:var(--text-dark);margin-bottom:1rem;font-size:clamp(1.8rem,3.5vw,2.8rem);position:relative}.section-title:after{content:"";background:var(--accent);border-radius:2px;width:48px;height:3px;margin:16px auto 0;display:block}.section-subtitle{text-align:center;color:var(--text-muted);max-width:560px;margin:0 auto 3rem;font-size:1.05rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);transition:all var(--transition);box-shadow:var(--shadow-sm);overflow:hidden}.product-card:hover{box-shadow:var(--shadow-hover);border-color:var(--primary-lighter);transform:translateY(-4px)}.product-img-wrapper{aspect-ratio:1;background:var(--bg-warm);width:100%;position:relative;overflow:hidden}.product-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-card:hover .product-img-wrapper img{transform:scale(1.05)}.product-card-overlay{opacity:0;transition:opacity var(--transition);background:#1b2e254d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.product-img-wrapper:hover .product-card-overlay{opacity:1}.product-info{padding:1.25rem}.product-info .category-tag{letter-spacing:1px;text-transform:uppercase;color:var(--primary);margin-bottom:6px;font-size:.7rem;font-weight:600;display:inline-block}.product-info h3{color:var(--text-dark);margin-bottom:.4rem;font-size:1.1rem}.product-info p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;line-height:1.5;display:-webkit-box;overflow:hidden}.product-footer{justify-content:space-between;align-items:center;padding:0 1.25rem 1.25rem;display:flex}.price{color:var(--text-dark);font-family:Arial,sans-serif;font-size:1.15rem;font-weight:700}.add-btn{background:var(--primary);color:var(--text-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:4px;padding:8px 18px;font-family:Arial,sans-serif;font-size:.82rem;font-weight:600;display:inline-flex}.add-btn:hover{background:var(--primary-light);transform:scale(1.03)}.category-nav{scrollbar-width:none;-ms-overflow-style:none;gap:.6rem;padding:.5rem 0;display:flex;overflow-x:auto}.category-nav::-webkit-scrollbar{display:none}.category-pill{border:1.5px solid var(--border-light);background:var(--bg-card);color:var(--text-body);cursor:pointer;white-space:nowrap;transition:all var(--transition);border-radius:100px;padding:8px 20px;font-family:Arial,sans-serif;font-size:.85rem;font-weight:500}.category-pill:hover{border-color:var(--primary-lighter);background:var(--primary-pale);color:var(--primary)}.category-pill.active{background:var(--primary);color:var(--text-light);border-color:var(--primary)}.reviews-section{background:var(--bg-warm);padding:5rem 0}.review-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-card);transition:transform var(--transition);padding:2rem}.review-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.stars{color:var(--accent);letter-spacing:2px;margin-bottom:1rem;font-size:1.1rem}.review-text{color:var(--text-body);margin-bottom:1.2rem;font-size:.95rem;font-style:italic;line-height:1.7}.review-author{color:var(--text-dark);font-family:Didot,serif;font-size:.95rem;font-weight:400}footer{background:var(--text-dark);color:#fff}.footer-inner{max-width:1200px;margin:0 auto;padding:4rem 2rem 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem;display:grid}.footer-brand h3{color:var(--accent);margin-bottom:.75rem;font-family:Didot,serif;font-size:1.5rem}.footer-brand p{color:#fffffff2;font-size:.9rem;line-height:1.7}.footer-social{gap:.75rem;margin-top:1.25rem;display:flex}.footer-social a{color:#fff;width:40px;height:40px;transition:all var(--transition);background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;display:flex}.footer-social a:hover{background:var(--accent);color:var(--text-light);transform:translateY(-2px)}.footer-links h4{letter-spacing:1.5px;text-transform:uppercase;color:#fff;margin-bottom:1rem;font-family:Arial,sans-serif;font-size:.85rem;font-weight:700}.footer-links ul{flex-direction:column;gap:.5rem;list-style:none;display:flex}.footer-links ul li a{color:#fffffff2;transition:color var(--transition);font-size:.9rem;text-decoration:none}.footer-links ul li a:hover{color:var(--accent)}.footer-contact p{color:#fffffff2;font-size:.9rem;line-height:1.8}.footer-bottom{text-align:center;color:#fffc;border-top:1px solid #fff3;padding-top:1.5rem;font-size:.85rem}.whatsapp-btn{color:#fff;z-index:9999;width:56px;height:56px;transition:all var(--transition);background:#25d366;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #25d3664d}.whatsapp-btn:hover{transform:scale(1.08);box-shadow:0 6px 24px #25d36666}.cart-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#00000059;justify-content:flex-end;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.cart-sidebar{background:var(--bg-color);flex-direction:column;width:100%;max-width:400px;height:100%;animation:.3s slideInRight;display:flex;box-shadow:-4px 0 24px #00000014}.cart-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.cart-header h2{font-size:1.2rem}.close-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;font-size:1.8rem;line-height:1}.close-btn:hover{color:var(--text-dark)}.cart-items{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.cart-item{border-bottom:1px solid var(--border-light);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.cart-item-thumb{border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-warm);flex-shrink:0;width:56px;height:56px}.cart-item-info h4{color:var(--text-dark);margin-bottom:.2rem;font-size:.9rem}.cart-item-info p{color:var(--primary);font-size:.88rem;font-weight:600}.cart-item-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.cart-item-actions button{background:var(--bg-warm);border:1px solid var(--border-light);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-dark);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;font-size:.9rem;display:flex}.cart-item-actions button:hover{background:var(--primary-pale);border-color:var(--primary-lighter)}.cart-item-actions .remove-btn{color:#dc2626;background:#fee2e2;border:none}.cart-item-actions .remove-btn:hover{background:#fecaca}.cart-footer{border-top:1px solid var(--border-light);background:var(--bg-warm);padding:1.25rem 1.5rem}.cart-total{color:var(--text-dark);justify-content:space-between;font-weight:600;display:flex}.quick-view-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:92%;max-width:480px;box-shadow:var(--shadow-lg);padding:2rem;animation:.25s scaleIn;position:relative}#page-loader{background:var(--bg-color);z-index:999999;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.loader-spinner{border:3px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.hamburger{cursor:pointer;z-index:1001;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger .bar{background-color:var(--text-dark);border-radius:2px;width:22px;height:2px;transition:all .3s}.hamburger .bar.open:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.6s both fadeUp}@media (width<=768px){.hamburger{margin-left:auto;display:flex}.header-container{height:64px}.logo-container img,.header-logo{height:44px}nav ul{background:var(--bg-color);z-index:1000;flex-direction:column;align-items:flex-start;gap:1.5rem;width:100%;height:100vh;padding:5rem 2rem 2rem;transition:transform .35s;position:fixed;top:0;left:0;transform:translate(-100%)}nav ul li a{font-size:1.1rem}nav.mobile-menu-open ul{transform:translate(0)}main{padding-top:64px}.hero{min-height:auto;padding-top:2rem}.hero-inner{padding:3rem 1.5rem}.hero-bg:after{background:linear-gradient(#fdfbf7eb 0%,#fdfbf7cc 50%,#fdfbf799 100%)}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.section-container{padding:3rem 1.25rem}.section-title{margin-bottom:.75rem;font-size:1.8rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.philosophy-container,.home-products-grid{scroll-snap-type:x mandatory;padding-bottom:1rem;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:1rem!important;display:flex!important;overflow-x:auto!important}.philosophy-container>div,.home-products-grid>.product-card{scroll-snap-align:center;flex:0 0 85%!important}.nav-arrow{display:none!important}.usp-container{gap:1.5rem!important;padding:0 1rem!important}.usp-item{flex:40%;justify-content:center;gap:6px!important;font-size:.8rem!important}}@media (width<=480px){.products-grid{grid-template-columns:1fr 1fr;gap:.75rem}.product-info{padding:.75rem}.product-info h3{font-size:.95rem}.product-footer{flex-direction:column;align-items:flex-start;gap:.5rem;padding:0 .75rem .75rem}}.video-carousel-wrapper{width:100%;padding:1rem 0}.video-carousel-scroll{scrollbar-width:thin;scrollbar-color:var(--accent) transparent;gap:2rem;padding:0 2rem 2rem;display:flex;overflow-x:auto}.video-carousel-scroll::-webkit-scrollbar{height:8px}.video-carousel-scroll::-webkit-scrollbar-track{background:0 0}.video-carousel-scroll::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:10px}.video-card{border-radius:var(--radius-lg);background-color:#000;flex:none;width:300px;height:500px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 10px 30px #0000001a}.video-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.card-video{object-fit:cover;width:100%;height:100%;display:block}@media (width<=768px){.video-card{width:250px;height:420px}}
