.contact-hero{position:relative;height:380px;display:flex;align-items:center;background:linear-gradient(135deg,#1a1209 0,#3d2b1a 100%);overflow:hidden}.contact-hero::before{content:'';position:absolute;inset:0;background:url('https://vikkaskincare.com/wp-content/uploads/2024/08/Banner_1920800-01.webp') center/cover no-repeat;opacity:.25}.contact-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(30,20,15,.75) 0,rgba(30,20,15,.4) 100%)}.contact-hero-content{position:relative;z-index:2;color:#fff}.contact-hero-title{font-size:clamp(2rem, 5vw, 3.5rem);font-weight:600;margin:.25rem 0 1rem;color:#fff}.contact-hero-sub{font-size:1.05rem;opacity:.9;line-height:1.8}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:4rem;align-items:start}@media (max-width:900px){.contact-grid{grid-template-columns:1fr;gap:2.5rem}}.contact-info-title{font-size:clamp(1.5rem, 3vw, 2rem);margin:.5rem 0 1rem}.contact-info-desc{color:#6b7280;line-height:1.75;margin-bottom:2rem}.contact-info-list{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:1.25rem}.contact-info-item{display:flex;gap:1rem;align-items:flex-start}.contact-info-icon{width:42px;height:42px;background:var(--clr-warm-light,#fdf6ee);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--clr-accent,#b08850);flex-shrink:0}.contact-info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-bottom:.2rem}.contact-info-value{font-size:.925rem;color:#374151;line-height:1.6}.contact-info-value a{color:inherit;text-decoration:none}.contact-info-value a:hover{color:var(--clr-accent,#b08850)}.contact-socials{display:flex;gap:.75rem}.contact-social-btn{width:40px;height:40px;border:1.5px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280;text-decoration:none;transition:border-color .2s,color .2s,background .2s}.contact-social-btn:hover{border-color:var(--clr-accent,#b08850);color:var(--clr-accent,#b08850);background:var(--clr-warm-light,#fdf6ee)}.contact-form-card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 32px rgba(0,0,0,.07)}.contact-form-title{font-size:1.5rem;margin-bottom:.375rem}.contact-form-sub{color:#6b7280;font-size:.875rem;margin-bottom:1.75rem}.contact-success-msg{display:flex;align-items:center;gap:.5rem;background:#ecfdf5;color:#065f46;border:1px solid #6ee7b7;border-radius:10px;padding:.875rem 1rem;margin-bottom:1.5rem;font-size:.9rem}.contact-error-msg{display:flex;align-items:center;gap:.5rem;background:#fef2f2;color:#991b1b;border:1px solid #fca5a5;border-radius:10px;padding:.875rem 1rem;margin-bottom:1.5rem;font-size:.9rem}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:540px){.contact-form-row{grid-template-columns:1fr}}.contact-form-group{margin-bottom:1.125rem}.contact-form-label{display:block;font-size:.8rem;font-weight:500;color:#374151;margin-bottom:.375rem;letter-spacing:.02em}.contact-form-input{width:100%;padding:.65rem .9rem;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.9rem;color:#111827;background:#fafafa;outline:0;appearance:none;transition:border-color .2s,box-shadow .2s}.contact-form-input:focus{border-color:var(--clr-accent,#b08850);box-shadow:0 0 0 3px rgba(176,136,80,.12);background:#fff}.contact-form-textarea{min-height:130px;resize:vertical}.contact-submit-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--clr-accent,#b08850);color:#fff;border:none;padding:.75rem 2rem;border-radius:40px;font-size:.9rem;font-weight:500;letter-spacing:.04em;cursor:pointer;margin-top:.5rem;transition:background .2s,transform .15s}.contact-submit-btn:hover{background:#9a7440;transform:translateY(-2px)}.cf-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:cf-spin .7s linear infinite;flex-shrink:0}@keyframes cf-spin{to{transform:rotate(360deg)}}.contact-map-wrap{border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08)}.contact-faq-card{background:#fff;border-radius:16px;padding:1.75rem 1.5rem;height:100%;box-shadow:0 2px 16px rgba(0,0,0,.05);transition:transform .25s,box-shadow .25s}.contact-faq-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.1)}.contact-faq-icon{width:52px;height:52px;background:var(--clr-warm-light,#fdf6ee);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--clr-accent,#b08850);margin-bottom:1rem}.contact-faq-title{font-size:1rem;margin-bottom:.5rem}.contact-faq-desc{font-size:.85rem;color:#6b7280;line-height:1.65;margin:0}@media (max-width:768px){.contact-hero{height:280px}.contact-form-card{padding:1.75rem 1.25rem}}