body { box-sizing: border-box; }
    * { scroll-behavior: smooth; }

    .font-display { font-family: 'Cormorant Garamond', Georgia, serif; }
    .font-body { font-family: 'Raleway', sans-serif; }

    .marble-gradient {
      background: linear-gradient(135deg, #f8f6f3 0%, #ebe7e0 50%, #f5f3f0 100%);
    }

    .marble-texture {
      background-image:
        radial-gradient(ellipse at 20% 30%, rgba(200, 190, 180, 0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 70%, rgba(180, 170, 160, 0.1) 0%, transparent 40%),
        radial-gradient(ellipse at 50% 50%, rgba(220, 215, 205, 0.08) 0%, transparent 60%);
    }

    .veins { position: relative; }
    .veins::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(45deg, transparent 40%, rgba(180, 170, 160, 0.08) 45%, transparent 50%),
        linear-gradient(-30deg, transparent 35%, rgba(190, 180, 170, 0.06) 40%, transparent 45%);
      pointer-events: none;
    }

    .hero-bg {
      background:
        linear-gradient(to bottom, rgba(248, 246, 243, 0.96), rgba(248, 246, 243, 0.88)),
        url("image/WhatsApp Image 2025-02-27 at 13.30.54_f6cac446(1).jpg");
      background-size: cover;
      background-position: center;
    }

    .section-divider {
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(180, 170, 160, 0.4), transparent);
    }

    .card-shadow {
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02);
    }

    .hover-lift { transition: transform 0.4s ease, box-shadow 0.4s ease; }
    .hover-lift:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
    }

    .gallery-item { position: relative; overflow: hidden; background-size: cover; background-position: center; }
    .gallery-item::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(0,0,0,0.45) 0%, transparent 55%);
      opacity: 0;
      transition: opacity 0.4s ease;
    }
    .gallery-item:hover::after { opacity: 1; }

    .gallery-item .overlay-text {
      position: absolute;
      bottom: 0; left: 0; right: 0;
      padding: 1.5rem;
      transform: translateY(100%);
      transition: transform 0.4s ease;
      z-index: 10;
    }
    .gallery-item:hover .overlay-text { transform: translateY(0); }

    .btn-primary {
      background: linear-gradient(135deg, #8b7355 0%, #6b5a47 100%);
      transition: all 0.3s ease;
    }
    .btn-primary:hover {
      background: linear-gradient(135deg, #7a654a 0%, #5a4a3a 100%);
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(107, 90, 71, 0.25);
    }

    .btn-outline {
      border: 1.5px solid #8b7355;
      color: #8b7355;
      transition: all 0.3s ease;
    }
    .btn-outline:hover { background: #8b7355; color: white; }

    .nav-link { position: relative; }
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: -2px; left: 50%;
      width: 0; height: 1px;
      background: #8b7355;
      transition: all 0.3s ease;
      transform: translateX(-50%);
    }
    .nav-link:hover::after { width: 100%; }

    .input-field { border: 1px solid #e5e0d8; transition: all 0.3s ease; }
    .input-field:focus {
      border-color: #8b7355;
      box-shadow: 0 0 0 3px rgba(139, 115, 85, 0.1);
      outline: none;
    }

    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .animate-fade-in { animation: fadeInUp 0.8s ease forwards; }
    .animate-delay-1 { animation-delay: 0.2s; }
    .animate-delay-2 { animation-delay: 0.4s; }
    .animate-delay-3 { animation-delay: 0.6s; }

    /* Real photo blocks */
    .photo-hero-card {
      background-image: url("image/WhatsApp Image 2025-02-26 at 19.42.27_e9d2cae4.jpg");
      background-size: cover;
      background-position: center;
      position: relative;
    }
    .photo-hero-card::after{
      content:"";
      position:absolute; inset:0;
      background: linear-gradient(to top, rgba(0,0,0,0.35), transparent 55%);
    }

    .photo-about-1{
      background-image:url("image/WhatsApp Image 2025-02-27 at 13.39.46_d2f95456.jpg");
      background-size: cover; background-position:center;
    }
    .photo-about-2{
      background-image:url("image/WhatsApp Image 2025-03-01 at 00.07.47_e0781a1f.jpg");
      background-size: cover; background-position:center;
    }
    .photo-project-1{
      background-image:url("image/WhatsApp Image 2025-03-01 at 00.07.47_edd21a30.jpg");
      background-size: cover; background-position:center;
    }
    .photo-project-2{
      background-image:url("image/WhatsApp Image 2025-02-27 at 14.36.18_f59b8b5d.jpg");
      background-size: cover; background-position:center;
    }
    .photo-project-3{
      /* ⚠️ if this returns 404, check the note below */
      background-image:url("image/WhatsApp Image 2025-02-26 at 19.42.27_e9d2cae4.jpg");
      background-size: cover; background-position:center;
    }
    
/* WhatsApp floating button */
.whatsapp-float{
  position: fixed;          /* ✅ KJO është zgjidhja */
  right: 18px;
  bottom: 18px;

  width: 56px;
  height: 56px;
  border-radius: 9999px;
  background: #25D366;

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

  box-shadow: 0 12px 28px rgba(0,0,0,.22);
  overflow: hidden;  
  z-index: 999999;          /* ✅ rrite pak */
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
  text-decoration: none;
}

.whatsapp-float:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(0,0,0,.26);
}

.whatsapp-icon{
  width: 26px !important;
  height: 26px !important;
   max-width: 26px !important;
  max-height: 26px !important;
  display: block;
}

.whatsapp-tooltip{
  position: absolute;
  right: 68px;
  bottom: 50%;
  transform: translateY(50%);
  background: rgba(17, 24, 39, .95);
  color: #fff;
  padding: 8px 10px;
  border-radius: 10px;
  font-size: 13px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s ease;
}

.whatsapp-float:hover .whatsapp-tooltip{
  opacity: 1;
}

/* mobile safe area (iPhone) */
@supports (padding: env(safe-area-inset-bottom)) {
  .whatsapp-float{
    bottom: calc(18px + env(safe-area-inset-bottom));
  }
}