.products .custom-product-wrapper {
display: flex;
flex-direction: column;
height: 100%;
background: #fff;
padding: 15px;
border: 1px solid #eee;
border-radius: 8px;
transition: all 0.3s ease;
}
.products .custom-product-wrapper:hover {
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
} .products .product-image-link {
display: block;
text-align: center;
margin-bottom: 15px;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.products .product-image-link img {
max-width: 100%;
max-height: 200px;
width: auto;
height: auto;
object-fit: contain;
} .products .product-details {
flex-grow: 1;
display: flex;
flex-direction: column;
} .products .woocommerce-loop-product__title {
font-size: 16px;
margin: 0 0 10px 0;
min-height: 3.6em;
line-height: 1.2em;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.products .product-title-link {
color: inherit;
text-decoration: none;
}
.products .product-title-link:hover {
color: #007cba;
} .products .price {
margin: 10px 0 !important;
font-weight: bold;
} .products .custom-add-to-cart {
margin-top: auto;
padding-top: 15px;
}
.products .custom-add-to-cart .button {
display: block;
width: 100%;
text-align: center;
background: #007cba;
color: #fff;
padding: 10px;
border-radius: 4px;
text-decoration: none;
transition: background 0.3s ease;
}
.products .custom-add-to-cart .button:hover {
background: #005a87;
} .woocommerce-product-attributes.shop_attributes,
body .woocommerce-product-attributes.shop_attributes,
.brz-woo-attributes .woocommerce-product-attributes.shop_attributes {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
margin: 25px 0 !important;
font-family: inherit !important;
background: transparent !important;
border: 2px solid #e0e0e0 !important;
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
} .woocommerce-product-attributes.shop_attributes h2,
body .woocommerce-product-attributes.shop_attributes h2,
.brz-woo-attributes .woocommerce-product-attributes.shop_attributes h2 {
background: #f5f7fa !important;
color: #333333 !important;
padding: 16px 24px !important;
margin: 0 !important;
font-size: 18px !important;
font-weight: 600 !important;
letter-spacing: 0.3px !important;
border-bottom: 2px solid #e0e0e0 !important;
} .woocommerce-product-attributes.shop_attributes tbody tr:nth-child(odd),
body .woocommerce-product-attributes.shop_attributes tbody tr:nth-child(odd),
.brz-woo-attributes .woocommerce-product-attributes.shop_attributes tbody tr:nth-child(odd) {
background-color: #f9f9f9 !important;
}
.woocommerce-product-attributes.shop_attributes tbody tr:nth-child(even),
body .woocommerce-product-attributes.shop_attributes tbody tr:nth-child(even),
.brz-woo-attributes .woocommerce-product-attributes.shop_attributes tbody tr:nth-child(even) {
background-color: #ffffff !important;
} .woocommerce-product-attributes.shop_attributes th,
body .woocommerce-product-attributes.shop_attributes th,
.brz-woo-attributes .woocommerce-product-attributes.shop_attributes th {
width: 35% !important;
padding: 14px 20px 14px 24px !important;
font-weight: 500 !important;
color: #444444 !important;
font-size: 15px !important;
text-align: left !important;
border-right: 2px solid #e0e0e0 !important;
border-bottom: 2px solid #e0e0e0 !important;
border-top: none !important;
border-left: none !important;
background: transparent !important;
letter-spacing: 0.2px !important;
}
.woocommerce-product-attributes.shop_attributes td,
body .woocommerce-product-attributes.shop_attributes td,
.brz-woo-attributes .woocommerce-product-attributes.shop_attributes td {
width: 65% !important;
padding: 14px 24px 14px 20px !important;
color: #333333 !important;
font-size: 15px !important;
text-align: left !important;
border-bottom: 2px solid #e0e0e0 !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
background: transparent !important;
} .woocommerce-product-attributes.shop_attributes tbody tr:first-child th,
.woocommerce-product-attributes.shop_attributes tbody tr:first-child td {
border-top: none !important;
}
.woocommerce-product-attributes.shop_attributes tbody tr:last-child th,
.woocommerce-product-attributes.shop_attributes tbody tr:last-child td {
border-bottom: none !important;
} .woocommerce-product-attributes.shop_attributes td p {
margin: 0 !important;
padding: 0 !important;
} .woocommerce-product-attributes.shop_attributes tbody tr:hover {
background-color: #f0f0f0 !important;
} @media screen and (max-width: 768px) {
.woocommerce-product-attributes.shop_attributes,
.woocommerce-product-attributes.shop_attributes tbody,
.woocommerce-product-attributes.shop_attributes tr {
display: table !important;
width: 100% !important;
}
.woocommerce-product-attributes.shop_attributes tr {
display: table-row !important;
}
.woocommerce-product-attributes.shop_attributes th,
.woocommerce-product-attributes.shop_attributes td {
display: table-cell !important;
width: auto !important;
padding: 12px 10px !important;
border-bottom: 2px solid #e0e0e0 !important;
}
.woocommerce-product-attributes.shop_attributes th {
width: 35% !important;
border-right: 2px solid #e0e0e0 !important;
font-size: 14px !important;
padding-left: 15px !important;
}
.woocommerce-product-attributes.shop_attributes td {
width: 65% !important;
font-size: 14px !important;
padding-right: 15px !important;
}
.woocommerce-product-attributes.shop_attributes h2 {
margin-bottom: 15px !important;
padding-bottom: 10px !important;
}
}
@media screen and (max-width: 480px) {
.woocommerce-product-attributes.shop_attributes th {
font-size: 13px !important;
padding: 10px 8px !important;
}
.woocommerce-product-attributes.shop_attributes td {
font-size: 13px !important;
padding: 10px 8px !important;
}
.woocommerce-product-attributes.shop_attributes h2 {
padding: 14px 18px !important;
font-size: 17px !important;
}
} .product-description-heading-brizy {
color: rgba(var(--brz-global-color2), 1) !important;
font-family: 'Lato', sans-serif !important;
font-size: 25px !important;
line-height: 1 !important;
font-weight: 300 !important;
letter-spacing: 1px !important;
font-variation-settings: "wght" 300, "wdth" 100, "SOFT" 0 !important;
font-style: inherit !important;
text-decoration: inherit !important;
text-transform: inherit !important;
padding-bottom: 10px !important;
margin: 0 0 15px 0 !important;
text-align: left !important;
width: 100% !important;
display: block !important;
}
@media (max-width: 767px) {
.product-description-heading-brizy {
font-size: 20px !important;
letter-spacing: 0px !important;
}
} .brz-wp-post-content p,
.brz-wp-post-content div {
text-align: justify !important;
} .brz .brz-css-d-wooattributes h2,
.woocommerce-product-attributes.shop_attributes h2 {
border-bottom: 2px solid #e0e0e0 !important;
padding-bottom: 10px !important;
margin-bottom: 20px !important;
width: 100% !important;
} .woocommerce-message {
position: relative !important;
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
border: none !important;
border-left: 6px solid #4CAF50 !important;
border-radius: 12px !important;
padding: 20px 25px !important;
margin: 20px 0 30px 0 !important;
box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important;
color: #2c3e50 !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
list-style: none !important;
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 15px !important;
}
.woocommerce-message::before {
content: "✓" !important;
font-family: inherit !important;
background: #4CAF50 !important;
color: white !important;
width: 28px !important;
height: 28px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin-right: 15px !important;
font-size: 16px !important;
font-weight: bold !important;
float: none !important;
position: static !important;
padding: 0 !important;
flex-shrink: 0 !important;
}
.woocommerce-message:not(.button) {
flex: 1 !important;
min-width: 200px !important;
}
.woocommerce-message .button {
background: linear-gradient(135deg, #2c3e50 0%, #1e2a36 100%) !important;
color: #ffffff !important;
padding: 12px 28px !important;
border-radius: 50px !important;
font-size: 15px !important;
font-weight: 500 !important;
text-transform: none !important;
letter-spacing: 0.5px !important;
border: none !important;
box-shadow: 0 4px 12px rgba(44, 62, 80, 0.2) !important;
transition: all 0.3s ease !important;
text-decoration: none !important;
display: inline-block !important;
line-height: 1 !important;
margin-left: 0 !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
}
@media screen and (max-width: 768px) {
.woocommerce-message {
flex-wrap: nowrap !important;
align-items: center !important;
padding: 15px 18px !important;
gap: 10px !important;
}
.woocommerce-message::before {
width: 24px !important;
height: 24px !important;
font-size: 14px !important;
margin-right: 10px !important;
}
.woocommerce-message .button {
padding: 8px 16px !important;
font-size: 14px !important;
}
}
@media screen and (max-width: 480px) {
.woocommerce-message {
font-size: 14px !important;
padding: 12px 15px !important;
gap: 8px !important;
}
.woocommerce-message .button {
padding: 7px 12px !important;
font-size: 13px !important;
}
} .woocommerce-cart-form {
background: #ffffff !important;
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
margin-bottom: 30px !important;
}
.shop_table.cart {
border: none !important;
border-collapse: collapse !important;
width: 100% !important;
background: #ffffff !important;
border-radius: 16px !important;
overflow: hidden !important;
}
.shop_table.cart thead {
background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f5 100%) !important;
border-bottom: 2px solid #e0e0e0 !important;
}
.shop_table.cart thead th {
padding: 20px 15px !important;
font-size: 15px !important;
font-weight: 600 !important;
color: #2c3e50 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
border: none !important;
text-align: center !important;
}
.shop_table.cart thead th.product-name {
text-align: left !important;
}
.shop_table.cart tbody tr {
border-bottom: 2px solid #f0f0f0 !important;
transition: all 0.3s ease !important;
}
.shop_table.cart tbody tr:last-child {
border-bottom: none !important;
}
.shop_table.cart tbody tr:hover {
background-color: #fafafa !important;
}
.shop_table.cart td {
padding: 25px 15px !important;
border: none !important;
vertical-align: middle !important;
text-align: center !important;
}
.shop_table.cart td.product-name {
text-align: left !important;
}
.shop_table.cart .product-thumbnail img {
width: 80px !important;
height: 80px !important;
border-radius: 12px !important;
object-fit: cover !important;
box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
transition: all 0.3s ease !important;
}
.shop_table.cart .product-thumbnail img:hover {
transform: scale(1.05) !important;
box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important;
}
.shop_table.cart .product-name a {
color: #2c3e50 !important;
font-weight: 600 !important;
font-size: 16px !important;
text-decoration: none !important;
transition: color 0.3s ease !important;
}
.shop_table.cart .product-name a:hover {
color: #4CAF50 !important;
}
.shop_table.cart .product-price,
.shop_table.cart .product-subtotal {
font-weight: 600 !important;
color: #2c3e50 !important;
font-size: 16px !important;
} .shop_table.cart .quantity {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: #ffffff !important;
border: 2px solid #e0e0e0 !important;
border-radius: 8px !important;
padding: 0 !important;
overflow: hidden !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
}
.shop_table.cart .quantity .qty {
width: 70px !important;
height: 42px !important;
border: none !important;
text-align: center !important;
font-weight: 500 !important;
font-size: 15px !important;
color: #2c3e50 !important;
background: #ffffff !important;
padding: 0 !important;
margin: 0 !important;
-moz-appearance: textfield !important;
appearance: textfield !important;
}
.shop_table.cart .quantity .qty::-webkit-outer-spin-button,
.shop_table.cart .quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
opacity: 0 !important;
display: none !important;
}
.shop_table.cart .quantity:hover {
border-color: #4CAF50 !important;
}
.shop_table.cart .quantity .qty:focus {
outline: none !important;
background: #f8f9fa !important;
} .shop_table.cart .product-remove .remove {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
background: transparent !important;
border: 1px solid #e0e0e0 !important;
border-radius: 4px !important;
color: #888888 !important;
font-size: 0 !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
position: relative !important;
}
.shop_table.cart .product-remove .remove::before,
.shop_table.cart .product-remove .remove::after {
content: "" !important;
position: absolute !important;
width: 14px !important;
height: 1.5px !important;
background-color: #888888 !important;
border-radius: 2px !important;
transition: background-color 0.2s ease !important;
}
.shop_table.cart .product-remove .remove::before {
transform: rotate(45deg) !important;
}
.shop_table.cart .product-remove .remove::after {
transform: rotate(-45deg) !important;
}
.shop_table.cart .product-remove .remove:hover {
border-color: #ff6b6b !important;
background: rgba(255, 107, 107, 0.05) !important;
}
.shop_table.cart .product-remove .remove:hover::before,
.shop_table.cart .product-remove .remove:hover::after {
background-color: #ff6b6b !important;
} .shop_table.cart .actions {
background: #f8f9fa !important;
padding: 25px !important;
}
.shop_table.cart .coupon {
display: flex !important;
gap: 10px !important;
align-items: center !important;
flex-wrap: wrap !important;
}
.shop_table.cart .coupon label {
display: none !important;
}
.shop_table.cart .coupon .input-text {
width: 250px !important;
height: 50px !important;
padding: 0 20px !important;
border: 2px solid #e0e0e0 !important;
border-radius: 8px !important;
font-size: 15px !important;
color: #2c3e50 !important;
background: #ffffff !important;
transition: all 0.3s ease !important;
}
.shop_table.cart .coupon .input-text:focus {
border-color: #4CAF50 !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1) !important;
}
.shop_table.cart .coupon .button,
.shop_table.cart .actions .button {
height: 50px !important;
padding: 0 25px !important;
background: linear-gradient(135deg, #2c3e50 0%, #1e2a36 100%) !important;
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
font-size: 15px !important;
font-weight: 500 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
box-shadow: 0 4px 12px rgba(44, 62, 80, 0.2) !important;
text-transform: none !important;
letter-spacing: 0.3px !important;
}
.shop_table.cart .coupon .button:hover,
.shop_table.cart .actions .button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 20px rgba(44, 62, 80, 0.3) !important;
} .cart-collaterals {
background: #ffffff !important;
border-radius: 16px !important;
padding: 30px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
margin-top: 30px !important;
}
.cart_totals h2 {
font-size: 24px !important;
font-weight: 600 !important;
color: #2c3e50 !important;
margin: 0 0 20px 0 !important;
padding-bottom: 15px !important;
border-bottom: 2px solid #e0e0e0 !important;
}
.cart_totals .shop_table {
border: none !important;
background: transparent !important;
}
.cart_totals .shop_table tr {
border-bottom: 2px solid #f0f0f0 !important;
}
.cart_totals .shop_table tr:last-child {
border-bottom: none !important;
}
.cart_totals .shop_table th,
.cart_totals .shop_table td {
padding: 15px 0 !important;
border: none !important;
font-size: 16px !important;
color: #2c3e50 !important;
}
.cart_totals .shop_table th {
font-weight: 500 !important;
color: #718096 !important;
}
.cart_totals .shop_table td {
font-weight: 600 !important;
text-align: right !important;
}
.cart_totals .order-total th,
.cart_totals .order-total td {
font-size: 20px !important;
font-weight: 700 !important;
color: #2c3e50 !important;
padding-top: 20px !important;
} .wc-proceed-to-checkout {
margin-top: 25px !important;
}
.wc-proceed-to-checkout .checkout-button {
display: block !important;
width: 100% !important;
padding: 18px !important;
background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%) !important;
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
font-size: 18px !important;
font-weight: 600 !important;
text-align: center !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
box-shadow: 0 8px 20px rgba(76, 175, 80, 0.3) !important;
letter-spacing: 0.5px !important;
}
.wc-proceed-to-checkout .checkout-button:hover {
transform: translateY(-3px) !important;
box-shadow: 0 12px 30px rgba(76, 175, 80, 0.4) !important;
background: linear-gradient(135deg, #45a049 0%, #3d8b40 100%) !important;
} .shipping-calculator-form {
background: #f8f9fa !important;
padding: 20px !important;
border-radius: 12px !important;
margin-top: 15px !important;
}
.shipping-calculator-form .form-row {
margin-bottom: 15px !important;
}
.shipping-calculator-form label {
display: block !important;
margin-bottom: 5px !important;
font-weight: 500 !important;
color: #2c3e50 !important;
font-size: 14px !important;
}
.shipping-calculator-form .input-text,
.shipping-calculator-form select {
width: 100% !important;
height: 45px !important;
padding: 0 15px !important;
border: 2px solid #e0e0e0 !important;
border-radius: 8px !important;
font-size: 15px !important;
color: #2c3e50 !important;
background: #ffffff !important;
transition: all 0.3s ease !important;
}
.shipping-calculator-form .input-text:focus,
.shipping-calculator-form select:focus {
border-color: #4CAF50 !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1) !important;
}
.shipping-calculator-form .button {
width: 100% !important;
height: 45px !important;
background: linear-gradient(135deg, #2c3e50 0%, #1e2a36 100%) !important;
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
font-size: 15px !important;
font-weight: 500 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
}
.shipping-calculator-form .button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 5px 15px rgba(44, 62, 80, 0.2) !important;
} .woocommerce-notices-wrapper .woocommerce-message {
display: flex !important;
align-items: center !important;
gap: 15px !important;
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
border: none !important;
border-left: 6px solid #4CAF50 !important;
border-radius: 12px !important;
padding: 20px 25px !important;
margin: 20px 0 30px 0 !important;
box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important;
color: #2c3e50 !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
flex-wrap: wrap !important;
} .woocommerce-notices-wrapper .woocommerce-message::before {
display: none !important;
}
.woocommerce-notices-wrapper .woocommerce-message .restore-item,
.woocommerce-notices-wrapper .woocommerce-message .button {
background: linear-gradient(135deg, #2c3e50 0%, #1e2a36 100%) !important;
color: #ffffff !important;
padding: 8px 20px !important;
border-radius: 8px !important;
font-size: 14px !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
border: none !important;
margin-left: auto !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
line-height: 1.4 !important;
}
.woocommerce-notices-wrapper .woocommerce-message .restore-item:hover,
.woocommerce-notices-wrapper .woocommerce-message .button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgba(44, 62, 80, 0.2) !important;
background: linear-gradient(135deg, #1e2a36 0%, #141c24 100%) !important;
} @media screen and (max-width: 768px) { .shop_table.cart thead {
display: none !important;
} .shop_table.cart tbody tr {
display: block !important;
margin-bottom: 20px !important;
border: 2px solid #e0e0e0 !important;
border-radius: 12px !important;
padding: 15px !important;
background: #ffffff !important;
position: relative !important;
} .shop_table.cart td.product-remove {
position: absolute !important;
bottom: 15px !important;
right: 15px !important;
width: auto !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
z-index: 2 !important;
}
.shop_table.cart td.product-remove:before {
display: none !important;
}
.shop_table.cart td.product-remove .remove {
width: 36px !important;
height: 36px !important;
border-radius: 6px !important;
} .shop_table.cart td.product-thumbnail,
.shop_table.cart td.product-name {
display: inline-block !important;
vertical-align: middle !important;
border: none !important;
}
.shop_table.cart td.product-thumbnail {
width: 70px !important;
padding: 0 !important;
margin: 0 15px 0 0 !important;
}
.shop_table.cart td.product-thumbnail:before {
display: none !important;
}
.shop_table.cart td.product-thumbnail img {
width: 70px !important;
height: 70px !important;
border-radius: 8px !important;
margin: 0 !important;
display: block !important;
} .shop_table.cart td.product-name {
width: calc(100% - 100px) !important;
padding: 0 !important;
margin: 0 !important;
text-align: left !important;
border-bottom: none !important;
}
.shop_table.cart td.product-name:before {
display: none !important;
}
.shop_table.cart td.product-name a {
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
display: block !important;
white-space: normal !important;
word-wrap: break-word !important;
padding-right: 40px !important;
} .shop_table.cart td.product-price,
.shop_table.cart td.product-quantity,
.shop_table.cart td.product-subtotal {
display: flex !important;
align-items: center !important;
padding: 12px 0 !important;
border-bottom: 1px solid #f0f0f0 !important;
width: 100% !important;
}
.shop_table.cart td.product-price:first-of-type,
.shop_table.cart td.product-quantity:first-of-type,
.shop_table.cart td.product-subtotal:first-of-type {
border-top: 1px solid #f0f0f0 !important;
margin-top: 10px !important;
} .shop_table.cart td.product-price:before,
.shop_table.cart td.product-quantity:before,
.shop_table.cart td.product-subtotal:before {
content: attr(data-title) ": " !important;
font-weight: 600 !important;
min-width: 80px !important;
color: #718096 !important;
text-align: left !important;
font-size: 15px !important;
} .shop_table.cart td.product-price,
.shop_table.cart td.product-quantity,
.shop_table.cart td.product-subtotal {
justify-content: flex-start !important;
}
.shop_table.cart td.product-price span,
.shop_table.cart td.product-subtotal span {
font-weight: 600 !important;
font-size: 15px !important;
} .shop_table.cart .quantity {
border-radius: 6px !important;
margin-left: 0 !important;
}
.shop_table.cart .quantity .qty {
width: 60px !important;
height: 40px !important;
font-size: 15px !important;
} .shop_table.cart .actions {
padding: 20px 0 0 0 !important;
background: transparent !important;
border: none !important;
} .shop_table.cart .coupon {
display: flex !important;
flex-wrap: nowrap !important;
width: 100% !important;
gap: 10px !important;
margin-bottom: 15px !important;
background: transparent !important;
}
.shop_table.cart .coupon .input-text {
flex: 0 0 calc(60% - 5px) !important;
width: auto !important;
height: 50px !important;
border-radius: 8px !important;
font-size: 15px !important;
padding: 0 15px !important;
border: 2px solid #e0e0e0 !important;
background: #ffffff !important;
margin: 0 !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
}
.shop_table.cart .coupon .button {
flex: 0 0 calc(40% - 5px) !important;
width: auto !important;
height: 50px !important;
padding: 0 !important;
border-radius: 8px !important;
font-size: 15px !important;
font-weight: 500 !important;
background: linear-gradient(135deg, #2c3e50 0%, #1e2a36 100%) !important;
color: white !important;
border: none !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
white-space: nowrap !important;
box-shadow: 0 4px 12px rgba(44, 62, 80, 0.2) !important;
} .shop_table.cart .actions > .button {
width: 100% !important;
height: 52px !important;
border-radius: 8px !important;
margin: 0 auto !important;
font-size: 16px !important;
font-weight: 600 !important;
background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%) !important;
color: white !important;
border: none !important;
display: block !important;
text-align: center !important;
line-height: 52px !important;
padding: 0 !important;
text-transform: none !important;
letter-spacing: 0.5px !important;
box-shadow: 0 8px 20px rgba(76, 175, 80, 0.3) !important;
} .cart-collaterals {
background: #ffffff !important;
border-radius: 12px !important;
padding: 20px !important;
margin-top: 20px !important;
box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
border: 1px solid #f0f0f0 !important;
}
.cart_totals h2 {
font-size: 20px !important;
font-weight: 600 !important;
color: #2c3e50 !important;
margin: 0 0 15px 0 !important;
padding-bottom: 12px !important;
border-bottom: 2px solid #e0e0e0 !important;
}
.cart_totals .shop_table {
border: none !important;
background: transparent !important;
border-collapse: collapse !important;
}
.cart_totals .shop_table tr {
border-bottom: 1px solid #f0f0f0 !important;
background: transparent !important;
}
.cart_totals .shop_table tr:first-child {
border-top: none !important;
}
.cart_totals .shop_table tr:last-child {
border-bottom: none !important;
}
.cart_totals .shop_table th,
.cart_totals .shop_table td {
padding: 12px 0 !important;
border: none !important;
font-size: 15px !important;
color: #2c3e50 !important;
background: transparent !important;
}
.cart_totals .shop_table tr.cart-subtotal th,
.cart_totals .shop_table tr.cart-subtotal td {
border-top: none !important;
}
.cart_totals .shop_table th {
font-weight: 500 !important;
color: #718096 !important;
}
.cart_totals .shop_table td {
font-weight: 600 !important;
text-align: right !important;
}
.cart_totals .order-total th,
.cart_totals .order-total td {
font-size: 18px !important;
font-weight: 700 !important;
color: #2c3e50 !important;
padding-top: 15px !important;
background: transparent !important;
border-top: none !important;
} .wc-proceed-to-checkout .checkout-button {
padding: 16px !important;
font-size: 16px !important;
border-radius: 8px !important;
margin-top: 10px !important;
background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%) !important;
color: white !important;
border: none !important;
font-weight: 600 !important;
display: block !important;
text-align: center !important;
line-height: 1.5 !important;
box-shadow: 0 8px 20px rgba(76, 175, 80, 0.3) !important;
} .woocommerce-notices-wrapper .woocommerce-message {
padding: 15px 18px !important;
gap: 12px !important;
font-size: 15px !important;
flex-wrap: nowrap !important;
}
.woocommerce-notices-wrapper .woocommerce-message .restore-item,
.woocommerce-notices-wrapper .woocommerce-message .button {
padding: 6px 16px !important;
font-size: 13px !important;
margin-left: auto !important;
white-space: nowrap !important;
border-radius: 6px !important;
} .shop_table.cart .coupon {
display: flex !important;
flex-wrap: nowrap !important;
width: 100% !important;
gap: 8px !important; margin-bottom: 15px !important;
background: transparent !important;
padding-bottom: 15px !important; border-bottom: 2px solid #f0f0f0 !important; }
.shop_table.cart .coupon .input-text {
flex: 0 0 calc(60% - 4px) !important;
width: auto !important;
height: 50px !important;
border-radius: 8px !important;
font-size: 15px !important;
padding: 0 12px !important; border: 2px solid #e0e0e0 !important;
background: #ffffff !important;
margin: 0 !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
box-sizing: border-box !important;
}
.shop_table.cart .coupon .button {
flex: 0 0 calc(40% - 4px) !important;
width: auto !important;
height: 50px !important;
padding: 0 !important;
border-radius: 8px !important;
font-size: 15px !important;
font-weight: 500 !important;
background: linear-gradient(135deg, #2c3e50 0%, #1e2a36 100%) !important;
color: white !important;
border: none !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
white-space: nowrap !important;
box-shadow: 0 4px 12px rgba(44, 62, 80, 0.2) !important;
box-sizing: border-box !important;
} .shop_table.cart .actions > .button {
width: 100% !important;
height: 52px !important;
border-radius: 8px !important;
margin: 0 auto !important;
font-size: 16px !important;
font-weight: 600 !important;
background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%) !important;
color: white !important;
border: none !important;
display: block !important;
text-align: center !important;
line-height: 52px !important;
padding: 0 !important;
text-transform: none !important;
letter-spacing: 0.5px !important;
box-shadow: 0 8px 20px rgba(76, 175, 80, 0.3) !important;
box-sizing: border-box !important;
} .cart_totals .woocommerce-shipping-methods {
text-align: right !important;
width: 100% !important;
}
.cart_totals .woocommerce-shipping-methods li {
display: flex !important;
align-items: center !important;
gap: 10px !important;
justify-content: flex-end !important; width: 100% !important;
}
.cart_totals .woocommerce-shipping-methods label {
text-align: right !important;
order: 2 !important; }
.cart_totals .woocommerce-shipping-methods input[type="radio"] {
order: 1 !important; margin: 0 !important;
} .cart_totals tr.shipping td {
text-align: right !important;
}
.cart_totals tr.shipping td[data-title="Shipment"] {
text-align: right !important;
}    
} @media screen and (max-width: 480px) {
.shop_table.cart td.product-thumbnail {
width: 60px !important;
margin-right: 12px !important;
}
.shop_table.cart td.product-thumbnail img {
width: 60px !important;
height: 60px !important;
}
.shop_table.cart td.product-name {
width: calc(100% - 87px) !important;
}
.shop_table.cart td.product-name a {
font-size: 14px !important;
padding-right: 35px !important;
}
.shop_table.cart td.product-remove .remove {
width: 34px !important;
height: 34px !important;
}
.shop_table.cart .quantity .qty {
width: 55px !important;
height: 38px !important;
font-size: 14px !important;
} .shop_table.cart .coupon .input-text {
height: 48px !important;
font-size: 14px !important;
flex: 0 0 calc(60% - 4px) !important;
}
.shop_table.cart .coupon .button {
height: 48px !important;
font-size: 14px !important;
flex: 0 0 calc(40% - 4px) !important;
}
.shop_table.cart .actions > .button {
height: 48px !important;
line-height: 48px !important;
font-size: 15px !important;
}
.cart_totals h2 {
font-size: 18px !important;
}
.cart_totals .shop_table th,
.cart_totals .shop_table td {
font-size: 14px !important;
padding: 10px 0 !important;
}
.cart_totals .order-total th,
.cart_totals .order-total td {
font-size: 16px !important;
} .woocommerce-notices-wrapper .woocommerce-message {
padding: 12px 15px !important;
gap: 10px !important;
font-size: 14px !important;
flex-wrap: wrap !important;
}
.woocommerce-notices-wrapper .woocommerce-message .restore-item,
.woocommerce-notices-wrapper .woocommerce-message .button {
width: 100% !important;
margin-left: 0 !important;
text-align: center !important;
padding: 8px 16px !important;
}
.shop_table.cart .coupon {
gap: 6px !important;
padding-bottom: 12px !important;
}
.shop_table.cart .coupon .input-text {
height: 48px !important;
font-size: 14px !important;
padding: 0 10px !important;
flex: 0 0 calc(60% - 3px) !important;
}
.shop_table.cart .coupon .button {
height: 48px !important;
font-size: 14px !important;
flex: 0 0 calc(40% - 3px) !important;
}    
} .woocommerce-checkout {
max-width: 1400px !important;
margin: 0 auto !important;
padding: 20px !important;
} @media screen and (min-width: 769px) {
.checkout.woocommerce-checkout {
display: block !important;
}
.col2-set {
display: flex !important;
flex-wrap: wrap !important;
width: 100% !important;
margin-bottom: 40px !important;
}
.col2-set .col-1 {
width: 58% !important;
float: left !important;
margin-right: 2% !important;
box-sizing: border-box !important;
}
.col2-set .col-2 {
width: 40% !important;
float: right !important;
box-sizing: border-box !important;
}
#order_review_heading {
clear: both !important;
margin-top: 40px !important;
}
#order_review {
clear: both !important;
width: 100% !important;
background: #ffffff !important;
border-radius: 16px !important;
padding: 25px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}
} .woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
#order_review_heading {
font-size: 22px !important;
font-weight: 600 !important;
color: #2c3e50 !important;
margin: 0 0 20px 0 !important;
padding-bottom: 15px !important;
border-bottom: 2px solid #e0e0e0 !important;
} .form-row {
margin-bottom: 20px !important;
padding: 0 !important;
}
.form-row label {
display: block !important;
margin-bottom: 8px !important;
font-weight: 500 !important;
color: #2c3e50 !important;
font-size: 14px !important;
letter-spacing: 0.3px !important;
}
.form-row label .required {
color: #ff6b6b !important;
border: none !important;
} .form-row input[type="text"],
.form-row input[type="tel"],
.form-row input[type="email"],
.form-row input[type="number"],
.form-row textarea,
.form-row select {
width: 100% !important;
height: 50px !important;
padding: 0 15px !important;
border: 2px solid #e0e0e0 !important;
border-radius: 8px !important;
font-size: 15px !important;
color: #2c3e50 !important;
background: #ffffff !important;
transition: all 0.3s ease !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
line-height: normal !important;
}
.form-row textarea {
height: 100px !important;
padding: 15px !important;
resize: vertical !important;
}
.form-row input:focus,
.form-row textarea:focus,
.form-row select:focus {
border-color: #4CAF50 !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1) !important;
} .select2-container .select2-selection--single {
height: 50px !important;
border: 2px solid #e0e0e0 !important;
border-radius: 8px !important;
background: #ffffff !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
display: flex !important;
align-items: center !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 1 !important;
padding-left: 15px !important;
color: #2c3e50 !important;
font-size: 15px !important;
display: flex !important;
align-items: center !important;
height: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 46px !important;
right: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
.select2-dropdown {
border: 2px solid #e0e0e0 !important;
border-radius: 8px !important;
overflow: hidden !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
margin-top: 5px !important;
}
.select2-results__option {
padding: 12px 15px !important;
font-size: 15px !important;
color: #2c3e50 !important;
background: #ffffff !important;
transition: all 0.2s ease !important;
}
.select2-results__option--highlighted {
background: #f0f0f0 !important;
color: #2c3e50 !important;
}
.select2-results__option[aria-selected="true"] {
background: #4CAF50 !important;
color: #ffffff !important;
} .form-row select {
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-image: url("data:image/svg+xml;utf8,<svg fill='%232c3e50' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") !important;
background-repeat: no-repeat !important;
background-position: right 10px center !important;
background-size: 20px !important;
} #ship-to-different-address {
margin: 25px 0 15px 0 !important;
}
#ship-to-different-address label {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
font-weight: 500 !important;
color: #2c3e50 !important;
cursor: pointer !important;
}
#ship-to-different-address input[type="checkbox"] {
width: 20px !important;
height: 20px !important;
border: 2px solid #e0e0e0 !important;
border-radius: 4px !important;
cursor: pointer !important;
} .woocommerce-form-coupon-toggle {
margin-bottom: 20px !important;
width: 100% !important;
}
.woocommerce-info {
background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f5 100%) !important;
border: none !important;
border-left: 4px solid #4CAF50 !important;
border-radius: 8px !important;
padding: 15px 20px !important;
color: #2c3e50 !important;
font-size: 15px !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
}
.woocommerce-info a {
color: #4CAF50 !important;
font-weight: 600 !important;
text-decoration: none !important;
transition: color 0.3s ease !important;
}
.woocommerce-info a:hover {
color: #45a049 !important;
text-decoration: underline !important;
}
.checkout_coupon {
background: #ffffff !important;
border: 2px solid #e0e0e0 !important;
border-radius: 12px !important;
padding: 25px !important;
margin-bottom: 30px !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 15px !important;
align-items: center !important;
width: 100% !important;
box-sizing: border-box !important;
min-height: 120px !important;
transition: all 0.3s ease !important;
}
.checkout_coupon .form-row {
flex: 1 1 250px !important;
margin: 0 !important;
min-width: 200px !important;
}
.checkout_coupon .form-row label {
display: none !important;
}
.checkout_coupon .input-text {
height: 50px !important;
border: 2px solid #e0e0e0 !important;
border-radius: 8px !important;
padding: 0 15px !important;
font-size: 15px !important;
width: 100% !important;
box-sizing: border-box !important;
}
.checkout_coupon .button {
height: 50px !important;
padding: 0 30px !important;
background: linear-gradient(135deg, #2c3e50 0%, #1e2a36 100%) !important;
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
font-size: 15px !important;
font-weight: 500 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
box-shadow: 0 4px 12px rgba(44, 62, 80, 0.2) !important;
white-space: nowrap !important;
min-width: 150px !important;
}
.checkout_coupon .button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 20px rgba(44, 62, 80, 0.3) !important;
} .woocommerce-checkout-review-order-table {
width: 100% !important;
border-collapse: collapse !important;
margin-bottom: 25px !important;
display: table !important;
}
.woocommerce-checkout-review-order-table thead {
display: table-header-group !important;
background: #f8f9fa !important;
border-bottom: 2px solid #e0e0e0 !important;
}
.woocommerce-checkout-review-order-table thead tr {
display: table-row !important;
}
.woocommerce-checkout-review-order-table thead th {
display: table-cell !important;
padding: 15px 20px !important;
font-weight: 600 !important;
color: #2c3e50 !important;
font-size: 16px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
background: #f8f9fa !important;
background-image: none !important;
border-bottom: 2px solid #e0e0e0 !important;
}
.woocommerce-checkout-review-order-table thead th.product-name {
text-align: left !important;
}
.woocommerce-checkout-review-order-table thead th.product-total {
text-align: right !important;
}
.woocommerce-checkout-review-order-table tbody {
display: table-row-group !important;
}
.woocommerce-checkout-review-order-table tbody tr {
border-bottom: 2px solid #f0f0f0 !important;
}
.woocommerce-checkout-review-order-table tbody td {
padding: 15px 20px !important;
color: #2c3e50 !important;
font-size: 15px !important;
}
.woocommerce-checkout-review-order-table tbody td.product-name {
text-align: left !important;
}
.woocommerce-checkout-review-order-table tbody td.product-total {
text-align: right !important;
font-weight: 500 !important;
}
.woocommerce-checkout-review-order-table .product-quantity {
font-weight: 500 !important;
color: #4CAF50 !important;
margin-left: 5px !important;
}
.woocommerce-checkout-review-order-table tfoot {
display: table-footer-group !important;
}
.woocommerce-checkout-review-order-table tfoot tr {
border-bottom: 2px solid #e0e0e0 !important;
}
.woocommerce-checkout-review-order-table tfoot tr:last-child {
border-bottom: none !important;
}
.woocommerce-checkout-review-order-table tfoot th {
padding: 15px 20px !important;
font-weight: 500 !important;
color: #2c3e50 !important;
font-size: 16px !important;
text-align: left !important;
}
.woocommerce-checkout-review-order-table tfoot td {
padding: 15px 20px !important;
font-weight: 500 !important;
color: #2c3e50 !important;
font-size: 16px !important;
text-align: right !important;
}
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
font-size: 20px !important;
font-weight: 700 !important;
color: #2c3e50 !important;
padding-top: 20px !important;
border-top: 2px solid #e0e0e0 !important;
} .woocommerce-shipping-methods {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.woocommerce-shipping-methods li {
margin-bottom: 10px !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
justify-content: flex-end !important;
}
.woocommerce-shipping-methods input[type="radio"] {
width: 18px !important;
height: 18px !important;
border: 2px solid #e0e0e0 !important;
border-radius: 50% !important;
cursor: pointer !important;
}
.woocommerce-shipping-methods label {
font-size: 15px !important;
color: #2c3e50 !important;
cursor: pointer !important;
} #payment {
background: #f8f9fa !important;
border-radius: 12px !important;
padding: 20px !important;
margin-top: 20px !important;
}
.wc_payment_methods {
list-style: none !important;
padding: 0 !important;
margin: 0 0 20px 0 !important;
}
.wc_payment_methods li {
margin-bottom: 15px !important;
border-bottom: 2px solid #e0e0e0 !important;
padding-bottom: 15px !important;
}
.wc_payment_methods li:last-child {
border-bottom: none !important;
}
.wc_payment_methods input[type="radio"] {
width: 18px !important;
height: 18px !important;
border: 2px solid #e0e0e0 !important;
border-radius: 50% !important;
margin-right: 10px !important;
cursor: pointer !important;
}
.wc_payment_methods label {
font-size: 16px !important;
font-weight: 600 !important;
color: #2c3e50 !important;
cursor: pointer !important;
}
.payment_box {
background: #ffffff !important;
border: 2px solid #e0e0e0 !important;
border-radius: 8px !important;
padding: 15px !important;
margin-top: 15px !important;
font-size: 14px !important;
color: #718096 !important;
line-height: 1.6 !important;
} #place_order {
width: 100% !important;
height: 55px !important;
background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%) !important;
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
font-size: 18px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
box-shadow: 0 8px 20px rgba(76, 175, 80, 0.3) !important;
margin-top: 20px !important;
letter-spacing: 0.5px !important;
}
#place_order:hover {
transform: translateY(-3px) !important;
box-shadow: 0 12px 30px rgba(76, 175, 80, 0.4) !important;
background: linear-gradient(135deg, #45a049 0%, #3d8b40 100%) !important;
} @media screen and (max-width: 768px) {
.col2-set .col-1,
.col2-set .col-2 {
width: 100% !important;
float: none !important;
margin-right: 0 !important;
}
#order_review_heading {
margin-top: 30px !important;
}
#order_review {
margin-top: 20px !important;
}
.checkout_coupon {
flex-direction: column !important;
padding: 20px !important;
gap: 12px !important;
min-height: auto !important;
}
.checkout_coupon .form-row {
flex: 1 1 100% !important;
min-width: 100% !important;
width: 100% !important;
}
.checkout_coupon .input-text {
height: 48px !important;
font-size: 16px !important;
}
.checkout_coupon .button {
width: 100% !important;
min-width: 100% !important;
height: 48px !important;
font-size: 16px !important;
}
.form-row-first,
.form-row-last {
width: 100% !important;
margin-right: 0 !important;
}
.woocommerce-checkout-review-order-table thead th {
padding: 12px 10px !important;
font-size: 14px !important;
}
.woocommerce-checkout-review-order-table tbody td,
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout-review-order-table .shipping th,
.woocommerce-checkout-review-order-table .shipping td {
padding: 12px 10px !important;
}
.woocommerce-checkout-review-order-table .shipping th {
padding-left: 10px !important;
width: 50% !important;
}
.woocommerce-checkout-review-order-table .shipping td {
padding-right: 10px !important;
width: 50% !important;
}
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
font-size: 18px !important;
}
.woocommerce-shipping-methods li {
justify-content: flex-start !important;
}
.shipping td[data-title="Shipment"] {
text-align: right !important;
}
}
@media screen and (max-width: 480px) {
.woocommerce-checkout {
padding: 10px !important;
}
#order_review {
padding: 15px !important;
}
.checkout_coupon {
padding: 15px !important;
}
.woocommerce-checkout-review-order-table .shipping th,
.woocommerce-checkout-review-order-table .shipping td {
padding: 10px 8px !important;
}
#place_order {
height: 50px !important;
font-size: 16px !important;
}
.checkout_coupon .input-text,
.checkout_coupon .button,
.form-row input,
.form-row select,
.form-row textarea {
min-height: 48px !important;
}
} .woocommerce-terms-and-conditions-wrapper {
margin: 20px 0 !important;
}
.woocommerce-privacy-policy-text {
font-size: 14px !important;
color: #718096 !important;
line-height: 1.6 !important;
margin-bottom: 15px !important;
}
.woocommerce-privacy-policy-text a {
color: #4CAF50 !important;
text-decoration: none !important;
font-weight: 500 !important;
} .woocommerce-terms-and-conditions-link::after {
display: none !important;
content: none !important;
} .woocommerce-terms-and-conditions-wrapper .form-row.validate-required {
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
margin: 15px 0 0 0 !important;
padding: 0 !important;
border: none !important;
width: 100% !important;
}
.woocommerce-terms-and-conditions-wrapper .form-row.validate-required label {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
margin: 0 !important;
font-weight: normal !important;
font-size: 15px !important;
color: #2c3e50 !important;
cursor: pointer !important;
flex-wrap: wrap !important;
width: 100% !important;
} .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
border: 2px solid #e0e0e0 !important;
border-radius: 4px !important;
cursor: pointer !important;
margin: 2px 0 0 0 !important;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
background: #ffffff !important;
position: relative !important;
outline: none !important;
box-shadow: none !important;
padding: 0 !important;
flex-shrink: 0 !important;
display: inline-block !important;
vertical-align: top !important;
box-sizing: border-box !important;
} .woocommerce-terms-and-conditions-wrapper input[type="checkbox"]::before,
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]::after,
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]::-webkit-inner-spin-button,
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]::-webkit-outer-spin-button,
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]::-webkit-checkmark,
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]::-ms-check {
display: none !important;
content: none !important;
opacity: 0 !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
} .woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked {
background-color: #4CAF50 !important;
border-color: #4CAF50 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='14px' height='14px'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 14px !important;
box-shadow: none !important;
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
} .woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked::before,
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked::after {
display: none !important;
content: none !important;
background: none !important;
} .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text {
flex: 1 !important;
line-height: 1.5 !important;
display: inline !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
} .woocommerce-terms-and-conditions-wrapper a {
color: #4CAF50 !important;
text-decoration: none !important;
font-weight: 500 !important;
display: inline !important;
}
.woocommerce-terms-and-conditions-wrapper a:hover {
text-decoration: underline !important;
} .woocommerce-terms-and-conditions-wrapper .required {
color: #ff6b6b !important;
border: none !important;
font-size: 16px !important;
margin-left: 3px !important;
text-decoration: none !important;
} @media screen and (max-width: 768px) {
.woocommerce-terms-and-conditions-wrapper .form-row.validate-required label {
font-size: 14px !important;
gap: 8px !important;
}
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
margin-top: 1px !important;
}
}  .woocommerce-NoticeGroup-checkout,
.woocommerce-error,
.woocommerce-NoticeGroup .woocommerce-error {
display: none !important;
} .woocommerce-invalid-required-field .checkout-inline-error-message,
.woocommerce-invalid-required-field #terms_description {
display: block !important;
background: #fff8f8 !important;
border: 1px solid #dc3545 !important;
border-radius: 8px !important;
padding: 10px 15px !important;
margin-top: 8px !important;
margin-bottom: 5px !important;
color: #721c24 !important;
font-size: 14px !important;
line-height: 1.5 !important;
position: relative !important;
width: 100% !important;
box-sizing: border-box !important;
} .woocommerce-invalid-required-field .checkout-inline-error-message::before,
.woocommerce-invalid-required-field #terms_description::before {
content: "" !important;
position: absolute !important;
top: -6px !important;
left: 20px !important;
width: 10px !important;
height: 10px !important;
background: #fff8f8 !important;
border-left: 1px solid #dc3545 !important;
border-top: 1px solid #dc3545 !important;
transform: rotate(45deg) !important;
} .woocommerce-invalid-required-field .form-row.validate-required {
margin-bottom: 5px !important;
} .woocommerce-invalid-required-field .form-row.validate-required .checkout-inline-error-message,
.woocommerce-invalid-required-field .form-row.validate-required #terms_description {
margin-left: 30px !important; width: calc(100% - 30px) !important;
} .woocommerce-invalid input,
.woocommerce-invalid select,
.woocommerce-invalid textarea {
border-color: #dc3545 !important;
background-color: #fff8f8 !important;
} .woocommerce-invalid-required-field .checkout-inline-error-message::after,
.woocommerce-invalid-required-field #terms_description::after {
content: "!" !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: #dc3545 !important;
color: white !important;
width: 16px !important;
height: 16px !important;
border-radius: 50% !important;
font-size: 12px !important;
font-weight: bold !important;
margin-left: 8px !important;
padding: 0 !important;
line-height: 1 !important;
} .woocommerce-message {
display: flex !important;
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
border-left: 6px solid #4CAF50 !important;
border-radius: 12px !important;
padding: 20px 25px !important;
margin: 20px 0 30px 0 !important;
box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important;
align-items: center !important;
gap: 15px !important;
}
.woocommerce-message::before {
content: "✓" !important;
background: #4CAF50 !important;
color: white !important;
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 14px !important;
font-weight: bold !important;
flex-shrink: 0 !important;
}
.woocommerce-message .button {
margin-left: auto !important;
flex-shrink: 0 !important;
background: linear-gradient(135deg, #2c3e50 0%, #1e2a36 100%) !important;
color: white !important;
padding: 10px 20px !important;
border-radius: 50px !important;
text-decoration: none !important;
font-size: 14px !important;
} .woocommerce-info {
display: flex !important;
background: linear-gradient(135deg, #e8f4fd 0%, #f0f8ff 100%) !important;
border-left: 6px solid #2196F3 !important;
border-radius: 12px !important;
padding: 20px 25px !important;
margin: 20px 0 30px 0 !important;
align-items: center !important;
gap: 12px !important;
}
.woocommerce-info::before {
content: "i" !important;
background: #2196F3 !important;
color: white !important;
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 14px !important;
font-weight: 600 !important;
font-style: italic !important;
flex-shrink: 0 !important;
} @media screen and (max-width: 768px) {
.woocommerce-invalid-required-field .checkout-inline-error-message,
.woocommerce-invalid-required-field #terms_description {
padding: 8px 12px !important;
font-size: 13px !important;
margin-top: 6px !important;
}
.woocommerce-invalid-required-field .form-row.validate-required .checkout-inline-error-message,
.woocommerce-invalid-required-field .form-row.validate-required #terms_description {
margin-left: 0 !important; width: 100% !important;
}
.woocommerce-message,
.woocommerce-info {
padding: 15px 18px !important;
}
}
@media screen and (max-width: 480px) {
.woocommerce-invalid-required-field .checkout-inline-error-message,
.woocommerce-invalid-required-field #terms_description {
padding: 6px 10px !important;
font-size: 12px !important;
}
.woocommerce-message {
flex-wrap: wrap !important;
}
.woocommerce-message .button {
margin-left: 0 !important;
width: 100% !important;
text-align: center !important;
}
}