.logo-img{
  width:150px;
  height:150px;
  object-fit:contain;
  margin-right:20px;
}

.logo-wrap{
  display:flex;
  align-items:center;
  font-size:32px;
  font-weight:900;
}

.logo-wrap span{
  color:#b8912f;
}

.topbar{
  background:#111;
  color:#fff;
  padding:10px 8%;
  display:flex;
  justify-content:center;
  gap:28px;
  flex-wrap:wrap;
  font-size:14px;
  font-weight:700;
}

.stats{
  background:#111;
  color:#fff;
  padding:70px 8%;
}

.stats-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:24px;
  text-align:center;
}

.stat-box{
  padding:28px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:20px;
}

.stat-box h3{
  color:#d4af37;
  font-size:38px;
}

.testimonials{
  background:#fff;
  padding:80px 8%;
}

.testimonial-card{
  background:#f7f5ef;
  padding:30px;
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.card:hover,
.photo:hover,
.testimonial-card:hover{
  transform:translateY(-6px);
}

.card,
.photo,
.testimonial-card{
  transition:.3s ease;
}

@media (max-width:768px){
  .logo-img{
    width:100px;
    height:100px;
  }

  .logo-wrap{
    font-size:24px;
  }
}

/* Premium Navbar Upgrade */
nav{
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(184,145,47,.22);
}

nav a{
  position:relative;
  padding:10px 4px;
}

nav a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:2px;
  width:0;
  height:3px;
  background:linear-gradient(90deg,#b8912f,#f1d27a);
  border-radius:10px;
  transition:.3s ease;
}

nav a:hover::after{
  width:100%;
}

.logo-wrap{
  color:#111;
  letter-spacing:.3px;
  text-shadow:0 1px 0 rgba(255,255,255,.6);
}

/* More life and color */
.hero{
  position:relative;
  overflow:hidden;
}

.hero::after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-120px;
  top:80px;
  background:radial-gradient(circle,rgba(212,175,55,.32),rgba(212,175,55,0) 70%);
  pointer-events:none;
}

.btn{
  box-shadow:0 12px 26px rgba(184,145,47,.28);
  transition:.3s ease;
}

.btn:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(184,145,47,.38);
}

section{
  position:relative;
}

.card{
  border-top:4px solid #b8912f!important;
}

.section-title{
  display:inline-block;
  background:rgba(184,145,47,.12);
  color:#9b7620!important;
  padding:8px 14px;
  border-radius:30px;
}

footer{
  background:linear-gradient(135deg,#111,#2a210d)!important;
}

.whatsapp-float{
  border:4px solid #fff;
}

/* Premium Hero Upgrade */
.hero{
    min-height:90vh !important;
    background:
    linear-gradient(
        120deg,
        rgba(255,248,235,.88),
        rgba(255,255,255,.80)
    ),
    url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?auto=format&fit=crop&w=1920&q=80') !important;

    background-size:cover !important;
    background-position:center center !important;
    background-attachment:fixed !important;
}

.hero-content{
    background:rgba(255,255,255,.78);
    backdrop-filter:blur(8px);
    padding:50px;
    border-radius:30px;
    max-width:800px;
    box-shadow:0 20px 60px rgba(0,0,0,.12);
}

.hero h1{
    font-size:64px !important;
}

.hero p{
    font-size:22px !important;
    color:#444 !important;
    max-width:700px;
}

.hero .tag{
    font-size:15px;
    font-weight:800;
    letter-spacing:4px;
}

@media(max-width:768px){

    .hero{
        background-attachment:scroll !important;
    }

    .hero-content{
        padding:30px;
    }

    .hero h1{
        font-size:42px !important;
    }

    .hero p{
        font-size:18px !important;
    }
}


/* ===== HERO V2 ===== */

.hero{
    min-height:85vh !important;

    background:
    linear-gradient(
        rgba(15,15,15,.72),
        rgba(15,15,15,.78)
    ),
    url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=2200&q=80') !important;

    background-size:cover !important;
    background-position:center center !important;
    background-attachment:fixed !important;
}

.hero-content{

    background:rgba(20,20,20,.55) !important;

    backdrop-filter:blur(12px);

    padding:50px !important;

    border-radius:28px;

    max-width:720px !important;

    box-shadow:0 20px 70px rgba(0,0,0,.45);
}

.hero h1{

    color:#ffffff !important;

    font-size:52px !important;

    line-height:1.15 !important;

    margin-bottom:20px;
}

.hero h1 span{

    color:#d4af37 !important;
}

.hero p{

    color:#e6e6e6 !important;

    font-size:19px !important;

    max-width:650px;
}

.hero .tag{

    color:#d4af37 !important;

    font-size:14px !important;

    letter-spacing:4px !important;
}

/* ===== RESIDENTIAL & COMMERCIAL ===== */

.market-section{

    padding:90px 8%;

    background:#f2eee6;
}

.market-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:30px;
}

.market-card{

    background:#fff;

    border-radius:28px;

    padding:40px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    border-top:6px solid #d4af37;

    transition:.3s;
}

.market-card:hover{

    transform:translateY(-8px);
}

.market-card h3{

    font-size:32px;

    margin-bottom:20px;

    color:#111;
}

.market-card p{

    color:#555;

    font-size:17px;
}

.market-icon{

    font-size:48px;

    margin-bottom:20px;
}

@media(max-width:768px){

    .hero{
        background-attachment:scroll !important;
    }

    .hero h1{
        font-size:38px !important;
    }

    .hero p{
        font-size:17px !important;
    }

    .hero-content{
        padding:30px !important;
    }
}


/* Navbar Premium Color + Smaller Logo */
.logo-img{
  width:120px !important;
  height:120px !important;
}

