/** Shopify CDN: Minification failed

Line 181:0 Expected "}" to go with "{"

**/
.zuffico-featured-products{
  padding:80px 0;
}

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

.zuffico-section-heading h2{
  margin:0;
  font-size:40px;
}

.zuffico-section-heading p{
  margin-top:10px;
  color:#666;
}

.zuffico-product-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}

@media(max-width:990px){
  .zuffico-product-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:749px){
  .zuffico-product-grid{
    grid-template-columns:1fr;
  }
}
/* ===== Zuffico Featured Products ===== */

.zuffico-featured-products{
  padding: 70px 0;
}

.zuffico-section-heading{
  text-align: center;
  margin-bottom: 50px;
}

.zuffico-section-heading h2{
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.zuffico-section-heading p{
  font-size: 18px;
  color: #666;
  margin-top: 12px;
}

.zuffico-product-grid{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 32px;
}

@media screen and (max-width:990px){

.zuffico-product-grid{
grid-template-columns:repeat(2,1fr);
gap:24px;
}

}

@media screen and (max-width:749px){

.zuffico-product-grid{
grid-template-columns:1fr;
gap:20px;
}

.zuffico-section-heading h2{
font-size:32px;
}

.zuffico-section-heading p{
font-size:16px;
}

}
/* ===== Zuffico Hero Banner ===== */

.zuffico-hero{
  position: relative;
  height: 580px;
  overflow: hidden;
  margin: 0 auto 60px;
}

.zuffico-hero__image{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.zuffico-hero__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.40);
}

.zuffico-hero .page-width{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  z-index: 2;
}

.hero-left{
  justify-content: flex-start;
}

.hero-center{
  justify-content: center;
}

.hero-right{
  justify-content: flex-end;
}

.zuffico-hero__content{
  max-width: 580px;
  color: #000000ff;
}

.zuffico-hero__content h1{
  font-size: 56px;
  line-height: 1.1;
  margin-bottom: 18px;
}

.zuffico-hero__content p{
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 30px;
}

@media (max-width: 749px){

  .zuffico-hero{
    height: 420px;
  }

  .zuffico-hero .page-width{
    justify-content: center;
    text-align: center;
    max-width:100%;
  }

  .zuffico-hero__content h1{
    font-size: 34px;
  }

  .zuffico-hero__content p{
    font-size: 16px;
  }
.zuffico-hero__content .button{
  border-radius:12px;
  padding:16px 34px;
  font-weight:600;
}