/* AK Production — mobile layout refinements (V4)
   Specific responsive overrides only. Does not replace any page, schema, logo or font.
   Existing Bebas Neue Pro, approved colors and buttons are inherited from the site.
*/
@media (max-width: 720px) {
  /* Services: two compact cards per row, retain original glass appearance. */
  .akc-services .akc-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    border-radius: 17px !important;
  }
  .akc-services .akc-card {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 16px 13px 18px !important;
    border-right: 1px solid #35373c !important;
    border-bottom: 1px solid #35373c !important;
  }
  .akc-services .akc-card:nth-child(2n) { border-right: 0 !important; }
  .akc-services .akc-card:nth-last-child(-n + 2) { border-bottom: 0 !important; }
  .akc-services .akc-icon { width: 47px !important; height: 47px !important; }
  .akc-services .akc-card h3 { font-size: clamp(19px, 5.5vw, 24px) !important; line-height: 1.08 !important; }
  .akc-services .akc-card p { font-size: clamp(14px, 3.8vw, 17px) !important; line-height: 1.27 !important; margin-bottom: 12px !important; }
  .akc-services .akc-card-top { margin-bottom: 10px !important; }
  .akc-services .akc-underline { margin: 8px 0 10px !important; width: 33px !important; }
  .akc-services .akc-more { width: 100% !important; min-width: 0 !important; padding: 11px 10px !important; font-size: 17px !important; }

  /* Portfolio: two videos per row, matching original rounded thumbnails. */
  .p05 .p05-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 22px 12px !important; }
  .p05 .p05-featured { grid-column: auto !important; }
  .p05 .p05-featured .p05-image-wrap, .p05 .p05-image-wrap { aspect-ratio: 16 / 10 !important; }
  .p05 .p05-card-title { font-size: clamp(19px, 5.2vw, 25px) !important; line-height: 1.05 !important; }
  .p05 .p05-card-meta { margin: 10px 0 6px !important; gap: 6px !important; font-size: 13px !important; }
  .p05 .p05-card-meta span:last-child { display: none !important; }
  .p05 .p05-card-number { top: 10px !important; left: 10px !important; font-size: 15px !important; }
  .p05 .p05-play { width: 44px !important; height: 44px !important; }
  .p05 .p05-play svg { width: 17px !important; height: 17px !important; }

  /* Facts: three icons across with restrained typography. */
  .ak-proof .ak-proof-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 26px 10px !important; }
  .ak-proof .ak-proof-stat:last-child { grid-column: auto !important; }
  .ak-proof .ak-proof-visual { width: 90px !important; max-width: 100% !important; margin-bottom: 2px !important; }
  .ak-proof .ak-proof-icon { width: 80px !important; height: 80px !important; }
  .ak-proof .ak-proof-ring { width: 74px !important; height: 74px !important; }
  .ak-proof .ak-proof-value { font-size: clamp(27px, 7.5vw, 35px) !important; }
  .ak-proof .ak-proof-label { font-size: clamp(15px, 4.3vw, 19px) !important; line-height: 1.08 !important; margin-top: 7px !important; }
  .ak-proof .ak-proof-note { font-size: clamp(11px, 3.2vw, 14px) !important; line-height: 1.17 !important; margin-top: 7px !important; }

  /* Article tiles on home AND catalog: two per row. */
  .ak-home-articles .ak-home-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 21px 12px !important; }
  .ak-catalog .ak-catalog-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 23px 12px !important; }
  .ak-home-articles .ak-home-inner { width: min(calc(100% - 36px), 1440px) !important; }
  .ak-article-tile { min-width: 0 !important; }
  .ak-article-tile .ak-tile-cover { border-radius: 12px !important; }
  .ak-article-tile .ak-tile-tag { top: 7px !important; left: 7px !important; padding: 5px 8px !important; font-size: 12px !important; }
  .ak-article-tile .ak-tile-meta { font-size: 12px !important; margin: 10px 0 6px !important; flex-wrap: wrap !important; gap: 3px 7px !important; }
  .ak-article-tile .ak-tile-meta span:last-child { display: none !important; }
  .ak-article-tile h3 { font-size: clamp(19px, 5.1vw, 24px) !important; line-height: 1.11 !important; }
  .ak-article-tile p { font-size: 15px !important; line-height: 1.28 !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; }

  /* Remove emoji-style arrow glyphs, keep the original clickable controls. */
  .c07-mail span[aria-hidden="true"],
  .c07-socials a span[aria-hidden="true"],
  .c07-send-arrow,
  .p05-card-arrow { display: none !important; }
  .c07-socials a { justify-content: center !important; text-align: center !important; }
  .c07-send { gap: 0 !important; }
}
@media (max-width: 359px) {
  /* Smaller screens need comfortable hit targets. Only facts switch to 2-up. */
  .ak-proof .ak-proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .ak-proof .ak-proof-stat:last-child { grid-column: 1 / -1 !important; }
  .akc-services .akc-card { padding: 13px 10px 15px !important; }
  .p05 .p05-grid, .ak-home-articles .ak-home-grid, .ak-catalog .ak-catalog-grid { column-gap: 9px !important; }
}