nav{
  background:linear-gradient(135deg,#111 0%,#1d1a12 55%,#3a2d10 100%) !important;
  border-bottom:3px solid #d4af37 !important;
  box-shadow:0 12px 35px rgba(0,0,0,.25) !important;
}

.logo-wrap{
  color:#fff !important;
}

.logo-wrap span{
  color:#f1d27a !important;
}

nav a{
  color:#fff !important;
}

nav a:hover{
  color:#f1d27a !important;
}

@media(max-width:768px){
  .logo-img{
    width:85px !important;
    height:85px !important;
  }
}

/* =========================
   PREMIUM NAVBAR V2
   ========================= */

nav{
    background:rgba(250,247,240,.92) !important;
    backdrop-filter:blur(16px);
    border-bottom:2px solid rgba(212,175,55,.35) !important;
    box-shadow:0 8px 30px rgba(0,0,0,.08) !important;
}

.logo-wrap{
    color:#1b1b1b !important;
}

.logo-wrap span{
    color:#b8912f !important;
}

nav a{
    color:#2b2b2b !important;
    font-size:15px !important;
    font-weight:700 !important;
    letter-spacing:.5px;
    transition:.3s;
}

nav a:hover{
    color:#b8912f !important;
}

nav a::after{
    background:linear-gradient(90deg,#b8912f,#e8c76a) !important;
}

/* =========================
   LOGO MÁS PEQUEÑO
   ========================= */

.logo-img{
    width:130px !important;
    height:130px !important;
}

@media(max-width:768px){
    .logo-img{
        width:90px !important;
        height:90px !important;
    }
}

/* =========================
   HERO MÁS ELEGANTE
   ========================= */

.hero-content{
    max-width:650px !important;
    padding:40px !important;
}

.hero h1{
    font-size:44px !important;
    line-height:1.15 !important;
}

.hero p{
    font-size:17px !important;
    max-width:560px !important;
}

.hero .tag{
    font-size:13px !important;
    letter-spacing:3px !important;
}

@media(max-width:768px){

    .hero h1{
        font-size:34px !important;
    }

    .hero p{
        font-size:16px !important;
    }

    .hero-content{
        padding:25px !important;
    }
}


/* ===== NAVBAR MÁS MARCADO PREMIUM ===== */
nav{
  background:linear-gradient(135deg,#f8f3e7 0%,#fffaf0 45%,#e7d5a6 100%) !important;
  border-bottom:4px solid #b8912f !important;
  box-shadow:0 12px 35px rgba(70,52,12,.22) !important;
}

nav::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:5px;
  background:linear-gradient(90deg,#111,#b8912f,#f1d27a,#b8912f,#111);
}

nav a{
  background:rgba(255,255,255,.42);
  padding:11px 14px !important;
  border-radius:30px;
  border:1px solid rgba(184,145,47,.18);
}

nav a:hover{
  background:#111;
  color:#f1d27a !important;
}

/* ===== STATS MÁS VIVAS ===== */
.stats{
  background:
    radial-gradient(circle at top left,rgba(212,175,55,.35),transparent 35%),
    linear-gradient(135deg,#111,#241b08,#111) !important;
}

.stat-box{
  background:rgba(255,255,255,.06);
  box-shadow:0 15px 35px rgba(0,0,0,.25);
  transition:.3s ease;
}

.stat-box:hover{
  transform:translateY(-8px) scale(1.03);
  border-color:#d4af37;
}

.stat-box h3{
  font-size:46px !important;
  text-shadow:0 0 18px rgba(212,175,55,.35);
}

/* ===== SERVICIOS MÁS REPRESENTATIVOS ===== */
.card{
  position:relative;
  overflow:hidden;
  padding-top:76px !important;
}

.card::before{
  position:absolute;
  top:24px;
  left:28px;
  font-size:36px;
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#fff4cf,#d4af37);
  box-shadow:0 10px 25px rgba(184,145,47,.28);
}

.card:nth-child(1)::before{content:"🍽️";}
.card:nth-child(2)::before{content:"🛁";}
.card:nth-child(3)::before{content:"🪵";}
.card:nth-child(4)::before{content:"🎨";}
.card:nth-child(5)::before{content:"🗄️";}
.card:nth-child(6)::before{content:"🪚";}
.card:nth-child(7)::before{content:"🏡";}
.card:nth-child(8)::before{content:"💡";}
.card:nth-child(9)::before{content:"🚿";}

.card h3{
  font-size:22px;
}

.card p{
  font-size:16px;
}

.card:hover{
  box-shadow:0 18px 45px rgba(184,145,47,.22);
}

/* ===== ANIMACIÓN SUAVE ===== */
@keyframes premiumFloat{
  0%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
  100%{transform:translateY(0)}
}

.stat-box h3{
  animation:premiumFloat 3s ease-in-out infinite;
}


/* ==========================
   NAVBAR PREMIUM V3
   ========================== */

nav{
  background:linear-gradient(
    135deg,
    rgba(255,255,255,.96),
    rgba(248,248,248,.96),
    rgba(240,240,240,.95)
  ) !important;

  backdrop-filter:blur(18px);

  border-bottom:2px solid rgba(180,180,180,.18) !important;

  box-shadow:0 10px 35px rgba(0,0,0,.08) !important;
}

nav::before{
  background:linear-gradient(
    90deg,
    #d4af37,
    #f5f5f5,
    #d4af37
  ) !important;

  height:3px !important;
}

nav a{

  background:rgba(255,255,255,.55);

  border:1px solid rgba(0,0,0,.06);

  color:#333 !important;

  transition:.3s ease;
}

nav a:hover{

  background:#ffffff;

  color:#b8912f !important;

  box-shadow:0 8px 20px rgba(0,0,0,.08);
}

/* ==========================
   STATS PREMIUM V2
   ========================== */

.stats{

  background:
  linear-gradient(
    135deg,
    #141414,
    #202020,
    #111111
  ) !important;
}

.stat-box{

  background:linear-gradient(
    145deg,
    rgba(255,255,255,.08),
    rgba(255,255,255,.03)
  );

  border:1px solid rgba(212,175,55,.25);

  position:relative;

  overflow:hidden;
}

.stat-box::after{

  content:"↗";

  position:absolute;

  top:18px;

  right:20px;

  color:#25d366;

  font-size:28px;

  font-weight:bold;

  opacity:.8;

  animation:growArrow 2s infinite;
}

@keyframes growArrow{

  0%{
    transform:translateY(0);
    opacity:.5;
  }

  50%{
    transform:translateY(-8px);
    opacity:1;
  }

  100%{
    transform:translateY(0);
    opacity:.5;
  }
}

.stat-box h3{

  font-size:52px !important;

  color:#f1d27a !important;

  text-shadow:
    0 0 10px rgba(212,175,55,.4),
    0 0 25px rgba(212,175,55,.25);
}

.stat-box p{

  font-size:17px;

  color:#f0f0f0;
}

.stat-box:hover{

  transform:translateY(-10px) scale(1.05);

  box-shadow:
    0 20px 45px rgba(212,175,55,.18);
}


/* ===== COUNTER STATS ===== */
.stat-box h3{
  transition:.3s ease;
}

/* ===== FEATURED PROJECTS HOME ===== */
.featured-projects{
  padding:90px 8%;
  background:#f7f5ef;
}

.projects-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:26px;
}

.project-card{
  height:340px;
  border-radius:26px;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  position:relative;
  box-shadow:0 18px 45px rgba(0,0,0,.16);
  transition:.35s ease;
}

.project-card:hover{
  transform:translateY(-8px);
}

.project-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.15));
}

.project-info{
  position:absolute;
  bottom:0;
  padding:28px;
  color:#fff;
  z-index:2;
}

.project-info h3{
  font-size:25px;
  margin-bottom:8px;
  color:#f1d27a;
}

/* ===== BETTER TESTIMONIALS ===== */
.testimonial-card{
  border-left:5px solid #b8912f;
  position:relative;
}

.testimonial-card::before{
  content:"“";
  position:absolute;
  top:-18px;
  right:25px;
  font-size:90px;
  color:rgba(184,145,47,.18);
  font-family:serif;
}

/* ===== CLIENT REVIEW FORM ===== */
.review-form-box{
  margin-top:35px;
  background:#fff;
  padding:32px;
  border-radius:24px;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
  border:1px solid rgba(184,145,47,.18);
}

.review-form-box h3{
  margin-bottom:18px;
  color:#111;
}

.review-form-box input,
.review-form-box textarea,
.review-form-box select{
  width:100%;
  padding:14px;
  margin-bottom:14px;
  border:1px solid #ddd;
  border-radius:12px;
  font-size:15px;
}

.review-form-box button{
  background:#b8912f;
  color:#fff;
  border:0;
  padding:14px 24px;
  border-radius:30px;
  font-weight:800;
  cursor:pointer;
}

.review-form-box button:hover{
  background:#111;
}

.stat-box h3{
  min-height:62px;
}

