/* ICON Signings v2.2.38 — restored compact cart/checkout pre-order modal. */
.icon-po-inline-details{display:none!important}
.icon-po-selection-count{
    display:inline-block!important;
    margin-left:9px!important;
    color:#9b9b9b!important;
    font-size:11px!important;
    line-height:1.3!important;
    font-weight:500!important;
}
.icon-po-view-details{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
    padding:7px 14px!important;
    margin:4px 0!important;
    color:#111!important;
    background:#f0b45a!important;
    border:1px solid #f0b45a!important;
    border-radius:6px!important;
    box-shadow:none!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-decoration:none!important;
    cursor:pointer!important;
    transition:filter .15s ease,transform .15s ease!important;
}
.icon-po-view-details:hover{filter:brightness(1.08);transform:translateY(-1px);color:#111!important}

body.icon-po-modal-open{overflow:hidden!important}
#icon-po-details-modal.icon-po-details-modal[hidden]{display:none!important}
#icon-po-details-modal.icon-po-details-modal{
    position:fixed!important;
    inset:0!important;
    z-index:999999!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100vw!important;
    height:100vh!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:22px!important;
    box-sizing:border-box!important;
    font-family:inherit!important;
    line-height:1.4!important;
    text-align:left!important;
}
#icon-po-details-modal *,#icon-po-details-modal *::before,#icon-po-details-modal *::after{box-sizing:border-box!important}
#icon-po-details-modal .icon-po-details-backdrop{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:rgba(0,0,0,.78)!important;
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}
#icon-po-details-modal .icon-po-details-dialog{
    position:relative!important;
    inset:auto!important;
    z-index:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:min(680px,100%)!important;
    max-width:680px!important;
    height:auto!important;
    min-height:0!important;
    max-height:min(82vh,820px)!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    transform:none!important;
    float:none!important;
    color:#f5f5f5!important;
    background:#111!important;
    border:1px solid rgba(231,170,81,.95)!important;
    border-radius:18px!important;
    box-shadow:0 22px 75px rgba(0,0,0,.62),0 0 28px rgba(231,170,81,.10)!important;
    outline:none!important;
    text-align:left!important;
}
#icon-po-details-modal .icon-po-details-head{
    position:static!important;
    inset:auto!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:24px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:22px 24px 18px!important;
    transform:none!important;
    float:none!important;
    border-bottom:1px solid rgba(231,170,81,.28)!important;
    background:#111!important;
    text-align:left!important;
}
#icon-po-details-modal .icon-po-details-head>div{
    position:static!important;
    inset:auto!important;
    display:block!important;
    flex:1 1 auto!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    float:none!important;
}
#icon-po-details-modal .icon-po-details-kicker{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 4px!important;
    padding:0!important;
    transform:none!important;
    float:none!important;
    color:#e8aa51!important;
    font-size:9px!important;
    line-height:1.2!important;
    font-weight:900!important;
    letter-spacing:.18em!important;
    text-align:left!important;
}
#icon-po-details-modal .icon-po-details-head h2{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    float:none!important;
    color:#fff!important;
    font-size:24px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-transform:none!important;
    text-align:left!important;
}
#icon-po-details-modal .icon-po-details-close{
    position:static!important;
    inset:auto!important;
    flex:0 0 36px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    float:none!important;
    color:#fff!important;
    background:#1c1c1c!important;
    border:1px solid #343434!important;
    border-radius:50%!important;
    box-shadow:none!important;
    font-family:Arial,sans-serif!important;
    font-size:25px!important;
    line-height:1!important;
    font-weight:300!important;
    cursor:pointer!important;
}
#icon-po-details-modal .icon-po-details-close:hover{border-color:#e8aa51!important;color:#e8aa51!important}
#icon-po-details-modal .icon-po-details-body{
    position:static!important;
    inset:auto!important;
    flex:1 1 auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-height:calc(min(82vh,820px) - 90px)!important;
    margin:0!important;
    padding:22px 24px 25px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    transform:none!important;
    float:none!important;
    background:#111!important;
    color:#f5f5f5!important;
    text-align:left!important;
    scrollbar-width:thin;
    scrollbar-color:#b88037 #171717;
    overscroll-behavior:contain;
}
#icon-po-details-modal .icon-po-details-body::-webkit-scrollbar{width:8px}
#icon-po-details-modal .icon-po-details-body::-webkit-scrollbar-track{background:#171717}
#icon-po-details-modal .icon-po-details-body::-webkit-scrollbar-thumb{background:#b88037;border-radius:99px}

