.focal-contact *{box-sizing:border-box}.focal-contact{font-family:var(--fct-body-font);background:var(--fct-bg);max-width:1400px;margin:0 auto;padding:var(--fct-pad-top) 40px var(--fct-pad-bottom)}.focal-contact__header{text-align:center;max-width:680px;margin:0 auto 56px}.focal-contact__subheading{color:var(--fct-sub-color);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px}.focal-contact__heading{font-family:var(--fct-heading-font);font-size:var(--fct-heading-size);color:var(--fct-heading-color);margin:0 0 14px}.focal-contact__intro{font-size:15px;color:#666;line-height:1.6}.focal-contact__intro p{margin:0}.focal-contact__side{opacity:0;transform:translate(-40px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.focal-contact__side.is-visible{opacity:1;transform:translate(0)}.focal-contact__form-wrap{opacity:0;transform:translate(40px);transition:opacity .8s cubic-bezier(.22,1,.36,1) .12s,transform .8s cubic-bezier(.22,1,.36,1) .12s}.focal-contact__form-wrap.is-visible{opacity:1;transform:translate(0)}.focal-contact__layout{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}.focal-contact__info-list{display:flex;flex-direction:column;gap:22px;margin-bottom:30px}.focal-contact__info-item{display:flex;gap:16px;align-items:flex-start;padding:16px;border-radius:8px;transition:background-color .3s ease,transform .3s ease}.focal-contact__info-item:hover{background:#fafafa;transform:translate(4px)}.focal-contact__info-icon{width:42px;height:42px;border-radius:50%;background:#0000000d;color:var(--fct-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .3s ease,transform .3s ease}.focal-contact__info-item:hover .focal-contact__info-icon{background:var(--fct-accent);color:#fff;transform:scale(1.08) rotate(-6deg)}.focal-contact__info-label{font-size:12.5px;color:#999;margin:0 0 3px;text-transform:uppercase;letter-spacing:.04em}.focal-contact__info-value{font-size:15px;color:#1a1a1a;text-decoration:none;margin:0}a.focal-contact__info-value:hover{color:var(--fct-accent)}.focal-contact__social{margin-bottom:30px}.focal-contact__social-label{font-size:13px;color:#888;margin:0 0 12px}.focal-contact__social-icons{display:flex;gap:10px}.focal-contact__social-icon{width:38px;height:38px;border-radius:50%;background:#0000000f;color:#444;display:flex;align-items:center;justify-content:center;transition:background-color .3s cubic-bezier(.65,0,.35,1),color .3s ease,transform .25s ease}.focal-contact__social-icon:hover{background:var(--fct-accent);color:#fff;transform:translateY(-4px)}.focal-contact__map{aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#eee}.focal-contact__map iframe{width:100%;height:100%;display:block;filter:grayscale(15%);transition:filter .4s ease}.focal-contact__map:hover iframe{filter:grayscale(0%)}.focal-contact__form-card{background:var(--fct-card-bg);border-radius:14px;padding:40px}.focal-contact__form-heading{font-size:22px;margin:0 0 8px}.focal-contact__form-text{font-size:14px;color:#777;margin:0 0 26px}.focal-contact__success{display:flex;align-items:center;gap:10px;background:#e8f8ed;color:#16803c;padding:14px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;animation:focal-contact-fade .4s ease}.focal-contact__error{background:#fdecec;color:#c0392b;padding:14px 16px;border-radius:8px;font-size:14px;margin-bottom:20px}@keyframes focal-contact-fade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.focal-contact__field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.focal-contact__field{position:relative;margin-bottom:20px}.focal-contact__field input,.focal-contact__field textarea{width:100%;border:1.5px solid #ddd;border-radius:var(--fct-input-radius);padding:16px 14px 8px;font-size:14.5px;font-family:inherit;background:#fff;transition:border-color .25s ease,box-shadow .25s ease}.focal-contact__field textarea{padding-top:20px;resize:vertical}.focal-contact__field input:focus,.focal-contact__field textarea:focus{outline:none;border-color:var(--fct-accent);box-shadow:0 0 0 3px #c0392b1a}.focal-contact__field label{position:absolute;left:14px;top:16px;font-size:14.5px;color:#999;pointer-events:none;transition:all .2s cubic-bezier(.65,0,.35,1);background:transparent;padding:0 2px}.focal-contact__field input:focus+label,.focal-contact__field input:not(:placeholder-shown)+label,.focal-contact__field textarea:focus+label,.focal-contact__field textarea:not(:placeholder-shown)+label{top:-8px;font-size:11.5px;color:var(--fct-accent);background:var(--fct-card-bg)}.focal-contact__submit{width:100%;background:var(--fct-btn-bg);color:var(--fct-btn-text);border:none;border-radius:var(--fct-btn-radius);padding:16px;font-size:14.5px;font-weight:700;cursor:pointer;transition:background-color .35s cubic-bezier(.65,0,.35,1),transform .2s ease,box-shadow .25s ease}.focal-contact__submit:hover{background:var(--fct-btn-hover-bg);transform:translateY(-2px);box-shadow:0 12px 26px #00000029}.focal-contact__faq{max-width:820px;margin:80px auto 0}.focal-contact__faq-heading{text-align:center;font-size:26px;margin:0 0 34px}.focal-contact__faq-item{border-bottom:1px solid #eee}.focal-contact__faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:18px 4px;font-size:15px;font-weight:600;cursor:pointer;text-align:left;transition:color .2s ease}.focal-contact__faq-question:hover{color:var(--fct-accent)}.focal-contact__faq-question svg{flex-shrink:0;transition:transform .3s ease}.focal-contact__faq-item.is-open .focal-contact__faq-question svg{transform:rotate(180deg)}.focal-contact__faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.65,0,.35,1)}.focal-contact__faq-item.is-open .focal-contact__faq-answer{max-height:300px}.focal-contact__faq-answer-inner{padding:0 4px 18px;font-size:14px;color:#666;line-height:1.7}.focal-contact__faq-answer-inner p{margin:0}@media(max-width:989px){.focal-contact{padding-left:20px;padding-right:20px}.focal-contact__layout{grid-template-columns:1fr;gap:40px}.focal-contact__form-card{padding:28px 24px}}@media(max-width:640px){.focal-contact__field-row{grid-template-columns:1fr;gap:0}.focal-contact__heading{font-size:calc(var(--fct-heading-size) * .7)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/focal-contact.css.map */