/* Pelacart Contact Page V1 */
.pc-contact-page{
  background:#f6f8fb;
  color:#071d59;
}

.pc-contact-shell{
  width:min(1180px,calc(100% - 32px));
  margin:0 auto;
}

.pc-contact-hero{
  padding:58px 0 52px;
  background:
    radial-gradient(circle at 12% 22%,rgba(214,154,0,.13),transparent 26%),
    radial-gradient(circle at 90% 10%,rgba(7,29,89,.07),transparent 30%),
    #fff;
}

.pc-contact-hero .pc-contact-shell{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:42px;
  align-items:center;
}

.pc-contact-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border-radius:999px;
  background:#fff4d9;
  color:#a66f00;
  font-size:9px;
  font-weight:900;
}

.pc-contact-hero h1{
  margin:14px 0 9px;
  font-size:38px;
  line-height:1.5;
  font-weight:950;
}

.pc-contact-hero p{
  max-width:650px;
  margin:0;
  color:#687386;
  font-size:11px;
  line-height:2;
}

.pc-contact-quick{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.pc-contact-quick-card{
  min-height:95px;
  padding:15px;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid #e1e6ed;
  border-radius:15px;
  background:#fff;
  color:#071d59 !important;
  text-decoration:none !important;
  box-shadow:0 13px 30px rgba(7,29,89,.06);
}

.pc-contact-quick-card>i{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  border-radius:12px;
  background:#071d59;
  color:#fff;
}

.pc-contact-quick-card small{
  display:block;
  color:#8a93a2;
  font-size:8px;
}

.pc-contact-quick-card strong{
  display:block;
  margin-top:3px;
  font-size:10px;
  direction:ltr;
}

.pc-contact-main{
  padding:52px 0;
}

.pc-contact-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:14px;
  align-items:start;
}

.pc-contact-side{
  display:grid;
  gap:14px;
}

.pc-contact-card{
  padding:20px;
  border:1px solid #e1e6ed;
  border-radius:17px;
  background:#fff;
}

.pc-contact-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:18px;
}

.pc-contact-card-head span{
  color:#8b94a3;
  font-size:8px;
  font-weight:800;
}

.pc-contact-card-head h2{
  margin:3px 0 0;
  font-size:18px;
  font-weight:950;
}

.pc-contact-card-head>i{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#fff4d9;
  color:#b77c00;
  font-size:16px;
}

.pc-contact-form{
  display:grid;
  gap:12px;
}

.pc-contact-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.pc-contact-field{
  display:grid;
  gap:6px;
}

.pc-contact-field label{
  color:#5f697a;
  font-size:9px;
  font-weight:800;
}

.pc-contact-field input,
.pc-contact-field textarea{
  width:100%;
  border:1px solid #dfe4eb;
  border-radius:11px;
  background:#fbfcfd;
  color:#071d59;
  font:inherit;
  font-size:10px;
  outline:0;
}

.pc-contact-field input{
  height:45px;
  padding:0 12px;
}

.pc-contact-field textarea{
  padding:12px;
  resize:vertical;
  line-height:1.9;
}

.pc-contact-field input:focus,
.pc-contact-field textarea:focus{
  border-color:#b8c1d0;
  box-shadow:0 0 0 3px rgba(7,29,89,.04);
}

.pc-contact-submit{
  min-height:48px;
  border:0;
  border-radius:11px;
  background:#071d59;
  color:#fff;
  font:inherit;
  font-size:10px;
  font-weight:900;
}

.pc-contact-error{
  color:#b94555;
  font-size:7px;
}

.pc-contact-success{
  margin-bottom:14px;
  padding:11px 12px;
  border:1px solid #d2eadc;
  border-radius:11px;
  background:#f0faf4;
  color:#26784c;
  font-size:9px;
  font-weight:800;
}

.pc-contact-info-list{
  display:grid;
  gap:8px;
}

.pc-contact-info-list>a,
.pc-contact-info-item{
  min-height:64px;
  padding:10px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid #edf0f4;
  border-radius:11px;
  background:#fafbfc;
  color:#071d59 !important;
  text-decoration:none !important;
}

.pc-contact-info-list i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 34px;
  border-radius:10px;
  background:#edf2f8;
}

.pc-contact-info-list small{
  display:block;
  color:#8a93a2;
  font-size:7px;
}

