/* Visual-only care layer for Zilola IRFAN materials. No claims, records, or links are changed. */
.women-materials-page {
  background-image:
    linear-gradient(90deg, #0a1114f5 0%, #0a1114e9 44%, #0a11149c 68%, #0a11144a 100%),
    url("/static/images/academy/academy-umrah-women-v1.png") !important;
  background-position: top center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

.women-materials-page header {
  background: #0a1318dc;
  border-bottom-color: #dec27573;
  backdrop-filter: blur(10px);
}

.women-materials-page main {
  padding-top: clamp(3.5rem, 8vw, 6rem);
  text-shadow: 0 1px 16px #0008;
}

.women-materials-page main > h1 { max-width: 780px; color: #f6dda5; }
.women-materials-page .lead { max-width: 760px; color: #ddd1bd; }

.women-materials-page section {
  padding: clamp(1.35rem, 3vw, 2.1rem);
  border: 1px solid #d9bc6952;
  background: linear-gradient(135deg, #102129e9, #111a20dc);
  box-shadow: 0 17px 39px #0000002b, inset 0 1px #ffffff0a;
  backdrop-filter: blur(5px);
}

.women-materials-page section.status {
  border-color: #e3c97980;
  background: linear-gradient(135deg, #17313af0, #1d261edc);
}

.women-materials-page .grid > article {
  border-color: #e0bf6b54;
  background: linear-gradient(145deg, #132a33ed, #172018e6);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.women-materials-page .grid > article strong { color: #f4d58e; }
.women-materials-page .grid > article small { color: #d8d0c3; }

@media (hover: hover) {
  .women-materials-page .grid > article:hover {
    transform: translateY(-4px);
    border-color: #f3d88f;
    box-shadow: 0 16px 28px #0008;
  }
}

@media (max-width: 700px) {
  .women-materials-page { background-attachment: scroll !important; background-position: 59% top !important; }
  .women-materials-page main { padding-top: 3rem; }
}

@media (prefers-reduced-motion: reduce) {
  .women-materials-page .grid > article { transition: none; }
}