:root{--navy:#172a3a;--navy2:#203b4d;--gold:#c6a36a;--gold2:#dfc18d;--ink:#24313b;--muted:#687680;--paper:#f7f6f2;--line:#e8e5de;--white:#fff;--green:#16845b;--shadow:0 18px 55px rgba(23,42,58,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:"Cairo",sans-serif;color:var(--ink);background:#fff;line-height:1.85}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1160px,calc(100% - 44px));margin:auto}.top-strip{background:#102130;color:#dbe3e8;font-size:12px}.top-inner{display:flex;justify-content:space-between;padding:7px 0}.top-inner a{color:var(--gold2);font-weight:800}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,42,58,.07)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:900;color:var(--navy);white-space:nowrap}.brand small{display:block;font-size:10px;color:#89939a;font-weight:600;letter-spacing:.5px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--navy);color:var(--gold2);font-size:23px;box-shadow:inset 0 0 0 1px rgba(223,193,141,.4)}.main-nav{display:flex;align-items:center;gap:23px;font-size:12px;font-weight:700;color:#53616a}.main-nav a{transition:.2s}.main-nav a:hover{color:#b18b4e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;padding:12px 21px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px #0002}.btn-primary{background:var(--navy);color:#fff}.nav-call{padding:10px 18px}.phone-icon{font-size:17px;color:var(--gold2)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#f8f7f3 0%,#f0eee7 100%);padding:75px 0 80px}.hero:before{content:"";position:absolute;width:470px;height:470px;border:1px solid #d8c7a6;border-radius:50%;left:-240px;top:-190px;opacity:.5}.hero-grid{position:relative;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:65px}.hero-copy{padding:5px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#a17c42;font-size:12px;font-weight:900;letter-spacing:.2px}.eyebrow i{width:22px;height:2px;background:var(--gold);display:inline-block}.hero h1{font-size:clamp(32px,4vw,51px);line-height:1.45;color:var(--navy);margin:17px 0 15px;font-weight:900;max-width:640px}.hero-copy>p{font-size:15px;color:#66737b;line-height:2.1;max-width:610px;margin:0}.hero-actions{display:flex;gap:12px;margin:27px 0 22px;flex-wrap:wrap}.btn-gold{background:var(--gold);color:#172a3a}.btn-whatsapp{background:#16845b;color:#fff}.hero-points{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#52616a;font-weight:700}.hero-points span:first-letter{color:#b18b4e}.hero-number{display:flex;align-items:center;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid #dedbd3;width:max-content}.number-icon{width:38px;height:38px;border-radius:50%;background:#e8e1d4;color:#8f6b35;display:grid;place-items:center}.hero-number small,.contact-number small{display:block;color:#8b969c;font-size:10px}.hero-number a{font-size:17px;font-weight:900;color:var(--navy);letter-spacing:1px}.hero-visual{position:relative;padding:0 0 22px 22px}.hero-visual:before{content:"";position:absolute;inset:22px 22px 0 0;border:1px solid var(--gold);border-radius:4px}.hero-visual>img{position:relative;display:block;width:100%;height:520px;object-fit:cover;border-radius:4px;box-shadow:var(--shadow)}.visual-note{position:absolute;right:-24px;bottom:55px;background:#fff;padding:15px 18px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow);min-width:240px}.note-icon{width:35px;height:35px;border-radius:50%;background:#f1eadc;color:#9a763e;display:grid;place-items:center}.visual-note strong,.visual-note small{display:block}.visual-note strong{font-size:12px;color:var(--navy)}.visual-note small{font-size:10px;color:#89939a}.visual-stamp{position:absolute;top:28px;left:0;background:var(--navy);color:#fff;padding:12px 17px;text-align:center;font-size:11px;line-height:1.6;letter-spacing:1px}.visual-stamp b{color:var(--gold2);font-size:19px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;height:7px;background:linear-gradient(90deg,var(--gold),#e8d6b4,var(--navy))}.trust-bar{background:var(--navy);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0}.trust-grid>div{display:flex;align-items:center;justify-content:center;gap:13px;border-left:1px solid #ffffff20}.trust-grid>div:last-child{border:0}.trust-grid b{font-size:22px;color:var(--gold2);font-weight:500}.trust-grid span{font-size:12px;color:#e2e7e9}.section{padding:95px 0}.section-heading{text-align:center;max-width:690px;margin:0 auto 43px}.section-heading h2,.about-copy h2,.paint-grid h2,.faq-intro h2,.contact-grid h2{font-size:clamp(26px,3vw,37px);line-height:1.5;color:var(--navy);margin:9px 0 10px;font-weight:900}.section-heading p,.about-copy p,.paint-grid>div>p,.faq-intro>p,.contact-grid>div>p{font-size:13px;color:var(--muted);line-height:2.1;margin:0}.services-section{background:#fff}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{border:1px solid var(--line);padding:25px 20px 22px;border-radius:10px;min-height:205px;background:#fff;transition:.25s}.service-card:hover{transform:translateY(-5px);border-color:#d6c19d;box-shadow:var(--shadow)}.service-icon{width:42px;height:42px;border-radius:12px;background:#f4efe5;color:#a17c42;display:grid;place-items:center;font-size:22px;margin-bottom:14px}.service-card h3{font-size:14px;color:var(--navy);margin:0 0 7px}.service-card p{font-size:11px;line-height:1.9;color:#7a858b;margin:0}.about-section{background:var(--paper)}.about-grid{display:grid;grid-template-columns:.9fr 1fr;align-items:center;gap:75px}.about-photo{position:relative;padding:0 20px 20px 0}.about-photo:before{content:"";position:absolute;inset:20px 0 0 20px;border:1px solid var(--gold)}.about-photo img{position:relative;width:100%;height:490px;object-fit:cover;display:block}.photo-caption{position:absolute;bottom:0;left:-20px;background:var(--navy);color:white;padding:14px 20px;min-width:235px}.photo-caption b,.photo-caption span{display:block}.photo-caption b{font-size:13px}.photo-caption span{font-size:10px;color:#c4cdd2}.about-copy h2{margin:12px 0 16px}.about-copy p{margin-bottom:12px}.check-list{list-style:none;padding:0;margin:19px 0}.check-list li{font-size:12px;color:#52616a;margin:8px 0}.check-list li:before{content:"✓";color:#a17c42;font-weight:900;margin-left:10px}.text-link{font-size:12px;color:#9b763e;font-weight:900}.text-link span{margin-right:8px}.why-section{background:var(--navy);position:relative;overflow:hidden}.why-section:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #ffffff12;border-radius:50%;right:-210px;bottom:-240px}.light-heading h2{color:#fff}.light-heading p{color:#b7c1c7}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;position:relative;z-index:1}.why-card{border:1px solid #ffffff20;padding:24px;border-radius:9px;background:#ffffff08}.why-card>span{font-size:24px;color:var(--gold2)}.why-card h3{font-size:14px;color:#fff;margin:10px 0 5px}.why-card p{font-size:11px;color:#b7c1c7;margin:0;line-height:2}.gallery-section{background:#fff}.gallery-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:220px 220px;gap:13px}.gallery-item{border:0;padding:0;position:relative;overflow:hidden;border-radius:7px;background:#ddd;cursor:zoom-in;text-align:right}.gallery-item.large{grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#101b25b8)}.gallery-item span{position:absolute;bottom:15px;right:17px;color:#fff;z-index:1;font-size:13px;font-weight:800}.process-section{background:var(--paper)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 22px}.process-step{position:relative;padding:0 70px 0 10px;min-height:115px}.process-step>b{position:absolute;right:0;top:0;width:51px;height:51px;border-radius:50%;border:1px solid #d6c19d;color:#a17c42;display:grid;place-items:center;font-size:14px}.process-step h3{font-size:14px;color:var(--navy);margin:3px 0 7px}.process-step p{font-size:11px;color:#7c878e;margin:0;line-height:2}.paint-types{background:#fff}.paint-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}.paint-grid h2{margin:12px 0}.paint-grid .btn{margin-top:22px}.type-list article{display:flex;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.type-list article:first-child{padding-top:0}.type-list article>span{font-size:20px;color:#c4a16b;font-weight:800}.type-list h3{font-size:13px;color:var(--navy);margin:0 0 4px}.type-list p{font-size:11px;color:#78838a;margin:0}.areas-section{background:#f7f6f2}.areas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.areas-grid span{background:#fff;border:1px solid #e9e5dc;border-radius:7px;padding:12px;text-align:center;font-size:12px;color:#52616a;font-weight:700}.cta-band{background:linear-gradient(110deg,#172a3a,#29485a);color:#fff;padding:55px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{font-size:30px;line-height:1.5;margin:8px 0;color:#fff}.cta-inner p{font-size:12px;color:#c1cbd0;margin:0}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-outline-light{border:1px solid #ffffff65;color:#fff;background:transparent}.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px}.faq-intro h2{font-size:30px}.faq-intro .text-link{display:inline-block;margin-top:20px}.accordion details{border-bottom:1px solid var(--line);padding:0 0 0 0}.accordion summary{list-style:none;cursor:pointer;padding:17px 35px 17px 0;font-size:13px;font-weight:800;color:var(--navy);position:relative}.accordion summary::-webkit-details-marker{display:none}.accordion summary:before{content:"+";position:absolute;right:0;top:13px;width:25px;height:25px;border-radius:50%;background:#f3eee4;color:#9b763e;display:grid;place-items:center;font-size:17px}.accordion details[open] summary:before{content:"−"}.accordion details p{font-size:12px;color:#77838a;line-height:2;margin:0 0 17px;padding-right:35px}.contact-section{background:#f2efe8;padding:80px 0}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:75px;align-items:center}.contact-grid h2{max-width:550px}.contact-number{margin-top:25px}.contact-number a{font-size:26px;color:var(--navy);font-weight:900;letter-spacing:1px}.contact-box{background:#fff;padding:18px 25px;border-radius:10px;box-shadow:var(--shadow)}.contact-row{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.contact-row>span{width:43px;height:43px;border-radius:50%;background:#f2eee5;color:#9d7942;display:grid;place-items:center;font-size:20px}.contact-row div{flex:1}.contact-row small,.contact-row b{display:block}.contact-row small{font-size:10px;color:#8c979d}.contact-row b{font-size:14px;color:var(--navy)}.contact-row i{font-style:normal;color:#b08b50}.contact-hint{font-size:10px;color:#8a9499;margin:15px 0 3px}.site-footer{background:#102130;color:#dce3e6;padding:55px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:70px;padding-bottom:38px}.footer-brand .brand{color:#fff}.footer-brand p{max-width:400px;font-size:11px;line-height:2.1;color:#aab7be;margin-top:17px}.footer-grid h3{font-size:13px;color:var(--gold2);margin:0 0 15px}.footer-grid>div:not(:first-child)>a{display:block;font-size:11px;color:#b9c4ca;margin:8px 0}.footer-grid a:hover{color:var(--gold2)}.footer-bottom{border-top:1px solid #ffffff18;padding:18px 0;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#9eabb2}.credit a{color:var(--gold2);font-weight:800}.floating-actions{position:fixed;z-index:60;left:22px;bottom:22px;display:flex;flex-direction:column;gap:10px}.floating-actions a{width:51px;height:51px;border-radius:50%;display:grid;place-items:center;color:white;font-size:22px;box-shadow:0 7px 22px #0003;transition:.2s}.floating-actions a:hover{transform:translateY(-4px) scale(1.04)}.float-call{background:var(--navy)}.float-wa{background:#16845b}.lightbox{position:fixed;inset:0;background:#08131deF;z-index:100;display:none;align-items:center;justify-content:center;padding:40px}.lightbox.open{display:flex}.lightbox img{max-width:min(100%,1050px);max-height:85vh;object-fit:contain;box-shadow:0 20px 70px #0008}.lightbox-close{position:absolute;top:20px;left:25px;color:#fff;background:transparent;border:0;font-size:42px;cursor:pointer}
@media(max-width:1000px){.main-nav{gap:12px;font-size:11px}.hero-grid{gap:35px}.services-grid{grid-template-columns:repeat(3,1fr)}.about-grid,.paint-grid{gap:45px}.faq-grid,.contact-grid{gap:40px}}
@media(max-width:760px){html{scroll-padding-top:78px}.container{width:min(100% - 32px,560px)}.top-inner{font-size:10px}.nav-wrap{height:72px}.brand{font-size:14px}.brand-mark{width:38px;height:38px}.nav-call{display:none}.menu-toggle{display:block;margin-right:auto}.main-nav{display:none;position:absolute;top:72px;right:0;left:0;background:#fff;padding:12px 22px 20px;box-shadow:0 15px 25px #172a3a18;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.hero{padding:45px 0 55px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:32px}.hero-copy>p{font-size:13px}.hero-visual{margin:0 10px 0 0;padding:0 0 15px 15px}.hero-visual>img{height:340px}.visual-note{right:-12px;bottom:35px;min-width:210px;padding:11px}.visual-stamp{top:15px}.hero-points{gap:9px 14px}.trust-grid{padding:15px 0}.trust-grid>div{gap:7px}.trust-grid b{font-size:17px}.trust-grid span{font-size:9px}.section{padding:65px 0}.section-heading{margin-bottom:30px}.section-heading h2,.about-copy h2,.paint-grid h2,.contact-grid h2{font-size:26px}.services-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-card{padding:18px 14px;min-height:195px}.service-card h3{font-size:12px}.service-card p{font-size:10px}.about-grid,.paint-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.about-photo{max-width:500px;margin:auto}.about-photo img{height:370px}.about-copy{order:-1}.why-grid{grid-template-columns:repeat(2,1fr);gap:10px}.why-card{padding:17px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 150px 150px}.gallery-item.large{grid-row:span 2}.process-grid{grid-template-columns:1fr 1fr;gap:25px 10px}.process-step{padding-right:55px}.process-step>b{width:42px;height:42px}.areas-grid{grid-template-columns:repeat(3,1fr);gap:8px}.areas-grid span{font-size:10px;padding:9px 4px}.cta-inner{display:block}.cta-inner h2{font-size:25px}.cta-actions{margin-top:22px}.cta-actions .btn{flex:1}.faq-intro h2{font-size:26px}.contact-section{padding:60px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start}.floating-actions{left:12px;bottom:14px;gap:8px}.floating-actions a{width:46px;height:46px;font-size:20px}.lightbox{padding:18px}}
@media(max-width:390px){.services-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:28px}.hero-actions .btn{flex:1;padding:11px 12px;font-size:11px}.hero-points{font-size:10px}.process-grid{grid-template-columns:1fr}.areas-grid{grid-template-columns:repeat(2,1fr)}.trust-grid span{font-size:8px}.footer-grid{gap:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* Floating Contact Buttons */

.floating-contact {
    position: fixed;
    bottom: 25px;
    right: 22px;
    z-index: 99999;

    display: flex;
    flex-direction: row;
    direction: rtl;
    align-items: center;
    gap: 14px;
}

.floating-btn {
    width: 65px;
    height: 65px;

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

    border-radius: 50%;
    text-decoration: none;

    box-shadow: 0 6px 22px rgba(0,0,0,0.22);

    transition: all 0.3s ease;
}

.floating-btn svg {
    width: 29px;
    height: 29px;
    fill: currentColor;
}

.call-btn {
    background: #172a3a;
    color: #ffffff;
}

.whatsapp-btn {
    background: #25D366;
    color: #ffffff;
}

.floating-btn:hover {
    transform: translateY(-6px) scale(1.08);
    box-shadow: 0 10px 28px rgba(0,0,0,0.25);
}

/* Mobile */

@media (max-width: 768px) {

    .floating-contact {
        bottom: 18px;
        right: 14px;
        gap: 12px;
    }

    .floating-btn {
        width: 59px;
        height: 59px;
    }

    .floating-btn svg {
        width: 27px;
        height: 27px;
    }

}