.elementor-9 .elementor-element.elementor-element-d74b7bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:64px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-202b060 > .elementor-widget-container{border-style:solid;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-d74b7bf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-d74b7bf{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-9 .elementor-element.elementor-element-202b060 > .elementor-widget-container{margin:8px 0px 0px 0px;}}/* Start custom CSS for wc-elements, class: .elementor-element-202b060 */.woocommerce-error{
    width: 100%;
    padding: 24px 48px;
    margin: 24px auto;
    border:1px solid #ff000088;
    border-radius: 16px;
    background: #ff000018;
    color: red
    
}
.woocommerce-error li:before{
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    right:12px;
    background: url(/wp-content/uploads/2025/01/taajob.svg);
    background-size: contain;
    background-position: center;
}
.woocommerce-error .woocommerce-Price-amount{
    font-weight: 600;
}
#cart .woocommerce{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: max(1.71vw, 24px);
}
#cart .woocommerce-cart-form{
    display: flex;
    justify-content: center;
    overflow: hidden;
    width: min(66vw, 820px);
    position: relative;
}
#cart .shop_table_head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--e-global-color-6a39edd);
    border-radius: 20px 20px 0 0;
    font-weight: 500;
    font-size: 20px;
    color: var(--e-global-color-secondary);
    text-align: center;
    gap:16px;
}
#cart .shop_table_head > div{
    padding: 20px 0;
}
#cart .shop_table_head .product-name{
    flex-grow: 1;
}
#cart .shop_table_body{
    border:1px solid var(--e-global-color-6a39edd);
    border-top-width: 0;
    border-radius: 0 0 20px 20px;
}
#cart .cart_item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:16px;
}
#cart .cart_item > div{
    padding: 20px 0;
}
#cart .cart_item .product-name {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
        "pic name"
        "pic variation";
    grid-gap: 16px;
    flex-grow: 1;
    padding: 20px 20px 20px 0;
}
#cart .product-picture-link {
    display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: min(1.71vw, 20px);
    min-width: min(12.9vw, 130px);
    max-width: min(12.9vw, 130px);
    grid-area: pic;
}
#cart .product-picture-link img{
    width: min(13vw, 130px);
	min-width: min(13vw, 130px);
	height: min(13vw, 90px);
	object-fit: cover;
	object-position: center;
	border-radius: 16px;
}
#cart .product-name-link {
    color: var(--e-global-color-secondary, #424242);
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    text-align: right;
    grid-area: name;
    display: flex;
    align-items: end;
    font-family: var(--e-global-typography-accent-font-family);
}

#cart .product-name .variations {
    display: flex;
    align-items: center;
    grid-area: variation;
    gap: 4px;
    align-items: start;
    color: var(--e-global-color-text);
    font-size: 14px;
    line-height: 21px;
    font-family: var(--e-global-typography-primary-font-family);
}

#cart dl.variation{
    display: none;
}

#cart .product-quantity {
	text-align: center;
    min-width: 128px;
}
#cart .qib-button-wrapper {
	margin: auto;
	float: unset;
	height: 42px;
	width: 128px;
	background: var(--e-global-color-ef95d63);
	border: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	border-radius: 100px;
}
#cart .product-quantity .quantity {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#cart .product-quantity input {
	background: unset;
	border: unset;
	font-size: 18px;
	font-family: inherit;
	color: var(--e-global-color-text);
	font-weight: 700;
	line-height: 21px;
	padding: 0;
	height: auto;
    max-width: 72px;
}
#cart .product-quantity button {
	border: none;
	background: unset;
	padding: 0;
	font-size: 14px;
	font-family: inter;
	color: var(--e-global-color-text);
	font-weight: 700;
	width: auto;
	line-height: normal;
	display: inline-block;
	margin: 0;
}

#cart .product-subtotal{
    min-width: 180px;
    text-align: center;
    justify-self: center;
}
#cart .product-remove{
    min-width: 64px;
    text-align: center;
}
#cart .product-remove a {
	width:24px;
    height: 24px;
    display: block;
    text-align: center;
}
#cart .product-remove a:before {
	content: "";
	width: max(1.71vw, 24px);
	height: max(1.71vw, 24px);
	background: url(/wp-content/themes/hello-theme-child/assets/img/trash.svg);
	background-position: center;
	background-size: contain;
	top: 0;
	left: 0;
}


