/* ===== RESET & BASE ===== */
    .nua-service-frontend* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    .nua-service-frontend {
      font-family: "Inter", sans-serif;
      background: #F8FAFC;
      color: #1F2937;
      line-height: 1.6;
      scroll-behavior: smooth;
    }
    .nua-service-frontend h1,
.nua-service-frontend h2,
.nua-service-frontend h3,
.nua-service-frontend h4 {
      font-family: "Poppins", sans-serif;
      font-weight: 700;
      color: #0F4C81;
    }
    .nua-service-frontend .container {
      margin: 0 auto;
      padding: 0 24px;
    }
    /* ===== GLASS & SHADOWS ===== */
    .nua-service-frontend .glass-card {
      background: rgba(255,255,255,0.6);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      border-radius: 28px;
      box-shadow: 0 12px 30px rgba(0,0,0,0.06);
      border: 1px solid rgba(255,255,255,0.5);
      transition: all 0.25s ease;
    }
    .nua-service-frontend .card-hover {
      transition: transform 0.25s ease, box-shadow 0.3s ease;
    }
    .nua-service-frontend .card-hover:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 35px rgba(0,180,216,0.12);
    }
    .nua-service-frontend .btn {
      display: inline-block;
      font-weight: 600;
      padding: 12px 28px;
      border-radius: 60px;
      border: none;
      background: linear-gradient(135deg, #0F4C81, #00B4D8);
      color: white;
      font-size: 0.95rem;
      cursor: pointer;
      transition: 0.2s;
      box-shadow: 0 6px 14px rgba(0,180,216,0.3);
      text-decoration: none;
      text-align: center;
    }
    .nua-service-frontend .btn-outline {
      background: transparent;
      border: 2px solid #0F4C81;
      color: #0F4C81;
      box-shadow: none;
    }
    .nua-service-frontend .btn-outline:hover {
      background: #0F4C81;
      color: white;
    }
    .nua-service-frontend .btn:hover {
      transform: scale(1.02);
      box-shadow: 0 10px 20px rgba(0,180,216,0.4);
    }
    .nua-service-frontend .btn-ripple {
      position: relative;
      overflow: hidden;
    }
    .nua-service-frontend .section-title {
      font-size: 2.2rem;
      margin-bottom: 1.5rem;
      letter-spacing: -0.02em;
      position: relative;
    }
    .nua-service-frontend .section-title:after {
      content: "";
      display: block;
      width: 60px;
      height: 4px;
      background: linear-gradient(90deg, #0F4C81, #2ECC71);
      border-radius: 4px;
      margin-top: 8px;
    }
    .nua-service-frontend .badge {
      background: #eef2ff;
      padding: 8px 18px;
      border-radius: 40px;
      font-size: 0.9rem;
      font-weight: 500;
      color: #0F4C81;
      display: inline-block;
      margin: 4px 6px 4px 0;
      border: 1px solid rgba(15,76,129,0.08);
      transition: 0.15s;
    }
    .nua-service-frontend .badge:hover {
      background: #0F4C81;
      color: white;
      transform: scale(1.03);
    }
    /* ===== HERO ===== */
    .nua-service-frontend .hero-grid {
      display: grid;
      grid-template-columns: 70% 30%;
      gap: 32px;
      padding: 20px 0 10px;
      align-items: start;
    }
    .nua-service-frontend .hero-left .breadcrumb {
      font-size: 0.85rem;
      color: #6b7280;
      margin-bottom: 12px;
    }
    .nua-service-frontend .hero-left .breadcrumb a {
      color: #0F4C81;
      text-decoration: none;
    }
    .nua-service-frontend .hero-left .seller-info {
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 8px 0 12px;
    }
    .nua-service-frontend .hero-left .seller-info img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      object-fit: cover;
    }
    .nua-service-frontend .hero-left .seller-info .name {
      font-weight: 600;
      color: #0F4C81;
    }
    .nua-service-frontend .hero-left .rating i {
      color: #fbbf24;
      margin-right: 2px;
    }
    .nua-service-frontend .hero-left .stats {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      margin: 8px 0 16px;
      font-size: 0.95rem;
    }
    .nua-service-frontend .hero-left .stats span {
      display: flex;
      align-items: center;
      gap: 4px;
    }
    /* Gallery */
    .nua-service-frontend #galleryMain.has-service-video { aspect-ratio: 16 / 9; width: 100%; min-width: 0; }
    .nua-service-frontend #galleryMain.has-service-video #mainImage { display: none; }
    .nua-service-frontend #galleryMain .nua-service-youtube-player { position: absolute; inset: 0; width: 100%; height: 100%; display: block; border: 0; }
    .nua-service-frontend #galleryMain .nua-service-uploaded-player { position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;background:#000;border:0; }
    .nua-service-frontend #galleryMain.has-service-video.has-uploaded-video { height:auto;aspect-ratio:16 / 9; }
    .nua-service-frontend #thumbContainer .nua-service-video-thumb { position:relative;box-sizing:border-box;flex:0 0 auto;width:80px;height:60px;margin:0;padding:0;overflow:hidden;border:2px solid transparent;border-radius:10px;background:#020842;cursor:pointer;transition:border-color .2s; }
    .nua-service-frontend #thumbContainer .nua-service-video-thumb img { display:block;width:100%;height:100%;margin:0;border:0;border-radius:8px;object-fit:cover; }
    .nua-service-frontend #thumbContainer .nua-service-video-thumb span { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:25px;height:25px;padding-left:2px;border-radius:50%;background:#020842c9;color:#fff;font-size:12px;pointer-events:none; }
    .nua-service-frontend #thumbContainer .nua-service-video-thumb.active,.nua-service-frontend #thumbContainer .nua-service-video-thumb:hover { border-color:#0F4C81; }
    .nua-service-frontend #thumbContainer .nua-service-video-thumb:focus-visible { outline:2px solid #0F4C81;outline-offset:2px; }
    @media(max-width:640px){.nua-service-frontend #thumbContainer .nua-service-video-thumb{width:60px;height:46px}}
    @media(prefers-reduced-motion:reduce){.nua-service-frontend #thumbContainer .nua-service-video-thumb{transition:none}}
    .nua-service-frontend .gallery-main {
      position: relative;
      margin: 12px 0;
      border-radius: 16px;
      overflow: hidden;
      background: #f1f5f9;
    }
    .nua-service-frontend .gallery-main img {
      width: 100%;
      height: 420px;
      object-fit: fill;
      display: block;
      transition: transform 0.3s;
      cursor: pointer;
    }
    .nua-service-frontend .gallery-main img:hover {
      transform: scale(1.01);
    }
    .nua-service-frontend .gallery-thumbs {
      display: flex;
      gap: 10px;
      margin-top: 12px;
      overflow-x: auto;
      padding-bottom: 6px;
    }
    .nua-service-frontend .gallery-thumbs img {
      width: 80px;
      height: 60px;
      object-fit: cover;
      border-radius: 10px;
      cursor: pointer;
      border: 2px solid transparent;
      transition: 0.2s;
      flex-shrink: 0;
    }
    .nua-service-frontend .gallery-thumbs img.active,
.nua-service-frontend .gallery-thumbs img:hover {
      border-color: #0F4C81;
    }
    .nua-service-frontend .gig-summary {
      margin: 10px 0 10px;
      background: white;
      padding: 10px 10px;
      border-radius: 16px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.02);
    }
    .nua-service-frontend .gig-summary p {
      color: #4b5563;
      line-height: 1.7;
    }

    /* ===== SIDEBAR (sticky package) ===== */
    .nua-service-frontend .sidebar-wrapper {
      position: sticky;
      top: 20px;
      align-self: start;
    }
    .nua-service-frontend .package-card-sticky {
      background: white;
      border-radius: 20px;
      padding: 24px 20px;
      box-shadow: 0 8px 30px rgba(0,0,0,0.06);
      border: 1px solid #eef2f6;
    }
    .nua-service-frontend .package-card-sticky .tabs {
      display: flex;
      border-radius: 40px;
      background: #f1f5f9;
      padding: 4px;
      margin-bottom: 18px;
    }
    .nua-service-frontend .package-card-sticky .tabs button {
      flex: 1;
      border: none;
      background: transparent;
      padding: 10px 0;
      border-radius: 40px;
      font-weight: 600;
      font-size: 0.9rem;
      cursor: pointer;
      transition: 0.2s;
      color: #4b5563;
    }
    .nua-service-frontend .package-card-sticky .tabs button.active {
      background: white;
      color: #0F4C81;
      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    }
    .nua-service-frontend .package-card-sticky .price-tag {
      font-size: 2rem;
      font-weight: 700;
      color: #0F4C81;
      margin: 8px 0;
    }
    .nua-service-frontend .package-card-sticky .feature-list {
      list-style: none;
      margin: 12px 0 16px;
    }
    .nua-service-frontend .package-card-sticky .feature-list li {
      padding: 6px 0;
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 0.95rem;
    }
    .nua-service-frontend .package-card-sticky .feature-list li i {
      color: #2ECC71;
      width: 20px;
    }
    .nua-service-frontend .package-card-sticky .action-buttons {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 16px;
    }
    .nua-service-frontend .package-card-sticky .action-buttons .btn {
      width: 100%;
      padding: 14px;
    }
    .nua-service-frontend .package-card-sticky .contact-row {
      display: flex;
      gap: 10px;
      margin-top: 12px;
    }
    .nua-service-frontend .package-card-sticky .contact-row .btn {
      flex: 1;
      padding: 10px;
      font-size: 0.9rem;
    }
    .nua-service-frontend .package-card-sticky .share-icons {
      display: flex;
      justify-content: center;
      gap: 16px;
      margin-top: 16px;
      font-size: 1.2rem;
      color: #6b7280;
    }
    .nua-service-frontend .package-card-sticky .share-icons i {
      cursor: pointer;
      transition: 0.2s;
    }
    .nua-service-frontend .package-card-sticky .share-icons i:hover {
      color: #0F4C81;
    }



    /* ===== OVERVIEW ===== */
    .nua-service-frontend .overview {
      background: white;
      padding: 15px 25px;
      border-radius: 32px;
      margin: 10px 0;
      box-shadow: 0 8px 24px rgba(0,0,0,0.02);
    }
    .nua-service-frontend .overview p {
      margin: 1rem 0;
      font-size: 1.05rem;
    }





    /* ===== TIMELINE ===== */
    .nua-service-frontend .timeline {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 30px 0;
      position: relative;
    }
    .nua-service-frontend .timeline-step {
      flex: 1;
      min-width: 120px;
      text-align: center;
      padding: 12px 8px;
      background: white;
      border-radius: 60px;
      margin: 6px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.02);
      border: 1px solid #e2e8f0;
      font-weight: 500;
    }
    .nua-service-frontend .timeline-step i {
      display: block;
      font-size: 1.6rem;
      color: #00B4D8;
      margin-bottom: 4px;
    }

    /* ===== PORTFOLIO ===== */
    .nua-service-frontend .portfolio-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px,1fr));
      gap: 18px;
      margin: 20px 0;
    }
    .nua-service-frontend .portfolio-grid img {
      width: 100%;
      height: 180px;
      object-fit: cover;
      border-radius: 24px;
      transition: 0.3s;
      cursor: pointer;
      box-shadow: 0 6px 16px rgba(0,0,0,0.02);
    }
    .nua-service-frontend .portfolio-grid img:hover {
      transform: scale(1.04);
      box-shadow: 0 14px 28px rgba(0,0,0,0.08);
    }



    /* ===== RELATED ===== */
    .nua-service-frontend .related-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px,1fr));
      gap: 20px;
      margin: 20px 0;
    }
    .nua-service-frontend .related-card {
      background: white;
      border-radius: 28px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0,0,0,0.02);
    }
    .nua-service-frontend .related-card img {
      width: 100%;
      height: 140px;
      object-fit: cover;
    }
    .nua-service-frontend .related-card .info {
      padding: 16px;
    }



    /* ===== FAQ ===== */
    .nua-service-frontend .faq-item {
      background: white;
      border-radius: 24px;
      margin-bottom: 12px;
      padding: 16px 20px;
      border: 1px solid #edf2f7;
      cursor: pointer;
    }
    .nua-service-frontend .faq-question {
      font-weight: 600;
      display: flex;
      justify-content: space-between;
    }
    .nua-service-frontend .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
    }
    .nua-service-frontend .faq-item.active .faq-answer {
      max-height: 200px;
      padding-top: 12px;
    }
    .nua-service-frontend .faq-item.active i.fa-chevron-down {
      transform: rotate(180deg);
    }



    /* ===== RESPONSIVE ===== */
    @media (max-width: 1024px) {
      .nua-service-frontend .hero-grid {
        grid-template-columns: 1fr;
        gap: 28px;
      }
      .nua-service-frontend .sidebar-wrapper {
        position: relative;
        top: 0;
      }
      .nua-service-frontend .package-card-sticky {
        max-width: 480px;
        margin: 0 auto;
      }
    }
    @media (max-width: 640px) {
      .nua-service-frontend .section-title {
        font-size: 1.8rem;
      }
      .nua-service-frontend .gallery-main img {
        height: 260px;
      }
      .nua-service-frontend .gallery-thumbs img {
        width: 60px;
        height: 46px;
      }
      .nua-service-frontend .why-item {
        flex-direction: column;
        text-align: center;
      }
      .nua-service-frontend .why-item img {
        max-width: 100%;
      }
      .nua-service-frontend .package-card-sticky {
        padding: 18px 14px;
      }
    }

  
