/* Contact-only layout. The theme's global heading/card rules stay untouched. */
html.native-contact-scroll { scroll-behavior: auto !important; }
.contact-page-v2 { --contact-ink:#17382d; --contact-muted:#52645b; --contact-line:#dde6d7; --contact-lime:#c8f31b; position:relative; isolation:isolate; overflow:clip; padding:176px 0 104px; background:linear-gradient(150deg,#fafcf6 0%,#fff 52%,#f3f7ed 100%); color:var(--contact-ink); overflow-wrap:anywhere; }
.contact-page-v2 *, .contact-page-v2 *::before, .contact-page-v2 *::after { box-sizing:border-box; }
.contact-page-v2 .contact-page__container { max-width:1320px; margin-inline:auto; padding-inline:28px; }
.contact-page-mobile-menu { display:none; }
@media(max-width:1199px) { .contact-page-header .header-3 .mega-menu-wrapper .header-main .header-right { gap:10px; } .contact-page-mobile-menu { display:grid; place-items:center; width:42px; height:44px; padding:8px; flex-shrink:0; border:1px solid #d4dfc8; border-radius:11px; background:#fff; color:#18392e; } .contact-page-mobile-menu:focus-visible { outline:3px solid #658c2f; outline-offset:3px; } }
@media(max-width:600px) { .contact-page-header .header-logo-2 img { max-width:clamp(138px,40vw,180px); } .contact-page-header .header-3 .mega-menu-wrapper .header-main .header-right { gap:8px; } .contact-page-header .language-switcher-pixelr__button { width:52px; } }
.contact-page-v2 .contact-page__symbols { position:absolute; width:0; height:0; overflow:hidden; }
.contact-page-v2 svg { display:block; width:24px; height:24px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.contact-page-v2 .contact-page__glow { position:absolute; z-index:-1; width:800px; height:800px; inset-block-start:-420px; inset-inline-end:-240px; background:radial-gradient(circle,#e9f5bf,transparent 70%); pointer-events:none; }
.contact-page-v2 .contact-page__hero { display:grid; grid-template-columns:minmax(0,1fr) 240px; align-items:center; gap:80px; margin-bottom:60px; }
.contact-page-v2 .contact-page__kicker { display:flex; gap:12px; align-items:center; margin:0 0 20px; color:#526c36; font-size:12px; font-weight:700; letter-spacing:.09em; line-height:1.7; }
.contact-page-v2 .contact-page__kicker>span { width:8px; height:8px; flex-shrink:0; border-radius:50%; background:#99bc25; box-shadow:0 0 0 5px #eaf3d1; }
.contact-page-v2 h1 { max-width:850px; margin:0 0 24px; color:var(--contact-ink); font-size:clamp(34px,4.3vw,62px); line-height:1.16; font-weight:600; letter-spacing:-.04em; text-transform:none; text-wrap:balance; transition:none; }
.contact-page-v2 .contact-page__intro { max-width:790px; margin:0; color:var(--contact-muted); font-size:18px; line-height:1.9; }
.contact-page-v2 .contact-page__hero-art { position:relative; height:220px; direction:ltr; }
.contact-page-v2 .contact-page__orbit { position:absolute; width:205px; height:205px; top:0; left:5px; border:1px solid #cbdeb7; border-radius:50%; transform:rotate(-20deg); }
.contact-page-v2 .contact-page__orbit::before { content:''; position:absolute; inset:20px; border:1px dashed #c7d7a6; border-radius:50%; }
.contact-page-v2 .contact-page__bubble { position:absolute; display:grid; place-items:center; width:130px; height:105px; top:35px; left:22px; border-radius:30px 30px 30px 5px; background:linear-gradient(135deg,#d6fa50,#acd720); box-shadow:0 22px 45px #7fa71926; transform:rotate(-10deg); }
.contact-page-v2 .contact-page__bubble svg { width:55px; height:55px; stroke-width:1.5; }
.contact-page-v2 .contact-page__mail { position:absolute; display:grid; place-items:center; width:76px; height:66px; right:15px; bottom:30px; border:1px solid #36574b; border-radius:19px; background:#193c30; color:#d8efb3; box-shadow:0 15px 22px #18392a24; transform:rotate(12deg); }
.contact-page-v2 .contact-page__mail svg { width:32px; height:32px; }
.contact-page-v2 .contact-page__dot { position:absolute; width:15px; height:15px; border-radius:50%; right:28px; top:5px; background:#b5dc36; box-shadow:0 0 0 7px #ecf4d6; }
.contact-page-v2 .contact-page__grid { display:grid; grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr); gap:36px; align-items:start; }
.contact-page-v2 .contact-page__section-heading { margin-bottom:28px; }
.contact-page-v2 h2 { margin:0 0 14px; color:var(--contact-ink); font-size:clamp(25px,2.3vw,32px); font-weight:600; line-height:1.35; letter-spacing:-.025em; text-transform:none; transition:none; }
.contact-page-v2 h3 { margin:0 0 10px; color:var(--contact-ink); font-size:18px; font-weight:600; line-height:1.5; letter-spacing:0; text-transform:none; transition:none; }
.contact-page-v2 .contact-page__section-heading>p { margin:0; color:var(--contact-muted); font-size:15px; line-height:1.9; }
.contact-page-v2 .contact-page__details { min-width:0; padding:30px; border:1px solid var(--contact-line); border-radius:26px; background:#f4f8ec; }
.contact-page-v2 .contact-page__channels { display:grid; gap:12px; }
.contact-page-v2 .contact-page__channel { display:grid; grid-template-columns:44px minmax(0,1fr) 18px; gap:15px; align-items:center; min-height:90px; padding:17px; border:1px solid var(--contact-line); border-radius:17px; background:#fff; color:var(--contact-ink); text-decoration:none; transition:border-color .2s,box-shadow .2s; }
.contact-page-v2 .contact-page__channel:hover { color:var(--contact-ink); border-color:#9bb269; box-shadow:0 8px 20px #2d4c1e08; }
.contact-page-v2 .contact-page__channel-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; background:#edf5da; color:#3d632e; }
.contact-page-v2 .contact-page__channel-label { display:block; margin-bottom:5px; font-size:12px; line-height:1.6; color:#5b6d60; }
.contact-page-v2 .contact-page__channel bdi { display:block; color:#18392e; font-size:14px; line-height:1.7; font-weight:600; unicode-bidi:isolate; overflow-wrap:anywhere; }
.contact-page-v2 .contact-page__channel--whatsapp { background:#1b3e31; border-color:#1b3e31; }
.contact-page-v2 .contact-page__channel--whatsapp:hover { background:#214b3c; }
.contact-page-v2 .contact-page__channel--whatsapp .contact-page__channel-label { color:#d2dfcc; }
.contact-page-v2 .contact-page__channel--whatsapp bdi, .contact-page-v2 .contact-page__channel--whatsapp .contact-page__arrow { color:#fff; }
.contact-page-v2 .contact-page__channel--whatsapp .contact-page__channel-icon { background:#c9ed49; color:#1b3e31; }
.contact-page-v2 svg.contact-page__arrow { width:17px; height:17px; color:#75916b; }
.contact-page-v2 .contact-page__office { overflow:hidden; margin-top:25px; border:1px solid var(--contact-line); border-radius:18px; background:#fff; }
.contact-page-v2 .contact-page__office-image { display:block; width:100%; height:auto; max-height:260px; object-fit:cover; }
.contact-page-v2 .contact-page__office-art { position:relative; display:grid; place-items:center; overflow:hidden; height:140px; background:linear-gradient(140deg,#e8f1dc,#f9fbf3); }
.contact-page-v2 .contact-page__office-art>span { position:absolute; width:500px; height:18px; background:#fff; border:1px solid #d8e4c9; transform:rotate(-25deg); }
.contact-page-v2 .contact-page__office-art>span:nth-child(1) { top:25px; }
.contact-page-v2 .contact-page__office-art>span:nth-child(2) { bottom:10px; transform:rotate(22deg); }
.contact-page-v2 .contact-page__office-art>span:nth-child(3) { height:350px; width:18px; left:32%; transform:rotate(17deg); }
.contact-page-v2 .contact-page__office-art>svg { position:relative; width:62px; height:62px; padding:13px; border:1px solid #bdd88a; border-radius:21px; background:#ccef72; color:#2e5534; box-shadow:0 12px 24px #48642219; }
.contact-page-v2 .contact-page__office-copy { padding:23px; }
.contact-page-v2 .contact-page__office-copy p, .contact-page-v2 .contact-page__hours p { margin:0; color:#485e50; font-size:14px; line-height:1.9; }
.contact-page-v2 .contact-page__office-copy p.contact-page__note { margin-top:9px; color:#617361; font-size:12px; }
.contact-page-v2 .contact-page__text-link { display:inline-flex; align-items:center; gap:14px; margin-top:14px; color:#234d32; text-decoration:underline; text-underline-offset:4px; font-size:13px; font-weight:600; line-height:1.8; }
.contact-page-v2 .contact-page__hours { padding:23px 0 0; }
.contact-page-v2 .contact-page__socials { display:flex; flex-wrap:wrap; gap:12px 20px; padding-top:24px; }
.contact-page-v2 .contact-page__socials a { color:#31583b; font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.contact-page-v2 .contact-page__form-panel { min-width:0; padding:clamp(25px,3.1vw,44px); border:1px solid var(--contact-line); border-radius:26px; background:#fff; box-shadow:0 18px 60px #2a3e2010; scroll-margin-top:130px; }
.contact-page-v2 .contact-page__fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 20px; }
.contact-page-v2 .contact-page__field { min-width:0; }
.contact-page-v2 .contact-page__field--wide { grid-column:1/-1; }
.contact-page-v2 .contact-page__field>label { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px; margin-bottom:9px; color:#263e31; font-size:13px; font-weight:600; line-height:1.7; }
.contact-page-v2 .contact-page__required { color:#99402d; }
.contact-page-v2 .contact-page__optional { color:#65735e; font-size:11px; font-weight:400; }
.contact-page-v2 .contact-page__control { display:block; width:100%; min-width:0; max-width:100%; height:50px; padding:12px 14px; border:1px solid #cfdac7; border-radius:10px; background:#fcfdf9; color:#17382d; font:inherit; font-size:15px; line-height:1.6; box-shadow:none; transition:border-color .2s; }
.contact-page-v2 textarea.contact-page__control { height:auto; min-height:178px; resize:vertical; }
.contact-page-v2 select.contact-page__control { display:block!important; padding-inline-end:30px; appearance:auto!important; cursor:pointer; }
.contact-page-v2 .contact-page__field>.nice-select { display:none!important; }
.contact-page-v2 .contact-page__control:hover { border-color:#9bb38a; }
.contact-page-v2 .contact-page__control[aria-invalid="true"] { border-color:#b45440; background:#fffaf7; }
.contact-page-v2 :is(a,button,input,select,textarea,[tabindex]):focus-visible { outline:3px solid #658c2f!important; outline-offset:4px; }
.contact-page-v2 .contact-page__control:focus { border-color:#557b33; outline:3px solid #d9eab8; outline-offset:1px; }
.contact-page-v2 .contact-page__help { margin:8px 0 0; color:#61705e; font-size:12px; line-height:1.8; }
.contact-page-v2 .contact-page__field-error { margin:9px 0 0; color:#9a2b27; font-size:13px; line-height:1.8; }
.contact-page-v2 .contact-page__trap { position:absolute!important; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.contact-page-v2 .contact-page__privacy { display:flex; gap:13px; align-items:start; margin:26px 0; padding:17px; border:1px solid #e6ecd9; border-radius:12px; background:#f6f9f0; }
.contact-page-v2 .contact-page__privacy>svg { margin-top:2px; width:20px; height:20px; color:#527b39; }
.contact-page-v2 .contact-page__privacy p { margin:0; color:#5a6b55; font-size:12px; line-height:1.9; }
.contact-page-v2 .contact-page__submit { display:flex; align-items:center; justify-content:space-between; gap:34px; min-width:210px; max-width:100%; min-height:54px; padding:15px 23px; border:1px solid #b5de0a; border-radius:11px; background:var(--contact-lime); color:#152b1d; font:inherit; font-size:15px; font-weight:700; line-height:1.6; cursor:pointer; transition:background .2s; }
.contact-page-v2 .contact-page__submit:hover { background:#b6dd13; }
.contact-page-v2 .contact-page__submit:disabled { cursor:wait; opacity:.72; }
.contact-page-v2 .contact-page__response-note { margin:17px 0 0; color:#64705e; font-size:12px; line-height:1.9; }
.contact-page-v2 .contact-page__receipt { display:flex; gap:14px; margin-bottom:28px; padding:20px; border:1px solid #abc58d; border-radius:14px; background:#eff7df; }
.contact-page-v2 .contact-page__receipt>svg { color:#41692c; }
.contact-page-v2 .contact-page__receipt p { margin:7px 0 0; color:#3d5833; font-size:14px; line-height:1.8; }
.contact-page-v2 .contact-page__receipt strong { display:inline-block; unicode-bidi:isolate; }
.contact-page-v2 .contact-page__error-summary { margin-bottom:28px; padding:20px; border:1px solid #d5a496; border-radius:14px; background:#fff5ef; }
.contact-page-v2 .contact-page__error-summary h3, .contact-page-v2 .contact-page__error-summary a { color:#8f3029; }
.contact-page-v2 .contact-page__error-summary ul { margin:0; padding-inline-start:20px; color:#8f3029; font-size:13px; line-height:1.9; }
.contact-page-v2 .contact-page__error-summary a { text-decoration:underline; }
.contact-page-v2 [dir="ltr"] { unicode-bidi:isolate; }
.contact-page-v2 [data-contact-feedback], .contact-page-v2 .contact-page__control { scroll-margin-top:130px; }
.contact-page-v2[dir="rtl"] :is(h1,h2,.contact-page__kicker) { letter-spacing:0; }
@media(max-width:1100px) { .contact-page-v2 .contact-page__grid { gap:24px; } .contact-page-v2 .contact-page__details { padding:23px; } .contact-page-v2 .contact-page__channel { padding:14px; gap:10px; grid-template-columns:38px minmax(0,1fr) 16px; } .contact-page-v2 .contact-page__channel-icon { width:38px; height:38px; } }
@media(max-width:900px) { .contact-page-v2 { padding-top:150px; } .contact-page-v2 .contact-page__hero { grid-template-columns:minmax(0,1fr) 160px; gap:30px; } .contact-page-v2 .contact-page__hero-art { transform:scale(.72); transform-origin:center; width:220px; margin-inline-start:-30px; } .contact-page-v2 .contact-page__grid { grid-template-columns:minmax(0,1fr); gap:28px; } .contact-page-v2 .contact-page__channels { grid-template-columns:repeat(2,minmax(0,1fr)); } .contact-page-v2 .contact-page__office { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); } .contact-page-v2 .contact-page__office-art { height:100%; min-height:170px; } .contact-page-v2 .contact-page__office-image { height:100%; max-height:none; } }
@media(max-width:600px) { .contact-page-v2 { padding:130px 0 65px; } .contact-page-v2 .contact-page__container { padding-inline:20px; } .contact-page-v2 .contact-page__hero { display:block; margin-bottom:35px; } .contact-page-v2 .contact-page__hero-art { display:none; } .contact-page-v2 h1 { font-size:34px; line-height:1.25; margin-bottom:20px; } .contact-page-v2 .contact-page__intro { font-size:16px; line-height:1.95; } .contact-page-v2 .contact-page__channels { grid-template-columns:minmax(0,1fr); } .contact-page-v2 .contact-page__details { padding:21px; border-radius:21px; } .contact-page-v2 .contact-page__office { display:block; } .contact-page-v2 .contact-page__office-art { height:120px; min-height:0; } .contact-page-v2 .contact-page__office-copy { padding:19px; } .contact-page-v2 .contact-page__form-panel { padding:24px 20px; border-radius:21px; scroll-margin-top:108px; } .contact-page-v2 .contact-page__fields { grid-template-columns:minmax(0,1fr); gap:21px; } .contact-page-v2 .contact-page__submit { width:100%; } .contact-page-v2 .contact-page__privacy { padding:14px; gap:10px; } .contact-page-v2 h2 { font-size:25px; } }
@media(max-width:600px) { .contact-page-v2 .contact-page__channel[href^="mailto:"]>span:nth-child(2) { display:contents; } .contact-page-v2 .contact-page__channel[href^="mailto:"] .contact-page__channel-label { grid-column:2; grid-row:1; margin:0; } .contact-page-v2 .contact-page__channel[href^="mailto:"]>bdi, .contact-page-v2 .contact-page__channel[href^="mailto:"]>span:nth-child(2)>bdi { grid-column:1/-1; grid-row:2; font-size:13px; } .contact-page-v2 .contact-page__channel[href^="mailto:"]>.contact-page__arrow { grid-column:3; grid-row:1; } }
@media(prefers-reduced-motion:reduce) { .contact-page-v2 *, .contact-page-v2 *::before, .contact-page-v2 *::after { transition:none!important; animation:none!important; } }
