.hero{background:linear-gradient(135deg,var(--espresso) 0%,var(--espresso-dark) 100%);color:var(--cream);padding:80px 20px;text-align:center;position:relative;overflow:hidden}.hero-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="%23D4A574" stroke-width="0.5" opacity="0.1"/></svg>') repeat;background-size:200px;opacity:.3;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero h1{font-family:Playfair Display,serif;font-size:clamp(2.2rem,6vw,3.5rem);font-weight:700;margin-bottom:20px;letter-spacing:-1px;line-height:1.2}.hero .subtitle{font-size:1.1rem;color:var(--crema);font-weight:300;margin-bottom:30px;line-height:1.8;max-width:600px;margin-left:auto;margin-right:auto}.total-investment{display:inline-block;background:#d4a57433;border:1px solid var(--crema);padding:15px 40px;border-radius:50px;font-size:1rem;font-weight:400}.total-investment span{font-weight:600;color:var(--gold);font-size:1.1rem}@media (max-width: 768px){.hero{padding:60px 20px}.hero .subtitle{font-size:1rem}.total-investment{padding:12px 24px;font-size:.9rem}}.nav{background:#fff;padding:20px;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px #0000000d}.nav-inner{max-width:1200px;margin:0 auto;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav-inner::-webkit-scrollbar{display:none}.nav-link{text-decoration:none;color:var(--espresso);font-size:.85rem;padding:8px 16px;border-radius:20px;background:var(--steam);transition:all .3s ease;font-weight:500;border:none;cursor:pointer;white-space:nowrap;font-family:inherit}.nav-link:hover{background:var(--crema);color:#fff}.nav-link.active{background:var(--espresso);color:#fff}.nav-link.favorites-btn{background:transparent;border:1px solid var(--crema);color:var(--accent)}.nav-link.favorites-btn:hover{background:#d4a5741a}.nav-link.favorites-btn.active{background:var(--crema);color:#fff;border-color:var(--crema)}@media (max-width: 768px){.nav{padding:15px}.nav-inner{justify-content:flex-start;flex-wrap:nowrap;gap:8px}.nav-link{font-size:.8rem;padding:6px 12px}}.product-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:row;align-items:stretch}.product-card:hover{box-shadow:0 20px 60px #0000001f}.product-card.featured{border:3px solid var(--gold)}.product-image{width:260px;min-width:260px;min-height:260px;background:linear-gradient(135deg,#f8f8f8,#eee);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.product-image img{width:100%;height:100%;object-fit:contain;padding:20px;opacity:0;transition:opacity .3s ease}.product-image img.loaded{opacity:1}.image-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f8f8f8,#eee);overflow:hidden}.skeleton-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.product-image-placeholder{font-size:4rem;opacity:.3}.product-badge{position:absolute;top:15px;left:15px;background:var(--accent);color:#fff;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.product-badge.gold{background:var(--gold)}.product-content{flex:1;padding:28px 32px;display:flex;flex-direction:column;min-width:0}.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px}.product-brand{font-size:.75rem;color:var(--crema);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:4px}.product-name{font-family:Playfair Display,serif;font-size:1.3rem;color:var(--espresso);line-height:1.3;font-weight:600}.product-price{font-size:1.4rem;font-weight:700;color:var(--accent);white-space:nowrap}.product-description{color:var(--text-light);font-size:.9rem;margin-bottom:16px;line-height:1.7}.product-features{list-style:none;margin-bottom:18px;display:flex;flex-wrap:wrap;gap:0}.product-features li{padding:4px 0 4px 20px;position:relative;font-size:.82rem;color:#555;width:50%}.product-features li:before{content:"✓";position:absolute;left:0;color:var(--crema);font-weight:700}.product-link{display:inline-block;background:var(--espresso);color:#fff;text-decoration:none;padding:10px 24px;border-radius:30px;font-weight:500;font-size:.85rem;transition:all .3s ease;align-self:flex-start;margin-top:auto}.product-link:hover{background:var(--crema);transform:scale(1.02)}@media (max-width: 768px){.product-card{flex-direction:column}.product-image{width:100%;min-width:100%;height:200px;min-height:200px}.product-content{padding:20px}.product-header{flex-direction:column;gap:8px}.product-name{font-size:1.15rem}.product-price{font-size:1.2rem}.product-description{font-size:.88rem}.product-features li{width:100%}.product-link{align-self:stretch;text-align:center}}.section{margin-bottom:80px;scroll-margin-top:100px}.section-header{text-align:center;margin-bottom:50px}.section-number{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--crema);color:#fff;border-radius:50%;font-weight:600;font-size:1.2rem;margin-bottom:15px}.section-title{font-family:Playfair Display,serif;font-size:2.2rem;color:var(--espresso);margin-bottom:10px;font-weight:600}.section-subtitle{color:var(--text-muted);font-size:1rem;max-width:600px;margin:0 auto;line-height:1.7}.product-list{display:flex;flex-direction:column;gap:24px}@media (max-width: 768px){.section{margin-bottom:60px}.section-header{margin-bottom:30px}.section-number{width:40px;height:40px;font-size:1rem}.section-title{font-size:1.8rem}.section-subtitle{font-size:.95rem;padding:0 10px}}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--espresso);color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 20px #0003;z-index:50;font-size:1.2rem;transition:background .3s ease}.scroll-to-top:hover{background:var(--crema)}@media (max-width: 768px){.scroll-to-top{bottom:20px;right:20px;width:45px;height:45px}}.footer{background:var(--espresso);color:#fff;text-align:center;padding:40px 20px;margin-top:60px}.footer p{opacity:.9;font-size:1rem;max-width:600px;margin:0 auto}.footer .footer-note{margin-top:15px;font-size:.85rem;opacity:.6}@media (max-width: 768px){.footer{padding:30px 20px}.footer p{font-size:.95rem}}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1100px;margin:0 auto;padding:60px 20px;width:100%}.favorites-banner{background:linear-gradient(135deg,var(--espresso) 0%,var(--espresso-dark) 100%);color:#fff;padding:20px 30px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;font-weight:500}.favorites-banner span{color:var(--crema)}.favorites-banner button{background:#d4a57433;border:1px solid var(--crema);color:#fff;padding:8px 20px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;font-family:inherit}.favorites-banner button:hover{background:var(--crema);color:var(--espresso)}@media (max-width: 768px){.container{padding:40px 16px}.favorites-banner{flex-direction:column;gap:15px;text-align:center;padding:20px}}:root{--espresso: #2C1810;--espresso-dark: #1a0f0a;--crema: #D4A574;--cream: #FAF6F0;--steam: #E8E2D9;--accent: #8B4513;--gold: #C9A050;--text: #2C1810;--text-muted: #666;--text-light: #555;--white: #ffffff;--shadow-sm: 0 2px 10px rgba(0,0,0,.05);--shadow-md: 0 10px 40px rgba(0,0,0,.08);--shadow-lg: 0 20px 60px rgba(0,0,0,.12)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--cream);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--steam)}::-webkit-scrollbar-thumb{background:var(--crema);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}:focus-visible{outline:2px solid var(--crema);outline-offset:2px}::selection{background:var(--crema);color:var(--espresso)}h1,h2,h3,.section-title,.product-name{font-family:Playfair Display,Georgia,serif}