/* Cementare iletisim.html — editorial architectural refinement v3.
   Scoped to the contact section only. Header/footer and form behavior are untouched. */

#header15-19w.cementare-contact-page{
  min-height:clamp(760px,100svh,1020px);
  padding:154px 0 72px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background-image:url("images/cementare-mikro-cimento-kaplama-zemin-duvar-1846.webp")!important;
  background-size:cover!important;
  background-position:52% 50%!important;
  background-repeat:no-repeat!important;
  font-family:Arial,Helvetica,sans-serif;
}
#header15-19w.cementare-contact-page > .mbr-overlay{
  opacity:1!important;
  background:
    linear-gradient(90deg,rgba(17,14,12,.88) 0%,rgba(17,14,12,.71) 35%,rgba(17,14,12,.42) 67%,rgba(17,14,12,.34) 100%),
    linear-gradient(180deg,rgba(10,9,8,.18) 0%,rgba(10,9,8,.08) 44%,rgba(10,9,8,.70) 100%)!important;
}
#header15-19w .cementare-contact-wrap{
  position:relative;
  z-index:2;
  width:auto;
  max-width:none;
  margin-left:clamp(54px,7.6vw,132px);
  margin-right:clamp(34px,5vw,72px);
  padding:0;
}
#header15-19w .cementare-contact-row{
  width:100%;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,560px) minmax(480px,660px);
  justify-content:space-between;
  gap:clamp(58px,7vw,112px);
  align-items:end!important;
}
#header15-19w .cementare-contact-intro,
#header15-19w .cementare-contact-form-col{
  width:auto!important;
  max-width:none!important;
  flex:none!important;
  margin:0!important;
  padding:0!important;
}
#header15-19w .cementare-contact-intro{
  color:#f7f2ea;
  text-align:left;
  padding-bottom:2px!important;
}
#header15-19w .cementare-contact-title{
  margin:0!important;
  color:#f7f2ea!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(50px,6.4vw,72px)!important;
  font-weight:400!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}
#header15-19w .cementare-contact-title::after{
  width:58px!important;
  height:1px!important;
  margin-top:24px!important;
  background:rgba(215,196,176,.74)!important;
}
#header15-19w .cementare-contact-lead{
  max-width:520px!important;
  margin:25px 0 0!important;
  color:rgba(247,242,234,.84)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:17px!important;
  font-weight:400!important;
  line-height:1.72!important;
  letter-spacing:0!important;
}
#header15-19w .cementare-contact-details{
  max-width:520px!important;
  margin-top:32px;
  border-top:1px solid rgba(215,196,176,.46)!important;
}
#header15-19w .cementare-contact-detail{
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:18px!important;
  min-height:50px;
  padding:13px 0!important;
  border-bottom:1px solid rgba(247,242,234,.18)!important;
  color:#f7f2ea!important;
  transition:padding-left .22s ease,border-color .22s ease,color .22s ease!important;
}
#header15-19w a.cementare-contact-detail:hover,
#header15-19w a.cementare-contact-detail:focus-visible{
  padding-left:8px!important;
  border-color:rgba(215,196,176,.62)!important;
}
#header15-19w .cementare-detail-label{
  padding-top:2px!important;
  color:rgba(215,196,176,.92)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:1.5!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
#header15-19w .cementare-detail-value{
  color:rgba(247,242,234,.92)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.55!important;
  letter-spacing:0!important;
}
#header15-19w .cementare-contact-note{
  max-width:520px!important;
  margin:14px 0 0!important;
  color:rgba(247,242,234,.58)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:1.55!important;
  letter-spacing:.035em!important;
}

/* Form becomes part of the architecture instead of a separate card. */
#header15-19w .cementare-contact-form-col{
  display:flex!important;
  align-items:flex-end!important;
}
#header15-19w .cementare-contact-card{
  width:100%;
  margin:0;
  padding:30px 0 0!important;
  background:transparent!important;
  border:0!important;
  border-top:1px solid rgba(215,196,176,.62)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#header15-19w .cementare-contact-card-head{
  margin:0 0 25px!important;
  text-align:left!important;
}
#header15-19w .cementare-contact-card-eyebrow{
  display:block!important;
  margin:0 0 11px!important;
  color:rgba(215,196,176,.86)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:.22em!important;
}
#header15-19w .cementare-contact-card h2{
  margin:0 0 10px!important;
  color:#f7f2ea!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(30px,2.6vw,40px)!important;
  font-weight:400!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
