:root{--red:#d71920;--dark:#101010;--muted:#686868;--soft:#f6f6f6;--line:#e8e8e8;--white:#fff;--shadow:0 20px 60px rgba(0,0,0,.12)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:var(--dark);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.site-header{position:fixed;inset:0 0 auto;z-index:1000;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.07)}.navbar{height:82px;width:min(1180px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand-mark{width:48px;height:48px;border-radius:16px;background:var(--red);color:#fff;display:grid;place-items:center;letter-spacing:-1px}.brand small{display:block;font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.13em;text-transform:uppercase}.brand-logo{height:44px;width:auto;object-fit:contain}.nav-links{display:flex;align-items:center;gap:26px;font-weight:700}.nav-links a{font-size:14px;color:#222;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--red)}.nav-cta{padding:12px 18px!important;border-radius:999px;background:var(--red);color:#fff!important}.menu-btn{display:none;border:0;background:transparent;font-size:30px;cursor:pointer}.hero{min-height:100vh;position:relative;display:grid;align-items:center;padding:130px min(6vw,80px) 70px;overflow:hidden;color:#fff;background:#111}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:1s;filter:brightness(.58)}.hero-bg.active{opacity:1}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 70%)}.hero-content{position:relative;z-index:2;max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}.eyebrow:before{content:"";width:42px;height:2px;background:currentColor}.red{color:var(--red)}h1{font-size:clamp(42px,7vw,86px);line-height:.98;letter-spacing:-.06em;margin-bottom:24px}h2{font-size:clamp(32px,4.4vw,58px);line-height:1.05;letter-spacing:-.04em;margin-bottom:18px}h3{font-size:24px;line-height:1.15}.hero-content p:not(.eyebrow){font-size:20px;color:#f0f0f0;max-width:650px;margin-bottom:30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border-radius:999px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--red);color:#fff}.btn.ghost{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.08)}.btn.dark{background:#111;color:#fff}.hero-card{position:absolute;right:min(6vw,80px);bottom:70px;z-index:2;width:280px;padding:24px;border-radius:28px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(12px)}.hero-card span{font-size:48px;font-weight:900}.hero-card p{color:#eee}.section{padding:105px min(6vw,80px)}.section-text,.section-head{max-width:820px;margin:0 auto 44px;text-align:center}.about{background:#fff}.feature-grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid div,.info-card{padding:28px;border-radius:28px;background:var(--soft);border:1px solid var(--line)}.feature-grid b,.info-card b{font-size:18px;display:block;margin-bottom:8px}.feature-grid span,.info-card span,p{color:var(--muted)}.product-grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 12px 36px rgba(0,0,0,.07);transition:.35s}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.product-card img{width:100%;height:245px;object-fit:cover}.product-card div{padding:24px}.product-card span{font-size:13px;font-weight:900;color:var(--red)}.product-card p{margin-top:10px}#productSearch{width:min(430px,100%);padding:16px 18px;border-radius:999px;border:1px solid var(--line);outline:none;margin-top:20px;font:inherit}.catalogue{padding:105px min(6vw,80px);background:#141414;color:#fff;position:relative;overflow:hidden}.catalogue:before{content:"";position:absolute;right:-130px;top:-130px;width:360px;height:360px;border-radius:50%;background:rgba(215,25,32,.3)}.catalogue-content{position:relative;z-index:1;width:min(1050px,100%);margin:auto;text-align:center}.catalogue h2{color:#fff}.chips{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}.chips span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);padding:12px 18px;border-radius:999px;font-weight:700}.location-grid,.project-grid,.stats-grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.location-grid div,.project-card,.stat-card{padding:30px;border-radius:28px;background:var(--soft);border:1px solid var(--line)}.location-grid b,.project-card b{font-size:20px}.contact{padding:105px min(6vw,80px);background:#f3f3f3}.contact-box{width:min(850px,100%);margin:auto;text-align:center;background:#fff;border-radius:34px;padding:45px;box-shadow:var(--shadow)}form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}form input,form select,form textarea{width:100%;border:1px solid var(--line);border-radius:18px;padding:16px;font:inherit;outline:none;background:#fafafa}form textarea{grid-column:1/-1;min-height:130px}form button{grid-column:1/-1}.site-link{display:inline-block;margin-top:18px;color:var(--red);font-weight:800}footer{background:#070707;color:#aaa;text-align:center;padding:28px}
.floating-actions{position:fixed;right:22px;bottom:22px;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:12px}.whatsapp-float,.to-top{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:0;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.22);cursor:pointer;transition:.28s}.whatsapp-float{background:#25D366}.whatsapp-float svg{width:30px;height:30px;fill:#fff}.to-top{background:var(--red);font-size:22px;font-weight:800}.whatsapp-float:hover,.to-top:hover{transform:translateY(-4px) scale(1.04)}.page-hero{min-height:56vh;display:grid;place-items:center;text-align:center;padding:130px min(6vw,80px) 70px;color:#fff;position:relative;background:#111;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.58),rgba(0,0,0,.62)),var(--bg);background-size:cover;background-position:center}.page-hero .inner{position:relative;z-index:2;max-width:850px}.split{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.image-panel{border-radius:34px;overflow:hidden;box-shadow:var(--shadow)}.image-panel img{height:430px;width:100%;object-fit:cover}.list{display:grid;gap:14px}.list li{list-style:none;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid var(--line);font-weight:700}.download-box{width:min(900px,100%);margin:auto;padding:42px;border-radius:34px;background:#fff;color:#111;text-align:center}.map-box{width:min(1180px,100%);margin:30px auto 0;border-radius:32px;overflow:hidden;border:1px solid var(--line);height:360px;background:#ddd}.reveal{opacity:0;transform:translateY(22px);transition:.65s}.reveal.show{opacity:1;transform:none}@media(max-width:900px){.navbar{height:72px}.brand-logo{height:36px}.menu-btn{display:block}.nav-links{position:absolute;left:0;right:0;top:72px;background:#fff;display:none;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links a{width:100%;text-align:center;padding:16px;border-top:1px solid var(--line)}.nav-cta{border-radius:0!important}.hero{padding-top:115px}.hero-card{position:relative;right:auto;bottom:auto;margin-top:35px}.feature-grid,.product-grid,.location-grid,.project-grid,.stats-grid,.split{grid-template-columns:1fr}form{grid-template-columns:1fr}.section,.catalogue,.contact{padding:75px 5vw}.image-panel img{height:280px}}@media(max-width:520px){.brand-mark{width:42px;height:42px}.brand-logo{height:30px}h1{font-size:42px}.hero-content p:not(.eyebrow){font-size:16px}.contact-box{padding:28px 18px}.product-card img{height:205px}}

/* Catalogue Page Options */
.catalogue-options{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.catalogue-card{display:block;background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 12px 36px rgba(0,0,0,.07);transition:.35s}.catalogue-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.catalogue-card img{width:100%;height:230px;object-fit:cover}.catalogue-card div{padding:24px}.catalogue-card span{width:46px;height:46px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:16px}.catalogue-card h3{margin-bottom:10px}.catalogue-card p{color:var(--muted)}.finish-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.finish-grid div{padding:22px 14px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2)}.finish-grid b{display:block;font-size:24px;color:#fff}.finish-grid span{color:#ddd;font-size:14px}.catalogue-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px}@media(max-width:900px){.catalogue-options{grid-template-columns:1fr 1fr}.finish-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.catalogue-options,.finish-grid{grid-template-columns:1fr}.catalogue-card img{height:210px}}


/* PDF style catalogue index */
.brand-fallback{display:none;align-items:center;gap:12px}.pdf-catalogue-section{background:#fff}.pdf-catalogue-grid{width:min(1040px,100%);margin:0 auto 34px;display:grid;grid-template-columns:repeat(4,1fr);gap:34px 36px}.pdf-cat-card{display:block;background:#fff;transition:.28s}.pdf-cat-card img{width:100%;aspect-ratio:1/0.92;object-fit:cover;background:#f5f5f5;margin-bottom:14px}.pdf-cat-card h3{font-size:12px;line-height:1.08;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#202020;margin:0 0 5px}.pdf-cat-card p{font-size:12px;line-height:1;font-weight:800;color:#111;margin:0}.pdf-cat-card:hover{transform:translateY(-6px)}.pdf-cat-card:hover h3{color:var(--red)}@media(max-width:900px){.pdf-catalogue-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media(max-width:520px){.pdf-catalogue-grid{grid-template-columns:1fr;max-width:310px}.pdf-cat-card h3,.pdf-cat-card p{font-size:13px}}


/* Updated San Marino logo */
.brand{display:flex;align-items:center;min-width:220px}
.brand-logo{height:58px;width:auto;max-width:260px;object-fit:contain;display:block}
@media(max-width:900px){.brand{min-width:auto}.brand-logo{height:42px;max-width:190px}}
@media(max-width:520px){.brand-logo{height:34px;max-width:160px}}

/* Projects page image gallery + featured brands */
.project-image-grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-photo-card{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 12px 36px rgba(0,0,0,.07);transition:.35s}.project-photo-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.project-photo-card img{width:100%;height:245px;object-fit:cover}.project-photo-card div{padding:22px}.project-photo-card h3{font-size:21px;margin-bottom:6px}.project-photo-card p{font-size:14px}.featured-brands{background:#fafafa;overflow:hidden}.brand-marquee{width:min(1180px,100%);margin:auto;overflow:hidden;position:relative;padding:12px 0}.brand-marquee:before,.brand-marquee:after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none}.brand-marquee:before{left:0;background:linear-gradient(90deg,#fafafa,transparent)}.brand-marquee:after{right:0;background:linear-gradient(270deg,#fafafa,transparent)}.brand-track{display:flex;align-items:center;gap:22px;width:max-content;animation:brandMove 42s linear infinite}.brand-track:hover{animation-play-state:paused}.brand-track img{width:170px;height:82px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 8px 22px rgba(0,0,0,.06)}@keyframes brandMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:900px){.project-image-grid{grid-template-columns:1fr 1fr}.brand-track img{width:145px;height:72px}}@media(max-width:560px){.project-image-grid{grid-template-columns:1fr}.project-photo-card img{height:220px}.brand-track{animation-duration:34s}.brand-track img{width:132px;height:66px;padding:14px}.brand-marquee:before,.brand-marquee:after{width:48px}}

@media(max-width:600px){.floating-actions{right:15px;bottom:15px;gap:10px}.whatsapp-float,.to-top{width:46px;height:46px}.whatsapp-float svg{width:26px;height:26px}.to-top{font-size:19px}}




/* Popup */

.popup-overlay{

position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.65);

display:flex;
justify-content:center;
align-items:center;

padding:15px;

visibility:hidden;
opacity:0;

transition:.35s;

z-index:999999;

backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;

}

.popup-overlay.active{

visibility:visible;
opacity:1;

}

.popup{

background:#fff;

width:900px;
max-width:100%;

border-radius:18px;

display:flex;

overflow:hidden;

position:relative;

animation:popup .4s ease;

}

@keyframes popup{

from{

opacity:0;
transform:translateY(30px);

}

to{

opacity:1;
transform:translateY(0);

}

}

/* Image */

.popup-image{

width:45%;

}

.popup-image img{

width:100%;
height:100%;
display:block;
object-fit:cover;

}

/* Form */

.popup-content{

width:55%;

padding:35px;

}

.popup-content h2{

font-size:32px;
margin-bottom:10px;

}

.popup-content p{

color:#666;
margin-bottom:20px;

}

.popup-content input,
.popup-content textarea{

width:100%;

padding:14px;

margin-bottom:15px;

border:1px solid #ddd;

border-radius:8px;

font-size:15px;

outline:none;

}

.popup-content textarea{

resize:none;
height:110px;

}

.popup-content button{

width:100%;

padding:15px;

background:#ff0202;

border:none;

color:#fff;

font-size:16px;

border-radius:8px;

cursor:pointer;

transition:.3s;

}

.popup-content button:hover{

background:#000;

}

.close{

position:absolute;

right:15px;
top:15px;

width:38px;
height:38px;

background:#ff0000;

border-radius:50%;

color:#fff;

display:flex;
justify-content:center;
align-items:center;

cursor:pointer;

font-size:18px;

}

/* Mobile */

@media(max-width:768px){

.popup{

flex-direction:column;

width:100%;

max-height:95vh;

overflow-y:auto;

}

.popup-image{

width:100%;
height:220px;

}

.popup-content{

width:100%;

padding:20px;

}

.popup-content h2{

font-size:24px;

}

.popup-content p{

font-size:14px;

}

.close{

top:10px;
right:10px;

}

}




.close{
    position:absolute;
    right:12px;
    top:12px;
    width:38px;
    height:38px;
    background:#ff0000;
    border-radius:50%;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    font-size:22px;
    font-weight:700;
    z-index:9999999;
    line-height:1;
}

.close::before{
    content:"X";
}


.popup-content input,
.popup-content textarea{
    color:#111;
    background:#fff;
}

.popup-content input::placeholder,
.popup-content textarea::placeholder{
    color:#777;
    opacity:1;
}




.brochure-float{
    width:56px;
    height:56px;
    border-radius:50%;
    background:#ff0000;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    margin-bottom:12px;
    box-shadow:0 8px 20px rgba(0,0,0,.25);
    animation:brochurePulse 2s infinite;
}

.brochure-float i{
    font-size:24px;
}

@keyframes brochurePulse{

0%{
transform:scale(1);
box-shadow:0 0 0 0 rgba(255, 1, 1, 0.795);
}

70%{
transform:scale(1.08);
box-shadow:0 0 0 15px rgba(255,90,0,0);
}

100%{
transform:scale(1);
box-shadow:0 0 0 0 rgba(255,90,0,0);
}

}





/* ===========================
   FOOTER
=========================== */

.site-footer{
    background:#9c0b0b;
    color:#fff;
    padding:30px 20px 0;
}

.footer-container{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1.5fr 1fr;
    gap:30px;
    align-items:flex-start;
}

.footer-box{
    display:flex;
    flex-direction:column;
}

.footer-logo{
    width:140px;
    margin-bottom:12px;
}

.footer-box h3{
    font-size:22px;
    font-weight:700;
    margin-bottom:15px;
    color:#fff;
}

.footer-box p{
    color:#d9d9d9;
    font-size:14px;
    line-height:1.6;
    margin-bottom:8px;
    max-width:450px;
}

.footer-box a{
    color:#d9d9d9;
    text-decoration:none;
    transition:.3s;
}

.footer-box a:hover{
    color:#ff5a00;
}

.footer-social{
    display:flex;
    gap:12px;
    margin-top:15px;
}

.footer-social a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#ff5a00;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:18px;
    transition:.3s;
}

.footer-social a:hover{
    background:#fff;
    color:#ff5a00;
    transform:translateY(-4px);
}

.footer-bottom{
    margin-top:25px;
    border-top:1px solid rgba(255,255,255,.12);
    text-align:center;
    padding:15px 0;
}

.footer-bottom p{
    margin:0;
    color:#bdbdbd;
    font-size:13px;
}

/* ===========================
   MOBILE
=========================== */

@media(max-width:768px){

.site-footer{
    padding:20px 15px 0;
}

.footer-container{
    grid-template-columns:1fr;
    gap:20px;
    text-align:left;
}

.footer-logo{
    width:120px;
    margin-bottom:10px;
}

.footer-box h3{
    font-size:20px;
    margin-bottom:10px;
}

.footer-box p{
    font-size:13px;
    line-height:1.5;
    max-width:100%;
    margin-bottom:6px;
}

.footer-social{
    justify-content:flex-start;
    gap:10px;
    margin-top:10px;
}

.footer-social a{
    width:38px;
    height:38px;
    font-size:16px;
}

.footer-bottom{
    margin-top:18px;
    padding:12px 0;
}

.footer-bottom p{
    font-size:12px;
}

}

/* ===========================
   SMALL MOBILE
=========================== */

@media(max-width:480px){

.site-footer{
    padding:18px 12px 0;
}

.footer-container{
    gap:18px;
}

.footer-logo{
    width:105px;
}

.footer-box h3{
    font-size:18px;
}

.footer-box p{
    font-size:12px;
    line-height:1.5;
}

.footer-social a{
    width:36px;
    height:36px;
    font-size:15px;
}

.footer-bottom{
    padding:10px 0;
}

.footer-bottom p{
    font-size:11px;
}

}

/* Footer: final responsive override */
.site-footer{
    background:linear-gradient(135deg,#f3f3f3 0%,#e8e8e8 55%,#d4d4d4 100%);
    color:#111;
    padding:56px min(6vw,80px) 34px;
    text-align:left;
}

.footer-wrap{
    width:min(1180px,100%);
    margin:0 auto;
}

.footer-main{
    display:grid;
    grid-template-columns:180px minmax(230px,1.15fr) minmax(190px,.9fr) minmax(150px,.65fr);
    align-items:center;
    gap:42px;
    padding-bottom:28px;
    border-bottom:1px solid rgba(0,0,0,.16);
}

.footer-brand{
    display:inline-flex;
    align-items:center;
    width:max-content;
}

.footer-logo{
    width:150px;
    max-width:100%;
    height:auto;
    object-fit:contain;
    margin:0;
}

.footer-office h3,
.footer-follow h3{
    color:#111;
    font-size:20px;
    line-height:1.1;
    font-weight:800;
    margin:0 0 14px;
}

.footer-office p{
    color:#747474;
    font-size:15px;
    line-height:1.55;
    margin:0;
    max-width:360px;
}

.footer-office p strong{
    color:#151515;
    font-weight:800;
}

.footer-contact{
    display:grid;
    gap:3px;
    color:#686868;
    font-size:19px;
    line-height:1.32;
    font-weight:800;
}

.footer-contact a,
.footer-legal a{
    color:inherit;
    text-decoration:none;
    transition:.25s;
}

.footer-contact a:hover,
.footer-legal a:hover{
    color:var(--red);
}

.footer-follow{
    justify-self:end;
}

.footer-social{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin:0;
}

.footer-social a{
    width:28px;
    height:28px;
    border-radius:0;
    background:transparent;
    color:var(--red);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    box-shadow:none;
}

.footer-social a:hover{
    background:transparent;
    color:#111;
    transform:translateY(-2px);
}

.footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    margin-top:28px;
    padding:0;
    border:0;
}

.footer-bottom p{
    color:#747474;
    font-size:14px;
    margin:0;
}

.footer-legal{
    display:flex;
    align-items:center;
    gap:9px;
    color:#111;
    font-size:13px;
    white-space:nowrap;
}

@media(max-width:980px){
    .footer-main{
        grid-template-columns:160px 1fr 1fr;
        align-items:start;
        gap:26px;
    }

    .footer-follow{
        grid-column:2 / -1;
        justify-self:start;
    }
}

@media(max-width:700px){
    .site-footer{
        padding:42px 22px 28px;
        text-align:center;
    }

    .footer-main{
        grid-template-columns:1fr;
        justify-items:center;
        gap:24px;
        padding-bottom:24px;
    }

    .footer-logo{
        width:132px;
    }

    .footer-office p{
        max-width:300px;
    }

    .footer-contact{
        font-size:17px;
    }

    .footer-follow{
        grid-column:auto;
        justify-self:center;
    }

    .footer-social{
        justify-content:center;
        gap:18px;
    }

    .footer-bottom{
        flex-direction:column;
        justify-content:center;
        gap:14px;
        margin-top:24px;
    }

    .footer-legal{
        flex-wrap:wrap;
        justify-content:center;
        white-space:normal;
    }
}

/* Footer: Luce Tech style reference */
.site-footer{
    background:#fff;
    color:#050505;
    padding:42px min(6vw,56px) 28px;
    text-align:left;
}

.footer-wrap{
    width:min(1136px,100%);
    margin:0 auto;
}

.footer-main{
    display:grid;
    grid-template-columns:1.05fr .78fr 1.08fr minmax(240px,.9fr);
    gap:58px;
    align-items:start;
    padding-bottom:34px;
    border-bottom:1px solid rgba(0,0,0,.55);
}

.footer-brand-block p{
    max-width:245px;
    color:#070707;
    font-size:17px;
    line-height:1.42;
    margin:18px 0 0;
}

.footer-brand{
    display:inline-flex;
    align-items:center;
    width:max-content;
}

.footer-logo{
    width:122px;
    height:auto;
    object-fit:contain;
    margin:0;
}

.footer-main h3{
    color:#0d2540;
    font-size:19px;
    line-height:1.2;
    font-weight:500;
    margin:0 0 18px;
}

.footer-links nav,
.footer-contact{
    display:grid;
    gap:7px;
}

.footer-links a,
.footer-contact a,
.footer-contact p{
    color:#050505;
    font-size:17px;
    line-height:1.42;
    font-weight:400;
    margin:0;
    text-decoration:none;
}

.footer-links a:hover,
.footer-contact a:hover{
    color:var(--red);
}

.footer-social{
    display:flex;
    flex-wrap:nowrap;
    gap:12px;
    margin:0;
}

.footer-social a{
    width:40px;
    height:40px;
    border-radius:50%;
    background:#756b61;
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    line-height:1;
    box-shadow:none;
    transition:.25s;
}

.footer-social i,
.footer-x-icon{
    color:#fff;
    display:block;
    line-height:1;
}

.footer-x-icon{
    font-size:17px;
    font-weight:700;
}

.footer-social a:hover{
    background:#111;
    color:#fff;
    transform:translateY(-2px);
}

.menu-btn i,
.to-top i{
    color:inherit;
    display:block;
    line-height:1;
    pointer-events:none;
}

.to-top{
    font-size:20px;
}

.footer-bottom{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:32px;
    padding:0;
    border:0;
    text-align:center;
}

.footer-bottom p{
    color:#050505;
    font-size:16px;
    margin:0;
}

@media(max-width:980px){
    .footer-main{
        grid-template-columns:1fr 1fr;
        gap:34px 44px;
    }
}

@media(max-width:620px){
    .site-footer{
        padding:36px 24px 24px;
        text-align:center;
    }

    .footer-main{
        grid-template-columns:1fr;
        justify-items:center;
        gap:28px;
        padding-bottom:28px;
    }

    .footer-brand-block p{
        max-width:310px;
        font-size:16px;
    }

    .footer-logo{
        width:112px;
        margin:0 auto;
    }

    .footer-links nav,
    .footer-contact{
        justify-items:center;
    }

    .footer-social{
        justify-content:center;
        flex-wrap:wrap;
    }

    .footer-bottom{
        margin-top:26px;
    }
}

/* Home about cards with background images */
.about .feature-grid div{
    min-height:230px;
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    border:0;
    background-size:cover;
    background-position:center;
    box-shadow:0 16px 34px rgba(0,0,0,.12);
}

.about .feature-grid div::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.68));
    z-index:0;
}

