.service-intro .service-content { padding-left: 30px; }

  /* Mobile Responsive for service-intro */
  @media (max-width: 991px) {
      .service-intro {
          padding: 50px 0 !important;
      }

      .service-intro .service-content {
          padding-left: 0 !important;
          padding-right: 0 !important;
      }

      .service-intro h1 {
          font-size: 1.8rem !important;
          line-height: 1.4 !important;
      }

      .service-intro p {
          font-size: 1rem !important;
          line-height: 1.7 !important;
      }

      .service-intro .service-options h3,
      .service-intro .image-options-preview h3 {
          font-size: 1rem !important;
      }

      /* Fix absolute positioned circles causing overflow */
      .service-intro .service-main-image > div[style*="position: absolute"] {
          display: none !important;
      }

      .service-intro .service-main-image img {
          border-radius: 15px !important;
      }
  }

  @media (max-width: 576px) {
      .service-intro {
          padding: 40px 0 !important;
      }

      .service-intro h1 {
          font-size: 1.5rem !important;
          margin-bottom: 15px !important;
      }

      .service-intro p {
          font-size: 0.95rem !important;
          margin-bottom: 20px !important;
      }

      /* Text options - full width badges */
      .service-intro .service-options > div[style*="display: flex"] {
          flex-direction: column !important;
          align-items: stretch !important;
      }

      .service-intro .service-options span.hover-lift {
          justify-content: center !important;
          padding: 12px 18px !important;
      }

      /* Image options grid - single column on mobile */
      .service-intro .image-options-preview > div[style*="display: grid"] {
          grid-template-columns: 1fr !important;
          gap: 10px !important;
      }

      .service-intro .image-options-preview .hover-lift {
          padding: 10px !important;
      }

      .service-intro .image-options-preview img {
          width: 40px !important;
          height: 40px !important;
      }

      .service-intro .image-options-preview p {
          font-size: 0.9rem !important;
      }

      /* Main image adjustments */
      .service-intro .service-main-image {
          margin-top: 30px;
      }
  }

    .hover-lift:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important;
    }

    .filter-tabs-luxury {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 30px;
        border-bottom: 1px solid #e2e8f0;
        margin-bottom: 50px;
    }
    .filter-tabs-luxury .nav-link {
        background: transparent; border: none; color: #64748b; font-weight: 600; font-size: 1.1rem; padding: 10px 20px; position: relative; transition: color 0.3s ease;
    }
    .filter-tabs-luxury .nav-link.active {
        background: transparent; color: var(--main-color); font-weight: 800; box-shadow: none;
    }
    .filter-tabs-luxury .nav-link.active::after {
        content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--secondary-color); border-radius: 3px 3px 0 0;
    }

    .luxury-item-card {
        background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 15px 35px rgba(0,0,0,0.04); border: 1px solid rgba(0,0,0,0.02); height: 100%;
    }
    .luxury-item-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.08); }
    .card-image-box { position: relative; height: 240px; overflow: hidden; background: #f1f5f9; }
    .card-image-box .main-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
    .luxury-item-card:hover .main-img { transform: scale(1.1); }
    .card-content-box { padding: 25px; flex-grow: 1; display: flex; flex-direction: column; }
    .item-title { font-size: 1.4rem; font-weight: 800; color: var(--main-color); margin-bottom: 15px; }

    .options-wrapper { background: #f8fafc; border-radius: 12px; padding: 15px; border: 1px dashed #cbd5e1; }
    .options-label { font-size: 0.85rem; color: #64748b; font-weight: 700; margin-bottom: 10px; }
    .variants-list { display: flex; flex-direction: column; gap: 8px; }
    .variant-item { display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding-bottom: 5px; }
    .variant-item:last-child { border-bottom: none; }
    .v-color { font-size: 0.8rem; font-weight: 600; color: #334155; }
    .v-size { background: #eff6ff; color: #1d4ed8; font-size: 0.75rem; padding: 2px 8px; border-radius: 4px; }

    .variant-gallery-mini { display: flex; gap: 4px; }
    .variant-gallery-mini img { width: 28px; height: 28px; border-radius: 4px; object-fit: cover; border: 1px solid #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }

    .more-images-badge { position: absolute; bottom: 15px; left: 15px; background: rgba(255,255,255,0.9); padding: 5px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 700; }

    @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

    .gallery-item-luxury { position: relative; overflow: hidden; border-radius: 15px; }
    .gallery-item-luxury:hover img { transform: scale(1.1); }
    .gallery-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.3s ease; border-radius: 15px; clear: both; }
    .gallery-item-luxury:hover .gallery-overlay { opacity: 1; }
    .gallery-overlay i { color: #fff; font-size: 2rem; transform: scale(0.5); transition: all 0.3s ease; }
    .gallery-item-luxury:hover .gallery-overlay i { transform: scale(1); }