.contact-tabs{--ct-primary: var(--color-primary, #363751);--ct-primary-light: #4dd9ec;--ct-on-primary-container: #363751;--ct-text-main: var(--color-foreground, #1a1a2e);--ct-text-muted: #555577;--ct-surface: #ffffff;--ct-border: gainsboro;--ct-border-strong: #cfcfcf;--ct-radius-input: 40px;--ct-radius-submit: 50px;--ct-mandatory-color: var(--ct-primary);--ct-error: #df3763}.contact-tabs__inner{max-width:1100px;margin:0 auto;padding:0 20px}.contact-tabs__intro{margin-bottom:32px}.contact-tabs__tag{background:var(--ct-primary-light);color:var(--ct-on-primary-container);padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;margin-bottom:16px;display:inline-block}.contact-tabs__heading{margin:0 0 .5rem;font-weight:700}.contact-tabs__subheading{margin:0;color:var(--ct-text-muted);font-size:1.1rem}.contact-tabs__tab-bar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.contact-tabs__tab-btn{padding:16px 32px;border-radius:100px;font-weight:600;font-size:1rem;text-decoration:none;border:0;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;background:var(--ct-surface);color:var(--ct-text-main);box-shadow:0 4px 12px #0000000d}.contact-tabs__tab-btn:hover{background:var(--ct-primary);color:#fff;box-shadow:0 10px 20px #1a1f5e40}.contact-tabs__tab-btn.is-active{background:var(--ct-text-main);color:#fff}.contact-tabs__tab-btn.is-active:hover{background:var(--ct-primary);color:#fff;box-shadow:0 10px 20px #1a1f5e4d}.contact-tabs__panel{opacity:1;transform:scale(1);transition:opacity .4s ease,transform .4s ease}.contact-tabs__panel.is-hidden{opacity:0;transform:scale(.98);display:none}.contact-tabs__form{display:flex;flex-direction:column;gap:1.2em;max-width:720px}.contact-tabs__row{display:grid;grid-template-columns:1fr 1fr;gap:1em}@media screen and (max-width:599px){.contact-tabs__row{grid-template-columns:1fr}}.contact-tabs__field{display:flex;flex-direction:column;gap:.4em;position:relative}.contact-tabs__field label{font-size:.93rem;color:var(--ct-text-muted);font-weight:500}.contact-tabs__field .mandatory{margin-left:.15em;color:var(--ct-mandatory-color)}.contact-tabs__field input,.contact-tabs__field textarea{width:100%;padding:.85em 1.35em;line-height:1.4;border:1px solid var(--ct-border);border-bottom-color:var(--ct-border-strong);border-radius:var(--ct-radius-input);font-size:.95rem;color:var(--ct-text-main);background:var(--ct-surface);outline:none;transition:border-color .2s,box-shadow .2s}.contact-tabs__field input:hover,.contact-tabs__field textarea:hover{border-color:var(--ct-border-strong);box-shadow:0 0 6px #00000014}.contact-tabs__field input:focus,.contact-tabs__field textarea:focus{border-color:var(--ct-primary);box-shadow:0 0 0 3px #1a1f5e26}.contact-tabs__field input::placeholder,.contact-tabs__field textarea::placeholder{color:#98a0ab}.contact-tabs__form.is-validated .contact-tabs__field input:invalid,.contact-tabs__form.is-validated .contact-tabs__field textarea:invalid{border-color:var(--ct-error)}.contact-tabs__field textarea{min-height:160px;resize:vertical;line-height:1.5;border-radius:24px}.contact-tabs__consent{display:flex;align-items:flex-start;gap:.6em;font-size:.9rem;color:var(--ct-text-main);padding:0 .5em}.contact-tabs__consent input[type=checkbox]{margin:.2em 0 0;flex-shrink:0;accent-color:var(--ct-primary);width:1.1em;height:1.1em}.contact-tabs__consent a{color:var(--ct-primary);text-decoration:underline}.contact-tabs__explanation{font-size:.85rem;color:var(--ct-text-muted);font-style:italic;margin:0 .5em}.contact-tabs__submit{align-self:flex-start;padding:14px 36px;font-size:1rem;font-weight:600;border:0;border-radius:var(--ct-radius-submit);background:var(--ct-primary);color:#fff;cursor:pointer;transition:background .2s,box-shadow .2s,transform .15s}.contact-tabs__submit:hover,.contact-tabs__submit:focus{background:var(--ct-text-main);box-shadow:0 10px 20px #1a1f5e4d;text-decoration:underline;outline:none}.contact-tabs__submit:disabled{opacity:.6;cursor:not-allowed}.contact-tabs__notice{padding:1em 1.25em;border-radius:16px;font-size:.95rem;margin-bottom:8px}.contact-tabs__notice--success{background:#e6f7ed;border:1px solid #b0d9b0;color:#2a6b2a}.contact-tabs__notice--error{background:#fdecef;border:1px solid #f0b0b0;color:#8b0000}@media screen and (max-width:768px){.contact-tabs__tab-btn{padding:14px 22px;font-size:.95rem}.contact-tabs__field input,.contact-tabs__field textarea{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/contact-tabs.css.map */