:root {
    --intrigue-accent: #174b35;
    --intrigue-accent-hover: #0f3828;
    --intrigue-cream: #f5f0e8;
}

/* Site-wide primary actions */
html body .action.primary,
html body button.action.primary,
html body a.action.primary,
html body .intrigue-home .button:not(.secondary),
html body .intrigue-about .button:not(.secondary),
html body.intrigue-modern-catalog .intrigue-card-calendar-action,
html body.intrigue-modern-catalog .product-item-inner .towishlist,
html body .intrigue-whatsapp-btn {
    border-color: var(--intrigue-accent) !important;
    background: var(--intrigue-accent) !important;
    color: #fff !important;
}

html body .action.primary:hover,
html body .action.primary:focus,
html body .intrigue-home .button:not(.secondary):hover,
html body .intrigue-home .button:not(.secondary):focus,
html body .intrigue-about .button:not(.secondary):hover,
html body .intrigue-about .button:not(.secondary):focus,
html body.intrigue-modern-catalog .intrigue-card-calendar-action:hover,
html body.intrigue-modern-catalog .product-item-inner .towishlist:hover,
html body .intrigue-whatsapp-btn:hover,
html body .intrigue-whatsapp-btn:focus {
    border-color: var(--intrigue-accent-hover) !important;
    background: var(--intrigue-accent-hover) !important;
    color: #fff !important;
}

/* Refined homepage message and actions below the existing image carousel. */
html body.cms-index-index .intrigue-home {
    padding-top: 34px;
}

html body.cms-index-index .intrigue-home .intrigue-home-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 0 auto 58px;
    padding: 66px 48px 0;
    border: 1px solid #e4ddd2;
    border-radius: 24px;
    background:
        radial-gradient(circle at 88% 14%, rgba(23, 75, 53, .14) 0, rgba(23, 75, 53, 0) 30%),
        radial-gradient(circle at 8% 92%, rgba(181, 142, 85, .14) 0, rgba(181, 142, 85, 0) 30%),
        linear-gradient(135deg, #f5f0e8 0%, #fff 62%, #f1f6f3 100%);
    box-shadow: 0 20px 55px rgba(26, 37, 31, .08);
}

html body.cms-index-index .intrigue-home .intrigue-home-hero::after {
    position: absolute;
    z-index: -1;
    top: -90px;
    right: -70px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(23, 75, 53, .18);
    border-radius: 50%;
    content: '';
}

html body.cms-index-index .intrigue-home .intrigue-home-hero .eyebrow {
    color: var(--intrigue-accent);
}

html body.cms-index-index .intrigue-home .intrigue-home-hero h1 {
    max-width: 760px;
    font-size: clamp(38px, 5vw, 62px);
    letter-spacing: -.025em;
}

html body.cms-index-index .intrigue-home .intrigue-home-hero .lead {
    max-width: 790px;
}

html body.cms-index-index .intrigue-home .intrigue-home-hero .actions {
    margin-bottom: 42px;
}

html body.cms-index-index .intrigue-home .intrigue-home-hero .button {
    min-width: 190px;
    padding: 15px 26px;
    border-radius: 999px;
}

html body.cms-index-index .intrigue-home .intrigue-home-hero .button.secondary {
    border-color: #242424 !important;
    background: transparent !important;
    color: #242424 !important;
}

html body.cms-index-index .intrigue-home .intrigue-home-hero .intrigue-trust {
    margin: 0 -48px;
    border: 0;
    border-top: 1px solid rgba(23, 75, 53, .14);
    background: rgba(255, 255, 255, .72);
}

html body.cms-index-index .intrigue-home .intrigue-home-hero .intrigue-trust div {
    padding: 18px 14px;
    background: transparent;
    color: #26362e;
}

html body.cms-index-index .intrigue-home .intrigue-card .number {
    background: var(--intrigue-accent);
}

