/* AL Shop Online — UI hotfix 2026-06-29 v2 */
.agm-actions .agm-perfume-finder-pill{
    flex:0 0 auto!important;
    min-width:126px!important;
    max-width:none!important;
    padding:0 14px!important;
    gap:7px!important;
    border-color:#ffd2c1!important;
    background:linear-gradient(180deg,#fff,#fff8f5)!important;
    color:#22252d!important;
    white-space:nowrap!important;
    line-height:1!important;
    box-shadow:0 4px 12px rgba(35,39,48,.04)!important;
}
.agm-actions .agm-perfume-finder-pill i{margin:0!important;color:#f4471f!important;font-size:18px!important}
.agm-actions .agm-perfume-finder-pill span{display:block!important;color:#22252d!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important;line-height:1!important}
.agm-actions .agm-perfume-finder-pill:hover{border-color:#f4471f!important;background:#fff2ec!important;transform:translateY(-1px)}

#addToCart .modal-content{overflow:hidden;border:0!important;border-radius:18px!important;box-shadow:0 28px 80px rgba(12,18,28,.24)!important}
#addToCart .modal-body{padding:34px 38px!important}
#addToCart .product-gallery .carousel-box{overflow:hidden;border-radius:12px!important;background:#f7f7f8}
#addToCart .product-gallery .carousel-box img{width:100%;height:auto;object-fit:contain}
#addToCart .product-gallery-thumb .carousel-box{border:1px solid #e3e6eb!important;border-radius:9px!important;overflow:hidden;background:#fff}
#addToCart h2{font-size:18px!important;line-height:1.35!important;color:#20232b!important}
#addToCart .add-to-cart.alshop-modal-cart-btn,
#addToCart button.add-to-cart.btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    min-width:190px!important;
    min-height:48px!important;
    padding:0 22px!important;
    border:1px solid #f4471f!important;
    border-radius:10px!important;
    background:#f4471f!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;
    opacity:1!important;
    visibility:visible!important;
    text-indent:0!important;
    box-shadow:0 10px 22px rgba(244,71,31,.22)!important;
}
#addToCart .add-to-cart.alshop-modal-cart-btn:hover,
#addToCart button.add-to-cart.btn-primary:hover{background:#df3b16!important;border-color:#df3b16!important;color:#fff!important;transform:translateY(-1px)}
#addToCart .add-to-cart.alshop-modal-cart-btn i,
#addToCart .add-to-cart.alshop-modal-cart-btn span,
#addToCart button.add-to-cart.btn-primary i,
#addToCart button.add-to-cart.btn-primary span{
    display:inline-flex!important;
    align-items:center!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1!important;
    opacity:1!important;
    visibility:visible!important;
}
#addToCart .close{top:11px!important;right:11px!important;margin:0!important;background:#f3f4f6!important;border-radius:50%!important}
@media(max-width:1199.98px){.agm-actions .agm-perfume-finder-pill{min-width:40px!important;width:40px!important;padding:0!important;justify-content:center!important}.agm-actions .agm-perfume-finder-pill span{display:none!important}}
@media(max-width:767.98px){#addToCart .modal-dialog{margin:12px!important}#addToCart .modal-body{padding:24px 18px!important}#addToCart .add-to-cart.alshop-modal-cart-btn,#addToCart button.add-to-cart.btn-primary{width:100%!important;min-width:0!important}#addToCart .col-lg-6+ .col-lg-6{margin-top:20px}}

/* ===== AL Shop Online V3 — header layout + modal cart text hard fix ===== */

/* Desktop header: reserve the real width required by account, wishlist and cart.
   The search column is allowed to shrink instead of actions overlapping. */
@media (min-width: 992px){
    html body .agm-header .agm-header-main{
        display:grid!important;
        grid-template-columns:156px minmax(0,1fr) max-content!important;
        align-items:center!important;
        column-gap:14px!important;
        width:100%!important;
        min-width:0!important;
    }
    html body .agm-header .agm-logo{
        width:156px!important;
        min-width:156px!important;
        max-width:156px!important;
    }
    html body .agm-header .agm-logo img{
        max-width:140px!important;
        max-height:42px!important;
    }
    html body .agm-header .agm-search-wrap{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        justify-self:stretch!important;
    }
    html body .agm-header .agm-actions{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        flex-wrap:nowrap!important;
        width:max-content!important;
        min-width:0!important;
        max-width:none!important;
        gap:8px!important;
        margin:0!important;
    }
    html body .agm-header .agm-actions > *{
        flex:0 0 auto!important;
        min-width:0;
    }
    html body .agm-header .agm-user-pill{
        height:40px!important;
        padding:0 11px!important;
        gap:5px!important;
        white-space:nowrap!important;
        overflow:hidden!important;
    }
    html body .agm-header .agm-account-pill{
        min-width:48px!important;
        max-width:118px!important;
    }
    html body .agm-header .agm-account-pill .agm-account-label{
        display:block!important;
        min-width:0!important;
        max-width:78px!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
        line-height:1.1!important;
    }
    html body .agm-header .agm-account-pill i{
        flex:0 0 auto!important;
        margin:0!important;
    }
    html body .agm-header .agm-perfume-finder-pill{
        min-width:112px!important;
        max-width:112px!important;
        width:112px!important;
        height:40px!important;
        padding:0 10px!important;
        justify-content:center!important;
        overflow:hidden!important;
    }
    html body .agm-header .agm-perfume-finder-pill span{
        display:block!important;
        max-width:80px!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
        font-size:10.5px!important;
        line-height:1.05!important;
    }
    html body .agm-header .agm-action-circle{
        width:36px!important;
        min-width:36px!important;
        height:40px!important;
        padding:0!important;
    }
    html body .agm-header .agm-cart-action{
        width:auto!important;
        min-width:0!important;
        height:40px!important;
        white-space:nowrap!important;
    }
    html body .agm-header .agm-cart-action > a{
        width:auto!important;
        min-width:0!important;
        height:40px!important;
        padding-left:4px!important;
        padding-right:4px!important;
        margin:0!important;
        white-space:nowrap!important;
    }
    html body .agm-header .agm-cart-action > a > span{
        flex:0 0 auto!important;
        white-space:nowrap!important;
    }
}

/* Medium desktop: labels that Bootstrap already hides stay compact, while the
   account control remains aligned and never collides with search. */
@media (min-width: 992px) and (max-width: 1199.98px){
    html body .agm-header .agm-header-main{
        grid-template-columns:145px minmax(0,1fr) max-content!important;
        column-gap:10px!important;
    }
    html body .agm-header .agm-logo{
        width:145px!important;
        min-width:145px!important;
        max-width:145px!important;
    }
    html body .agm-header .agm-account-pill{
        width:42px!important;
        min-width:42px!important;
        max-width:42px!important;
        padding:0!important;
        justify-content:center!important;
    }
    html body .agm-header .agm-account-pill .agm-account-label{
        display:none!important;
    }
}

/* Modal add-to-cart: render the label through a pseudo-element as a fallback.
   This survives stale Blade/view cache and global rules that hide button spans. */
html body #addToCart button.add-to-cart.alshop-modal-cart-btn,
html body #addToCart button.buy-now.add-to-cart,
html body #addToCart .modal-body button.btn-primary.add-to-cart{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:190px!important;
    width:auto!important;
    min-height:48px!important;
    height:48px!important;
    padding:0 22px!important;
    border:1px solid #f4471f!important;
    border-radius:9px!important;
    background:#f4471f!important;
    background-image:none!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:none!important;
    font-size:0!important;
    line-height:1!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
}
html body #addToCart button.add-to-cart.alshop-modal-cart-btn > i,
html body #addToCart button.add-to-cart.alshop-modal-cart-btn > span,
html body #addToCart button.buy-now.add-to-cart > i,
html body #addToCart button.buy-now.add-to-cart > span{
    display:none!important;
    visibility:hidden!important;
}
html body #addToCart button.add-to-cart.alshop-modal-cart-btn::before,
html body #addToCart button.buy-now.add-to-cart::before{
    content:none!important;
    display:none!important;
    background:none!important;
}
html body #addToCart button.add-to-cart.alshop-modal-cart-btn::after,
html body #addToCart button.buy-now.add-to-cart::after,
html body #addToCart .modal-body button.btn-primary.add-to-cart::after{
    content:"Shto në shportë"!important;
    display:inline-block!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:none!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-family:"Public Sans",Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    white-space:nowrap!important;
}
html body #addToCart button.add-to-cart.alshop-modal-cart-btn:hover,
html body #addToCart button.buy-now.add-to-cart:hover{
    background:#df3b16!important;
    border-color:#df3b16!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
