.contactPage{padding:64px 0}.contactGrid{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}.contactForm h1{font-size:32px;line-height:40px;font-weight:700;margin-bottom:12px;color:var(--font-color-dark)}.contactIntro{color:var(--font-color);font-size:16px;line-height:26px;margin-bottom:32px;& p{margin:0}& a{color:var(--primary-color);&:hover{color:var(--primary-color-hover)}}}.contactHP{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}.formRow{margin-bottom:16px}.formRowHalf{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formField label{display:block;font-size:14px;font-weight:500;line-height:20px;color:var(--font-color-dark);margin-bottom:6px}.formField label .required{color:#EF4444;text-decoration:none}.formField input,.formField textarea{width:100%;padding:10px 14px;border:1px solid var(--border-color-1);border-radius:12px;font-size:14px;font-family:var(--font-family);color:var(--font-color-dark);background:var(--white-bg-1);transition:border-color 0.15s ease;-webkit-appearance:none;appearance:none}.formField input:focus,.formField textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(36,99,235,0.10)}.formField input::placeholder,.formField textarea::placeholder{color:var(--font-color);opacity:0.6}.formField textarea{min-height:120px;resize:vertical}.formField input.is-invalid,.formField textarea.is-invalid{border-color:#EF4444;box-shadow:0 0 0 3px rgba(239,68,68,0.08)}.formField .fieldError{display:block;font-size:12px;line-height:16px;color:#EF4444;margin-top:4px}.contactSubmit{display:inline-flex;align-items:center;gap:10px;padding:12px 32px;background:var(--primary-color);color:#fff;font-size:15px;font-weight:600;line-height:20px;font-family:var(--font-family);border:none;border-radius:12px;cursor:pointer;transition:background 0.15s ease;margin-top:8px}.contactSubmit:hover{background:var(--primary-color-hover)}.contactSubmit:disabled{opacity:0.7;cursor:not-allowed}.contactSpinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,0.30);border-top-color:#fff;border-radius:50%;animation:contactSpin 0.6s linear infinite}.contactSubmit.is-loading .contactSpinner{display:inline-block}@keyframes contactSpin{to{transform:rotate(360deg)}}.contactAlert{margin-top:16px;padding:0;border-radius:14px;font-size:14px;line-height:22px;display:none}.contactAlert.is-visible{display:block;padding:14px 20px}.contactAlert.is-error{background:rgba(239,68,68,0.06);border:1px solid rgba(239,68,68,0.18);color:#DC2626}.contactAlert.is-success{background:rgba(5,150,105,0.08);border:1px solid rgba(5,150,105,0.20);color:#059669}.contactSidebar{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}.contactSidebar .helpCard{background:linear-gradient(135deg,var(--primary-color),#60a5fa);border-radius:16px;padding:24px;color:#fff}.contactSidebar .helpCard h3{font-size:16px;font-weight:700;line-height:24px;margin-bottom:16px;color:#fff}.contactSidebar .helpCardIcon{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,0.20);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff}.contactSidebar .helpCardList{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:10px}.contactSidebar .helpCardList li{display:flex;align-items:center;gap:10px;font-size:14px;line-height:20px;color:#fff}.contactSidebar .helpCardList li svg{flex-shrink:0;color:rgba(255,255,255,0.80)}.contactSidebar .helpCard p{font-size:13px;line-height:20px;color:rgba(255,255,255,0.70);margin:0}.contactSidebar .catCard{background:var(--white-bg-1);border:1px solid var(--border-color-1);border-radius:16px;padding:20px}.contactSidebar .catCard h3{font-size:14px;font-weight:600;line-height:20px;color:var(--font-color-dark);margin-bottom:16px}.contactSidebar .catCard ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.contactSidebar .catCard li a{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--font-color);padding:4px 0;transition:color 0.15s ease}.contactSidebar .catCard li a:hover{color:var(--primary-color)}.contactSidebar .catCard li a svg{flex-shrink:0;color:var(--border-color-1);transition:color 0.15s ease}.contactSidebar .catCard li a:hover svg{color:var(--primary-color)}.thankYouPage{padding:80px 0 64px}.thankYouCard{max-width:560px;margin:0 auto;text-align:center}.thankYouIcon{width:72px;height:72px;border-radius:50%;background:rgba(5,150,105,0.10);color:#059669;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.thankYouCard h1{font-size:28px;line-height:36px;font-weight:700;color:var(--font-color-dark);margin-bottom:12px}.thankYouCard p{font-size:16px;line-height:26px;color:var(--font-color);margin-bottom:32px}.thankYouActions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.thankYouActions .ctaButtonOne{padding:12px 32px;color:#fff;background:var(--primary-color);font-weight:600;font-size:14px;line-height:20px;text-align:center;display:inline-flex;align-items:center;border-radius:12px;transition:background 0.15s ease}.thankYouActions .ctaButtonOne:hover{background:var(--primary-color-hover);color:#fff}.thankYouActions .ctaButtonTwo{padding:12px 32px;border-radius:12px;background:var(--secondary-color);border:1px solid var(--border-color-1);font-size:14px;font-weight:600;line-height:20px;display:inline-flex;align-items:center;color:var(--font-color-dark);transition:background 0.15s ease,border-color 0.15s ease}.thankYouActions .ctaButtonTwo:hover{background:var(--secondary-color-hover,rgba(0,0,0,0.06));border-color:var(--primary-color);color:var(--font-color-dark)}.infoTrust{background:rgba(234,240,246,0.40);padding:64px 0}.infoTrust .trustCards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.infoTrust .trustCard{position:relative;overflow:hidden;border-radius:16px;padding:20px;color:#fff;&.trustCard--shipping{background:linear-gradient(135deg,#2463EB,#60a5fa);box-shadow:0 8px 24px rgba(36,99,235,0.20)}&.trustCard--guarantee{background:linear-gradient(135deg,#7c3aed,#a78bfa);box-shadow:0 8px 24px rgba(124,58,237,0.20)}&.trustCard--return{background:linear-gradient(135deg,#059669,#34d399);box-shadow:0 8px 24px rgba(5,150,105,0.20)}}.infoTrust .trustCardCircle{position:absolute;right:-16px;top:-16px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,0.10)}.infoTrust .trustCardInner{position:relative}.infoTrust .trustCardIcon{width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,0.20);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.infoTrust .trustCard h3{font-size:14px;font-weight:700;line-height:20px;margin-bottom:4px;color:#fff}.infoTrust .trustCard p{font-size:12px;line-height:18px;color:rgba(255,255,255,0.80);margin:0}@media (max-width:1024px){.contactGrid{grid-template-columns:1fr 280px;gap:32px}}@media (max-width:768px){.contactPage{padding:48px 0}.contactGrid{grid-template-columns:1fr;gap:32px}.contactSidebar{position:static}.contactForm h1{font-size:26px;line-height:34px}.formRowHalf{grid-template-columns:1fr}.thankYouPage{padding:64px 0 48px}.thankYouCard h1{font-size:24px;line-height:32px}.infoTrust{padding:48px 0}}@media (max-width:480px){.contactPage{padding:40px 0}.contactForm h1{font-size:22px;line-height:30px}.contactSubmit{width:100%;justify-content:center}.thankYouPage{padding:48px 0 40px}.thankYouCard h1{font-size:22px;line-height:30px}.thankYouIcon{width:60px;height:60px}.thankYouIcon svg{width:26px;height:26px}.thankYouActions{flex-direction:column;align-items:stretch}.thankYouActions .ctaButtonOne,.thankYouActions .ctaButtonTwo{justify-content:center}.infoTrust{padding:40px 0}.infoTrust .trustCards{grid-template-columns:1fr}}