Save

themes/classic/assets/css/custom.scss

@@ -5,8 +5,7 @@ $cGoldDark: #d3ba67;
 $cBgAccent: #eff6f7;
 $cBone: #f6f6f6;
 
-$fInter: 'Inter',
+$fInter: 'Inter', sans-serif;
-sans-serif;
 
 body > main {
 	overflow-x: hidden;
@@ -201,10 +200,12 @@ a {
 					background: #ffffff;
 
 					a {
-            img {}
+						img {
+						}
 					}
 
-          .highlighted-informations {}
+					.highlighted-informations {
+					}
 
 					.product-add-to-basket {
 						display: flex;
@@ -277,7 +278,8 @@ a {
 							font-weight: 700;
 						}
 
-            .discount-product {}
+						.discount-product {
+						}
 
 						&.product-price-discount {
 							display: flex;
@@ -1290,7 +1292,8 @@ body#product {
 
 #blockcart-modal {
 	.modal-content {
-    .modal-header {}
+		.modal-header {
+		}
 
 		.modal-body {
 			.product-name {
@@ -1545,6 +1548,51 @@ body#cart {
 						}
 					}
 
+					@media (max-width: 570px) {
+						table thead {
+							display: none;
+						}
+						table,
+						tbody,
+						tr,
+						td {
+							display: block;
+							width: 100%;
+						}
+
+						tbody {
+							padding: 20px;
+							text-align: center;
+						}
+
+						tr {
+							margin-bottom: 1rem;
+							border: 1px solid #ccc;
+							border-radius: 5px;
+							padding: 10px;
+							background: #f9f9f9;
+							border: 1px solid rgba(17, 14, 12, 0.1019607843);
+						}
+
+						td {
+							text-align: right;
+							position: relative;
+							padding-left: 50%;
+							border: none !important;
+
+							.product-card-qty {
+								display: block;
+								margin: 0 auto;
+								width: fit-content;
+							}
+						}
+
+						.product-card-img img {
+							max-width: 100%;
+							height: auto;
+						}
+					}
+
 					.no-items {
 						color: #462d26;
 						font-size: 16px;
@@ -1557,7 +1605,8 @@ body#cart {
 					}
 				}
 
-        .card-block {}
+				.card-block {
+				}
 
 				.cart-overview {
 					.cart-items {
@@ -2118,7 +2167,6 @@ body#order-confirmation {
 			}
 
 			section {
-
 				&#content,
 				&#content-hook_payment_return,
 				&#content-hook-order-confirmation-footer {
@@ -2175,7 +2223,6 @@ body#order-confirmation {
 	}
 
 	footer#footer {
-
 		.footer-box-newsletter,
 		.footer-box-services,
 		.footer-box-other-info {
@@ -2381,7 +2428,6 @@ body#category {
 }
 
 .data-sheet {
-
 	dd,
 	dt {
 		font-weight: 400 !important;
@@ -2750,7 +2796,8 @@ article {
 		&.product-card {
 			.product-description {
 				.product-title {
-          a {}
+					a {
+					}
 				}
 			}
 		}
@@ -2939,7 +2986,6 @@ nav.breadcrumb {
 }
 
 body#cms {
-
 	// Disable custom footer elements
 	&.cms-id-5,
 	&.cms-id-6,