.cart {--_c-lgt-primary: #084695; --_c-lgt-gray: #DDDDDD; --_c-gray: #F8F8F8; --_c-dark-gray: #595959; --_c-md-gray: #676767;}.cart {padding-block: 1.5rem 2.875rem;}
.hide{display:none}
.cart .product_details img{width: 61px}
.cart .product_details .remove-product img{width: auto}
.cart .title {text-align: center; margin-bottom: 1.875rem;}
.cart .title > * {font-size: var(--fs-md, 24px); font-weight: 700; color: var(--_c-dark-gray);}
.cart .head > * {font-size: calc(var(--fs-sm, 18px) + 2px); font-weight: 600; color: var(--_c-dark-gray); margin: 0 !important;}
.cart .head {padding-bottom: 0.5rem; border-bottom: 1px solid var(--_c-lgt-gray);}
.cart table {width: 100%; margin-bottom: 1.375rem; border-spacing: 0;}
.cart tr {display: grid; grid-template-columns: minmax(287px, 38%) minmax(145px, 13%) minmax(192px, 22%) minmax(145px, 10%) minmax(192px, 17%); align-items: center;}
.cart tr:nth-of-type(even) {grid-template-columns: repeat(3, 1fr);}
.cart thead tr {gap: 0; border: 1px solid var(--_c-lgt-gray); background-color: var(--_c-gray);}
.cart thead th {padding: 0.875rem 1.875rem; font-size: var(--fs-base, 16px); font-weight: 600; color: var(--_c-md-gray);}
.cart thead th:first-of-type {text-align: left;}
.cart thead th:not(:last-of-type) {border-right: 1px solid var(--_c-lgt-gray);}
.cart tr td {display:flex; align-items: center; gap: 1.875rem;}
.cart tr:nth-of-type(even) td {gap: 1.25rem;}        
.cart tr td a {color: var(--_c-dark-gray); font-weight: 600; font-size: var(--fs-xs, 14px);}
.cart tr td a img {filter: var(--fl-secondary);}
.cart tbody tr {border: 1px solid var(--_c-lgt-gray); border-top: none;}
.cart tbody td {padding: 1.25rem; height: 100%;}
.cart :where(tbody input, .pricing input) {font-size: var(--fs-xs, 14px); font-weight: 600; color: var(--_c-dark-gray); text-align: center;}
.cart tbody td:not(:last-of-type) {border-right: 1px solid var(--_c-lgt-gray);}
.cart tr:nth-of-type(even) td input {max-width: 13.5rem; font-size: var(--fs-xs, 14px);}
.cart tr:nth-of-type(even) td > :first-child {font-weight: 600; text-wrap: nowrap; color: var(--c-tertiary);}
.cart td:nth-of-type(2) {display: flex; align-items: center; gap: 2.25rem;}
.cart td:has(> button) {position: relative;}
.cart td button:disabled {position: absolute; inset: auto 0.625rem 0.625rem auto; line-height: 1;}
.cart tbody .empty {font-weight: 400; text-align: left; padding: 1.25rem 1.875rem;}
.cart tbody #cartwarning {font-weight: 400; text-align: left; padding: 0 1.875rem 1.25rem; color: var(--c-light);}
.cart .group {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;}
.cart .group > div:first-of-type {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.625rem;}
.cart form :where(input, textarea) {width: 100%; height: 2.625rem; font-size: var(--fs-xs, 14px); color: var(--_c-dark-gray); padding: 0.875rem 0.625rem; border: 1px solid var(--_c-lgt-gray); border-radius: 2px; outline: none; background-color: var(--_c-gray);}
.cart form input:disabled {font-size: var(--fs-xs, 14px); font-weight: 900;}
.cart form input[type="number"]::-webkit-inner-spin-button {display: none;}
.cart form textarea {grid-column: span 3; height: 6.5rem; resize: none;}
.cart form .captcha {display: flex; align-items: center; gap: 0.75rem 1.625rem;}
.cart form .captcha label {flex: none;}
.cart form button.submitBtn {width: 100%; font-weight: 700; font-size: var(--fs-base, 16px); background-color: var(--c-primary); color: #fff; padding: 0.625rem; border: 1px solid var(--c-primary); border-radius: 3px; line-height: 1.5;}
.cart form button.submitBtn:hover {background-color: #111111; transition: var(--trans-4);}
.cart form table + p {font-size: var(--fs-xs, 14px); font-weight: 600;}
.cart form table + p a {display: inline; font-size: var(--fs-xs, 14px); color: var(--c-primary);}
.cart .information {display: grid; grid-template-columns: 65% 1fr; gap: 1.25rem 2.5rem;}
.cart .pricing > div {display: grid; grid-template-columns: 22% 1fr; align-items: center;  gap: 1rem; margin-bottom: 1rem;}
.cart .pricing label {font-weight: 700; font-size: var(--fs-base, 16px); color: var(--_c-dark-gray ); text-wrap: nowrap;}

@media only screen and (max-width: 1200px) {
    .cart .title {padding: 0;}
    .cart thead th,
    .cart tbody td {padding: 15px 1.25rem;}
    .cart tr td {gap: 1.25rem}
    .cart .pricing > div {grid-template-columns: 30% 1fr;}
}

@media only screen and (max-width: 991px) {
    .cart {padding-block: 1.5rem 2.5rem;}
    .cart .title {margin-bottom: 1.25rem;}
    .cart form .captcha {flex-wrap: wrap;}
    .cart table {display: block; overflow: auto; scrollbar-width: thin; scrollbar-color: var(--c-primary) #eaeaea;}
    .cart .information .pricing > div {flex-direction: column; align-items: flex-start; row-gap: 0.5rem;}
    .cart .group {grid-template-columns: repeat(2, 1fr);}
    .cart .group > input:first-child {grid-column: span 2;}
    .cart form textarea {grid-column: span 2;}
    .cart .information {gap: 1.5rem;}
    .cart .pricing > div {grid-template-columns: 40% 1fr;}
}

@media only screen and (max-width: 767px) {
    .cart form .captcha {grid-column: span 2;}
    .cart form button.submitBtn {height: fit-content;}
    .cart .information {grid-template-columns: 1fr; gap: 1rem;}
    .cart .information .pricing > div {flex-direction: row;}
    .cart .head:nth-of-type(2) {order: 3;}
    .cart .group {order: 2; gap: 1rem;}
    .cart .pricing {order: 4;}
}

@media only screen and (max-width: 575px) {
    .cart {padding-block: 1.25rem 1.875rem;}
    .cart .title {margin-bottom: 0.875rem;}
    .cart form input:first-of-type {grid-column: span 2;}
    .cart form textarea,
    .cart form button.submitBtn {grid-column: span 2;}
}

@media only screen and (max-width: 475px) {
    .cart .group {grid-template-columns: 1fr; gap: 0.625rem;}
    .cart .group > input:first-child,
    .cart form textarea {grid-area: auto;}
}