
/* ===== PAIDIA UX FINAL V1 ===== */

html{
  scroll-behavior:smooth;
  overflow-x:hidden;
}

body{
  overflow-x:hidden;
}

/* Sticky Header */
header{
  position:sticky;
  top:0;
  z-index:1000;
  backdrop-filter:blur(16px);
}

/* Better focus */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid rgba(26,105,87,.35);
  outline-offset:4px;
}

/* Buttons */
a[class*="btn"],
button[class*="btn"]{
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

a[class*="btn"]:hover,
button[class*="btn"]:hover{
  transform:translateY(-2px);
}

/* Modules */
.v4-modules{
  align-items:stretch !important;
}

.v4-module{
  box-shadow:0 12px 38px rgba(11,46,40,.055);
}

/* Products */
.paidia-product-card{
  height:100%;
}

.paidia-product-card img{
  width:100%;
  height:auto;
  display:block;
}

/* Trust & contact */
.paidia-trust-contact{
  padding:72px 0;
  background:#f7faf9;
}

.paidia-trust-contact-inner{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:28px;
}

.paidia-info-card{
  background:#fff;
  border:1px solid rgba(12,61,52,.10);
  border-radius:26px;
  padding:30px;
}

.paidia-info-card h2,
.paidia-info-card h3{
  margin-top:0;
}

.paidia-contact-list{
  display:grid;
  gap:15px;
  margin-top:24px;
}

.paidia-contact-row{
  padding:15px 0;
  border-bottom:1px solid rgba(12,61,52,.08);
}

.paidia-contact-row:last-child{
  border-bottom:0;
}

.paidia-contact-row strong{
  display:block;
  margin-bottom:5px;
}

.paidia-contact-row a{
  color:inherit;
}

.paidia-trust-note{
  line-height:2;
  opacity:.78;
}

/* Mobile */
@media(max-width:900px){

  .paidia-trust-contact-inner{
    grid-template-columns:1fr;
  }

  header nav{
    max-width:100%;
  }

}

@media(max-width:600px){

  .paidia-trust-contact{
    padding:48px 0;
  }

  .paidia-info-card{
    padding:22px;
    border-radius:22px;
  }

  header{
    backdrop-filter:blur(12px);
  }

}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){

  html{
    scroll-behavior:auto;
  }

  *,
  *::before,
  *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* ===== END PAIDIA UX FINAL V1 ===== */
