/* ======= ESTILOS GERAIS ======= */
    body {
      font-family: 'Poppins', sans-serif;
      background-color: #0e0e0e;
      color: #fff;
      overflow-x: hidden;
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    h2 {
      font-weight: 600;
      margin-bottom: 15px;
    }

    /* ======= HEADER ======= */
    header {
      background: #111;
      padding: 15px 0;
      box-shadow: 0 2px 5px rgba(0,0,0,0.3);
      position: sticky;
      top: 0;
      z-index: 1000;
    }

    .navbar-brand {
      font-weight: 700;
      font-size: 1.5rem;
      color: #d4af37;
    }

    .navbar-nav .nav-link {
      color: #fff;
      font-weight: 500;
      margin-right: 20px;
    }

    .navbar-nav .nav-link:hover {
      color: #d4af37;
    }

    /* ======= HERO / CARROSSEL ======= */
    .carousel-item {
      height: 85vh;
      background-size: cover;
      background-position: center;
      position: relative;
    }

    .carousel-caption {
      bottom: 20%;
      text-align: left;
    }

    .carousel-caption h1 {
      font-size: 3rem;
      font-weight: 700;
    }

    .carousel-caption p {
      font-size: 1.2rem;
      max-width: 500px;
    }

    .carousel-caption .btn {
      margin-top: 15px;
      background-color: #d4af37;
      border: none;
      color: #000;
      font-weight: 600;
    }

    /* ======= SEÇÃO DE PRODUTOS ======= */
    section {
      padding: 60px 0;
    }

    .section-title {
      text-align: center;
      margin-bottom: 40px;
    }

    .section-title h2 span {
      color: #d4af37;
    }

    .card {
      border: none;
      border-radius: 12px;
      overflow: hidden;
      background: #1a1a1a;
      color: #fff;
      transition: transform 0.3s;
    }

    .card:hover {
      transform: translateY(-5px);
    }

    .card img {
      height: 220px;
      object-fit: cover;
    }

    .card-body h5 {
      font-weight: 600;
    }

    .price {
      color: #d4af37;
      font-weight: 700;
      font-size: 1.2rem;
    }

    .btn-comprar {
      background: #d4af37;
      color: #000;
      font-weight: 600;
      border: none;
      width: 100%;
      transition: 0.3s;
    }

    .btn-comprar:hover {
      background: #c39e2e;
      color: #fff;
    }

    /* ======= SEÇÃO PET ======= */
    .bg-pet {
      background: linear-gradient(90deg, #0e0e0e 0%, #004d1a 100%);
    }

    /* ======= FOOTER ======= */
    footer {
      background: #111;
      padding: 50px 0;
      color: #bbb;
    }

    footer a {
      color: #d4af37;
      text-decoration: none;
    }

    footer a:hover {
      color: #fff;
    }

    .footer-logo {
      font-size: 1.8rem;
      font-weight: 700;
      color: #d4af37;
    }

    .social-icons a {
      color: #d4af37;
      margin-right: 10px;
      font-size: 1.2rem;
    }

    .social-icons a:hover {
      color: #fff;
    }

    /* Remove bordas e sombras padrão dos inputs no Chrome, Safari, Edge, etc. */
    input,
    textarea,
    select {
      border: none !important;
      outline: none !important;
      box-shadow: none !important;
      border-radius: 0;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
    }

    /* Opcional: define um estilo personalizado de borda */
    input:focus,
    textarea:focus,
    select:focus {
      border: 1px solid #d4af37 !important; /* cor da sua identidade visual */
      box-shadow: none !important;
    }

    .parallax-dobra {
  background-attachment: fixed; /* Isso cria o efeito parallax */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 60vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.parallax-dobra::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1;
}

.parallax-dobra .container {
  position: relative;
  z-index: 2;
}

/* ======= GRID DE PRODUTOS AJUSTADO ======= */
section.produtos {
  background: linear-gradient(90deg, #0e0e0e 0%, #d4af37 100%);
  color: #000; /* texto escuro para contraste */
}

section.produtos .card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  color: #000;
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
}

section.produtos .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Área da imagem */
section.produtos .card-img-top {
  width: 100%;
  height: 220px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding:30px;
}

/* A imagem se adapta ao espaço */
section.produtos .card-img-top img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* mantém proporção sem cortar */
  display: block;
  margin: 0 auto;
}

section.produtos .card-body {
  text-align: left;
  padding: 15px 20px;
}

section.produtos .card-body h5 {
  font-weight: 600;
  margin-bottom: 8px;
}

section.produtos .card-body .price {
  color: #d4af37;
  font-weight: 700;
  font-size: 1.2rem;
  margin-bottom: 12px;
}

section.produtos .btn-comprar {
  display: block;
  width: 100%;
  background: #d4af37;
  color: #000;
  font-weight: 600;
  border: none;
  transition: 0.3s;
  text-align: center;
}

section.produtos .btn-comprar:hover {
  background: #c39e2e;
  color: #fff;
}

.cart-card{ background:var(--card-bg); border-radius:12px; box-shadow:0 6px 20px rgba(35,44,60,0.06); }
.table-cart thead th{ border-bottom:0; }
.img-thumb{ width:64px; height:64px; object-fit:cover; border-radius:8px; }
.qty-control{ display:inline-flex; align-items:center; gap:6px; }
.qty-btn{ width:32px; height:32px; border-radius:8px; border:1px solid #e6e9ef; background:#fff; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
.small-muted{ font-size:.85rem; color:var(--muted); }
.strike{ text-decoration:line-through; color:#b0b0b0; }
.summary .row + .row{ margin-top:12px; }
.coupon-input .form-control{ border-radius:8px 0 0 8px; }
.coupon-input .btn{ border-radius:0 8px 8px 0; }
.remove-btn{ color:#c62828; background:transparent; border:0; }
@media (max-width: 767px){
.table-responsive { overflow-x:auto; }
.desktop-only{ display:none; }
}