#cart .actions{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}
#cart .actions .coupon{
    flex-grow: 1;
    display: flex;
    border:1px solid var(--e-global-color-6a39edd);
    border-radius: 50px 20px 20px 50px;
    overflow: hidden;
}
#cart #coupon_code{
    border:none;
    font-family: estedad;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    flex-grow: 1;
    padding: 20px;
}
#cart #coupon_code:focus{
    outline:none;
}
#cart #coupon_code::placeholder{
    color: #979DA2;
    font-size: 14px;
}
#cart .actions button[name="apply_coupon"]{
    background-color: var(--e-global-color-accent);
    font-family: estedad;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--e-global-color-121efb2);
    border-radius: 50px 50px 50px 50px;
    padding: 20px 50px 20px 50px;
    outline: none;
    box-shadow: none;
    border:none;
}
#cart .actions button[name="update_cart"]{
    background-color: var(--e-global-color-primary);
    font-family: estedad;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--e-global-color-121efb2);
    border-radius: 50px 50px 50px 50px;
    padding: 20px 122px 24px 122px;
    outline: none;
    box-shadow: none;
    border:none;
}
.minimum-buy-amount b{
    font-weight: 700;
}
.minimum-buy-amount{
    width: 100%;
    padding: 22px 64px;
    margin: 24px auto 0;
    border-radius: 500px;
    background: var(--e-global-color-ef95d63);
    color: var(--e-global-color-secondary);
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    position: relative;
}
.minimum-buy-amount:before{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right:24px;
    top: 24px;
    background: url(/wp-content/uploads/2025/01/taajob.svg);
    background-size: contain;
    background-position: center;
}
.woocommerce-message{
    width: 100%;
    padding: 24px 48px;
    margin: 24px auto;
    border:1px solid var(--e-global-color-primary);
    border-radius: 16px;
    background: #18657024;
    color: var(--e-global-color-primary);
    
}
.woocommerce-message:before{
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    right:12px;
    background: url(/wp-content/uploads/2025/01/taajob.svg);
    background-size: contain;
    background-position: center;
    filter: hue-rotate(160deg);
}
.woocommerce-message a{
    font-weight: 700;
    text-decoration: underline;
    color: inherit;
}
.woocommerce-notices-wrapper{
    width: 100%;
}
.woocommerce-notices-wrapper div:focus,
.elementor-9 .elementor-element.elementor-element-202b060 .woocommerce-error:focus{
    outline: none;
}
.elementor-9 .elementor-element.elementor-element-202b060 .woocommerce-error{
    margin-top: 0;
}

#cart .cart-collaterals{
    flex-grow: 1;
    background: var(--e-global-color-ef95d63);
    padding: 36px 38px;
    border-radius: 24px;
	width: min(32vw, 400px);
}
#cart .cart-collaterals h2{
    font-weight: 500;
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    color: var(--e-global-color-secondary);
    padding-bottom: 24px;
    margin-bottom: 32px;
    border-bottom: 1px solid var(--e-global-color-primary);
}
#cart .cart-collaterals .cart_totals {
    height: 100%;
    display: flex;
    flex-direction: column;
}
#cart .wc-proceed-to-checkout{
    width: 100%;
    display: flex;
    
}
#cart .wc-proceed-to-checkout a{
    background-color: var(--e-global-color-primary);
    font-family: estedad;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--e-global-color-121efb2);
    border-radius: 50px 50px 50px 50px;
    padding:20px;
    outline: none;
    box-shadow: none;
    border: none;
    width: 100%;
    text-align: center;
}
#cart .cart-collaterals table{
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--e-global-color-6a39edd);
    display: flex;
    width:100%;
    flex-grow: 1;
    align-self: stretch;
}
#cart .cart-collaterals table tbody{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap:24px;
}
#cart .cart-collaterals table tbody tr{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap:24px;
    justify-content: space-between;
    align-items: center;
}
#cart .cart-collaterals table tbody tr th{
    font-size: 19px;
    line-height: 28px;
    font-weight: 600;
    color: var(--e-global-color-secondary);
}
#cart .cart-collaterals table tbody tr td{
    font-size: 19px;
    line-height: 28px;
    font-weight: 400;
    color: var(--e-global-color-secondary);
}

#cart .cart-collaterals .shipping{
    display: none;
}

