/* ═══════════════════════════════════════
   MOBILE RESPONSIVE OVERRIDES
   max-width: 768px
   ═══════════════════════════════════════ */

@media (max-width: 768px) {
  /* Header adjustments */
  .header-inner {
    padding: 12px clamp(16px, 4vw, 24px);
  }

  .logo {
    font-size: 10px;
    letter-spacing: 4px;
  }

  .header-symbol .logo-symbol {
    width: 30px;
    height: 30px;
  }

  .btn-book {
    display: none;
  }

  .ham {
    display: flex;
  }

  /* Hero adjustments */
  .page-hero {
    height: 50vh;
    min-height: 340px;
  }

  .page-hero .hero-c {
    padding-top: 48px;
  }

  .hero-t {
    font-size: clamp(24px, 5vw, 48px);
  }

  .hero-k {
    font-size: 8px;
    color: rgba(255,255,255,0.95);
  }

  .hero-s {
    color: rgba(255,255,255,0.95);
      line-height: 1.4;
  }

  /* Two-column to single column */
  .story {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .story-img {
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    aspect-ratio: auto;
    overflow: hidden;
  }

  .story-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .svc-detail-grid {
    grid-template-columns: 1fr;
  }

  .contact-grid {
    grid-template-columns: 1fr;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .form-group.full {
    grid-column: 1;
  }

  /* Services grid */
  .svc-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .svc-grid.single-col {
    grid-template-columns: 1fr;
  }

  /* Footer */
  .footer {
    padding-bottom: 80px;
  }

  .f-seo {
    display: none;
  }

  .f-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 16px;
    text-align: center;
  }

  .f-col h4 {
    font-size: 7px;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
  }

  .f-col a {
    margin-bottom: 3px;
    font-size: 10px;
  }

  .f-col a:visited {
    color: rgba(255,255,255,0.3);
  }

  /* Recent sessions grid */
  .rs-cell {
    flex: 0 0 80vw;
    min-width: 80vw;
  }

  /* Package grid */
  .pkg-grid {
    grid-template-columns: 1fr;
  }

  /* Portfolio grid */
  .port-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
  }

  /* Mobile CTA button */
  .mob-cta {
    display: block;
  }

  /* Section padding */
  .section {
    padding: clamp(40px, 6vw, 60px) clamp(16px, 4vw, 24px);
  }

  /* Credentials bar */
  .cred-bar {
    gap: clamp(8px, 2vw, 20px);
    padding: 8px clamp(16px, 4vw, 24px);
  }

  .cred-bar span {
    font-size: 8px;
  }

  /* Menu adjustments */
  .menu-nav li a {
    font-size: clamp(36px, 9vw, 52px);
    line-height: 1.6;
  }

  .nn {
    font-size: 12px;
  }

  /* Button sizing */
  .btn-charcoal,
  .btn-gold,
  .btn-light,
  .btn-ghost {
    font-size: 9px;
    padding: 12px 20px;
  }

  /* Text sizing */
  .s-kicker {
    font-size: 8px;
  }

  .s-title {
    font-size: clamp(24px, 4vw, 36px);
  }

  /* Final CTA section */
  .final-cta {
    padding: clamp(40px, 5vw, 60px) clamp(16px, 4vw, 24px);
  }

  .final-cta p {
    font-size: 13px;
  }

  /* Forms */
  .form-input,
  .form-select,
  .form-textarea {
    font-size: 14px;
    padding: 10px 12px;
  }

  .form-label {
    font-size: 11px;
  }

  /* Rev stars */
  .rev-stars {
    font-size: 14px;
  }

  .rev-card blockquote {
    font-size: 14px;
  }

  /* Guide grid */
  .guide-grid {
    grid-template-columns: 1fr;
  }

  /* Comparison table */
  .cmp-table {
    font-size: 11px;
  }

  .cmp-table th,
  .cmp-table td {
    padding: 8px;
  }

  /* Package cards */
  .pkg-card {
    padding: 20px;
  }

  .pkg-name {
    font-size: 18px;
  }

  .pkg-price {
    font-size: 20px;
  }

  .pkg-list li {
    font-size: 12px;
  }
  /* Service card mobile fix */
  .svc-card-info h3 { font-size: 22px; line-height: 1.2; margin-bottom: 4px; }
  .svc-card-info p { font-size: 11px; line-height: 1.5; }
  .svc-card-info { padding: 20px 16px; }
  .svc-card { aspect-ratio: 1 / 1.15; }

}

@media(max-width:768px){.g-badge{display:flex !important}}