/* Dark Premium Review Form */
.review-form-box{
  background:linear-gradient(135deg,#111,#1f1a10) !important;
  color:#fff !important;
  border:1px solid rgba(212,175,55,.35) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.28) !important;
}

.review-form-box h3{
  color:#f1d27a !important;
}

.review-form-box input,
.review-form-box textarea,
.review-form-box select{
  background:#fff !important;
  color:#111 !important;
  border:1px solid rgba(212,175,55,.35) !important;
}

.review-form-box textarea{
  min-height:120px;
}

.review-form-box button{
  background:linear-gradient(135deg,#b8912f,#d4af37) !important;
  color:#111 !important;
  box-shadow:0 10px 25px rgba(212,175,55,.25);
}

.review-form-box button:hover{
  background:#fff !important;
  color:#111 !important;
}

/* Softer Review Form */
.review-form-box{
  background:linear-gradient(135deg,#f8f3e7,#ffffff) !important;
  color:#111 !important;
  border:1px solid rgba(184,145,47,.28) !important;
}

.review-form-box h3{
  color:#b8912f !important;
}

.review-form-box input,
.review-form-box textarea,
.review-form-box select{
  background:#fff !important;
}

/* Internal Pages Upgrade */
.hero{
  border-bottom:6px solid rgba(184,145,47,.45);
}

.card{
  background:linear-gradient(145deg,#ffffff,#f8f4ea) !important;
  border:1px solid rgba(184,145,47,.18) !important;
}

.card h3{
  color:#9b7620 !important;
}

.card:hover{
  transform:translateY(-8px);
  box-shadow:0 18px 45px rgba(184,145,47,.20) !important;
}

/* Gallery Upgrade */
.photo{
  cursor:pointer;
  transition:.35s ease;
  border:4px solid #fff;
}

.photo:hover{
  transform:scale(1.03);
  box-shadow:0 20px 55px rgba(184,145,47,.28);
}

.gallery-modal{
  display:none;
  position:fixed;
  z-index:99999;
  inset:0;
  background:rgba(0,0,0,.88);
  align-items:center;
  justify-content:center;
  padding:30px;
}

.gallery-modal img{
  max-width:92%;
  max-height:88vh;
  border-radius:18px;
  box-shadow:0 25px 80px rgba(0,0,0,.5);
}

.gallery-modal span{
  position:absolute;
  top:25px;
  right:35px;
  color:#fff;
  font-size:44px;
  cursor:pointer;
}

/* Better Mobile */
@media(max-width:768px){
  nav{
    text-align:center;
  }

  nav div:last-child{
    margin-top:12px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
  }

  nav a{
    margin:4px !important;
    font-size:13px !important;
    padding:9px 11px !important;
  }

  section{
    padding:55px 6% !important;
  }

  h1{
    font-size:36px !important;
  }

  h2{
    font-size:30px !important;
  }

  .grid,
  .projects-grid,
  .market-grid,
  .stats-grid{
    grid-template-columns:1fr !important;
  }

  .photo,
  .project-card{
    height:280px !important;
  }
}

.about-values{
  background:linear-gradient(135deg,#fff,#f7f1e4);
}

.values-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:24px;
}

.value-card{
  background:#fff;
  border-radius:24px;
  padding:32px;
  box-shadow:0 14px 38px rgba(0,0,0,.08);
  border:1px solid rgba(184,145,47,.18);
  transition:.3s ease;
}

.value-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 50px rgba(184,145,47,.20);
}

.value-icon{
  width:62px;
  height:62px;
  border-radius:18px;
  background:linear-gradient(135deg,#fff4cf,#d4af37);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  margin-bottom:18px;
}

.value-card h3{
  color:#9b7620;
  margin-bottom:10px;
  font-size:22px;
}

.value-card p{
  color:#555;
}

/* HOME HERO SLIDES */
.hero{
  background-image:none !important;
  position:relative;
  overflow:hidden;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,0,0,.68),rgba(0,0,0,.72)),
    var(--hero-bg);
  background-size:cover;
  background-position:center;
  transition:background-image 1s ease-in-out;
  z-index:0;
}

.hero > *{
  position:relative;
  z-index:2;
}

.project-card{
  cursor:pointer;
}

.project-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(0,0,0,.88);
  align-items:center;
  justify-content:center;
  padding:30px;
}

.project-modal img{
  max-width:92%;
  max-height:88vh;
  border-radius:18px;
  box-shadow:0 25px 80px rgba(0,0,0,.55);
}

.project-modal span{
  position:absolute;
  top:25px;
  right:35px;
  color:#fff;
  font-size:44px;
  cursor:pointer;
}

/* ABOUT PAGE PREMIUM UPGRADE */
.about-page .hero{
  position:relative;
}

.about-page .hero::after{
  content:"";
  position:absolute;
  inset:auto 8% -45px auto;
  width:260px;
  height:260px;
  background:radial-gradient(circle,rgba(212,175,55,.45),transparent 70%);
  display:block!important;
  pointer-events:none;
}

.about-page section:nth-of-type(1){
  background:linear-gradient(135deg,#fff,#f7f1e4);
  border-bottom:1px solid rgba(184,145,47,.18);
}

.about-page section:nth-of-type(1) p{
  font-size:18px;
  color:#444;
  max-width:950px;
}

.about-values{
  background:
    radial-gradient(circle at top right,rgba(212,175,55,.18),transparent 35%),
    linear-gradient(135deg,#f8f3e7,#ffffff)!important;
}

.value-card{
  border-top:5px solid #d4af37!important;
}

.value-icon{
  animation:aboutIconFloat 3s ease-in-out infinite;
}

@keyframes aboutIconFloat{
  0%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
  100%{transform:translateY(0)}
}

.contact-link{
  color:inherit;
  text-decoration:none;
  font-weight:800;
}

.contact-link:hover{
  color:#b8912f;
  text-decoration:underline;
}

.topbar .contact-link{
  color:#fff;
}

.topbar .contact-link:hover{
  color:#f1d27a;
}

.whatsapp-float svg{
  display:block!important;
  width:34px!important;
  height:34px!important;
}

/* ===== PREMIUM MARKET CARDS V2 ===== */
.market-card{
  position:relative;
  min-height:360px;
  overflow:hidden;
  color:#fff!important;
  border:0!important;
  background-size:cover!important;
  background-position:center!important;
}

.market-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.35));
  z-index:1;
}

.market-card > *{
  position:relative;
  z-index:2;
}

.market-card h3{
  color:#f1d27a!important;
  font-size:34px!important;
}

.market-card p{
  color:#fff!important;
  font-size:18px!important;
}

.market-card:nth-child(1){
  background-image:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1200&q=80')!important;
}

.market-card:nth-child(2){
  background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1200&q=80')!important;
}