.pc-contact-info-list strong{
  display:block;
  margin-top:2px;
  font-size:9px;
  line-height:1.8;
}

.pc-contact-hours-row{
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:10px 0;
  border-bottom:1px solid #edf0f4;
  font-size:9px;
}

.pc-contact-hours-row:last-child{
  border-bottom:0;
}

.pc-contact-hours-row span{
  color:#7b8494;
}

.pc-contact-map-section{
  padding:0 0 68px;
}

.pc-contact-map-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:25px;
  margin-bottom:14px;
}

.pc-contact-map-head h2{
  margin:10px 0 5px;
  font-size:24px;
  font-weight:950;
}

.pc-contact-map-head p{
  margin:0;
  color:#7c8595;
  font-size:9px;
}

.pc-contact-map-head>a{
  min-height:42px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid #dfe4eb;
  border-radius:10px;
  background:#fff;
  color:#071d59 !important;
  text-decoration:none !important;
  font-size:9px;
  font-weight:900;
}

#pc-contact-map{
  height:390px;
  overflow:hidden;
  border:1px solid #dfe4eb;
  border-radius:18px;
  background:#e9edf2;
}

@media(max-width:800px){
  .pc-contact-hero{
    padding:40px 0;
  }

  .pc-contact-hero .pc-contact-shell,
  .pc-contact-grid{
    grid-template-columns:1fr;
  }

  .pc-contact-hero h1{
    font-size:29px;
  }

  .pc-contact-main{
    padding:38px 0;
  }

  #pc-contact-map{
    height:310px;
  }
}

@media(max-width:480px){
  .pc-contact-shell{
    width:calc(100% - 18px);
  }

  .pc-contact-hero{
    padding:28px 0 32px;
  }

  .pc-contact-hero h1{
    font-size:24px;
  }

  .pc-contact-quick,
  .pc-contact-row{
    grid-template-columns:1fr;
  }

  .pc-contact-card{
    padding:14px;
    border-radius:14px;
  }

  .pc-contact-map-head{
    align-items:stretch;
    flex-direction:column;
  }

  .pc-contact-map-head>a{
    width:100%;
    justify-content:center;
  }

  #pc-contact-map{
    height:250px;
    border-radius:14px;
  }
}


/* Pelacart Contact V2 */
.pc-contact-info-grid{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:14px;
  align-items:stretch;
}

.pc-contact-info-grid>.pc-contact-card{
  height:100%;
}

.pc-contact-address strong{
  direction:rtl !important;
  text-align:right;
}

@media(max-width:800px){
  .pc-contact-info-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:480px){
  .pc-contact-quick{
    grid-template-columns:1fr 1fr;
  }

  .pc-contact-quick-card{
    min-width:0;
    padding:11px;
  }

  .pc-contact-quick-card>i{
    width:36px;
    height:36px;
    flex-basis:36px;
  }

  .pc-contact-quick-card strong{
    font-size:9px;
  }
}



/* Contact final no-form layout */
.pc-contact-map-empty{
  min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;
  border:1px dashed #dfe4eb;border-radius:18px;background:#fff;color:#7f8798
}
.pc-contact-map-empty i{
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#fff4d9;color:#b77c00;font-size:18px
}
#pc-contact-map iframe{display:block;width:100%;height:100%}

/* Pelacart back to top */
#topcontrol{
  width:50px!important;height:50px!important;right:22px!important;bottom:22px!important;position:fixed!important;z-index:9999!important;
  display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
  background:#071d59!important;border:2px solid #fff!important;border-radius:50%!important;
  box-shadow:0 8px 22px rgba(7,29,89,.22)!important
}
#topcontrol img{display:none!important}
#topcontrol:before{
  content:""!important;display:block!important;width:13px!important;height:13px!important;margin-top:6px!important;
  border-top:3px solid #fff!important;border-right:3px solid #fff!important;transform:rotate(-45deg)!important
}
#topcontrol:hover{background:#071d59!important}
@media(max-width:767px){
  #topcontrol{width:44px!important;height:44px!important;right:12px!important;bottom:68px!important}
  #topcontrol:before{width:11px!important;height:11px!important}
}

/* Contact map spacing final */
.pc-contact-map-section{
  padding-top:18px !important;
}

.pc-contact-main{
  padding-bottom:26px !important;
}

.pc-contact-map-head{
  margin-top:0 !important;
}
