.sets {
  --color1: #f60;
  --color2: #71be00;
}

.set .timer {
    font-size: 20px;
    background-color: #cc0000;
    padding: 10px 20px;
    border-radius: 5px;
    color: white;
    margin: 15px;
    display: none;
}

.sets h3 {
    text-align: center;
}

#prd-sets {
    background: transparent;
    display: none;
    width: 100%;
    text-align: center;
}

.sets .set .disc {
    position: absolute;
    left: 0;
    top: 0;
    padding: 4px 6px 4px 10px;
    background-color: var(--color1);
    border-radius: 5px 0 5px 0;
    color: white;
    z-index: 5;
}
.sets .set .quantity {
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px 6px;
    background-color: var(--color2);
    border-radius: 0 5px 0 5px;
    color: white;
    z-index: 5;
}
.add-set-btn {
    background: var(--color1);
    border: none;
    margin: 15px auto 10px auto;
}
.img-resp
{
    max-width: 100%;
    margin: 0 auto;
    display: table;
    height: auto;
}
.sets .set_table {
    display: grid;
    grid-template-columns: 1fr minmax(300px, 410px);
    column-gap: 20px;
    align-items: center;
    margin: 0 !important;
}
.sets  .plus {
    position: absolute;
    left: -70px;
    top: 50%;
    transform: translateY(-50%);
}
.set_table-list {
    display: flex;
    column-gap: 90px;
    align-items: stretch;
    overflow-x: auto;
}
.set_table-list .product-layout {
    position: relative;
    width: 100% !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 240px;
}
.kjincluded {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0!important;
    z-index: 9;
}
.sets .ao span {
    background: #bbb;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: table;
    font-size: 25px;
    font-weight: 700;
    margin: 10px auto;
    color: white;
}
.set-total {
    width: 100%;
}
.set-total .btn {
    width: 100%;
    margin: 0;
    padding: 12px 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    column-gap: 10px;
}
.set_table-total {
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.mymargin {
    margin-top: 30px;
}
.hidden {
    display: none;
}
#prd-sets {
    box-shadow: none;
    border: none;
}
#prd-sets table td {
    vertical-align: middle;
}
#prd-sets .owl-wrapper-outer
{
    border: none;
    box-shadow: none;
}

.sets .out-stock
{
    filter: grayscale(100%);
}

#prd-sets .swiper-viewport
{
    box-shadow: none;
}

.series-options-modal .price
{
    font-size: 18px;
    line-height: 38px;
    float: left;
    margin: 0;
    font-weight: 500;
}
.series-options-modal .price-old
{
    text-decoration: line-through;
    color: #b3b3b3;
    font-size: 15px;
    font-weight: 300;
}

