/* NAQEL V14 - Contact UX + Safari/iPad polish. No visual redesign. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a,button,input,textarea,label{-webkit-tap-highlight-color:transparent}
button,.btn,.submit-btn,.store-badge,.contact-method,.account-delete-action{touch-action:manipulation}

/* Contact response feedback */
.contact-status{margin:20px 28px 0;padding:16px 18px;border-radius:11px;border:1px solid transparent;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease}
.contact-status[hidden]{display:none!important}
.contact-status.show{opacity:1;transform:none}
.contact-status-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:900;line-height:1}
.contact-status strong{display:block;margin:1px 0 3px;font-size:16px}
.contact-status p{margin:0;font-size:14px;line-height:1.7;color:#475569}
.contact-status.is-success{background:#f0fdf4;border-color:#bbf7d0}.contact-status.is-success .contact-status-icon{background:#16a34a;color:#fff}.contact-status.is-success strong{color:#166534}
.contact-status.is-notice{background:#fff7ed;border-color:#fed7aa}.contact-status.is-notice .contact-status-icon{background:var(--orange);color:#fff}.contact-status.is-notice strong{color:#9a3412}
.contact-status.is-error{background:#fff1f2;border-color:#fecdd3}.contact-status.is-error .contact-status-icon{background:#e11d48;color:#fff}.contact-status.is-error strong{color:#9f1239}
.submit-btn:disabled{cursor:wait;opacity:.82;transform:none!important;background:var(--blue)!important;box-shadow:none!important}
.submit-btn.is-sending .n-icon{animation:naqelSend 1s ease-in-out infinite}
@keyframes naqelSend{0%,100%{transform:translateX(0);opacity:.65}50%{transform:translateX(-5px);opacity:1}}

/* Safari form normalization */
.contact-form input,.contact-form textarea,.contact-form button{-webkit-appearance:none;appearance:none;font-family:inherit}
.contact-form input[type=radio]{-webkit-appearance:none;appearance:none}
.contact-form textarea{resize:vertical}
.contact-form input,.contact-form textarea{min-height:46px}
.contact-form textarea{min-height:150px}

/* Tablet/iPad smoothing */
@media (min-width:981px) and (max-width:1100px){
  .nav{gap:18px}.brand{min-width:132px}.brand img{width:136px}.nav-links a{padding:11px 10px;font-size:14px}
  .hero-grid{gap:34px}.contact-grid{grid-template-columns:350px minmax(0,1fr);gap:22px}
  .contact-panel{padding:20px}.contact-form{padding:22px}.form-head{padding-left:22px;padding-right:22px}
}
@media (min-width:681px) and (max-width:980px){
  .contact-panel,.form-card{max-width:760px;width:100%;margin-left:auto;margin-right:auto}
  .footer-grid{gap:30px 24px}
  .store-row{align-items:stretch}
}
@media (max-width:768px){
  /* Prevent iOS Safari auto-zoom on form focus */
  .contact-form input,.contact-form textarea{font-size:16px!important}
  .contact-status{margin:16px 18px 0;padding:14px;grid-template-columns:34px 1fr}
  .contact-status-icon{width:34px;height:34px;font-size:18px}
  .contact-status strong{font-size:15px}.contact-status p{font-size:13px}
  .submit-btn{min-height:52px}
}
@media (max-width:430px){
  .contact-form{padding-left:18px;padding-right:18px}.form-head{padding-left:18px;padding-right:18px}
  .contact-panel{padding:18px}.store-row.compact{gap:8px}.store-row.compact .store-badge{min-width:0!important;width:calc(50% - 4px)!important;padding-left:9px!important;padding-right:9px!important}
  .store-row.compact .store-copy strong{font-size:12px!important}.store-row.compact .store-copy small{font-size:8px!important}
}
@supports (padding:max(0px)){
  .site-footer{padding-bottom:max(30px,env(safe-area-inset-bottom))}
  @media(max-width:980px){.nav-links{padding-bottom:max(10px,env(safe-area-inset-bottom))}}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.contact-status,.submit-btn,.submit-btn .n-icon{transition:none!important;animation:none!important}}
