.cc-section {
    max-width: 1100px;
    margin: 0 auto;
}

body:not(.woocommerce-account) div#pack-preference {
    display: block!important;
}

.cc-option .cc-option-wrapper {
    padding: 0;
}

.woocommerce-account label.cc-pack-title.cc-select-title {
    line-height: 55px;
}

.cc-products-btn > a {
    background: #404F24 none repeat scroll 0 0!important;
}

.cc-delivery.active .cc-delivery-title, .cc-delivery .cc-delivery-title:hover {
    background: #230A0D;
    color: #fff;
    border-color: #333;
}

.cc-delivery.active .cc-delivery-title > span.discount , .cc-delivery .cc-delivery-title:hover > span.discount {
    color: #D5B497!important;
}

.cc-delivery-title span.discount {
    color: #818181;
}

.wpb_text_column :last-child .cc-wc-btn, .cc-wc-btn {
    width: 29%;
    width: calc(33.333% - 30px);
    position: relative;
    margin: 0 15px;
}

label.cc-pack-title.cc-select-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

.cc-wc-btn.active:after, .cc-wc-btn:hover:after {
    content: '';
    height: 100%;
    width: 100%;
    /* background-color: #e8e8e8; */
    border: 3px solid #adcff1;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: none;
}

.woocommerce-account .cc-option.cc-wc-btn:after {
    height: 85%!important;
    background-color: transparent;
/*     content: ''; */
    height: 100%;
    width: 100%;
    border: 3px solid #000;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.woocommerce-account .cc-option.cc-wc-btn:hover:after, .woocommerce-account .cc-option.cc-wc-btn.active:hover:after {
    background-color: #e8e8e8;
}

span.custom-mix-counter {
    padding: 5px;
    width: 30px;
    border: 2px solid #000;
    text-align: center;
    margin-left: 5px;
    background: #000;
    color: #fff;
    line-height: 30px;
}

.cc-option.cc-wc-btn.active:after, .cc-option.cc-wc-btn:hover:after {
    height: 50%;
}

.cc-wc-btn.active .cc-select-wrapper, .cc-wc-btn:hover .cc-select-wrapper {
    border-color: #f25900;
}

.cc-sidebar {
    position: relative!important;
    width: 100%;
    right: 0!important;
    bottom: 0px!important;
}

.cc-products-selected ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 800px;
    margin: 0 auto 30px;
}

.item-list li {
    width: 20%;
}

.cc-data-result .data-container {
    width: 32.3333%!important;
    text-align: left;
    float: left;
    position: relative;
    padding: 15px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}

.cc-sidebar .cc-sidebar-wrapper .cc-products-selected>p {
    font-size: 26px;
    margin: 50px 0 20px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.cc-pack-container {
    display: flex;
    max-width: 600px;
    margin: 15px auto 20px;
}

div#cc-delivery {
    display: none;
}

.cc-data-result .data-container:nth-child(3) {
    border-right: 1px solid;
}

.cc-products-selected {
    margin: 30px auto;
}

.cc_button_up {
    display: none!important;
}

.cc-month.cc-wc-btn:hover:after, .cc-month.cc-wc-btn.active:after {
    color: #fff;
}

button.cc-addremove.cc-clear:hover, button#save:hover {
    color: #fff!important;
}

.cc-sidebar-wrapper .cc-products-btn > a:hover, .cc-sidebar-wrapper .cc-checkout-btn > a:hover, .cc-sidebar-wrapper .cc-switch-pack-btn > a:hover {
    background-color: #abcae9 !important;
    color: #fff!important;
    border-color: #abcae9;
}

.cc-sidebar-panel-head.proceed-active {
    background-color: rgb(171 202 233) !important;
}

.woocommerce-account .cc-sidebar {
    max-width: 800px;
    margin: 0 auto 50px;
}

.woocommerce-account .cc-options-data {
    max-width: 790px;
    width: 100%;
}

.custom-mix-wrapper .cc-wine-wrapper {
    width: 23%;
    margin: 5px 1%!important;
}

.custom-mix-wrapper .cc-wine-wrapper:nth-child(3n+1) {
    margin-left: 1%;
}

