.ff-contact{background:#fff}.ff-contact__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.ff-contact__badge{display:inline-block;font-size:1.1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ff-accent, #E20708);margin-bottom:10px}.ff-contact__heading{font-size:clamp(3rem,4.5vw,4.8rem);font-weight:800;color:#1a1a1a;margin:0 0 14px;line-height:1.15}.ff-contact__subtext{font-size:1.45rem;color:#666;line-height:1.7;margin:0 0 36px}.ff-contact__info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:36px}.ff-contact__info-card{display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid var(--ff-border, #e8e8e8);border-radius:8px;background:#fafafa;transition:box-shadow .2s ease,border-color .2s ease}.ff-contact__info-card:hover{border-color:var(--ff-accent, #E20708);box-shadow:0 4px 16px #0000000f}.ff-contact__info-icon{width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e20708,#e74c3c);border-radius:16px;color:#fff;box-shadow:0 6px 18px #c0392b4d;transition:transform .2s ease,box-shadow .2s ease}.ff-contact__info-card:hover .ff-contact__info-icon{transform:scale(1.08);box-shadow:0 10px 28px #c0392b66}.ff-contact__info-label{font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#999;margin:0 0 4px}.ff-contact__info-value{font-size:1.35rem;color:#1a1a1a;margin:0;line-height:1.6}.ff-contact__info-link{text-decoration:none;color:#1a1a1a;transition:color .2s ease}.ff-contact__info-link:hover{color:var(--ff-accent, #E20708)}.ff-contact__map{width:100%;height:320px;border-radius:10px;overflow:hidden;border:1px solid var(--ff-border, #e8e8e8)}.ff-contact__map iframe{width:100%;height:100%;display:block;border:none}.ff-contact__form-box{background:#fff;border:1px solid var(--ff-border, #e8e8e8);border-radius:12px;padding:40px;box-shadow:0 4px 32px #0000000f;position:sticky;top:100px}.ff-contact__form-heading{font-size:2.4rem;font-weight:800;color:#1a1a1a;margin:0 0 8px}.ff-contact__form-subtext{font-size:1.35rem;color:#888;margin:0 0 28px}.ff-contact__fields{display:flex;flex-direction:column;gap:18px}.ff-contact__row--2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ff-contact__field{display:flex;flex-direction:column;gap:6px}.ff-contact__label{font-size:1.3rem;font-weight:600;color:#333}.ff-contact__label span{color:var(--ff-accent, #E20708)}.ff-contact__input{width:100%;padding:12px 14px;font-size:1.4rem;border:1px solid var(--ff-border, #e8e8e8);border-radius:6px;background:#fafafa;color:#1a1a1a;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;font-family:inherit;box-sizing:border-box}.ff-contact__input:focus{border-color:var(--ff-accent, #E20708);background:#fff;box-shadow:0 0 0 3px #c0392b1a}.ff-contact__textarea{resize:vertical;min-height:130px}.ff-contact__submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 28px;background:var(--ff-accent, #E20708);color:#fff;font-size:1.5rem;font-weight:700;border:2px solid var(--ff-accent, #E20708);border-radius:6px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .15s ease;margin-top:4px;font-family:inherit}.ff-contact__submit:hover{background:transparent;color:var(--ff-accent, #E20708);transform:translateY(-1px)}.ff-contact__success{display:flex;align-items:flex-start;gap:12px;padding:20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;font-size:1.4rem;line-height:1.6}.ff-contact__error{display:flex;align-items:flex-start;gap:10px;padding:16px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:1.35rem;margin-bottom:4px}@media(max-width:900px){.ff-contact__inner{grid-template-columns:1fr;gap:40px}.ff-contact__form-box{position:static}}@media(max-width:600px){.ff-contact__info-grid,.ff-contact__row--2col{grid-template-columns:1fr}.ff-contact__form-box{padding:24px 20px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/floufamily-contact.css.map */
