/* Restaurant type pages — Mobile ver1 Cafe (7109:17224) @ ~390.
   Shared across all 10 v2--type pages. Desktop stays in type-desktop.css. */
@media (max-width: 992px) {
  /* —— Offer hero (Figma Offer h~791, py-32, content 358) —— */
  /* Figma Offer pad 35; CTA→media gap 24 (Container itemSpacing) */
  .v2--type .v2-hero--type {
    min-height: 0;
    align-items: stretch;
    padding: 35px 0;
  }

  .v2--type .v2-hero--type .v2-hero__inner {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 0 16px;
    justify-items: stretch;
    max-width: none;
  }

  .v2--type .v2-hero--type .v2-hero__copy {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 358px;
    margin: 0 auto;
    order: 1;
  }

  .v2--type .v2-hero--type .v2-hero__intro {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: none;
  }

  .v2--type .v2-hero--type .v2-hero__badge {
    height: 27px;
    padding: 0 8px;
    font: 400 10px/1.4 var(--v2-font);
    gap: 0;
  }

  .v2--type .v2-hero--type .v2-hero__badge img {
    width: 16px;
    height: 16px;
  }

  .v2--type .v2-hero--type h1 {
    margin: 0;
    font: 600 32px/1.2 var(--v2-font);
    text-transform: capitalize;
    max-width: none;
  }

  .v2--type .v2-hero--type .v2-hero__lead {
    margin: 0;
    font: 400 14px/1.4 var(--v2-font);
    color: var(--v2-gray-200);
    max-width: none;
  }

  .v2--type .v2-hero--type .v2-hero__ctas {
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }

  .v2--type .v2-hero--type .v2-hero__ctas .v2-btn {
    width: 100%;
    justify-content: center;
    min-height: 40px;
  }

  /* Section-jump CTA: mobile Figma ↗; desktop keeps ↓ */
  .v2--type .v2-hero__ctas .v2-btn__icon--desktop {
    display: none;
  }

  .v2--type .v2-hero__ctas .v2-btn__icon--mobile {
    display: inline-block;
  }

  /* Figma Fine Dining hero media 358×382, radius 16 */
  .v2--type .v2-hero__media--type {
    order: 2;
    width: 100%;
    max-width: 358px;
    height: auto;
    aspect-ratio: 358 / 382;
    margin: 0 auto;
    border-radius: 16px;
  }

  .v2--type .v2-hero__media--type picture,
  .v2--type .v2-hero__media--type img {
    width: 100%;
    height: 100%;
    display: block;
  }

  .v2--type .v2-hero__media--type picture img,
  .v2--type .v2-hero__media--type > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
  }

  /* —— Quote band (Figma Offer quote py-40, px-18) —— */
  .v2--type .v2-type-quote {
    padding: 40px 18px;
  }

  .v2--type .v2-type-quote__inner {
    gap: 12px;
    padding: 0;
    max-width: 353px;
  }

  .v2--type .v2-type-quote__text {
    font: 500 16px/1.2 var(--v2-font);
    max-width: none;
  }

  .v2--type .v2-type-quote__meta {
    gap: 12px;
  }

  .v2--type .v2-type-quote__author {
    font: 500 14px/1.2 var(--v2-font);
  }

  /* Figma stars overlap −4px */
  .v2--type .v2-type-quote__stars {
    gap: 0;
  }

  .v2--type .v2-type-quote__stars img {
    width: 24px;
    height: 24px;
    margin-right: -4px;
  }

  .v2--type .v2-type-quote__stars img:last-child {
    margin-right: 0;
  }

  /* —— Operations (Figma Main Content py-40, px-16) —— */
  .v2--type .v2-type-ops {
    padding: 40px 0;
  }

  .v2--type .v2-type-ops .v2-container {
    gap: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .v2--type .v2-type-ops__head {
    gap: 12px;
  }

  .v2--type .v2-type-ops__head .v2-eyebrow {
    font: 600 10px/1.2 var(--v2-font);
  }

  /* Figma heading 306×48 (2 lines @20/1.2) — was 286 → 3 lines @390 */
  .v2--type .v2-type-ops__head .v2-h2 {
    font: 600 20px/1.2 var(--v2-font);
    text-transform: capitalize;
    max-width: 306px;
  }

  /* Cafe Figma: "Effortless Flow From" / "Counter To Café Table" */
  .v2--cafe .v2-type-ops__br {
    display: inline;
  }

  /* Pizza Joint Figma: "From Custom Pies To" / "Delivery In Perfect Sync" */
  .v2--pizzajoint .v2-type-ops__br {
    display: inline;
  }

  .v2--foodtruck .v2-type-ops__br,
  .v2--club .v2-type-ops__br,
  .v2--deli .v2-type-ops__br,
  .v2--bagelshop .v2-type-ops__br,
  .v2--quickservice .v2-type-ops__br,
  .v2--coffeeshop .v2-type-ops__br,
  .v2--finedinning .v2-type-ops__br,
  .v2--bar .v2-type-ops__br {
    display: inline;
  }


  /* Figma card pad 28; image→body gap 24 (354 − 330) */
  .v2--type .v2-type-ops__card {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 28px;
    justify-items: center;
    align-items: start;
  }

  .v2--type .v2-type-ops__card--flip .v2-type-ops__media,
  .v2--type .v2-type-ops__card--flip .v2-type-ops__copy {
    order: 0;
  }

  /* Ops image fills card inner width (aligns with copy; was capped at 300px) */
  .v2--type .v2-type-ops__media {
    width: 100%;
    max-width: none;
    aspect-ratio: 1;
    border-radius: 10px;
  }

  .v2--type .v2-type-ops__media picture {
    width: 100%;
    height: 100%;
    display: block;
  }

  .v2--type .v2-type-ops__media picture img,
  .v2--type .v2-type-ops__media > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .v2--type .v2-type-ops__copy {
    width: 100%;
    gap: 24px;
  }

  .v2--type .v2-type-ops__copy > p {
    font: 400 14px/1.4 var(--v2-font);
  }

  .v2--type .v2-type-ops__included-title {
    font: 600 14px/1.2 var(--v2-font);
  }

  .v2--type .v2-type-ops__checklist li {
    font: 400 14px/1.4 var(--v2-font);
    align-items: flex-start;
  }

  .v2--type .v2-type-ops__checklist li img {
    margin-top: 2px;
  }
}