.producto-hero {
      padding-top: 80px;
      background: var(--cream);
    }
    .producto-grid {
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
      align-items: start;
      padding: 4rem 1.5rem;
    }
    .producto-img-wrap {
      border-radius: 22px;
      overflow: hidden;
      box-shadow: 0 12px 48px rgba(107,63,42,.18);
    }
    .producto-img-wrap img {
      width: 100%;
      height: 500px;
      object-fit: cover;
      display: block;
    }
    .producto-info {
      display: flex;
      flex-direction: column;
      gap: 1.2rem;
    }
    .producto-tag {
      font-size: .72rem; letter-spacing: .22em; text-transform: uppercase;
      color: var(--mocha); font-weight: 700;
      display: flex; align-items: center; gap: .7rem;
    }
    .producto-tag::before { content:''; flex: 0 0 32px; height: 1.5px; background: var(--accent); }
    .producto-nombre {
      font-family: 'Playfair Display', serif;
      font-size: clamp(2.2rem, 4vw, 3.2rem);
      font-weight: 600;
      color: var(--dark);
      line-height: 1.15;
    }
    .producto-precio {
      font-size: 1.4rem;
      font-weight: 700;
      color: var(--brown);
    }
    .producto-desc {
      font-size: 1rem;
      color: var(--mocha);
      line-height: 1.8;
      font-weight: 300;
    }
    .producto-divider {
      height: 1px;
      background: linear-gradient(90deg, var(--accent), transparent);
    }
    .producto-acciones {
      display: flex;
      align-items: center;
      gap: 1rem;
      flex-wrap: wrap;
      margin-top: .5rem;
    }
    .btn-volver {
      display: inline-flex; align-items: center; gap: .4rem;
      color: var(--mocha); font-size: .85rem; font-weight: 700;
      letter-spacing: .08em; text-transform: uppercase;
      text-decoration: none;
      transition: color .2s;
      outline: none; -webkit-tap-highlight-color: transparent;
    }
    .btn-volver:hover { color: var(--brown); }
    .btn-volver:focus-visible { color: var(--brown); text-decoration: underline; }
    .btn-volver svg { width: 1em; height: 1em; }
    @media (max-width: 768px) {
      .producto-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding: 2rem 1.2rem;
      }
      .producto-img-wrap img { height: 300px; }
    }