@font-face{font-family:Inter;font-display:swap!important}body,p,h1,h2,h3,h4,h5,h6,span,div,label,input,textarea,select,button{font-display:swap!important}:root{--sm-primary: #B42B6C;--sm-primary-hover: #9e2359;--sm-accent: #D4AF37;--sm-accent-hover: #c49d2a;--sm-black: #000000;--sm-white: #ffffff;--sm-gray-50: #fafafa;--sm-gray-100: #f5f5f5;--sm-gray-200: #e5e5e5;--sm-gray-300: #d4d4d4;--sm-gray-400: #a3a3a3;--sm-gray-500: #737373;--sm-gray-600: #525252;--sm-gray-700: #404040;--sm-gray-800: #262626;--sm-gray-900: #171717;--sm-success: #16a34a;--sm-success-bg: #dcfce7;--sm-success-border: #bbf7d0;--sm-error: #dc2626;--sm-error-bg: #fef2f2;--sm-error-border: #fecaca;--sm-container-max: 1280px;--sm-section-padding: clamp(40px, 8vw, 100px);--sm-content-padding: clamp(20px, 4vw, 40px);--sm-font-size-xs: .75rem;--sm-font-size-sm: .875rem;--sm-font-size-base: 1rem;--sm-font-size-lg: 1.125rem;--sm-font-size-xl: 1.25rem;--sm-font-size-2xl: 1.5rem;--sm-font-size-3xl: 1.875rem;--sm-font-size-4xl: 2.25rem;--sm-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--sm-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--sm-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--sm-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--sm-radius-sm: 4px;--sm-radius-md: 8px;--sm-radius-lg: 12px;--sm-radius-xl: 16px;--sm-radius-2xl: 24px;--sm-radius-full: 9999px;--sm-transition-fast: .15s ease;--sm-transition-base: .3s ease;--sm-transition-slow: .5s ease}.sm-contact-hero *,.sm-contact-form-wrap *{box-sizing:border-box}.sm-contact-hero{background:linear-gradient(135deg,var(--sm-gray-50) 0%,var(--sm-white) 100%);padding:var(--sm-section-padding) 0;position:relative;overflow:hidden}.sm-contact-hero:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,var(--sm-primary) 0%,transparent 70%);opacity:.05;border-radius:50%}.sm-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center;max-width:var(--sm-container-max);margin:0 auto;padding:0 var(--sm-content-padding)}.sm-contact-content{max-width:500px}.sm-contact-title{font-size:clamp(var(--sm-font-size-3xl),5vw,var(--sm-font-size-4xl));font-weight:800;color:var(--sm-black);margin:0 0 16px;line-height:1.1;letter-spacing:-.02em}.sm-contact-lead{font-size:var(--sm-font-size-lg);color:var(--sm-gray-600);margin:0 0 32px;line-height:1.6}.sm-contact-info{display:flex;flex-direction:column;gap:20px}.sm-contact-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--sm-white);border-radius:var(--sm-radius-lg);box-shadow:var(--sm-shadow-sm);border:1px solid var(--sm-gray-200);transition:all var(--sm-transition-base)}.sm-contact-item:hover{box-shadow:var(--sm-shadow-md);transform:translateY(-2px)}.sm-contact-icon{flex-shrink:0;width:44px;height:44px;background:linear-gradient(135deg,var(--sm-primary),var(--sm-accent));border-radius:var(--sm-radius-lg);display:flex;align-items:center;justify-content:center;color:var(--sm-white)}.sm-contact-icon svg,.sm-contact-icon img{width:24px;height:24px;filter:brightness(0) invert(1)}.sm-contact-details{display:flex;flex-direction:column;gap:4px}.sm-contact-link{font-weight:600;color:var(--sm-black);text-decoration:none;font-size:var(--sm-font-size-base);transition:color var(--sm-transition-fast)}.sm-contact-link:hover{color:var(--sm-primary)}.sm-contact-desc{font-size:var(--sm-font-size-sm);color:var(--sm-gray-500)}.sm-contact-right{display:flex;justify-content:center;align-items:center}.sm-contact-image-container{position:relative;max-width:500px;width:100%}.sm-contact-image{width:100%;height:auto;border-radius:var(--sm-radius-2xl);box-shadow:var(--sm-shadow-xl);transition:transform var(--sm-transition-slow)}.sm-contact-image:hover{transform:scale(1.02) rotate(1deg)}.sm-contact-accent{position:absolute;top:-20px;right:-20px;width:120px;height:120px;background:linear-gradient(135deg,var(--sm-accent),var(--sm-primary));border-radius:50%;opacity:.15;z-index:-1}.sm-contact-form-wrap{background:var(--sm-white);padding:var(--sm-section-padding) 0}.sm-contact-form-container{max-width:800px;margin:0 auto;padding:0 var(--sm-content-padding)}.sm-contact-form-header{text-align:center;margin-bottom:48px}.sm-contact-form-header h2{font-size:var(--sm-font-size-3xl);font-weight:700;color:var(--sm-black);margin:0 0 12px;letter-spacing:-.01em}.sm-contact-form-header p{font-size:var(--sm-font-size-lg);color:var(--sm-gray-600);margin:0}.sm-contact-card{background:var(--sm-white);border:1px solid var(--sm-gray-200);border-radius:var(--sm-radius-2xl);padding:clamp(24px,4vw,48px);box-shadow:var(--sm-shadow-lg);position:relative;overflow:hidden}.sm-contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sm-primary),var(--sm-accent))}.sm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.sm-field{display:flex;flex-direction:column;gap:8px}.sm-field label{font-weight:600;color:var(--sm-gray-700);font-size:var(--sm-font-size-sm);margin-bottom:4px}.sm-field input,.sm-field select,.sm-field textarea{width:100%;padding:16px;border:2px solid var(--sm-gray-200);border-radius:var(--sm-radius-lg);font-size:var(--sm-font-size-base);color:var(--sm-black);background:var(--sm-white);transition:all var(--sm-transition-base);outline:none;font-family:inherit}.sm-field input:focus,.sm-field select:focus,.sm-field textarea:focus{border-color:var(--sm-primary);box-shadow:0 0 0 3px #b42b6c1a}.sm-field input::placeholder,.sm-field textarea::placeholder{color:var(--sm-gray-400)}.sm-field textarea{resize:vertical;min-height:120px;font-family:inherit}.sm-field select{cursor:pointer}.sm-field:not(.sm-form-grid .sm-field){margin-bottom:24px}.sm-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;border:none;border-radius:var(--sm-radius-full);font-weight:600;font-size:var(--sm-font-size-base);text-decoration:none;cursor:pointer;transition:all var(--sm-transition-base);position:relative;overflow:hidden;min-height:56px;font-family:inherit}.sm-btn--primary{background:linear-gradient(135deg,var(--sm-primary),var(--sm-accent));color:var(--sm-white);box-shadow:var(--sm-shadow-md)}.sm-btn--primary:hover{transform:translateY(-2px);box-shadow:var(--sm-shadow-lg)}.sm-btn--primary:active{transform:translateY(0)}.sm-btn svg{transition:transform var(--sm-transition-fast)}.sm-btn:hover svg{transform:translate(4px)}.sm-msg{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--sm-radius-lg);margin-bottom:24px;font-size:var(--sm-font-size-sm);font-weight:500;border:1px solid}.sm-msg svg{flex-shrink:0}.sm-msg--success{background:var(--sm-success-bg);color:var(--sm-success);border-color:var(--sm-success-border)}.sm-msg--error{background:var(--sm-error-bg);color:var(--sm-error);border-color:var(--sm-error-border)}@media (max-width: 1024px){.sm-contact-grid{gap:48px}.sm-contact-image-container{max-width:400px}}@media (max-width: 768px){:root{--sm-section-padding: clamp(32px, 6vw, 64px);--sm-content-padding: 20px}.sm-contact-grid{grid-template-columns:1fr;gap:40px;text-align:center}.sm-contact-content{max-width:none}.sm-contact-title{font-size:var(--sm-font-size-3xl)}.sm-contact-info{max-width:400px;margin:0 auto}.sm-contact-item{text-align:left}.sm-form-grid{grid-template-columns:1fr;gap:16px}.sm-contact-card{padding:24px}.sm-contact-form-header{margin-bottom:32px}.sm-contact-form-header h2{font-size:var(--sm-font-size-2xl)}.sm-field:not(.sm-form-grid .sm-field){margin-bottom:20px}}@media (max-width: 480px){.sm-contact-title{font-size:var(--sm-font-size-2xl)}.sm-contact-lead{font-size:var(--sm-font-size-base)}.sm-contact-item{padding:12px;gap:12px}.sm-contact-icon{width:36px;height:36px}.sm-contact-icon svg,.sm-contact-icon img{width:20px;height:20px}.sm-contact-card{padding:20px;border-radius:var(--sm-radius-xl)}.sm-btn{padding:14px 24px;font-size:var(--sm-font-size-sm)}}.sm-contact-link:focus,.sm-field input:focus,.sm-field select:focus,.sm-field textarea:focus,.sm-btn:focus{outline:2px solid var(--sm-primary);outline-offset:2px}@media (prefers-contrast: high){.sm-contact-item{border:2px solid var(--sm-gray-300)}.sm-field input,.sm-field select,.sm-field textarea{border-width:2px}}@media (prefers-reduced-motion: reduce){.sm-contact-image:hover,.sm-contact-item:hover,.sm-btn:hover{transform:none}.sm-btn:hover svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-contact.css.map */