.contact-page h1{font-size:clamp(2rem,3.4vw,3rem);line-height:1.13}.contact-page h2{font-size:clamp(1.5rem,2vw,1.875rem);line-height:1.3}.contact-page p{font-size:.875rem;line-height:1.65}.contact-hero{align-items:center;gap:2rem;display:grid}.contact-method{align-items:center;gap:.75rem;display:flex}.contact-method h2,.contact-panel h2{font-size:1rem;font-weight:700}.contact-method>div{flex:1}.contact-method p,.contact-panel a{overflow-wrap:anywhere}.contact-primary,.contact-secondary{border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.625rem 1rem;font-size:.875rem;font-weight:700;display:inline-flex}.contact-primary{background:var(--primary);color:var(--primary-foreground)}.contact-secondary{background:var(--surface-1);color:var(--foreground);border:1px solid var(--border)}.contact-panel{border:1px solid var(--border);background:var(--surface-1);border-radius:1.5rem;padding:1.25rem;font-size:.875rem}.contact-icon{width:2.25rem;height:2.25rem;color:var(--primary);background:color-mix(in oklch, var(--primary) 10%, transparent);border-radius:.75rem;justify-content:center;align-items:center;display:inline-flex}.contact-page summary{font-size:.875rem}.contact-page summary::-webkit-details-marker{display:none}.contact-form h3{font-size:1.5rem;line-height:1.25}.contact-form label{letter-spacing:normal;text-transform:none;flex-wrap:wrap;font-size:.8125rem}.contact-form label:has(input[type=checkbox]){flex-wrap:nowrap}.contact-form label>span{font-size:inherit;text-transform:none}.contact-form :is(input:not([type=checkbox]),textarea){font-size:1rem;font-weight:400}.contact-form button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.contact-form label p{font-size:.8125rem}@media (width>=1024px){.contact-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}@media (width<=639px){.contact-hero{padding:1.25rem}.contact-method{align-items:flex-start}.contact-method>span{width:2rem;height:2rem}.contact-method>svg{display:none}#iletisim-formu{scroll-margin-top:6rem}}.contact-form label:has(input[type=checkbox])>div>span{text-transform:none;font-size:.875rem;line-height:1.5}
