/* Alma Doble Filo — MOBILE layout, <=750px (Wix's own mobile breakpoint).
   Written to the live Wix mobile rendering measured with headless Chrome
   on a 320px canvas (scrape/mobile/, 2026-07-16). Wix designs mobile on a
   320 canvas and scales it; values here are those measurements in rem.
   Everything MUST stay inside the media query. */

@media (max-width: 750px) {

  .only-desktop { display: none !important; }

  /* Wix mobile type: H1 26-36px, H2 28-30px, section h3 ~20-22px. */
  h1 { font-size: 2rem; }
  h2 { font-size: 1.8rem; }
  h3 { font-size: 1.35rem; }

  /* ---- header: wordmark left (no logo mark), cart + hamburger right ---- */
  .site-header .bar {
    grid-template-columns: 1fr auto auto;
    min-height: 58px;
  }
  .brand .mark { display: none; }
  .wordmark { font-size: 1.05rem; }
  .cart { grid-column: 2; grid-row: 1; }
  .nav-toggle {
    display: block; grid-column: 3; grid-row: 1;
    position: relative; z-index: 120;
    width: 26px; height: 26px; padding: 1px;
  }
  .nav-toggle svg { width: 100%; height: 100%; display: block; }
  .nav-toggle .ic-close { display: none; }
  .nav-toggle[aria-expanded="true"] .ic-open { display: none; }
  .nav-toggle[aria-expanded="true"] .ic-close { display: block; }

  /* Fullscreen black menu overlay, items centred with hairline rules. */
  nav.primary {
    display: none; position: fixed; inset: 0; z-index: 110;
    background: #000;
    flex-direction: column; align-items: center;
    padding-top: 4.2rem; overflow-y: auto;
  }
  nav.primary.open { display: flex; }
  nav.primary a {
    width: min(12rem, 70vw); text-align: center;
    padding: 1.05rem 0; font-size: 1.05rem;
    border-bottom: 1px solid rgba(255,255,255,.35);
  }
  nav.primary a[aria-current="page"] { color: var(--header-txt-hover); }

  /* ---- home hero: Wix mobile order differs from desktop --
     art, taglines, heart, H1, eyes; no Discover (Wix hides it). ---- */
  .hero-wix { display: flex; flex-direction: column; margin-top: 0; }
  .hero-art {
    order: 1; width: 74%; margin: 0 auto;
    aspect-ratio: 237 / 139;
  }
  .taglines { order: 2; margin-top: 2.4rem; }
  .taglines p { font-size: 1.5rem; line-height: 1.45; }
  .taglines p + p { margin-top: 1.1em; }
  .c-heart {
    order: 3;
    width: 100vw; margin: 3.4rem calc(50% - 50vw) 0;
  }
  .site-title { order: 4; font-size: 2.15rem; margin: 1.7rem 0; }
  .c-eyes {
    order: 5;
    width: 100vw; margin: 0 calc(50% - 50vw);
    aspect-ratio: 320 / 200;
  }
  .discover { display: none; }

  /* ---- home About: centred text on black; photo inset on the band ---- */
  .about-band { background: #000; padding-block: 0; }
  .ab-card { text-align: center; padding: 3.2rem 0 2.8rem; }
  .ab-card h2 { font-size: 1.85rem; }
  .ab-name { font-size: 1.5rem; margin-top: 1.1rem; }
  .ab-body { font-size: 1.4rem; line-height: 1.5; margin-top: 1.6rem; }
  .ab-social { justify-content: center; margin-top: 2rem; }
  .ab-card .btn.solid {
    margin-top: 2rem; padding: .85rem 0;
    width: min(11rem, 70%); font-size: 1.05rem;
  }
  .ab-photo {
    background: var(--band);
    margin-inline: calc(50% - 50vw);
    padding: 3.6rem 12% ;
  }

  /* ---- home white ART PIECES: centred title, stacked cards ---- */
  .art-pieces { padding-block: 3rem 3.4rem; }
  .art-pieces h2 { font-size: 1.75rem; text-align: center; }
  .ap-rule { margin: 2.4rem 0 2.6rem; }
  .art-pieces .card .label { margin-left: 1.25rem; }
  .art-pieces .card .sub.price { margin-left: 1.25rem; }

  /* ---- home mural: natural (tall) image, cards stacked near bottom ---- */
  .mural { height: auto; }
  .bcards {
    bottom: 3.4rem;
    display: grid; gap: .8rem;
    padding-inline: var(--gutter);
  }

  /* card grids: single column */
  .grid.cols-2, .grid.cols-3, .grid.cols-4 { grid-template-columns: 1fr; }

  /* galleries */
  .masonry { columns: 1; }

  /* shop */
  .product-layout { grid-template-columns: 1fr; }

  /* ---- footer: contact on the slate band, then the white subscribe
     panel, then a black rule + copyright (measured Wix mobile order) ---- */
  .f-rule { display: none; }
  .f-panels { display: flex; flex-direction: column; }
  .f-contact {
    order: 1;
    padding: 3.4rem var(--gutter) 2.6rem;
    color: #fff;
  }
  .f-row { display: block; }
  .f-mail { color: #0b0b0b; font-size: 1.35rem; }
  .f-legal { margin-top: .4rem; }
  .f-legal a { color: #fff; }
  .f-legal li { font-size: 1.3rem; padding: .15rem 0; }
  .f-social { justify-content: center; margin-top: 2.6rem; gap: 1.3rem; }
  .f-sub { order: 2; padding: 2.6rem var(--gutter) 3.2rem; }
  .f-subhead { margin-top: 3.6rem; font-size: 2rem; }
  .f-brand { font-size: 1.6rem; }
  .f-join { display: block; width: 100%; text-align: center; }
  .f-copy-band { font-size: 1.05rem; }
}