/* =========================================================================
   contact — "צרו קשר", Figma 74:7148 (1700×1002). Boxed photo ground (blur
   baked in) + black .6. Form column (734) on the right, white rule, quote
   column (629) on the left; 4 contact details in a row with faint rules.
   ========================================================================= */
.contact{padding-top:95px}
.contact__box{position:relative;overflow:hidden;color:var(--white);background:#111}
.contact__bg{position:absolute;inset:0}
.contact__bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6)}
.contact__inner{position:relative;z-index:2;padding:66px 59px 88px 135px}
.contact__main{display:grid;grid-template-columns:minmax(0,734fr) minmax(0,717fr);gap:56px}
.contact__form-col .title{line-height:90px}
.contact__text{font-size:24px;line-height:34px;max-width:734px;margin-top:1px}

/* form — fields 686 wide, inputs white .2 + 1px white underline */
.contact__form{max-width:686px;margin-top:66px}
.contact__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.field{position:relative;display:flex;flex-direction:column;gap:10px;margin-bottom:27px}
.field__label{font-family:var(--font-display);font-size:18px;line-height:22px}
.field__input{width:100%;height:56px;padding:0 20px;background:rgba(255,255,255,.2);border:0;border-bottom:1px solid var(--white);border-radius:0;font-family:var(--font);font-size:21px;color:var(--white);outline:none;transition:background .2s}
.field__input::placeholder{color:var(--placeholder);opacity:1}
.field__input:focus{background:rgba(255,255,255,.28);border-bottom-color:var(--gold)}
.field__input--area{height:90px;padding-top:18px;resize:vertical;line-height:1.3}
.field--select select{appearance:none;-webkit-appearance:none;padding-left:52px;cursor:pointer}
.field--select select:invalid,.field--select select.is-empty{color:var(--placeholder)}
.field--select option{color:var(--ink)}
.field__chevron{position:absolute;left:20px;bottom:18px;width:20px;height:20px;pointer-events:none}
.field.is-error .field__input{border-bottom-color:var(--error)}
.field-error{position:absolute;top:2px;left:0;font-size:15px;color:var(--error)}

.contact__submit-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:5px}
.contact__privacy{font-size:19px;color:var(--muted)}
.contact__privacy a{text-decoration:underline}
.contact__privacy a:hover{color:var(--white)}
.contact__submit{height:60px;width:168px;flex:0 0 auto}
.contact__msg{margin-top:16px;font-size:20px;color:var(--gold)}

/* quote column — rule on its right (Figma x 958, from y 165) */
.contact__quote{margin:99px 0 0;border-inline-start:1px solid var(--white);padding-inline-start:87px;min-height:539px}
.contact__quote-mark{width:91px;height:68px}
.contact__quote-text{margin:45px 0 0;font-weight:600;font-size:44px;line-height:1.21;max-width:629px}
.contact__sign{display:flex;align-items:center;gap:17px;margin-top:81px;font-size:24px;line-height:26px}
.contact__avatars{display:flex;flex:0 0 auto}
.contact__avatars img{width:68px;height:68px;border-radius:50%}
.contact__avatars img+img{margin-inline-start:-14px;transform:rotate(1.34deg)}

/* details — 4 columns, faint rules between (Figma y 6257) */
.contact__details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:90px 0 0 -75px}
.detail{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;min-height:120px;padding:0 20px;border-inline-start:1px solid rgba(255,255,255,.2)}
.detail:last-child{border-inline-end:1px solid rgba(255,255,255,.2)}
.detail__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1.4px solid var(--gold);border-radius:50%}
.detail__icon svg{width:24px;height:24px}
.detail__label{font-family:var(--font-display);font-size:17px;color:var(--muted)}
.detail__value{font-family:var(--font-display);font-size:22px;max-width:303px}
.detail__value:hover{color:var(--gold)}

@media (max-width:1480px){
  .contact{padding-top:80px}
  .contact__inner{padding:56px 44px 64px}
  .contact__main{gap:40px}
  .contact__quote{padding-inline-start:48px;min-height:0}
  .contact__quote-text{font-size:34px}
  .contact__sign{font-size:20px;margin-top:50px}
  .contact__details{margin:70px 0 0}
  .detail__value{font-size:19px}
  .contact__privacy{font-size:16px}
}
@media (max-width:1100px){
  .contact{padding-top:var(--sec-gap)}
  .contact__inner{padding:48px 32px 52px}
  .contact__main{grid-template-columns:minmax(0,1fr);gap:44px}
  .contact__text{font-size:19px;line-height:28px}
  .contact__form{max-width:none;margin-top:36px}
  .contact__quote{order:-1;margin:0;padding-inline-start:28px}
  .contact__quote-mark{width:64px;height:48px}
  .contact__quote-text{font-size:30px;margin-top:24px}
  .contact__sign{margin-top:30px}
  .contact__details{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px;margin-top:56px}
  .detail:nth-child(2){border-inline-end:1px solid rgba(255,255,255,.2)}
}
@media (max-width:640px){
  .contact .container{padding-inline:0}
  .contact__inner{padding:40px var(--gutter) 44px}
  .contact__row{grid-template-columns:minmax(0,1fr);gap:0}
  .field{margin-bottom:20px}
  .field__input{font-size:18px;height:52px;padding:0 16px}
  .field--select select{padding-left:46px}
  .field__chevron{left:16px;bottom:16px}
  .contact__submit-row{flex-direction:column-reverse;align-items:stretch}
  .contact__submit{width:100%}
  .contact__privacy{font-size:15px;text-align:center}
  .contact__quote{padding-inline-start:18px}
  .contact__quote-text{font-size:24px}
  .contact__sign{font-size:17px;gap:12px}
  .contact__avatars img{width:52px;height:52px}
  .contact__details{grid-template-columns:minmax(0,1fr);row-gap:0;margin-top:40px}
  .detail,.detail:nth-child(2),.detail:last-child{border:0;border-top:1px solid rgba(255,255,255,.2);padding:22px 0;min-height:0}
  .detail__value{font-size:19px}
}