:root{--color-primary: #1a1a1a;--color-secondary: #ffffff;--color-accent: #c5a059;--color-text: #333333;--color-text-light: #f5f5f5;--color-bg-light: #f9f9f9;--color-bg-dark: #121212;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--transition-fast: .3s ease;--transition-smooth: .5s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-secondary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}ul{list-style:none}img{max-width:100%;display:block}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.btn{display:inline-block;padding:12px 32px;background-color:var(--color-primary);color:var(--color-secondary);font-family:var(--font-heading);font-weight:600;text-transform:uppercase;letter-spacing:1px;border:2px solid var(--color-primary);cursor:pointer;transition:var(--transition-fast)}.btn:hover{background-color:transparent;color:var(--color-primary)}.btn-outline{background-color:transparent;border-color:var(--color-secondary);color:var(--color-secondary)}.btn-outline:hover{background-color:var(--color-secondary);color:var(--color-primary)}.section-padding{padding:var(--spacing-xl) 0}.text-center{text-align:center}.mb-md{margin-bottom:var(--spacing-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 1s ease forwards}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;height:90px;padding:0;transition:var(--transition-fast);background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);display:flex;align-items:center}.header.scrolled{background-color:#121212f2;height:70px;box-shadow:0 2px 10px #0000004d}.header-container{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{font-family:var(--font-heading);font-size:1.5rem;letter-spacing:2px;position:relative;display:inline-block;color:var(--color-secondary)}.nav-links{display:flex;align-items:center;gap:2rem;color:var(--color-secondary)}.nav-item{position:relative;height:90px;display:flex;align-items:center}.nav-item>a{display:flex;align-items:center;gap:4px;padding:8px 0;font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:var(--transition-fast)}.nav-item>a:hover{color:var(--color-accent)}.nav-link-with-icon svg{transition:transform .3s ease}.nav-item:hover .nav-link-with-icon svg{transform:rotate(180deg)}.mobile-search-item{display:none}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:5px}.mobile-menu-btn span{width:25px;height:2px;background-color:var(--color-secondary);transition:var(--transition-fast)}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.btn-login-icon{display:flex;align-items:center;padding:8px;border-radius:50%;transition:var(--transition-fast)}.btn-search-icon{display:flex;align-items:center;padding:8px;border-radius:50%;background:transparent;border:none;color:inherit;cursor:pointer;transition:var(--transition-fast)}.btn-search-icon:hover{color:var(--color-accent)}.search-item{display:flex;align-items:center}.expandable-search{display:flex;align-items:center;position:relative;border-radius:25px;overflow:hidden;transition:all .3s ease}.expandable-search input{width:0;padding:0;border:none;background:transparent;font-family:var(--font-body);font-size:.9rem;color:var(--color-text);outline:none;transition:all .3s ease}.expandable-search.expanded{background:#fffffff2;box-shadow:0 4px 20px #00000026}.expandable-search.expanded input{width:200px;padding:10px 15px}.header.scrolled .expandable-search.expanded{background:#f5f5f5}.search-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;color:inherit;transition:var(--transition-fast);flex-shrink:0}.search-toggle-btn:hover{color:var(--color-accent)}.expandable-search.expanded .search-toggle-btn{color:var(--color-text)}@media(max-width:768px){.expandable-search input{display:none}.expandable-search.expanded{background:transparent;box-shadow:none}.expandable-search .search-toggle-btn{width:36px;height:36px}}.search-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:flex-start;justify-content:center;padding-top:80px}.search-modal.active{display:flex}.search-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.search-modal-content{position:relative;width:90%;max-width:700px;background:#fff;border-radius:16px;box-shadow:0 25px 80px #00000080;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:searchSlideDown .3s ease}@keyframes searchSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-modal-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;gap:12px}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:12px;background:#f5f5f5;padding:12px 16px;border-radius:10px}.search-input-wrapper svg{color:#888;flex-shrink:0}.search-input-wrapper input{flex:1;border:none;background:transparent;font-size:1rem;font-family:var(--font-body);outline:none;color:#333}.search-input-wrapper input::placeholder{color:#999}.search-clear-btn{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:#ddd;border-radius:50%;cursor:pointer;color:#666;transition:var(--transition-fast)}.search-clear-btn:hover{background:#ccc;color:#333}.search-close-btn{display:flex;align-items:center;justify-content:center;padding:8px;border:none;background:transparent;cursor:pointer;color:#666;transition:var(--transition-fast);border-radius:8px}.search-close-btn:hover{background:#f0f0f0;color:#333}.search-results{flex:1;overflow-y:auto;padding:20px;min-height:200px;max-height:60vh}.search-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#aaa;text-align:center}.search-placeholder svg{margin-bottom:16px;opacity:.5}.search-placeholder p{font-size:.95rem}.search-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#888;text-align:center}.search-no-results h4{margin-bottom:8px;color:#555}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.search-result-item{background:#f9f9f9;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.search-result-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a;border-color:var(--color-accent)}.search-result-item img{width:100%;height:140px;object-fit:cover}.search-result-info{padding:12px}.search-result-info h4{font-size:.9rem;font-weight:600;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-info .category{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.search-result-info .price{font-size:.95rem;font-weight:700;color:var(--color-accent);margin-top:6px}.search-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.search-results-header h3{font-size:.9rem;font-weight:600;color:#555;margin:0}.search-results-header span{font-size:.85rem;color:#888}@media(max-width:768px){.search-modal{padding-top:20px}.search-modal-content{width:95%;max-height:90vh;border-radius:12px}.search-results-grid{grid-template-columns:repeat(2,1fr);gap:12px}.search-result-item img{height:120px}}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);width:800px;background-color:var(--color-bg-dark);padding:30px;border-radius:8px;box-shadow:0 20px 50px #0006;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:100}.nav-item.has-dropdown:hover .mega-menu{opacity:1;visibility:visible}.mega-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0;width:100%;max-width:none}.mega-column{display:flex;flex-direction:column}.mega-column h4{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--color-secondary);margin-bottom:20px;position:relative;padding-bottom:12px}.mega-column h4:after{content:"";position:absolute;left:0;bottom:-8px;width:30px;height:2px;background-color:var(--color-accent);opacity:.5}.mega-column ul{display:flex;flex-direction:column;gap:12px}.mega-column ul li a{font-size:.9rem;color:#aaa;transition:var(--transition-fast)}.mega-column ul li a:hover{color:var(--color-accent);padding-left:5px}.featured-column{grid-column:span 1}.featured-image{width:100%;height:250px;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 10px 30px #0000004d}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.featured-image:hover img{transform:scale(1.05)}.featured-overlay{position:absolute;bottom:20px;left:20px;background:#ffffffe6;padding:8px 16px;border-radius:4px;font-family:var(--font-heading);font-weight:600;color:var(--color-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.hero{height:100vh;background-image:url(/assets/images/window-display.png);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-secondary)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.hero-content{position:relative;z-index:1}.hero h1{font-size:4rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.hero p{font-size:1.2rem;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;color:var(--color-text-light)}.about{background-color:var(--color-bg-light)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-text h2{font-size:2.5rem;color:var(--color-primary);margin-bottom:30px}.about-text p{margin-bottom:20px;color:#555;text-align:justify}.about-image img{border-radius:4px;box-shadow:0 10px 30px #0000001a}.collection{background-color:var(--color-secondary)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.gallery-item{position:relative;overflow:hidden;border-radius:4px;cursor:pointer;height:400px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:var(--color-secondary);opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.reviews{background-color:var(--color-bg-dark);color:var(--color-secondary)}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.review-card{background-color:#ffffff0d;padding:30px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.stars{color:var(--color-accent);margin-bottom:15px;font-size:1.2rem}.review-card p{font-style:italic;margin-bottom:20px;color:#ccc}.review-card h4{font-size:1rem;font-weight:600;color:var(--color-secondary)}.contact{background-color:var(--color-bg-light)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.map-box{background-color:#ddd;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px}.footer{background-color:var(--color-primary);color:#777;padding:40px 0;font-size:.9rem}@media(max-width:768px){.header{height:70px}.header.scrolled{height:60px}.header-container{padding:0 15px}.logo{font-size:1.2rem;letter-spacing:1px}.mobile-menu-btn{display:flex;z-index:1001}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.nav-overlay.active{opacity:1;visibility:visible}.nav-links{position:fixed;top:0;right:-100%;width:85%;max-width:320px;height:100vh;height:100dvh;background-color:var(--color-bg-dark);flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:80px 25px 40px;transition:.3s ease;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-links.active{right:0}.nav-item{height:auto;width:100%;flex-direction:column;align-items:flex-start;margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.1)}.nav-item>a{width:100%;padding:15px 0;font-size:1rem}.nav-item.search-item{display:none}.mobile-search-item{display:block!important;padding:15px 0 20px;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:10px}.mobile-search-box{display:flex;align-items:center;background:#ffffff1a;border-radius:8px;overflow:hidden}.mobile-search-box input{flex:1;padding:12px 15px;border:none;background:transparent;color:#fff;font-size:.95rem;font-family:inherit}.mobile-search-box input::placeholder{color:#fff9}.mobile-search-box input:focus{outline:none}.mobile-search-box button{padding:12px 15px;border:none;background:transparent;color:#fff;cursor:pointer}.mega-menu{position:static;transform:none;width:100%;opacity:1;visibility:visible;display:none;background-color:#ffffff0d;box-shadow:none;padding:15px;margin-top:0;border-radius:4px}.nav-item.has-dropdown.active .mega-menu{display:block}.mega-menu-grid{grid-template-columns:1fr;gap:20px}.mega-column ul li a{color:#aaa;padding:8px 0;display:block}.hero{height:100vh;height:100dvh;min-height:500px}.hero h1{font-size:2rem;line-height:1.2}.hero p{font-size:.95rem;padding:0 10px}.hero .btn{padding:12px 28px;font-size:.85rem}.section-padding{padding:50px 0}.about-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.about-image{order:-1}.about-content h2{font-size:1.8rem}.about-content p{font-size:.95rem}.gallery-grid{grid-template-columns:1fr;gap:15px}.gallery-item{height:280px}.gallery-overlay h3{font-size:1.1rem}.gallery-overlay p{font-size:.9rem}.collection h2,.contact-info h2{font-size:1.8rem}.contact-info p{font-size:.9rem}.map-placeholder iframe{height:250px}.featured-column{display:none}.footer{padding:30px 0;text-align:center}.btn{padding:10px 24px;font-size:.9rem}}@media(max-width:480px){.logo{font-size:1rem}.hero h1{font-size:1.7rem}.hero p{font-size:.9rem}.about-content h2,.collection h2,.contact-info h2{font-size:1.5rem}.gallery-item{height:240px}.container{width:95%;padding:0 10px}}@media(hover:none)and (pointer:coarse){.nav-item>a,.mega-column ul li a,.btn,.gallery-item{-webkit-tap-highlight-color:transparent}.gallery-item:active{transform:scale(.98)}}