remove redundant code

assets/css/custom.css

@@ -529,7 +529,9 @@ body {
 .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:hover, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus {
   border-color: var(--wp--preset--color--foreground);
 }
-.wc-block-components-form .has-error input, .wc-block-components-form .has-error select, .wc-block-components-form .has-error textarea {
+.wc-block-components-form .has-error input,
+.wc-block-components-form .has-error select,
+.wc-block-components-form .has-error textarea {
   border-color: var(--wp--preset--color--foreground);
   border-width: 2px;
 }
@@ -559,6 +561,7 @@ body {
   color: var(--wp--preset--color--foreground);
   margin-bottom: 0.5em;
   display: block;
+  margin-left: 0.5em;
 }
 
 .woocommerce form .form-row.woocommerce-validated input.input-text {
@@ -646,9 +649,9 @@ body {
   text-decoration: none;
 }
 
-.wc-block-components-notice-banner,
+.wc-block-components-notice-banner a,
-.woocommerce-error {
+.woocommerce-error a {
-  color: var(--wp--preset--color--foreground);
+  color: black;
 }
 .wc-block-components-notice-banner.is-error, .wc-block-components-notice-banner.is-info, .wc-block-components-notice-banner.is-success, .wc-block-components-notice-banner.is-warning,
 .woocommerce-error.is-error,
@@ -669,7 +672,6 @@ body {
 }
 
 .wc-block-components-notice-banner.is-error {
-  background-color: black;
   border-color: white;
 }
 
@@ -695,15 +697,38 @@ body {
   fill: var(--wp--preset--color--foreground) !important;
 }
 
-.wc-block-components-form .wc-block-components-text-input.has-error label, .wc-block-components-text-input.has-error label {
+.wc-block-components-form .wc-block-components-text-input.has-error label,
+.wc-block-components-text-input.has-error label {
   color: var(--wp--preset--color--foreground);
 }
 
-.wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus, .wc-block-components-text-input input[type=email]:focus, .wc-block-components-text-input input[type=number]:focus, .wc-block-components-text-input input[type=password]:focus, .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-text-input input[type=text]:focus, .wc-block-components-text-input input[type=url]:focus {
+.wc-block-components-form .wc-block-components-text-input input[type=email]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=number]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=password]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=tel]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=text]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=url]:focus,
+.wc-block-components-text-input input[type=email]:focus,
+.wc-block-components-text-input input[type=number]:focus,
+.wc-block-components-text-input input[type=password]:focus,
+.wc-block-components-text-input input[type=tel]:focus,
+.wc-block-components-text-input input[type=text]:focus,
+.wc-block-components-text-input input[type=url]:focus {
   background-color: var(--wp--preset--color--background);
 }
 
-.wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus, .wc-block-components-text-input input[type=email]:focus, .wc-block-components-text-input input[type=number]:focus, .wc-block-components-text-input input[type=password]:focus, .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-text-input input[type=text]:focus, .wc-block-components-text-input input[type=url]:focus {
+.wc-block-components-form .wc-block-components-text-input input[type=email]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=number]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=password]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=tel]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=text]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=url]:focus,
+.wc-block-components-text-input input[type=email]:focus,
+.wc-block-components-text-input input[type=number]:focus,
+.wc-block-components-text-input input[type=password]:focus,
+.wc-block-components-text-input input[type=tel]:focus,
+.wc-block-components-text-input input[type=text]:focus,
+.wc-block-components-text-input input[type=url]:focus {
   color: var(--wp--preset--color--foreground);
 }
 
@@ -715,15 +740,225 @@ body {
     display: none;
   }
 }
-.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .wc-block-components-button:not(.is-link) {
+.woocommerce #respond input#submit,
-  background-color: var(wp--preset--color--foreground);
+.woocommerce a.button,
+.woocommerce button.button,
+.woocommerce input.button,
+.wc-block-components-button:not(.is-link) {
+  background-color: var(--wp--preset--color--foreground);
   color: var(--wp--preset--color--background);
   text-transform: uppercase;
   transition: all 0.125s ease-in-out;
 }
-.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .wc-block-components-button:not(.is-link):hover {
+.woocommerce #respond input#submit:hover,
+.woocommerce a.button:hover,
+.woocommerce button.button:hover,
+.woocommerce input.button:hover,
+.wc-block-components-button:not(.is-link):hover {
   background-color: white;
   color: black;
 }
 
+.woocommerce-form-coupon-toggle {
+  display: none;
+}
+
+.woocommerce-account .wp-block-post-title,
+.woocommerce-account main .woocommerce,
+.woocommerce-cart .wp-block-post-title,
+.woocommerce-cart main .woocommerce,
+.woocommerce-checkout .wp-block-post-title,
+.woocommerce-checkout main .woocommerce {
+  max-width: 968px;
+}
+
+.woocommerce h3 {
+  font-family: var(--wp--preset--font-family--eb-garamond);
+  font-size: 32px;
+  font-weight: 300;
+}
+.woocommerce h2 {
+  font-weight: 300;
+}
+
+.woocommerce form .form-row label,
+.wc-block-components-form .wc-block-components-text-input label {
+  margin-left: 0 !important;
+}
+
+.woocommerce .col2-set,
+.woocommerce-page .col2-set {
+  display: flex;
+  flex-direction: column;
+}
+
+.woocommerce .col2-set .col-1,
+.woocommerce-page .col2-set .col-1 {
+  width: unset;
+}
+
+.woocommerce form .form-row .input-text,
+.woocommerce form .form-row select {
+  background: transparent;
+  border-color: var(--wp--preset--color--foreground);
+  color: var(--wp--preset--color--foreground);
+  border-radius: 12px;
+}
+
+.select2-container .select2-dropdown,
+.select2-container .select2-selection {
+  background-color: var(--wp--preset--color--foreground);
+}
+
+#add_payment_method #payment div.payment_box,
+.woocommerce-cart #payment div.payment_box,
+.woocommerce-checkout #payment div.payment_box {
+  background: white;
+}
+
+.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated label {
+  color: black;
+}
+
+#add_payment_method #payment div.payment_box::before,
+.woocommerce-cart #payment div.payment_box::before,
+.woocommerce-checkout #payment div.payment_box::before {
+  border: 1em solid white;
+  border-top-color: white;
+  border-right-color: white;
+  border-left-color: white;
+  border-right-color: transparent;
+  border-left-color: transparent;
+  border-top-color: transparent;
+}
+
+.payment_box.payment_method_stripe fieldset {
+  border: none;
+}
+
+.woocommerce form .form-row.woocommerce-invalid label {
+  color: var(--wp--preset--color--foreground) !important;
+}
+
+.woocommerce table.shop_table {
+  border-color: var(--wp--preset--color--foreground);
+}
+
+.woocommerce table.shop_table tbody th,
+.woocommerce table.shop_table tfoot td,
+.woocommerce table.shop_table tfoot th {
+  border-color: var(--wp--preset--color--foreground);
+}
+
+.woocommerce table.shop_table td {
+  border-color: var(--wp--preset--color--foreground);
+}
+
+.woocommerce-MyAccount-content .button {
+  text-decoration: none;
+}
+
+.woocommerce-account .woocommerce {
+  display: flex;
+  max-width: 1440px !important;
+  gap: 4rem;
+}
+@media (max-width: 500px) {
+  .woocommerce-account .woocommerce {
+    flex-direction: column;
+    padding-inline: 1.5rem;
+    gap: 1rem;
+  }
+}
+.woocommerce-account .woocommerce::before, .woocommerce-account .woocommerce::after {
+  display: none;
+}
+.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
+  width: unset;
+  float: unset;
+}
+.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link {
+  padding-bottom: 0;
+}
+.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.is-active a {
+  background: var(--wp--preset--color--foreground);
+  color: var(--wp--preset--color--background);
+}
+.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a {
+  text-decoration: none;
+  text-transform: uppercase;
+  font-family: var(--wp--preset--font-family--jura);
+  font-weight: bold;
+  font-size: var(--wp--preset--font-size--medium);
+  letter-spacing: 0;
+  padding: 0.75em;
+  border: 1px solid;
+  border-radius: 12px;
+  display: flex;
+}
+@media (max-width: 500px) {
+  .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a {
+    font-size: 16px;
+  }
+}
+.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
+  float: unset;
+  border: 1px solid;
+  border-radius: 12px;
+  padding: 3rem;
+}
+@media (max-width: 500px) {
+  .woocommerce-account .woocommerce .woocommerce-MyAccount-content {
+    width: auto;
+  }
+}
+
+.is-large.wc-block-cart .wc-block-cart-items {
+  border: 1px solid;
+  border-radius: 12px;
+  border-radius: 12px;
+  border-color: rgba(250, 247, 239, 0.368627451);
+  padding-block: 1rem;
+  padding-inline: 1rem;
+}
+
+@media (max-width: 520px) {
+  #checkout-header,
+  #checkout-page-container {
+    padding-right: 2rem !important;
+    padding-left: 2rem !important;
+  }
+}
+@media (max-width: 500px) {
+  #main-site-header {
+    padding-right: 3rem !important;
+  }
+}
+.woocommerce-page table.shop_table {
+  width: 100%;
+}
+
+.product-total, .cart-subtotal td, .tax-total td, .order-total td {
+  text-align: right;
+}
+
+@media (max-width: 1500px) and (min-width: 501px) {
+  .entry-content {
+    margin-inline: 3rem !important;
+  }
+}
+.woocommerce-page .select2-container .select2-search--dropdown .select2-search__field {
+  color: black;
+}
+
+.select2-container .select2-dropdown, .select2-container .select2-selection {
+  border-radius: 12px;
+}
+
+.woocommerce-checkout-review-order-table {
+  border-radius: 12px !important;
+  border-collapse: separate !important;
+  border-spacing: 0 !important;
+}
+
 /*# sourceMappingURL=custom.css.map */

