/* HDG mobile scale — keep prior good denser layout;
   ONLY #detayli-hizmet service cards = full-width single stack */

@media (max-width: 767px) {
  html { font-size: 14.5px; }

  /* Product / stok: 2 across (good previous) */
  .hdg-stok-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .hdg-stok-card-body { padding: 0.5rem 0.55rem 0.65rem !important; }
  .hdg-stok-card-title {
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .hdg-stok-card-specs {
    font-size: 0.62rem !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .hdg-stok-card-price { font-size: 0.85rem !important; }
  .hdg-stok-card-media { aspect-ratio: 4/3; }

  /* Blog: 2 across (previous good) */
  .post-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.55rem !important;
  }
  .post-list > li { margin: 0; min-width: 0; }
  .post-card {
    padding: 0.65rem 0.7rem !important;
    height: 100%;
    box-sizing: border-box;
  }
  .post-card h2 {
    font-size: 0.78rem !important;
    line-height: 1.22 !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 0 0.3rem !important;
  }
  .post-card p {
    font-size: 0.65rem !important;
    line-height: 1.3 !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .post-card .date { font-size: 0.58rem !important; margin-top: 0.4rem !important; }

  /* Homepage denser (previous good) — NOT touching detayli-hizmet here */
  .hdg-feat-grid,
  .hdg-step-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
  }
  .hdg-quick-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.35rem !important;
  }
  .hdg-quick-card {
    padding: 0.45rem 0.3rem !important;
    font-size: 0.62rem !important;
  }
  .hdg-district-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.35rem !important;
  }
  .hdg-device-card {
    padding: 0.7rem 0.55rem !important;
  }
  .hdg-device-card h3 { font-size: 0.8rem !important; }
  .hdg-device-card p {
    font-size: 0.65rem !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .wrap, .container, .max-w-6xl, .max-w-5xl, .max-w-7xl {
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
  }

  /* Neon: 2-up + always glow (previous good) */
  .hdg-svc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.55rem !important;
  }
  .hdg-svc-grid .card-neon,
  .card-neon {
    border-radius: 1rem !important;
    padding: 0.7rem 0.65rem !important;
    min-height: 0 !important;
    box-shadow: 0 0 18px var(--neon-color-glow) !important;
  }
  .card-neon::before { opacity: 1 !important; }
  .card-neon:hover {
    transform: none !important;
    box-shadow: 0 0 22px var(--neon-color-glow) !important;
  }
  .card-neon:hover::before { opacity: 1 !important; }
  .card-neon h3 {
    font-size: 0.8rem !important;
    line-height: 1.25 !important;
    margin-bottom: 0.35rem !important;
  }
  .card-neon p,
  .card-neon li {
    font-size: 0.65rem !important;
    line-height: 1.3 !important;
  }
  .card-neon .icon-electric,
  .card-neon i.fas,
  .card-neon i.fab {
    font-size: 1.15rem !important;
    filter: drop-shadow(0 0 8px var(--neon-color)) brightness(1.15);
  }
  .hdg-svc-foot { min-height: 0 !important; gap: 0.3rem !important; margin-top: 0.5rem !important; }

  /* ===== ONLY this section: Hizmet Sistemi → tek kart tek kart ===== */
  #detayli-hizmet .grid.grid-cols-1,
  #detayli-hizmet .grid.grid-cols-1.lg\:grid-cols-2,
  #detayli-hizmet .grid.grid-cols-2,
  #detayli-hizmet .grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.85rem !important;
  }
  #detayli-hizmet .service-mini-card {
    width: 100% !important;
    max-width: 100% !important;
    grid-column: 1 / -1 !important;
    padding: 1.1rem 1.15rem !important;
    border-radius: 1.25rem !important;
    box-sizing: border-box;
  }
  #detayli-hizmet .service-mini-card.lg\:col-span-2 {
    grid-column: 1 / -1 !important;
  }
  #detayli-hizmet .service-mini-card h3 {
    font-size: 1.05rem !important;
    line-height: 1.3 !important;
  }
  #detayli-hizmet .service-mini-card p {
    font-size: 0.88rem !important;
    line-height: 1.45 !important;
  }
  /* inner feature chips under last card can stay 1-col stacked */
  #detayli-hizmet .service-mini-card .grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 380px) {
  .post-card h2 { font-size: 0.7rem !important; }
  .hdg-stok-card-title { font-size: 0.68rem !important; }
  #detayli-hizmet .service-mini-card h3 { font-size: 0.95rem !important; }
}

/* Hizmet Sistemi: single stack until desktop lg */
@media (max-width: 1023px) {
  #detayli-hizmet .grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #detayli-hizmet .service-mini-card {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}