/* Minification failed. Returning unminified contents.
(25,50): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(25,107): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(27,61): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(27,118): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(37,108): run-time error CSS1039: Token not allowed after unary operator: '-border-style'
(37,183): run-time error CSS1039: Token not allowed after unary operator: '-border-width'
(37,260): run-time error CSS1039: Token not allowed after unary operator: '-light2'
(71,137): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(79,140): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(95,82): run-time error CSS1039: Token not allowed after unary operator: '-dark3'
(107,110): run-time error CSS1039: Token not allowed after unary operator: '-white2'
(111,122): run-time error CSS1039: Token not allowed after unary operator: '-white3'
(123,124): run-time error CSS1039: Token not allowed after unary operator: '-green3'
(163,64): run-time error CSS1039: Token not allowed after unary operator: '-light1'
(198,76): run-time error CSS1039: Token not allowed after unary operator: '-title-font-family'
(206,66): run-time error CSS1039: Token not allowed after unary operator: '-button-text-color'
(206,143): run-time error CSS1039: Token not allowed after unary operator: '-dark2'
(206,201): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(214,108): run-time error CSS1039: Token not allowed after unary operator: '-light2'
(223,114): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(227,107): run-time error CSS1039: Token not allowed after unary operator: '-blue1'
(229,70): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(229,132): run-time error CSS1039: Token not allowed after unary operator: '-border-style'
(229,193): run-time error CSS1039: Token not allowed after unary operator: '-border-width'
(229,256): run-time error CSS1039: Token not allowed after unary operator: '-light2'
(229,325): run-time error CSS1039: Token not allowed after unary operator: '-light1'
(231,89): run-time error CSS1039: Token not allowed after unary operator: '-dark1'
(231,146): run-time error CSS1039: Token not allowed after unary operator: '-dark2'
(233,76): run-time error CSS1039: Token not allowed after unary operator: '-light1'
(235,82): run-time error CSS1039: Token not allowed after unary operator: '-blue2'
(237,61): run-time error CSS1039: Token not allowed after unary operator: '-dark1'
(239,70): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(251,98): run-time error CSS1039: Token not allowed after unary operator: '-dark1'
(251,141): run-time error CSS1039: Token not allowed after unary operator: '-light1'
(254,87): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(259,78): run-time error CSS1039: Token not allowed after unary operator: '-light1'
(261,95): run-time error CSS1039: Token not allowed after unary operator: '-dark2'
(261,159): run-time error CSS1039: Token not allowed after unary operator: '-border-width'
(261,228): run-time error CSS1039: Token not allowed after unary operator: '-border-style'
(267,94): run-time error CSS1039: Token not allowed after unary operator: '-dark2'
(269,97): run-time error CSS1039: Token not allowed after unary operator: '-border-width'
(269,172): run-time error CSS1039: Token not allowed after unary operator: '-border-style'
(269,251): run-time error CSS1039: Token not allowed after unary operator: '-dark2'
(285,131): run-time error CSS1039: Token not allowed after unary operator: '-light3'
(311,127): run-time error CSS1039: Token not allowed after unary operator: '-light3'
(316,144): run-time error CSS1039: Token not allowed after unary operator: '-border-width'
(316,213): run-time error CSS1039: Token not allowed after unary operator: '-border-style'
(316,286): run-time error CSS1039: Token not allowed after unary operator: '-dark2'
(330,129): run-time error CSS1039: Token not allowed after unary operator: '-dark2'
(332,98): run-time error CSS1039: Token not allowed after unary operator: '-dark1'
(383,78): run-time error CSS1039: Token not allowed after unary operator: '-dark1'
(383,121): run-time error CSS1039: Token not allowed after unary operator: '-light1'
(386,75): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
 */