.series-options-modal .price-new
{
    margin-left: 10px;
    font-size: 19px;
    color: #444;
    white-space: nowrap;
    font-weight: 700;
}
.series-options-modal .discounts, 
.series-options-modal input[name="quantity"]
{
    display: none!important;
}
.series-options-modal input[name="quantity"]
{
    width:70px;
    margin-left: 10px;
    display: inline-block;
}
.series-options-modal .apply-options  {
    font-size: 16px;
    border: none;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.series-options-modal .apply-options.btn-success.btn:hover {
    background-color: #E01C1C !important;
}
.series-options-modal .bs5-close
{
    display: none;
}
.set-total .new_summ {
    color: #303841;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
}
.set-total .economy {
    color: #E01C1C;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}
.set-total .kjleft {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    align-items: center;
    margin-bottom: 20px;
}

.series-options-modal .modal-header {
    padding: 30px 30px 0;
    border: none;
}
.series-options-modal .modal-header .close {
    position: absolute;
    top: 15px;
    right: 15px;
}
.series-options-modal .modal-title {
    color: #303841;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
}
.series-options-modal .modal-title::after {
    display: block;
    content: '';
    width: 50px;
    height: 1px;
    background-color: #303841;
    margin-top: 10px;
}
.series-options-modal .modal-body {
    padding: 15px 30px 30px;
}
.series-options-modal .form-group {
    display: grid;
    grid-template-columns: 150px 1fr;
    column-gap: 10px;
}
.series-options-modal .form-group .control-label {
    padding: 0 0 5px;
}
.series-options-modal .form-group select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.series-options-modal .form-group select.form-control,
.series-options-modal .form-group select.form-control:hover,
.series-options-modal .form-group select.form-control:focus {
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 15px 15px !important;
    background-image: url("data:image/svg+xml;utf8,<svg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M2.33789 5.33836L3.17625 4.5L7.49953 8.82329L11.8228 4.5L12.6612 5.33836L7.49953 10.5L2.33789 5.33836Z' fill='%23303841'/></svg>") !important;
    padding-right: 40px !important;
}
.series-options-modal .list-group-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
}
.series-options-modal .list-group {
    padding-top: 15px;
}
.series-options-modal .text-danger {
    display: flex;
    column-gap: 5px;
    font-size: 12px;
}
.series-options-modal .text-danger {
    max-width: calc(100% - 160px);
    width: 100%;
    margin: 5px 0 0 auto;
    grid-column: 1/-1;
}
.series-options-modal .text-danger::before {
    display: block;
    content: "";
    min-width: 15px;
    width: 15px;
    height: 15px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'><path d='M9.99982 12.1874V10.6249C9.99982 10.5338 9.97047 10.4588 9.91177 10.4001C9.85307 10.3414 9.77815 10.3121 9.687 10.3121H8.74963V5.31191C8.74963 5.22076 8.72029 5.14584 8.66159 5.08714C8.60289 5.02844 8.52796 4.99909 8.43682 4.99909H5.31191C5.22076 4.99909 5.14584 5.02844 5.08714 5.08714C5.02844 5.14584 4.99909 5.22076 4.99909 5.31191V6.87436C4.99909 6.96551 5.02844 7.04043 5.08714 7.09913C5.14584 7.15783 5.22076 7.18718 5.31191 7.18718H6.24927V10.3121H5.31191C5.22076 10.3121 5.14584 10.3414 5.08714 10.4001C5.02844 10.4588 4.99909 10.5338 4.99909 10.6249V12.1874C4.99909 12.2785 5.02844 12.3534 5.08714 12.4121C5.14584 12.4708 5.22076 12.5002 5.31191 12.5002H9.687C9.77815 12.5002 9.85307 12.4708 9.91177 12.4121C9.97047 12.3534 9.99982 12.2785 9.99982 12.1874ZM8.74963 3.43718V1.87473C8.74963 1.78358 8.72029 1.70866 8.66159 1.64996C8.60289 1.59126 8.52796 1.56191 8.43682 1.56191H6.56154C6.47039 1.56191 6.39547 1.59126 6.33677 1.64996C6.27807 1.70866 6.24872 1.78358 6.24872 1.87473V3.43718C6.24872 3.52833 6.27807 3.60325 6.33677 3.66195C6.39547 3.72065 6.47039 3.75 6.56154 3.75H8.43682C8.52796 3.75 8.60289 3.72065 8.66159 3.66195C8.72029 3.60325 8.74963 3.52833 8.74963 3.43718ZM15 7.5C15 8.86065 14.6648 10.1156 13.9943 11.2648C13.3238 12.414 12.414 13.3238 11.2648 13.9943C10.1156 14.6648 8.86065 15 7.5 15C6.13935 15 4.88442 14.6648 3.73523 13.9943C2.58604 13.3238 1.67621 12.414 1.00572 11.2648C0.335241 10.1156 0 8.86065 0 7.5C0 6.13935 0.335241 4.88442 1.00572 3.73523C1.67621 2.58604 2.58604 1.67621 3.73523 1.00572C4.88442 0.335241 6.13935 0 7.5 0C8.86065 0 10.1156 0.335241 11.2648 1.00572C12.414 1.67621 13.3238 2.58604 13.9943 3.73523C14.6648 4.88442 15 6.13935 15 7.5Z' fill='%23E01C1C'/></svg>") no-repeat center;
    background-size: contain;
    pointer-events: none;
    position: relative;
    top: 1px;
}
.sets {
    margin: 80px 0 !important;
}
.product-set {
    width: 100%;
}
.product-set-title {
    position: relative;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    background-color: #303841;
    padding: 12px;
    margin-bottom: 30px;
}
.product-set-title::before {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    display: block;
    width: 20px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2210%22%20viewBox%3D%220%200%2020%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cmask%20id%3D%22path-1-inside-1_2626_48136%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M0%200H20L10%2010L0%200Z%22/%3E%3C/mask%3E%3Cpath%20d%3D%22M0%200V-10H-24.1421L-7.07107%207.07107L0%200ZM20%200L27.0711%207.07107L44.1421%20-10H20V0ZM10%2010L2.92893%2017.0711L10%2024.1421L17.0711%2017.0711L10%2010ZM0%2010H20V-10H0V10ZM12.9289%20-7.07107L2.92893%202.92893L17.0711%2017.0711L27.0711%207.07107L12.9289%20-7.07107ZM17.0711%202.92893L7.07107%20-7.07107L-7.07107%207.07107L2.92893%2017.0711L17.0711%202.92893Z%22%20fill%3D%22%23303841%22%20mask%3D%22url(%23path-1-inside-1_2626_48136)%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
.sets {
    margin: 0;
    padding: 0;
}
.sets .swiper-wrapper {
    width: 100%;
    max-width: 100%;
    transform: none !important;
}
.sets .swiper-button-disabled {
    display: none !important;
}
.sets .container {
    max-width: 1440px;
    width: 100%;
    padding: 0 20px;
}
#product-product  #content {
    padding-bottom: 0 !important;
}
@media(max-width: 991px) {
    .sets .container {
        padding: 0 15px;
    }
    .sets {
        margin: 40px 0 !important;
    }
    .set_table-list {
        column-gap: 55px;
    }
    .sets .set_table {
        grid-template-columns: 1fr;
        row-gap: 15px;
    }
    .set_table-total {
        flex-direction: column;
        row-gap: 15px;
    }
    .cell svg {
        width: 35px;
        height: 35px;
    }
    .sets .plus {
        left: -45px;
    }
    .set-total .btn {
        font-size: 14px;
    }
    .set-total .btn svg {
        width: 16px;
        height: 16px;
    }
    .series-options-modal .modal-header {
        padding: 30px 15px 0;
        border: none;
    }
    .series-options-modal .modal-header .close {
        top: 10px;
        right: 10px;
    }
    .series-options-modal .modal-body {
        padding: 10px 15px 20px;
    }
    .series-options-modal .form-group {
        grid-template-columns: 1fr;
    }
    .series-options-modal .text-danger {
        max-width: 100%;
    }
}
@media(max-width: 767px) {
    .series-options-modal .col-sm-6 {
        margin-top: 15px;
    }
}