.botuka-products-home,
.botuka-products-home *{
  box-sizing:border-box;
}

.botuka-products-home{
  padding:clamp(3.5rem,7vw,6rem) 0;
  overflow:hidden;
}

.botuka-products-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:2rem;
  margin-bottom:2rem;
}

.botuka-products-kicker{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:#2563eb;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.botuka-products-header h2{
  margin:.4rem 0 0;
  font-size:clamp(2rem,4vw,3.2rem);
  font-weight:850;
  line-height:1.05;
  letter-spacing:-.04em;
}

.botuka-products-header p{
  max-width:620px;
  margin:.65rem 0 0;
  color:#64748b;
  line-height:1.6;
}

.botuka-products-all{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  min-height:44px;
  padding:.8rem 1.15rem;
  border:1px solid rgba(37,99,235,.22);
  border-radius:999px;
  color:#2563eb;
  background:rgba(37,99,235,.07);
  font-weight:750;
  text-decoration:none;
}

.botuka-products-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(380px,1fr);
  gap:1.5rem;
  height:520px;
}

.botuka-products-featured,
.botuka-products-featured-link,
.botuka-products-featured-image{
  height:100%;
}

.botuka-products-featured-link{
  display:block;
  color:#fff;
  text-decoration:none;
}

.botuka-products-featured-image{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  background:#eef2f6;
  box-shadow:0 24px 65px rgba(15,23,42,.16);
  isolation:isolate;
}

.botuka-products-featured-image>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .6s ease;
}

.botuka-products-featured:hover img{
  transform:scale(1.04);
}

.botuka-products-featured-overlay{
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(15,23,42,.02) 20%,
    rgba(15,23,42,.30) 58%,
    rgba(15,23,42,.92) 100%
  );
}

.botuka-products-featured-content{
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  padding:clamp(1.5rem,4vw,2.5rem);
}

.botuka-products-featured-content h3{
  margin:.8rem 0;
  color:#fff;
  font-size:clamp(1.6rem,3vw,2.7rem);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.035em;
}

.botuka-products-featured-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  color:#fff;
}

.botuka-products-featured-footer span{
  color:rgba(255,255,255,.8);
}

.botuka-products-category{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:.35rem .65rem;
  overflow:hidden;
  border-radius:999px;
  color:#1d4ed8;
  background:#dbeafe;
  font-size:.68rem;
  font-weight:850;
  line-height:1;
  letter-spacing:.04em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

.botuka-products-featured .botuka-products-category{
  color:#fff;
  background:rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
}

.botuka-products-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:1rem;
  min-width:0;
  height:520px;
}

.botuka-products-card{
  display:flex;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.2);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15,23,42,.06);
  flex-direction:column;
}

.botuka-products-card-image{
  position:relative;
  display:block;
  width:100%;
  min-height:120px;
  flex:1 1 55%;
  overflow:hidden;
  background:#eef2f6;
}

.botuka-products-card-image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}

.botuka-products-card:hover img{
  transform:scale(1.05);
}

.botuka-products-card-content{
  display:flex;
  min-width:0;
  padding:.85rem;
  flex:1 1 45%;
  flex-direction:column;
}

.botuka-products-card-content h3{
  margin:.5rem 0;
  font-size:.92rem;
  line-height:1.25;
}

.botuka-products-card-content h3 a{
  display:-webkit-box;
  overflow:hidden;
  color:#0f172a;
  text-decoration:none;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.botuka-products-card-footer{
  margin-top:auto;
  color:#0f172a;
  font-size:.86rem;
}

.botuka-products-empty{
  text-align:center;
}

/* TABLET */
@media(max-width:1100px){
  .botuka-products-layout{
    grid-template-columns:1fr;
    height:auto;
  }

  .botuka-products-featured{
    height:500px;
  }

  .botuka-products-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
    height:auto;
  }

  .botuka-products-card{
    min-height:260px;
  }
}

/* CELULAR */
@media(max-width:700px){
  .botuka-products-home{
    padding:3.2rem 0;
  }

  .botuka-products-header{
    align-items:flex-start;
    flex-direction:column;
    gap:1rem;
  }

  .botuka-products-all{
    width:100%;
  }

  .botuka-products-featured{
    height:410px;
  }

  .botuka-products-featured-image{
    border-radius:22px;
  }

  .botuka-products-featured-content{
    padding:1.35rem;
  }

  .botuka-products-featured-content h3{
    font-size:clamp(1.45rem,7vw,2.1rem);
  }

  .botuka-products-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.8rem;
  }

  .botuka-products-card{
    min-height:235px;
  }

  .botuka-products-card-content{
    padding:.75rem;
  }
}

/* CELULAR ESTREITO */
@media(max-width:480px){
  .botuka-products-list{
    grid-template-columns:1fr;
  }

  .botuka-products-card{
    display:grid;
    grid-template-columns:120px minmax(0,1fr);
    min-height:130px;
  }

  .botuka-products-card-image{
    width:120px;
    min-height:100%;
  }
}

[data-theme="dark"] .botuka-products-card{
  border-color:rgba(148,163,184,.16);
  background:#111c30;
}

[data-theme="dark"] .botuka-products-card-content h3 a,
[data-theme="dark"] .botuka-products-card-footer{
  color:#f8fafc;
}