/* ALSHOP_AI_HEADER_ENTRY_V1_0_0 */
.alshop-mobile-head-actions{display:none}
.alshop-ai-intro-popover{display:none}

@media(max-width:991.98px){
    html body .agm-header .agm-header-main{gap:6px!important}
    html body .agm-header .alshop-mobile-head-actions{
        display:flex!important;align-items:center;gap:5px;margin-left:auto;flex:0 0 auto;position:relative;z-index:8
    }
    html body .agm-header .agm-actions{margin-left:0!important;gap:4px!important}
    html body .agm-header .alshop-mobile-ai-entry-wrap{position:relative;display:flex;align-items:center}
    html body .agm-header .alshop-mobile-head-action{
        position:relative;width:38px;height:38px;min-width:38px;border:1px solid #e3e7ec;border-radius:12px;background:#fff;
        display:inline-flex;align-items:center;justify-content:center;color:#515b69;text-decoration:none!important;
        box-shadow:0 3px 10px rgba(24,33,46,.035)
    }
    html body .agm-header .alshop-mobile-head-action i{font-size:19px;line-height:1}
    html body .agm-header .alshop-mobile-head-action:hover,
    html body .agm-header .alshop-mobile-head-action:focus{background:#fff7f3;border-color:#ffc9b5;color:#e94b1b}
    html body .agm-header .alshop-mobile-head-action-ai{background:#fff4ef;border-color:#ffd9ca;color:#ed4e1d}
    html body .agm-header .alshop-mobile-head-micro{
        position:absolute;right:-3px;top:-5px;min-width:18px;height:14px;padding:0 3px;border-radius:999px;
        display:flex;align-items:center;justify-content:center;background:#1f2937;color:#fff;border:2px solid #fff;
        font-size:6.5px;font-weight:950;line-height:1;letter-spacing:.02em
    }
    html body .agm-header .alshop-mobile-head-action-ai .alshop-mobile-head-micro{background:#f4511e}
    html body .agm-header .alshop-ai-intro-popover{
        position:absolute;display:none;right:-2px;top:48px;width:min(286px,calc(100vw - 24px));padding:12px 12px 11px;
        border:1px solid #e3e7ec;border-radius:14px;background:#fff;color:#273140;box-shadow:0 16px 40px rgba(21,29,41,.18);z-index:9999
    }
    html body .agm-header .alshop-ai-intro-popover.alshop-visible{display:block}
    html body .agm-header .alshop-ai-intro-popover:before{
        content:"";position:absolute;right:17px;top:-6px;width:11px;height:11px;background:#fff;border-left:1px solid #e3e7ec;border-top:1px solid #e3e7ec;transform:rotate(45deg)
    }
    html body .agm-header .alshop-ai-intro-popover strong{display:block;font-size:12px;font-weight:950;color:#202a38;margin-bottom:4px;padding-right:20px}
    html body .agm-header .alshop-ai-intro-popover p{margin:0;color:#6f7988;font-size:10.5px;line-height:1.45}
    html body .agm-header .alshop-ai-intro-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}
    html body .agm-header .alshop-ai-intro-go{display:inline-flex;align-items:center;gap:5px;background:#f4511e;color:#fff!important;border-radius:9px;padding:7px 9px;font-size:9.5px;font-weight:900;text-decoration:none!important}
    html body .agm-header .alshop-ai-intro-close{border:0;background:transparent;color:#87909d;font-size:9.5px;font-weight:800;padding:5px;cursor:pointer}
    html body .agm-header .alshop-ai-intro-x{position:absolute;right:7px;top:6px;width:25px;height:25px;border:0;background:#f5f6f8;border-radius:8px;color:#798391;display:flex;align-items:center;justify-content:center;cursor:pointer}
}

@media(max-width:390px){
    html body .agm-header .alshop-mobile-ai-entry-wrap{position:relative;display:flex;align-items:center}
    html body .agm-header .alshop-mobile-head-action{width:35px;height:35px;min-width:35px;border-radius:11px}
    html body .agm-header .alshop-mobile-head-action i{font-size:17px}
}


/* ALSHOP_AI_SINGLE_MOBILE_HEADER_ICON_V2_0_3 */
@media (max-width: 991.98px) {
    /*
     * The old desktop assistant pill can be forced visible by older global
     * hotfix CSS. Kill it explicitly on mobile. Keep only:
     * .alshop-mobile-head-action-ai with the small AI badge.
     */
    html body .agm-header
    .agm-actions
    .agm-perfume-finder-pill {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;

        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    html body .agm-header
    .alshop-mobile-head-action-ai {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}
/* ALSHOP_AI_MOBILE_INTRO_POPOVER_FIX_V2_2_6 */
@media (max-width: 991.98px) {
    html body #alshop-ai-intro-popover.alshop-ai-popover-portaled {
        position: fixed !important;
        display: none !important;
        top: var(--alshop-ai-intro-top-v226, 156px) !important;
        right: 12px !important;
        left: auto !important;
        width: min(300px, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: min(245px, calc(100dvh - var(--alshop-ai-intro-top-v226, 156px) - 14px)) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        margin: 0 !important;
        padding: 13px 13px 12px !important;
        border: 1px solid #e3e7ec !important;
        border-radius: 14px !important;
        background: #fff !important;
        color: #273140 !important;
        box-shadow: 0 18px 48px rgba(21, 29, 41, .22) !important;
        z-index: 2147483000 !important;
        isolation: isolate !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html body #alshop-ai-intro-popover.alshop-ai-popover-portaled.alshop-visible {
        display: block !important;
    }

    html body #alshop-ai-intro-popover.alshop-ai-popover-portaled::before {
        display: none !important;
    }

    html body #alshop-ai-intro-popover.alshop-ai-popover-portaled strong {
        display: block !important;
        margin: 0 28px 5px 0 !important;
        padding: 0 !important;
        color: #202a38 !important;
        font-size: 12.5px !important;
        font-weight: 950 !important;
        line-height: 1.25 !important;
    }

    html body #alshop-ai-intro-popover.alshop-ai-popover-portaled p {
        margin: 0 !important;
        color: #667180 !important;
        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    html body #alshop-ai-intro-popover.alshop-ai-popover-portaled .alshop-ai-intro-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        margin-top: 10px !important;
    }

    html body #alshop-ai-intro-popover.alshop-ai-popover-portaled .alshop-ai-intro-go {
        min-height: 32px !important;
        padding: 8px 11px !important;
        border-radius: 9px !important;
        font-size: 10px !important;
    }

    html body #alshop-ai-intro-popover.alshop-ai-popover-portaled .alshop-ai-intro-close {
        min-height: 30px !important;
        padding: 6px !important;
        font-size: 10px !important;
    }

    html body #alshop-ai-intro-popover.alshop-ai-popover-portaled .alshop-ai-intro-x {
        position: absolute !important;
        top: 7px !important;
        right: 7px !important;
        width: 26px !important;
        height: 26px !important;
        z-index: 2 !important;
    }
}

@media (max-width: 390px) {
    html body #alshop-ai-intro-popover.alshop-ai-popover-portaled {
        right: 9px !important;
        width: min(294px, calc(100vw - 18px)) !important;
        max-width: calc(100vw - 18px) !important;
    }
}