/* Emdyne 3D Phase 4A — premium mobile visual treatment */
@media (max-width: 780px) {
  :root {
    --mobile-navy: #0d1a24;
    --mobile-blue: #08a8dd;
    --mobile-blue-soft: #e8f8fd;
    --mobile-panel: rgba(255,255,255,.96);
    --mobile-border: rgba(19,50,68,.12);
    --mobile-shadow: 0 12px 30px rgba(13,26,36,.09);
  }

  body {
    background:
      radial-gradient(circle at 100% 0, rgba(8,168,221,.09), transparent 28rem),
      linear-gradient(180deg, #f7fbfd 0, #eef5f8 55%, #f7fafb 100%);
  }

  .site-header {
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 8px 22px rgba(13,26,36,.08) !important;
    backdrop-filter: blur(12px);
  }

  main > section,
  .section,
  .shop-section,
  .why-section,
  .process-section,
  .quote-section,
  .app-install-panel {
    position: relative;
  }

  .hero,
  .hero-section {
    background:
      linear-gradient(145deg, rgba(255,255,255,.98), rgba(239,249,252,.98));
    border-bottom: 1px solid rgba(8,168,221,.13);
  }

  .hero::after,
  .hero-section::after {
    content: "";
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 0;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--mobile-blue), rgba(8,168,221,0));
  }

  .eyebrow,
  .section-kicker,
  .category-label {
    letter-spacing: .14em !important;
    color: #087da7 !important;
  }

  .hero h1,
  .hero-title,
  .product-detail h1,
  .category-hero h1 {
    text-shadow: 0 1px 0 #fff;
  }

  .button,
  .btn,
  button[type="submit"],
  .shop-card .btn-dark,
  .basket-trigger {
    box-shadow: 0 8px 18px rgba(13,26,36,.12);
  }

  .button-primary,
  .btn-primary,
  .btn-dark,
  .hero .button:first-of-type {
    background: linear-gradient(135deg, #0d1a24, #162d3b) !important;
    border-color: transparent !important;
  }

  .button-primary:active,
  .btn-primary:active,
  .btn-dark:active {
    transform: translateY(1px);
  }

  .benefit-list,
  .trust-points,
  .hero-points {
    background: rgba(255,255,255,.7);
    border: 1px solid var(--mobile-border);
    border-radius: 14px;
    padding: .7rem .8rem !important;
  }

  .app-install-panel {
    margin-inline: .75rem !important;
    padding: 1.05rem !important;
    border: 1px solid rgba(8,168,221,.2) !important;
    border-radius: 18px !important;
    background:
      linear-gradient(145deg, rgba(255,255,255,.98), rgba(231,248,253,.98)) !important;
    box-shadow: var(--mobile-shadow);
    overflow: hidden;
  }

  .app-install-panel::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #08a8dd, #146a8c);
  }

  .why-section,
  .process-section,
  .quote-section {
    margin-inline: .75rem !important;
    border-radius: 20px;
    background: var(--mobile-panel);
    border: 1px solid var(--mobile-border);
    box-shadow: var(--mobile-shadow);
    padding: 1.1rem !important;
  }

  .shop-section {
    margin-top: .8rem !important;
    padding-inline: .65rem !important;
  }

  .shop-toolbar,
  .catalogue-toolbar,
  .filter-panel {
    padding: .75rem !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid var(--mobile-border) !important;
    box-shadow: 0 8px 22px rgba(13,26,36,.06);
  }

  .shop-card,
  .product-card,
  .catalogue-card {
    border: 1px solid rgba(8,168,221,.14) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 12px 28px rgba(13,26,36,.09) !important;
    overflow: hidden;
  }

  .shop-card::before,
  .product-card::before,
  .catalogue-card::before {
    content: "";
    display: block;
    height: 3px;
    background: linear-gradient(90deg, var(--mobile-blue), rgba(8,168,221,.05));
  }

  .shop-card img,
  .product-card img,
  .catalogue-card img {
    filter: saturate(1.03) contrast(1.02);
  }

  .product-card-body,
  .shop-card-body,
  .catalogue-card-body {
    padding: .82rem !important;
  }

  .product-detail-card,
  .product-information,
  .product-specifications,
  .category-hero,
  .share-panel,
  .basket-panel {
    border: 1px solid rgba(8,168,221,.14) !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.97) !important;
    box-shadow: var(--mobile-shadow) !important;
  }

  .spec-row,
  .product-spec-row {
    border-bottom-color: rgba(19,50,68,.1) !important;
  }

  .badge,
  .product-badge,
  .status-pill {
    background: linear-gradient(135deg, #e6f8fd, #f7fdff) !important;
    border: 1px solid rgba(8,168,221,.18) !important;
  }

  .thumbnail,
  .gallery-thumb {
    border-radius: 12px !important;
    box-shadow: 0 5px 14px rgba(13,26,36,.08);
  }

  .thumbnail.is-active,
  .gallery-thumb.is-active {
    box-shadow: 0 0 0 2px #08a8dd, 0 6px 16px rgba(13,26,36,.12) !important;
  }

  .site-footer {
    background: linear-gradient(180deg, #10212d, #0b1720) !important;
    color: rgba(255,255,255,.78) !important;
    border-top: 3px solid #08a8dd !important;
  }

  .site-footer a,
  .site-footer strong {
    color: #fff !important;
  }
}