html body #addToCart button.add-to-cart.alshop-modal-cart-btn:disabled::after,
html body #addToCart button.buy-now.add-to-cart:disabled::after{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}

@media (max-width: 767.98px){
    html body #addToCart button.add-to-cart.alshop-modal-cart-btn,
    html body #addToCart button.buy-now.add-to-cart{
        width:100%!important;
        min-width:0!important;
    }
}

/* ===== AL Shop Online V4 — perfume finder premium button + added-to-cart actions ===== */
@media (min-width: 1200px){
    html body .agm-header .agm-actions{
        gap:10px!important;
    }
    html body .agm-header .agm-search-form{
        min-width:0!important;
    }
    html body .agm-header .agm-search-category{
        max-width:156px!important;
        padding:0 12px!important;
        font-size:12px!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    html body .agm-header .agm-perfume-finder-pill{
        position:relative!important;
        min-width:132px!important;
        width:132px!important;
        max-width:132px!important;
        height:42px!important;
        padding:0 12px!important;
        border:1px solid #ffd7c7!important;
        border-radius:14px!important;
        background:linear-gradient(180deg,#fffdfc 0%,#fff3ee 100%)!important;
        color:#1f2430!important;
        box-shadow:0 8px 18px rgba(244,71,31,.08)!important;
        transition:all .22s ease!important;
        overflow:hidden!important;
        isolation:isolate!important;
    }
    html body .agm-header .agm-perfume-finder-pill::after{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.72) 38%,transparent 70%);
        transform:translateX(-145%);
        transition:transform .75s ease;
        z-index:0;
        pointer-events:none;
    }
    html body .agm-header .agm-perfume-finder-pill:hover::after{
        transform:translateX(145%);
    }
    html body .agm-header .agm-perfume-finder-pill:hover{
        border-color:#f4471f!important;
        background:linear-gradient(180deg,#fff8f4 0%,#ffece2 100%)!important;
        box-shadow:0 12px 24px rgba(244,71,31,.14)!important;
        transform:translateY(-1px)!important;
    }
    html body .agm-header .agm-perfume-finder-pill .agm-finder-icon,
    html body .agm-header .agm-perfume-finder-pill .agm-finder-label{
        position:relative;
        z-index:1;
    }
    html body .agm-header .agm-perfume-finder-pill .agm-finder-icon{
        color:#f4471f!important;
        font-size:17px!important;
        animation:agmFinderPulse 2.3s ease-in-out infinite;
    }
    html body .agm-header .agm-perfume-finder-pill .agm-finder-label{
        display:block!important;
        width:76px!important;
        max-width:none!important;
        white-space:normal!important;
        overflow:visible!important;
        text-overflow:clip!important;
        line-height:1.08!important;
        text-align:left!important;
        font-size:11px!important;
        font-weight:800!important;
        color:#202633!important;
    }
}
@keyframes agmFinderPulse{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.12)}
}

