/* 
   Luminous Home — Premium Mirror & Glass Furniture Retail
   Palette: Warm Ivory, Deep Charcoal, Aged Brass
*/
:root {
    --clr-bg: #faf9f7;
    --clr-text: #1c1917;
    --clr-text-muted: #78716c;
    --clr-accent: #005bb7; /* Premium Corporate Blue */
    --clr-accent-hover: #00448a;
    --clr-accent-light: #e6eff8;

    --glass-bg: rgba(255,255,255,0.75);
    --glass-bg-heavy: rgba(255,255,255,0.92);
    --glass-border: rgba(203,190,175,0.5);
    --glass-border-hover: rgba(184,147,90,0.4);
    --glass-shadow: 0 4px 24px -4px rgba(28,25,23,0.07);
    --glass-shadow-hover: 0 12px 32px -4px rgba(28,25,23,0.12);

    --orb-1: #f5ede3;
    --orb-2: #e8f0f5;
    --orb-3: #f0ede8;

    --font-primary: 'Inter', sans-serif;
    --font-serif: 'Playfair Display', Georgia, serif;
    --max-width: 1400px;
    --section-gap: 7rem;
    --radius-sm: 4px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --transition: all 0.35s cubic-bezier(0.25,1,0.5,1);
    --transition-fast: all 0.2s ease;
    --nav-height: 78px;
    --nav-height-mobile: 64px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-primary);background:var(--clr-bg);color:var(--clr-text);overflow-x:hidden;-webkit-font-smoothing:antialiased;}

/* Typography */
.display-title{font-size:clamp(2.8rem,4.5vw,4.5rem);font-weight:600;line-height:1.1;letter-spacing:-0.03em;margin-bottom:1.25rem;}
.display-title em,.section-title em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--clr-accent);}
.section-title{font-size:clamp(1.8rem,2.8vw,2.6rem);font-weight:600;line-height:1.2;letter-spacing:-0.02em;margin-bottom:0.25rem;}
.serif-title{font-family:var(--font-serif);font-weight:500;}
.body-text{font-size:1.1rem;color:var(--clr-text-muted);line-height:1.7;}
.body-text.large-text{font-size:1.2rem;}
.label{font-size:0.75rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--clr-accent);display:block;margin-bottom:0.75rem;}

@media (max-width: 768px) {
    .display-title { font-size: 2.2rem; }
    .section-title { font-size: 1.6rem; }
    .body-text { font-size: 1rem; }
    :root { --section-gap: 4rem; }
}

/* Ambient bg */
.ambient-bg{position:fixed;inset:0;z-index:-1;background:var(--clr-bg);}
.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:0.5;animation:floatOrb 25s ease-in-out infinite alternate;will-change:transform;pointer-events: none;}
.orb-1{top:-5%;left:-5%;width:50vw;height:50vw;background:var(--orb-1);}
.orb-2{bottom:5%;right:-5%;width:55vw;height:55vw;background:var(--orb-2);animation-delay:-6s;}
.orb-3{top:40%;left:40%;width:40vw;height:40vw;background:var(--orb-3);animation-delay:-12s;}
.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(28,25,23,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(28,25,23,0.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;}
@keyframes floatOrb{0%{transform:translate3d(0,0,0) scale(1);}100%{transform:translate3d(6%,6%,0) scale(1.06);}}

/* Glass tokens */
.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);contain: content;}
.glass-panel{background:rgba(255,255,255,0.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);will-change:transform;}
.blur-heavy{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg-heavy);will-change:transform;}

