/* PHOENiX CSS contact - refactored */
:where(html[data-phx-page="contacts"]) :is(.btn,.toggle,button,a.button,.button){border-radius:var(--phx-button-radius);transition:background-color var(--phx-motion-fast) var(--phx-ease-standard),border-color var(--phx-motion-fast) var(--phx-ease-standard),color var(--phx-motion-fast) var(--phx-ease-standard),box-shadow var(--phx-motion-fast) var(--phx-ease-standard),transform var(--phx-motion-fast) var(--phx-ease-standard)}:where(html[data-phx-page="contacts"]) .btn.dark,:where(html[data-phx-page="contacts"]) .toggle.active{background:var(--phx-brand)!important;border:1px solid var(--phx-brand)!important;color:var(--phx-surface);box-shadow:none}:where(html[data-phx-page="contacts"]) .btn:hover,:where(html[data-phx-page="contacts"]) .toggle:hover,:where(html[data-phx-page="contacts"]) button:hover,:where(html[data-phx-page="contacts"]) a.button:hover,:where(html[data-phx-page="contacts"]) .button:hover{background:var(--phx-brand-hover)!important;border-color:var(--phx-brand-hover)!important;color:var(--phx-text-on-dark)!important;transform:translateY(-1px);box-shadow:0 7px 16px var(--phx-alpha-ink-12)}:where(html[data-phx-page="contacts"]) .btn:active,:where(html[data-phx-page="contacts"]) button:active,:where(html[data-phx-page="contacts"]) a.button:active,:where(html[data-phx-page="contacts"]) .button:active{background:var(--phx-brand-active)!important;border-color:var(--phx-brand-active)!important;transform:translateY(1px)}:where(html[data-phx-page="contacts"]) .nav a:hover,:where(html[data-phx-page="contacts"]) .nav a.active{color:var(--phx-brand)}@media (prefers-reduced-motion:reduce){:where(html[data-phx-page="contacts"]) .btn,:where(html[data-phx-page="contacts"]) button{transition:none}}:where(html[data-phx-page="contacts"]) .btn.dark{background:var(--phx-brand);color:var(--phx-surface)}@media (max-width:950px){:where(html[data-phx-page="contacts"]) .header{gap:var(--space-1)}}:where(html[data-phx-template="legal"],html[data-phx-page="contacts"]) .footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:var(--space-6)}:where(html[data-phx-page="contacts"]) .btn,:where(html[data-phx-page="contacts"]) button{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--phx-control-height);padding:var(--space-3) var(--space-4);border:1px solid var(--phx-brand);border-radius:var(--phx-button-radius);background:var(--phx-brand);color:var(--phx-text-on-dark);font:700 var(--phx-font-xs)/1.2 var(--phx-font-sans);letter-spacing:.2px;text-decoration:none;cursor:pointer;box-shadow:0 2px 5px var(--phx-alpha-ink-8);transition:background-color var(--phx-motion-fast) var(--phx-ease-standard),color var(--phx-motion-fast) var(--phx-ease-standard),border-color var(--phx-motion-fast) var(--phx-ease-standard),transform var(--phx-motion-fast) var(--phx-ease-standard),box-shadow var(--phx-motion-fast) var(--phx-ease-standard)}:where(html[data-phx-page="contacts"]) .phone-fields{display:grid;grid-template-columns:95px minmax(0,1fr);gap:var(--space-2)}:where(html[data-phx-page="contacts"]) .phone-fields input#calling_code{background:var(--phx-surface);color:var(--phx-text-muted);font-weight:700}@media (max-width:390px){:where(html[data-phx-page="contacts"]) .phone-fields{grid-template-columns:82px minmax(0,1fr);gap:var(--space-2)}}@media (max-width:650px){:where(html[data-phx-page="contacts"]) .location-card h3{font-size:var(--phx-font-card)}}:where(html[data-phx-page="contacts"]) .field-grid > .field:has(#mobile),:where(html[data-phx-page="contacts"]) .field-grid > .field:has(#country){min-width:0}:where(html[data-phx-page="contacts"]) .field-grid > .field:has(#mobile) .phone-fields{grid-template-columns:72px minmax(0,1fr);gap:var(--space-2)}:where(html[data-phx-page="contacts"]) .field-grid > .field:has(#mobile) .phone-fields input{min-width:0;padding-left:var(--space-2);padding-right:var(--space-2)}@media (max-width:760px){:where(html[data-phx-page="contacts"]) .field-grid > .field:has(#mobile) .phone-fields{grid-template-columns:82px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){:where(html[data-phx-page="contacts"]) .nav-dropdown > a .nav-chevron{transition:none}}:where(html[data-phx-page="contacts"]) #inquiryForm .phx-marketing-consent{margin-top:var(--space-1);margin-bottom:var(--space-1)}:where(html[data-phx-page="contacts"]) #inquiryForm .phx-marketing-consent-label{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--phx-border)!important;border-radius:var(--phx-radius-8);background:var(--phx-surface-muted)!important;cursor:pointer;color:var(--phx-brand);font-size:var(--phx-font-xs);font-weight:400;line-height:var(--phx-leading-reading);text-transform:none;letter-spacing:normal}:where(html[data-phx-page="contacts"]) #inquiryForm .phx-marketing-consent-label input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;width:var(--phx-size-16);height:var(--phx-size-16);min-width:var(--phx-size-16);flex:0 0 17px!important;accent-color:var(--phx-brand);margin:var(--space-1) 0 0;padding:0;box-shadow:none;cursor:pointer}:where(html[data-phx-page="contacts"]) #inquiryForm .phx-marketing-consent-label span{display:block;flex:1;min-width:0}:where(html[data-phx-page="contacts"]) #inquiryForm .phx-marketing-consent-label a{color:var(--phx-brand);text-decoration:underline;font-weight:600;text-underline-offset:2px}:where(html[data-phx-page="contacts"]) #inquiryForm .phx-marketing-consent-label a:hover{color:var(--phx-text-strong)!important}@media (max-width:600px){:where(html[data-phx-page="contacts"]) #inquiryForm .phx-marketing-consent-label{padding:var(--space-3)!important;font-size:var(--phx-font-xs)}}:where(html[data-phx-page="contacts"]) .phx-contacts-improved .contact-layout{gap:clamp(var(--space-4),3vw,var(--space-6));align-items:start}:where(html[data-phx-page="contacts"]) .phx-contacts-improved input,:where(html[data-phx-page="contacts"]) .phx-contacts-improved textarea,:where(html[data-phx-page="contacts"]) .phx-contacts-improved select{min-width:0;max-width:100%}:where(html[data-phx-page="contacts"]) .phx-contacts-improved textarea{min-height:var(--phx-size-160)!important}:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]) .footer.contacts-footer .footer-column h3 > a{color:inherit;font:inherit!important;letter-spacing:inherit;text-transform:inherit;text-decoration:none;display:inline-block;transition:opacity .18s ease}:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]) .footer.contacts-footer .footer-column h3 > a:hover{text-decoration:underline!important;text-underline-offset:4px;opacity:.9}:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]) .footer.contacts-footer .footer-column h3 > a:focus-visible{outline:2px solid var(--phx-border);outline-offset:4px;border-radius:var(--phx-radius-4)}:where(html[data-phx-page="contacts"]) .contact-section{padding:var(--space-7) 0 var(--space-8)}:where(html[data-phx-page="contacts"]) .section-title{font-size:var(--phx-font-subheading);letter-spacing:-.7px;margin:var(--space-2) 0 var(--space-2)}:where(html[data-phx-page="contacts"]) .lead{max-width:var(--phx-size-640);color:var(--phx-text-muted);font-size:var(--phx-font-sm);line-height:var(--phx-leading-reading)}:where(html[data-phx-page="contacts"]) .contact-layout{display:grid;grid-template-columns:minmax(0,850px);justify-content:center;gap:var(--space-5);align-items:start}:where(html[data-phx-page="contacts"]) .contact-panel{border:1px solid var(--phx-border);border-radius:var(--phx-radius-8);background:var(--phx-surface);padding:var(--space-5)}:where(html[data-phx-page="contacts"]) .contact-panel h2{font-size:var(--phx-font-subheading);margin:0 0 var(--space-2)}:where(html[data-phx-page="contacts"]) .contact-panel .sub{font-size:var(--phx-font-xs);color:var(--phx-text-muted);line-height:var(--phx-leading-reading);margin:0 0 var(--space-5)}:where(html[data-phx-page="contacts"]) .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}:where(html[data-phx-page="contacts"]) .field{display:grid;gap:var(--space-2)}:where(html[data-phx-page="contacts"]) .field.full{grid-column:1/-1}:where(html[data-phx-page="contacts"]) .field label{font-size:var(--phx-font-xs);font-weight:700;color:var(--phx-text-muted)}:where(html[data-phx-page="contacts"]) .field input,:where(html[data-phx-page="contacts"]) .field select,:where(html[data-phx-page="contacts"]) .field textarea{font:inherit;font-size:var(--phx-font-xs);padding:var(--space-3);border:1px solid var(--phx-control-border);border-radius:var(--phx-radius-4);background:var(--phx-surface);width:100%;color:var(--phx-text-strong)}:where(html[data-phx-page="contacts"]) .field textarea{min-height:var(--phx-size-128);resize:vertical}:where(html[data-phx-page="contacts"]) .field input:focus,:where(html[data-phx-page="contacts"]) .field select:focus,:where(html[data-phx-page="contacts"]) .field textarea:focus{border-color:var(--phx-brand);outline:3px solid var(--phx-alpha-brand-20);outline-offset:1px}:where(html[data-phx-page="contacts"]) .form-note{font-size:var(--phx-font-xs);line-height:var(--phx-leading-body);color:var(--phx-text-muted);margin:var(--space-3) 0}:where(html[data-phx-page="contacts"]) .form-status{display:none;background:var(--phx-surface-muted);border-radius:var(--phx-radius-4);padding:var(--space-3);font-size:var(--phx-font-xs);line-height:var(--phx-leading-body);margin-top:var(--space-3)}:where(html[data-phx-page="contacts"]) .locations{padding:var(--space-8) 0 var(--space-8)}:where(html[data-phx-page="contacts"]) .location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}:where(html[data-phx-page="contacts"]) .location-card h3{font-weight:700;letter-spacing:-.35px;color:var(--phx-heading-color);font-size:var(--phx-font-body);line-height:var(--phx-leading-subheading);margin:var(--space-2) 0}:where(html[data-phx-page="contacts"]) .location-card p{font-size:var(--phx-font-xs);color:var(--phx-text-muted);line-height:var(--phx-leading-body);margin:0 0 var(--space-4)}:where(html[data-phx-page="contacts"]) .location-card.no-map{background:var(--phx-surface)}:where(html[data-phx-page="contacts"]) .phone-list{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}:where(html[data-phx-page="contacts"]) .phone-list a{font-size:var(--phx-font-xs);font-weight:700;color:var(--phx-text-muted);text-decoration:none}@media (max-width:850px){:where(html[data-phx-page="contacts"]) .contact-layout{grid-template-columns:1fr}:where(html[data-phx-page="contacts"]) .location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html[data-phx-page="contacts"]) .hero-grid{grid-template-columns:1fr 240px}}@media (max-width:650px){:where(html[data-phx-page="contacts"]) .hero-grid,:where(html[data-phx-page="contacts"]) .location-grid,:where(html[data-phx-page="contacts"]) .field-grid{grid-template-columns:1fr}:where(html[data-phx-page="contacts"]) .field.full{grid-column:auto}:where(html[data-phx-page="contacts"]) .contact-panel{padding:var(--space-4)}}@media (min-width:851px){:where(html[data-phx-page="contacts"]) .footer .footgrid{grid-template-columns:1.25fr 1fr 1fr 1fr}}:where(html[data-phx-page="contacts"]) .contacts-footer .footer-brand{padding-right:var(--space-3)}@media (max-width:950px){:where(html[data-phx-page="contacts"]) .contacts-footer .copyright{margin-top:var(--space-6)}}@media (max-width:620px){:where(html[data-phx-page="contacts"]) .footer.contacts-footer{padding-top:var(--space-6)}:where(html[data-phx-page="contacts"]) .contacts-footer .footer-brand{grid-column:1/-1}}:where(html[data-phx-page="contacts"]) .header .nav .nav-dropdown{position:relative}@media (min-width:951px){:where(html[data-phx-page="contacts"]) .header .nav{gap:clamp(var(--space-1),.45vw,var(--space-2))}:where(html[data-phx-page="contacts"]) .header .nav>a,:where(html[data-phx-page="contacts"]) .header .nav>.nav-dropdown>a{padding:var(--space-2) clamp(var(--space-2),.82vw,var(--space-3))!important}}@media (max-width:950px){:where(html[data-phx-page="contacts"]) .header .nav{gap:var(--space-2)}:where(html[data-phx-page="contacts"]) .header .nav .nav-menu{top:100%}}@media (prefers-reduced-motion:reduce){:where(html[data-phx-page="contacts"]) .header .nav>a,:where(html[data-phx-page="contacts"]) .header .nav>.nav-dropdown>a{transition:none}}:where(html[data-phx-page="contacts"]) .location-card{background:var(--phx-surface);border:1px solid var(--phx-control-border);border-radius:var(--phx-radius-8);padding:var(--space-4);display:flex;flex-direction:column;overflow:hidden}:where(html[data-phx-page="contacts"]) .location-map-preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;filter:saturate(.82)}:where(html[data-phx-page="contacts"]) .location-map-preview .location-map-link{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;justify-content:flex-end;padding:var(--space-3);text-decoration:none;cursor:pointer}:where(html[data-phx-page="contacts"]) .location-map-preview .location-map-link:focus-visible{outline:3px solid var(--phx-brand);outline-offset:-3px}:where(html[data-phx-page="contacts"]) .location-map-preview .location-map-badge{display:inline-block;padding:var(--space-2) var(--space-2);border-radius:var(--phx-radius-4);background:var(--phx-surface);color:var(--phx-text-muted);font-size:var(--phx-font-xs);font-weight:700;box-shadow:0 2px 8px var(--phx-alpha-ink-12)}@media (hover:hover){:where(html[data-phx-page="contacts"]) .location-map-preview .location-map-link:hover .location-map-badge{background:var(--phx-brand);color:var(--phx-surface)}}:where(html[data-phx-page="contacts"]) .location-card:has(.location-map-preview){border-radius:var(--phx-radius-12);border-color:var(--phx-border);box-shadow:0 7px 25px var(--phx-alpha-ink-4);transition:box-shadow .2s ease,transform .2s ease}:where(html[data-phx-page="contacts"]) .location-card:has(.location-map-preview):hover{box-shadow:0 13px 30px var(--phx-alpha-ink-8)}:where(html[data-phx-page="contacts"]) .location-card .location-map-preview{position:relative;margin:0 0 var(--space-4);height:var(--phx-size-192);flex:0 0 auto;border:1px solid var(--phx-border);border-radius:var(--phx-radius-8);overflow:hidden;background:var(--phx-surface-subtle);isolation:isolate}:where(html[data-phx-page="contacts"]) .location-card .location-map-preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;filter:saturate(.9) contrast(1.01)}:where(html[data-phx-page="contacts"]) .location-card .location-map-preview:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,var(--phx-alpha-ink-24));pointer-events:none}:where(html[data-phx-page="contacts"]) .location-card .location-map-preview .location-map-link{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:flex-end;padding:var(--space-3);text-decoration:none;cursor:pointer}:where(html[data-phx-page="contacts"]) .location-card .location-map-preview .location-map-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--phx-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-8);color:var(--phx-text-muted);font:700 var(--phx-font-xs)/1.15 var(--phx-font-sans);box-shadow:0 3px 12px var(--phx-alpha-ink-12);transition:background .18s,color .18s,transform .18s}:where(html[data-phx-page="contacts"]) .location-card .location-map-preview .location-map-link:hover .location-map-badge{background:var(--phx-brand);color:var(--phx-surface);transform:translateY(-2px)}:where(html[data-phx-page="contacts"]) .location-card .location-map-preview .location-map-link:focus-visible{outline:3px solid var(--phx-brand);outline-offset:-4px}@media (max-width:650px){:where(html[data-phx-page="contacts"]) .location-card .location-map-preview{height:var(--phx-size-192)}}:where(html[data-phx-page="contacts"]) section.hotline-strip .hotline-inner{justify-content:space-between}:where(html[data-phx-page="contacts"]) section.hotline-strip .hotline-numbers{flex-wrap:wrap}:where(html[data-phx-page="contacts"]) .form-status:not([hidden]){display:block}:where(html[data-phx-page="contacts"]) main.phx-contacts-improved>.contact-section{padding-block-start:var(--phx-page-space);padding-block-end:0}:where(html[data-phx-page="contacts"]) main.phx-contacts-improved>.locations{padding-block-start:var(--phx-section-space);padding-block-end:var(--phx-page-space)}:where(html[data-phx-page="contacts"]) main.phx-contacts-improved > :is(.contact-section,.locations){margin-block:0!important}:where(html[data-phx-page="contacts"]) main.phx-contacts-improved > .contact-section{padding-block:var(--phx-flow-page) 0!important}:where(html[data-phx-page="contacts"]) main.phx-contacts-improved > .locations{padding-block:0 var(--phx-flow-page)!important;margin-block-start:var(--phx-flow-section)!important}