.market-icon{
  width:78px;
  height:78px;
  border-radius:22px;
  background:linear-gradient(135deg,#d4af37,#fff1b0);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:42px!important;
  box-shadow:0 14px 35px rgba(212,175,55,.35);
}

/* ===== HOME PROJECT SLIDER ===== */
.featured-projects{
  overflow:hidden;
}

.home-slider{
  position:relative;
}

.projects-grid{
  display:flex!important;
  gap:26px;
  overflow:hidden;
  scroll-behavior:smooth;
}

.project-card{
  min-width:calc(33.333% - 18px);
}

.slider-controls{
  display:flex;
  justify-content:flex-end;
  gap:12px;
  margin-bottom:22px;
}

.slider-btn{
  width:48px;
  height:48px;
  border:0;
  border-radius:50%;
  background:#111;
  color:#f1d27a;
  font-size:24px;
  cursor:pointer;
  box-shadow:0 10px 25px rgba(0,0,0,.18);
}

.slider-btn:hover{
  background:#b8912f;
  color:#fff;
}

/* ===== GALLERY MORE PREMIUM ===== */
.gallery-controls{
  display:flex;
  justify-content:center;
  gap:14px;
  margin:30px 0;
}

.gallery-controls button{
  border:0;
  background:#111;
  color:#f1d27a;
  width:54px;
  height:54px;
  border-radius:50%;
  font-size:26px;
  cursor:pointer;
}

.gallery-controls button:hover{
  background:#b8912f;
  color:#fff;
}

@media(max-width:900px){
  .project-card{
    min-width:82%;
  }
}

/* Gallery slider behavior */
#gallerySlider{
  display:flex!important;
  gap:24px;
  overflow-x:auto;
  scroll-behavior:smooth;
  padding-bottom:18px;
}

#gallerySlider .photo{
  min-width:330px;
}

#gallerySlider::-webkit-scrollbar,
.projects-grid::-webkit-scrollbar{
  height:8px;
}

#gallerySlider::-webkit-scrollbar-thumb,
.projects-grid::-webkit-scrollbar-thumb{
  background:#b8912f;
  border-radius:20px;
}

/* Market cards icons better contrast */
.market-icon{
  background:rgba(0,0,0,.72)!important;
  color:#f1d27a!important;
  border:2px solid rgba(241,210,122,.75);
  backdrop-filter:blur(8px);
  box-shadow:0 14px 35px rgba(0,0,0,.45)!important;
}

/* Home project modal with description */
.project-modal{
  flex-direction:column;
}

.project-modal-content{
  position:relative;
  max-width:92%;
  max-height:88vh;
}

.project-modal img{
  max-width:100%;
  max-height:76vh;
}

.project-modal-caption{
  color:#fff;
  background:rgba(0,0,0,.75);
  padding:18px 24px;
  border-radius:0 0 18px 18px;
  font-size:18px;
  text-align:center;
}

.project-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:54px;
  height:54px;
  border:0;
  border-radius:50%;
  background:rgba(0,0,0,.65);
  color:#f1d27a;
  font-size:34px;
  cursor:pointer;
  z-index:2;
}

.project-arrow.left{left:-70px}
.project-arrow.right{right:-70px}

.project-arrow:hover{
  background:#b8912f;
  color:#fff;
}

/* Home gallery back to first style grid */
.featured-projects .projects-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  overflow:visible!important;
}

.featured-projects .project-card{
  min-width:unset!important;
}

.featured-projects .slider-controls{
  display:none!important;
}

@media(max-width:768px){
  .project-arrow.left{left:10px}
  .project-arrow.right{right:10px}
}

/* ===== PREMIUM SVG ICONS FOR RESIDENTIAL / COMMERCIAL ===== */
.market-icon{
  width:76px!important;
  height:76px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.38)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 14px 35px rgba(0,0,0,.25)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.market-icon svg{
  width:40px!important;
  height:40px!important;
  stroke:#f1d27a!important;
}

/* ===== PREMIUM CORPORATE HOME GALLERY ===== */
.featured-projects{
  background:linear-gradient(135deg,#fff,#f4efe4)!important;
}

.featured-projects .projects-grid{
  display:grid!important;
  grid-template-columns:2fr 1fr 1fr!important;
  grid-auto-rows:260px!important;
  gap:22px!important;
}

.featured-projects .project-card{
  min-width:unset!important;
  height:auto!important;
  border-radius:28px!important;
  overflow:hidden!important;
  position:relative!important;
  border:1px solid rgba(184,145,47,.25);
}

.featured-projects .project-card:first-child{
  grid-row:span 2;
}

.featured-projects .project-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.18));
  z-index:1;
}

.featured-projects .project-card::after{
  content:"View Project";
  position:absolute;
  top:22px;
  right:22px;
  z-index:3;
  background:rgba(255,255,255,.92);
  color:#111;
  padding:9px 15px;
  border-radius:30px;
  font-size:13px;
  font-weight:800;
  opacity:0;
  transform:translateY(-8px);
  transition:.3s ease;
}

.featured-projects .project-card:hover::after{
  opacity:1;
  transform:translateY(0);
}

.featured-projects .project-info{
  z-index:2!important;
}

.featured-projects .project-info h3{
  color:#f1d27a!important;
  font-size:25px!important;
}

.featured-projects .project-info p{
  color:#fff!important;
}

.project-modal{
  background:rgba(0,0,0,.92)!important;
}

.project-modal-content{
  background:#111;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(212,175,55,.35);
  box-shadow:0 30px 90px rgba(0,0,0,.65);
}

.project-modal-caption{
  background:linear-gradient(135deg,#111,#241b08)!important;
  color:#fff!important;
  text-align:left!important;
}

.project-modal-caption strong{
  color:#f1d27a;
  font-size:24px;
}

@media(max-width:900px){
  .featured-projects .projects-grid{
    grid-template-columns:1fr!important;
    grid-auto-rows:300px!important;
  }

  .featured-projects .project-card:first-child{
    grid-row:span 1;
  }
}

/* ===== SVG ICON SYSTEM ===== */
.service-svg-icon,
.value-icon{
  width:64px!important;
  height:64px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fff,#f4ead0)!important;
  border:1px solid rgba(184,145,47,.28)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:18px!important;
  box-shadow:0 12px 30px rgba(184,145,47,.18)!important;
}

.service-svg-icon svg,
.value-icon svg{
  width:34px!important;
  height:34px!important;
  fill:none!important;
  stroke:#b8912f!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.services-page .card{
  padding-top:30px!important;
}

/* Fix home project modal */
.project-modal{
  display:none;
}

.project-modal[style*="flex"]{
  display:flex!important;
}

.project-modal-content{
  max-width:980px!important;
  width:92%!important;
}

.project-modal img{
  width:100%!important;
  max-height:72vh!important;
  object-fit:cover!important;
}

.project-modal-caption{
  padding:22px 28px!important;
}

.project-modal-caption span{
  display:block;
  margin-top:8px;
  color:#e7e7e7;
}

.featured-projects .project-card{
  cursor:pointer!important;
}

/* Disable old emoji icons on internal pages */
.about-page .card::before,
.services-page .card::before,
.gallery-page .card::before,
.contact-page .card::before{
  content:none!important;
  display:none!important;
}

.about-page .card,
.services-page .card,
.gallery-page .card,
.contact-page .card{
  padding-top:30px!important;
}

/* SVG service icons visible */
.services-page .service-svg-icon{
  width:64px!important;
  height:64px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fff,#f4ead0)!important;
  border:1px solid rgba(184,145,47,.28)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:18px!important;
}

.services-page .service-svg-icon svg{
  width:34px!important;
  height:34px!important;
  fill:none!important;
  stroke:#b8912f!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Remove old emoji pseudo-icons from HOME */
.card::before{
  content:none!important;
  display:none!important;
}

/* Market SVG icons premium */
.market-icon{
  color:#f1d27a!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  backdrop-filter:blur(14px)!important;
}

.market-icon svg{
  width:42px!important;
  height:42px!important;
}

/* WOW Home Showcase */
.premium-showcase{
  background:
    radial-gradient(circle at top left,rgba(212,175,55,.18),transparent 35%),
    linear-gradient(135deg,#ffffff,#f5efe3)!important;
  padding:95px 8%!important;
}

.showcase-intro{
  max-width:820px;
  color:#555;
  margin-bottom:40px;
  font-size:18px;
}

.showcase-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  grid-auto-rows:260px;
  gap:22px;
}

.showcase-card{
  position:relative;
  background-size:cover;
  background-position:center;
  border-radius:30px;
  overflow:hidden;
  cursor:pointer;
  box-shadow:0 20px 55px rgba(0,0,0,.16);
  border:1px solid rgba(184,145,47,.25);
  transition:.35s ease;
}

.showcase-card.large{
  grid-row:span 2;
}

.showcase-card.wide{
  grid-column:span 2;
}

.showcase-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.84),rgba(0,0,0,.10));
  z-index:1;
}