/* Nav - Optimized for scrolling */
.glass-nav{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);display:flex;justify-content:space-between;align-items:center;padding:0 4rem;z-index:100;background:rgba(250,249,247,0.95);border-bottom:1px solid rgba(203,190,175,0.4);transition:var(--transition);will-change: transform;}
.glass-nav.scrolled{height:62px;background:rgba(250,249,247,0.98);box-shadow:0 2px 16px rgba(28,25,23,0.06);}
.nav-brand{font-size:1.35rem;font-weight:700;letter-spacing:0.18em;color:var(--clr-text);z-index:101;}
.nav-links{display:flex;gap:2.5rem;}
.nav-links a{text-decoration:none;color:var(--clr-text-muted);font-weight:500;font-size:0.9rem;transition:var(--transition-fast);}
.nav-links a:hover, .nav-links a.active{color:var(--clr-accent);}
.nav-actions{display:flex;align-items:center;gap:0.5rem;}
.icon-btn{background:transparent;border:none;color:var(--clr-text-muted);cursor:pointer;padding:0.5rem;border-radius:50%;transition:var(--transition-fast);display:inline-flex;align-items:center;position:relative;}
.icon-btn:hover{background:rgba(184,147,90,0.1);color:var(--clr-accent);}
.cart-badge{position:absolute;top:2px;right:2px;background:var(--clr-accent);color:#fff;font-size:0.6rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;}

.menu-toggle { display: none; z-index: 101; }

/* Mobile Menu Overlay */
.mobile-menu {
    position: fixed;
    inset: 0;
    background: var(--clr-bg);
    z-index: 100;
    display: flex;
    flex-direction: column;
    padding: 100px 2rem 2rem;
    gap: 1.5rem;
    transform: translateX(100%);
    transition: var(--transition);
}
.mobile-menu.active { transform: translateX(0); }
.mobile-menu a {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: var(--font-serif);
    color: var(--clr-text);
    text-decoration: none;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--glass-border);
}

/* Buttons */
.btn{padding:0.9rem 1.8rem;border-radius:var(--radius-sm);font-family:var(--font-primary);font-size:0.875rem;font-weight:600;letter-spacing:0.05em;cursor:pointer;transition:var(--transition-fast);border:none;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;}
.btn-sm{padding:0.6rem 1.1rem;font-size:0.8rem;}
.btn-primary{background:var(--clr-accent);color:#fff;}
.btn-primary:hover{background:var(--clr-accent-hover);box-shadow:0 4px 14px rgba(184,147,90,0.35);}
.btn-glass{background:rgba(255,255,255,0.6);backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--clr-text);}
.btn-glass:hover{background:rgba(255,255,255,0.9);}
.btn-outline{background:transparent;border:1px solid var(--clr-text-muted);color:var(--clr-text);}
.btn-outline:hover{border-color:var(--clr-accent);color:var(--clr-accent);}
.btn-full{width:100%;}
.mt-8{margin-top:2rem;}

/* Hero */
.hero{height:100vh;min-height:700px;display:flex;align-items:center;padding:0 4rem;position:relative;max-width:var(--max-width);margin:0 auto;}
.hero-image-wrapper{position:absolute;top:0;right:0;width:70%;height:100%;overflow:hidden;border-radius:0 0 0 48px;}
.hero-image-wrapper img{width:100%;height:100%;object-fit:cover;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(250,249,247,0.95) 30%,rgba(250,249,247,0.2));}
.hero-content{position:relative;z-index:2;max-width:560px;padding:3rem 3.5rem;border-radius:var(--radius-lg);}
.hero-content .body-text{margin-bottom:2rem;}
.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;}
.hero-scrollhint{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;color:var(--clr-text-muted);animation:bounce 2s infinite;z-index:2;}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(8px);}}

/* Trust Bar */
.trust-bar{display:flex;align-items:center;justify-content:center;gap:0;max-width:var(--max-width);margin:0 auto 2rem;padding:1.25rem 3rem;border-radius:0;border-left:none;border-right:none;}
.trust-item{display:flex;align-items:center;gap:0.75rem;font-size:0.875rem;font-weight:500;color:var(--clr-text-muted);padding:0 2.5rem;flex:1;justify-content:center;}
.trust-item .material-symbols-outlined{font-size:1.25rem;color:var(--clr-accent);}
.trust-divider{width:1px;height:36px;background:var(--glass-border);}

