.contact-page{background-color:var(--color-bg-light);min-height:80vh}.contact-title{font-family:var(--font-heading);font-size:2.5rem;color:var(--color-primary);margin-bottom:var(--spacing-xl);text-align:center}.contact-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}@media (min-width:768px){.contact-grid{grid-template-columns:1fr 1.5fr}}.contact-info-card{background:white;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:0 4px 6px rgba(0,0,0,.05)}.contact-info-card h2{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--color-primary)}.contact-details-list{margin:var(--spacing-lg) 0;list-style:none;padding:0}.contact-details-list li{display:flex;margin-bottom:var(--spacing-md);align-items:flex-start}.contact-details-list .icon{margin-right:var(--spacing-sm);font-size:1.2rem}.contact-details-list a{color:var(--color-secondary);font-weight:500}.opening-hours{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid #eee}.opening-hours h3{font-size:1.1rem;margin-bottom:var(--spacing-sm);color:var(--color-primary)}.opening-hours li{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--color-text-main)}.opening-hours li span{font-weight:600}.contact-map-card{border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.05);background:white;min-height:300px}.contact-map-card iframe{display:block;height:100%;min-height:450px}[data-theme=dark] .contact-page{background-image:linear-gradient(135deg,rgba(10,25,47,.95),rgba(0,20,40,.9));background-color:#0a192f}[data-theme=dark] .contact-title{color:var(--color-text-main)}[data-theme=dark] .contact-info-card,[data-theme=dark] .contact-map-card{background:var(--color-bg-surface);border:1px solid var(--color-border)}[data-theme=dark] .contact-info-card h2,[data-theme=dark] .opening-hours h3{color:var(--color-text-main)}[data-theme=dark] .contact-details-list a,[data-theme=dark] .opening-hours li{color:var(--color-text-light)}[data-theme=dark] .contact-map-card iframe{filter:invert(90%) hue-rotate(180deg) brightness(95%) contrast(85%)}.contact-form-container{margin-top:var(--spacing-xl);background:white;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:0 4px 6px rgba(0,0,0,.05)}.contact-form-container h3{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--color-primary);text-align:center}.contact-form{gap:var(--spacing-md)}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-weight:600;color:var(--color-text-main)}.form-group input,.form-group textarea{padding:12px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-secondary)}.submit-btn{background-color:var(--color-secondary);color:white;border:none;padding:12px 24px;font-size:1.1rem;font-weight:600;border-radius:4px;cursor:pointer;align-self:flex-start;transition:background-color .2s}.submit-btn:hover{background-color:var(--color-secondary-hover)}[data-theme=dark] .contact-form-container{background:var(--color-bg-surface);border:1px solid var(--color-border)}[data-theme=dark] .contact-form-container h3,[data-theme=dark] .form-group label{color:var(--color-text-main)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:rgba(255,255,255,.05);border-color:var(--color-border);color:var(--color-text-main)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{border-color:var(--color-secondary)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button-group{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-sm)}.whatsapp-btn{background-color:#25D366;color:white;border:none;padding:12px 24px;font-size:1.1rem;font-weight:600;border-radius:4px;cursor:pointer;display:flex;align-items:center;transition:background-color .2s}.whatsapp-btn:hover{background-color:#128C7E}.submit-btn,.whatsapp-btn{flex:0 1 auto}