.custom-mix-wrapper .cc-wine-wrapper .cc-product-title {
    font-family: 'Basel Grotesk';
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.custom-mix-wrapper .cc-wine-wrapper .price span {
    font-family: 'Basel Grotesk';
    font-size: 14px;
    font-weight: 600;
    color: #777;
}

.custom-mix-wrapper .cc-wine-wrapper .price {
    margin-top: 0px;
    margin-bottom: 0px;
}

.cc-wc-btn .cc-select-wrapper .cc-select-title, .cc-wc-btn:hover .cc-select-wrapper .cc-select-title, .cc-wc-btn>.cc-select-wrapper:after {
    /* font-family: 'aspect'; */
}

.cc-month.cc-wc-btn[data-title="Every 3 Months"] .cc-select-wrapper:before {
    background-image: url(/wp-content/themes/cru-theme-1/assets/img/3-Months-new.png);
}

.cc-month.cc-wc-btn[data-title="Every 12 Months"] .cc-select-wrapper:before {
    background-image: url(/wp-content/themes/cru-theme-1/assets/img/12-Months.png);
}

.cc-month.cc-wc-btn[data-title="Every 4 Months"] .cc-select-wrapper:before {
    background-image: url(/wp-content/themes/the-lane/images/4-months.png);
}

.cc-month.cc-wc-btn[data-title="Every 6 Months"] .cc-select-wrapper:before {
    background-image: url(/wp-content/themes/cru-theme-1/assets/img/6-Months.png);
}

.cc-month.cc-wc-btn[data-title="Every 12 Months"] .cc-select-wrapper:before {
    background-image: url(/wp-content/uploads/2022/03/12-MONTHS-new.png);
}

.cc-bottle.cc-wc-btn[data-title="6 Bottles"] .cc-select-wrapper:before {
    background-image: url(/wp-content/themes/cru-theme-1/assets/img/6-bottles.png);
}

.cc-bottle.cc-wc-btn[data-title="3 Bottles"] .cc-select-wrapper:before {
    background-image: url(/wp-content/themes/cru-theme-1/assets/img/3-bottles.png);
}

.cc-bottle.cc-wc-btn[data-title="12 Bottles"] .cc-select-wrapper:before {
    background-image: url(/wp-content/themes/cru-theme-1/assets/img/12-Bottles.png);
}

.cc-month .cc-select-wrapper:before, .cc-bottle .cc-select-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 25px;
    background-position: center;
    background-size: cover;
    left: 50%;
    transform: translateX(-50%);
}

.cc-select-wrapper:before {
    width: 212px;
    height: 115px;
}

.cc-wc-btn, .wpb_text_column :last-child .cc-wc-btn {
    padding-bottom: 20px;
    height: 100%;
    box-sizing: unset;
    height: 200px;
}

.cc-month .cc-select-wrapper:before, .cc-bottle .cc-select-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 25px;
    background-position: center;
    background-size: cover;
    left: 50%;
    transform: translateX(-50%);
}

.cc-select-wrapper:before {
    width: 212px;
    height: 115px;
}

.cc-month .cc-select-wrapper:before {
    background-size: contain;
    background-repeat: no-repeat;
}

.cc-wc-btn.active .cc-select-wrapper .cc-select-title, .cc-wc-btn:hover .cc-select-wrapper .cc-select-title {
    color: #000;
    font-family: 'Basel Grotesk';
    font-weight: 500;
}

.cw-cc-section h2 {
    font-size: 72px;
    font-family: segoe;
}

.cw-cc-section h2 strong {
    border-bottom: 2px dashed;
    padding-bottom: 10px;
}

.cc-delivery {
    width: 33.33%;
}

.cc-delivery .cc-delivery-title {
    border-bottom: 1px solid #e8e8e8;
}

.cc-delivery .cc-delivery-title {
    line-height: 1.5em;
    font-weight: 300;
    padding: 20px;
    font-size: 14px;
    font-weight: 600;
}

.cc-delivery .cc-delivery-title:hover, .cc-delivery.active .cc-delivery-title {
    border-color: #5a6c37;
}

.cc-section p.cc-section-desc {
    padding: 5px 0 15px;
    margin: 0 0 20px;
}

.cc-delivery-title span {
    display: block;
    position: relative;
    color: #5a6c37;
}

.custom-mix-wrapper .cc-wine-wrapper .controls {
    width: 100%;
    margin: 0 auto;
    max-width: fit-content;
    border-radius: 50px;
    padding: 5px 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    display: block;
}

.custom-mix-wrapper .cc-wine-wrapper .controls .cc-addremove, .custom-mix-wrapper .cc-wine-wrapper .controls .quick-view-btn {
    float: none;
    padding: 0;
}

