/* PAMA-IT — Minimal CSS (inline styles handle layout, this handles reset + responsive + hover + animations) */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=Sora:wght@300;400;500;600;700;800&display=swap');

:root{--r:#8B2332;--f:'DM Sans',system-ui,sans-serif;--h:'Sora',system-ui,sans-serif;--g:#6B7280;--bg:#F6F7F9;--bd:#E5E7EB}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--f);color:#1B1F2E;background:#fff;overflow-x:hidden}
::selection{background:var(--r);color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
button{cursor:pointer;font-family:var(--f);border:none;background:none}
input,textarea,select{font-family:var(--f);outline:none}

/* Animations */
@keyframes hi{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.fade{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.fade.visible{opacity:1;transform:none}

/* Container */
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}

/* Responsive */
@media(max-width:900px){
  .dH{display:none!important}
  .mS{display:flex!important}
  .g2{grid-template-columns:1fr!important}
  .g3{grid-template-columns:1fr!important}
  .g4{grid-template-columns:1fr 1fr!important}
  .g5{grid-template-columns:1fr 1fr!important}
  .hG{grid-template-columns:1fr!important;text-align:center}
  .fG{grid-template-columns:1fr 1fr!important}
}
@media(max-width:600px){
  .g4{grid-template-columns:1fr!important}
  .g5{grid-template-columns:1fr!important}
  .fG{grid-template-columns:1fr!important}
}

/* Nav mobile menu */
.nav-mobile{display:none;position:fixed;top:64px;left:0;right:0;background:#fff;border-top:1px solid var(--bd);padding:12px 24px 20px;z-index:998;flex-direction:column}
.nav-mobile.open{display:flex}
.nav-mobile button{display:block;width:100%;background:none;border:none;cursor:pointer;font-family:var(--h);font-size:20px;font-weight:600;padding:10px 0;text-align:left}

/* FAQ accordion */
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-item.open .faq-answer{max-height:500px}
.faq-item.open .faq-icon{transform:rotate(45deg)}

/* Modal */
.modal-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}
.modal-box{background:#fff;border-radius:20px;max-width:680px;width:100%;max-height:85vh;overflow:auto;position:relative}

/* Cookie bar */
.cookie-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#111827;border-top:1px solid rgba(255,255,255,.1);padding:16px 0;display:none}
.cookie-bar.show{display:block}

/* Scrollbar for modal */
.modal-box::-webkit-scrollbar{width:6px}
.modal-box::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}

/* Form focus */
input:focus,textarea:focus{border-color:var(--r)!important;box-shadow:0 0 0 3px rgba(139,35,50,.08)}

/* Turnstile widget */
.cf-turnstile{margin-bottom:16px}