.cart_area {
    display: flex;
    gap: 25px;
    justify-content: space-between;
}

.cart_area .basket_info_incart {
    display: none;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: 616px;
    gap: 15px;
}

.cart_area .basket_info_incart.active {
    display: flex;
}

.cart_area .basket_info_incart .basket_item {
    display: flex;
    gap: 35px;
    width: 100%;
}

.cart_area .basket_info_incart .img-price-area {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: 235px;
    gap: 10px;
}

.cart_area .basket_info_incart .img-price-area .img-area {
    width: 100%;
    height: 189px;
}

.cart_area .basket_info_incart .img-price-area .img-area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart_area .basket_info_incart .img-price-area .price {
    font: 700 15px/1.2 'Montserrat', sans-serif;
    color: #BB9255;
}

.cart_area .basket_info_incart .main-area {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cart_area .basket_info_incart .main-area .title-product {
    font: 600 10px/1.2 'Montserrat', sans-serif;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
}

.cart_area .basket_info_incart .main-area .title-product .title-text {
    flex: 1 1 auto;
}

.cart_area .basket_info_incart .main-area .title-product .title-actions {
    display: flex;
    align-items: center;
    gap: 6px;
}
.cart_area .basket_info_incart .main-area .title-product .del_icon {
    width: 17px;
    min-width: 17px;
    height: 17px;
    display: inline-block;
    background: url("data:image/svg+xml;utf8,<svg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.125 4.25H3.54167H14.875' stroke='%23BB9255' stroke-linecap='round' stroke-linejoin='round'/><path d='M13.4583 4.25033V14.167C13.4583 14.5427 13.309 14.9031 13.0434 15.1687C12.7777 15.4344 12.4173 15.5837 12.0416 15.5837H4.95829C4.58257 15.5837 4.22223 15.4344 3.95656 15.1687C3.69088 14.9031 3.54163 14.5427 3.54163 14.167V4.25033M5.66663 4.25033V2.83366C5.66663 2.45794 5.81588 2.0976 6.08156 1.83192C6.34723 1.56625 6.70757 1.41699 7.08329 1.41699H9.91663C10.2923 1.41699 10.6527 1.56625 10.9184 1.83192C11.184 2.0976 11.3333 2.45794 11.3333 2.83366V4.25033' stroke='%23BB9255' stroke-linecap='round' stroke-linejoin='round'/><path d='M7.08337 7.79199V12.042' stroke='%23BB9255' stroke-linecap='round' stroke-linejoin='round'/><path d='M9.91663 7.79199V12.042' stroke='%23BB9255' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
    background-size: contain;
    cursor: pointer;
}

.change_icon {
    width: 17px;
    min-width: 17px;
    height: 17px;
    display: inline-block;
    cursor: pointer;
    background: url("data:image/svg+xml;utf8,<svg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3 11.5L11.5 3L14 5.5L5.5 14H3V11.5Z' stroke='%23BB9255' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/><path d='M9.75 4.75L12.25 7.25' stroke='%23BB9255' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center center/contain no-repeat;
}

.cart_area .basket_info_incart .main-area .area-details {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px 24px;
}

.cart_area .basket_info_incart .main-area .area-details .detail {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 140px;
    font: 500 8px/1.2 'Montserrat', sans-serif;
    text-align: center;
}

.cart_area .basket_info_incart .main-area .area-details .detail .detail-text {
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #000000;
}

.cart_area .basket_info_incart .main-area .area-details .detail .detail-color {
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #000000;
}

.cart_area .basket_info_incart .main-area .area-details .detail .detail-color .color {
    width: 13px;
    height: 13px;
    border: 1px solid #BB9255;
}

.cart_area .basket_info_incart .main-area .area-details .detail .detail-name {
    padding-top: 3px;
    font: 700 8px/1.2 'Montserrat', sans-serif;
    text-align: start;
    color: #BB9255;
}

.cart_area .basket_info_incart .main-area .area-details .input-add-minus {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 156px;
}

.cart_area .basket_info_incart .main-area .area-details .input-add-minus .input-item-area {
    display: flex;
    gap: 8px;
    padding-bottom: 10px;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #000000;
    width: 100%;
}

.cart_area .basket_info_incart .main-area .area-details .input-add-minus .input-item-area input {
    border: none;
    text-align: center;
    font: 500 10px/1.2 'Montserrat', sans-serif;
    color: #000000;
    width: 50px;
}

.cart_area .basket_info_incart .main-area .area-details .input-add-minus .input-item-area .minus,
.cart_area .basket_info_incart .main-area .area-details .input-add-minus .input-item-area .pluse {
    cursor: pointer;
    font-size: 20px;
    color: #000000;
    line-height: 100%;
}

.cart_area .basket_info_incart .main-area .area-details .input-add-minus label {
    padding-top: 3px;
    font: 700 8px/1.2 'Montserrat', sans-serif;
    text-align: start;
    color: #BB9255;
}

/* .cart_area .basket_info_incart .main-area .area-details .input-add-minus .input-item-area .minus::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12"><path d="M2.73438 6H9.15104" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    background-size: contain;
}

.cart_area .basket_info_incart .main-area .area-details .input-add-minus .input-item-area .pluse::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12"><path d="M5.94287 2.79199V9.20866" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.73438 6H9.15104" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    background-size: contain;
} */

.cart_area input[type=number]::-webkit-inner-spin-button,
.cart_area input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cart_area input[type=number] {
    -moz-appearance: textfield;
}

.cart_area .basket_info_total_area {
    display: flex;
    width: 100%;
    max-width: 481px;
    flex-direction: column;
    gap: 20px;
}

.cart_area .basket_info_total_area .item_info {
    display: flex;
    flex-direction: column;
    background-color: #ECE9E5;
    justify-content: center;
    align-items: center;
    padding: 25px;
    gap: 20px;
}

.cart_area .basket_info_total_area .item_info .title_item {
    font: 600 14px/1.2 'Montserrat', sans-serif;
}

.cart_area .basket_info_total_area .item_info .info_item {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 270px;
}

.cart_area .basket_info_total_area .item_info .info_item .text_info {
    font: 500 10px/1.2 'Montserrat', sans-serif;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
}

.cart_area .basket_info_total_area .item_info .info_item span {
    font: 700 10px/1.2 'Montserrat', sans-serif;
}

.cart_area .basket_info_total_area .item_info .info_item label {
    font: 700 10px/1.2 'Montserrat', sans-serif;
    color: #BB9255;
    padding-top: 3px;
    text-align: center;
}

.cart_area .basket_info_total_area .item_info .info_total_text {
    font: 700 16px/1.2 'Montserrat', sans-serif;
}

.cart_area .basket_info_total_area .item_info .info_total_text span {
    font: 900 14px/1.2 'Montserrat', sans-serif;
    color: #BB9255;
}

.cart_area .basket_info_total_area .item_info.bottm_info .button {
    width: 100%;
    max-width: 198px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-color: #000000;
    color: #ffffff;
    font: 800 10px/1.2 'Montserrat', sans-serif;
}


@media (max-width: 1000px) {
    .cart_area .basket_info_incart {
        gap: 30px;
    }

    .cart_area .basket_info_incart .basket_item {
        flex-direction: column;
        align-items: center;
    }

    .cart_area .basket_info_incart .main-area .title-product {
        align-items: center;
        text-align: center;
    }

    .cart_area .basket_info_incart .main-area .area-details {
        justify-content: center;
    }
}

@media (max-width: 700px) {
    .cart_area {
        flex-direction: column-reverse;
        align-items: center;
    }
}


.buttons_area_pp {
    display: flex;
    gap: 42px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.buttons_area_pp .back_to_shop {
    font-size: 12px;
    font-weight: 800;
    color: #ffffff;
    background-color: #BB9255;
    padding: 17px;
    width: 100%;
    width: 100%;
    max-width: 296px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: auto;
}

.buttons_area_pp .back_to_shop::before {
    content: '';
    display: flex;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'><path d='M18.2261 17.7719L16.7666 3.95792C16.7611 3.90588 16.7332 3.85748 16.6884 3.82224C16.6436 3.78699 16.5851 3.76745 16.5243 3.76745H14.3601L14.3988 3.40034C14.4541 2.86708 14.3492 2.33053 14.0941 1.84222C13.8389 1.35392 13.4422 0.930259 12.9419 0.611935C12.4416 0.293611 11.8546 0.0913143 11.2372 0.0244732C10.6199 -0.042368 9.99291 0.0284919 9.41656 0.230248C8.89285 0.0464219 8.32628 -0.0290158 7.76249 0.0100092C7.1987 0.0490342 6.65344 0.201431 6.17061 0.454928C5.68779 0.708425 5.28089 1.05594 4.98269 1.46948C4.68449 1.88303 4.50332 2.35104 4.45377 2.83585L4.3555 3.76745H1.92933C1.8686 3.76745 1.81007 3.78699 1.76524 3.82224C1.7204 3.85748 1.69251 3.90588 1.68705 3.95792L0.22755 17.7719C0.224509 17.8008 0.228512 17.83 0.239306 17.8576C0.2501 17.8851 0.267446 17.9104 0.29024 17.9319C0.313034 17.9533 0.340775 17.9705 0.371695 17.9822C0.402615 17.9939 0.436036 18 0.469827 18H17.9838C18.0173 17.9992 18.0503 17.9925 18.0807 17.9805C18.1112 17.9685 18.1385 17.9513 18.1611 17.9301C18.1837 17.9088 18.2011 17.8838 18.2123 17.8566C18.2234 17.8295 18.2281 17.8006 18.2261 17.7719ZM15.0648 16.0074L12.9284 17.3003L14.3142 4.18606H15.0648V16.0074ZM15.3056 16.3737L17.2358 17.5814H13.3098L15.3056 16.3737ZM17.6931 17.3499L15.5513 16.0097V4.18606H16.3022L17.6931 17.3499ZM10.7899 0.41862C11.2259 0.41862 11.657 0.496794 12.0559 0.648156C12.4548 0.799518 12.8126 1.02075 13.1066 1.29773C13.4005 1.57471 13.6242 1.90137 13.7632 2.25687C13.9023 2.61237 13.9537 2.9889 13.9143 3.36245L13.8717 3.76745H11.6331L11.6717 3.40034C11.7347 2.83335 11.614 2.26244 11.3232 1.75081C11.0323 1.23918 10.5825 0.806786 10.0237 0.501503C10.2743 0.447148 10.5316 0.419315 10.7899 0.41862ZM11.1446 3.76745H7.57127L7.6654 2.87373C7.71229 2.40981 7.8986 1.96435 8.20604 1.58111C8.51348 1.19786 8.93148 0.89001 9.41899 0.687782C9.99697 0.923799 10.4766 1.30702 10.793 1.7855C11.1093 2.26398 11.247 2.81458 11.1874 3.36266L11.1446 3.76745ZM4.93833 2.87373C4.97714 2.48586 5.1135 2.10988 5.33797 1.77185C5.56243 1.43383 5.86964 1.14184 6.23829 0.916121C6.60694 0.690404 7.02822 0.536358 7.47293 0.464657C7.91765 0.392955 8.37517 0.405314 8.81379 0.500875C8.3531 0.757585 7.96658 1.10137 7.68364 1.50604C7.40071 1.91071 7.22883 2.36559 7.18109 2.83606L7.08258 3.76745H4.84395L4.93833 2.87373ZM2.15141 4.18606H13.8255L12.4102 17.5814H0.736185L2.15141 4.18606Z' fill='%23ffffff'/></svg>");
}

.buttons_area_pp .to_basket {
    font-size: 12px;
    font-weight: 800;
    color: #ffffff;
    background-color: #000000;
    padding: 17px 14px;
    width: 100%;
    max-width: 296px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: auto;
}

.buttons_area_pp .to_basket::before {
    content: '';
    display: flex;
    width: 20px;
    height: 19px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'><path d='M10 10C12.4853 10 14.5 7.98528 14.5 5.5C14.5 3.01472 12.4853 1 10 1C7.51472 1 5.5 3.01472 5.5 5.5C5.5 7.98528 7.51472 10 10 10Z' stroke='%23ffffff' stroke-width='0.5'/><path d='M1 19C1 14.5 5.5 12.25 10 12.25C14.5 12.25 19 14.5 19 19' stroke='%23ffffff' stroke-width='0.5'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

@media (max-width: 670px) {
    .buttons_area_pp {
        gap: 20px;
    }
}

@media (max-width: 650px) {
    .buttons_area_pp .back_to_shop {
        max-width: unset;
    }

    .buttons_area_pp .to_basket {
        max-width: unset;
    }
}

.indicator_area {
    display: flex;
    background-color: #000000;
    color: #ffffff;
    justify-content: center;
    align-items: center;
    padding: 12px 0;
}

.indicator_area .item-indicator {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 33.3%;
}

.indicator_area .item-indicator.active {
    color: #BB9255;
}

.indicator_area .item-indicator .number {
    font: 900 24px/1.2 'Montserrat', sans-serif;
    width: 100%;
    padding-bottom: 6px;
    text-align: center;
    border-bottom: 3px solid #ffffff;
}

.indicator_area .item-indicator.active .number {
    border-bottom: 3px solid #BB9255;
}

.indicator_area .item-indicator .name {
    font: 900 12px/1.2 'Montserrat', sans-serif;
    width: 100%;
    padding-top: 6px;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 600px) {
    .indicator_area {
        flex-direction: column;
        gap: 30px;
        padding: 30px 0;
    }

    .indicator_area .item-indicator {
        width: 95%;
    }
}

.cart_area .delivery_address_area {
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    max-width: 620px;
}

.cart_area .delivery_address_area.active {
    display: flex;
}

.cart_area .delivery_address_area .delivery {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.cart_area .delivery_address_area .delivery .title_delivery {
    font: 600 14px/1.2 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.cart_area .delivery_address_area .delivery .items {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.cart_area .delivery_address_area .delivery .items .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 300px;
    cursor: pointer;
}

.cart_area .delivery_address_area .delivery .items .item .item-title {
    font: 800 10px/1.2 'Montserrat', sans-serif;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
    width: 100%;
    opacity: 0.5;
}

.cart_area .delivery_address_area .delivery .items .item input {
    display: none;
}

.cart_area .delivery_address_area .delivery .items .item .item-text {
    font: 400 9px/1.2 'Montserrat', sans-serif;
    padding: 3px 10px;
    opacity: 0.5;
}

.cart_area .delivery_address_area .delivery .items .item input:checked~.item-title {
    opacity: 1;
}

.cart_area .delivery_address_area .delivery .items .item input:checked~.item-text {
    opacity: 1;
}

.cart_area .delivery_address_area .address {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 300px;
}

.cart_area .delivery_address_area .address .title_delivery {
    font: 600 14px/1.2 'Montserrat', sans-serif;
}

.cart_area .delivery_address_area .address .items {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.cart_area .delivery_address_area .address .items .item {
    display: flex;
    flex-direction: column;
}

.cart_area .delivery_address_area .address .item input {
    border: none;
    border-bottom: 1px solid #000000;
    text-align: center;
    padding-bottom: 10px;
    font: 500 10px/1.2 'Montserrat', sans-serif;
    outline: unset;
}

.cart_area .delivery_address_area .address .item .name {
    font: 500 10px/1.2 'Montserrat', sans-serif;
    color: #BB9255;
    text-transform: lowercase;
    text-align: center;
    padding-top: 3px;
}



.cart_area .pay_method_area {
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    max-width: 620px;
}

.cart_area .pay_method_area.active {
    display: flex;
}

.cart_area .pay_method_area .pay_block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.cart_area .pay_method_area .pay_block .title_delivery {
    font: 600 14px/1.2 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.cart_area .pay_method_area .pay_block .items {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.cart_area .pay_method_area .pay_block .items .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 300px;
    cursor: pointer;
}

.cart_area .pay_method_area .pay_block .items .item .item-title {
    font: 800 10px/1.2 'Montserrat', sans-serif;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
    width: 100%;
    opacity: 0.5;
}

.cart_area .pay_method_area .pay_block .items .item input {
    display: none;
}

.cart_area .pay_method_area .pay_block .items .item .item-text {
    font: 400 9px/1.2 'Montserrat', sans-serif;
    padding: 3px 10px;
    opacity: 0.5;
}

.cart_area .pay_method_area .pay_block.type_pay_1 .items .item .item-text {
    color: #BB9255;
}

.cart_area .pay_method_area .pay_block .items .item input:checked~.item-title {
    opacity: 1;
}

.cart_area .pay_method_area .pay_block .items .item input:checked~.item-text {
    opacity: 1;
}


.thanks_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 120px 0;
    gap: 35px;
    text-align: center;
}

.thanks_area .title_page {
    font: 600 52px/1.2 'Montserrat', sans-serif;
}

.thanks_area .number_order {
    font: 500 24px/1.2 'Montserrat', sans-serif;
}

.thanks_area .button {
    font: 600 24px/1.2 'Montserrat', sans-serif;
    text-decoration: underline;
}

@media (max-width: 700px) {
    .thanks_area .title_page {
        font: 600 30px/1.2 'Montserrat', sans-serif;
    }

    .thanks_area .number_order {
        font: 500 20px/1.2 'Montserrat', sans-serif;
    }

    .thanks_area .button {
        font: 600 20px/1.2 'Montserrat', sans-serif;
    }
}

.text_info input{
    background: transparent;
    border: none;
    outline: unset;
    font: 700 10px/1.2 'Montserrat', sans-serif;
    color: #000000;
    width: 100%;
    text-align: center;
}






/* === VZ Woo Modal === */
.vz-wc-modal {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 9999;
}

.vz-wc-modal.is-open {
    display: block;
}

.vz-wc-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
}

.vz-wc-modal__dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(680px, 92vw);
    max-height: 80vh;
    overflow: auto;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    padding: 20px 22px;
}

.vz-wc-modal__close {
    position: absolute;
    right: 10px;
    top: 8px;
    background: transparent;
    border: none;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.vz-wc-modal__body {
    padding-top: 10px;
}

.vz-wc-modal .woocommerce-error,
.vz-wc-modal .woocommerce-message,
.vz-wc-modal .woocommerce-info {
    margin: 0 0 10px 0;
}


/* Спрятать стандартную кнопку размещения заказа (мы используем свою) */
.woocommerce-checkout .place-order {
    display: none !important;
}

.vz-checkout{
    display: flex;
    flex-direction: column;
    gap: 50px;
}

..status-publish{
	display: flex;
	flex-direction: column;
	gap: 25px;
}
.status-publish .woocommerce-order{
	display: flex;
	flex-direction: column;
	gap: 25px;
}
.status-publish .woocommerce-order .woocommerce-order-details{
	display: flex;
	flex-direction: column;
	gap: 25px;
}
.woocommerce-table__line-item.order_item{
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.woocommerce-customer-details{
	display: flex;
	flex-direction: column;
	gap: 25px;
}
.woocommerce .woocommerce-customer-details address{
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 25px 15px;
}
.woocommerce ul.order_details {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.woocommerce-customer-details--email,
.woocommerce ul.order_details li strong{
	word-break: break-all;
}


/* ===============================
   Woo ⟶ Thank You / Order Details
   =============================== */

:root {
    --vz-radius: 14px;
    --vz-radius-sm: 10px;
    --vz-gap: 18px;
    --vz-gap-lg: 24px;
    --vz-gap-sm: 12px;

    --vz-bg: #ffffff;
    --vz-card: #ffffff;
    --vz-muted: #6b7280;
    /* gray-500 */
    --vz-text: #0f172a;
    /* slate-900 */
    --vz-border: #e5e7eb;
    /* gray-200 */
    --vz-accent: #111827;
    /* gray-900 */
    --vz-success-bg: #ecfdf5;
    /* emerald-50 */
    --vz-success: #065f46;
    /* emerald-800 */
    --vz-chip-bg: #f3f4f6;
    /* gray-100 */
}

/* Dark mode (auto) */
@media (prefers-color-scheme: dark) {
    :root {
        --vz-bg: #0b0f17;
        --vz-card: #111827;
        --vz-muted: #9ca3af;
        --vz-text: #f3f4f6;
        --vz-border: #1f2937;
        --vz-accent: #f9fafb;
        --vz-success-bg: #03251c;
        --vz-success: #34d399;
        --vz-chip-bg: #111827;
    }
}

/* Page container (inherits your theme layout) */
.woocommerce-order {
    color: var(--vz-text);
}

.woocommerce-order .woocommerce-notice--success {
    background: var(--vz-success-bg);
    color: var(--vz-success);
    border: 1px solid rgba(16, 185, 129, .25);
    border-radius: var(--vz-radius);
    padding: 14px 16px 14px 44px;
    position: relative;
    margin: 0 0 var(--vz-gap-lg);
    font-weight: 600;
}

.woocommerce-order .woocommerce-notice--success::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px var(--vz-success);
}

/* ---------- Overview chips ---------- */
.woocommerce-order-overview.order_details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--vz-gap);
    list-style: none;
    padding: 0;
    margin: 0 0 var(--vz-gap-lg);
}

@media (min-width: 640px) {
    .woocommerce-order-overview.order_details {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .woocommerce-order-overview.order_details {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.woocommerce-order-overview.order_details li {
    background: var(--vz-card);
    border: 1px solid var(--vz-border);
    border-radius: var(--vz-radius);
    padding: 14px 16px;
    line-height: 1.25;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.woocommerce-order-overview.order_details li::marker {
    display: none;
}

.woocommerce-order-overview__order,
.woocommerce-order-overview__date,
.woocommerce-order-overview__email,
.woocommerce-order-overview__total,
.woocommerce-order-overview__payment-method {
    /* keep default classes for Woo hooks */
}

.woocommerce-order-overview.order_details li strong {
    font-size: 15px;
    font-weight: 700;
    word-break: break-all;
}

.woocommerce-order-overview.order_details li {
    font-size: 13px;
    color: var(--vz-muted);
}

.woocommerce-order-overview.order_details li strong .woocommerce-Price-amount {
    font-size: 15px;
}

/* ---------- Section titles ---------- */
.woocommerce-order-details__title,
.woocommerce-column__title {
    font-size: clamp(18px, 1.4vw + 14px, 24px);
    line-height: 1.2;
    margin: 24px 0 14px;
    font-weight: 800;
    letter-spacing: 0.2px;
    color: var(--vz-accent);
}

/* ---------- Order table ---------- */
.woocommerce-order-details .shop_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--vz-card);
    border: 1px solid var(--vz-border);
    border-radius: var(--vz-radius);
    overflow: hidden;
    /* for rounded corners */
}

/* Make table horizontally scrollable on small screens */
.woocommerce-order-details {
    overflow-x: auto;
    border-radius: var(--vz-radius);
}

.woocommerce-order-details .shop_table {
    min-width: 640px;
    /* graceful overflow on small devices */
}

.woocommerce-order-details .shop_table thead th {
    text-align: left;
    background: var(--vz-chip-bg);
    color: var(--vz-muted);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .02em;
    padding: 12px 16px;
    border-bottom: 1px solid var(--vz-border);
}

.woocommerce-order-details .shop_table tbody td {
    padding: 14px 16px;
    vertical-align: top;
    border-bottom: 1px solid var(--vz-border);
}

.woocommerce-order-details .shop_table tfoot th,
.woocommerce-order-details .shop_table tfoot td {
    padding: 12px 16px;
    border-top: 1px solid var(--vz-border);
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .02));
}

.woocommerce-table__product-name a {
    color: var(--vz-accent);
    text-decoration: none;
    font-weight: 700;
}

.woocommerce-table__product-name a:hover {
    text-decoration: underline;
}

/* Meta list under product name */
.wc-item-meta {
    margin: 8px 0 0;
    padding: 30px 15px;
    background: var(--vz-chip-bg);
    border-radius: var(--vz-radius-sm);
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.wc-item-meta li {
    font-size: 13px;
    color: var(--vz-muted);
    display: flex;
    gap: 6px;
    line-height: 1.35;
}

.wc-item-meta-label {
    color: var(--vz-text);
}

/* Amount */
.woocommerce-Price-amount {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

/* ---------- Customer details block ---------- */
.woocommerce-customer-details {
    margin-top: var(--vz-gap-lg);
    background: var(--vz-card);
    border: 1px solid var(--vz-border);
    border-radius: var(--vz-radius);
    padding: 16px;
}

.woocommerce-customer-details address {
    margin: 0;
    font-style: normal;
    line-height: 1.5;
    color: var(--vz-text);
}

.woocommerce-customer-details--email {
    margin-top: 8px;
    color: var(--vz-muted);
    word-break: break-all;
}

/* ---------- Micro helpers ---------- */
.product-quantity {
    background: var(--vz-chip-bg);
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    margin-left: 6px;
    color: var(--vz-accent);
}

/* Better spacing on the whole thank-you block */
.woocommerce-order>*+* {
    margin-top: var(--vz-gap-lg);
}

/* ---------- Print styles ---------- */
@media print {
    .woocommerce-order {
        color: #000;
    }

    .woocommerce-order .woocommerce-notice--success {
        border-color: #0a0;
        background: #eaffea;
        color: #030;
    }

    .woocommerce-order-details {
        overflow: visible !important;
    }

    .woocommerce-order-details .shop_table {
        min-width: auto;
    }

    a[href]::after {
        content: "";
    }

    /* no url after links */
}

.cart_area .pay_method_area .pay_block.type_pay_1 {
    display: none;
}