/**
 * Scoped Styles for B2B Landing Pages & Wholesale Policy
 * Strictly scoped under .htbk-b2b-page
 */

.htbk-b2b-page {
    position: relative;
    width: 100%;
}

/* FAQ Details/Summary Accordion */
.htbk-b2b-page details {
    transition: all 0.2s ease-in-out;
}

.htbk-b2b-page details summary {
    cursor: pointer;
    user-select: none;
}

.htbk-b2b-page details summary::-webkit-details-marker {
    display: none;
}

.htbk-b2b-page details summary .faq-chevron {
    transition: transform 0.2s ease-in-out;
}

.htbk-b2b-page details[open] summary .faq-chevron {
    transform: rotate(180deg);
}

.htbk-b2b-page details[open] {
    background-color: var(--card, #ffffff);
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .htbk-b2b-page h1 {
        font-size: 1.5rem;
        line-height: 1.3;
    }
}