.showcase-card::after{
  content:"View Details";
  position:absolute;
  top:22px;
  right:22px;
  z-index:3;
  background:rgba(255,255,255,.92);
  color:#111;
  padding:9px 15px;
  border-radius:30px;
  font-size:13px;
  font-weight:900;
  opacity:0;
  transform:translateY(-8px);
  transition:.3s ease;
}

.showcase-card:hover{
  transform:translateY(-9px) scale(1.01);
  box-shadow:0 28px 75px rgba(184,145,47,.28);
}

.showcase-card:hover::after{
  opacity:1;
  transform:translateY(0);
}

.showcase-info{
  position:absolute;
  bottom:0;
  padding:30px;
  z-index:2;
  color:#fff;
}

.showcase-info span{
  display:inline-block;
  background:rgba(212,175,55,.92);
  color:#111;
  padding:7px 13px;
  border-radius:30px;
  font-size:12px;
  font-weight:900;
  margin-bottom:12px;
  text-transform:uppercase;
  letter-spacing:1px;
}

.showcase-info h3{
  color:#fff!important;
  font-size:29px!important;
  margin-bottom:8px;
}

.showcase-info p{
  color:#eee!important;
  font-size:16px!important;
}

/* Showcase Modal */
.showcase-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(0,0,0,.92);
  align-items:center;
  justify-content:center;
  padding:32px;
}

.showcase-modal-box{
  width:min(1050px,92vw);
  background:#111;
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(212,175,55,.4);
  box-shadow:0 35px 95px rgba(0,0,0,.7);
}

.showcase-modal-box img{
  width:100%;
  height:min(68vh,620px);
  object-fit:cover;
  display:block;
}

.showcase-modal-info{
  padding:26px 32px;
  background:linear-gradient(135deg,#111,#251c08);
  color:#fff;
}

.showcase-modal-info span{
  color:#f1d27a;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:13px;
}

.showcase-modal-info h3{
  color:#fff;
  font-size:30px;
  margin:8px 0;
}

.showcase-modal-info p{
  color:#ddd;
  font-size:17px;
}

.showcase-close{
  position:absolute;
  top:24px;
  right:34px;
  background:transparent;
  border:0;
  color:#fff;
  font-size:46px;
  cursor:pointer;
}

.showcase-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:58px;
  height:58px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  color:#f1d27a;
  font-size:38px;
  cursor:pointer;
  backdrop-filter:blur(8px);
}

.showcase-nav.left{left:34px}
.showcase-nav.right{right:34px}

.showcase-nav:hover{
  background:#b8912f;
  color:#fff;
}

@media(max-width:900px){
  .showcase-grid{
    grid-template-columns:1fr!important;
    grid-auto-rows:310px!important;
  }

  .showcase-card.large,
  .showcase-card.wide{
    grid-row:span 1!important;
    grid-column:span 1!important;
  }

  .showcase-nav.left{left:12px}
  .showcase-nav.right{right:12px}
}

/* RESTORE HERO BACKGROUND */
.hero{
  position:relative!important;
  overflow:hidden!important;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(
      rgba(0,0,0,.68),
      rgba(0,0,0,.74)
    ),
    var(--hero-bg);

  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;

  transition:all 1.2s ease-in-out;

  z-index:0;
}

.hero > *{
  position:relative;
  z-index:2;
}

/* ===== NAVBAR BUTTONS STRONGER PREMIUM ===== */
nav a{
  background:linear-gradient(135deg,#ffffff,#f3ead6)!important;
  border:1px solid rgba(184,145,47,.38)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.08)!important;
  color:#1b1b1b!important;
  font-weight:900!important;
  text-transform:uppercase;
  font-size:13px!important;
}

nav a:hover{
  background:linear-gradient(135deg,#111,#2a210d)!important;
  color:#f1d27a!important;
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(184,145,47,.25)!important;
}

nav a::after{
  display:none!important;
}

/* ===== HERO DYNAMIC TEXT ===== */
#heroDynamicText{
  display:inline-block;
  transition:.35s ease;
  color:#d4af37!important;
}

/* ===== INTERNAL GALLERY SAME PREMIUM STYLE ===== */
.internal-gallery{
  padding-top:90px!important;
}

.gallery-page .premium-showcase{
  background:
    radial-gradient(circle at top right,rgba(212,175,55,.18),transparent 38%),
    linear-gradient(135deg,#ffffff,#f5efe3)!important;
}

/* Better responsive navbar */
@media(max-width:768px){
  nav a{
    font-size:12px!important;
    padding:9px 10px!important;
  }
}

/* ===== HERO ANIMATED TEXT FIX ===== */
#heroDynamicText{
  color:#d4af37!important;
  display:inline-block;
  transition:opacity .35s ease, transform .35s ease;
}

#heroDynamicText.fade-out{
  opacity:0;
  transform:translateY(12px);
}