#header15-19w .cementare-contact-card-head p{
  max-width:470px;
  margin:0!important;
  color:rgba(247,242,234,.68)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.65!important;
}
#header15-19w .cementare-contact-form{
  margin:0!important;
}
#header15-19w .cementare-form-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:0 22px!important;
}
#header15-19w .cementare-field{
  margin:0 0 17px!important;
  text-align:left!important;
}
#header15-19w .cementare-field label{
  display:block!important;
  margin:0 0 7px!important;
  color:rgba(215,196,176,.88)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
#header15-19w .cementare-field label span{
  color:rgba(215,196,176,.88)!important;
}
#header15-19w .cementare-field input,
#header15-19w .cementare-field select,
#header15-19w .cementare-field textarea{
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:9px 0 10px!important;
  border:0!important;
  border-bottom:1px solid rgba(247,242,234,.32)!important;
  border-radius:0!important;
  outline:none!important;
  background:transparent!important;
  color:#f7f2ea!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.4!important;
  box-shadow:none!important;
  transition:border-color .2s ease,background-color .2s ease!important;
}
#header15-19w .cementare-field textarea{
  min-height:88px!important;
  resize:vertical!important;
}
#header15-19w .cementare-field input::placeholder,
#header15-19w .cementare-field textarea::placeholder{
  color:rgba(247,242,234,.44)!important;
  opacity:1!important;
}
#header15-19w .cementare-field select{
  color-scheme:dark;
}
#header15-19w .cementare-field select option{
  color:#302820;
  background:#f5f0e8;
}
#header15-19w .cementare-field input:focus,
#header15-19w .cementare-field select:focus,
#header15-19w .cementare-field textarea:focus{
  border-bottom-color:#d7c4b0!important;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(215,196,176,.055) 100%)!important;
  box-shadow:none!important;
}
#header15-19w .cementare-contact-status{
  margin:2px 0 14px!important;
  padding:10px 12px!important;
  border:1px solid rgba(215,196,176,.28)!important;
  background:rgba(17,14,12,.26)!important;
  color:#f7f2ea!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  line-height:1.5!important;
}
#header15-19w .cementare-contact-status.is-success{
  border-color:rgba(174,198,157,.46)!important;
  color:#e8f1e0!important;
}
#header15-19w .cementare-contact-status.is-error{
  border-color:rgba(218,164,145,.52)!important;
  color:#f4d8ce!important;
}
#header15-19w .cementare-contact-actions{
  display:flex!important;
  grid-template-columns:none!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:18px 30px!important;
  margin:8px 0 0!important;
}
#header15-19w .cementare-contact-actions .cementare-offer-action{
  position:relative!important;
  width:auto!important;
  min-height:0!important;
  padding:0 0 8px!important;
  border:0!important;
  border-bottom:1px solid rgba(215,196,176,.52)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#f5f0e8!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13.5px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
  box-shadow:none!important;
  filter:none!important;
  transition:color .22s ease,border-color .22s ease,transform .22s ease!important;
}
#header15-19w .cementare-contact-actions .cementare-offer-action::after{
  content:"↗";
  display:inline-block;
  margin-left:10px;
  color:rgba(215,196,176,.92);
  font-size:15px;
  font-weight:300;
  transition:transform .22s ease;
}
#header15-19w .cementare-contact-actions .cementare-offer-action:hover,
#header15-19w .cementare-contact-actions .cementare-offer-action:focus-visible{
  color:#d7c4b0!important;
  border-color:#d7c4b0!important;
  transform:none!important;
  filter:none!important;
}
#header15-19w .cementare-contact-actions .cementare-offer-action:hover::after,
#header15-19w .cementare-contact-actions .cementare-offer-action:focus-visible::after{
  transform:translate(3px,-3px);
}
#header15-19w .cementare-contact-actions .cementare-offer-action:disabled{
  opacity:.55!important;
  cursor:wait!important;
}
#header15-19w .cementare-contact-privacy{
  margin:18px 0 0!important;
  color:rgba(247,242,234,.46)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  font-weight:400!important;
  line-height:1.5!important;
  letter-spacing:.035em!important;
  text-align:left!important;
}
#header15-19w .mbr-arrow{
  opacity:.52;
}