assets/css/custom.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/custom.scss"],"names":[],"mappings":"AAAA;EACE;;;AAGF;EACE;EAUA;;;AAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAKJ;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;;AAKJ;AAAA;AAAA;EACE;EACA;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAIJ;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;EACE;;AAQF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAKN;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;;AAKJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;EACE;EACA;;;AAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAOJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAOJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;;AAMN;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;;;AAIF;AAAA;EAEE;EACA;EACA;;;AAME;EACE;EACA;;AAEA;EACE;;AAMJ;EACE;EACA;;AAEA;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAMN;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;;AAMN;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;EACE;;;AAMN;AAAA;EAEE;;AAEA;AAAA;AAAA;AAAA;AAAA;EAIE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA","file":"custom.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/custom.scss"],"names":[],"mappings":"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;EAEE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAIA;EACE;;;AAKF;EACE;EAEA;EACA;;AACA;EALF;IAMI;IACA;IACA;;;AAGF;EAEE;;AAGF;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAXF;IAYI;;;AAMR;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;AAAA;IAEE;IACA;;;AAIJ;EACE;IACE;;;AAGJ;EAAqC;;;AACrC;EAAoE;;;AAEpE;EACE;IACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA","file":"custom.css"}

assets/css/static.css

@@ -6,6 +6,11 @@
   --font-family-mono: "Jura", sans-serif;
   --font-family-sans: "Sora", sans-serif;
 }