.about .feature-grid div > *{
    position:relative;
    z-index:1;
}

.about .feature-grid div:nth-child(1){
    background-image:url("https://italdoors.com/wp-content/uploads/2024/02/LPI_8312-870x581.jpg");
}

.about .feature-grid div:nth-child(2){
    background-image:url("https://theconnectedshop.com/cdn/shop/files/smart-door-lock-camera-rose-bronze-no-mortise-355616.jpg?v=1743033871&width=900");
}

.about .feature-grid div:nth-child(3){
    background-image:url("https://ecdn6.globalso.com/public/img/2025-08-03/3555049110_1.png");
}

.about .feature-grid b,
.about .feature-grid span{
    color:#fff;
    text-shadow:0 1px 12px rgba(0,0,0,.38);
}

@media(max-width:700px){
    .about .feature-grid div{
        min-height:210px;
    }
}

.about .feature-grid{
    width:min(1240px,94%);
    gap:28px;
}

.about .feature-grid div{
    min-height:270px;
    border-radius:26px;
    padding:32px 34px;
}

@media(max-width:900px){
    .about .feature-grid{
        width:min(620px,94%);
    }
}

@media(max-width:700px){
    .about .feature-grid div{
        min-height:240px;
        padding:28px;
    }
}

.catalogue .catalogue-actions{
    display:flex;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
    margin-top:28px;
}