.cc-options-data {
    margin: 0 auto;
}

.cc-delivery.active .cc-delivery-title, .cc-delivery .cc-delivery-title:hover {
    background-color: #5a6c37 !important;
    border-color: #5a6c37 !important;
    border-bottom: 1px #5a6c37 solid;
}

.cc-option.active .cc-option-wrapper {
    border: none;
}

a.cc-buy-now {
    border: 1px #5a6c37 solid;
}

.cc-select-title {
    font-size: 16px;
    position: absolute;
    bottom: 10px;
}

.cc-wc-btn, .wpb_text_column :last-child .cc-wc-btn {
    padding-bottom: 20px;
    height: 100%;
    box-sizing: unset;
    height: 200px;
}

.cc-wc-btn>.cc-select-wrapper:after {
    position: absolute;
    bottom: -5px;
    color: #5a6c37;
    font-weight: 600;
}

.cc-wc-btn.cc-bottle[data-subscription-id="10879"]>.cc-select-wrapper:after, .cc-wc-btn.cc-bottle[data-subscription-id="11462"]>.cc-select-wrapper:after {
    /* content: 'SAVE UP TO 25%'; */
}

.cc-wc-btn.cc-month[data-subscription-id="11462"]>.cc-select-wrapper:after, .cc-wc-btn.cc-month[data-subscription-id="10879"]>.cc-select-wrapper:after {
    content: 'SAVE 25%';
}

.cc-wc-btn.cc-bottle[data-subscription-id="10884"]>.cc-select-wrapper:after, .cc-wc-btn.cc-bottle[data-subscription-id="11450"]>.cc-select-wrapper:after {
    /* content: 'SAVE UP TO 20%'; */
}

.cc-wc-btn.cc-month[data-subscription-id="10886"]>.cc-select-wrapper:after, .cc-wc-btn.cc-month[data-subscription-id="10884"]>.cc-select-wrapper:after, .cc-wc-btn.cc-month[data-subscription-id="11465"]>.cc-select-wrapper:after, .cc-wc-btn.cc-month[data-subscription-id="11464"]>.cc-select-wrapper:after, .cc-wc-btn.cc-month[data-subscription-id="11450"]>.cc-select-wrapper:after {
    content: 'SAVE 20%';
}

.cc-wc-btn.cc-bottle[data-subscription-id="11454"]>.cc-select-wrapper:after {
    /* content: 'SAVE UP TO 15%'; */
}

.cc-wc-btn.cc-month[data-subscription-id="10887"]>.cc-select-wrapper:after, .cc-wc-btn.cc-month[data-subscription-id="10885"]>.cc-select-wrapper:after, .cc-wc-btn.cc-month[data-subscription-id="11454"]>.cc-select-wrapper:after, .cc-wc-btn.cc-month[data-subscription-id="11460"]>.cc-select-wrapper:after, .cc-wc-btn.cc-month[data-subscription-id="11459"]>.cc-select-wrapper:after {
    content: 'SAVE 15%';
}

.cc-wc-btn.cc-month[data-subscription-id="10888"]>.cc-select-wrapper:after, .cc-wc-btn.cc-month[data-subscription-id="11455"]>.cc-select-wrapper:after, .cc-wc-btn.cc-month[data-subscription-id="11461"]>.cc-select-wrapper:after {
    content: 'SAVE 10%';
}

.cc-wc-btn.cc-month[data-subscription-id="11456"]>.cc-select-wrapper:after {
    content: 'SAVE 5%';
}

#pack-preference .cc-option.cc-wc-btn {
    /* height: auto!important; */
    cursor: pointer;
    margin: 0 15px;
    position: relative;
    padding-top: 20px;
    height: 250px;
    /* padding-bottom: 40px; */
}

.pack-image img {
    max-width: 250px;
    margin: auto;
}

#pack-preference .cc-options.cc-selects {
    align-items: stretch;
}

.cc-select-wrapper {
    padding: 0;
    border: none;
    box-sizing: unset;
    min-height: unset;
}

.cc-select-title {
    color: #000;
    font-family: 'Basel Grotesk'!important;
    font-weight: 500!important;
}

.cc-products-btn {
    max-width: 300px;
    margin: auto;
    text-align: center;
}

a.cc-buy-now {
    width: auto!important;
}

