/* ---------------------------------------------------------------------
   Record Express - FAQ
   --------------------------------------------------------------------- */

.faq-hero {
   position: relative;
   overflow: hidden;
   margin: 0;
}

.faq-hero img {
   width: 100%;
   height: 420px;
   object-fit: cover;
   display: block;
}

.faq-hero::after {
   content: '';
   position: absolute;
   inset: 0;
   background: linear-gradient(to right, rgba(0,0,0,0.55) 40%, rgba(0,0,0,0.1) 100%);
}

.faq-hero-content {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: 0 auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
   z-index: 1;
}

.faq-hero h1 {
   color: #fff;
   margin-bottom: var(--space-sm);
}

.faq-lead {
   font-size: var(--font-size-lg);
   color: rgba(255,255,255,0.85);
   max-width: 560px;
}

.faq-section h2 {
   margin-top: var(--space-lg);
   margin-bottom: var(--space-sm);
   padding-bottom: var(--space-xs);
   border-bottom: 2px solid var(--grey-200);
}

.faq-section h2:first-child {
   margin-top: 0;
}

.faq-list {
   display: flex;
   flex-direction: column;
   margin-bottom: var(--space-lg);
}

.faq-item {
   display: grid;
   grid-template-columns: 1fr 2.5fr;
   gap: var(--space-md);
   padding: var(--space-md) 0;
   border-bottom: 1px solid var(--grey-200);
}

.faq-item:last-child {
   border-bottom: none;
}

.faq-question {
   font-weight: 600;
   font-size: var(--font-size-base);
   color: var(--main-dark, color-mix(in srgb, var(--main) 60%, #000));
   text-align: right;
   padding-top: 2px;
}

.faq-answer {
   color: var(--grey-700);
}

.faq-answer p {
   margin: 0;
}

/* Shipping times table */
.shipping-times-table {
   width: 100%;
   border-collapse: collapse;
   font-size: var(--font-size-sm);
}

.shipping-times-table th,
.shipping-times-table td {
   text-align: left;
   padding: 12px 16px;
   border-bottom: 1px solid var(--grey-200);
}

.shipping-times-table th {
   font-weight: 700;
   color: var(--grey-900);
}

.shipping-times-table tr:last-child td {
   border-bottom: none;
}

.shipping-times-table td.value {
   font-weight: 600;
}

.shipping-detail {
   font-size: var(--font-size-xs);
   color: var(--grey-600);
   font-weight: 400;
   margin-left: 4px;
   font-weight: normal;
}

.shipping-hint {
   font-size: var(--font-size-xs);
   color: var(--grey-500);
   margin-top: var(--space-sm);
}

/* CTA */
.faq-cta h2 {
   margin-bottom: var(--space-md);
}

.faq-cta-contact {
   margin-top: var(--space-sm);
   font-size: var(--font-size-sm);
   color: var(--grey-500);
}

.faq-cta-contact a {
   color: var(--grey-600);
}

@media (max-width: 900px) {
   .faq-hero img {
      height: 300px;
   }

   .faq-item {
      grid-template-columns: 1fr;
      gap: var(--space-xs);
   }

   .faq-question {
      text-align: left;
   }
}