.catalogue .btn{
    min-width:132px;
    gap:9px;
}

.catalogue .btn.ghost{
    color:#fff;
    border-color:rgba(255,255,255,.42);
    background:rgba(255,255,255,.08);
}

.catalogue .btn.ghost:hover{
    background:#fff;
    color:#111;
}

.catalogue .brochure-btn{
    background:#fff;
    color:#111;
    border-color:#fff;
}

.catalogue .brochure-btn:hover{
    background:var(--red);
    border-color:var(--red);
    color:#fff;
}

.nav-brochure{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:11px 16px;
    border-radius:999px;
    border:1px solid rgba(215,25,32,.35);
    color:var(--red)!important;
    background:rgba(215,25,32,.06);
    font-weight:800;
}

.nav-brochure:hover{
    background:var(--red);
    color:#fff!important;
}

@media(max-width:900px){
    .nav-brochure{
        width:100%;
        border-radius:0;
        border:0;
        border-top:1px solid var(--line);
        background:#fff;
    }
}









/*=========================
SMART LOCK SECTION
=========================*/

.smartlock-section{
    padding:90px 30px 60px;
    background:#fff;
    margin-top: 50px;
}

.smartlock-wrap{
    max-width:1250px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:start;
}

/*=========================
LEFT CONTENT
=========================*/