/*
We declare all variables here as default so that they are easy to override...
*/
/* Border, shadows, ... */
/*
Variables that begin with $var- should NEVER be used directly in CSS rules.
they should only be included via the "@include var(property, var-name)"
mechanism.
*/
/* Border styles */
/* Cookie notice positioning */
/* Text colors */
/* Font Families */
/* White */
/* Differently shaded colors */
/*
Use @include var(property, varname) to include a variable, e.g.
  
    @include var(background-color, white1);

to create a white background.
*/
/* Spacing */
/* Breakpoints */
.klaro { font-family: inherit; font-family: var(--font-family, inherit); font-size: 14px; font-size: var(--font-size, 14px); }

    .klaro button { font-family: inherit; font-family: var(--font-family, inherit); font-size: 14px; font-size: var(--font-size, 14px); }

    .klaro.cm-as-context-notice { height: 100%; padding-bottom: 12px; padding-top: 12px; }

    .klaro .cookie-modal,
    .klaro .context-notice,
    .klaro .cookie-notice { z-index:2000 !important; }

        .klaro .cookie-modal .cm-switch-container,
        .klaro .context-notice .cm-switch-container,
        .klaro .cookie-notice .cm-switch-container { border-bottom-style: solid; border-bottom-style: var(--border-style, solid); border-bottom-width: 1px; border-bottom-width: var(--border-width, 1px); border-bottom-color: #c8c8c8; border-bottom-color: var(--light2, #c8c8c8); display: block; position: relative; padding: 10px; padding-left: 66px; line-height: 20px; vertical-align: middle; min-height: 40px; }

            .klaro .cookie-modal .cm-switch-container:last-child,
            .klaro .context-notice .cm-switch-container:last-child,
            .klaro .cookie-notice .cm-switch-container:last-child { border-bottom: 0; }

            .klaro .cookie-modal .cm-switch-container:first-child,
            .klaro .context-notice .cm-switch-container:first-child,
            .klaro .cookie-notice .cm-switch-container:first-child { margin-top: 0; }

            .klaro .cookie-modal .cm-switch-container p,
            .klaro .context-notice .cm-switch-container p,
            .klaro .cookie-notice .cm-switch-container p { margin-top: 0; }

        .klaro .cookie-modal .cm-switch,
        .klaro .context-notice .cm-switch,
        .klaro .cookie-notice .cm-switch { position: relative; display: inline-block; width: 50px; height: 30px; }

        .klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
        .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider,
        /*.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider { background-color: #1a936f; background-color: var(--green1, #1a936f); }*/
        .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider { background-color: #0275BB!important;  }

        .klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider,
        .klaro .context-notice .cm-list-input.half-checked:checked + .cm-list-label .slider,
        /*        .klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider { background-color: #1a936f; background-color: var(--green1, #1a936f); opacity: 0.6; }
*/ .klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider { background-color: #0275BB !important; opacity: 0.6; }

            .klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider::before,
            .klaro .context-notice .cm-list-input.half-checked:checked + .cm-list-label .slider::before,
            .klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider::before { -ms-transform: translateX(10px); transform: translateX(10px); }

        .klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider,
        .klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider,
        .klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider { background-color: #24cc9a; background-color: var(--green2, #24cc9a); opacity: 0.8; }

            .klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider::before,
            .klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider::before,
            .klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider::before { -ms-transform: translateX(10px); transform: translateX(10px); }

        .klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider,
        .klaro .context-notice .cm-list-input.required:checked + .cm-list-label .slider,
        .klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider { background-color: #24cc9a; background-color: var(--green2, #24cc9a); opacity: 0.8; cursor: not-allowed; }

        .klaro .cookie-modal .slider,
        .klaro .context-notice .slider,
        .klaro .cookie-notice .slider { box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19); }

        .klaro .cookie-modal .cm-list-input,
        .klaro .context-notice .cm-list-input,
        .klaro .cookie-notice .cm-list-input { position: absolute; top: 0; left: 0; opacity: 0; width: 50px; height: 30px; }

        .klaro .cookie-modal .cm-list-title,
        .klaro .context-notice .cm-list-title,
        .klaro .cookie-notice .cm-list-title { font-size: 0.9em; font-weight: 600; }

        .klaro .cookie-modal .cm-list-description,
        .klaro .context-notice .cm-list-description,
        .klaro .cookie-notice .cm-list-description { color: #7c7c7c; color: var(--dark3, #7c7c7c); font-size: 0.9em; padding-top: 4px; }

        .klaro .cookie-modal .cm-list-label,
        .klaro .context-notice .cm-list-label,
        .klaro .cookie-notice .cm-list-label { /* The slider */ /* Rounded sliders */ }

            .klaro .cookie-modal .cm-list-label .cm-switch,
            .klaro .context-notice .cm-list-label .cm-switch,
            .klaro .cookie-notice .cm-list-label .cm-switch { position: absolute; left: 0; }

            .klaro .cookie-modal .cm-list-label .slider,
            .klaro .context-notice .cm-list-label .slider,
            .klaro .cookie-notice .cm-list-label .slider { background-color: #f2f2f2; background-color: var(--white2, #f2f2f2); position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; transition: 0.4s; width: 50px; display: inline-block; }

                .klaro .cookie-modal .cm-list-label .slider::before,
                .klaro .context-notice .cm-list-label .slider::before,
                .klaro .cookie-notice .cm-list-label .slider::before { background-color: #e6e6e6; background-color: var(--white3, #e6e6e6); position: absolute; content: ''; height: 20px; width: 20px; left: 5px; bottom: 5px; transition: 0.4s; }

                .klaro .cookie-modal .cm-list-label .slider.round,
                .klaro .context-notice .cm-list-label .slider.round,
                .klaro .cookie-notice .cm-list-label .slider.round { border-radius: 30px; }

                    .klaro .cookie-modal .cm-list-label .slider.round::before,
                    .klaro .context-notice .cm-list-label .slider.round::before,
                    .klaro .cookie-notice .cm-list-label .slider.round::before { border-radius: 50%; }

            .klaro .cookie-modal .cm-list-label input:focus + .slider,
            .klaro .context-notice .cm-list-label input:focus + .slider,
            .klaro .cookie-notice .cm-list-label input:focus + .slider { box-shadow-color: #48dfb2; box-shadow-color: var(--green3, #48dfb2); box-shadow: 0 0 1px var(color, green3); }

            .klaro .cookie-modal .cm-list-label input:checked + .slider::before,
            .klaro .context-notice .cm-list-label input:checked + .slider::before,
            .klaro .cookie-notice .cm-list-label input:checked + .slider::before { -ms-transform: translateX(20px); transform: translateX(20px); }

        .klaro .cookie-modal .cm-list-input:focus + .cm-list-label .slider,
        .klaro .context-notice .cm-list-input:focus + .cm-list-label .slider,
        .klaro .cookie-notice .cm-list-input:focus + .cm-list-label .slider { box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19); }

        .klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider::before,
        .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider::before,
        .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider::before { -ms-transform: translateX(20px); transform: translateX(20px); }

        .klaro .cookie-modal .slider,
        .klaro .context-notice .slider,
        .klaro .cookie-notice .slider { box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19); }

        .klaro .cookie-modal a,
        .klaro .context-notice a,
        /*  .klaro .cookie-notice a { color: #1a936f; color: var(--green1, #1a936f); text-decoration: none; }*/
        .klaro .cookie-notice a { color: #0275BB !important; text-decoration: none; }

        .klaro .cookie-modal p,
        .klaro .cookie-modal strong,
        .klaro .cookie-modal h1,
        .klaro .cookie-modal h2,
        .klaro .cookie-modal ul,
        .klaro .cookie-modal li,
        .klaro .context-notice p,
        .klaro .context-notice strong,
        .klaro .context-notice h1,
        .klaro .context-notice h2,
        .klaro .context-notice ul,
        .klaro .context-notice li,
        .klaro .cookie-notice p,
        .klaro .cookie-notice strong,
        .klaro .cookie-notice h1,
        .klaro .cookie-notice h2,
        .klaro .cookie-notice ul,
        .klaro .cookie-notice li { color: #fafafa; color: var(--light1, #fafafa); }

        .klaro .cookie-modal p,
        .klaro .cookie-modal h1,
        .klaro .cookie-modal h2,
        .klaro .cookie-modal ul,
        .klaro .cookie-modal li,
        .klaro .context-notice p,
        .klaro .context-notice h1,
        .klaro .context-notice h2,
        .klaro .context-notice ul,
        .klaro .context-notice li,
        .klaro .cookie-notice p,
        .klaro .cookie-notice h1,
        .klaro .cookie-notice h2,
        .klaro .cookie-notice ul,
        .klaro .cookie-notice li { display: block; text-align: left; margin: 0; padding: 0; margin-top: 0.7em; }

        .klaro .cookie-modal h1,
        .klaro .cookie-modal h2,
        .klaro .cookie-modal h3,
        .klaro .cookie-modal h4,
        .klaro .cookie-modal h5,
        .klaro .cookie-modal h6,
        .klaro .context-notice h1,
        .klaro .context-notice h2,
        .klaro .context-notice h3,
        .klaro .context-notice h4,
        .klaro .context-notice h5,
        .klaro .context-notice h6,
        .klaro .cookie-notice h1,
        .klaro .cookie-notice h2,
        .klaro .cookie-notice h3,
        .klaro .cookie-notice h4,
        .klaro .cookie-notice h5,
        .klaro .cookie-notice h6 { font-family: inherit; font-family: var(--title-font-family, inherit); }

        .klaro .cookie-modal .cm-link,
        .klaro .context-notice .cm-link,
        .klaro .cookie-notice .cm-link { margin-right: 0.5em; vertical-align: middle; }

        .klaro .cookie-modal .cm-btn,
        .klaro .context-notice .cm-btn,
        .klaro .cookie-notice .cm-btn { color: #fff; color: var(--button-text-color, #fff); background-color: #5c5c5c; background-color: var(--dark2, #5c5c5c); border-radius: 4px; border-radius: var(--border-radius, 4px); padding: 6px 10px; margin-right: 0.5em; border-style: none; padding: 0.4em; font-size: 1em; cursor: pointer; }

            .klaro .cookie-modal .cm-btn:disabled,
            .klaro .context-notice .cm-btn:disabled,
            .klaro .cookie-notice .cm-btn:disabled { opacity: 0.5; }

            .klaro .cookie-modal .cm-btn.cm-btn-close,
            .klaro .context-notice .cm-btn.cm-btn-close,
            .klaro .cookie-notice .cm-btn.cm-btn-close { background-color: #c8c8c8; background-color: var(--light2, #c8c8c8); }

            .klaro .cookie-modal .cm-btn.cm-btn-success,
            .klaro .context-notice .cm-btn.cm-btn-success,
            /*    .klaro .cookie-notice .cm-btn.cm-btn-success { background-color: #1a936f; background-color: var(--green1, #1a936f); }*/
            .klaro .cookie-notice .cm-btn.cm-btn-success { background-color: #0275BB !important; }

            .klaro .cookie-modal .cm-btn.cm-btn-success-var,
            .klaro .context-notice .cm-btn.cm-btn-success-var,
            .klaro .cookie-notice .cm-btn.cm-btn-success-var { background-color: #24cc9a; background-color: var(--green2, #24cc9a); }

            .klaro .cookie-modal .cm-btn.cm-btn-info,
            .klaro .context-notice .cm-btn.cm-btn-info,
            .klaro .cookie-notice .cm-btn.cm-btn-info { background-color: #2581c4; background-color: var(--blue1, #2581c4); }

    .klaro .context-notice { border-radius: 4px; border-radius: var(--border-radius, 4px); border-style: solid; border-style: var(--border-style, solid); border-width: 1px; border-width: var(--border-width, 1px); border-color: #c8c8c8; border-color: var(--light2, #c8c8c8); background-color: #fafafa; background-color: var(--light1, #fafafa); display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; padding: 12px; height: 100%; }

        .klaro .context-notice.cm-dark { background-color: #333; background-color: var(--dark1, #333); border-color: #5c5c5c; border-color: var(--dark2, #5c5c5c); }

            .klaro .context-notice.cm-dark p { color: #fafafa; color: var(--light1, #fafafa); }

                .klaro .context-notice.cm-dark p a { color: #459cdc; color: var(--blue2, #459cdc); }

        .klaro .context-notice p { color: #333; color: var(--dark1, #333); flex-grow: 0; text-align: center; padding-top: 0; margin-top: 0; }

            .klaro .context-notice p a { color: #24cc9a; color: var(--green2, #24cc9a); }

            .klaro .context-notice p.cm-buttons { margin-top: 12px; }

    .klaro .cookie-modal { width: 100%; height: 100%; position: fixed; overflow: hidden; left: 0; top: 0; z-index: 1000; }

        .klaro .cookie-modal.cm-embedded { position: relative; height: inherit; width: inherit; left: inherit; right: inherit; z-index: 0; }

            .klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro { position: relative; -ms-transform: none; transform: none; }

        .klaro .cookie-modal .cm-bg { background: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; position: fixed; top: 0; left: 0; }

        .klaro .cookie-modal .cm-modal.cm-klaro { background-color: #333; background-color: var(--dark1, #333); color: #fafafa; color: var(--light1, #fafafa); z-index: 1001; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19); width: 100%; max-height: 98%; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); position: fixed; overflow: auto; }

@media (min-width: 660px) {
    .klaro .cookie-modal .cm-modal.cm-klaro { border-radius: 4px; border-radius: var(--border-radius, 4px); position: relative; margin: 0 auto; max-width: 640px; height: auto; width: auto; }
}

.klaro .cookie-modal .cm-modal .hide { border-style: none; background: none; cursor: pointer; position: absolute; top: 20px; right: 20px; z-index: 1; }

    .klaro .cookie-modal .cm-modal .hide svg { stroke: #fafafa; stroke: var(--light1, #fafafa); }

.klaro .cookie-modal .cm-modal .cm-footer { border-top-color: #5c5c5c; border-top-color: var(--dark2, #5c5c5c); border-top-width: 1px; border-top-width: var(--border-width, 1px); border-top-style: solid; border-top-style: var(--border-style, solid); padding: 1em; }

.klaro .cookie-modal .cm-modal .cm-footer-buttons { display: flex; flex-flow: row; justify-content: space-between; }

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by { font-size: 0.8em; padding-top: 4px; text-align: right; padding-right: 8px; }

    .klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a { color: #5c5c5c; color: var(--dark2, #5c5c5c); }

.klaro .cookie-modal .cm-modal .cm-header { border-bottom-width: 1px; border-bottom-width: var(--border-width, 1px); border-bottom-style: solid; border-bottom-style: var(--border-style, solid); border-bottom-color: #5c5c5c; border-bottom-color: var(--dark2, #5c5c5c); padding: 1em; padding-right: 24px; }

    .klaro .cookie-modal .cm-modal .cm-header h1 { margin: 0; font-size: 2em; display: block; }

        .klaro .cookie-modal .cm-modal .cm-header h1.title { padding-right: 20px; }

.klaro .cookie-modal .cm-modal .cm-body { padding: 1em; }

    .klaro .cookie-modal .cm-modal .cm-body ul { display: block; }

    .klaro .cookie-modal .cm-modal .cm-body span { display: inline-block; width: auto; }

    .klaro .cookie-modal .cm-modal .cm-body ul.cm-services,
    .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes { padding: 0; margin: 0; }

        .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-caret,
        .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-caret { color: #a0a0a0; color: var(--light3, #a0a0a0); }

        .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content,
        .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content { margin-left: -40px; display: none; }

            .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content.expanded,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content.expanded { margin-top: 10px; display: block; }

        .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service,
        .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose,
        .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service,
        .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose { position: relative; line-height: 20px; vertical-align: middle; padding-left: 60px; min-height: 40px; }

            .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service:first-child,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose:first-child,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service:first-child,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child { margin-top: 0; }

            .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p { margin-top: 0; }

                .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p.purposes,
                .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p.purposes,
                .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes,
                .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes { color: #a0a0a0; color: var(--light3, #a0a0a0); font-size: 0.8em; }

            .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service.cm-toggle-all,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose.cm-toggle-all,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service.cm-toggle-all,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all { border-top-width: 1px; border-top-width: var(--border-width, 1px); border-top-style: solid; border-top-style: var(--border-style, solid); border-top-color: #5c5c5c; border-top-color: var(--dark2, #5c5c5c); padding-top: 1em; }

            .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-list-title,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-list-title,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-list-title,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title { font-weight: 600; }

            .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-opt-out,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-required,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-opt-out,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-required,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-opt-out,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-required,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out,
            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required { color: #5c5c5c; color: var(--dark2, #5c5c5c); padding-left: 0.2em; font-size: 0.8em; }

.klaro .cookie-notice:not(.cookie-modal-notice) { background-color: #333; background-color: var(--dark1, #333); z-index: 999; position: fixed; width: 100%; bottom: 0; right: 0; border-radius:0px!important }

/*@media (min-width: 1024px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) { border-radius: 4px; border-radius: var(--border-radius, 4px); position: fixed; position: var(--notice-position, fixed); right: 20px; right: var(--notice-right, 20px); left: auto; left: var(--notice-left, auto); bottom: 20px; bottom: var(--notice-bottom, 20px); top: auto; top: var(--notice-top, auto); max-width: 400px; max-width: var(--notice-max-width, 400px); box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19); }
}*/

/*@media (max-width: 1023px) {
    
}*/

.klaro .cookie-notice:not(.cookie-modal-notice) { border-style: none; border-radius: 0; }

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded { position: relative; height: inherit; width: inherit; left: inherit; right: inherit; bottom: inherit; z-index: 0; }

    .klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body { padding-top: 0.5em; }

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body { margin-bottom: 0; margin-right: 0; bottom: 0; padding: 1em; padding-top: 0; }

    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p { margin-bottom: 0.5em; }

        .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes { text-decoration: underline; }

    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more { display: inline-block; flex-grow: 0!important; }

    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons { display: inline-block; margin-top: -0.5em; }

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn { margin-top: 0.5em;  width:auto!important}



@media (max-width: 767px) {

    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more { margin-top: -3px !important; width: 45% !important; text-align: center !important; border: 1px solid; padding-bottom: 5px; padding-top: 5px; margin-top: 0px; border-radius: 5px; }
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons { /*width: 100%;*/ width: 50%!important; }
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn { width: 100%!important; }
    .klaro .cookie-notice p { font-size: 14px; display: block !important; margin-bottom: 0px !important; text-align: center !important; }
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok { text-align:right; width:100%; margin-top: -0.5em; display: inline-block!important; }

@media (min-width: 767px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {width:auto; float:right;}
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn { width: 150px !important; }
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more { margin-right: 30px; padding-bottom: 5px;  }
    .klaro .cookie-notice p { display: inline-block !important; margin-bottom: 0px !important; }
}



.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a,
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div { margin-top: 0.5em; }
.klaro .cookie-modal-notice { background-color: #333; background-color: var(--dark1, #333); color: #fafafa; color: var(--light1, #fafafa); z-index: 1001; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19); width: 100%; max-height: 98%; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); position: fixed; overflow: auto; padding: 1em; padding-top: 0.2em; }

@media (min-width: 400px) {
    .klaro .cookie-modal-notice { border-radius: 4px; border-radius: var(--border-radius, 4px); position: relative; margin: 0 auto; max-width: 400px; height: auto; width: auto; }
}



.klaro .cookie-notice-hidden { display: none !important; }


.klaro .cookie-notice:not(.cookie-modal-notice) { max-width: 100% !important; right: 0 !important; bottom: 0 !important; }

.cm-powered-by {display:none!important;}


/* AuctionHQ public site: the brand design system. Used only by _LayoutAuctionHQ. */

/* ---------- base ---------- */

.ahq-body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #F4F6F8;
    color: #10243E;
    font-family: "Figtree", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
}

.ahq-body *, .ahq-body *::before, .ahq-body *::after {
    box-sizing: border-box;
}

.ahq-body a {
    color: #10243E;
}

.ahq-body a:hover {
    color: #C77D00;
}

.ahq-body select, .ahq-body input, .ahq-body button {
    font-family: inherit;
}

.ahq-main {
    flex: 1;
}

.ahq-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    width: 100%;
}

.ahq-eyebrow {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #C77D00;
}

.ahq-eyebrow--muted {
    color: #5B6878;
}

.ahq-h2 {
    margin: 0;
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: -.02em;
    line-height: 1.1;
    text-wrap: pretty;
}

/* ---------- buttons ---------- */

.ahq-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 44px;
    padding: 0 18px;
    border-radius: 10px;
    border: 0;
    font-weight: 700;
    font-size: 14.5px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.ahq-body .ahq-btn--navy {
    background: #10243E;
    color: #fff;
}

.ahq-body .ahq-btn--navy:hover {
    background: #0B1A2E;
    color: #fff;
}

.ahq-body .ahq-btn--amber {
    background: #F5A623;
    color: #10243E;
}

.ahq-body .ahq-btn--amber:hover {
    background: #E89A12;
    color: #10243E;
}

.ahq-body .ahq-btn--outline {
    background: transparent;
    border: 1px solid #10243E;
    color: #10243E;
}

.ahq-body .ahq-btn--outline:hover {
    background: #10243E;
    color: #fff;
}

.ahq-btn--block {
    display: flex;
    width: 100%;
    height: 46px;
}

.ahq-btn[disabled] {
    opacity: .7;
    cursor: default;
}

/* ---------- brand ---------- */

.ahq-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    flex: none;
}

.ahq-brand__mark {
    flex: none;
}

.ahq-brand__tile {
    fill: #10243E;
}

.ahq-brand__house {
    fill: #F5A623;
}

.ahq-brand--dark .ahq-brand__tile {
    fill: #F5A623;
}

.ahq-brand--dark .ahq-brand__house {
    fill: #10243E;
}

.ahq-brand__text {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.ahq-brand__name {
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-weight: 800;
    font-size: 22px;
    letter-spacing: -.035em;
    color: #10243E;
}

.ahq-brand__name span {
    color: #F5A623;
}

.ahq-brand__tagline {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #5B6878;
    margin-top: 3px;
}

.ahq-brand--dark .ahq-brand__name {
    color: #fff;
    font-size: 20px;
}

.ahq-brand--dark .ahq-brand__tagline {
    color: #7A879A;
}

/* ---------- header ---------- */

.ahq-header {
    background: #fff;
    border-bottom: 1px solid #E3E7EC;
    position: relative;
    z-index: 20;
}

.ahq-header__bar {
    height: 66px;
    display: flex;
    align-items: center;
    gap: 28px;
}

.ahq-header__menu {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 28px;
}

.ahq-nav {
    display: flex;
    gap: 22px;
    font-size: 14.5px;
    font-weight: 500;
    flex: 1;
}

.ahq-body .ahq-nav a {
    text-decoration: none;
}

.ahq-header__actions {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ahq-body .ahq-header__login {
    font-size: 14.5px;
    font-weight: 600;
    text-decoration: none;
}

.ahq-header__signup {
    height: 40px;
    padding: 0 16px;
    border-radius: 8px;
}

.ahq-header__toggle {
    display: none;
    margin-left: auto;
    width: 42px;
    height: 42px;
    border: 1px solid #E3E7EC;
    border-radius: 10px;
    background: #fff;
    color: #10243E;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

@media (max-width: 860px) {
    .ahq-header__bar {
        gap: 12px;
    }

    .ahq-header__toggle {
        display: inline-flex;
    }

    .ahq-header__menu {
        display: none;
        position: absolute;
        top: 66px;
        left: 0;
        right: 0;
        background: #fff;
        border-bottom: 1px solid #E3E7EC;
        box-shadow: 0 18px 30px rgba(16, 36, 62, .12);
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 8px 24px 20px;
    }

    .ahq-header--open .ahq-header__menu {
        display: flex;
    }

    .ahq-nav {
        flex-direction: column;
        gap: 0;
        font-size: 16px;
    }

    .ahq-nav a {
        padding: 12px 0;
        border-bottom: 1px solid #E3E7EC;
    }

    .ahq-header__actions {
        padding-top: 16px;
        justify-content: space-between;
    }
}

/* ---------- footer ---------- */

.ahq-footer {
    background: #0B1A2E;
    color: #C9D3E0;
    font-size: 13.5px;
}

.ahq-footer__inner {
    padding-top: 36px;
    padding-bottom: 36px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 18px 32px;
    align-items: center;
}

.ahq-footer__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
}

.ahq-body .ahq-footer__nav a {
    color: #C9D3E0;
    text-decoration: none;
}

.ahq-body .ahq-footer__nav a:hover {
    color: #F5A623;
}

.ahq-footer__legal {
    color: #7A879A;
    grid-column: 1 / -1;
}

@media (max-width: 640px) {
    .ahq-footer__inner {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ---------- ticks ---------- */

.ahq-ticks {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ahq-tick {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 15px;
    line-height: 1.5;
}

.ahq-tick__mark {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #FFF3DB;
    color: #C77D00;
    display: grid;
    place-items: center;
    font-size: 11px;
    font-weight: 800;
    flex: none;
    margin-top: 3px;
}

/* ---------- home: hero ---------- */

.ahq-hero {
    background: #10243E;
    color: #fff;
    position: relative;
}

.ahq-hero__backdrop {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.ahq-hero__backdrop::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px);
    background-size: 28px 28px;
    -webkit-mask-image: linear-gradient(to left, #000, transparent 65%);
    mask-image: linear-gradient(to left, #000, transparent 65%);
}

.ahq-hero__backdrop::after {
    content: "";
    position: absolute;
    right: -10%;
    top: -30%;
    width: 70%;
    height: 140%;
    background: radial-gradient(closest-side, rgba(86, 130, 190, .18), transparent);
}

.ahq-hero__inner {
    position: relative;
    padding-top: 76px;
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.ahq-hero__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 64px;
    align-items: center;
}

.ahq-hero__copy {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ahq-pill {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 4px 14px 4px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    font-size: 13px;
    color: #C9D3E0;
}

.ahq-pill strong {
    color: #fff;
    font-weight: 700;
}

.ahq-pill__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #1E8E5A;
    box-shadow: 0 0 0 3px rgba(30, 142, 90, .3);
    flex: none;
}

.ahq-hero__title {
    margin: 0;
    max-width: 560px;
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-weight: 600;
    font-size: clamp(34px, 3.8vw, 50px);
    line-height: 1.08;
    letter-spacing: -.022em;
    text-wrap: balance;
}

.ahq-hero__title span {
    color: #F5A623;
}

.ahq-hero__lead {
    margin: 0;
    font-size: 17px;
    line-height: 1.6;
    color: #B8C4D3;
    max-width: 480px;
    text-wrap: pretty;
}

.ahq-hero__points {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 10px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    max-width: 500px;
}

.ahq-hero__point {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.ahq-hero__point-mark {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(245, 166, 35, .14);
    color: #F5A623;
    display: grid;
    place-items: center;
    font-size: 10px;
    font-weight: 700;
    flex: none;
    margin-top: 2px;
}

.ahq-hero__point-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ahq-hero__point-text strong {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}

.ahq-hero__point-text span {
    font-size: 14px;
    color: #9FAEC0;
    line-height: 1.45;
}

.ahq-hero__signup {
    position: relative;
    max-width: 440px;
    width: 100%;
    justify-self: end;
}

.ahq-hq-badge {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #10243E;
    color: #F5A623;
    display: grid;
    place-items: center;
    font-size: 11px;
    font-weight: 800;
    flex: none;
}

/* ---------- sign-up card ---------- */

.ahq-signup {
    position: relative;
    background: #fff;
    border-radius: 18px;
    padding: 34px 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: #10243E;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
}

.ahq-signup__title {
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.15;
}

.ahq-signup__subtitle {
    font-size: 14px;
    color: #5B6878;
    margin-top: -6px;
}

.ahq-body .ahq-google {
    height: 48px;
    border: 1px solid #D5DBE3;
    border-radius: 10px;
    background: #fff;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #10243E;
    text-decoration: none;
}

.ahq-body .ahq-google:hover {
    border-color: #10243E;
    color: #10243E;
}

.ahq-divider {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #9AA5B4;
    font-size: 12px;
}

.ahq-divider::before, .ahq-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #E3E7EC;
}

.ahq-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ahq-input {
    height: 46px;
    width: 100%;
    border: 1px solid #D5DBE3;
    border-radius: 10px;
    padding: 0 14px;
    font-size: 15px;
    color: #10243E;
    background: #fff;
}

.ahq-input:focus {
    outline: none;
    border-color: #10243E;
    box-shadow: 0 0 0 3px rgba(16, 36, 62, .12);
}

.ahq-input.input-validation-error {
    border-color: #C0392B;
}

.ahq-body .field-validation-error {
    font-size: 12.5px;
    color: #C0392B;
}

.ahq-body .field-validation-valid {
    display: none;
}

.ahq-check {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    color: #5B6878;
    line-height: 1.4;
}

.ahq-check input {
    margin: 2px 0 0;
    width: 16px;
    height: 16px;
    accent-color: #10243E;
    flex: none;
}

.ahq-body .ahq-check a {
    color: #5B6878;
}

.ahq-signup__submit {
    height: 52px;
    border-radius: 10px;
    font-size: 16px;
    margin-top: 2px;
    box-shadow: 0 6px 16px rgba(245, 166, 35, .35);
}

/* hidden with an inline style so jQuery show() falls back to this inline-block */
.ahq-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(16, 36, 62, .3);
    border-top-color: #10243E;
    border-radius: 50%;
    animation: ahq-spin .7s linear infinite;
}

@keyframes ahq-spin {
    to {
        transform: rotate(360deg);
    }
}

.ahq-signup__note {
    font-size: 12px;
    color: #5B6878;
    text-align: center;
}

.ahq-body .ahq-signup__note a {
    color: #5B6878;
}

/* ---------- home: stats bar ---------- */

.ahq-stats {
    position: relative;
    z-index: 1;
    margin-bottom: -52px;
    background: #fff;
    color: #10243E;
    border: 1px solid #E3E7EC;
    border-radius: 18px;
    box-shadow: 0 18px 44px rgba(16, 36, 62, .14);
    padding: 22px 8px 22px 26px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 0;
    align-items: center;
}

.ahq-stats__intro {
    flex: 1 1 150px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-right: 22px;
}

.ahq-stats__intro span:last-child {
    font-size: 13.5px;
    color: #5B6878;
    line-height: 1.35;
}

.ahq-stat {
    flex: 1 1 130px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px 22px;
    border-left: 1px solid #E3E7EC;
}

.ahq-stat__value {
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-weight: 800;
    font-size: 32px;
    letter-spacing: -.03em;
    line-height: 1.05;
}

.ahq-stat__label {
    font-size: 13.5px;
    font-weight: 600;
    color: #5B6878;
}

.ahq-stats__spacer {
    height: 76px;
    background: #fff;
}

/* ---------- home: feature rows ---------- */

.ahq-features {
    background: #fff;
}

.ahq-feature {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 48px;
    align-items: center;
    padding: 56px 0;
    border-bottom: 1px solid #E3E7EC;
}

.ahq-feature__copy {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ahq-feature__copy .ahq-btn {
    align-self: flex-start;
    margin-top: 6px;
}

.ahq-feature__note {
    font-size: 13px;
    color: #5B6878;
    line-height: 1.5;
}

.ahq-feature--reverse .ahq-feature__copy {
    order: 2;
}

.ahq-feature--reverse .ahq-mock {
    order: 1;
}

/* ---------- mockups ---------- */

.ahq-mock {
    position: relative;
}

.ahq-mock::before {
    content: "";
    position: absolute;
    inset: 8% -4% -6% 10%;
    border-radius: 20px;
    background: #E8ECF0;
}

.ahq-mock__window {
    position: relative;
    background: #fff;
    border: 1px solid #E3E7EC;
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(16, 36, 62, .16);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.ahq-mock__chrome {
    height: 34px;
    background: #F4F6F8;
    border-bottom: 1px solid #E3E7EC;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
}

.ahq-mock__chrome i {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #D5DBE3;
}

.ahq-mock__url {
    margin-left: 10px;
    flex: 1;
    height: 18px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #E3E7EC;
    font-size: 10px;
    color: #9AA5B4;
    display: flex;
    align-items: center;
    padding: 0 8px;
    overflow: hidden;
    white-space: nowrap;
}

.ahq-mock__body {
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #F4F6F8;
}

.ahq-mock__chips {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.ahq-mock__chip {
    font-size: 10px;
    font-weight: 600;
    padding: 4px 9px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #D5DBE3;
}

.ahq-mock__chip--on {
    background: #10243E;
    border-color: #10243E;
    color: #fff;
}

.ahq-mock__count {
    font-size: 10.5px;
    color: #5B6878;
}

.ahq-mock__lot {
    background: #fff;
    border: 1px solid #E3E7EC;
    border-radius: 10px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
}

.ahq-mock__photo {
    background: #C8D0DA center / cover no-repeat;
    position: relative;
    min-height: 78px;
}

.ahq-mock__tag {
    position: absolute;
    top: 6px;
    left: 6px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 2px 5px;
    border-radius: 4px;
    background: #EEF1F4;
    color: #5B6878;
}

.ahq-mock__tag--premier {
    background: #FFF3DB;
    color: #8A5A00;
}

.ahq-mock__lot-text {
    padding: 9px 11px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.ahq-mock__date {
    font-size: 10px;
    font-weight: 700;
    color: #C77D00;
}

.ahq-mock__title {
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ahq-mock__meta {
    font-size: 10.5px;
    color: #5B6878;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ahq-mock__lock {
    align-self: flex-start;
    font-size: 9px;
    font-weight: 700;
    color: #8A5A00;
    background: #FFF3DB;
    padding: 2px 6px;
    border-radius: 4px;
    margin-top: 2px;
}

.ahq-mock__areas {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-bottom: 1px solid #E3E7EC;
}

.ahq-mock__area {
    font-size: 10px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 999px;
    background: #FFF3DB;
    color: #8A5A00;
}

.ahq-mock__area--add {
    background: transparent;
    border: 1px dashed #D5DBE3;
    color: #5B6878;
}

.ahq-mock__email {
    background: #fff;
    border: 1px solid #E3E7EC;
    border-radius: 10px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ahq-mock__email-head {
    display: flex;
    gap: 8px;
    align-items: center;
}

.ahq-mock__email-head .ahq-hq-badge {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    font-size: 10px;
}

.ahq-mock__email-from {
    display: flex;
    flex-direction: column;
    min-width: 0;
    font-size: 11.5px;
    font-weight: 700;
}

.ahq-mock__email-from span {
    font-size: 10px;
    font-weight: 400;
    color: #5B6878;
}

.ahq-mock__email-when {
    margin-left: auto;
    font-size: 10px;
    color: #9AA5B4;
}

.ahq-mock__email-subject {
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.3;
}

.ahq-mock__email-lines {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 11px;
    line-height: 1.35;
}

.ahq-mock__email-lines > span {
    display: flex;
    gap: 8px;
}

.ahq-mock__email-lines b {
    width: 46px;
    font-weight: 700;
    color: #C77D00;
    flex: none;
}

.ahq-mock__email-cta {
    align-self: flex-start;
    font-size: 10.5px;
    font-weight: 700;
    background: #F5A623;
    color: #10243E;
    padding: 6px 10px;
    border-radius: 6px;
}

.ahq-mock__report-head {
    padding: 14px 16px;
    border-bottom: 1px solid #E3E7EC;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.ahq-mock__report-head > span {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 13px;
    font-weight: 700;
}

.ahq-mock__report-head small {
    font-size: 10px;
    font-weight: 400;
    color: #5B6878;
}

.ahq-mock__report-head .ahq-eyebrow {
    font-size: 10px;
}

.ahq-mock__members {
    font-size: 9.5px;
    font-weight: 700;
    background: #E6F4EC;
    color: #1E8E5A;
    padding: 4px 7px;
    border-radius: 5px;
}

.ahq-mock__report-body {
    padding: 4px 16px 14px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 20px;
}

.ahq-mock__row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 11px;
    padding: 7px 0;
    border-bottom: 1px solid #EEF1F4;
}

.ahq-mock__row span {
    color: #5B6878;
}

.ahq-mock__sales {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 8px;
    font-size: 10px;
    color: #5B6878;
}

.ahq-mock__sales > b {
    font-weight: 700;
}

.ahq-mock__bars {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    height: 70px;
}

.ahq-mock__bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex: 1;
    font-size: 8.5px;
    white-space: nowrap;
}

.ahq-mock__bar i {
    display: block;
    width: 100%;
    border-radius: 4px 4px 0 0;
    background: #D5DBE3;
}

.ahq-mock__bar--this i {
    background: #F5A623;
}

.ahq-mock__sales strong {
    color: #10243E;
}

.ahq-mock__foot {
    background: #F4F6F8;
    padding: 10px 16px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 10.5px;
}

/* ---------- home: packages ---------- */

.ahq-packages {
    padding-top: 64px;
    padding-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ahq-packages__head {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 640px;
}

.ahq-packages__head .ahq-h2 {
    font-size: 32px;
}

.ahq-packages__head p {
    margin: 0;
    font-size: 15.5px;
    color: #5B6878;
    line-height: 1.55;
}

.ahq-packages__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
    gap: 18px;
}

.ahq-package {
    background: #fff;
    border: 1px solid #E3E7EC;
    border-radius: 20px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ahq-package__price {
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
}

.ahq-package__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 14.5px;
    line-height: 1.45;
}

.ahq-package__list > span {
    display: flex;
    gap: 10px;
}

.ahq-package__yes {
    color: #1E8E5A;
    font-weight: 800;
}

.ahq-package__no {
    color: #9AA5B4;
}

.ahq-package .ahq-btn {
    margin-top: auto;
}

.ahq-package--paid {
    background: #10243E;
    border-color: #10243E;
    color: #fff;
}

.ahq-package--paid .ahq-eyebrow {
    color: #F5A623;
}

.ahq-package__from {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
}

.ahq-package__from span {
    color: #C9D3E0;
    font-size: 14px;
}

.ahq-package__features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 14px;
}

.ahq-package__features > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ahq-package__features strong {
    font-size: 15px;
}

.ahq-package__features span {
    font-size: 13.5px;
    color: #C9D3E0;
    line-height: 1.45;
}

.ahq-package__chips {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 13px;
    margin-top: 4px;
}

.ahq-package__chip {
    background: rgba(255, 255, 255, .08);
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 8px 12px;
}

.ahq-package__chip--popular {
    border-color: #F5A623;
}

/* ---------- home: call to action, provinces ---------- */

.ahq-cta-wrap {
    padding-top: 24px;
}

.ahq-cta {
    background: #F5A623;
    border-radius: 20px;
    padding: 44px 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
}

.ahq-cta__copy {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 640px;
}

.ahq-cta__copy .ahq-h2 {
    font-weight: 800;
    letter-spacing: -.03em;
}

.ahq-cta__copy span {
    font-size: 15px;
    font-style: italic;
}

.ahq-cta .ahq-btn {
    height: 50px;
    padding: 0 24px;
    font-size: 15.5px;
}

.ahq-provinces {
    padding-top: 48px;
    padding-bottom: 72px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ahq-provinces__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    font-size: 14px;
}

.ahq-body .ahq-provinces__list a {
    font-weight: 600;
    text-decoration: none;
}

/* ---------- home: small screens ---------- */

@media (max-width: 900px) {
    .ahq-hero__inner {
        padding-top: 48px;
        gap: 48px;
    }

    .ahq-hero__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 56px;
    }

    .ahq-hero__signup {
        justify-self: stretch;
        max-width: none;
    }

    .ahq-feature, .ahq-packages__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .ahq-feature {
        gap: 32px;
        padding: 44px 0;
    }

    .ahq-feature--reverse .ahq-feature__copy, .ahq-feature--reverse .ahq-mock {
        order: 0;
    }
}

@media (max-width: 640px) {
    .ahq-container {
        padding: 0 16px;
    }

    .ahq-hero__title {
        font-size: 32px;
    }

    .ahq-signup {
        padding: 34px 18px 20px;
    }

    .ahq-stats {
        padding: 18px;
    }

    .ahq-stats__intro {
        flex-basis: 100%;
        padding-right: 0;
    }

    .ahq-stat {
        flex: 1 1 45%;
        padding: 4px 14px;
    }

    .ahq-stat:nth-child(even) {
        border-left: 0;
        padding-left: 0;
    }

    .ahq-package {
        padding: 24px;
    }

    .ahq-cta {
        padding: 32px 24px;
    }

    .ahq-mock__report-body {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ---------- browse pages ---------- */

.ahq-place-head {
    background: #fff;
    border-bottom: 1px solid #E3E7EC;
}

.ahq-place-head__inner {
    padding-top: 18px;
    padding-bottom: 36px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.ahq-crumbs {
    font-size: 13px;
    color: #5B6878;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.ahq-body .ahq-crumbs a {
    color: #5B6878;
    text-decoration: none;
}

.ahq-body .ahq-crumbs a:hover {
    color: #C77D00;
}

.ahq-crumbs__current {
    color: #10243E;
    font-weight: 600;
}

.ahq-place-head__copy {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ahq-place-head__title {
    margin: 0;
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-weight: 800;
    font-size: clamp(30px, 3.8vw, 46px);
    letter-spacing: -.03em;
    line-height: 1.05;
}

.ahq-place-head__intro {
    margin: 0;
    font-size: 16px;
    color: #5B6878;
    max-width: 720px;
    line-height: 1.5;
    text-wrap: pretty;
}

.ahq-place-head__children {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ahq-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ahq-body .ahq-chip {
    font-size: 13.5px;
    font-weight: 600;
    padding: 7px 12px;
    border-radius: 999px;
    background: #EEF2F6;
    color: #10243E;
    text-decoration: none;
}

.ahq-body .ahq-chip:hover {
    background: #FFF3DB;
    color: #10243E;
}

.ahq-place-grid {
    padding-top: 28px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 36px;
    align-items: start;
}

.ahq-place-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}

.ahq-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.ahq-body .ahq-filter {
    height: 34px;
    padding: 0 13px;
    border-radius: 999px;
    font-size: 13.5px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    border: 1px solid #D5DBE3;
    background: #fff;
    color: #10243E;
    text-decoration: none;
}

.ahq-body .ahq-filter:hover {
    border-color: #10243E;
    color: #10243E;
}

.ahq-body .ahq-filter--on, .ahq-body .ahq-filter--on:hover {
    border-color: #10243E;
    background: #10243E;
    color: #fff;
}

.ahq-filters__divider {
    width: 1px;
    height: 22px;
    background: #D5DBE3;
    margin: 0 4px;
}

.ahq-place-list__count {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
    font-size: 14px;
    color: #5B6878;
}

.ahq-place-list__count strong {
    color: #10243E;
}

.ahq-place-list__sort {
    font-size: 12.5px;
    color: #9AA5B4;
}

.ahq-lots {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ahq-badge {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 3px 7px;
    border-radius: 5px;
    white-space: nowrap;
}

.ahq-badge--open {
    background: #E6F4EC;
    color: #1E8E5A;
}

.ahq-badge--early {
    background: #FFF3DB;
    color: #8A5A00;
}

.ahq-body .ahq-lot-row {
    text-decoration: none;
    color: #10243E;
    background: #fff;
    border: 1px solid #E3E7EC;
    border-radius: 12px;
    padding: 14px 16px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
}

.ahq-body .ahq-lot-row:hover {
    border-color: #C8D0DA;
    color: #10243E;
}

.ahq-lot-row__date {
    width: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #F4F6F8;
    padding: 8px 4px;
    text-align: center;
}

.ahq-lot-row__date span {
    font-size: 11px;
    font-weight: 700;
    color: #5B6878;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.ahq-lot-row__date strong {
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-weight: 800;
    font-size: 22px;
    line-height: 1;
}

.ahq-lot-row__text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ahq-lot-row__head {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.ahq-lot-row__title {
    font-weight: 700;
    font-size: 15.5px;
}

.ahq-lot-row__meta {
    font-size: 13.5px;
    color: #5B6878;
}

.ahq-lot-row__lock {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 700;
    color: #8A5A00;
    background: #FFF3DB;
    padding: 5px 9px;
    border-radius: 6px;
    white-space: nowrap;
}

.ahq-body .ahq-lot-card {
    text-decoration: none;
    color: #10243E;
    background: #fff;
    border: 1px solid #E3E7EC;
    border-radius: 14px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
}

.ahq-body .ahq-lot-card:hover {
    box-shadow: 0 8px 28px rgba(16, 36, 62, .12);
    color: #10243E;
}

.ahq-lot-card__photo {
    background: linear-gradient(135deg, #DDE3EA, #C8D0DA);
    display: grid;
    place-items: center;
    position: relative;
    min-height: 170px;
    overflow: hidden;
}

.ahq-lot-card__photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ahq-lot-card__placeholder {
    font-size: 12px;
    color: #5B6878;
    font-weight: 600;
    padding: 0 16px;
    text-align: center;
}

.ahq-lot-card__badge {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 4px 8px;
    border-radius: 6px;
}

.ahq-lot-card__body {
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ahq-lot-card__top {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12px;
    color: #5B6878;
}

.ahq-lot-card__date {
    font-size: 13px;
    font-weight: 700;
    color: #C77D00;
}

.ahq-lot-card__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    text-wrap: pretty;
}

.ahq-lot-card__meta {
    font-size: 13.5px;
    color: #5B6878;
}

.ahq-lot-card__foot {
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid #EEF1F4;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ahq-lot-card__auctioneer {
    font-size: 13px;
    font-weight: 600;
}

.ahq-lot-card__venue {
    margin-left: auto;
    font-size: 12px;
    color: #5B6878;
}

.ahq-initials {
    width: 26px;
    height: 26px;
    border-radius: 7px;
    background: #0B1A2E;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 9px;
    font-weight: 800;
    flex: none;
}

.ahq-initials--large {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #10243E;
    font-size: 12px;
}

.ahq-lots__empty {
    background: #fff;
    border: 1px dashed #D5DBE3;
    border-radius: 12px;
    padding: 28px;
    text-align: center;
    color: #5B6878;
    font-size: 14.5px;
}

.ahq-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    font-size: 14px;
    color: #5B6878;
}

.ahq-place-aside {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.ahq-alert-box {
    background: #10243E;
    color: #fff;
    border-radius: 16px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ahq-alert-box__eyebrow {
    color: #F5A623;
}

.ahq-alert-box__title {
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    font-size: 21px;
    letter-spacing: -.02em;
    line-height: 1.15;
}

.ahq-alert-box__text {
    font-size: 13.5px;
    color: #C9D3E0;
    line-height: 1.5;
}

.ahq-body .ahq-alert-box__google {
    height: 44px;
    font-size: 14px;
    border-color: rgba(255, 255, 255, .3);
}

.ahq-side-box {
    background: #fff;
    border: 1px solid #E3E7EC;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ahq-side-box__auctioneer {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
}

.ahq-side-box__name {
    display: flex;
    flex-direction: column;
}

.ahq-side-box__name span:last-child {
    font-size: 12px;
    color: #5B6878;
    font-weight: 500;
}

.ahq-side-box__note {
    font-size: 12.5px;
    color: #5B6878;
    line-height: 1.45;
    padding-top: 6px;
    border-top: 1px solid #EEF1F4;
}

.ahq-side-box__note--alone {
    padding-top: 0;
    border-top: 0;
}

.ahq-place-faq {
    padding-top: 56px;
    padding-bottom: 72px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ahq-place-faq > * {
    max-width: 844px;
}

.ahq-place-faq .ahq-h2 {
    font-size: 26px;
    margin-bottom: 6px;
}

.ahq-faq {
    background: #fff;
    border: 1px solid #E3E7EC;
    border-radius: 12px;
    padding: 0 18px;
}

.ahq-faq summary {
    cursor: pointer;
    padding: 16px 0;
    font-weight: 700;
    font-size: 15.5px;
    list-style: none;
}

.ahq-faq summary::-webkit-details-marker {
    display: none;
}

.ahq-faq p {
    margin: 0;
    padding: 0 0 16px;
    font-size: 14.5px;
    line-height: 1.6;
    color: #5B6878;
    text-wrap: pretty;
}

@media (max-width: 960px) {
    .ahq-place-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 640px) {
    .ahq-body .ahq-lot-card {
        grid-template-columns: minmax(0, 1fr);
    }

    .ahq-body .ahq-lot-row {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .ahq-lot-row__lock {
        grid-column: 2;
        justify-self: start;
    }
}
/* ---------- lot page ---------- */

.ahq-lot__crumbs {
    padding-top: 18px;
}

.ahq-early-banner {
    margin-top: 16px;
    background: #FFF3DB;
    border: 1px solid #F3D9A4;
    border-radius: 12px;
    padding: 14px 18px;
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
}

.ahq-early-banner__icon {
    color: #8A5A00;
    display: inline-flex;
}

.ahq-early-banner__icon svg {
    width: 18px;
    height: 18px;
}

.ahq-early-banner__text {
    flex: 1;
    min-width: 240px;
}

.ahq-body .ahq-early-banner .ahq-btn {
    height: 38px;
    font-size: 14px;
    white-space: nowrap;
}

.ahq-lot {
    padding-top: 20px;
    padding-bottom: 72px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 36px;
    align-items: start;
}

.ahq-lot__main {
    display: flex;
    flex-direction: column;
    gap: 28px;
    min-width: 0;
}

.ahq-lot__head {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ahq-lot__meta {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    font-size: 13px;
    color: #5B6878;
}

.ahq-lot__title {
    margin: 0;
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    font-size: clamp(28px, 3.4vw, 40px);
    letter-spacing: -.025em;
    line-height: 1.1;
    text-wrap: pretty;
}

.ahq-lot__address {
    font-size: 15px;
    color: #5B6878;
}

.ahq-gallery {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 200px 200px;
    gap: 8px;
    border-radius: 16px;
    overflow: hidden;
}

.ahq-gallery__item {
    position: relative;
    background: #DDE3EA;
    overflow: hidden;
}

.ahq-gallery__item:first-child {
    grid-row: 1 / 3;
}

.ahq-gallery__item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ahq-gallery--1 {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 408px;
}

.ahq-gallery--1 .ahq-gallery__item:first-child {
    grid-row: auto;
}

.ahq-gallery--2 {
    grid-template-columns: 2fr 1fr;
}

.ahq-gallery--2 .ahq-gallery__item:last-child {
    grid-row: 1 / 3;
}

.ahq-gallery--3 {
    grid-template-columns: 2fr 1fr;
}

.ahq-gallery--4 .ahq-gallery__item:last-child {
    grid-column: 2 / 4;
}

.ahq-gallery__more {
    position: absolute;
    inset: 0;
    background: rgba(16, 36, 62, .72);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 14px;
    font-weight: 700;
}

.ahq-locked-photos {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    min-height: 320px;
    background: linear-gradient(135deg, #1B3354, #10243E);
    display: grid;
    place-items: center;
    color: #fff;
    text-align: center;
    padding: 32px 24px;
}

.ahq-locked-photos__inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    max-width: 400px;
}

.ahq-locked-photos__icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(245, 166, 35, .16);
    color: #F5A623;
    display: grid;
    place-items: center;
}

.ahq-locked-photos__icon svg {
    width: 18px;
    height: 18px;
}

.ahq-locked-photos__inner strong {
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-weight: 600;
    font-size: 21px;
    letter-spacing: -.015em;
}

.ahq-locked-photos__inner > span:not(.ahq-locked-photos__icon) {
    font-size: 14px;
    color: #C9D3E0;
    line-height: 1.5;
}

.ahq-locked-photos__inner .ahq-btn {
    margin-top: 6px;
}

.ahq-body .ahq-locked-photos__signup {
    font-size: 13px;
    color: #fff;
}

.ahq-body .ahq-locked-photos__signup:hover {
    color: #F5A623;
}

.ahq-facts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
}

.ahq-fact {
    background: #fff;
    border: 1px solid #E3E7EC;
    border-radius: 12px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ahq-fact > span {
    font-size: 12px;
    color: #5B6878;
}

.ahq-fact strong {
    font-size: 15px;
}

.ahq-fact__locked {
    color: #8A5A00;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.ahq-lot__section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ahq-lot__h2 {
    margin: 0;
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -.02em;
}

.ahq-lot__description {
    margin: 0;
    font-size: 15.5px;
    line-height: 1.65;
    text-wrap: pretty;
}

.ahq-sale-box__list {
    margin: 0;
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 8px 20px;
    font-size: 14px;
}

.ahq-sale-box__list dt {
    color: #5B6878;
}

.ahq-sale-box__list dd {
    margin: 0;
    font-weight: 600;
}

.ahq-sale-box__note {
    font-size: 12.5px;
    color: #9AA5B4;
}

.ahq-upsell {
    background: #FFF3DB;
    border: 1px solid #F3D9A4;
    border-radius: 16px;
    padding: 22px 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.ahq-upsell__copy {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 360px;
    min-width: 0;
}

.ahq-upsell__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #8A5A00;
}

.ahq-upsell__title {
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -.015em;
}

.ahq-upsell__text {
    font-size: 14px;
    color: #5B6878;
    line-height: 1.5;
}

.ahq-similar {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 14px;
}

.ahq-body .ahq-similar__card {
    text-decoration: none;
    color: #10243E;
    background: #fff;
    border: 1px solid #E3E7EC;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.ahq-body .ahq-similar__card:hover {
    box-shadow: 0 8px 28px rgba(16, 36, 62, .12);
    color: #10243E;
}

.ahq-similar__photo {
    position: relative;
    padding-top: 56.25%;
    background: linear-gradient(135deg, #DDE3EA, #C8D0DA);
    overflow: hidden;
}

.ahq-similar__photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ahq-similar__photo span {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: 12px;
    color: #5B6878;
    font-weight: 600;
}

.ahq-similar__body {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ahq-similar__title {
    font-weight: 700;
    font-size: 14.5px;
    line-height: 1.3;
}

.ahq-similar__meta {
    font-size: 12.5px;
    color: #5B6878;
}

.ahq-lot__aside {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: sticky;
    top: 20px;
}

.ahq-auction-box {
    gap: 14px;
}

.ahq-auction-box__when {
    display: flex;
    gap: 14px;
    align-items: center;
}

.ahq-auction-box__date {
    width: 62px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .1);
    padding: 8px 4px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex: none;
}

.ahq-auction-box__date span {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #C9D3E0;
}

.ahq-auction-box__date strong {
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-weight: 800;
    font-size: 26px;
    line-height: 1;
}

.ahq-auction-box__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ahq-auction-box__text strong {
    font-size: 16.5px;
}

.ahq-auction-box__text span, .ahq-auction-box__venue {
    font-size: 14px;
    color: #C9D3E0;
    line-height: 1.5;
}

.ahq-auction-box__venue strong {
    color: #fff;
}

.ahq-body .ahq-btn--ghost {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .3);
    font-weight: 600;
}

.ahq-body .ahq-btn--ghost:hover {
    border-color: #fff;
    color: #fff;
}

.ahq-held-by__head {
    display: flex;
    gap: 12px;
    align-items: center;
}

.ahq-initials--xl {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    font-size: 14px;
}

.ahq-held-by__head .ahq-side-box__name strong {
    font-size: 15.5px;
}

.ahq-held-by__contact {
    font-size: 13.5px;
    word-break: break-word;
}

.ahq-lot__alert-title {
    font-size: 15px;
}

.ahq-lot__alert-text {
    font-size: 13px;
    color: #5B6878;
    line-height: 1.5;
}

@media (max-width: 960px) {
    .ahq-lot {
        grid-template-columns: minmax(0, 1fr);
    }

    .ahq-lot__aside {
        position: static;
    }
}

@media (max-width: 640px) {
    .ahq-gallery, .ahq-gallery--2, .ahq-gallery--3 {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: 260px;
    }

    .ahq-gallery__item:not(:first-child) {
        display: none;
    }

    .ahq-gallery__item:first-child {
        grid-row: auto;
    }
}

/* ---------- auctioneer pages ---------- */

.ahq-body .ahq-side-box__auctioneer {
    text-decoration: none;
    color: #10243E;
}

.ahq-body .ahq-side-box__auctioneer:hover {
    color: #C77D00;
}

.ahq-logo {
    width: 52px;
    height: 52px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #E3E7EC;
    display: grid;
    place-items: center;
    padding: 6px;
    overflow: hidden;
    flex: none;
}

.ahq-logo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.ahq-logo--sm {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    padding: 3px;
}

.ahq-logo--xl {
    width: 120px;
    height: 120px;
    border-radius: 18px;
    padding: 14px;
}

.ahq-logo--badge {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 10px;
    padding: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}

.ahq-initials--hero {
    width: 120px;
    height: 120px;
    border-radius: 18px;
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-size: 34px;
    letter-spacing: -.02em;
}

.ahq-profile {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 40px;
    align-items: start;
}

.ahq-profile--wide {
    grid-template-columns: minmax(0, 1fr);
}

.ahq-profile__main {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.ahq-profile__id {
    display: flex;
    gap: 22px;
    align-items: center;
    flex-wrap: wrap;
}

.ahq-profile__titles {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.ahq-profile__meta {
    font-size: 15px;
    color: #5B6878;
}

.ahq-profile__text {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    max-width: 720px;
    text-wrap: pretty;
}

.ahq-profile__tags {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 18px;
}

.ahq-profile__contact {
    background: #F4F6F8;
    border-radius: 16px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    font-size: 14.5px;
}

.ahq-profile__field {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ahq-profile__field > span:first-child {
    font-size: 12.5px;
    color: #5B6878;
}

.ahq-body .ahq-profile__field a {
    font-weight: 600;
    color: #10243E;
    text-decoration: none;
    word-break: break-word;
}

.ahq-body .ahq-profile__field a:hover {
    color: #C77D00;
}

.ahq-profile__address {
    line-height: 1.45;
}

.ahq-profile-body {
    padding-top: 32px;
    padding-bottom: 72px;
    display: flex;
    flex-direction: column;
    gap: 44px;
}

.ahq-next-auction {
    background: #10243E;
    color: #fff;
    border-radius: 16px;
    padding: 20px 24px;
    display: flex;
    gap: 24px;
    align-items: center;
    flex-wrap: wrap;
}

.ahq-next-auction .ahq-eyebrow {
    color: #F5A623;
}

.ahq-next-auction__copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 240px;
}

.ahq-next-auction__date {
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -.02em;
}

.ahq-next-auction__detail {
    font-size: 14px;
    color: #C9D3E0;
}

.ahq-next-auction__count {
    font-size: 13px;
    color: #C9D3E0;
}

.ahq-profile-section {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.ahq-profile-section__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.ahq-profile-section__title {
    margin: 0;
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    font-size: 26px;
    letter-spacing: -.02em;
}

.ahq-profile-section__title--small {
    font-size: 22px;
}

.ahq-profile-section__note {
    font-size: 13px;
    color: #5B6878;
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

.ahq-auctioneer-lots {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 18px;
}

.ahq-body .ahq-lot-card--stacked {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 1fr;
}

.ahq-lot-card--stacked .ahq-lot-card__photo {
    min-height: 0;
    aspect-ratio: 16 / 10;
}

.ahq-lot-card--stacked .ahq-lot-card__title {
    font-size: 16px;
    line-height: 1.3;
}

.ahq-quotes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
}

.ahq-quote {
    margin: 0;
    background: #fff;
    border: 1px solid #E3E7EC;
    border-radius: 14px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ahq-quote__mark {
    color: #F5A623;
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-size: 34px;
    line-height: .6;
    font-weight: 800;
}

.ahq-quote blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14.5px;
    line-height: 1.55;
    text-wrap: pretty;
}

.ahq-quote figcaption {
    margin-top: auto;
    font-size: 13.5px;
}

.ahq-alert-band {
    background: #FFF3DB;
    border: 1px solid #F3D9A4;
    border-radius: 16px;
    padding: 28px 32px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
}

.ahq-alert-band__copy {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 380px;
    min-width: 0;
}

.ahq-alert-band__title {
    margin: 0;
    font-family: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    font-size: 26px;
    letter-spacing: -.02em;
}

.ahq-alert-band__text {
    font-size: 14.5px;
    color: #5B6878;
}

.ahq-past-lot {
    background: #fff;
    border: 1px solid #E3E7EC;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    opacity: .85;
}

.ahq-past-lot__photo {
    position: relative;
    aspect-ratio: 16 / 7;
    background: #E8ECF0;
    overflow: hidden;
}

.ahq-past-lot__photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ahq-past-lot__body {
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ahq-past-lot__date {
    font-size: 13px;
    font-weight: 700;
    color: #5B6878;
}

.ahq-past-lot__title {
    font-weight: 700;
    font-size: 15px;
}

.ahq-past-lot__meta {
    font-size: 13px;
    color: #5B6878;
}

.ahq-peers {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ahq-body .ahq-peer {
    text-decoration: none;
    color: #10243E;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #E3E7EC;
    border-radius: 10px;
    padding: 8px 14px 8px 8px;
    font-size: 14px;
    font-weight: 600;
}

.ahq-body .ahq-peer:hover {
    border-color: #F5A623;
    color: #10243E;
}

.ahq-auctioneer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
}

.ahq-body .ahq-auctioneer-card {
    text-decoration: none;
    color: #10243E;
    background: #fff;
    border: 1px solid #E3E7EC;
    border-radius: 14px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ahq-body .ahq-auctioneer-card:hover {
    box-shadow: 0 8px 28px rgba(16, 36, 62, .12);
    color: #10243E;
}

.ahq-auctioneer-card__head {
    display: flex;
    gap: 12px;
    align-items: center;
}

.ahq-auctioneer-card__name {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ahq-auctioneer-card__name strong {
    font-size: 16px;
}

.ahq-auctioneer-card__name span {
    font-size: 13px;
    font-weight: 600;
    color: #C77D00;
}

.ahq-auctioneer-card__provinces {
    font-size: 13px;
    font-weight: 600;
    color: #5B6878;
}

.ahq-auctioneer-card__summary {
    font-size: 13.5px;
    color: #5B6878;
    line-height: 1.5;
}

@media (max-width: 960px) {
    .ahq-profile {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }
}

@media (max-width: 640px) {
    .ahq-logo--xl, .ahq-initials--hero {
        width: 84px;
        height: 84px;
        border-radius: 14px;
    }

    .ahq-initials--hero {
        font-size: 26px;
    }

    .ahq-alert-band {
        padding: 22px;
    }

    .ahq-alert-band__title, .ahq-profile-section__title {
        font-size: 22px;
    }
}