.cc-products-btn:hover > a, .cc-chkout-btn.cc-data-fixed-total:hover > a {
    background-color: #5a6c37!important;
    border-color: #5a6c37!important;
}

.cc-products-btn > a.clicked, .cc-chkout-btn.cc-data-fixed-total > a.clicked {
    background: #5a6c37!important;
    border-color: #5a6c37!important;
}

.cc-month.cc-wc-btn[data-title="Every Month"] .cc-select-wrapper:before {
    background-image: url(/wp-content/themes/cru-theme-1/assets/img/1-Month.png);
}

.custom-mix-wrapper .cc-wine-wrapper {
    border: none;
    position: relative;
}

.page-id-13893 div#join_ch {
    margin-top: 0;
}

article#post-13893 {
    margin-bottom: 0;
}

button.cc-addremove i {
    color: #231F20!important;
}

.cc-container {
    max-width: 90%;
    margin: 0 auto;
}

.custom-mix-wrapper .cc-wine-wrapper .qty {
    height: 32px;
    background-color: #abcae9;
}
.cc-bottle[data-title="3 Bottles"] label.cc-bottle-title.cc-select-title:after{
    content: 'Save Up to 20%';
    display: block;
    font-size: 12px;
}
.cc-bottle[data-title="6 Bottles"] label.cc-bottle-title.cc-select-title:after{
    content: 'Save Up to 25%';
    display: block;
    font-size: 12px;
}
.cc-bottle[data-title="12 Bottles"] label.cc-bottle-title.cc-select-title:after{
    content: 'Save Up to 25%';
    display: block;
    font-size: 12px;
}
.cc-sidebar-panel-head {
    background-color: #abcae9;
}

.cc-sidebar-panel-head i.fa.fa-angle-up {
    color: #fff;
}
.custom-mix-wrapper .cc-wine-wrapper .controls .cc-addremove:hover {
    background: transparent;
}

.custom-mix-wrapper .cc-wine-wrapper .controls .cc-addremove {
    background-color: transparent;
    width: auto;
    padding: 0 10px;
    font-size: 14px;
}

.cc-sidebar-panel-head i.fa.fa-angle-down {
    color: #fff;
}

.cc-sidebar .cc-sidebar-wrapper p {
    font-weight: 400;
}

.cc-sidebar-wrapper .cc-products-btn > a:after {
    display: none!important;
}

.custom-mix-wrapper .cc-wine-wrapper .controls .cc-addremove:hover i {
    color: #abcae9 !important;
}