.smartlock-content{
    font-family:'Inter',sans-serif;
}

.smartlock-content h1{
    font-size:52px;
    font-weight:800;
    line-height:1.05;
    letter-spacing:-1px;
    color:#222;
    margin-bottom:30px;
}

.smart-text{
    max-height:380px;
    overflow:hidden;
    position:relative;
    transition:max-height .4s ease;
}

.smart-text.active{
    max-height:3000px;
}

.smart-text::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:80px;
    background:linear-gradient(transparent,#fff);
}

.smart-text.active::after{
    display:none;
}

.smartlock-content p{
    font-size:15px;
    font-weight:400;
     line-height:2.3;
    color:#444;
    margin-bottom:19px;
}

.smartlock-content p strong{
    display:block;
    font-size:17px;
    font-weight:700;
    color:#222;
    margin-bottom:15px;
}

/*=========================
BUTTON
=========================*/

.show-btn{
    display:block;
    margin:25px auto 0;
    padding:10px 24px;
    background:#fff;
    border:1px solid #d4d4d4;
    border-radius:35px;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    transition:.3s;
}

.show-btn:hover{
    background:#d40000;
    color:#fff;
    border-color:#d40000;
}

/*=========================
IMAGE
=========================*/

.smartlock-image img{
    width:100%;
    height:620px;
    object-fit:cover;
    border-radius:22px;
    display:block;
}

