
:root{--rs-accent:#ff6f22}
.rsx-top-total{
    display:none;
    margin:14px 0 12px;
    color:var(--rs-accent);
    font-size:25px;
    font-weight:400;
    line-height:1.15;
}
.rsx-card{
    margin:14px 0 16px;
    padding:12px 13px 10px;
    border:1px solid #e4e4e4;
    border-radius:10px;
    background:#fff;
    box-shadow:0 3px 10px rgba(0,0,0,.04);
}
.rsx-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:7px;
}
.rsx-title{font-size:14px;line-height:1.2;font-weight:700;color:#111}
.rsx-qty-wrap{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:10px;
    color:#666;
}
.rsx-number{
    width:54px;
    height:29px;
    padding:0 6px;
    border:1px solid #d8d8d8;
    border-radius:6px;
    background:#fff;
    color:#111;
    font-size:12px;
    font-weight:700;
    text-align:center;
    outline:none;
    -moz-appearance:textfield;
}
.rsx-number::-webkit-outer-spin-button,
.rsx-number::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0;
}
.rsx-number:focus{border-color:var(--rs-accent)}
.rsx-slider-block{margin-top:5px}
.rsx-slider-label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:2px;
    font-size:10px;
    color:#666;
}
.rsx-page-input-wrap{
    display:flex;
    align-items:center;
    gap:5px;
    color:#777;
    font-size:9px;
}
.rsx-slider-area{position:relative;padding-top:15px}
.rsx-bubble{
    position:absolute;
    top:0;
    left:8px;
    transform:translateX(-50%);
    min-width:28px;
    padding:2px 5px;
    border-radius:5px;
    background:var(--rs-accent);
    color:#fff;
    font-size:10px;
    font-weight:700;
    line-height:16px;
    text-align:center;
    pointer-events:none;
    white-space:nowrap;
    z-index:2;
}
.rsx-bubble:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-4px;
    transform:translateX(-50%);
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid var(--rs-accent);
}
.rsx-range{
    --rsx-progress:0%;
    -webkit-appearance:none;
    appearance:none;
    width:100%;
    height:5px;
    margin:0;
    border:0;
    border-radius:999px;
    outline:none;
    cursor:pointer;
    background:linear-gradient(
        to right,
        var(--rs-accent) 0%,
        var(--rs-accent) var(--rsx-progress),
        #e7e7e7 var(--rsx-progress),
        #e7e7e7 100%
    );
}
.rsx-range::-webkit-slider-thumb{
    -webkit-appearance:none;
    appearance:none;
    width:16px;
    height:16px;
    border-radius:50%;
    border:2px solid var(--rs-accent);
    background:#fff;
    cursor:pointer;
}
.rsx-range::-moz-range-thumb{
    width:14px;
    height:14px;
    border-radius:50%;
    border:2px solid var(--rs-accent);
    background:#fff;
    cursor:pointer;
}
.rsx-minmax{
    display:flex;
    justify-content:space-between;
    margin-top:2px;
    color:#999;
    font-size:8px;
}
.rsx-lines{margin-top:6px;border-top:1px solid #eee}
.rsx-line{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:29px;
    border-bottom:1px dashed #ececec;
    font-size:11px;
}
.rsx-line:last-child{border-bottom:0}
.rsx-label{color:#777}
.rsx-line strong{color:#111;font-size:12px;font-weight:700}
.rsx-line .rsx-total{color:var(--rs-accent);font-size:15px}
.rsx-note{
    display:flex;
    justify-content:flex-end;
    min-height:12px;
    margin-top:1px;
    color:var(--rs-accent);
    font-size:9px;
    font-weight:600;
    line-height:1.2;
}
.rsx-message{margin-top:4px;color:#777;font-size:10px;line-height:1.3}
.rsx-message:empty{display:none}
body.single-product .summary > p.price,
body.single-product .summary > span.price,
body.single-product .summary .woocommerce-variation-price{
    display:none!important;
}
@media(max-width:480px){
    .rsx-card{padding:11px 12px 9px}
    .rsx-title{font-size:13px}
    .rsx-line{min-height:27px}
    .rsx-top-total{margin:12px 0 10px;font-size:22px}
}