@media (max-width:1199px){
  #header15-19w .cementare-contact-wrap{
    margin-left:clamp(34px,5vw,58px);
    margin-right:34px;
  }
  #header15-19w .cementare-contact-row{
    grid-template-columns:minmax(0,1fr) minmax(430px,.98fr);
    gap:52px;
  }
  #header15-19w .cementare-contact-lead{font-size:16px!important;}
}

@media (max-width:991px){
  #header15-19w.cementare-contact-page{
    min-height:auto;
    padding:132px 0 58px;
    background-position:61% 50%!important;
  }
  #header15-19w.cementare-contact-page > .mbr-overlay{
    background:
      linear-gradient(90deg,rgba(17,14,12,.90) 0%,rgba(17,14,12,.76) 48%,rgba(17,14,12,.54) 100%),
      linear-gradient(180deg,rgba(10,9,8,.18) 0%,rgba(10,9,8,.10) 38%,rgba(10,9,8,.74) 100%)!important;
  }
  #header15-19w .cementare-contact-row{
    grid-template-columns:minmax(0,1fr) minmax(380px,.95fr);
    gap:38px;
  }
  #header15-19w .cementare-contact-title{
    font-size:clamp(48px,6.8vw,62px)!important;
  }
  #header15-19w .cementare-contact-card{
    padding-top:24px!important;
  }
  #header15-19w .cementare-form-grid{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
}

@media (max-width:767px){
  #header15-19w.cementare-contact-page{
    padding:116px 0 48px;
    background-position:58% 50%!important;
  }
  #header15-19w.cementare-contact-page > .mbr-overlay{
    background:
      linear-gradient(180deg,rgba(17,14,12,.78) 0%,rgba(17,14,12,.84) 52%,rgba(17,14,12,.94) 100%)!important;
  }
  #header15-19w .cementare-contact-wrap{
    margin-left:26px;
    margin-right:26px;
  }
  #header15-19w .cementare-contact-row{
    display:block!important;
  }
  #header15-19w .cementare-contact-intro{
    padding-bottom:44px!important;
  }
  #header15-19w .cementare-contact-title{
    font-size:clamp(44px,12vw,56px)!important;
  }
  #header15-19w .cementare-contact-title::after{
    width:44px!important;
    margin-top:19px!important;
  }
  #header15-19w .cementare-contact-lead{
    margin-top:20px!important;
    font-size:16px!important;
    line-height:1.66!important;
  }
  #header15-19w .cementare-contact-details{
    margin-top:26px!important;
  }
  #header15-19w .cementare-contact-detail{
    grid-template-columns:90px minmax(0,1fr)!important;
    gap:14px!important;
    padding:12px 0!important;
  }
  #header15-19w .cementare-detail-value{
    font-size:14.5px!important;
  }
  #header15-19w .cementare-contact-card{
    padding-top:25px!important;
  }
  #header15-19w .cementare-contact-card h2{
    font-size:clamp(30px,8vw,38px)!important;
  }
  #header15-19w .cementare-contact-card-head{
    margin-bottom:23px!important;
  }
  #header15-19w .cementare-field{
    margin-bottom:16px!important;
  }
  #header15-19w .cementare-field input,
  #header15-19w .cementare-field select,
  #header15-19w .cementare-field textarea{
    font-size:16px!important;
  }
  #header15-19w .cementare-contact-actions{
    gap:16px 24px!important;
  }
  #header15-19w .cementare-contact-actions .cementare-offer-action{
    font-size:13px!important;
  }
  #header15-19w .mbr-arrow{display:none!important;}
}

@media (max-width:420px){
  #header15-19w .cementare-contact-wrap{
    margin-left:20px;
    margin-right:20px;
  }
  #header15-19w .cementare-contact-detail{
    grid-template-columns:1fr!important;
    gap:3px!important;
  }
  #header15-19w .cementare-contact-actions{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}

@media (prefers-reduced-motion:reduce){
  #header15-19w *{transition:none!important;}
}