/*=========================
TABLET
=========================*/

@media(max-width:1024px){

.smartlock-wrap{
    gap:35px;
}

.smartlock-content h1{
    font-size:42px;
}

.smartlock-image img{
    height:520px;
}

}

/*=========================
MOBILE
=========================*/

@media(max-width:768px){

.smartlock-section{
    padding:70px 18px 40px;
}

.smartlock-wrap{
    grid-template-columns:1fr;
    gap:28px;
}

.smartlock-image{
    order:-1;
}

.smartlock-image img{
    height:auto;
    max-height:420px;
}

.smartlock-content h1{
    font-size:34px;
    margin-bottom:20px;
}

.smartlock-content p{
    font-size:14px;
    line-height:1.7;
    margin-bottom:14px;
}

.smartlock-content p strong{
    font-size:16px;
}

.smart-text{
    max-height:320px;
}

.show-btn{
    font-size:13px;
    padding:9px 22px;
}

}

/*=========================
SMALL MOBILE
=========================*/

@media(max-width:480px){

.smartlock-content h1{
    font-size:30px;
}

.smartlock-content p{
    font-size:13.5px;
}

.smartlock-content p strong{
    font-size:15px;
}

.smartlock-image img{
    border-radius:16px;
}

}



.reverse-layout .smartlock-image {
  order: 1;
}

.reverse-layout .smartlock-content {
  order: 2;
}

@media(max-width:768px){
  .reverse-layout .smartlock-image {
    order: 1;
  }

  .reverse-layout .smartlock-content {
    order: 2;
  }
}



.smartlock-image{
    display:flex;
    justify-content:center;
    align-items:center;
}

.smartlock-image img{
    width:100%;
    height:auto;
    object-fit:contain;
    display:block;
    border-radius:20px;
}







/* Dropdown */

.navbar ul{
    list-style:none;
}

.dropdown{
    position:relative;
}

.dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    min-width:220px;
    background:#fff;
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:.3s ease;
    z-index:999;
    padding:10px 0;
}

.dropdown:hover .dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.dropdown-menu li{
    width:100%;
}

.dropdown-menu a{
    display:block;
    padding:12px 20px;
    color:#333;
    text-decoration:none;
    transition:.3s;
}

.dropdown-menu a:hover{
    background:#f5f5f5;
    color:red;
}


@media (max-width:768px){

.dropdown-menu{
    position:static;
    opacity:1;
    visibility:visible;
    transform:none;
    box-shadow:none;
    display:none;
    background:transparent;
    padding-left:15px;
}

.dropdown.active .dropdown-menu{
    display:block;
}

}