.ate-clean{
  width:100%;
  background:#E1D59F;
  padding:110px 20px;
  box-sizing:border-box;
  overflow:hidden;
}

.ate-clean *{
  box-sizing:border-box;
}

.ate-clean-wrap{
  max-width:1200px;
  width:100%;
  margin:0 auto;
  display:grid;
  grid-template-columns:0.95fr 1.45fr;
  background:#ffffff;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 28px 80px rgba(44,6,31,.18);
}

.ate-clean-left{
  position:relative;
  min-height:640px;
  background:#2C061F;
  padding:95px 58px 70px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.ate-clean-left::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  left:50%;
  bottom:-90px;
  transform:translateX(-50%);
  background:radial-gradient(circle, rgba(255,255,255,.11), rgba(255,255,255,0) 65%);
  border-radius:50%;
}

.ate-clean-left::after{
  content:"";
  position:absolute;
  inset:auto 0 40px 0;
  height:290px;
  background:
    radial-gradient(circle at 45% 35%, rgba(255,255,255,.08) 0 2px, transparent 3px),
    linear-gradient(to top, rgba(255,255,255,.09), transparent);
  opacity:.55;
}

.ate-clean-badge{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-bottom:32px;
  color:#D89216;
  font-family:'Inter', sans-serif;
  font-size:14px;
  line-height:1;
  font-weight:900;
  letter-spacing:.8px;
  text-transform:uppercase;
}

.ate-clean-badge span{
  width:48px;
  height:2px;
  background:#D89216;
  display:block;
}

.ate-clean-left h2{
  position:relative;
  z-index:2;
  margin:0;
  color:#ffffff;
  font-family:'Cinzel', serif;
  font-size:46px;
  line-height:1.18;
  font-weight:900;
  text-shadow:4px 4px 0 rgba(216,146,22,.35);
}

/* IMAGE BADGE */
.ate-clean-seal{
  position:relative;
  z-index:2;
  width:300px;
  height:300px;
  margin:65px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ate-clean-seal img{
  width:200%;
  height:200%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 18px 35px rgba(0,0,0,.32));
}

.ate-clean-right{
  position:relative;
  padding:70px 64px 64px;
  background:#fffaf0;
}

.ate-clean-right::before{
  content:"";
  position:absolute;
  left:28px;
  top:70px;
  bottom:64px;
  width:2px;
  background:#D89216;
  opacity:.75;
}

.ate-clean-intro{
  position:relative;
  display:grid;
  grid-template-columns:1fr 150px;
  gap:34px;
  align-items:start;
  margin-bottom:38px;
}

.ate-clean-intro p{
  margin:0;
  color:#111827;
  font-family:'Inter', sans-serif;
  font-size:16px;
  line-height:1.75;
  font-weight:500;
}

.ate-clean-promise{
  width:136px;
  height:136px;
  border-radius:50%;
  background:#D89216;
  color:#2C061F;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:3px solid #2C061F;
  box-shadow:0 10px 28px rgba(44,6,31,.18);
  transform:rotate(-3deg);
}

.ate-clean-promise strong{
  font-family:'Inter', sans-serif;
  font-size:46px;
  line-height:.8;
  font-weight:1000;
}

.ate-clean-promise span{
  margin-top:8px;
  font-family:'Inter', sans-serif;
  font-size:12px;
  line-height:1.05;
  font-weight:1000;
}

.ate-clean-list{
  display:grid;
  gap:18px;
}

.ate-clean-item{
  display:grid;
  grid-template-columns:92px 1fr;
  align-items:center;
  gap:24px;
  background:#ffffff;
  border-radius:12px;
  padding:22px 28px 22px 22px;
  box-shadow:0 10px 28px rgba(44,6,31,.13);
}

.ate-clean-icon{
  width:72px;
  height:72px;
  border-radius:50%;
  background:#2C061F;
  color:#D89216;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}

.ate-clean-icon::after{
  content:"";
  position:absolute;
  right:-22px;
  top:50%;
  transform:translateY(-50%);
  width:2px;
  height:72px;
  background:#D89216;
  opacity:.75;
}

.ate-clean-icon svg{
  width:38px;
  height:38px;
}

.ate-clean-item p{
  margin:0;
  color:#111827;
  font-family:'Inter', sans-serif;
  font-size:16px;
  line-height:1.55;
  font-weight:500;
}

@media(max-width:1024px){
  .ate-clean-wrap{
    grid-template-columns:1fr;
  }

  .ate-clean-left{
    min-height:auto;
    padding:75px 42px;
  }

  .ate-clean-left h2{
    font-size:46px;
    text-align:center;
  }

  .ate-clean-right{
    padding:60px 42px;
  }

  .ate-clean-right::before{
    display:none;
  }
}

@media(max-width:700px){
  .ate-clean{
    padding:75px 16px;
  }

  .ate-clean-left{
    padding:58px 24px;
  }

  .ate-clean-badge{
    gap:10px;
    font-size:12px;
  }

  .ate-clean-badge span{
    width:28px;
  }

  .ate-clean-left h2{
    font-size:36px;
  }

  .ate-clean-seal{
    width:165px;
    height:165px;
    margin-top:45px;
  }

  .ate-clean-right{
    padding:38px 20px;
  }

  .ate-clean-intro{
    grid-template-columns:1fr;
    gap:24px;
  }

  .ate-clean-promise{
    width:120px;
    height:120px;
  }

  .ate-clean-item{
    grid-template-columns:1fr;
    gap:18px;
    padding:24px 20px;
  }

  .ate-clean-icon::after{
    display:none;
  }

  .ate-clean-item p{
    font-size:16px;
  }
}