/* ===== WOW TESTIMONIALS SECTION ===== */
.premium-reviews{
  background:
    radial-gradient(circle at top left,rgba(212,175,55,.22),transparent 34%),
    linear-gradient(135deg,#ffffff,#f6efe2)!important;
  padding:95px 8%!important;
}

.reviews-intro{
  max-width:760px;
  color:#555;
  font-size:18px;
  margin-bottom:38px;
}

.reviews-grid{
  margin-bottom:42px;
}

.testimonial-card{
  background:linear-gradient(145deg,#ffffff,#f8f1df)!important;
  border:1px solid rgba(184,145,47,.25)!important;
  border-left:6px solid #b8912f!important;
  border-radius:26px!important;
  padding:34px!important;
  box-shadow:0 18px 45px rgba(0,0,0,.10)!important;
  position:relative;
  overflow:hidden;
}

.testimonial-card::after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-55px;
  top:-55px;
  background:radial-gradient(circle,rgba(212,175,55,.25),transparent 70%);
}

.review-stars{
  color:#d4af37;
  font-size:24px;
  letter-spacing:3px;
  margin-bottom:18px;
  text-shadow:0 0 12px rgba(212,175,55,.22);
}

.testimonial-card p{
  color:#333;
  font-size:17px;
  line-height:1.7;
  margin-bottom:18px;
}

.testimonial-card strong{
  color:#111;
  font-weight:900;
}

.review-form-box{
  max-width:850px;
  margin:45px auto 0!important;
  background:linear-gradient(135deg,#111,#2b210d)!important;
  color:#fff!important;
  border-radius:30px!important;
  padding:38px!important;
  border:1px solid rgba(212,175,55,.38)!important;
  box-shadow:0 25px 70px rgba(0,0,0,.28)!important;
}

.review-form-header{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:22px;
}

.review-form-header span{
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:linear-gradient(135deg,#d4af37,#fff0aa);
  color:#111;
  font-size:30px;
  font-weight:900;
}

.review-form-header h3{
  color:#f1d27a!important;
  font-size:28px;
  margin-bottom:4px;
}

.review-form-header p{
  color:#ddd;
}

.review-form-box input,
.review-form-box textarea,
.review-form-box select{
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(212,175,55,.35)!important;
  border-radius:16px!important;
  padding:16px!important;
}

.review-form-box button{
  width:100%;
  background:linear-gradient(135deg,#d4af37,#fff0aa)!important;
  color:#111!important;
  border:0!important;
  padding:16px!important;
  border-radius:40px!important;
  font-weight:900!important;
  font-size:16px;
  cursor:pointer;
  transition:.3s ease;
}

.review-form-box button:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 35px rgba(212,175,55,.30);
}

@media(max-width:768px){
  .review-form-header{
    align-items:flex-start;
  }

  .review-form-box{
    padding:28px!important;
  }
}

/* ===== WOW NAVBAR FINAL ===== */
nav{
  background:
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(245,239,225,.96)),
    radial-gradient(circle at top left,rgba(212,175,55,.25),transparent 35%)!important;
  backdrop-filter:blur(20px)!important;
  border-bottom:1px solid rgba(184,145,47,.35)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.12)!important;
}

nav::before{
  height:4px!important;
  background:linear-gradient(90deg,#111,#b8912f,#f1d27a,#b8912f,#111)!important;
}

nav a{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(184,145,47,.35)!important;
  color:#111!important;
  border-radius:999px!important;
  padding:12px 18px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.08)!important;
}

nav a:hover{
  background:linear-gradient(135deg,#111,#3a2d10)!important;
  color:#f1d27a!important;
  border-color:#f1d27a!important;
  transform:translateY(-3px) scale(1.03);
}

.logo-wrap{
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.12));
}

/* ===== FIX HOME HERO BACKGROUND ===== */
body:not(.about-page):not(.services-page):not(.gallery-page):not(.contact-page) .hero{
  position:relative!important;
  overflow:hidden!important;
  background:#111!important;
}

body:not(.about-page):not(.services-page):not(.gallery-page):not(.contact-page) .hero::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background-image:
    linear-gradient(rgba(0,0,0,.68),rgba(0,0,0,.76)),
    var(--hero-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  z-index:0!important;
  transition:all 1.2s ease!important;
}

.hero > *{
  position:relative!important;
  z-index:2!important;
}

/* ===== WOW NAVBAR CLEAN PREMIUM ===== */
nav{
  background:linear-gradient(135deg,#fffaf0,#ffffff,#f3ead6)!important;
  border-bottom:3px solid #d4af37!important;
  box-shadow:0 18px 45px rgba(0,0,0,.14)!important;
}

nav::before{
  height:5px!important;
  background:linear-gradient(90deg,#111,#d4af37,#fff0aa,#d4af37,#111)!important;
}

nav a{
  background:linear-gradient(135deg,#ffffff,#f8f1df)!important;
  border:1px solid rgba(184,145,47,.45)!important;
  color:#111!important;
  border-radius:999px!important;
  padding:13px 20px!important;
  font-weight:900!important;
  letter-spacing:.7px!important;
  box-shadow:0 10px 25px rgba(184,145,47,.12)!important;
}

nav a:hover{
  background:linear-gradient(135deg,#111,#2b210d)!important;
  color:#f1d27a!important;
  transform:translateY(-4px)!important;
  box-shadow:0 18px 38px rgba(184,145,47,.35)!important;
}

/* ===== WOW OUR SERVICES HOME ===== */
#services{
  background:
    radial-gradient(circle at top right,rgba(212,175,55,.20),transparent 35%),
    linear-gradient(135deg,#ffffff,#f6efe2)!important;
}

#services .grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;
  gap:26px!important;
}

#services .card{
  min-height:260px;
  background:linear-gradient(145deg,#111,#2b210d)!important;
  color:#fff!important;
  border:1px solid rgba(212,175,55,.35)!important;
  border-radius:30px!important;
  padding:34px!important;
  box-shadow:0 22px 55px rgba(0,0,0,.18)!important;
  position:relative!important;
  overflow:hidden!important;
}

#services .card::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-70px;
  top:-70px;
  background:radial-gradient(circle,rgba(212,175,55,.35),transparent 70%);
}

#services .card h3{
  color:#f1d27a!important;
  font-size:25px!important;
  margin-top:18px;
}

#services .card p{
  color:#eeeeee!important;
  font-size:16px!important;
}

#services .card:hover{
  transform:translateY(-10px) scale(1.02)!important;
  box-shadow:0 30px 80px rgba(184,145,47,.28)!important;
}

#services .card .service-svg-icon{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(241,210,122,.45)!important;
  backdrop-filter:blur(10px);
}

#services .card .service-svg-icon svg{
  stroke:#f1d27a!important;
}

@media(max-width:768px){
  nav a{
    padding:10px 12px!important;
    font-size:12px!important;
  }

  #services .card{
    min-height:auto;
  }
}

/* Fix home gallery clickable */
.premium-showcase .showcase-card{
  cursor:pointer!important;
}

/* Mobile navbar spacing fix */
@media(max-width:768px){
  nav div:last-child{
    gap:12px!important;
    row-gap:12px!important;
    padding-top:12px!important;
  }

  nav a{
    margin:4px!important;
    padding:11px 14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* ===== ULTRA PREMIUM NAVBAR ===== */
nav{
  background:
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(248,244,235,.96)),
    radial-gradient(circle at top left,rgba(212,175,55,.18),transparent 40%)!important;
  backdrop-filter:blur(22px)!important;
  border-bottom:1px solid rgba(184,145,47,.42)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.14)!important;
}

nav::before{
  height:5px!important;
  background:linear-gradient(90deg,#111,#b8912f,#f1d27a,#b8912f,#111)!important;
}

nav .logo-wrap{
  color:#111!important;
  font-weight:950!important;
  letter-spacing:.5px!important;
}

nav .logo-wrap span{
  color:#9b7620!important;
}

nav a{
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(184,145,47,.35)!important;
  color:#111!important;
  border-radius:999px!important;
  padding:13px 20px!important;
  font-size:13px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.8px!important;
  box-shadow:0 10px 25px rgba(0,0,0,.07)!important;
  transition:.3s ease!important;
}

nav a:hover{
  background:linear-gradient(135deg,#111,#2f250d)!important;
  color:#f1d27a!important;
  border-color:#f1d27a!important;
  transform:translateY(-4px)!important;
  box-shadow:0 18px 40px rgba(184,145,47,.30)!important;
}

/* ===== HOME SERVICES WITH IMAGE BACKGROUNDS ===== */
#services{
  background:
    radial-gradient(circle at top left,rgba(212,175,55,.20),transparent 35%),
    linear-gradient(135deg,#fff,#f5efe3)!important;
}

#services .grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:28px!important;
}

#services .card{
  min-height:330px!important;
  border-radius:30px!important;
  overflow:hidden!important;
  position:relative!important;
  padding:34px!important;
  color:#fff!important;
  background-size:cover!important;
  background-position:center!important;
  border:1px solid rgba(212,175,55,.35)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.20)!important;
}