.controls .qty {
    position: relative!Important;
    height: auto!important;
    width: auto!important;
    display: inline-block;
    top: unset!important;
    left: unset!important;
    background-color: transparent!important;
    color: #231f20 !important;
    font-size: 14px;
}
.custom-mix-wrapper .cc-wine-wrapper .image img {
    height: 271px;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

.custom-mix-wrapper .cc-wine-wrapper .image {background: #EEE!important;padding: 10px 0;height: auto;}
.cc-wc-btn>.cc-select-wrapper:after {
    display: none;
}

.pack-image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.cc-option.cc-wc-btn.active {
    /* border: 3px solid #abcae9; */
}

.pack-desc {
    position: absolute;
    width: 100%;
    top: 20px;
}

div#cc-buy-now {
    display: none!important;
}

.cc-bottle.cc-wc-btn[data-title="1 Carton"] .cc-select-wrapper:before {
    background-image: url('/wp-content/uploads/2025/07/PICCOLO-PACK.png');
    height: 135px;
}

.cc-bottle.cc-wc-btn[data-title="1 Carton"] {
    padding-top: 10px;
}

.set_pack .cc-pack-container {
    margin-bottom: 50px;
}

.set_pack .cc-checkout-btn {
    margin-top: 40px;
}

label.cc-pack-title.cc-select-title {
    position: relative;
}

@media only screen and (max-width: 1200px) {
    a.cc-update-payment-details-link {
        display: block;
        margin-top: 30px;
    }

    .controls {
        display: block!important;
    }
}

@media only screen and (max-width: 1000px) {
    a.cc-edit-wine-btn, a.cc-switch-pack-btn, .cc-update-payment-details-link {
        display: block;
        text-align: center;
        margin: 15px auto;
    }

    .woocommerce-account .cc-wc-btn {
        width: 50%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1000px) {
    div.edit-wines-wine-container, .custom-mix-wrapper .cc-wine-wrapper {
        width: 48%!important;
    }
}

@media only screen and (max-width: 768px) {
    .custom-mix-wrapper .cc-wine-wrapper {
        width: 48%;
    }

    .cc-counter-counter {
        width: 100%;
        justify-content: center;
    }

    .cc-counter-desc {
        float: none;
    }
}

@media only screen and (max-width: 767px) {
    .wpb_text_column :last-child .cc-wc-btn, .cc-wc-btn {
        width:47%;
        width: calc(50% - 30px);
    }
}

@media only screen and (max-width: 600px) {
    .item-list li {
        width:27%;
    }

    .woocommerce-account .container_inner.default_template_holder.clearfix.page_container_inner {
        width: 90%!important;
    }
}

@media only screen and (max-width: 600px) {
    .cc-wc-btn {
        width: 100% !important;
    }

    .woocommerce-page table#subscription-table, .woocommerce-page table#subscription-table thead, .woocommerce-page table#subscription-table tbody, .woocommerce-page table#subscription-table th, .woocommerce-page table#subscription-table td, .woocommerce-page table#subscription-table tr {
        display: block;
    }

    .woocommerce-page table#subscription-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .woocommerce-page table#subscription-table td:not(.voucher-actions) {
        position: relative;
        padding-left: 40%!important;
    }

    .woocommerce-page table#subscription-table .voucher-actions {
        text-align: center;
    }

    .woocommerce-page table#subscription-table tr {
        border: 1px solid #eee;
        margin-bottom: 5px;
    }

    .woocommerce-page table#subscription-table {
        border: none;
    }

    .woocommerce-page table#subscription-table td {
        border: none !important;
    }

    .woocommerce-page table#subscription-table td:before {
        position: absolute;
        top: 10px;
        left: 6px;
        width: 35%;
        white-space: nowrap;
    }

    .woocommerce-page table#subscription-table td:first-child:before {
        content: 'PACK NAME';
    }

    .woocommerce-page table#subscription-table td:nth-child(2):before {
        content: 'NEXT \A PAYMENT DUE';
        white-space: pre;
    }

    .woocommerce-page table#subscription-table td:nth-child(3):before {
        content: 'PRICE';
    }

    .woocommerce-page table#subscription-table td:nth-child(4):before {
        content: 'STATUS';
    }

    .woocommerce-page table#subscription-table td:last-child {
        padding-left: 0 !important;
        text-align: center;
    }

    .woocommerce-page table#subscription-table .woocommerce-Button {
        float: none;
    }

    .woocommerce-page table#cc-product-list-table, .woocommerce-page table#cc-product-list-table thead, .woocommerce-page table#cc-product-list-table tbody, .woocommerce-page table#cc-product-list-table th, .woocommerce-page table#cc-product-list-table td, .woocommerce-page table#cc-product-list-table tr {
        display: block;
    }

    .woocommerce-page table#cc-product-list-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .woocommerce-page table#cc-product-list-table tr {
        border: 1px solid #eee;
        margin-bottom: 5px;
    }

    .woocommerce-page table#cc-product-list-table td {
        position: relative;
        padding-left: 30% !important;
    }

    .woocommerce-page table#cc-product-list-table {
        border: none;
    }

    .woocommerce-page table#cc-product-list-table td {
        border: none !important;
    }

    .woocommerce-page table#cc-product-list-table td:before {
        position: absolute;
        top: 10px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .woocommerce-page table#cc-product-list-table td:nth-child(2):before {
        content: 'PRODUCT';
    }

    .woocommerce-page table#cc-product-list-table td:last-child:before {
        content: 'QTY';
    }

    .woocommerce-page table#cc-product-list-table td:first-child {
        padding-left: 0 !important;
        text-align: center;
    }

    .woocommerce-page table#cc-product-list-table td:first-child img {
        margin: 0 auto;
    }

    table#cc-product-list-table tbody tr td:first-child {
        width: 100% !important;
    }

    .cc-counter-wrapper {
        padding: 25px 0px !important;
    }
}

@media only screen and (max-width: 480px) {
    div.edit-wines-wine-container, .custom-mix-wrapper .cc-wine-wrapper {
        width:100%;
    }
}

@media only screen and (max-width: 425px) {
    .item-list li {
        width:40%;
    }
}

.cc-wine-wrapper button.quick-view-btn {
    display: none!important;
}