.elementor-34707 .elementor-element.elementor-element-d3aa2f9{--display:flex;}/* Start custom CSS for html, class: .elementor-element-b257845 */.arome7-pack{
  --brown:#5d372d;
  --brown-dark:#40251f;
  --cream:#fffaf5;
  --cream2:#f8f0e7;
  --gold:#c79a55;
  --green:#536b45;
  --text:#4b4743;

  width:100%;
  max-width:1180px;
  margin:30px auto;
  padding:22px;
  box-sizing:border-box;

  background:#fffaf5;
  border:1px solid #e5d7c8;
  border-radius:18px;

  font-family:Arial, Helvetica, sans-serif;
  color:var(--text);
}


/* =========================
   INTRO
   ========================= */

.arome7-intro{
  padding:27px 24px;
  margin-bottom:21px;

  text-align:center;

  background:#fff;
  border:1px solid #eadfd4;
  border-radius:15px;
}

.arome7-eyebrow{
  display:inline-block;

  margin-bottom:10px;
  padding:7px 13px;

  background:#f4ebe1;
  border-radius:999px;

  color:#865545;

  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:1px;
}

.arome7-intro h2{
  margin:0 0 10px;

  color:var(--brown);

  font-size:30px;
  line-height:1.2;
  font-weight:800;
}

.arome7-lead{
  max-width:750px;
  margin:0 auto;

  color:#5c5752;

  font-size:14px;
  line-height:1.6;
}

.arome7-benefits{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;

  gap:8px;
  margin-top:17px;
}

.arome7-benefits span{
  padding:7px 11px;

  background:#faf6f1;
  border:1px solid #e8ddd0;
  border-radius:999px;

  color:#6e5447;

  font-size:10px;
  font-weight:700;
}


/* =========================
   GRID
   4 SUS + 3 JOS
   ========================= */

.arome7-grid{
  display:grid;

  grid-template-columns:repeat(4, minmax(0,1fr));

  gap:16px;

  align-items:stretch;
}


/* =========================
   CARD
   ========================= */

.arome7-card{
  min-width:0;

  display:flex;
  flex-direction:column;

  overflow:hidden;

  background:#fff;

  border:1px solid #e5d9ce;
  border-radius:15px;

  color:inherit !important;
  text-decoration:none !important;

  box-shadow:0 3px 10px rgba(65,45,32,.035);

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease;
}

.arome7-card:hover{
  transform:translateY(-3px);

  border-color:#d6c1ad;

  box-shadow:0 9px 22px rgba(65,45,32,.09);
}


/* FOARTE IMPORTANT:
   NU CENTRAM ULTIMELE 3
   RAMAN ALINIATE LA STANGA */

.arome7-card:nth-child(5),
.arome7-card:nth-child(6),
.arome7-card:nth-child(7){
  grid-column:auto;
  width:auto;
  justify-self:stretch;
}


/* =========================
   IMAGINI
   ========================= */

.arome7-image{
  height:175px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:10px;
  box-sizing:border-box;

  background:#faf8f5;

  border-bottom:1px solid #eadfd5;
}

.arome7-image img{
  display:block;

  width:100%;
  height:100%;

  object-fit:contain;
}


/* =========================
   CONTINUT CARD
   ========================= */

.arome7-body{
  flex:1;

  display:flex;
  flex-direction:column;

  padding:14px;
}

.arome7-no{
  display:block;

  margin-bottom:5px;

  color:#b07e5e;

  font-size:8px;
  font-weight:800;
  letter-spacing:1px;
}

.arome7-body h3{
  margin:0 0 7px;

  color:#173f37;

  font-size:18px;
  line-height:1.15;
  font-weight:800;
}

.arome7-tag{
  align-self:flex-start;

  display:inline-flex;

  margin-bottom:10px;
  padding:6px 9px;

  background:#f4ede5;

  border-radius:999px;

  color:#765444;

  font-size:9px;
  line-height:1.2;
  font-weight:700;
}

.arome7-body > p{
  margin:0 0 12px;

  color:#4e4a46;

  font-size:12px;
  line-height:1.5;
}


/* =========================
   IDEAL PENTRU
   ========================= */

.arome7-use{
  margin-top:auto;

  padding:10px;

  background:#fbf8f4;

  border:1px dashed #ddc5b2;
  border-radius:9px;
}

.arome7-use strong{
  display:block;

  margin-bottom:6px;

  color:#4d392f;

  font-size:10px;
}

.arome7-use ul{
  margin:0;

  padding-left:15px;
}

.arome7-use li{
  margin-bottom:3px;

  color:#55504b;

  font-size:10px;
  line-height:1.35;
}

.arome7-use li:last-child{
  margin-bottom:0;
}


/* =========================
   BOX COLECTIE
   ========================= */

.arome7-box{
  display:flex;
  align-items:center;

  gap:16px;

  margin-top:20px;
  padding:19px 22px;

  background:#f6eee6;

  border:1px solid #e1d2c4;
  border-radius:14px;
}

.arome7-box-number{
  flex:0 0 55px;

  width:55px;
  height:55px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#865545;

  border-radius:50%;

  color:#fff;

  font-size:25px;
  font-weight:900;
}

.arome7-box-content span{
  display:block;

  margin-bottom:3px;

  color:#947361;

  font-size:9px;
  font-weight:800;
  letter-spacing:1px;
}

.arome7-box-content h3{
  margin:0 0 4px;

  color:#56372d;

  font-size:19px;
  line-height:1.2;
  font-weight:800;
}

.arome7-box-content p{
  margin:0;

  color:#60554f;

  font-size:12px;
  line-height:1.5;
}


/* =========================
   FOOTER
   ========================= */

.arome7-footer{
  margin-top:17px;

  padding:19px 22px;

  text-align:center;

  background:#fff;

  border:1px solid #eadfd4;
  border-radius:13px;
}

.arome7-footer strong{
  display:block;

  margin-bottom:5px;

  color:#51382f;

  font-size:14px;
  line-height:1.4;
}

.arome7-footer p{
  max-width:760px;

  margin:0 auto;

  color:#605a55;

  font-size:12px;
  line-height:1.55;
}


/* =========================
   TABLETA
   ========================= */

@media(max-width:980px){

  .arome7-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }

}


/* =========================
   MOBIL
   ========================= */

@media(max-width:700px){

  .arome7-pack{
    padding:15px;
  }

  .arome7-intro{
    padding:21px 15px;
  }

  .arome7-intro h2{
    font-size:24px;
  }

  .arome7-lead{
    font-size:13px;
  }

  .arome7-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));

    gap:10px;
  }

  .arome7-image{
    height:145px;

    padding:6px;
  }

  .arome7-body{
    padding:11px;
  }

  .arome7-body h3{
    font-size:16px;
  }

  .arome7-body > p{
    font-size:10px;
  }

  .arome7-tag{
    padding:5px 7px;

    font-size:8px;
  }

  .arome7-use{
    padding:8px;
  }

  .arome7-use strong,
  .arome7-use li{
    font-size:9px;
  }

  .arome7-box{
    align-items:flex-start;

    gap:12px;

    padding:16px 14px;
  }

  .arome7-box-number{
    flex-basis:45px;

    width:45px;
    height:45px;

    font-size:21px;
  }

  .arome7-box-content h3{
    font-size:16px;
  }

}


/* =========================
   MOBIL MIC
   ========================= */

@media(max-width:420px){

  .arome7-grid{
    grid-template-columns:1fr;
  }

  .arome7-image{
    height:185px;
  }

}/* End custom CSS */