#services .card::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.25))!important;
  z-index:1!important;
}

#services .card > *{
  position:relative!important;
  z-index:2!important;
}

#services .card h3{
  color:#f1d27a!important;
  font-size:26px!important;
  margin-top:18px!important;
}

#services .card p{
  color:#f4f4f4!important;
  font-size:16px!important;
}

#services .card:hover{
  transform:translateY(-10px) scale(1.02)!important;
  box-shadow:0 32px 85px rgba(184,145,47,.30)!important;
}

#services .card:nth-child(1){
  background-image:url('https://images.unsplash.com/photo-1556912173-3bb406ef7e77?auto=format&fit=crop&w=1200&q=80')!important;
}

#services .card:nth-child(2){
  background-image:url('https://images.unsplash.com/photo-1584622650111-993a426fbf0a?auto=format&fit=crop&w=1200&q=80')!important;
}

#services .card:nth-child(3){
  background-image:url('https://images.unsplash.com/photo-1581858726788-75bc0f6a952d?auto=format&fit=crop&w=1200&q=80')!important;
}

#services .card:nth-child(4){
  background-image:url('https://images.unsplash.com/photo-1562259949-e8e7689d7828?auto=format&fit=crop&w=1200&q=80')!important;
}

#services .service-svg-icon{
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(241,210,122,.52)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 14px 35px rgba(0,0,0,.35)!important;
}

#services .service-svg-icon svg{
  stroke:#f1d27a!important;
}

/* Mobile polish */
@media(max-width:768px){
  nav{
    padding:18px 5%!important;
  }

  nav div:last-child{
    gap:12px!important;
  }

  nav a{
    font-size:12px!important;
    padding:10px 13px!important;
  }

  #services .card{
    min-height:300px!important;
  }
}

/* FINAL COLOR BALANCE: less yellow, more premium neutral */
body{
  background:#f4f6f8!important;
}

/* FINAL WOW NAVBAR */
nav{
  background:linear-gradient(135deg,#ffffff 0%,#f7f9fb 55%,#e8edf3 100%)!important;
  border-bottom:1px solid rgba(15,23,42,.12)!important;
  box-shadow:0 18px 50px rgba(15,23,42,.14)!important;
}

nav::before{
  height:5px!important;
  background:linear-gradient(90deg,#0f172a,#64748b,#c8a94a,#64748b,#0f172a)!important;
}

nav a{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.12)!important;
  box-shadow:0 10px 25px rgba(15,23,42,.09)!important;
}

nav a:hover{
  background:linear-gradient(135deg,#0f172a,#1e293b)!important;
  color:#f8fafc!important;
  border-color:#c8a94a!important;
  transform:translateY(-3px)!important;
}

.logo-wrap span{
  color:#334155!important;
}

/* HOME SERVICES PRO */
.home-services-pro{
  background:
    radial-gradient(circle at top right,rgba(59,130,246,.10),transparent 34%),
    linear-gradient(135deg,#f8fafc,#eef2f7)!important;
  padding:95px 8%!important;
}

.services-intro{
  max-width:780px;
  color:#475569;
  font-size:18px;
  margin-bottom:40px;
}

.services-pro-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:28px;
}

.service-pro-card{
  min-height:360px;
  border-radius:30px;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  position:relative;
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  box-shadow:0 25px 65px rgba(15,23,42,.18);
  border:1px solid rgba(255,255,255,.65);
  transition:.35s ease;
}

.service-pro-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(15,23,42,.88),rgba(15,23,42,.30),rgba(15,23,42,.05));
  z-index:1;
}

.service-pro-card > *{
  position:relative;
  z-index:2;
}

.service-pro-card:hover{
  transform:translateY(-10px) scale(1.015);
  box-shadow:0 35px 90px rgba(15,23,42,.28);
}

.service-pro-icon{
  display:inline-flex;
  width:max-content;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.90);
  color:#0f172a;
  font-size:12px;
  font-weight:950;
  letter-spacing:1px;
  text-transform:uppercase;
  margin-bottom:15px;
  border:1px solid rgba(200,169,74,.45);
}

.service-pro-card h3{
  color:#ffffff!important;
  font-size:27px!important;
  margin-bottom:10px;
}

.service-pro-card p{
  color:#e5e7eb!important;
  font-size:16px!important;
  line-height:1.6;
}

/* Less yellow in section labels */
.section-title{
  background:rgba(15,23,42,.08)!important;
  color:#334155!important;
  border:1px solid rgba(200,169,74,.25);
}

/* Mobile navbar spacing */
@media(max-width:768px){
  nav div:last-child{
    gap:14px!important;
    row-gap:14px!important;
  }

  nav a{
    margin:5px!important;
    padding:11px 14px!important;
  }

  .service-pro-card{
    min-height:320px;
  }
}

/* ===== FINAL PREMIUM COLOR PALETTE: LESS YELLOW ===== */
:root{
  --premium-dark:#0f172a;
  --premium-charcoal:#111827;
  --premium-slate:#334155;
  --premium-soft:#f8fafc;
  --premium-muted:#e5e7eb;
  --premium-accent:#b08d2f;
}

/* Global cleaner premium tone */
body{
  background:#f8fafc!important;
  color:#111827!important;
}