/* Reset theme/builder positioning on the copied cart-item markup. */
#icon-po-details-modal .icon-po-modal-product,
#icon-po-details-modal .icon-po-modal-price-summary,
#icon-po-details-modal .icon-po-modal-summary-card,
#icon-po-details-modal .icon-po-modal-summary-label,
#icon-po-details-modal .icon-po-modal-summary-value,
#icon-po-details-modal .icon-po-modal-options,
#icon-po-details-modal .icon-po-modal-option,
#icon-po-details-modal .icon-po-modal-option-main,
#icon-po-details-modal .icon-po-modal-option-image,
#icon-po-details-modal .icon-po-modal-option-copy,
#icon-po-details-modal .icon-po-modal-option-label,
#icon-po-details-modal .icon-po-modal-option-value,
#icon-po-details-modal .icon-po-modal-option-price,
#icon-po-details-modal .icon-po-modal-total,
#icon-po-details-modal .icon-po-modal-total-row{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    translate:none!important;
    rotate:none!important;
    scale:none!important;
    float:none!important;
    clear:none!important;
    grid-area:auto!important;
    order:0!important;
}
#icon-po-details-modal .icon-po-modal-product{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 0 16px!important;
    padding:0!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:800!important;
    text-align:left!important;
    overflow-wrap:anywhere!important;
}
#icon-po-details-modal .icon-po-modal-price-summary{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:9px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 0 18px!important;
    padding:0!important;
}
#icon-po-details-modal .icon-po-modal-summary-card{
    flex:1 1 0!important;
    align-self:stretch!important;
    display:block!important;
    width:0!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:11px 12px!important;
    background:#181818!important;
    border:1px solid #2d2d2d!important;
    border-radius:10px!important;
    text-align:left!important;
}
#icon-po-details-modal .icon-po-modal-summary-label{
    display:block!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 4px!important;
    padding:0!important;
    color:#999!important;
    font-size:9px!important;
    line-height:1.25!important;
    font-weight:700!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
    text-align:left!important;
}
#icon-po-details-modal .icon-po-modal-summary-value{
    display:block!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:800!important;
    text-align:left!important;
}
#icon-po-details-modal .icon-po-modal-options{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border-top:1px solid #2a2a2a!important;
}
#icon-po-details-modal .icon-po-modal-option{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:15px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:13px 2px!important;
    border-bottom:1px solid #262626!important;
    text-align:left!important;
}
#icon-po-details-modal .icon-po-modal-option-main{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
}
#icon-po-details-modal .icon-po-modal-option-image{
    flex:0 0 46px!important;
    display:block!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    margin:0!important;
    padding:2px!important;
    overflow:hidden!important;
    background:#080808!important;
    border:1px solid #3b3b3b!important;
    border-radius:5px!important;
}
#icon-po-details-modal .icon-po-modal-option-image img{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    float:none!important;
    object-fit:contain!important;
    object-position:center!important;
    border:0!important;
}
#icon-po-details-modal .icon-po-modal-option-copy{
    flex:1 1 auto!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
}
#icon-po-details-modal .icon-po-modal-option-label{
    display:block!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 3px!important;
    padding:0!important;
    color:#e5e5e5!important;
    font-size:11px!important;
    line-height:1.3!important;
    font-weight:800!important;
    text-align:left!important;
    overflow-wrap:anywhere!important;
}
#icon-po-details-modal .icon-po-modal-option-value{
    display:block!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    color:#a9a9a9!important;
    font-size:11px!important;
    line-height:1.45!important;
    font-weight:400!important;
    text-align:left!important;
    overflow-wrap:anywhere!important;
}
#icon-po-details-modal .icon-po-modal-option-price{
    flex:0 0 auto!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    color:#e8aa51!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-style:normal!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-align:right!important;
}
#icon-po-details-modal .icon-po-modal-total{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:18px 0 0!important;
    padding:14px 15px!important;
    background:#17130d!important;
    border:1px solid rgba(232,170,81,.55)!important;
    border-radius:10px!important;
    text-align:left!important;
}
#icon-po-details-modal .icon-po-modal-total-row{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
}
#icon-po-details-modal .icon-po-modal-total-row strong{
    position:static!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:#d5d5d5!important;
    font-size:11px!important;
    line-height:1.35!important;
    font-weight:700!important;
}
#icon-po-details-modal .icon-po-modal-total-row>span{
    position:static!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:#e8aa51!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:900!important;
    text-align:right!important;
}
#icon-po-details-modal .icon-po-modal-line-total{
    margin-top:8px!important;
    padding-top:8px!important;
    border-top:1px solid rgba(232,170,81,.18)!important;
}

@media(max-width:640px){
    #icon-po-details-modal.icon-po-details-modal{padding:14px!important}
    #icon-po-details-modal .icon-po-details-dialog{width:100%!important;max-width:100%!important;max-height:88vh!important;border-radius:14px!important}
    #icon-po-details-modal .icon-po-details-head{gap:14px!important;padding:18px 17px 15px!important}
    #icon-po-details-modal .icon-po-details-head h2{font-size:21px!important}
    #icon-po-details-modal .icon-po-details-close{flex-basis:34px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;font-size:23px!important}
    #icon-po-details-modal .icon-po-details-body{padding:17px!important;max-height:calc(88vh - 82px)!important}
    #icon-po-details-modal .icon-po-modal-price-summary{flex-direction:column!important;gap:8px!important;margin-bottom:16px!important}
    #icon-po-details-modal .icon-po-modal-summary-card{flex:none!important;width:100%!important;padding:10px 12px!important}
    #icon-po-details-modal .icon-po-modal-option{gap:10px!important;padding:12px 0!important}
    #icon-po-details-modal .icon-po-selection-count{display:block!important;margin:3px 0 0!important}
}

@media(max-width:420px){
    #icon-po-details-modal.icon-po-details-modal{padding:8px!important}
    #icon-po-details-modal .icon-po-details-dialog{max-height:92vh!important;border-radius:12px!important}
    #icon-po-details-modal .icon-po-details-head{gap:12px!important;padding:15px 13px 13px!important}
    #icon-po-details-modal .icon-po-details-head h2{font-size:19px!important;overflow-wrap:anywhere!important}
    #icon-po-details-modal .icon-po-details-close{flex-basis:32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;font-size:22px!important}
    #icon-po-details-modal .icon-po-details-body{padding:13px!important;max-height:calc(92vh - 72px)!important}
    #icon-po-details-modal .icon-po-modal-option{align-items:flex-start!important;gap:8px!important}
    #icon-po-details-modal .icon-po-modal-option-main{align-items:flex-start!important;gap:9px!important}
    #icon-po-details-modal .icon-po-modal-option-image{flex-basis:44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important}
    #icon-po-details-modal .icon-po-modal-option-price{font-size:10px!important}
    #icon-po-details-modal .icon-po-modal-total-row{gap:10px!important}
}