.alshop-added-cart-modal-body .alshop-added-cart-success{
    background:linear-gradient(180deg,#eefcf4 0%,#e6f9ef 100%)!important;
    border:1px solid #cdeedb!important;
}
.alshop-added-cart-modal-body .alshop-success-text{
    color:#1f9d63!important;
}
.alshop-added-cart-actions .btn{
    min-height:48px!important;
    font-size:15px!important;
    font-weight:700!important;
    border-radius:10px!important;
    transition:all .2s ease!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.alshop-added-cart-actions .alshop-cart-view-btn{
    background:#fff4ec!important;
    border:1px solid #ffd2bf!important;
    color:#d95c25!important;
    box-shadow:0 8px 18px rgba(217,92,37,.08)!important;
}
.alshop-added-cart-actions .alshop-cart-view-btn:hover{
    background:#ffe8da!important;
    border-color:#ffc3a8!important;
    color:#bf4d1d!important;
    transform:translateY(-1px)!important;
}
.alshop-added-cart-actions .alshop-cart-checkout-btn{
    background:linear-gradient(180deg,#ff6e2c 0%,#f4471f 100%)!important;
    border:1px solid #f4471f!important;
    color:#fff!important;
    box-shadow:0 12px 24px rgba(244,71,31,.24)!important;
}
.alshop-added-cart-actions .alshop-cart-checkout-btn:hover{
    background:linear-gradient(180deg,#ff6320 0%,#df3b16 100%)!important;
    border-color:#df3b16!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
}
.alshop-added-cart-actions .alshop-cart-back-btn{
    background:#ffffff!important;
    border:1px solid #e3e7ee!important;
    color:#4d5665!important;
}
.alshop-added-cart-actions .alshop-cart-back-btn:hover{
    background:#f8fafc!important;
    border-color:#cfd8e3!important;
    color:#2c3442!important;
}
@media (max-width: 575.98px){
    .alshop-added-cart-actions .alshop-cart-view-btn,
    .alshop-added-cart-actions .alshop-cart-checkout-btn,
    .alshop-added-cart-actions .alshop-cart-back-btn{
        width:100%!important;
    }
}

/* ===== AL Shop Online V6 — robust fixed header + server-rendered categories ===== */
html body .agm-header.agm-sticky-header{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    z-index:1030!important;
    width:100%!important;
    background:#fff!important;
    border-bottom:1px solid transparent!important;
    box-shadow:none!important;
    transform:none!important;
    overflow:visible!important;
    transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease!important;
}
html body .agm-header.agm-sticky-header.alshop-header-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:1080!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom-color:#e9edf2!important;
    box-shadow:0 10px 28px rgba(22,29,37,.10)!important;
    -webkit-backdrop-filter:saturate(150%) blur(10px);
    backdrop-filter:saturate(150%) blur(10px);
}
html body .agm-header.agm-sticky-header.alshop-header-fixed .agm-header-main{
    min-height:64px!important;
}
.alshop-sticky-header-placeholder{
    display:none;
    width:100%;
    height:0;
    margin:0;
    padding:0;
    border:0;
}
.alshop-sticky-header-placeholder.is-active{
    display:block;
}
html body.alshop-header-is-fixed .agm-header .typed-search-box,
html body.alshop-header-is-fixed .agm-header .dropdown-menu,
html body.alshop-header-is-fixed .agm-header .alshop-header-category-menu{
    z-index:1100!important;
}

/* Static main-category selector: rendered by Blade, so it works without AJAX. */
html body .agm-header .agm-search-wrap{
    position:relative!important;
    overflow:visible!important;
}
html body .agm-header .agm-search-form{
    overflow:hidden!important;
}
html body .agm-header .agm-search-form > .alshop-static-category-trigger{
    appearance:none!important;
    -webkit-appearance:none!important;
    border:0!important;
    border-left:1px solid #e4e8ef!important;
    cursor:pointer!important;
    outline:0!important;
    color:#2f3745!important;
    background:#fff!important;
    font-family:inherit!important;
    line-height:1!important;
    user-select:none!important;
    transition:background-color .16s ease,color .16s ease!important;
}
html body .agm-header .agm-search-form > .alshop-static-category-trigger:hover,
html body .agm-header .agm-search-form > .alshop-static-category-trigger:focus,
html body .agm-header .agm-search-form > .alshop-static-category-trigger[aria-expanded="true"]{
    background:#fff5f0!important;
    color:#f4471f!important;
}
html body .agm-header .agm-search-category-label{
    display:block!important;
    max-width:145px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
html body .agm-header .alshop-static-category-trigger > i{
    transition:transform .18s ease!important;
}
html body .agm-header .alshop-static-category-trigger[aria-expanded="true"] > i{
    transform:rotate(180deg)!important;
}
html body .agm-header .alshop-header-category-menu{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    right:0!important;
    width:min(360px,calc(100vw - 24px))!important;
    max-height:min(65vh,520px)!important;
    overflow:hidden!important;
    display:block!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(-7px) scale(.985)!important;
    transform-origin:top right!important;
    background:#fff!important;
    border:1px solid #e5e9ef!important;
    border-radius:16px!important;
    box-shadow:0 22px 60px rgba(24,32,45,.18)!important;
    z-index:1095!important;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
}
html body .agm-header .alshop-header-category-menu.is-open{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
}
html body .agm-header .alshop-header-category-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding:16px 16px 13px!important;
    border-bottom:1px solid #edf0f4!important;
    background:linear-gradient(180deg,#fffaf7 0%,#fff 100%)!important;
}
html body .agm-header .alshop-header-category-head > div{
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
    min-width:0!important;
}
html body .agm-header .alshop-header-category-kicker{
    color:#f4471f!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
}
html body .agm-header .alshop-header-category-head strong{
    color:#202631!important;
    font-size:14px!important;
    line-height:1.25!important;
}
html body .agm-header .alshop-header-category-head > i{
    color:#f4471f!important;
    font-size:22px!important;
}
html body .agm-header .alshop-header-category-list{
    max-height:min(54vh,430px)!important;
    overflow-y:auto!important;
    padding:8px!important;
    scrollbar-width:thin;
}
html body .agm-header .alshop-header-category-item{
    width:100%!important;
    min-height:46px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 22px!important;
    align-items:center!important;
    gap:10px!important;
    margin:0!important;
    padding:6px 10px!important;
    border:0!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#27303e!important;
    cursor:pointer!important;
    font-family:inherit!important;
    text-align:left!important;
    transition:background-color .14s ease,color .14s ease,transform .14s ease!important;
}
html body .agm-header .alshop-header-category-item:hover,
html body .agm-header .alshop-header-category-item:focus,
html body .agm-header .alshop-header-category-item.is-selected{
    background:#fff2ec!important;
    color:#e5451d!important;
    outline:0!important;
}
html body .agm-header .alshop-header-category-item:hover{
    transform:translateX(2px)!important;
}
html body .agm-header .alshop-header-category-item-icon{
    width:32px!important;
    height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:9px!important;
    background:#f6f7f9!important;
    color:#667085!important;
    font-size:17px!important;
}
html body .agm-header .alshop-header-category-item.is-selected .alshop-header-category-item-icon,
html body .agm-header .alshop-header-category-item:hover .alshop-header-category-item-icon{
    background:#ffe0d3!important;
    color:#f4471f!important;
}
html body .agm-header .alshop-header-category-item-name{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
    font-weight:750!important;
}
html body .agm-header .alshop-header-category-state{
    justify-self:end!important;
    color:#a8b0bb!important;
    font-size:16px!important;
}
html body .agm-header .alshop-header-category-item.is-selected .alshop-header-category-state{
    color:#f4471f!important;
}

@media (max-width:1199.98px){
    html body .agm-header .agm-search-category-label{
        max-width:116px!important;
    }
    html body .agm-header .alshop-header-category-menu{
        width:min(330px,calc(100vw - 24px))!important;
    }
}
@media (max-width:991.98px){
    html body .agm-header.agm-sticky-header.alshop-header-fixed{
        box-shadow:0 8px 22px rgba(22,29,37,.11)!important;
    }
}
@media (prefers-reduced-motion:reduce){
    html body .agm-header.agm-sticky-header,
    html body .agm-header .alshop-header-category-menu,
    html body .agm-header .alshop-header-category-item,
    html body .agm-header .alshop-static-category-trigger > i{
        transition:none!important;
    }
}

/* ===== AL Shop Online V7 — body portal fixed header (hard sticky fix) ===== */
html body .alshop-sticky-v7-placeholder{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    pointer-events:none!important;
}
html body > .agm-header.agm-sticky-header.alshop-header-portal-fixed{
    position:fixed!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    z-index:2147482000!important;
    transform:translate3d(0,0,0)!important;
    will-change:top!important;
    overflow:visible!important;
    background:#fff!important;
    isolation:isolate!important;
}
html body > .agm-header.agm-sticky-header.alshop-header-portal-fixed.is-scrolled{
    border-bottom:1px solid #e7ebf0!important;
    box-shadow:0 10px 28px rgba(20,28,38,.12)!important;
    background:rgba(255,255,255,.985)!important;
    -webkit-backdrop-filter:saturate(150%) blur(10px)!important;
    backdrop-filter:saturate(150%) blur(10px)!important;
}
html body > .agm-header.agm-sticky-header.alshop-header-portal-fixed .dropdown-menu,
html body > .agm-header.agm-sticky-header.alshop-header-portal-fixed .typed-search-box,
html body > .agm-header.agm-sticky-header.alshop-header-portal-fixed .alshop-header-category-menu{
    z-index:2147482100!important;
}
@media (max-width:991.98px){
    html body > .agm-header.agm-sticky-header.alshop-header-portal-fixed.is-scrolled{
        box-shadow:0 7px 20px rgba(20,28,38,.12)!important;
    }
}