/* Sections */
.section-padding{
    padding:var(--section-gap) 4rem;
    max-width:var(--max-width);
    margin:0 auto;
    contain: content;
    content-visibility: auto;
    contain-intrinsic-size: 1px 800px;
}
.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;}
.view-all{display:flex;align-items:center;gap:0.4rem;font-size:0.8rem;font-weight:700;letter-spacing:0.08em;color:var(--clr-text);text-decoration:none;border-bottom:1px solid var(--clr-text);padding-bottom:0.2rem;transition:var(--transition-fast);}
.view-all:hover{color:var(--clr-accent);border-color:var(--clr-accent);}

/* Bento Grid */
.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.bento-item{overflow:hidden;display:flex;flex-direction:column;border-radius:var(--radius-md);}
.interactive{transition:var(--transition);cursor:pointer;}
.interactive:hover{transform:translateY(-6px);box-shadow:var(--glass-shadow-hover);border-color:var(--glass-border-hover);}
.card-image{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0;background:#e7e2db;}
.card-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(0.25,1,0.5,1);}
.interactive:hover .card-image img{transform:scale(1.06);}
.image-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,25,23,0.35),transparent 60%);opacity:0.7;}
.card-badge{position:absolute;top:1rem;left:1rem;background:var(--clr-accent);color:#fff;font-size:0.65rem;font-weight:700;letter-spacing:0.1em;padding:0.25rem 0.65rem;border-radius:2px;}
.card-badge.new{background:var(--clr-text);}
.card-content{padding:1.75rem 2rem 2rem;flex-grow:1;display:flex;flex-direction:column;gap:0.5rem;}
.product-tag{font-size:0.7rem;font-weight:700;letter-spacing:0.15em;color:var(--clr-accent);}
.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:0.5rem;}
.product-title{font-size:1.35rem;font-weight:600;font-family:var(--font-serif);}
.product-price{font-size:1.15rem;font-weight:500;color:var(--clr-text-muted);white-space:nowrap;}
.card-desc{font-size:0.95rem;color:var(--clr-text-muted);line-height:1.6;flex-grow:1;}
.card-actions{display:flex;gap:0.75rem;margin-top:1rem;}

/* Why Us / Craft */
.why-us-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.craft-image{height:580px;overflow:hidden;border-radius:var(--radius-lg);}
.craft-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease;}
.craft-image:hover img{transform:scale(1.04);}
.craft-content{display:flex;flex-direction:column;}
.why-us-features{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;}
.feature-item{display:flex;align-items:flex-start;gap:1.25rem;}
.feature-icon{font-size:1.5rem;color:var(--clr-accent);margin-top:0.1rem;flex-shrink:0;}
.feature-item strong{display:block;font-size:1rem;font-weight:600;margin-bottom:0.25rem;}
.feature-item p{font-size:0.9rem;color:var(--clr-text-muted);}