@media (max-width: 767px) {
    html,
    body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* Balanced mobile header with menu, logo, calendar, account and cart. */
    html body .page-header .panel.header.container {
        position: relative !important;
        height: 64px !important;
        min-height: 64px !important;
        padding: 0 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    html body .page-header .logo {
        position: absolute !important;
        top: 8px !important;
        left: 50% !important;
        z-index: 2 !important;
        width: 142px !important;
        max-width: 142px !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
    }

    html body .page-header .logo img {
        width: 142px !important;
        max-width: 100% !important;
        height: 48px !important;
        object-fit: contain !important;
    }

    html body .nav-toggle {
        top: 0 !important;
        left: 10px !important;
        display: flex !important;
        width: 38px !important;
        height: 64px !important;
        align-items: center !important;
        justify-content: center !important;
    }

    html body .header-calendar-link,
    html body .customer-welcome,
    html body .minicart-wrapper {
        position: absolute !important;
        top: 0 !important;
        z-index: 5 !important;
        width: 36px !important;
        height: 64px !important;
        margin: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        color: #222 !important;
        line-height: 1 !important;
    }

    html body .header-calendar-link {
        right: 86px !important;
        display: flex !important;
        font-size: 18px !important;
    }

    html body .customer-welcome {
        right: 47px !important;
        display: flex !important;
        float: none !important;
    }

    html body .customer-welcome .actions,
    html body .customer-welcome .customer-name {
        display: flex !important;
        width: 36px !important;
        height: 64px !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer;
    }

    html body .customer-welcome .customer-name .fa,
    html body .header-calendar-link .fa {
        font-size: 18px !important;
    }

    html body .customer-welcome .customer-menu {
        position: absolute !important;
        top: 58px !important;
        right: -40px !important;
        display: none !important;
        width: 210px !important;
        min-width: 210px !important;
        padding: 7px !important;
        border: 1px solid #ddd !important;
        border-radius: 10px !important;
        background: #fff !important;
        box-shadow: 0 14px 34px rgba(0, 0, 0, .16) !important;
    }

    html body .customer-welcome.active .customer-menu,
    html body .customer-welcome .actions.active .customer-menu {
        display: block !important;
    }

    html body .customer-welcome .customer-menu ul,
    html body .customer-welcome .customer-menu li {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    html body .customer-welcome .customer-menu a {
        display: block !important;
        padding: 11px 12px !important;
        color: #222 !important;
        text-align: left !important;
        text-decoration: none !important;
    }

    html body .minicart-wrapper {
        right: 8px !important;
        display: flex !important;
    }

    html body .minicart-wrapper .action.showcart {
        margin: 0 !important;
    }

    /* Homepage mobile hierarchy */
    html body.cms-index-index .intrigue-home {
        padding: 20px 12px 38px !important;
    }

    html body.cms-index-index .intrigue-home .intrigue-home-hero {
        margin-bottom: 42px;
        padding: 38px 20px 0;
        border-radius: 18px;
    }

    html body.cms-index-index .intrigue-home .intrigue-home-hero h1 {
        font-size: 36px !important;
        line-height: 1.08 !important;
    }

    html body.cms-index-index .intrigue-home .intrigue-home-hero .lead {
        font-size: 17px !important;
        line-height: 1.55 !important;
    }

    html body.cms-index-index .intrigue-home .intrigue-home-hero .button {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        margin: 5px 0;
    }

    html body.cms-index-index .intrigue-home .intrigue-home-hero .intrigue-trust {
        grid-template-columns: 1fr 1fr !important;
        margin: 0 -20px !important;
    }

    html body.cms-index-index .intrigue-home .intrigue-home-hero .intrigue-trust div {
        padding: 14px 10px;
        font-size: 12px;
        line-height: 1.35;
    }

    /* Compact, left-aligned category hero shared by All, Men and Women. */
    html body.intrigue-modern-catalog .category-title-custom,
    html body.intrigue-modern-catalog .category-title-custom-women {
        box-sizing: border-box !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 28px 18px 24px !important;
        overflow: hidden !important;
        align-items: flex-start !important;
        background-position: center !important;
    }

    html body.intrigue-modern-catalog .category-title-custom::before,
    html body.intrigue-modern-catalog .category-title-custom-women::before {
        background: linear-gradient(90deg, rgba(0, 0, 0, .88), rgba(0, 0, 0, .55) 72%, rgba(0, 0, 0, .3)) !important;
    }

    html body.intrigue-modern-catalog .category-title-custom .page-title-wrapper,
    html body.intrigue-modern-catalog .category-title-custom-women .page-title-wrapper {
        padding: 0 !important;
        text-align: left !important;
    }

    html body.intrigue-modern-catalog .page-title-wrapper .page-title {
        max-width: 310px !important;
        margin: 0 0 10px !important;
        font-size: 32px !important;
        line-height: 1.08 !important;
        text-align: left !important;
    }

    html body.intrigue-modern-catalog .intrigue-catalog-description {
        max-width: 330px !important;
        margin: 0 0 17px !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
        text-align: left !important;
    }

    html body.intrigue-modern-catalog .intrigue-catalog-trust {
        display: flex !important;
        max-width: 330px !important;
        margin: 0 !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 7px !important;
    }

    html body.intrigue-modern-catalog .intrigue-catalog-trust span {
        display: block !important;
        max-width: 100% !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
        text-align: left !important;
        white-space: normal !important;
    }

    html body.intrigue-modern-catalog .intrigue-catalog-trust span::before {
        margin-right: 7px;
        color: #d8e9df;
        content: '\2713';
        font-weight: 700;
    }

    /* Compact filter and aligned sorter controls. */
    html body.intrigue-modern-catalog .sidebar-main {
        margin-bottom: 12px !important;
    }

    html body.intrigue-modern-catalog #layered-filter-block {
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #dedede !important;
        border-radius: 10px !important;
        background: #fff !important;
        overflow: hidden !important;
    }

    html body.intrigue-modern-catalog #layered-filter-block .filter-title {
        display: block !important;
        height: auto !important;
        margin: 0 !important;
    }

    html body.intrigue-modern-catalog #layered-filter-block .filter-title strong {
        position: relative !important;
        display: flex !important;
        min-height: 50px !important;
        padding: 0 48px 0 16px !important;
        align-items: center !important;
        font-size: 0 !important;
        font-weight: 600 !important;
        text-align: left !important;
    }

    html body.intrigue-modern-catalog #layered-filter-block .filter-title strong::before {
        color: #222 !important;
        content: 'Filter by Brand' !important;
        font-size: 15px !important;
    }

    html body.intrigue-modern-catalog #layered-filter-block .filter-title strong::after {
        position: absolute !important;
        top: 50% !important;
        right: 17px !important;
        color: #555 !important;
        content: '+' !important;
        font: 400 22px/1 Arial, sans-serif !important;
        transform: translateY(-50%) !important;
    }

    html body.filter-active.intrigue-modern-catalog #layered-filter-block .filter-title strong::after {
        content: '\2212' !important;
    }

    html body.intrigue-modern-catalog:not(.filter-active) #layered-filter-block .filter-content {
        display: none !important;
    }

    html body.filter-active.intrigue-modern-catalog #layered-filter-block .filter-content {
        display: block !important;
        padding: 0 16px 14px !important;
    }

    html body.intrigue-modern-catalog #layered-filter-block .filter-subtitle {
        display: none !important;
    }

    html body.intrigue-modern-catalog .toolbar-products {
        display: block !important;
        min-height: 0 !important;
        margin: 0 0 12px !important;
        padding: 10px 12px !important;
        border: 1px solid #e4e1dd !important;
        border-radius: 10px !important;
        background: #f8f6f3 !important;
    }

    html body.intrigue-modern-catalog .toolbar-products .modes,
    html body.intrigue-modern-catalog .toolbar-products .toolbar-amount {
        display: none !important;
    }

    html body.intrigue-modern-catalog .toolbar-sorter {
        display: grid !important;
        width: 100% !important;
        margin: 0 !important;
        grid-template-columns: auto minmax(0, 1fr) 42px !important;
        align-items: center !important;
        gap: 10px !important;
    }

    html body.intrigue-modern-catalog .sorter-label {
        margin: 0 !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }

    html body.intrigue-modern-catalog .sorter-options {
        width: 100% !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 34px 0 12px !important;
        border-radius: 7px !important;
        background-color: #fff !important;
    }

    html body.intrigue-modern-catalog .sorter-action {
        display: flex !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 7px !important;
    }

    html body.intrigue-modern-catalog .products-grid .product-items {
        gap: 10px !important;
    }

    html body.intrigue-modern-catalog .products-grid .product-item-name a {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    /* Footer rhythm and non-overlapping Contact section. */
    html body .page-footer .block.newsletter {
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 42px 20px 46px !important;
    }

    html body .page-footer .block.newsletter .title {
        margin: 0 0 10px !important;
    }

    html body .page-footer .block.newsletter .title strong {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    html body .page-footer .block.newsletter .content,
    html body .page-footer .block.newsletter .form.subscribe,
    html body .page-footer .block.newsletter .field.newsletter,
    html body .page-footer .block.newsletter .control {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 520px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    html body .page-footer .block.newsletter input {
        box-sizing: border-box !important;
        width: 100% !important;
        height: 48px !important;
        margin-top: 18px !important;
    }

    html body .page-footer .block.newsletter .actions {
        margin-top: 20px !important;
    }

    html body .page-footer .footer-top .container,
    html body .page-footer .footer-columns .container,
    html body .page-footer .footer-bottom .container {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    html body .page-footer .footer-top {
        padding: 28px 0 18px !important;
    }

    html body .page-footer .footer-top .widget,
    html body .page-footer .footer-top .block-content,
    html body .page-footer .link-social {
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .page-footer .link-social {
        display: flex !important;
        align-items: center !important;
        gap: 22px !important;
    }

    html body .page-footer .footer-columns {
        padding: 18px 0 8px !important;
    }

    html body .page-footer .footer-columns .container {
        display: block !important;
    }

    html body .page-footer .footer-columns .container > * {
        box-sizing: border-box !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    html body .page-footer .footer-columns .widget {
        margin: 0 !important;
    }

    html body .page-footer .footer-columns .widget .block-title {
        box-sizing: border-box !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        display: flex !important;
        align-items: center !important;
    }

    html body .page-footer .footer-columns .widget .block-title h3 {
        margin: 0 !important;
        font-size: 17px !important;
        line-height: 1.25 !important;
    }

    html body .page-footer .footer-columns .widget .block-content {
        box-sizing: border-box !important;
        padding: 14px 16px 18px !important;
        line-height: 1.6 !important;
    }

    html body .page-footer .footer-columns .container > [data-content-type='html']:last-child {
        margin-top: 28px !important;
        padding: 0 4px 12px !important;
        border-top: 1px solid rgba(255, 255, 255, .18) !important;
    }

    html body .page-footer .footer-columns .container > [data-content-type='html']:last-child .block-title {
        min-height: 0 !important;
        margin: 0 !important;
        padding: 24px 0 8px !important;
        border: 0 !important;
    }

    html body .page-footer .footer-columns .container > [data-content-type='html']:last-child .block-title h3 {
        margin: 0 !important;
        font-size: 22px !important;
        line-height: 1.2 !important;
    }

    html body .page-footer .footer-columns .container > [data-content-type='html']:last-child .block-content {
        padding: 0 !important;
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    html body .page-footer .footer-columns .container > [data-content-type='html']:last-child p {
        margin: 0 !important;
    }

    html body .page-footer .footer-bottom {
        padding: 24px 0 34px !important;
    }

    html body .page-footer .copyright {
        display: block !important;
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
        text-align: center !important;
    }
}

@media (max-width: 390px) {
    html body .page-header .logo {
        width: 120px !important;
        max-width: 120px !important;
    }

    html body .page-header .logo img {
        width: 120px !important;
    }

    html body.intrigue-modern-catalog .page-title-wrapper .page-title {
        font-size: 29px !important;
    }
}


:root {
    --intrigue-cta: #111;
    --intrigue-cta-hover: #333;
}

/* Black is the action colour; the existing green stays decorative only. */
html body .action.primary,
html body button.action.primary,
html body a.action.primary,
html body .intrigue-home .button:not(.secondary),
html body .intrigue-about .button:not(.secondary),
html body.intrigue-modern-catalog .intrigue-card-calendar-action,
html body.intrigue-modern-catalog .product-item-inner .towishlist,
html body .intrigue-whatsapp-btn {
    border-color: var(--intrigue-cta) !important;
    background: var(--intrigue-cta) !important;
    color: #fff !important;
}

html body .action.primary:hover,
html body .action.primary:focus,
html body .intrigue-home .button:not(.secondary):hover,
html body .intrigue-home .button:not(.secondary):focus,
html body .intrigue-about .button:not(.secondary):hover,
html body .intrigue-about .button:not(.secondary):focus,
html body.intrigue-modern-catalog .intrigue-card-calendar-action:hover,
html body.intrigue-modern-catalog .product-item-inner .towishlist:hover,
html body .intrigue-whatsapp-btn:hover,
html body .intrigue-whatsapp-btn:focus {
    border-color: var(--intrigue-cta-hover) !important;
    background: var(--intrigue-cta-hover) !important;
    color: #fff !important;
}

/* Refined account menu on desktop and mobile. */
html body .customer-welcome .customer-menu {
    box-sizing: border-box;
    min-width: 260px;
    padding: 8px;
    border: 1px solid #e2e2e2;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .16);
}

html body .customer-welcome .customer-menu li {
    margin: 0 !important;
    border: 0 !important;
}

html body .customer-welcome .customer-menu a {
    display: block;
    padding: 13px 14px !important;
    border-radius: 9px;
    color: #222 !important;
    font-size: 15px;
    line-height: 1.35;
    text-decoration: none !important;
}

html body .customer-welcome .customer-menu a:hover,
html body .customer-welcome .customer-menu a:focus {
    background: #f3f3f3 !important;
    color: #111 !important;
}

/* About page: remove the stray Magento title and give the content hierarchy. */
html body.intrigue-about-modern .page-title-wrapper {
    display: none !important;
}

html body.intrigue-about-modern .page-main {
    padding-top: 46px;
    padding-bottom: 64px;
}

html body.intrigue-about-modern .intrigue-about {
    max-width: 1180px;
    padding: 0 24px 40px;
}

html body.intrigue-about-modern .intrigue-about .intro {
    box-sizing: border-box;
    max-width: none;
    margin: 0 auto 28px;
    padding: 58px 36px;
    border: 1px solid #e7e1da;
    border-radius: 24px;
    background: linear-gradient(135deg, #f7f3ed 0%, #fff 72%);
}

html body.intrigue-about-modern .intrigue-about .intro h2 {
    max-width: 760px;
    margin: 0 auto 18px;
    font-size: clamp(34px, 4vw, 50px);
    letter-spacing: -.025em;
}

html body.intrigue-about-modern .intrigue-about .intro .lead {
    max-width: 840px;
    margin: 0 auto;
    color: #4d4d4d;
    font-size: 18px;
}

html body.intrigue-about-modern .intrigue-about .cards {
    gap: 18px;
    margin: 18px 0;
}

html body.intrigue-about-modern .intrigue-about .card {
    position: relative;
    min-height: 175px;
    padding: 30px;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .055);
}

html body.intrigue-about-modern .intrigue-about .card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: #111;
    content: '';
}

html body.intrigue-about-modern .intrigue-about .card h3 {
    margin: 0 0 12px;
    font-size: 21px;
}

html body.intrigue-about-modern .intrigue-about .mission {
    margin-top: 18px;
    padding: 38px;
    border-radius: 16px;
    background: #f6f3ef;
}

html body.intrigue-about-modern .intrigue-about .actions {
    margin-top: 28px;
}

html body.intrigue-about-modern .intrigue-about .button {
    min-width: 190px;
    padding: 14px 24px;
    border-radius: 999px;
    text-align: center;
}

/* FAQ: light cards with strong open-state contrast. */
html body.intrigue-faq-modern .page-main {
    padding-top: 34px;
    padding-bottom: 72px;
}

html body.intrigue-faq-modern .faq {
    max-width: 1080px !important;
    padding: 28px 24px 56px !important;
}

html body.intrigue-faq-modern .faq h2 {
    margin: 0 0 12px !important;
    font-size: clamp(32px, 4vw, 46px) !important;
    font-weight: 500 !important;
    letter-spacing: -.02em;
}

html body.intrigue-faq-modern .faq .faq-intro {
    max-width: 720px;
    margin: 0 0 34px !important;
    color: #555;
    font-size: 17px !important;
}

html body.intrigue-faq-modern .faq .collapsible {
    position: relative;
    box-sizing: border-box;
    min-height: 66px;
    margin: 10px 0 0 !important;
    padding: 18px 62px 18px 22px !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 13px !important;
    background: #fff !important;
    color: #222 !important;
    box-shadow: 0 7px 24px rgba(0, 0, 0, .035);
    font-size: 15px !important;
    line-height: 1.4 !important;
    text-transform: none;
    transition: border-color .2s ease, background .2s ease, color .2s ease;
}

html body.intrigue-faq-modern .faq .collapsible::after {
    position: absolute;
    top: 50%;
    right: 18px;
    display: grid;
    width: 30px;
    height: 30px;
    margin: 0 !important;
    place-items: center;
    border-radius: 50%;
    background: #f0f0f0;
    color: #111 !important;
    line-height: 1;
    transform: translateY(-50%);
}

html body.intrigue-faq-modern .faq .collapsible:hover,
html body.intrigue-faq-modern .faq .collapsible:focus {
    border-color: #aaa !important;
    background: #fafafa !important;
}

html body.intrigue-faq-modern .faq .collapsible.active {
    border-color: #111 !important;
    border-radius: 13px 13px 0 0 !important;
    background: #111 !important;
    color: #fff !important;
}

html body.intrigue-faq-modern .faq .collapsible.active::after {
    background: #fff;
    color: #111 !important;
}

html body.intrigue-faq-modern .faq .content {
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 22px !important;
    border: 0 solid #e2e2e2;
    border-radius: 0 0 13px 13px;
    background: #fafafa !important;
}

html body.intrigue-faq-modern .faq .collapsible.active + .content {
    border-width: 0 1px 1px;
}

html body.intrigue-faq-modern .faq .content p {
    max-width: 920px;
    margin: 0 !important;
    padding: 20px 0 22px !important;
    color: #444;
    font-size: 15px;
    line-height: 1.7;
}

html body.intrigue-faq-modern .faq a {
    color: #111 !important;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Signed-out screen: clear status, useful action and no empty white desert. */
html body.intrigue-logout-modern .page-main {
    min-height: 0 !important;
    padding-top: 56px;
    padding-bottom: 72px;
}

html body.intrigue-logout-modern .intrigue-logout-card {
    box-sizing: border-box;
    max-width: 720px;
    margin: 0 auto;
    padding: 54px 42px;
    border: 1px solid #e5e5e5;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .07);
    text-align: center;
}

html body.intrigue-logout-modern .intrigue-logout-icon {
    display: grid;
    width: 66px;
    height: 66px;
    margin: 0 auto 22px;
    place-items: center;
    border-radius: 50%;
    background: #111;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}

html body.intrigue-logout-modern .intrigue-logout-card .page-title-wrapper {
    margin: 0 !important;
}

html body.intrigue-logout-modern .intrigue-logout-card .page-title {
    margin: 0 0 14px !important;
    font-size: clamp(34px, 5vw, 48px) !important;
    font-weight: 500 !important;
    letter-spacing: -.025em;
}

html body.intrigue-logout-modern .intrigue-logout-card p {
    margin: 0 auto 25px;
    color: #555;
    font-size: 17px;
    line-height: 1.65;
}

html body.intrigue-logout-modern .intrigue-logout-home {
    display: inline-flex;
    min-height: 48px;
    padding: 0 26px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #111;
    color: #fff !important;
    font-weight: 600;
    text-decoration: none !important;
}

html body.intrigue-logout-modern .intrigue-logout-home:hover,
html body.intrigue-logout-modern .intrigue-logout-home:focus {
    background: #333;
}

@media (max-width: 767px) {
    html body .customer-welcome .customer-menu {
        right: -46px !important;
        width: min(280px, calc(100vw - 24px)) !important;
        min-width: 0 !important;
    }

    html body.intrigue-about-modern .page-main,
    html body.intrigue-faq-modern .page-main,
    html body.intrigue-logout-modern .page-main {
        padding-top: 24px;
        padding-bottom: 42px;
    }

    html body.intrigue-about-modern .intrigue-about {
        padding: 0 14px 28px;
    }

    html body.intrigue-about-modern .intrigue-about .intro {
        padding: 38px 22px;
        border-radius: 18px;
        text-align: left;
    }

    html body.intrigue-about-modern .intrigue-about .intro h2 {
        font-size: 32px !important;
    }

    html body.intrigue-about-modern .intrigue-about .intro .lead {
        font-size: 16px;
    }

    html body.intrigue-about-modern .intrigue-about .cards {
        gap: 12px;
    }

    html body.intrigue-about-modern .intrigue-about .card {
        min-height: 0;
        padding: 24px 22px;
    }

    html body.intrigue-about-modern .intrigue-about .mission {
        padding: 28px 22px;
        text-align: left;
    }

    html body.intrigue-about-modern .intrigue-about .button {
        box-sizing: border-box;
        width: 100%;
        margin: 5px 0;
    }

    html body.intrigue-faq-modern .faq {
        padding: 20px 14px 36px !important;
    }

    html body.intrigue-faq-modern .faq h2 {
        font-size: 31px !important;
        line-height: 1.15;
    }

    html body.intrigue-faq-modern .faq .faq-intro {
        margin-bottom: 24px !important;
        font-size: 15px !important;
    }

    html body.intrigue-faq-modern .faq .collapsible {
        min-height: 60px;
        padding: 16px 54px 16px 16px !important;
        font-size: 14px !important;
    }

    html body.intrigue-faq-modern .faq .content {
        padding: 0 16px !important;
    }

    html body.intrigue-logout-modern .intrigue-logout-card {
        margin: 0 14px;
        padding: 40px 22px;
        border-radius: 18px;
    }

    html body.intrigue-logout-modern .intrigue-logout-card .page-title {
        font-size: 32px !important;
    }
}