+@media (max-width: 480px) {
+  :root {
+    --wp--preset--font-size--x-large: 32px !important;
+  }
+}
 
 * {
   box-sizing: border-box;
@@ -28,7 +33,12 @@ body {
 }
 @media (max-width: 480px) {
   .container {
-    padding: 3rem;
+    padding-inline: 3rem;
+  }
+}
+@media (min-width: 481px) and (max-width: 1083px) {
+  .container {
+    padding-inline: 3rem;
   }
 }
 
@@ -40,6 +50,14 @@ h2 {
   font-family: var(--wp--preset--font-family--eb-garamond);
   font-size: 38px;
   line-height: 1;
+  margin-block-start: 0;
+  margin-block-end: 42px;
+}
+
+p {
+  margin-block-start: 0;
+  margin-block-end: 25px;
+  line-height: 1.3;
 }
 
 .btn {
@@ -49,6 +67,9 @@ h2 {
   text-decoration: none;
   font-size: 16px;
   transition: all 0.25s ease;
+  margin-bottom: 26px;
+  font-family: var(--wp--preset--font-family--jura);
+  font-weight: bold;
 }
 .btn:hover {
   text-decoration: none;
@@ -58,8 +79,11 @@ h2 {
   color: var(--background);
 }
 .btn--solid:hover {
-  background-color: white;
+  background-color: transparent;
-  color: black;
+  color: var(--foreground-text);
+  background-color: rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(30px);
+  color: rgba(255, 255, 255, 0.8);
 }
 
 .site-navigation {
@@ -76,6 +100,8 @@ h2 {
     flex-direction: column;
     padding-top: 3rem;
     gap: 2rem;
+    align-items: first baseline;
+    padding-bottom: 0;
   }
 }
 .site-navigation ul.pages-list {
@@ -92,10 +118,23 @@ h2 {
   justify-content: space-between;
   gap: 1em;
 }
+@media (max-width: 480px) {
+  .site-navigation .action-buttons {
+    display: none;
+  }
+}
+.site-navigation .action-buttons .btn {
+  margin-bottom: 0;
+}
 
 section {
   padding-block: 82px;
 }
+@media (max-width: 480px) {
+  section {
+    padding-block: 54px;
+  }
+}
 
 section.hero {
   padding-block: 0;
@@ -103,7 +142,7 @@ section.hero {
 section.hero .hero--container {
   margin-inline: auto;
   display: grid;
-  grid-template-columns: repeat(5, 1fr);
+  grid-template-columns: 1fr 446px 170px 292px 1fr;
 }
 @media (max-width: 480px) {
   section.hero .hero--container {
@@ -112,8 +151,18 @@ section.hero .hero--container {
     padding: 3rem;
   }
 }
+@media (min-width: 481px) and (max-width: 1083px) {
+  section.hero .hero--container {
+    display: flex;
+    flex-direction: column;
+    padding-inline: 3rem;
+  }
+}
 section.hero .hero--container .hero--text {
   grid-column: 2/4;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 section.hero .hero--container .hero--text h2 {
   font-family: var(--wp--preset--font-family--eb-garamond);
@@ -123,16 +172,28 @@ section.hero .hero--container .hero--text h2 {
 }
 @media (max-width: 480px) {
   section.hero .hero--container .hero--text h2 {
-    font-size: 34px;
+    font-size: 32px;
+    line-height: 1;
+    margin-top: 2rem;
+  }
+}
+@media (min-width: 481px) and (max-width: 1083px) {
+  section.hero .hero--container .hero--text h2 {
+    font-size: 32px;
     line-height: 1;
     margin-top: 2rem;
   }
 }
 section.hero .hero--container .hero--text p {
-  font-family: var(wp--preset--font-family--sora);
+  font-family: var(--wp--preset--font-family--sora);
   font-size: 18px;
   max-width: 446px;
 }
+@media (max-width: 480px) {
+  section.hero .hero--container .hero--text p {
+    font-size: 16px;
+  }
+}
 section.hero .hero--container .hero--img {
   grid-column: 4/6;
   width: 100%;
@@ -140,12 +201,30 @@ section.hero .hero--container .hero--img {
   border-top-left-radius: 12px;
   border-bottom-left-radius: 12px;
   border-right: none;
+  max-height: 366px;
+  object-fit: cover;
 }
 @media (max-width: 480px) {
   section.hero .hero--container .hero--img {
     order: -1;
     border-radius: 12px;
     border-right: 1px solid;
+    aspect-ratio: 16/9;
+  }
+}
+@media (min-width: 481px) and (max-width: 1083px) {
+  section.hero .hero--container .hero--img {
+    order: -1;
+    border-radius: 12px;
+    border-right: 1px solid;
+  }
+}
+section.hero .hero--container .hero--cta {
+  width: fit-content;
+}
+@media (min-width: 1000px) {
+  section.hero .hero--container .hero--cta {
+    display: none;
   }
 }
 
@@ -153,20 +232,34 @@ section.hero .hero--container .hero--img {
   padding-top: 78px;
   padding-bottom: 41px;
 }
+@media (max-width: 480px) {
+  .sponsor-logos {
+    padding-top: 42px;
+  }
+}
 .sponsor-logos .container {
   display: flex;
   text-align: center;
   flex-wrap: wrap;
-  justify-content: center;
+  justify-content: space-between;
   align-items: center;
-  column-gap: 2rem;
+}
-  row-gap: 1rem;
+@media (min-width: 481px) and (max-width: 1083px) {
+  .sponsor-logos .container {
+    justify-content: center;
+  }
 }
 @media (max-width: 480px) {
   .sponsor-logos .container {
-    justify-content: space-around;
+    display: grid;
+    place-items: center;
+    gap: 1.2em;
+    justify-content: center;
   }
 }
+.sponsor-logos .container img {
+  transform: scale(0.67);
+}
 
 section.pitch {
   padding-block: 82px;
@@ -181,11 +274,21 @@ section.pitch h2 {
   margin-inline: auto;
   margin-bottom: 54px;
 }
+@media (max-width: 480px) {
+  section.pitch h2 {
+    font-size: 32px;
+  }
+}
 section.pitch .pitch--cards {
   display: grid;
   grid-template-columns: repeat(3, 300px);
   gap: 16px;
 }
+@media (min-width: 481px) and (max-width: 1083px) {
+  section.pitch .pitch--cards {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
 @media (max-width: 480px) {
   section.pitch .pitch--cards {
     grid-template-columns: 1fr;
@@ -195,7 +298,7 @@ section.pitch .pitch--cards .pitch--card-item {
   border: 1px solid #FAF7EF;
   border-radius: 12px;
   text-align: center;
-  padding-block: 40px;
+  padding-block: 25px;
   padding-inline: 25px;
 }
 section.pitch .pitch--cards .pitch--card-item h3 {
@@ -210,6 +313,11 @@ section.pitch .pitch--cards .pitch--card-item p {
   font-weight: 300;
   line-height: 1.3;
 }
+@media (max-width: 480px) {
+  section.pitch .pitch--cards .pitch--card-item p {
+    font-size: 14px;
+  }
+}
 
 section.book-club-examples {
   text-align: center;
@@ -222,6 +330,7 @@ section.book-club-examples h2 {
 }
 section.book-club-examples .book-club-example-cards {
   padding-block: 84px;
+  padding-top: 12px;
 }
 section.book-club-examples .book-club-example-cards .book-club-example-card--item {
   display: flex;
@@ -236,6 +345,11 @@ section.book-club-examples .book-club-example-cards .book-club-example-card--ite
     flex-direction: column;
   }
 }
+@media (min-width: 1084px) {
+  section.book-club-examples .book-club-example-cards .book-club-example-card--item {
+    max-height: 264px;
+  }
+}
 section.book-club-examples .book-club-example-cards .book-club-example-card--item--img {
   border-radius: 12px;
   border-right: 1px solid #F6F6F8;
@@ -263,6 +377,11 @@ section.book-club-examples .book-club-example-cards .book-club-example-card--ite
 section.book-club-examples .book-club-example-cards .book-club-example-card--item--text p {
   font-size: 16px;
 }
+@media (max-width: 480px) {
+  section.book-club-examples .book-club-example-cards .book-club-example-card--item--text p {
+    font-size: 14px;
+  }
+}
 section.book-club-examples .book-club-example-cards .book-club-example-card--item--text strong {
   font-weight: 600;
 }
@@ -271,7 +390,7 @@ section.book-club-examples .book-club-example-cards .book-club-example-card--ite
 }
 @media (max-width: 480px) {
   section.book-club-examples .book-club-example-cards .book-club-example-card--item--text {
-    padding-block: 2rem;
+    padding-block: 1.8rem;
   }
 }
 section.book-club-examples .btn {
@@ -303,7 +422,7 @@ section.testimonial-section .testimonial-cards .testimonial-card--item {
 }
 @media (max-width: 480px) {
   section.testimonial-section .testimonial-cards .testimonial-card--item {
-    padding: 3rem;
+    padding: 1.8rem;
   }
 }
 section.testimonial-section .testimonial-cards .testimonial-card--item .bio {
@@ -321,14 +440,25 @@ section.testimonial-section .testimonial-cards .testimonial-card--item .bio--nam
   max-width: 12ch;
   font-weight: 600;
   font-size: 18px;
+  margin-block-end: 0;
 }
 section.testimonial-section .testimonial-cards .testimonial-card--item--description {
   font-size: 16px;
 }
+@media (max-width: 480px) {
+  section.testimonial-section .testimonial-cards .testimonial-card--item--description {
+    font-size: 14px;
+  }
+}
 
 section.faq {
   padding-block: 84px;
 }
+@media (max-width: 480px) {
+  section.faq {
+    padding-block: 42px;
+  }
+}
 section.faq h2 {
   text-align: center;
   font-weight: 400;
@@ -346,7 +476,9 @@ section.faq .faq-list .faq--item {
 }
 @media (max-width: 480px) {
   section.faq .faq-list .faq--item {
-    padding-block: 30px;
+    padding-block: 18px;
+    padding-inline: 22px;
+    padding-inline-start: 22px;
   }
 }
 section.faq .faq-list .faq--item:last-of-type {
@@ -370,6 +502,15 @@ section.faq .faq-list .faq--item summary {
 section.faq .faq-list .faq--item summary span {
   margin-left: 16px;
 }
+@media (max-width: 480px) {
+  section.faq .faq-list .faq--item summary span {
+    margin-left: 6px;
+  }
+  section.faq .faq-list .faq--item summary::marker {
+    position: relative;
+    left: -1em;
+  }
+}
 section.faq .faq-list .faq--item[open] summary {
   list-style-type: "-";
 }
@@ -386,6 +527,7 @@ section.book-club-benefits .benefit-cards {
   gap: 16px;
   row-gap: 90px;
   margin-block: 140px;
+  margin-top: 84px;
 }
 @media (max-width: 480px) {
   section.book-club-benefits .benefit-cards {
@@ -406,9 +548,15 @@ section.book-club-benefits .benefit-cards .benefit-card--item img {
     width: 100%;
   }
 }
+@media (min-width: 481px) and (max-width: 1083px) {
+  section.book-club-benefits .benefit-cards .benefit-card--item img {
+    width: 100%;
+  }
+}
 section.book-club-benefits .benefit-cards .benefit-card--item p {
   max-width: 289px;
   margin-inline: auto;
+  margin-top: 21px;
 }
 section.book-club-benefits .benefit-cards .benefit-card--item p strong {
   font-weight: 600;
@@ -421,6 +569,19 @@ section.book-club-benefits .book-club-benefits-cta p {
   font-size: 16px;
 }
 
+#by-somos-inf {
+  width: 100%;
+  padding: 50px 0;
+  text-align: center;
+  background-color: lightblue;
+  margin-top: 20px;
+  opacity: 0;
+  transition: all 0.5s ease-in-out;
+}
+#by-somos-inf.show {
+  opacity: 1;
+}
+
 footer.somos-infinitos-footer {
   padding-top: 73px;
   margin-top: 200px;
@@ -440,6 +601,11 @@ footer.somos-infinitos-footer {
     padding-inline: 3rem;
   }
 }
+@media (min-width: 481px) and (max-width: 1083px) {
+  footer.somos-infinitos-footer {
+    padding-inline: 3rem;
+  }
+}
 @media (max-width: 480px) {
   footer.somos-infinitos-footer {
     background-size: cover;
@@ -451,8 +617,11 @@ footer.somos-infinitos-footer {
   }
 }
 footer.somos-infinitos-footer .footer-navigation {
-  margin-top: 75px;
+  margin-top: 0;
-  margin-bottom: 120px;
+  margin-bottom: 0;
+  opacity: 0;
+  user-select: none;
+  visibility: hidden;
 }
 footer.somos-infinitos-footer .footer-navigation ul.footer-navigation--links {
   list-style-type: none;
@@ -483,7 +652,6 @@ footer.somos-infinitos-footer .email-cta h3 {
   font-size: 32px;
   font-weight: 400;
   line-height: 1;
-  display: none;
 }
 footer.somos-infinitos-footer .email-cta form {
   display: none;

assets/css/static.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/static.scss"],"names":[],"mappings":"AAQA;EACE;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AA9BE;EA4BJ;IAG6B;;;;AAG7B;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AACA;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAzEE;EAkEJ;IAUI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;AACA;EAEE;EACA;EACA;;AA5GA;EAwGF;IAOI;IACA;IACA;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AA3HJ;EAuHE;IAMI;IACA;IACA;;;AAIJ;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAhJF;EA0IA;IAQI;IACA;IACA;;;;AAMR;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AApKA;EA6JF;IAUI;;;;AAKN;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;;AA9LA;EA0LF;IAG6B;;;AAG3B;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAMR;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AACA;EACE;EAEA;EACA;EACA;EACA;EACA;;AA5OF;EAqOA;IAE6B;;;AAO3B;EACE;EACA;EACA;;AAjPJ;EA8OE;IAKI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;;AAFA;EAAI;;AAGJ;EAAgD;;AAChD;EAAI;;AACJ;EAAS;;AACT;EAAiB;;AAlQrB;EA2PE;IASI;;;AAMR;EACE;EACA;EACA;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AA1RA;EAuRF;IAKI;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AApSF;EAgSA;IAOI;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAIJ;EACE;;;AAMR;EACE;;AACA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;EAEA;;AAlVF;EA6UA;IAI6B;;;AAE3B;EAAiB;;AACjB;EACE;EACA;EAEA;;AAxVJ;EAoVE;IAG6B;;;AAG7B;EACE;EACA;EACA;;AACA;EAAO;;AAIX;EACE;;;AAKN;EACE;;AACA;EACE;;AAGF;EACE;EACA;EAEA;EACA;EACA;;AApXA;EA8WF;IAG6B;;;AAMzB;EAGE;EACA;;AA9XJ;EA0XE;IAC8B;;;AAxXhC;EAuXE;IAE6B;;;AAI7B;EACE;EACA;;AACA;EACE;;AAON;EACE;EACA;;AAEF;EACE;;;AAKN;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;AA9ZE;EAqZJ;IAC8B;;;AAnZ1B;EAkZJ;IAE6B;;;AApZzB;EAkZJ;IAaI;IACA;IACA;;EAHA;IAAa;;;AAMf;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AA5aF;EAwaA;IAMI;IACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAQR;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EAGA;EACA;;AAhdF;EA2cA;IAG6B;;;AAG3B;EACE;EACA;EAGA;EACA;EACA;EACA;;AA5dJ;EAodE;IAG8B;;;AApdhC;EAidE;IAI6B;;;AAK3B;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AApeJ;EA+dE;IAQI;IACA;IACA;;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;;AACA;EACE","file":"static.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/static.scss"],"names":[],"mappings":"AAcA;EACE;EACA;EACA;EAEA;EACA;EACA;;AAXE;EAIJ;IAUI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAnCE;EAiCJ;IAII;;;AAzCA;EAqCJ;IAQI;;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAnGE;EA4FJ;IAUI;IACA;IACA;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AA1HA;EAsHF;IAMI;;;AAEF;EACE;;;AAKN;EACE;;AArIE;EAoIJ;IAGI;;;;AAIJ;EACE;;AACA;EAEE;EACA;EACA;;AAjJA;EA6IF;IAOI;IACA;IACA;;;AA1JF;EAiJF;IAaI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAzKJ;EAqKE;IAMI;IACA;IACA;;;AAjLN;EAyKE;IAYI;IACA;IACA;;;AAIJ;EACE;EACA;EAEA;;AA3LJ;EAuLE;IAG6B;;;AAK/B;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AAzMF;EA+LA;IAaI;IACA;IACA;IACA;;;AAnNJ;EAmMA;IAoBI;IACA;IACA;;;AAIJ;EACE;;AACA;EAFF;IAGI;;;;AAMR;EACE;EAIA;;AAvOE;EAkOJ;IAGI;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAjPA;EA4OF;IAOI;;;AA/OF;EAwOF;IAWI;IACA;IACA;IACA;;;AAEF;EAAM;;;AAIV;EACE;EACA;;AAEA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;AAxQA;EAgQF;IAG4B;;;AAQ5B;EACE;EACA;EAGA;;AApRA;EA+QF;IAG6B;;;AA9Q3B;EA2QF;IAI6B;;;AAG3B;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;EACA;;AAtSJ;EAiSE;IAG6B;;;;AAQnC;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EAEA;EACA;EACA;EACA;EACA;;AAhUF;EAyTA;IAE6B;;;AAnU7B;EAiUA;IAQ8B;;;AAE5B;EACE;EACA;EACA;;AAtUJ;EAmUE;IAKI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;;AAFA;EAAI;;AAGJ;EAAgD;;AAChD;EACE;;AAtVN;EAqVI;IAGI;;;AAGJ;EAAS;;AACT;EAAiB;;AA5VrB;EAgVE;IAcI;;;AAMR;EACE;EACA;EACA;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AApXA;EAiXF;IAKI;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AA9XF;EA0XA;IAOI;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAvZJ;EAsZE;IAGI;;;;AAOV;EACE;;AAjaE;EAgaJ;IAGI;;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;EAMA;;AAvbF;EA8aA;IAKI;IACA;IACA;;;AAGF;EAAiB;;AACjB;EACE;EACA;EAEA;;AA7bJ;EAybE;IAG6B;;;AAG7B;EACE;EACA;EACA;;AACA;EAAO;;AAncX;EAqcM;IAAO;;EACP;IACE;IACA;;;AAMR;EACE;;;AAKN;EACE;;AACA;EACE;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;;AAjeA;EA0dF;IAG6B;;;AAOzB;EAIE;EACA;;AAjfJ;EA4eE;IAC8B;;;AArehC;EAoeE;IAE6B;;;AA1e/B;EAweE;IAG6B;;;AAI7B;EACE;EACA;EACA;;AACA;EACE;;AAON;EACE;EACA;;AAEF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;;AAhiBE;EAshBJ;IAC8B;;;AA/gB1B;EA8gBJ;IAE6B;;;AAphBzB;EAkhBJ;IAG6B;;;AAjhBzB;EA8gBJ;IAcI;IACA;IACA;;EAHA;IAAa;;;AAMf;EAGE;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AA/iBF;EA2iBA;IAMI;IACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAQR;EACE;EACA;EACA;EACA;;AAIF;EACE;EAGA;EACA;;AAnlBF;EA8kBA;IAG6B;;;AAG3B;EACE;EACA;EAGA;EACA;EACA;EACA;;AApmBJ;EA4lBE;IAG8B;;;AAvlBhC;EAolBE;IAI6B;;;AAK3B;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAvmBJ;EAkmBE;IAQI;IACA;IACA;;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;;AACA;EACE","file":"static.css"}

assets/scss/custom.scss

@@ -3,16 +3,12 @@ html {
 }
 
 body {
-  background: radial-gradient(
+  background: radial-gradient(circle at right 15%,
-    circle at right 15%,              
+      rgba(142, 154, 236, 0.4) 0%,
-    rgba(142, 154, 236, 0.4) 0%,     
+      rgba(142, 154, 236, 0) 25%),
-    rgba(142, 154, 236, 0) 25%       
+    radial-gradient(circle at left 85%,
-  ),
+      rgba(142, 154, 236, 0.4) 0%,
-  radial-gradient(
+      rgba(142, 154, 236, 0) 25%);
-    circle at left 85%,               
-    rgba(142, 154, 236, 0.4) 0%,     
-    rgba(142, 154, 236, 0) 25%       
-  );
   min-height: 100vh;
 }
 
@@ -20,11 +16,12 @@ body {
 .woocommerce,
 .wc-block-components-form,
 .woocommerce-page {
-  input[type=email], 
+
-  input[type=number], 
+  input[type=email],
-  input[type=password], 
+  input[type=number],
-  input[type=tel], 
+  input[type=password],
-  input[type=text], 
+  input[type=tel],
+  input[type=text],
   input[type=url],
   input[type=search],
   input[type=date],
@@ -36,23 +33,23 @@ body {
     border: 1px solid var(--wp--preset--color--foreground);
     border-radius: 12px;
     transition: border-color 0.3s, box-shadow 0.3s;
-    
+
     &::placeholder {
       color: var(--wp--preset--color--foreground);
       opacity: 0.7;
     }
-    
+
     &:hover {
       border-color: var(--wp--preset--color--foreground);
     }
-    
+
     &:focus {
       outline: none;
       border-color: var(--wp--preset--color--foreground);
       box-shadow: 0 0 0 1px var(--wp--preset--color--foreground);
     }
   }
-  
+
   // Special styling for select fields
   select {
     appearance: none;
@@ -60,19 +57,19 @@ body {
     background-repeat: no-repeat;
     background-position: right 1em top 50%;
     padding-right: 2.5em;
-    
+
     option {
       background-color: var(--wp--preset--color--background);
       color: var(--wp--preset--color--foreground);
     }
   }
-  
+
   // Textarea specific styling
   textarea {
     min-height: 100px;
     resize: vertical;
   }
-  
+
   // Checkbox and radio styling
   input[type=checkbox],
   input[type=radio] {
@@ -83,11 +80,11 @@ body {
     background: transparent;
     border: 1px solid var(--wp--preset--color--foreground);
     cursor: pointer;
-    
+
     &:checked {
       background-color: var(--wp--preset--color--foreground);
       border-color: var(--wp--preset--color--foreground);
-      
+
       &::after {
         content: '';
         position: absolute;
@@ -100,30 +97,31 @@ body {
         border-radius: 1px;
       }
     }
-    
+
     &:focus {
       outline: none;
       box-shadow: 0 0 0 1px var(--wp--preset--color--foreground);
     }
   }
-  
+
   input[type=radio] {
     border-radius: 50%;
-    
+
     &:checked::after {
       border-radius: 50%;
     }
   }
-  
+
   // Error state styling
   .woocommerce-invalid,
   .woocommerce-invalid-required-field,
   .has-error {
-    input[type=email], 
+
-    input[type=number], 
+    input[type=email],
-    input[type=password], 
+    input[type=number],
-    input[type=tel], 
+    input[type=password],
-    input[type=text], 
+    input[type=tel],
+    input[type=text],
     input[type=url],
     input[type=search],
     input[type=date],
@@ -131,13 +129,13 @@ body {
     select {
       border-color: var(--wp--preset--color--foreground);
       border-width: 2px;
-      
+
       &:focus {
         box-shadow: 0 0 0 1px var(--wp--preset--color--foreground);
       }
     }
   }
-  
+
   .woocommerce-error {
     background-color: rgba(250, 247, 239, 0.1);
     border-left: 3px solid var(--wp--preset--color--foreground);
@@ -145,25 +143,25 @@ body {
     padding: 1em 1.5em;
     margin-bottom: 2em;
     border-radius: 4px;
-    
+
     li {
       list-style: none;
       margin-left: 0;
     }
   }
-  
+
   // Validation error messages
   .woocommerce-error,
   .woocommerce-message {
     margin: 0 0 2em;
     padding: 1em 1.5em;
     border-radius: 4px;
-    
+
     &::before {
       margin-right: 0.5em;
     }
   }
-  
+
   span.required {
     color: var(--wp--preset--color--foreground);
     opacity: 0.8;
@@ -172,13 +170,15 @@ body {
 
 // Specific class for WooCommerce components
 .wc-block-components-form {
+
   .wc-block-components-text-input,
   .wc-block-components-select {
-    input[type=email], 
+
-    input[type=number], 
+    input[type=email],
-    input[type=password], 
+    input[type=number],
-    input[type=tel], 
+    input[type=password],
-    input[type=text], 
+    input[type=tel],
+    input[type=text],
     input[type=url],
     select {
       padding: 1em;
@@ -186,16 +186,16 @@ body {
       background: transparent;
       border: 1px solid var(--wp--preset--color--foreground);
       border-radius: 12px;
-      
+
       &::placeholder {
         color: var(--wp--preset--color--foreground);
         opacity: 0.7;
       }
-      
+
       &:hover {
         border-color: var(--wp--preset--color--foreground);
       }
-      
+
       &:focus {
         outline: none;
         border-color: var(--wp--preset--color--foreground);
@@ -203,7 +203,7 @@ body {
       }
     }
   }
-  
+
   // Style the combobox
   .wc-block-components-combobox .wc-block-components-combobox-control {
     input.components-combobox-control__input {
@@ -212,20 +212,24 @@ body {
       background: transparent;
       border: 1px solid var(--wp--preset--color--foreground);
       border-radius: 12px;
-      
+
-      &:hover, &:focus {
+      &:hover,
+      &:focus {
         border-color: var(--wp--preset--color--foreground);
       }
     }
   }
-  
+
   // Error states for WC blocks
   .has-error {
-    input, select, textarea {
+
+    input,
+    select,
+    textarea {
       border-color: var(--wp--preset--color--foreground);
       border-width: 2px;
     }
-    
+
     .wc-block-components-validation-error {
       color: var(--wp--preset--color--foreground);
       font-size: 0.875em;
@@ -257,6 +261,7 @@ body {
   color: var(--wp--preset--color--foreground);
   margin-bottom: 0.5em;
   display: block;
+  margin-left: .5em
 }
 
 // Form validation indicators
@@ -265,24 +270,24 @@ body {
     input.input-text {
       border-color: var(--wp--preset--color--foreground);
       border-width: 2px;
-      
+
       &:focus {
         box-shadow: 0 0 0 1px var(--wp--preset--color--foreground);
       }
     }
   }
-  
+
   &.woocommerce-invalid {
     input.input-text {
       border-color: var(--wp--preset--color--foreground);
       border-width: 2px;
-      
+
       &:focus {
         box-shadow: 0 0 0 1px var(--wp--preset--color--foreground);
       }
     }
   }
-  
+
   .woocommerce-input-wrapper {
     .description {
       background: rgba(250, 247, 239, 0.1);
@@ -308,17 +313,17 @@ body {
   color: var(--wp--preset--color--foreground);
   transition: all 0.25s ease;
   font-weight: normal;
-  
+
   &:hover {
     background-color: var(--wp--preset--color--foreground);
     color: var(--wp--preset--color--background);
     text-decoration: none;
   }
-  
+
   &.alt {
     background-color: var(--wp--preset--color--foreground);
     color: var(--wp--preset--color--background);
-    
+
     &:hover {
       background-color: transparent;
       color: var(--wp--preset--color--foreground);
@@ -336,12 +341,12 @@ body {
   color: var(--wp--preset--color--foreground);
   padding: 1em 1.5em;
   margin-bottom: 2em;
-  
+
   a {
     color: var(--wp--preset--color--foreground);
     font-weight: 600;
     text-decoration: underline;
-    
+
     &:hover {
       text-decoration: none;
     }
@@ -351,8 +356,12 @@ body {
 // Make sure error feedback text uses foreground color
 .wc-block-components-notice-banner,
 .woocommerce-error {
-  color: var(--wp--preset--color--foreground);
+
-  
+  // color: var(--wp--preset--color--foreground);
+  a {
+    color: black;
+  }
+
   &.is-error,
   &.is-info,
   &.is-success,
@@ -372,7 +381,7 @@ body {
 }
 
 .wc-block-components-notice-banner.is-error {
-  background-color: black;
+  // background-color: black;
   border-color: white;
 }
 
@@ -398,15 +407,38 @@ body {
   fill: var(--wp--preset--color--foreground) !important;
 }
 
-.wc-block-components-form .wc-block-components-text-input.has-error label, .wc-block-components-text-input.has-error label {
+.wc-block-components-form .wc-block-components-text-input.has-error label,
+.wc-block-components-text-input.has-error label {
   color: var(--wp--preset--color--foreground);
 }
 
-.wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus, .wc-block-components-text-input input[type=email]:focus, .wc-block-components-text-input input[type=number]:focus, .wc-block-components-text-input input[type=password]:focus, .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-text-input input[type=text]:focus, .wc-block-components-text-input input[type=url]:focus {
+.wc-block-components-form .wc-block-components-text-input input[type=email]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=number]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=password]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=tel]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=text]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=url]:focus,
+.wc-block-components-text-input input[type=email]:focus,
+.wc-block-components-text-input input[type=number]:focus,
+.wc-block-components-text-input input[type=password]:focus,
+.wc-block-components-text-input input[type=tel]:focus,
+.wc-block-components-text-input input[type=text]:focus,
+.wc-block-components-text-input input[type=url]:focus {
   background-color: var(--wp--preset--color--background);
 }
 
-.wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus, .wc-block-components-text-input input[type=email]:focus, .wc-block-components-text-input input[type=number]:focus, .wc-block-components-text-input input[type=password]:focus, .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-text-input input[type=text]:focus, .wc-block-components-text-input input[type=url]:focus {
+.wc-block-components-form .wc-block-components-text-input input[type=email]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=number]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=password]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=tel]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=text]:focus,
+.wc-block-components-form .wc-block-components-text-input input[type=url]:focus,
+.wc-block-components-text-input input[type=email]:focus,
+.wc-block-components-text-input input[type=number]:focus,
+.wc-block-components-text-input input[type=password]:focus,
+.wc-block-components-text-input input[type=tel]:focus,
+.wc-block-components-text-input input[type=text]:focus,
+.wc-block-components-text-input input[type=url]:focus {
   color: var(--wp--preset--color--foreground);
 }
 
@@ -414,18 +446,245 @@ body {
   .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
     padding-inline: 3rem;
   }
+
   [data-block-name="woocommerce/page-content-wrapper"] {
     display: none;
   }
 }
 
-.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .wc-block-components-button:not(.is-link) {
+.woocommerce #respond input#submit,
-  background-color: var(wp--preset--color--foreground);
+.woocommerce a.button,
+.woocommerce button.button,
+.woocommerce input.button,
+.wc-block-components-button:not(.is-link) {
+  background-color: var(--wp--preset--color--foreground);
   color: var(--wp--preset--color--background);
   text-transform: uppercase;
   transition: all 0.125s ease-in-out;
+
   &:hover {
     background-color: white;
     color: black;
   }
-}
+}
+
+// .d-none {
+//   display: none !important;
+// }
+
+// .wc-block-components-express-payment--checkout,
+// .wc-block-components-express-payment__title-container,
+// .wc-block-components-express-payment__content,
+// .wc-block-components-express-payment-continue-rule.wc-block-components-express-payment-continue-rule--checkout {
+//   display: none !important;
+// }
+
+// we dont have any coupons on the site
+.woocommerce-form-coupon-toggle {
+  display: none;
+}
+
+.woocommerce-account .wp-block-post-title,
+.woocommerce-account main .woocommerce,
+.woocommerce-cart .wp-block-post-title,
+.woocommerce-cart main .woocommerce,
+.woocommerce-checkout .wp-block-post-title,
+.woocommerce-checkout main .woocommerce {
+  max-width: 968px;
+}
+
+.woocommerce {
+  h3 {
+    font-family: var(--wp--preset--font-family--eb-garamond);
+    font-size: 32px;
+    font-weight: 300;
+  }
+
+  h2 {
+    font-weight: 300;
+  }
+}
+
+.woocommerce form .form-row label,
+.wc-block-components-form .wc-block-components-text-input label {
+  margin-left: 0 !important;
+}
+
+.woocommerce .col2-set,
+.woocommerce-page .col2-set {
+  display: flex;
+  flex-direction: column;
+}
+
+.woocommerce .col2-set .col-1,
+.woocommerce-page .col2-set .col-1 {
+  width: unset;
+}
+
+.woocommerce form .form-row .input-text,
+.woocommerce form .form-row select {
+  background: transparent;
+  border-color: var(--wp--preset--color--foreground);
+  color: var(--wp--preset--color--foreground);
+  border-radius: 12px;
+}
+
+.select2-container .select2-dropdown,
+.select2-container .select2-selection {
+  background-color: var(--wp--preset--color--foreground);
+}
+
+#add_payment_method #payment div.payment_box,
+.woocommerce-cart #payment div.payment_box,
+.woocommerce-checkout #payment div.payment_box {
+  background: white;
+}
+
+.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated label {
+  color: black;
+}
+
+#add_payment_method #payment div.payment_box::before,
+.woocommerce-cart #payment div.payment_box::before,
+.woocommerce-checkout #payment div.payment_box::before {
+  border: 1em solid white;
+  border-top-color: white;
+  border-right-color: white;
+  border-left-color: white;
+  border-right-color: transparent;
+  border-left-color: transparent;
+  border-top-color: transparent;
+}
+
+.payment_box.payment_method_stripe fieldset {
+  border: none;
+}
+
+.woocommerce form .form-row.woocommerce-invalid label {
+  color: var(--wp--preset--color--foreground) !important;
+}
+
+.woocommerce table.shop_table {
+  border-color: var(--wp--preset--color--foreground);
+}
+
+.woocommerce table.shop_table tbody th,
+.woocommerce table.shop_table tfoot td,
+.woocommerce table.shop_table tfoot th {
+  border-color: var(--wp--preset--color--foreground);
+}
+
+.woocommerce table.shop_table td {
+  border-color: var(--wp--preset--color--foreground);
+}
+
+.woocommerce-MyAccount-content {
+  .button {
+    text-decoration: none;
+  }
+}
+
+.woocommerce-account {
+  .woocommerce {
+    display: flex;
+    // justify-content: space-between;
+    max-width: 1440px !important;
+    gap: 4rem;
+    @media (max-width: 500px) {
+      flex-direction: column;
+      padding-inline: 1.5rem;
+      gap: 1rem;
+    }
+
+    &::before,
+    &::after {
+      display: none;
+    }
+
+    .woocommerce-MyAccount-navigation {
+      width: unset;
+      float: unset;
+
+      li.woocommerce-MyAccount-navigation-link {
+        padding-bottom: 0;
+
+        &.is-active a {
+          background: var(--wp--preset--color--foreground);
+          color: var(--wp--preset--color--background);
+        }
+
+        a {
+          text-decoration: none;
+          text-transform: uppercase;
+          font-family: var(--wp--preset--font-family--jura);
+          font-weight: bold;
+          font-size: var(--wp--preset--font-size--medium);
+          letter-spacing: 0;
+          padding: .75em;
+          border: 1px solid;
+          border-radius: 12px;
+          display: flex;
+          @media (max-width: 500px) {
+            font-size: 16px;
+          }
+        }
+      }
+    }
+
+    .woocommerce-MyAccount-content {
+      float: unset;
+      border: 1px solid;
+      border-radius: 12px;
+      padding: 3rem;
+      @media (max-width: 500px) {
+        width: auto;
+      }
+    }
+  }
+}
+
+.is-large.wc-block-cart .wc-block-cart-items {
+  border: 1px solid;
+  border-radius: 12px;
+  border-radius: 12px;
+  border-color: #FAF7EF5E;
+  padding-block: 1rem;
+  padding-inline: 1rem;
+}
+
+@media (max-width: 520px) {
+  #checkout-header,
+  #checkout-page-container {
+    padding-right: 2rem !important;
+    padding-left: 2rem !important;
+  }
+}
+
+@media (max-width: 500px) {
+  #main-site-header {
+    padding-right: 3rem !important;
+  }
+}
+.woocommerce-page table.shop_table { width: 100%; }
+.product-total, .cart-subtotal td, .tax-total td, .order-total td { text-align: right; }
+
+@media (max-width: 1500px) and (min-width: 501px) {
+  .entry-content {
+    margin-inline: 3rem !important
+  }
+}
+
+.woocommerce-page .select2-container .select2-search--dropdown .select2-search__field {
+  color: black;
+}
+
+.select2-container .select2-dropdown, .select2-container .select2-selection {
+  border-radius: 12px;
+}
+
+.woocommerce-checkout-review-order-table {
+  border-radius: 12px !important;
+  border-collapse: separate !important;
+  border-spacing: 0 !important;
+}
+

assets/scss/static.scss

@@ -2,9 +2,15 @@
   @if($breakpoint == desktop)  {
     @media (min-width: 1084px) { @content }
   }
+  
+  @if($breakpoint == tablet)  {
+    @media (min-width: 481px) and (max-width: 1083px) { @content }
+  }  
+  
   @if($breakpoint == mobile)  {
     @media (max-width: 480px) { @content }
   }
+  
 }
 :root {
   --background: #040810;
@@ -14,6 +20,10 @@
   --font-family-serif: 'EB Garamond', serif;
   --font-family-mono: 'Jura', sans-serif;
   --font-family-sans: 'Sora', sans-serif;
+
+  @include respond(mobile) {
+    --wp--preset--font-size--x-large: 32px !important;
+  }
 }
 
 * {
@@ -34,7 +44,13 @@ body {
 .container {
   max-width: 908px;
   margin-inline: auto;
-  @include respond(mobile) { padding: 3rem; }
+  @include respond(mobile) { 
+    padding-inline: 3rem; 
+  }
+
+  @include respond(tablet) {
+    padding-inline: 3rem;
+  }
 }
 
 a {
@@ -45,6 +61,14 @@ h2 {
   font-family: var(--wp--preset--font-family--eb-garamond);
   font-size: 38px;
   line-height: 1;
+  margin-block-start: 0;
+  margin-block-end: 42px;
+}
+
+p {
+  margin-block-start: 0;
+  margin-block-end: 25px;
+  line-height: 1.3;
 }
 
 .btn {
@@ -54,17 +78,24 @@ h2 {
   text-decoration: none;
   font-size: 16px;
   transition: all 0.25s ease;
+  margin-bottom: 26px;
+  font-family: var(--wp--preset--font-family--jura);
+  font-weight: bold;
 
   &:hover {
     text-decoration: none;
+
   }
 
   &--solid {
     background-color: var(--foreground-text);
     color: var(--background);
     &:hover { 
-      background-color: white;
+      background-color: transparent;
-      color: black;
+      color: var(--foreground-text);
+      background-color: rgba(255,255,255,0.1);
+      backdrop-filter: blur(30px);
+      color: rgba(255,255,255,0.8);
     }
   }
 }
@@ -82,6 +113,8 @@ h2 {
     flex-direction: column;
     padding-top: 3rem;
     gap: 2rem;
+    align-items: first baseline;
+    padding-bottom: 0;
   }
 
   ul.pages-list {
@@ -98,11 +131,20 @@ h2 {
     align-items: center;
     justify-content: space-between;
     gap: 1em;
+    @include respond(mobile) {
+      display: none;
+    }
+    .btn {
+      margin-bottom: 0;
+    }
   }
 }
 
 section {
   padding-block: 82px;
+  @include respond(mobile) { 
+    padding-block: 54px;
+  }
 }
 
 section.hero {
@@ -111,16 +153,25 @@ section.hero {
     // max-width: 1440px;
     margin-inline: auto;
     display: grid;
-    grid-template-columns: repeat(5, 1fr);
+    grid-template-columns: 1fr 446px 170px 292px 1fr;
   
     @include respond(mobile) {
       display: flex;
       flex-direction: column;
       padding: 3rem;
     }
+
+    @include respond(tablet) {
+      display: flex;
+      flex-direction: column;
+      padding-inline: 3rem;
+    }
     
     .hero--text {
       grid-column: 2 / 4;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
   
       h2 {
         font-family: var(--wp--preset--font-family--eb-garamond);
@@ -128,15 +179,22 @@ section.hero {
         font-weight: 400;
         max-width: 385px;
         @include respond(mobile) { 
-          font-size: 34px; 
+          font-size: 32px; 
+          line-height: 1;
+          margin-top: 2rem;
+        }
+
+        @include respond(tablet) { 
+          font-size: 32px; 
           line-height: 1;
           margin-top: 2rem;
         } 
       }
   
       p {
-        font-family: var(wp--preset--font-family--sora);
+        font-family: var(--wp--preset--font-family--sora);
         font-size: 18px;
+        @include respond(mobile) { font-size: 16px; }
         max-width: 446px;
       }
     }
@@ -148,10 +206,29 @@ section.hero {
       border-top-left-radius: 12px;
       border-bottom-left-radius: 12px;
       border-right: none;
+
+      // FIXME: Not sure about this rule for the hero image, feels too hacky. We can rework it when building the final pages.
+      max-height: 366px;
+      object-fit: cover;
+
       @include respond(mobile) {
         order: -1;
         border-radius: 12px;
         border-right: 1px solid;
+        aspect-ratio: 16/9;
+      }
+
+      @include respond(tablet) {
+        order: -1;
+        border-radius: 12px;
+        border-right: 1px solid;
+      }
+    }
+
+    .hero--cta {
+      width: fit-content;
+      @media (min-width: 1000px) {
+        display: none;
       }
     }
   }
@@ -159,6 +236,9 @@ section.hero {
 
 .sponsor-logos {
   padding-top: 78px;
+  @include respond(mobile) {
+    padding-top: 42px;
+  }
   padding-bottom: 41px;
   .container {
     display: flex;
@@ -166,11 +246,19 @@ section.hero {
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
-    column-gap: 2rem;
+    @include respond(tablet) {
-    row-gap: 1rem;
+      justify-content: center;
+    }
 
     @include respond(mobile) {
-      justify-content: space-around;
+      display: grid;
+      place-items: center;
+      gap: 1.2em;
+      justify-content: center;
+    }
+    img { 
+      transform: scale(0.67);
+      margin-inline: 7px;
     }
   }
 }
@@ -182,6 +270,7 @@ section.pitch {
   h2 {
     font-family: var(--wp--preset--font-family--eb-garamond);
     font-size: 38px;
+    @include respond(mobile) {font-size: 32px;}
     font-weight: 400;
     line-height: 100%;
     max-width: 527px;
@@ -192,6 +281,7 @@ section.pitch {
   .pitch--cards {
     display: grid;
     grid-template-columns: repeat(3, 300px);
+    @include respond(tablet) { grid-template-columns: repeat(3, 1fr); }
     @include respond(mobile) { grid-template-columns: 1fr; }
     gap: 16px; 
 
@@ -199,7 +289,7 @@ section.pitch {
       border: 1px solid #FAF7EF;
       border-radius: 12px;
       text-align: center;
-      padding-block: 40px;
+      padding-block: 25px;
       padding-inline: 25px;
       // height: 244px;
 
@@ -213,6 +303,7 @@ section.pitch {
       p {
         font-family: var(--wp--preset--font-family--sora);
         font-size: 16px;
+        @include respond(mobile) { font-size: 14px; }
         font-weight: 300;
         line-height: 1.3;
       }
@@ -232,6 +323,7 @@ section.book-club-examples {
 
   .book-club-example-cards {
     padding-block: 84px;
+    padding-top: 12px;
     .book-club-example-card--item {
       display: flex;
       @include respond(mobile) { flex-direction: column; }
@@ -240,6 +332,7 @@ section.book-club-examples {
       border-radius: 12px;
       margin-inline: auto;
       margin-block: 36px;
+      @include respond(desktop) { max-height: 264px; }
   
       &--img {
         border-radius: 12px;
@@ -259,11 +352,16 @@ section.book-club-examples {
         padding-inline: 40px;
         padding-block: 36px;
         p.book-club-example-card--item--text--heading { font-size: 18px; }
-        p { font-size: 16px; }
+        p { 
+          font-size: 16px; 
+          @include respond(mobile) {
+            font-size: 14px;
+          }
+        }
         strong { font-weight: 600; }
         &--description { font-size: 16px; }
         @include respond(mobile) {
-          padding-block: 2rem;
+          padding-block: 1.8rem;
         }
       }
     }
@@ -298,7 +396,7 @@ section.testimonial-section {
       max-width: 446px;
 
       @include respond(mobile) {
-        padding: 3rem;
+        padding: 1.8rem;
       }
 
       .bio {
@@ -315,11 +413,15 @@ section.testimonial-section {
           max-width: 12ch;
           font-weight: 600;
           font-size: 18px;
+          margin-block-end: 0;
         }
       }
 
       &--description {
         font-size: 16px;
+        @include respond(mobile) {
+          font-size: 14px;
+        }
       }
     }
   }
@@ -327,6 +429,9 @@ section.testimonial-section {
 
 section.faq {
   padding-block: 84px;
+  @include respond(mobile) { 
+    padding-block: 42px;
+  }
   h2 {
     text-align: center;
     font-weight: 400;
@@ -340,7 +445,11 @@ section.faq {
       padding-inline: 60px;
       padding-inline-start: calc(60px - 16px);
       padding-block: 45px;
-      @include respond(mobile) { padding-block: 30px; }
+      @include respond(mobile) { 
+        padding-block: 18px;
+        padding-inline: 22px;
+        padding-inline-start: 22px;
+      }
       border-bottom: 1px solid;
       &:last-of-type { border-bottom: none; }
       .answer {
@@ -354,6 +463,13 @@ section.faq {
         font-weight: 600;
         list-style-type: '+';
         span { margin-left: 16px; }
+        @include respond(mobile) {
+          span { margin-left: 6px; }
+          &::marker { 
+            position: relative;
+            left: -1em;;
+          }
+        }
       }
     }
 
@@ -376,17 +492,20 @@ section.book-club-benefits {
     gap: 16px;
     row-gap: 90px;
     margin-block: 140px;
+    margin-top: 84px;
 
     .benefit-card--item {
       img {
         @include respond(desktop) { max-width: 215px; }
         @include respond(mobile) { width: 100%; }
+        @include respond(tablet) { width: 100%; }
         border: 1px solid var(--foreground-text);
         border-radius: 12px;
       }
       p {
         max-width: 289px;
         margin-inline: auto;
+        margin-top: 21px;
         strong {
           font-weight: 600;
         }
@@ -405,9 +524,23 @@ section.book-club-benefits {
   }
 }
 
+#by-somos-inf {
+  width: 100%;
+  padding: 50px 0;
+  text-align: center;
+  background-color: lightblue;
+  margin-top: 20px;
+  opacity: 0;
+  transition: all 0.5s ease-in-out;
+  &.show {
+    opacity: 1;
+  }
+}
+
 footer.somos-infinitos-footer {
   @include respond(desktop) { padding-inline: 114px; }
   @include respond(mobile) { padding-inline: 3rem; }
+  @include respond(tablet) { padding-inline: 3rem; }
   padding-top: 73px;
   margin-top: 200px;
   padding-bottom: 150px;
@@ -424,8 +557,14 @@ footer.somos-infinitos-footer {
   }
 
   .footer-navigation {
-    margin-top: 75px;
+    // margin-top: 75px;
-    margin-bottom: 120px;
+    // margin-bottom: 120px;
+    margin-top: 0;
+    margin-bottom: 0;
+    // TODO: unhide this later
+    opacity: 0;
+    user-select: none;
+    visibility: hidden;
 
     ul.footer-navigation--links {
       list-style-type: none; 
@@ -459,7 +598,7 @@ footer.somos-infinitos-footer {
       font-size: 32px;
       font-weight: 400;
       line-height: 1;
-      display: none;
+      // display: none;
     }
 
     form {

compile.sh

@@ -0,0 +1,2 @@
+#!/usr/bin/env bash
+sass --watch assets/scss:assets/css

deploy.sh

@@ -1,2 +1,3 @@
 #!/usr/bin/env bash
-abra app cp somos-infinitos.smol-wp.autonomic.zone ../somos-infinitos-theme/ app:/var/www/html/wp-content/themes/
+abra app cp somos-infinitos.smol-wp.autonomic.zone ../somos-infinitos-theme/ app:/var/www/html/wp-content/themes/somos-infinitos-theme/
+abra app cp somosinfinitos.pt ../somos-infinitos-theme/ app:/var/www/html/wp-content/themes/somos-infinitos-theme/

drone.yml

@@ -0,0 +1,17 @@
+---
+kind: pipeline
+name: deploy updated composer files
+steps:
+  - name: docker cp deploy
+    image: git.coopcloud.tech/coop-cloud/docker-cp-deploy:latest
+    settings:
+      host: smol-wp.autonomic.zone
+      service: somos-infinitos_smol-wp_autonomic_zone_app
+      source: .
+      exec_pre: rm -rf /var/www/html/wp-content/themes/somos-infinitos-theme/*
+      dest: /var/www/html/wp-content/themes/somos-infinitos-theme
+      deploy_key:
+        from_secret: drone_ssh_smol-wp.autonomic.zone
+    when:
+      branch:
+        - staging

functions.php

@@ -10,7 +10,8 @@ add_action('after_setup_theme', 'disable_default_patterns');
 /**
  * Enqueue custom CSS file in block editor only
  */
-function somos_infinitos_block_editor_styles() {
+function somos_infinitos_block_editor_styles()
+{
   // Only load in block editor, not in classic editor
   if (!is_classic_editor_active()) {
     wp_enqueue_style(
@@ -26,12 +27,13 @@ add_action('enqueue_block_editor_assets', 'somos_infinitos_block_editor_styles')
 /**
  * Check if classic editor is active
  */
-function is_classic_editor_active() {
+function is_classic_editor_active()
+{
   // Check if the classic editor plugin is active
   if (class_exists('Classic_Editor')) {
     return true;
   }
-  
+
   // Check if we're on the classic editor screen
   if (function_exists('get_current_screen')) {
     $screen = get_current_screen();
@@ -39,14 +41,15 @@ function is_classic_editor_active() {
       return true;
     }
   }
-  
+
   return false;
 }
 
 /**
  * Enqueue custom CSS file on the frontend
  */
-function somos_infinitos_frontend_styles() {
+function somos_infinitos_frontend_styles()
+{
   // Don't load in admin
   if (!is_admin()) {
     wp_enqueue_style(
@@ -85,33 +88,26 @@ add_filter('upload_mimes', 'cc_mime_types');
 /* Remove default CSS variables that come with Wordpress
   https://github.com/WordPress/gutenberg/issues/56180#issuecomment-1819222376
 */
-function custom_wp_theme_json_default( $theme_json ) {
+function custom_wp_theme_json_default($theme_json)
-	$new_data = array(
+{
-		'version'  => 2,
+  $new_data = array(
-		'settings' => array(
+    'version'  => 2,
-			'color'  => array(
+    'settings' => array(
-				'palette'   => array(),
+      'color'  => array(
-				'gradients' => array(),
+        'palette'   => array(),
-			),
+        'gradients' => array(),
-			'shadow' => array(
+      ),
-				'presets' => array(),
+      'shadow' => array(
-			),
+        'presets' => array(),
-			'typography' => array(
+      ),
-				'fontSizes' => array(),
+      'typography' => array(
-			),
+        'fontSizes' => array(),
-			// 'dimensions' => array(
+      ),
-			// 	'aspectRatios' => array(),
+    ),
-			// ),
+  );
-			// 'spacing' => array(
+  return $theme_json->update_with($new_data);
-			// 	'spacingScale' => array(
-			// 		'steps' => 0,
-			// 	),
-			// ),
-		),
-	);
-	return $theme_json->update_with( $new_data );
 }
-add_filter( 'wp_theme_json_data_default', 'custom_wp_theme_json_default' );
+add_filter('wp_theme_json_data_default', 'custom_wp_theme_json_default');
 
 // remove default woocommerce fonts
 add_filter('wp_theme_json_data_theme', 'disable_inter_font', 100);
@@ -152,3 +148,74 @@ function disable_inter_font($theme_json)
   }
   return $theme_json;
 }
+
+
+// Shortcode checkout
+delete_transient('wc_stripe_appearance');
+
+// Block checkout
+delete_transient('wc_stripe_blocks_appearance');
+
+add_filter('wc_stripe_upe_params', function ($stripe_params) {
+
+  // Affects block checkout
+  $stripe_params['blocksAppearance'] = (object) ['theme' => 'night'];
+
+  // Affects shortcode checkout
+  $stripe_params['appearance'] = (object) ['theme' => 'flat'];
+
+  return $stripe_params;
+});
+
+add_filter('wc_stripe_upe_params', function ($stripe_params) {
+  $stripe_params['appearance'] = (object) [
+    'rules' => (object) [
+      '.Label' => (object) [
+        'color' => 'black'
+      ]
+    ],
+  ];
+  return $stripe_params;
+});
+
+add_action('woocommerce_before_checkout_form', 'remove_checkout_coupon_form', 9);
+function remove_checkout_coupon_form() {
+  remove_action('woocommerce_before_checkout_form', 'woocommerce_checkout_coupon_form', 10);
+}
+
+/**
+ * @snippet       Add Cc: or Bcc: Recipient @ WooCommerce Completed Order Email
+ * @how-to        businessbloomer.com/woocommerce-customization
+ * @author        Rodolfo Melogli, Business Bloomer
+ * @compatible    WooCommerce 7
+ * @community     https://businessbloomer.com/club/
+ */
+
+add_filter('woocommerce_email_headers', 'bbloomer_order_completed_email_add_cc_bcc', 9999, 3);
+
+function bbloomer_order_completed_email_add_cc_bcc($headers, $email_id, $order)
+{
+  if ('customer_failed_order' == $email_id) {
+    $headers .= "Cc: Autonomic <helo@autonomic.zone>\r\n"; // delete if not needed
+    $headers .= "Bcc: Rootpath <rootmin@rootpath.studio>\r\n"; // delete if not needed
+  }
+  return $headers;
+}
+
+/**
+ * Force empty cart before adding new items
+ * Prevents users from having multiple products in cart at once
+ */
+function force_single_item_cart($passed, $product_id, $quantity) {
+  // If cart is not empty and we're adding a new product
+  if (!WC()->cart->is_empty()) {
+    // Show notice to the user
+    // wc_add_notice(__('Your cart has been emptied to add this new item. Only one product can be purchased at a time.', 'somos-infinitos-theme'), 'notice');
+    
+    // Empty the cart
+    WC()->cart->empty_cart();
+  }
+  
+  return $passed;
+}
+add_filter('woocommerce_add_to_cart_validation', 'force_single_item_cart', 10, 3);

parts/header.html

@@ -1,20 +1,15 @@
 <!-- wp:group {"style":{"spacing":{"padding":{"left":"3rem","right":"6rem"}}},"fontSize":"tiny","fontFamily":"jura","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
-<div class="wp-block-group has-jura-font-family has-tiny-font-size" style="padding-right:6rem;padding-left:3rem">
+<div id="main-site-header" class="wp-block-group has-jura-font-family has-tiny-font-size" style="padding-right:6rem;padding-left:3rem"><!-- wp:site-logo {"shouldSyncIcon":false} /-->
-  <!-- wp:site-logo {"shouldSyncIcon":false} /-->
 
-  <!-- wp:navigation {"ref":5,"metadata":{"ignoredHookedBlocks":["woocommerce/mini-cart"]},"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"}},"fontSize":"tiny","fontFamily":"jura"} /-->
+<!-- wp:navigation {"ref":5,"metadata":{"ignoredHookedBlocks":["woocommerce/mini-cart"]},"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"}},"fontSize":"tiny","fontFamily":"jura","blockVisibility":{"hideBlock":true}} /-->
 
-  <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
-  <div class="wp-block-group">
+<div class="wp-block-group"><!-- wp:woocommerce/customer-account {"displayStyle":"icon_only","iconClass":"wc-block-customer-account__account-icon"} /-->
-    <!-- wp:woocommerce/customer-account {"displayStyle":"icon_only","iconClass":"wc-block-customer-account__account-icon"} /-->
 
-    <!-- wp:buttons -->
+<!-- wp:buttons {"blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"screenSize":{"hideOnScreenSize":{"small":true}}}}]}} -->
-    <div class="wp-block-buttons"><!-- wp:button -->
+<div class="wp-block-buttons"><!-- wp:button -->
-      <div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Junta-te a nós</a></div>
+<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Junta-te a nós</a></div>
-      <!-- /wp:button -->
+<!-- /wp:button --></div>
-    </div>
+<!-- /wp:buttons --></div>
-    <!-- /wp:buttons -->
+<!-- /wp:group --></div>
-  </div>
-  <!-- /wp:group -->
-</div>
 <!-- /wp:group -->

style.css

@@ -1,5 +1,5 @@
 /*
 Theme Name: Somos Infinitos
 Theme URI: https://git.autonomic.zone/autonomic-cooperative/somos-infinitos-theme
-Author: Autonomic Co-operative
+Author: Autonomic Co-operative in collaboration with Rootpath 
 */

templates/coming-soon.html

@@ -1 +1,25 @@
-<!-- wp:pattern {"slug":"woocommerce/coming-soon"} /-->
+<!-- wp:woocommerce/coming-soon {"storeOnly":true,"className":"woocommerce-coming-soon-store-only"} -->
+<div class="wp-block-woocommerce-coming-soon woocommerce-coming-soon-store-only"><!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:spacer {"height":"0px","style":{"layout":{"flexSize":"100px","selfStretch":"fixed"}}} -->
+<div style="height:0px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:heading {"textAlign":"center","level":1,"fontFamily":"cardo"} -->
+<h1 class="wp-block-heading has-text-align-center has-cardo-font-family">Great things are on the horizon</h1>
+<!-- /wp:heading -->
+
+<!-- wp:spacer {"height":"0px","style":{"layout":{"flexSize":"10px","selfStretch":"fixed"}}} -->
+<div style="height:0px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:paragraph {"align":"center","fontFamily":"inter"} -->
+<p class="has-text-align-center has-inter-font-family">Something big is brewing! Our store is in the works and will be launching soon!</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:spacer {"height":"0px","style":{"layout":{"flexSize":"100px","selfStretch":"fixed"}}} -->
+<div style="height:0px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer --></div>
+<!-- /wp:group --></div>
+<!-- /wp:woocommerce/coming-soon -->

templates/order-confirmation.html

@@ -1,53 +1,55 @@
 <!-- wp:template-part {"slug":"header"} /-->
 
-<!-- wp:group {"tagName":"main","layout":{"inherit":true,"type":"constrained"}} -->
+<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"1.5rem","right":"1.5rem"}}},"layout":{"type":"constrained"}} -->
-<main class="wp-block-group"><!-- wp:woocommerce/order-confirmation-status {"fontSize":"large"} /-->
+<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--70);padding-right:1.5rem;padding-bottom:var(--wp--preset--spacing--70);padding-left:1.5rem"><!-- wp:woocommerce/order-confirmation-status {"align":"","fontFamily":"eb-garamond","fontSize":"medium"} /-->
 
-	<!-- wp:woocommerce/order-confirmation-summary /-->
+<!-- wp:woocommerce/order-confirmation-summary {"align":""} /-->
 
-	<!-- wp:woocommerce/order-confirmation-totals-wrapper {"align":"wide"} -->
+<!-- wp:woocommerce/order-confirmation-totals-wrapper -->
-	<!-- wp:pattern {"slug":"woocommerce/order-confirmation-totals-heading"} /-->
+<!-- wp:heading {"style":{"typography":{"fontSize":"24px"}}} -->
+<h2 class="wp-block-heading" style="font-size:24px">Order details</h2>
+<!-- /wp:heading -->
 
-	<!-- wp:woocommerce/order-confirmation-totals {"lock":{"remove":true}} /-->
+<!-- wp:woocommerce/order-confirmation-totals {"lock":{"remove":true}} /-->
-	<!-- /wp:woocommerce/order-confirmation-totals-wrapper -->
+<!-- /wp:woocommerce/order-confirmation-totals-wrapper -->
 
-	<!-- wp:woocommerce/order-confirmation-downloads-wrapper {"align":"wide"} -->
+<!-- wp:woocommerce/order-confirmation-downloads-wrapper -->
-	<!-- wp:pattern {"slug":"woocommerce/order-confirmation-downloads-heading"} /-->
+<!-- wp:heading {"style":{"typography":{"fontSize":"24px"}}} -->
+<h2 class="wp-block-heading" style="font-size:24px">Downloads</h2>
+<!-- /wp:heading -->
 
-	<!-- wp:woocommerce/order-confirmation-downloads {"lock":{"remove":true}} /-->
+<!-- wp:woocommerce/order-confirmation-downloads {"lock":{"remove":true}} /-->
-	<!-- /wp:woocommerce/order-confirmation-downloads-wrapper -->
+<!-- /wp:woocommerce/order-confirmation-downloads-wrapper -->
 
-	<!-- wp:columns {"align":"wide","className":"wc-block-order-confirmation-address-wrapper"} -->
+<!-- wp:columns {"className":"wc-block-order-confirmation-address-wrapper"} -->
-	<div class="wp-block-columns alignwide wc-block-order-confirmation-address-wrapper">
+<div class="wp-block-columns wc-block-order-confirmation-address-wrapper"><!-- wp:column -->
-		<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:woocommerce/order-confirmation-shipping-wrapper {"align":"wide"} -->
-		<div class="wp-block-column">
+<!-- wp:heading {"style":{"typography":{"fontSize":"24px"}}} -->
-			<!-- wp:woocommerce/order-confirmation-shipping-wrapper {"align":"wide"} -->
+<h2 class="wp-block-heading" style="font-size:24px">Shipping address</h2>
-			<!-- wp:pattern {"slug":"woocommerce/order-confirmation-shipping-heading"} /-->
+<!-- /wp:heading -->
 
-			<!-- wp:woocommerce/order-confirmation-shipping-address {"lock":{"remove":true}} /-->
+<!-- wp:woocommerce/order-confirmation-shipping-address {"lock":{"remove":true}} /-->
-			<!-- /wp:woocommerce/order-confirmation-shipping-wrapper -->
+<!-- /wp:woocommerce/order-confirmation-shipping-wrapper --></div>
-		</div>
+<!-- /wp:column -->
-		<!-- /wp:column -->
 
-		<!-- wp:column -->
+<!-- wp:column -->
-		<div class="wp-block-column">
+<div class="wp-block-column"><!-- wp:woocommerce/order-confirmation-billing-wrapper {"align":"wide"} -->
-			<!-- wp:woocommerce/order-confirmation-billing-wrapper {"align":"wide"} -->
+<!-- wp:heading {"style":{"typography":{"fontSize":"24px"}}} -->
-			<!-- wp:pattern {"slug":"woocommerce/order-confirmation-billing-heading"} /-->
+<h2 class="wp-block-heading" style="font-size:24px">Billing address</h2>
+<!-- /wp:heading -->
 
-			<!-- wp:woocommerce/order-confirmation-billing-address {"lock":{"remove":true}} /-->
+<!-- wp:woocommerce/order-confirmation-billing-address {"lock":{"remove":true}} /-->
-			<!-- /wp:woocommerce/order-confirmation-billing-wrapper -->
+<!-- /wp:woocommerce/order-confirmation-billing-wrapper --></div>
-		</div>
+<!-- /wp:column --></div>
-		<!-- /wp:column -->
+<!-- /wp:columns -->
-	</div>
-	<!-- /wp:columns -->
 
-	<!-- wp:woocommerce/order-confirmation-additional-fields-wrapper {"align":"wide"} -->
+<!-- wp:woocommerce/order-confirmation-additional-fields-wrapper {"align":"wide"} -->
-	<!-- wp:pattern {"slug":"woocommerce/order-confirmation-additional-fields-heading"} /-->
+<!-- wp:heading {"style":{"typography":{"fontSize":"24px"}}} -->
-	<!-- wp:woocommerce/order-confirmation-additional-fields /-->
+<h2 class="wp-block-heading" style="font-size:24px">Additional information</h2>
-	<!-- /wp:woocommerce/order-confirmation-additional-fields-wrapper -->
+<!-- /wp:heading -->
 
-	<!-- wp:woocommerce/order-confirmation-additional-information /-->
+<!-- wp:woocommerce/order-confirmation-additional-fields /-->
-</main>
+<!-- /wp:woocommerce/order-confirmation-additional-fields-wrapper -->
-<!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer"} /-->
+<!-- wp:woocommerce/order-confirmation-additional-information {"align":""} /--></main>
+<!-- /wp:group -->

templates/page-cart.html

@@ -5,14 +5,10 @@
 <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
-<!-- wp:spacer -->
-<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
-
 <!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
-<main class="wp-block-group"><!-- wp:post-title {"level":1,"align":"wide"} /-->
+<main class="wp-block-group"><!-- wp:post-title {"level":1,"fontSize":"x-large","fontFamily":"eb-garamond"} /-->
 
-<!-- wp:post-content {"align":"wide"} /--></main>
+<!-- wp:post-content /--></main>
 <!-- /wp:group -->
 
 <!-- wp:spacer -->

templates/page-checkout.html

@@ -5,8 +5,8 @@
 <div style="height:65px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
-<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
+<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
-<main class="wp-block-group"><!-- wp:post-content {"align":"wide"} /--></main>
+<main class="wp-block-group" style="padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)"><!-- wp:post-content {"align":"wide"} /--></main>
 <!-- /wp:group -->
 
 <!-- wp:spacer -->

templates/page.html

@@ -0,0 +1,9 @@
+<!-- wp:template-part {"slug":"header","area":"header"} /-->
+
+<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60"}}}} -->
+<main class="wp-block-group" style="padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)"><!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:post-title {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"fontSize":"x-large"} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:post-content {"layout":{"inherit":true}} /--></main>
+<!-- /wp:group -->