#cart .cart-discount td{
    position: relative;
}
#cart .woocommerce-remove-coupon{
    font-size: 0;
    line-height: 20px;
}
#cart .woocommerce-remove-coupon:before{
    content: '';
    position: absolute;
    right: -24px;
    top: 50%;
    transform: translatey(-50%);
    width: 20px;
    height: 20px;
    background: url(/wp-content/uploads/2025/08/trash.svg);
    background-size: cover;
}

@media(max-width:768px){
    #cart{
    --max-20px:max(5.56vw, 20px);
    --img-width:min(28.8vw, 108px);
    --img-height:min(20vw,75px);
}
#cart .woocommerce{
    gap: var(--max-20px);
}
#cart .woocommerce-cart-form{
    width: 100%;
    overflow: visible;
}
#cart .shop_table_head{
    display: none;
}
#cart .shop_table_body{
    border-radius: 16px;
    padding: 20px 12px;
    display: flex;
    flex-direction: column;
    gap:12px;
    border:1px solid var(--e-global-color-6a39edd);
}
#cart .cart_item{
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap:24px 12px;
    border-bottom:1px solid var(--e-global-color-6a39edd);
    padding-bottom: 16px;
    margin-bottom: 16px;
    position: relative;
}
#cart .cart_item > div{
    padding: 0;
}
#cart .cart_item .product-name {
    grid-template-columns: 1fr 3fr;
    grid-gap: 12px;
    padding: 0;
    order:1;
}
#cart .product-picture-link {
    min-width: var(--img-width);
    max-width: var(--img-width);
    grid-area: pic;
}
#cart .product-picture-link img{
    width: var(--img-width);
	height: var(--img-height);
}
#cart .product-name-link {
    font-size: 14px;
    line-height: 20px;
}

#cart .product-name .variations {
    font-size: 12px;
    line-height: 18px;
}

#cart .product-quantity {
    min-width: var(--img-width);
    max-width: var(--img-width);
    order:3;
}
#cart .qib-button-wrapper {
	height: 28px;
	width: var(--img-width);
	padding: 8px 16px;
    float: right;
}
#cart .product-quantity input {
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	max-width:64px;
}

#cart .product-subtotal{
    min-width: 80px;
    max-width: 80px;
    order:4;
}
#cart .product-subtotal bdi{
    font-size: 14px;
}
#cart .product-subtotal bdi .woocommerce-Price-currencySymbol{
    font-size: 10px;
}
#cart .product-remove{
    min-width: 24px;
    max-width: 24px;
    order:2;
    position: absolute;
    left: 0;
    bottom: 20px;
}
#cart .actions{
    flex-direction: column;
    width: 100%;
}
#cart .actions .coupon{
    width: 100%;
}

#cart #coupon_code{
    font-size: 14px;
    line-height: 20px;
    padding:12px 16px;    
}
#cart .actions button[name="apply_coupon"]{
    font-size: 14px;
    line-height: 20px;
    padding:12px 16px;
}
#cart .actions button[name="update_cart"]{
    width: 100%;
    padding:12px 16px;
}
.minimum-buy-amount b{
    font-weight: 700;
}
.minimum-buy-amount{
    padding: 58px 30px 22px;
    border-radius: 16px;
}
.minimum-buy-amount:before{
    right:28px;
    top: 22px;
}
.woocommerce-notices-wrapper div{
    padding: 16px 38px 16px 16px;
    margin: 20px auto;
    border-radius: 8px;
}
.elementor-9 .elementor-element.elementor-element-202b060 .woocommerce-error{
    padding: 16px 38px 16px 16px;
    margin:0 auto;
    border-radius: 8px;
}
.woocommerce-message:before{
    right:8px;
}
.woocommerce-notices-wrapper{
    width: 100%;
}

#cart .cart-collaterals{
    padding: 24px 28px;
    border-radius: 16px;
	width: 100%;
}
#cart .cart-collaterals h2{
    font-weight: 600;
    font-size: 21px;
    line-height: 28px;
    padding-bottom: 18px;
    margin-bottom: 24px;
}
#cart .wc-proceed-to-checkout a{
    padding:14px;
}
#cart .cart-collaterals table{
    margin-bottom: 24px;
    padding-bottom: 24px;
}
#cart .cart-collaterals table tbody{
    gap:16px;
}
#cart .cart-collaterals table tbody tr th{
    font-size: 16px;
    line-height: 21px;
}
#cart .cart-collaterals table tbody tr td{
    font-size: 14px;
    line-height: 21px;
}
}/* End custom CSS */