/* Alma Doble Filo — DESKTOP layout, >=751px (Wix's mobile cut is 750px).
   Tablets get this layout, scaling fluidly via clamp()/percentages.
   Geometry measured off the live Wix site at 1440x900 (2026-07-16).
   Everything here MUST stay inside the media query. */

@media (min-width: 751px) {

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

  /* Wix desktop: H1 82px/-4.1px, H2 56-62px, on a 1440 canvas. */
  h1 { font-size: clamp(2.6rem, 7vw, 5.125rem); }
  h2 { font-size: clamp(1.9rem, 4vw, 3.5rem); }
  h3 { font-size: clamp(1.4rem, 2.6vw, 1.9rem); }

  /* Header: 1440x89, logo+wordmark left, nav centred, cart right. */
  .site-header .bar {
    grid-template-columns: 1fr auto 1fr;
    min-height: 89px;
  }
  .nav-toggle { display: none; }
  nav.primary {
    display: flex; gap: 2.1rem;
    justify-content: center;
    grid-column: 2;
  }
  .cart { grid-column: 3; justify-self: end; }

  /* ---- home hero + collage ----
     Measured: hero art 806x251 centred at y129; H1 82px centred; heart
     490x508 right col at y472; eyes 552x630 left col staggered to y814;
     taglines two text columns on the right at y1100; Discover at y1223. */
  .hero-wix {
    display: grid;
    grid-template-columns: 53% 47%;
    margin-top: 2.5rem;
  }
  .hero-art {
    grid-column: 1 / -1;
    width: 63%; justify-self: center;
    aspect-ratio: 806 / 251;
  }
  .site-title {
    grid-column: 1 / -1;
    font-size: clamp(3.2rem, 5.7vw, 5.125rem);
    margin-top: .4rem;
  }
  .c-heart {
    grid-column: 2; grid-row: 3;
    width: 100%;
    aspect-ratio: 490 / 508;
    margin-top: 1rem;
  }
  .c-eyes {
    grid-column: 1; grid-row: 3 / span 3;
    width: 100%;
    aspect-ratio: 552 / 630;
    margin-top: 54%;              /* the measured stagger */
    align-self: start;
  }
  .taglines {
    grid-column: 2; grid-row: 4;
    display: grid; grid-template-columns: 1fr 1.55fr; gap: 2.6rem;
    padding: 7.5rem 1rem 0 3.5rem;
  }
  .discover {
    grid-column: 2; grid-row: 5;
    justify-self: center; align-self: start;
    margin-top: 1.9rem;
  }

  /* ---- home About band: black card left, photo on a backdrop strip ---- */
  .about-band {
    display: grid;
    grid-template-columns: 1fr 27.7%;
    align-items: center;
    padding-block: 4.5rem;
    column-gap: 0;
  }
  .ab-card { padding: 4.2rem 6rem 4.2rem 12%; }
  .ab-card h2 { margin-bottom: .6rem; }
  .ab-name { font-size: 1.5rem; max-width: 26rem; }
  .ab-body { margin-top: 2.2rem; max-width: 28rem; }
  .ab-social { margin-top: 1.8rem; }
  .ab-card .btn.solid { margin-top: 1.9rem; padding: .8rem 2.6rem; }
  /* photo sits on a solid color_12 strip that runs past it to the right */
  .ab-photo { position: relative; padding: 2rem 0; }
  .ab-photo::before {
    content: ""; position: absolute;
    top: 0; bottom: 0; left: 1.5rem; right: -9rem;
    background: rgb(62, 66, 70);
  }
  .ab-photo img { position: relative; }

  /* ---- home white ART PIECES: title left, rule, 4 cards on the left ---- */
  .art-pieces { padding-block: 3.5rem 4.5rem; }
  .art-pieces h2 { font-size: clamp(2.4rem, 4.3vw, 3.9rem); }
  .ap-rule { margin: 2.6rem 0 3.4rem; }
  .art-pieces .products { width: 84%; }

  /* ---- home mural + 3 white blog cards overlapping its bottom edge ---- */
  .mural { aspect-ratio: 1440 / 1781; }
  .bcards {
    bottom: -1.7rem;
    padding-inline: 13.3%;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.7rem;
  }
  /* ---- home Thank you. + dedication ---- */
  .thanks { padding: 7rem 0 6.5rem; }
  .thanks h2 { padding-left: 11%; }
  .thanks h2::after {
    content: ""; display: inline-block; width: 4.5rem; height: 1px;
    background: #0b0b0b; vertical-align: middle; margin-left: 9rem;
  }
  .dedication { width: 72%; margin: 2.6rem auto 0; }

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

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

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

  /* ---- footer: white subscribe | gradient contact, side by side ---- */
  .f-rule { margin: 0 var(--gutter); }
  .f-panels {
    display: grid; grid-template-columns: 1fr 1fr;
    padding: 2.2rem clamp(1rem, 2vw, 2rem) 0;
  }
  .f-sub { padding: 2.8rem 3rem 3.5rem; }
  .f-subhead { margin-top: 4.5rem; }
  .f-form {
    display: grid; grid-template-columns: minmax(9rem, 15rem) auto;
    align-items: end; column-gap: 1.4rem;
  }
  .f-form .f-label, .f-form .f-check { grid-column: 1 / -1; }
  .f-form .f-join { margin-top: 0; }
  .f-contact {
    /* Soft B/W gradient, rebuilt from the Wix footer pixels (the Wix
       original is an image we don't have; this matches its reading). */
    background:
      radial-gradient(70% 60% at 46% 40%, rgba(250,250,250,1) 0%,
        rgba(214,215,217,.85) 45%, rgba(120,121,122,0) 78%),
      linear-gradient(115deg, #b9bcbf 0%, #8f9194 45%, #2a2a2a 80%,
        #000 100%);
    color: #fff;
    display: flex; flex-direction: column; justify-content: flex-end;
    gap: 2.2rem;
    padding: 3rem 3rem 2rem;
  }
  .f-contact a { color: #fff; }
  .f-row {
    display: flex; justify-content: space-between; align-items: center;
    gap: 2rem;
  }
  .f-legal { text-align: left; }
  .f-social { justify-content: center; }
  .f-copy { text-align: center; padding-bottom: .6rem; }
}