/* NUA Services final frontend refinements */
.nua-service-frontend { background:#fff; }
.nua-service-frontend .breadcrumb {
  display:flex; flex-wrap:wrap; align-items:center; gap:7px;
  margin:0 0 18px; padding:0; color:#6b7280; font-size:.9rem;
}
.nua-service-frontend .breadcrumb a { color:#0F4C81; text-decoration:none; }
.nua-service-frontend .breadcrumb a:hover { text-decoration:underline; }
.nua-service-frontend .breadcrumb .current { color:#374151; font-weight:600; }
.nua-service-frontend .breadcrumb .sep { color:#9ca3af; }
.nua-service-frontend .package-card-sticky .package-meta-row {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  margin:10px 0 14px; min-height:42px;
}
.nua-service-frontend .package-card-sticky .price-wrapper {
  display:flex; align-items:baseline; gap:5px; min-width:0;
}
.nua-service-frontend .package-card-sticky .currency {
  font-weight:700; color:#0F4C81; white-space:nowrap;
}
.nua-service-frontend .package-card-sticky .price-tag {
  margin:0; line-height:1.1;
}
.nua-service-frontend .package-card-sticky .plan-delivery {
  margin-left:auto; display:flex; align-items:center; gap:6px;
  color:#4b5563; white-space:nowrap; font-size:.9rem;
}
.nua-service-frontend .package-card-sticky .share-icons button {
  border:0; background:transparent; padding:6px; color:inherit; cursor:pointer;
  border-radius:50%; font:inherit;
}
.nua-service-frontend .package-card-sticky .share-icons button:hover,
.nua-service-frontend .package-card-sticky .share-icons button.active { color:#0F4C81; background:#f1f5f9; }
.nua-service-frontend .package-card-sticky .share-icons button:focus-visible { outline:2px solid #0F4C81; outline-offset:2px; }

/* NUA Services frontend final refinements */
.nua-service-frontend h1, .nua-service-frontend h2, .nua-service-frontend h3, .nua-service-frontend h4 { font-size:28px; line-height:1.3; }
.nua-service-frontend { background:#fff; }
.nua-service-frontend .package-card-sticky .package-meta-row { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.nua-service-frontend .package-card-sticky .price-wrapper { display:flex; align-items:baseline; gap:5px; min-width:0; }
.nua-service-frontend .package-card-sticky .plan-delivery { margin-left:auto; display:flex; align-items:center; gap:6px; white-space:nowrap; }
.nua-service-frontend .package-card-sticky .share-icons button { border:0; background:transparent; padding:6px; color:inherit; cursor:pointer; border-radius:50%; }


/* Related services in sidebar */
.nua-service-frontend .related-services-sidebar { margin-top:18px; padding:18px; background:#fff; border:1px solid #edf2f7; border-radius:18px; box-shadow:0 8px 24px rgba(15,23,42,.05); }
.nua-service-frontend .related-services-title { margin:0 0 14px; font-size:20px; line-height:1.3; font-weight:700; }
.nua-service-frontend .related-services-list { display:flex; flex-direction:column; gap:12px; }
.nua-service-frontend .related-service-item { display:flex; gap:12px; align-items:center; padding:10px; border:1px solid #edf2f7; border-radius:12px; background:#fff; text-decoration:none; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.nua-service-frontend .related-service-item:hover { transform:translateY(-2px); border-color:#d8e2ef; box-shadow:0 6px 18px rgba(15,23,42,.07); }
.nua-service-frontend .related-service-thumb { flex:0 0 72px; width:72px; height:58px; overflow:hidden; border-radius:9px; background:#f3f4f6; }
.nua-service-frontend .related-service-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.nua-service-frontend .related-service-info { min-width:0; flex:1; }
.nua-service-frontend .related-service-info h3 { margin:0 0 7px; font-size:14px; line-height:1.35; font-weight:700; color:#1f2937; }
.nua-service-frontend .related-service-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.nua-service-frontend .related-service-price { font-weight:700; color:#0f4c81; font-size:13px; }
.nua-service-frontend .related-service-delivery { color:#6b7280; font-size:12px; white-space:nowrap; }
.nua-service-frontend .related-service-delivery i { margin-right:3px; }

/* v1.0.5 responsive process timeline; desktop styles remain unchanged */
@media (max-width: 767px) {
  .nua-service-frontend .timeline { display:grid; grid-template-columns:1fr; gap:12px; margin:24px 0; }
  .nua-service-frontend .timeline-step { min-width:0; width:100%; margin:0; border-radius:18px; padding:14px 16px; display:flex; align-items:center; justify-content:flex-start; gap:12px; text-align:left; }
  .nua-service-frontend .timeline-step i { margin:0; flex:0 0 34px; text-align:center; font-size:1.35rem; }
}
@media (min-width:768px) and (max-width:1024px) {
  .nua-service-frontend .timeline { gap:8px; }
  .nua-service-frontend .timeline-step { min-width:0; margin:4px; padding:12px 6px; }
}
.nua-order-modal{display:none;position:fixed;inset:0;z-index:999999}.nua-order-modal.is-open{display:block}.nua-order-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55)}.nua-order-modal-card{position:relative;width:min(560px,calc(100% - 30px));margin:8vh auto 0;background:#fff;border-radius:18px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.2);z-index:1}.nua-order-modal-card h2{margin:0 0 8px}.nua-order-modal-card p{color:#64748b}.nua-order-modal-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.nua-order-modal-card input,.nua-order-modal-card textarea{width:100%;margin:7px 0;padding:12px 14px;border:1px solid #dbe2ea;border-radius:9px}.nua-modal-primary{width:100%;border:0;background:#0b6eda;color:#fff;padding:13px 16px;border-radius:9px;font-weight:600;cursor:pointer}.nua-auth-divider{text-align:center;margin:14px 0;color:#94a3b8}.nua-modal-login{text-align:center;font-size:13px}.nua-modal-login a{color:#0b6eda}.nua-order-modal .nua-start-order{cursor:pointer;border:0}.nua-order-modal-card .nua-order-success{text-align:center;padding:20px}
/* Service process and verified reviews: presentation only. */
.nua-service-frontend .nua-service-process{border:1px solid #e0e7ef;border-radius:12px;background:#fff;padding:24px;margin:22px 0}
.nua-service-frontend .nua-service-process>.section-title{margin:0 0 20px;font-size:24px}
.nua-service-frontend .nua-service-process .timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:0;counter-reset:nua-step}
.nua-service-frontend .nua-service-process .timeline-step{position:relative;min-width:0;width:auto;margin:0;padding:16px 8px;border:1px solid #e0e7ef;border-radius:10px;background:#f8fbff;box-shadow:none;font-size:13px;font-weight:600;line-height:1.6;counter-increment:nua-step}
.nua-service-frontend .nua-service-process .timeline-step:not(:last-child)::after{content:"";position:absolute;left:100%;top:38px;width:17px;border-top:2px solid #c5d9ef}
.nua-service-frontend .nua-service-process .timeline-step i{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 10px;border-radius:50%;background:#eaf3ff;color:#0b6eda;font-size:18px}
.nua-service-frontend #nua-service-reviews{margin:22px 0;padding:24px;border:1px solid #e0e7ef;border-radius:12px;background:#fff}
.nua-service-frontend #nua-service-reviews h2{font-size:24px;margin:0 0 12px}
.nua-service-frontend #nua-service-reviews .nua-project-rating-summary{padding:10px 14px;margin:0 0 14px;background:#f3f8ff;border-radius:8px;color:#49515b;font-size:14px}
.nua-service-frontend #nua-service-reviews .nua-project-public-review{padding:16px;margin:12px 0 0;border:1px solid #e0e7ef;border-radius:10px;background:#fff;font-size:14px;line-height:1.7}
.nua-service-frontend #nua-service-reviews .nua-project-review-head{align-items:center;gap:8px 14px}
.nua-service-frontend #nua-service-reviews .nua-project-review-head strong{color:#0f4c81;font-size:14px}
.nua-service-frontend #nua-service-reviews .nua-project-verified{padding:3px 8px;border:1px solid #d2eddf;border-radius:20px;font-size:10px;line-height:1.5}
.nua-service-frontend #nua-service-reviews .nua-project-stars{font-size:18px;line-height:1.5;letter-spacing:2px;margin:8px 0;color:#b77900}
.nua-service-frontend #nua-service-reviews .nua-project-public-review p{margin:8px 0}
.nua-service-frontend #nua-service-reviews .nua-project-public-review small{display:block;margin-top:8px;font-size:12px;color:#64748b}
@media(max-width:1024px){.nua-service-frontend .nua-service-process .timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.nua-service-frontend .nua-service-process .timeline-step:nth-child(3n)::after{display:none}}
@media(max-width:600px){.nua-service-frontend .nua-service-process,.nua-service-frontend #nua-service-reviews{padding:18px;margin:18px 0}.nua-service-frontend .nua-service-process .timeline{grid-template-columns:minmax(0,1fr);gap:12px}.nua-service-frontend .nua-service-process .timeline-step{display:block;text-align:center;padding:12px}.nua-service-frontend .nua-service-process .timeline-step:not(:last-child)::after{display:block;left:50%;top:100%;width:0;height:13px;border-top:0;border-left:2px solid #c5d9ef}.nua-service-frontend .nua-service-process .timeline-step i{margin:0 auto 8px}}