diff --git a/assets/component-cart.css b/assets/component-cart.css
index f9268ee41b4..34c3d49f8d0 100644
--- a/assets/component-cart.css
+++ b/assets/component-cart.css
@@ -65,10 +65,6 @@ cart-items {
pointer-events: none;
}
-.cart__footer {
- padding: 4rem 0 0;
-}
-
.cart__footer-wrapper:last-child .cart__footer {
padding-bottom: 5rem;
}
@@ -78,7 +74,7 @@ cart-items {
}
.cart__footer > * + * {
- margin-top: 4rem;
+ margin-top: 6.5rem;
}
.cart__footer .discounts {
@@ -87,8 +83,11 @@ cart-items {
.cart__note {
height: fit-content;
+ top: 2.5rem;
}
+
+
.cart__note label {
display: flex;
align-items: flex-end;
@@ -171,14 +170,14 @@ cart-items {
margin: 0 auto;
}
-.cart__blocks > * + * {
- margin-top: 1rem;
-}
-
.cart__dynamic-checkout-buttons div[role='button'] {
border-radius: var(--buttons-radius-outset) !important;
}
+.cart__blocks > * + * {
+ margin-top: 1rem;
+}
+
.cart-note__label {
display: inline-block;
margin-bottom: 1rem;
diff --git a/sections/main-cart-footer.liquid b/sections/main-cart-footer.liquid
index 28d69883685..ba750bc9972 100644
--- a/sections/main-cart-footer.liquid
+++ b/sections/main-cart-footer.liquid
@@ -3,9 +3,23 @@
{{ 'component-price.css' | asset_url | stylesheet_tag }}
{{ 'component-discounts.css' | asset_url | stylesheet_tag }}
+{%- style -%}
+ .section-{{ section.id }}-padding {
+ padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
+ padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
+ }
+
+ @media screen and (min-width: 750px) {
+ .section-{{ section.id }}-padding {
+ padding-top: {{ section.settings.padding_top }}px;
+ padding-bottom: {{ section.settings.padding_bottom }}px;
+ }
+ }
+{%- endstyle -%}
+