/* QXL Marketplace Classic v5.25.0 — Selg på QXL */
:root{
    --qxl-sell-blue:#0753a4;
    --qxl-sell-blue-dark:#064382;
    --qxl-sell-orange:#f58220;
    --qxl-sell-orange-dark:#d96d00;
    --qxl-sell-green:#92c311;
    --qxl-sell-border:#c6cdd4;
    --qxl-sell-pale:#f3f6f9;
}

body.qxl-classic-2021 .qxl-sell-push-home,
body.qxl-classic-2021 .qxl-sell-push-inline,
body.qxl-classic-2021 .qxl-sell-push-sticky{
    box-sizing:border-box!important;
    font-family:inherit!important;
    text-transform:none!important;
}

/* Main homepage conversion block: bold but still unmistakably QXL Classic. */
body.qxl-classic-2021 .qxl-sell-push-home{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 245px!important;
    gap:22px!important;
    align-items:center!important;
    margin:10px 0 12px!important;
    padding:18px 20px!important;
    border:1px solid #aebbc7!important;
    border-top:4px solid var(--qxl-sell-orange)!important;
    border-radius:2px!important;
    background:linear-gradient(90deg,#fff 0,#fff 60%,#f1f6fb 100%)!important;
    box-shadow:0 1px 2px rgba(0,0,0,.07)!important;
    overflow:hidden!important;
}
body.qxl-classic-2021 .qxl-sell-push-home:after{
    content:""!important;
    position:absolute!important;
    right:-58px!important;
    top:-70px!important;
    width:190px!important;
    height:190px!important;
    border:28px solid rgba(7,83,164,.055)!important;
    border-radius:50%!important;
    pointer-events:none!important;
}
body.qxl-classic-2021 .qxl-sell-push-home__copy,
body.qxl-classic-2021 .qxl-sell-push-home__action{
    position:relative!important;
    z-index:1!important;
    min-width:0!important;
}
body.qxl-classic-2021 .qxl-sell-push-home__eyebrow{
    display:block!important;
    margin:0 0 3px!important;
    color:var(--qxl-sell-orange-dark)!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:0!important;
    text-transform:none!important;
}
body.qxl-classic-2021 .qxl-sell-push-home h2{
    margin:0 0 5px!important;
    color:#202020!important;
    font-size:27px!important;
    line-height:1.08!important;
    font-weight:800!important;
    letter-spacing:-.015em!important;
    text-transform:none!important;
}
body.qxl-classic-2021 .qxl-sell-push-home p{
    max-width:650px!important;
    margin:0!important;
    color:#4e555c!important;
    font-size:13.5px!important;
    line-height:1.45!important;
}
body.qxl-classic-2021 .qxl-sell-push-benefits{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px 16px!important;
    margin-top:11px!important;
}
body.qxl-classic-2021 .qxl-sell-push-benefits span{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    color:#2f3943!important;
    font-size:11.5px!important;
    font-weight:700!important;
    white-space:nowrap!important;
    text-transform:none!important;
}
body.qxl-classic-2021 .qxl-sell-push-benefits b{
    display:inline-flex!important;
    width:18px!important;
    height:18px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #7dac12!important;
    border-radius:50%!important;
    background:#eef8d9!important;
    color:#5d8300!important;
    font-size:10px!important;
    line-height:1!important;
}
body.qxl-classic-2021 .qxl-sell-push-home__action{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:7px!important;
}
body.qxl-classic-2021 .qxl-sell-push-home__action small{
    color:#6a7279!important;
    font-size:10.5px!important;
    line-height:1.3!important;
    text-align:center!important;
}

/* Shared QXL action. */
body.qxl-classic-2021 a.qxl-sell-push-button{
    display:inline-flex!important;
    min-height:42px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:9px 18px!important;
    border:1px solid var(--qxl-sell-orange-dark)!important;
    border-radius:2px!important;
    background:linear-gradient(#ff942d,#ed7b0a)!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:800!important;
    text-decoration:none!important;
    text-transform:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28)!important;
    cursor:pointer!important;
}
body.qxl-classic-2021 a.qxl-sell-push-button:hover,
body.qxl-classic-2021 a.qxl-sell-push-button:focus{
    border-color:#bd5f00!important;
    background:#df7107!important;
    color:#fff!important;
    text-decoration:none!important;
}

/* Contextual strip on category/search/product/seller pages. */
body.qxl-classic-2021 .qxl-sell-push-inline{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:11px!important;
    align-items:center!important;
    width:100%!important;
    margin:8px 0 13px!important;
    padding:10px 12px!important;
    border:1px solid #bec9d3!important;
    border-left:4px solid var(--qxl-sell-orange)!important;
    border-radius:2px!important;
    background:#f5f8fb!important;
    box-shadow:none!important;
}
body.qxl-classic-2021 .qxl-sell-push-inline__mark{
    display:flex!important;
    width:34px!important;
    height:34px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #0c5baa!important;
    border-radius:2px!important;
    background:var(--qxl-sell-blue)!important;
    color:#fff!important;
    font-size:26px!important;
    line-height:1!important;
    font-weight:300!important;
}
body.qxl-classic-2021 .qxl-sell-push-inline__copy{
    min-width:0!important;
}
body.qxl-classic-2021 .qxl-sell-push-inline__copy>span{
    display:block!important;
    margin-bottom:1px!important;
    color:#69727b!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    font-weight:700!important;
    text-transform:none!important;
}
body.qxl-classic-2021 .qxl-sell-push-inline__copy>strong{
    display:block!important;
    margin:0!important;
    color:var(--qxl-sell-blue)!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-transform:none!important;
}
body.qxl-classic-2021 .qxl-sell-push-inline__copy p{
    margin:2px 0 0!important;
    color:#4f5962!important;
    font-size:11.5px!important;
    line-height:1.35!important;
}
body.qxl-classic-2021 a.qxl-sell-push-button--compact{
    min-height:34px!important;
    padding:7px 13px!important;
    font-size:11.5px!important;
    white-space:nowrap!important;
}

/* Single product: prominent just below the main bid/media area. */
body.qxl-classic-2021.single-product .qxl-sell-push-inline--single{
    margin-top:12px!important;
    margin-bottom:12px!important;
}

/* Seller profile keeps the same left/right geometry as the profile boxes. */
body.qxl-classic-2021 .qxl-classic-seller-profile>.qxl-sell-push-inline{
    margin-top:10px!important;
    margin-bottom:12px!important;
}

/* Sticky seller invitation shown after meaningful scrolling. */
body.qxl-classic-2021 .qxl-sell-push-sticky{
    position:fixed!important;
    z-index:99980!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    transform:translateY(110%)!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:transform .2s ease,opacity .2s ease,visibility .2s!important;
    pointer-events:none!important;
}
body.qxl-classic-2021 .qxl-sell-push-sticky.is-visible{
    transform:translateY(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}
body.qxl-classic-2021 .qxl-sell-push-sticky__inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto 28px!important;
    gap:12px!important;
    align-items:center!important;
    width:min(calc(100% - 24px),1200px)!important;
    min-height:58px!important;
    margin:0 auto!important;
    padding:7px 10px 7px 14px!important;
    border:1px solid #0a4a8e!important;
    border-bottom:0!important;
    border-radius:2px 2px 0 0!important;
    background:#0753a4!important;
    box-shadow:0 -3px 13px rgba(0,0,0,.2)!important;
}
body.qxl-classic-2021 .qxl-sell-push-sticky__copy{
    min-width:0!important;
    color:#fff!important;
}
body.qxl-classic-2021 .qxl-sell-push-sticky__copy strong{
    display:block!important;
    margin:0 0 1px!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:800!important;
    text-transform:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
body.qxl-classic-2021 .qxl-sell-push-sticky__copy span{
    display:block!important;
    color:#e8f2fb!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    text-transform:none!important;
}
body.qxl-classic-2021 a.qxl-sell-push-button--sticky{
    min-height:34px!important;
    padding:6px 15px!important;
    border-color:#d66900!important;
    font-size:11.5px!important;
    white-space:nowrap!important;
}
body.qxl-classic-2021 .qxl-sell-push-sticky__close{
    display:flex!important;
    width:28px!important;
    height:28px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.45)!important;
    border-radius:2px!important;
    background:transparent!important;
    color:#fff!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:400!important;
    cursor:pointer!important;
    box-shadow:none!important;
}
body.qxl-classic-2021 .qxl-sell-push-sticky__close:hover{
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
}

@media (max-width: 820px){
    body.qxl-classic-2021 .qxl-sell-push-home{
        grid-template-columns:1fr!important;
        gap:12px!important;
        margin:8px 0 10px!important;
        padding:14px!important;
        background:#f7faff!important;
    }
    body.qxl-classic-2021 .qxl-sell-push-home h2{
        font-size:23px!important;
    }
    body.qxl-classic-2021 .qxl-sell-push-home p{
        font-size:12.5px!important;
    }
    body.qxl-classic-2021 .qxl-sell-push-benefits{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:6px!important;
    }
    body.qxl-classic-2021 .qxl-sell-push-home__action{
        align-items:stretch!important;
    }
    body.qxl-classic-2021 .qxl-sell-push-home__action small{
        text-align:left!important;
    }
    body.qxl-classic-2021 .qxl-sell-push-inline{
        grid-template-columns:32px minmax(0,1fr)!important;
        gap:9px!important;
        padding:10px!important;
    }
    body.qxl-classic-2021 .qxl-sell-push-inline__mark{
        width:30px!important;
        height:30px!important;
        font-size:22px!important;
    }
    body.qxl-classic-2021 .qxl-sell-push-inline a.qxl-sell-push-button--compact{
        grid-column:1/-1!important;
        width:100%!important;
    }
    body.qxl-classic-2021 .qxl-sell-push-sticky__inner{
        grid-template-columns:minmax(0,1fr) 28px!important;
        gap:8px!important;
        width:100%!important;
        min-height:0!important;
        padding:8px 9px!important;
        border-left:0!important;
        border-right:0!important;
    }
    body.qxl-classic-2021 .qxl-sell-push-sticky__copy strong{
        font-size:12px!important;
    }
    body.qxl-classic-2021 .qxl-sell-push-sticky__copy span{
        font-size:9.5px!important;
    }
    body.qxl-classic-2021 .qxl-sell-push-sticky a.qxl-sell-push-button--sticky{
        grid-column:1/-1!important;
        grid-row:2!important;
        width:100%!important;
    }
    body.qxl-classic-2021 .qxl-sell-push-sticky__close{
        grid-column:2!important;
        grid-row:1!important;
    }
}

@media (prefers-reduced-motion: reduce){
    body.qxl-classic-2021 .qxl-sell-push-sticky{transition:none!important}
}
