/* XootiX native empty-cart state, isolated to the DEV CC-F5 design surface. */
body.cc-f5-ui .xoo-wsc-container .xoo-wsc-empty-cart {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:0;
    min-height:100%;
    padding:30px 22px 38px;
    background:linear-gradient(180deg,#f3f6fc 0%,#f8faff 75%,#fff 100%);
    text-align:center;
}
body.cc-f5-ui .xoo-wsc-container .xoo-wsc-empty-cart::before {
    content:"";
    display:block;
    flex:none;
    width:min(100%,258px);
    aspect-ratio:1;
    margin:0 auto 22px;
    border:1px solid #dce6f5;
    border-radius:22px;
    background:#fff url("cc-f10/empty-cart.webp") center / contain no-repeat;
    box-shadow:0 8px 24px rgb(9 59 198 / 9%);
}
body.cc-f5-ui .xoo-wsc-container .xoo-wsc-empty-cart .xoo-wsc-emp-txt {
    display:block;
    margin:0 0 22px;
    color:#15264b;
    font:800 24px/1.28 Manrope,Arial,sans-serif;
    letter-spacing:-.35px;
}
body.cc-f5-ui .xoo-wsc-container .xoo-wsc-empty-cart > a.xoo-wsc-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:54px;
    margin:0;
    padding:12px 18px;
    border:1px solid #ff9c22;
    border-radius:11px;
    background:linear-gradient(135deg,#ff9c22,#ff7510);
    color:#10234a!important;
    box-shadow:0 4px 0 #bd4b00,0 7px 14px rgb(255 117 16 / 17%);
    font:800 16px/1.35 Manrope,Arial,sans-serif;
    text-align:center;
    text-decoration:none;
    text-transform:none;
    white-space:normal;
    transition:background .16s,border-color .16s,box-shadow .16s;
}
body.cc-f5-ui .xoo-wsc-container .xoo-wsc-empty-cart > a.xoo-wsc-btn:is(:hover,:focus-visible) {
    border-color:#ffc06c;
    background:linear-gradient(135deg,#ffb247,#ff8b22);
    color:#10234a!important;
    box-shadow:0 4px 0 #c45400,0 9px 18px rgb(255 139 34 / 28%);
}
body.cc-f5-ui .xoo-wsc-container .xoo-wsc-empty-cart > a.xoo-wsc-btn:focus-visible {
    outline:3px solid #093bc6;
    outline-offset:4px;
}
@media(max-width:380px) {
    body.cc-f5-ui .xoo-wsc-container .xoo-wsc-empty-cart {padding:24px 18px 30px;}
    body.cc-f5-ui .xoo-wsc-container .xoo-wsc-empty-cart::before {width:min(100%,220px);margin-bottom:18px;}
    body.cc-f5-ui .xoo-wsc-container .xoo-wsc-empty-cart .xoo-wsc-emp-txt {font-size:21px;margin-bottom:18px;}
}
@media(prefers-reduced-motion:reduce) {
    body.cc-f5-ui .xoo-wsc-container .xoo-wsc-empty-cart > a.xoo-wsc-btn {transition:none;}
}