/* Configurator */
.config-container{display:grid;grid-template-columns:1fr 380px;min-height:560px;overflow:hidden;border-radius:var(--radius-lg);padding:0;}
.config-preview{position:relative;display:flex;align-items:center;justify-content:center;background:#f5f1ec;padding:4rem;}
.preview-glow{position:absolute;width:60%;height:60%;background:rgba(184,147,90,0.12);filter:blur(60px);border-radius:50%;}
.architectural-object{position:relative;width:65%;aspect-ratio:3/4;border:10px solid #c9a96e;border-radius:2px;box-shadow:0 20px 50px -10px rgba(28,25,23,0.15);z-index:2;overflow:hidden;transition:border-color 0.4s ease;}
.architectural-object img{width:100%;height:100%;object-fit:cover;opacity:0.9;}
.mirror-overlay{position:absolute;inset:-8px;border:1px solid rgba(255,255,255,0.3);pointer-events:none;}
.mirror-bevel{position:absolute;inset:4px;border:1px solid rgba(255,255,255,0.12);pointer-events:none;}
.live-info{position:absolute;bottom:1.75rem;left:1.75rem;padding:0.75rem 1.25rem;border-radius:var(--radius-sm);z-index:3;}
.info-badge{background:var(--clr-text);color:#fff;font-size:0.6rem;padding:0.2rem 0.5rem;letter-spacing:0.1em;border-radius:2px;margin-bottom:0.4rem;display:inline-block;font-weight:700;}
.live-info p{font-size:0.85rem;color:var(--clr-text-muted);}
.config-sidebar{border-radius:0;border-top:none;border-right:none;border-bottom:none;display:flex;flex-direction:column;padding:3rem 2.5rem;border-left:1px solid var(--glass-border);}
.sidebar-header{margin-bottom:2rem;}
.progress-bar{display:flex;gap:4px;margin-top:1.25rem;}
.progress-bar>div{height:3px;flex:1;border-radius:2px;}
.progress-fill{background:var(--clr-accent);}
.progress-empty{background:rgba(28,25,23,0.1);}
.options-title{font-size:0.8rem;font-weight:700;letter-spacing:0.1em;color:var(--clr-text);margin-bottom:1.25rem;text-transform:uppercase;}
.options-grid{display:grid;grid-template-columns:1fr;gap:0.75rem;}
.option-btn{background:#fff;border:1px solid var(--glass-border);padding:0.875rem 1rem;border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:1rem;}
.option-btn:hover,.option-btn.active{border-color:var(--clr-accent);background:var(--clr-accent-light);}
.swatch{width:22px;height:22px;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.12);flex-shrink:0;}
.bg-brass{background:#c9a96e;}
.bg-anodized-black{background:#1e293b;}
.bg-silver{background:#d4d8dc;border:1px solid #bbb;}
.bg-walnut{background:#4a3728;}
.option-name{font-weight:600;font-size:0.9rem;flex-grow:1;}
.option-price{font-size:0.75rem;color:var(--clr-text-muted);font-weight:500;}
.config-footer{margin-top:auto;padding-top:1.75rem;border-top:1px solid var(--glass-border);}
.total-wrap{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.25rem;}
.total-label{font-size:0.75rem;color:var(--clr-text-muted);letter-spacing:0.08em;font-weight:600;}
.total-price{font-size:1.75rem;font-weight:700;font-family:var(--font-serif);}
.config-note{font-size:0.8rem;color:var(--clr-text-muted);text-align:center;margin-top:0.75rem;}
.config-note a{color:var(--clr-accent);text-decoration:none;}

/* Testimonials */
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.testimonial-card{padding:2.5rem;border-radius:var(--radius-md);}
.stars{color:var(--clr-accent);font-size:1rem;letter-spacing:2px;margin-bottom:1rem;display:block;}
.review-summary{display:flex;flex-direction:column;align-items:flex-end;}
.review-score{font-size:0.85rem;color:var(--clr-text-muted);margin-top:0.25rem;}
.testimonial-text{font-size:1rem;line-height:1.7;color:var(--clr-text-muted);font-style:italic;margin-bottom:1.75rem;}
.testimonial-author{display:flex;align-items:center;gap:1rem;}
.author-avatar{width:42px;height:42px;border-radius:50%;background:var(--clr-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;}
.testimonial-author strong{display:block;font-size:0.95rem;}
.testimonial-author p{font-size:0.8rem;color:var(--clr-text-muted);}

/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.gallery-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-md);background:#e7e2db;cursor:pointer;}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.gallery-item:hover img{transform:scale(1.08);}
.gallery-hover{position:absolute;inset:0;background:rgba(28,25,23,0.35);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-fast);}
.gallery-hover .material-symbols-outlined{color:#fff;font-size:2rem;}
.gallery-item:hover .gallery-hover{opacity:1;}

/* Contact CTA */
.contact-cta{}
.cta-box{padding:6rem 5rem;border-radius:var(--radius-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;}
.cta-box .body-text{max-width:600px;}
.cta-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:0.5rem;}

/* Footer */
.glass-footer{background:#fff;border-top:1px solid var(--glass-border);padding:5rem 4rem 2rem;margin-top:4rem;}
.footer-content{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:4rem;margin-bottom:4rem;}
.footer-brand{max-width:280px;}
.footer-brand .nav-brand{margin-bottom:0.75rem;}
.footer-brand .body-text{font-size:0.95rem;margin-bottom:1.5rem;}
.footer-social{display:flex;gap:1rem;}
.footer-social a{color:var(--clr-text-muted);transition:var(--transition-fast);}
.footer-social a:hover{color:var(--clr-accent);}
.footer-links{display:flex;gap:5rem;}
.link-group h4{font-size:0.8rem;letter-spacing:0.1em;color:var(--clr-text);margin-bottom:1.5rem;font-weight:700;}
.link-group a{display:block;color:var(--clr-text-muted);text-decoration:none;margin-bottom:0.9rem;font-size:0.95rem;transition:var(--transition-fast);}
.link-group a:hover{color:var(--clr-accent);}
.footer-bottom{max-width:var(--max-width);margin:0 auto;padding-top:2rem;border-top:1px solid var(--glass-border);font-size:0.85rem;color:var(--clr-text-muted);display:flex;justify-content:space-between;align-items:center;}
.footer-legal{display:flex;gap:2rem;}
.footer-legal a{color:var(--clr-text-muted);text-decoration:none;transition:var(--transition-fast);}
.footer-legal a:hover{color:var(--clr-accent);}

/* Reveal animations */
.reveal-up{opacity:0;transform:translateY(24px);transition:opacity 0.8s cubic-bezier(0.25,1,0.5,1),transform 0.8s cubic-bezier(0.25,1,0.5,1);}
.reveal-up.active{opacity:1;transform:translateY(0);}
.delay-1{transition-delay:0.12s;}
.delay-2{transition-delay:0.24s;}
.delay-3{transition-delay:0.36s;}

/* Stats */
.stats-section{padding-top:0;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.stat-card{padding:2.5rem 1.5rem;border-radius:var(--radius-md);text-align:center;display:flex;flex-direction:column;gap:0.5rem;}
.stat-num{font-size:2.8rem;font-weight:700;font-family:var(--font-serif);color:var(--clr-accent);line-height:1;}
.stat-lbl{font-size:0.85rem;color:var(--clr-text-muted);font-weight:500;}

/* Press Bar */
.press-section{padding-top:0;padding-bottom:2rem;}
.press-logos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.25rem;}
.press-logo{font-family:var(--font-serif);font-size:1.15rem;font-style:italic;color:var(--clr-text-muted);opacity:0.7;transition:var(--transition-fast);}
.press-logo:hover{opacity:1;color:var(--clr-text);}
.press-divider{color:var(--clr-accent);font-size:1.5rem;line-height:1;opacity:0.4;}

/* Process Steps */
.process-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:flex-start;gap:0;margin-top:1rem;}
.process-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:2rem 1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);}
.step-number{font-size:0.72rem;font-weight:700;letter-spacing:0.15em;color:var(--clr-accent);background:var(--clr-accent-light);padding:0.3rem 0.7rem;border-radius:100px;}
.step-icon{width:56px;height:56px;background:var(--clr-accent-light);border-radius:50%;display:flex;align-items:center;justify-content:center;}
.step-icon .material-symbols-outlined{color:var(--clr-accent);font-size:1.5rem;}
.process-step h3{font-size:1.05rem;font-weight:700;font-family:var(--font-serif);}
.process-step p{font-size:0.88rem;color:var(--clr-text-muted);line-height:1.65;}
.process-connector{align-self:center;height:2px;width:48px;background:linear-gradient(90deg,var(--glass-border),var(--clr-accent),var(--glass-border));flex-shrink:0;margin-top:-2rem;}

/* Newsletter */
.newsletter-box{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:4rem 5rem;border-radius:var(--radius-lg) !important;}
.newsletter-form{display:flex;flex-direction:column;gap:0.75rem;}
.newsletter-input-wrap{display:flex;gap:0.75rem;}
.newsletter-input{flex:1;padding:0.875rem 1.25rem;border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-family:var(--font-primary);font-size:0.95rem;background:rgba(255,255,255,0.9);}
.newsletter-input:focus{outline:none;border-color:var(--clr-accent);}
.newsletter-note{font-size:0.8rem;color:var(--clr-text-muted);}
.card-stars{font-size:0.82rem;color:var(--clr-accent);margin-top:0.15rem;}
.card-stars span{color:var(--clr-text-muted);}

/* Map Section */
.map-container{position:relative;width:100%;height:450px;border-radius:var(--radius-lg);overflow:hidden;}
.map-overlay-info{position:absolute;top:2rem;left:2rem;width:320px;padding:2.5rem;border-radius:var(--radius-md);z-index:2;box-shadow:var(--glass-shadow-hover);}
@media(max-width:1100px){
    .bento-grid{grid-template-columns:repeat(2,1fr);}
    .testimonials-grid{grid-template-columns:1fr;}
    .why-us-inner{grid-template-columns:1fr;gap:3rem;}
    .config-container{grid-template-columns:1fr;}
    .stats-grid{grid-template-columns:repeat(2,1fr);}
    .process-steps{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;}
    .process-connector{display:none;}
    .newsletter-box{grid-template-columns:1fr;gap:2rem;padding:3rem;}
}
@media(max-width:768px){
    .glass-nav{padding:0 1.5rem; height: var(--nav-height-mobile);}
    .nav-links{display:none;}
    .menu-toggle { display: inline-flex; }
    
    .hero{padding:7rem 1.5rem 4rem; height: auto; min-height: 0; flex-direction: column; align-items: stretch;}
    .hero-image-wrapper{position: relative; width: 100%; height: 40vh; min-height: 300px; border-radius: var(--radius-lg); right: auto; margin-bottom: -3rem; z-index: 1;}
    .hero-overlay{display: none;} /* No gradient overlay needed on mobile when stacked */
    .hero-content{max-width: 100%; padding: 2rem 1.5rem; position: relative; z-index: 2; margin-top: 0;}
    .hero-cta { flex-direction: column; gap: 0.75rem; }
    .hero-cta .btn { width: 100%; }
    .hero-scrollhint { display: none; }
    
    .section-padding{padding:4rem 1.5rem;}
    .bento-grid,.gallery-grid{grid-template-columns:1fr;}
    .gallery-grid{grid-template-columns:repeat(2,1fr);}
    .trust-bar{flex-direction:column;gap:1rem;padding:1.5rem; border: none; background: none; box-shadow: none;}
    .trust-item { padding: 0; }
    .trust-divider{width:80%;height:1px;}
    
    .why-us-inner { gap: 2rem; }
    .craft-image { height: 350px; }
    
    .config-container { grid-template-columns: 1fr; }
    .config-preview { padding: 2rem; }
    .config-sidebar { border-left: none; border-top: 1px solid var(--glass-border); padding: 2rem 1.5rem; }
    
    .stats-grid{grid-template-columns:repeat(2,1fr);}
    .process-steps{grid-template-columns:1fr;}
    .newsletter-box{grid-template-columns:1fr;gap:2rem;padding:2rem 1.5rem;}
    .newsletter-input-wrap{flex-direction:column;}
    
    .map-overlay-info{position:static;width:100%;border-radius:0;border-top:1px solid var(--glass-border); padding: 1.5rem;}
    .map-container{height:auto;display:flex;flex-direction:column;}
    
    .footer-content{flex-direction:column; gap: 2.5rem; padding: 3rem 1.5rem;}
    .footer-links{flex-wrap:wrap;gap:2rem;}
    .footer-brand { max-width: 100%; }
    .cta-box{padding:3rem 1.5rem;}
    .glass-footer { padding: 3rem 0 2rem; }
    .footer-bottom { flex-direction: column; gap: 1rem; text-align: center; padding: 2rem 1.5rem; }
}