/* Navbar: luxury corporate, not yellow */
nav{
  background:linear-gradient(135deg,#ffffff 0%,#f8fafc 45%,#eef2f7 100%)!important;
  border-bottom:1px solid rgba(15,23,42,.12)!important;
  box-shadow:0 20px 55px rgba(15,23,42,.16)!important;
}

nav::before{
  height:4px!important;
  background:linear-gradient(90deg,#0f172a,#334155,#94a3b8,#334155,#0f172a)!important;
}

.logo-wrap{
  color:#0f172a!important;
}

.logo-wrap span{
  color:#334155!important;
}

nav a{
  background:rgba(255,255,255,.92)!important;
  color:#0f172a!important;
  border:1px solid rgba(51,65,85,.16)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
}

nav a:hover{
  background:linear-gradient(135deg,#0f172a,#1e293b)!important;
  color:#ffffff!important;
  border-color:#64748b!important;
  box-shadow:0 18px 42px rgba(15,23,42,.25)!important;
}

/* Section labels: remove yellow look */
.section-title{
  background:rgba(15,23,42,.07)!important;
  color:#0f172a!important;
  border:1px solid rgba(51,65,85,.14)!important;
}

/* Home services: corporate wow */
.home-services-pro{
  background:
    radial-gradient(circle at top right,rgba(51,65,85,.12),transparent 34%),
    linear-gradient(135deg,#ffffff,#eef2f7)!important;
}

.service-pro-icon{
  background:rgba(255,255,255,.92)!important;
  color:#0f172a!important;
  border:1px solid rgba(148,163,184,.40)!important;
}

/* Featured gallery: less yellow, more luxury */
.premium-showcase,
.featured-projects,
.gallery-page .premium-showcase{
  background:
    radial-gradient(circle at top left,rgba(51,65,85,.13),transparent 36%),
    linear-gradient(135deg,#ffffff,#eef2f7)!important;
}

.showcase-info span{
  background:rgba(255,255,255,.92)!important;
  color:#0f172a!important;
  border:1px solid rgba(148,163,184,.45)!important;
}

.showcase-info h3{
  color:#ffffff!important;
}

.showcase-modal-info{
  background:linear-gradient(135deg,#0f172a,#111827)!important;
}

.showcase-modal-info span{
  color:#cbd5e1!important;
}

/* Stats: premium dark blue/charcoal */
.stats{
  background:
    radial-gradient(circle at top left,rgba(148,163,184,.20),transparent 35%),
    linear-gradient(135deg,#0f172a,#111827,#020617)!important;
}

.stat-box{
  border:1px solid rgba(148,163,184,.25)!important;
}

.stat-box h3{
  color:#e5e7eb!important;
  text-shadow:0 0 18px rgba(148,163,184,.30)!important;
}

.stat-box::after{
  color:#38bdf8!important;
}

/* Testimonials: cleaner premium */
.premium-reviews{
  background:
    radial-gradient(circle at top left,rgba(51,65,85,.10),transparent 34%),
    linear-gradient(135deg,#ffffff,#eef2f7)!important;
}

.review-stars{
  color:#0f172a!important;
  text-shadow:none!important;
}

.testimonial-card{
  background:linear-gradient(145deg,#ffffff,#f8fafc)!important;
  border-left:6px solid #334155!important;
  border-color:rgba(51,65,85,.16)!important;
}

.review-form-box{
  background:linear-gradient(135deg,#0f172a,#111827)!important;
  border:1px solid rgba(148,163,184,.30)!important;
}

.review-form-header h3{
  color:#ffffff!important;
}

.review-form-header span{
  background:linear-gradient(135deg,#e5e7eb,#ffffff)!important;
  color:#0f172a!important;
}

/* About values less gold */
.value-icon,
.service-svg-icon{
  background:linear-gradient(135deg,#ffffff,#eef2f7)!important;
  border:1px solid rgba(51,65,85,.18)!important;
}

.value-icon svg,
.service-svg-icon svg{
  stroke:#334155!important;
}

.value-card h3{
  color:#0f172a!important;
}

/* Buttons */
.btn{
  background:#0f172a!important;
  color:#ffffff!important;
  box-shadow:0 14px 32px rgba(15,23,42,.22)!important;
}

.btn:hover{
  background:#334155!important;
}

.btn.alt{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.20)!important;
}

/* WhatsApp keep green */
.whatsapp-float{
  background:#25D366!important;
}

/* ===== INTERNAL PAGES FINAL PREMIUM STYLE ===== */
.about-page,
.services-page,
.gallery-page,
.contact-page{
  background:#f8fafc!important;
  color:#111827!important;
}

/* Internal heroes */
.about-page .hero,
.services-page .hero,
.gallery-page .hero,
.contact-page .hero{
  border-bottom:0!important;
}

.about-page .hero h1,
.services-page .hero h1,
.gallery-page .hero h1,
.contact-page .hero h1{
  color:#ffffff!important;
}

.about-page .hero .tag,
.services-page .hero .tag,
.gallery-page .hero .tag,
.contact-page .hero .tag{
  color:#cbd5e1!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  width:max-content;
}

/* Internal sections */
.about-page section,
.services-page section,
.gallery-page section,
.contact-page section{
  background:
    radial-gradient(circle at top right,rgba(51,65,85,.08),transparent 35%),
    linear-gradient(135deg,#ffffff,#eef2f7)!important;
}

/* Internal cards */
.about-page .card,
.services-page .card,
.contact-page .card,
.value-card{
  background:linear-gradient(145deg,#ffffff,#f8fafc)!important;
  border:1px solid rgba(51,65,85,.16)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.10)!important;
}

.about-page .card h3,
.services-page .card h3,
.contact-page .card h3,
.value-card h3{
  color:#0f172a!important;
}

.about-page .card p,
.services-page .card p,
.contact-page .card p,
.value-card p{
  color:#475569!important;
}

/* Services page premium cards */
.services-page .card{
  border-radius:26px!important;
  padding:34px!important;
}

.services-page .card:hover,
.about-page .card:hover,
.contact-page .card:hover,
.value-card:hover{
  transform:translateY(-8px)!important;
  box-shadow:0 25px 65px rgba(15,23,42,.16)!important;
}

/* Gallery internal */
.gallery-page .showcase-card{
  border:1px solid rgba(148,163,184,.32)!important;
  box-shadow:0 25px 65px rgba(15,23,42,.18)!important;
}

.gallery-page .showcase-info span{
  background:rgba(255,255,255,.92)!important;
  color:#0f172a!important;
  border:1px solid rgba(148,163,184,.45)!important;
}

.gallery-page .showcase-modal-info{
  background:linear-gradient(135deg,#0f172a,#111827)!important;
}

.gallery-page .showcase-modal-info span{
  color:#cbd5e1!important;
}

/* Contact page */
.contact-page input,
.contact-page textarea{
  border:1px solid rgba(51,65,85,.18)!important;
  background:#ffffff!important;
}

.contact-page .btn{
  background:#0f172a!important;
  color:#ffffff!important;
}

.contact-page .btn.dark{
  background:#334155!important;
  color:#ffffff!important;
}

/* Footer less yellow */
footer{
  background:linear-gradient(135deg,#0f172a,#111827)!important;
  color:#cbd5e1!important;
}

/* Topbar premium */
.topbar{
  background:#0f172a!important;
  color:#f8fafc!important;
}

.topbar .contact-link:hover{
  color:#cbd5e1!important;
}

/* ===== FINAL ICON STYLE: NO MORE YELLOW BACKGROUNDS ===== */

/* About, Services, Home, Contact */
.value-icon,
.service-svg-icon,
.market-icon,
.review-form-header span{
    background:linear-gradient(135deg,#ffffff,#f1f5f9) !important;
    border:1px solid rgba(51,65,85,.15) !important;
    box-shadow:0 10px 30px rgba(15,23,42,.08) !important;
    backdrop-filter:none !important;
}

/* SVG colors */
.value-icon svg,
.service-svg-icon svg,
.market-icon svg{
    stroke:#334155 !important;
    fill:none !important;
}

/* Hover effect */
.value-icon:hover,
.service-svg-icon:hover,
.market-icon:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 36px rgba(15,23,42,.12) !important;
}

/* Review form star icon */
.review-form-header span{
    color:#0f172a !important;
}

/* Service labels */
.service-pro-icon,
.showcase-info span{
    background:rgba(255,255,255,.92) !important;
    color:#0f172a !important;
    border:1px solid rgba(51,65,85,.18) !important;
    box-shadow:none !important;
}

/* Remove any remaining gold glows */
.review-stars,
.stat-box h3,
.section-title{
    text-shadow:none !important;
}

/* Optional tiny premium accent only */
a:hover,
.btn:hover{
    filter:brightness(1.03);
}


/* FORCE REMOVE ALL YELLOW ICON BACKGROUNDS */
.value-icon,
.service-svg-icon,
.market-icon,
.review-form-header span,
.card::before,
.stat-box::after{
  background:#f8fafc !important;
  background-image:none !important;
  color:#334155 !important;
  border:1px solid #cbd5e1 !important;
  box-shadow:0 10px 28px rgba(15,23,42,.10) !important;
}

.value-icon svg,
.service-svg-icon svg,
.market-icon svg{
  stroke:#334155 !important;
  fill:none !important;
}

.card::before{
  display:none !important;
  content:none !important;
}

.value-icon *,
.service-svg-icon *,
.market-icon *{
  color:#334155 !important;
}