.contact__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:start;max-width:1040px;margin-inline:auto}.contact__aside{display:grid;gap:var(--space-2);align-content:start}.contact__card{display:flex;gap:14px;align-items:flex-start;padding:var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out),border-color var(--dur-3) var(--ease-out)}.contact__card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.contact__ic{width:46px;height:46px;flex:0 0 auto;border-radius:var(--radius-md);display:grid;place-items:center;background:rgb(var(--accent-rgb) / .1);color:var(--color-primary)}.contact__card b{display:block;font-size:var(--fs-15);margin-bottom:2px}.contact__card span,.contact__card a{color:var(--color-text-muted);font-size:var(--fs-14);text-decoration:none}.contact__card a:hover{color:var(--color-primary)}.contact__socials{display:flex;gap:10px;margin-top:4px}.contact__social{width:42px;height:42px;border-radius:50%;border:1px solid var(--color-border-strong);display:grid;place-items:center;color:var(--color-text);transition:background var(--dur-2),color var(--dur-2),transform var(--dur-2)}.contact__social:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px)}.contact__form{padding:clamp(24px,3vw,40px);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.contact__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-2)}.field label{font-size:var(--fs-14);font-weight:var(--fw-semibold)}.field input,.field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);font:inherit;font-size:var(--fs-15);background:#fff;color:var(--color-text);transition:border-color var(--dur-2),box-shadow var(--dur-2)}.field input:focus,.field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .14)}.field textarea{min-height:148px;resize:vertical}.contact__note{color:var(--color-text-muted);font-size:var(--fs-13);margin:4px 0 0}.contact__success,.contact__error{display:flex;gap:10px;align-items:center;padding:14px 16px;border-radius:var(--radius-md);font-weight:var(--fw-semibold);font-size:var(--fs-14);margin-bottom:var(--space-3)}.contact__success{background:var(--color-success-bg);color:var(--color-success)}.contact__error{background:var(--color-error-bg);color:var(--color-error)}.contact__error ul{margin:4px 0 0;padding-inline-start:1.1em;font-weight:var(--fw-regular)}@media(max-width:860px){.contact__grid,.contact__row{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/component-contact.css.map */