@designcrowd/library.brand-page 6.1.7 → 6.1.8-ast-header

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -1227,6 +1227,9 @@ a.maker-anchor {
 .tw-h-\[2\.6rem\] {
   height: 2.6rem;
 }
+.tw-h-\[734px\] {
+  height: 734px;
+}
 .tw-h-auto {
   height: auto;
 }
@@ -1275,6 +1278,9 @@ a.maker-anchor {
 .tw-max-h-\[340px\] {
   max-height: 340px;
 }
+.tw-max-h-\[calc\(100\%_-_4rem\)\] {
+  max-height: calc(100% - 4rem);
+}
 .tw-max-h-full {
   max-height: 100%;
 }
@@ -1479,6 +1485,9 @@ a.maker-anchor {
 .tw-w-\[300px\] {
   width: 300px;
 }
+.tw-w-\[358px\] {
+  width: 358px;
+}
 .tw-w-auto {
   width: auto;
 }
@@ -2547,6 +2556,9 @@ a.maker-anchor {
 .tw-rounded-2xl {
   border-radius: 1rem;
 }
+.tw-rounded-\[3rem\] {
+  border-radius: 3rem;
+}
 .tw-rounded-full {
   border-radius: 9999px;
 }
@@ -2887,6 +2899,10 @@ a.maker-anchor {
   --tw-bg-opacity: 1;
   background-color: rgb(36 168 16 / var(--tw-bg-opacity));
 }
+.tw-bg-success-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(29 134 13 / var(--tw-bg-opacity));
+}
 .tw-bg-transparent {
   background-color: transparent;
 }
@@ -2919,6 +2935,9 @@ a.maker-anchor {
 .tw-bg-opacity-50 {
   --tw-bg-opacity: 0.5;
 }
+.tw-bg-opacity-60 {
+  --tw-bg-opacity: 0.6;
+}
 .tw-bg-opacity-75 {
   --tw-bg-opacity: 0.75;
 }
@@ -3606,6 +3625,12 @@ a.maker-anchor {
   -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
           box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.tw-shadow-\[0_0_0_0\.625rem_\#3a3a3a\] {
+  --tw-shadow: 0 0 0 0.625rem #3a3a3a;
+  --tw-shadow-colored: 0 0 0 0.625rem var(--tw-shadow-color);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .tw-shadow-inner {
   --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
@@ -6374,7 +6399,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.c-button[data-v-8c623b57] {
+.c-button[data-v-7574ba8b] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -6388,7 +6413,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 
 /* Shape-library icons (vector, nested in .c-shape, no class on the img):
    render at the default icon size, centered in normal flow like the SVG icons. */
-.bp-button[data-v-8c623b57] .c-button__icon-img img {
+.bp-button[data-v-7574ba8b] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
@@ -6398,7 +6423,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 
 /* Raster image thumbnails (FallbackImage renders <img class="c-image">):
    render larger/prominent and centered over the icon slot. */
-.bp-button[data-v-8c623b57] .c-button__icon-img img.c-image {
+.bp-button[data-v-7574ba8b] .c-button__icon-img img.c-image {
   --icon-img-size: 2.3rem;
   position: absolute;
   top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
@@ -6406,49 +6431,49 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.c-button--disabled[data-v-8c623b57] {
+.c-button--disabled[data-v-7574ba8b] {
   pointer-events: none;
 }
-.c-button[data-v-8c623b57]:hover .c-button__label p {
+.c-button[data-v-7574ba8b]:hover .c-button__label p {
   text-decoration: underline;
 }
-.c-button__icon[data-v-8c623b57] {
+.c-button__icon[data-v-7574ba8b] {
   margin-right: var(--icon-m-r);
 }
-.bp-button[data-v-8c623b57] .c-button__icon-img {
+.bp-button[data-v-7574ba8b] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.c-button__label[data-v-8c623b57] {
+.c-button__label[data-v-7574ba8b] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button__label--offset-sm[data-v-8c623b57] {
+.c-button__label--offset-sm[data-v-7574ba8b] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__label--offset-md[data-v-8c623b57] {
+.c-button__label--offset-md[data-v-7574ba8b] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.c-button__label--offset-lg[data-v-8c623b57] {
+.c-button__label--offset-lg[data-v-7574ba8b] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__no-icon[data-v-8c623b57] {
+.c-button__no-icon[data-v-7574ba8b] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.device-wrapper--mobile .c-button__icon[data-v-8c623b57] {
+.device-wrapper--mobile .c-button__icon[data-v-7574ba8b] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.c-button__icon[data-v-8c623b57] {
+.c-button__icon[data-v-7574ba8b] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -6780,7 +6805,7 @@ select[data-v-665b8067] {
   padding: 4px;
 }
 
-.payment-option-prices[data-v-1acc14e8] {
+.payment-option-prices[data-v-85948035] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -6791,7 +6816,7 @@ select[data-v-665b8067] {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap
 }
-.payment-option-prices-thumbnail[data-v-1acc14e8] {
+.payment-option-prices-thumbnail[data-v-85948035] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -6802,15 +6827,15 @@ select[data-v-665b8067] {
   gap: 0.5rem
 }
 @media (min-width: 768px) {
-.device--mobile .payment-options[data-v-1acc14e8] {
+.device--mobile .payment-options[data-v-85948035] {
     display: block
 }
 }
-.device--mobile .payment-option[data-v-1acc14e8] {
+.device--mobile .payment-option[data-v-85948035] {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem
 }
-.payment-width[data-v-1acc14e8] {
+.payment-width[data-v-85948035] {
   margin: 0.375rem;
   -ms-flex-negative: 1;
       flex-shrink: 1;
@@ -6822,12 +6847,12 @@ select[data-v-665b8067] {
   min-width: calc(16.666667% - 0.5rem)
 }
 
-.c-video[data-v-566eb57a] {
+.c-video[data-v-3dac5093] {
   --video-size: 8rem;
   --video-spacing: 0.75rem;
   margin-bottom: 1rem;
 }
-.c-video__frame[data-v-566eb57a] {
+.c-video__frame[data-v-3dac5093] {
   aspect-ratio: 16 / 9;
   border-radius: calc(var(--video-size) / 16);
   display: block;
@@ -6912,7 +6937,7 @@ select[data-v-665b8067] {
 }
 }
 
-.c-social-links__links-container[data-v-a26f1145] {
+.c-social-links__links-container[data-v-62606e3c] {
 
     display: -webkit-box;
 
@@ -6926,7 +6951,7 @@ select[data-v-665b8067] {
 
             justify-content: center
 }
-.c-social-links__icon-container[data-v-a26f1145] {
+.c-social-links__icon-container[data-v-62606e3c] {
 
     margin-left: 0.75rem;
 
@@ -7273,11 +7298,11 @@ select[data-v-665b8067] {
 }
 }
 
-.c-image--height-limited[data-v-8dbe7933] {
+.c-image--height-limited[data-v-401dcffa] {
   max-height: 55vh;
 }
 
-.c_testimonial-image[data-v-809e9165] {
+.c_testimonial-image[data-v-fde01e54] {
   --avatar-border-colour: #fff;
   --avatar-size: 3rem;
   --avatar-spacing: 2rem;
@@ -7294,16 +7319,16 @@ select[data-v-665b8067] {
   padding-right: 1.5rem;
 }
 @media (min-width: 767px) {
-.c_testimonial-image[data-v-809e9165] {
+.c_testimonial-image[data-v-fde01e54] {
     padding-left: 4rem;
     padding-right: 4rem;
 }
 }
-.c-testimonial-container[data-v-809e9165] {
+.c-testimonial-container[data-v-fde01e54] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.c_testimonial-image--items[data-v-809e9165] {
+.c_testimonial-image--items[data-v-fde01e54] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7313,17 +7338,17 @@ select[data-v-665b8067] {
           flex-direction: column;
 }
 @media (min-width: 768px) {
-.c_testimonial-image--items[data-v-809e9165] {
+.c_testimonial-image--items[data-v-fde01e54] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
 }
-.c_testimonial-image--items[data-v-809e9165] {
+.c_testimonial-image--items[data-v-fde01e54] {
   gap: 2rem;
 }
-.c_testimonial-image--item[data-v-809e9165] {
+.c_testimonial-image--item[data-v-fde01e54] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: -webkit-box;
@@ -7331,18 +7356,18 @@ select[data-v-665b8067] {
   display: flex;
   width: 100%;
 }
-.c_testimonial-image[data-v-809e9165] .swiper-pagination-bullet {
+.c_testimonial-image[data-v-fde01e54] .swiper-pagination-bullet {
   border-radius: 0.5rem;
 }
-.c_testimonial-title[data-v-809e9165] {
+.c_testimonial-title[data-v-fde01e54] {
   overflow-wrap: anywhere;
 }
-.c_testimonial-image[data-v-809e9165] .swiper-slide {
+.c_testimonial-image[data-v-fde01e54] .swiper-slide {
   width: 100%;
   max-width: 100%;
   /* width: fit-content !important; /* swiper.update() does not reflow slide's width, override dynamic width to fit to content (only when slidesPerView:1) */
 }
-.device--mobile .c_testimonial-image--items[data-v-809e9165] {
+.device--mobile .c_testimonial-image--items[data-v-fde01e54] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
@@ -7350,7 +7375,7 @@ select[data-v-665b8067] {
 }
 
 /* BIG IMAGE */
-.c_testimonial-big-image__items[data-v-809e9165] {
+.c_testimonial-big-image__items[data-v-fde01e54] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7361,77 +7386,77 @@ select[data-v-665b8067] {
   gap: 1rem;
 }
 @media (min-width: 768px) {
-.c_testimonial-big-image__items[data-v-809e9165] {
+.c_testimonial-big-image__items[data-v-fde01e54] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
 }
-.device--desktop .c_testimonial-big-image__items[data-v-809e9165] {
+.device--desktop .c_testimonial-big-image__items[data-v-fde01e54] {
   min-width: 60vw;
 }
-.device--mobile .c_testimonial-big-image__items[data-v-809e9165] {
+.device--mobile .c_testimonial-big-image__items[data-v-fde01e54] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.c_testimonial-big-image[data-v-809e9165] {
+.c_testimonial-big-image[data-v-fde01e54] {
   width: 100%;
 }
 @media (min-width: 768px) {
-.c_testimonial-big-image[data-v-809e9165] {
+.c_testimonial-big-image[data-v-fde01e54] {
     width: 33.333333%;
 }
 }
-.device--mobile .c_testimonial-big-image[data-v-809e9165] {
+.device--mobile .c_testimonial-big-image[data-v-fde01e54] {
   width: 100%;
 }
-.c_testimonial-big-image__text[data-v-809e9165] {
+.c_testimonial-big-image__text[data-v-fde01e54] {
   width: 100%;
 }
 @media (min-width: 768px) {
-.c_testimonial-big-image__text[data-v-809e9165] {
+.c_testimonial-big-image__text[data-v-fde01e54] {
     width: 66.666667%;
 }
 }
-.device--mobile .c_testimonial-big-image__text[data-v-809e9165] {
+.device--mobile .c_testimonial-big-image__text[data-v-fde01e54] {
   width: 100%;
 }
-.c_testimonial-big-image__text-item[data-v-809e9165] {
+.c_testimonial-big-image__text-item[data-v-fde01e54] {
   text-align: center;
 }
 @media (min-width: 768px) {
-.c_testimonial-big-image__text-item[data-v-809e9165] {
+.c_testimonial-big-image__text-item[data-v-fde01e54] {
     text-align: left;
 }
 }
-.device--mobile .c_testimonial-big-image__text-item[data-v-809e9165] {
+.device--mobile .c_testimonial-big-image__text-item[data-v-fde01e54] {
   text-align: center;
 }
-.device--mobile .c_testimonial-big-image__text[data-v-809e9165] {
+.device--mobile .c_testimonial-big-image__text[data-v-fde01e54] {
   width: 100%;
 }
-.c_testimonial-big-image__text-item[data-v-809e9165] {
+.c_testimonial-big-image__text-item[data-v-fde01e54] {
   text-align: center;
 }
 @media (min-width: 768px) {
-.c_testimonial-big-image__text-item[data-v-809e9165] {
+.c_testimonial-big-image__text-item[data-v-fde01e54] {
     text-align: left;
 }
 }
-.device--mobile .c_testimonial-big-image__text-item[data-v-809e9165] {
+.device--mobile .c_testimonial-big-image__text-item[data-v-fde01e54] {
   text-align: center;
 }
-.c_testimonial-big-image[data-v-809e9165] .c_testimonial-aspect-ratio {
+.c_testimonial-big-image[data-v-fde01e54] .c_testimonial-aspect-ratio {
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
 /* AVATAR */
-.c_testimonial-profile__avatar[data-v-809e9165] {
+.c_testimonial-profile__avatar[data-v-fde01e54] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7445,7 +7470,7 @@ select[data-v-665b8067] {
   width: var(--avatar-size);
   overflow: hidden;
 }
-.c_testimonial-profile__avatar[data-v-809e9165] .c_testimonial-profile__avatar-img {
+.c_testimonial-profile__avatar[data-v-fde01e54] .c_testimonial-profile__avatar-img {
   -o-object-fit: cover;
      object-fit: cover;
   width: 100%;
@@ -7487,7 +7512,7 @@ select[data-v-665b8067] {
   min-width: calc(16.666667% - 0.5rem)
 }
 
-.payment-width[data-v-d1054ae1] {
+.payment-width[data-v-d86ae507] {
   margin: 0.375rem;
   -ms-flex-negative: 1;
       flex-shrink: 1;
@@ -7498,14 +7523,31 @@ select[data-v-665b8067] {
   width: fit-content;
   min-width: calc(16.666667% - 0.5rem)
 }
+
+/* Mobile: flex column so the container's `tw-gap-2` is the single gap source, the
+   same in the editor and on the rendered site. `.device--mobile` = maker frame; the
+   media query = published site + live preview, which have no such class. */
 @media (min-width: 768px) {
-.device--mobile .payment-options[data-v-d1054ae1] {
-    display: block
+.device--mobile .payment-options[data-v-d86ae507] {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column
 }
 }
-.device--mobile .payment-option[data-v-d1054ae1] {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem
+@media (max-width: 767px) {
+.payment-options[data-v-d86ae507] {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column
+}
 }
 
 .form-error[data-v-71591b18] {
@@ -7524,56 +7566,56 @@ select[data-v-665b8067] {
 }
 }
 
-.cart-item-grid[data-v-b43ea95a] {
+.cart-item-grid[data-v-7f3921f6] {
   grid-template-columns: 1fr 8rem;
 }
-.remove-btn[data-v-b43ea95a] {
+.remove-btn[data-v-7f3921f6] {
   color: #67b3f5;
 }
-.form-error[data-v-b43ea95a] {
+.form-error[data-v-7f3921f6] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f;
 }
 
-.inner-container[data-v-3be4593c] {
+.inner-container[data-v-fca616f0] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.outer-container[data-v-3be4593c] {
+.outer-container[data-v-fca616f0] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.modal-cart[data-v-3be4593c] .cart-image {
+.modal-cart[data-v-fca616f0] .cart-image {
   width: 3rem;
 }
-.modal-cart[data-v-3be4593c] .cart-option {
+.modal-cart[data-v-fca616f0] .cart-option {
   width: 100%;
 }
-.success-bar-container[data-v-3be4593c] .tw-bg-success-500 {
+.success-bar-container[data-v-fca616f0] .tw-bg-success-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(36 168 16 / var(--tw-bg-opacity));
 }
 @media (min-width: 640px) {
-.modal-product-detail[data-v-3be4593c] .modal {
+.modal-product-detail[data-v-fca616f0] .modal {
     min-width: 100vh;
 }
-.modal-cart[data-v-3be4593c] .modal {
+.modal-cart[data-v-fca616f0] .modal {
     min-width: 90vh;
     max-height: 90vh;
 }
-.modal-cart[data-v-3be4593c] .cart-image {
+.modal-cart[data-v-fca616f0] .cart-image {
     width: 8rem;
 }
-.modal-cart[data-v-3be4593c] .cart-option {
+.modal-cart[data-v-fca616f0] .cart-option {
     width: 75%;
 }
-.success-bar[data-v-3be4593c] {
+.success-bar[data-v-fca616f0] {
     width: 50%;
 }
 }
 @media (max-width: 640px) {
-.success-bar[data-v-3be4593c] {
+.success-bar[data-v-fca616f0] {
     width: 91.666667%;
 }
 }
@@ -8033,21 +8075,21 @@ select[data-v-665b8067] {
   padding: 0.25rem var(--page-padding);
 }
 
-.c-page-footer__container[data-v-5d279c8a] {
+.c-page-footer__container[data-v-613305b7] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding: 0.25rem var(--page-padding);
 }
-.c-page-footer__container-justified[data-v-5d279c8a] {
+.c-page-footer__container-justified[data-v-613305b7] {
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-.sortable[data-v-5d279c8a] {
+.sortable[data-v-613305b7] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.brand-page__content--outline-selected[data-v-5d279c8a] {
+.brand-page__content--outline-selected[data-v-613305b7] {
   position: relative;
   z-index: 10;
   margin-left: 0.25rem;
@@ -8056,25 +8098,25 @@ select[data-v-665b8067] {
   outline-width: 0.2rem;
   outline-style: dashed;
 }
-.c_footer-container[data-v-5d279c8a] {
+.c_footer-container[data-v-613305b7] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
 @container (max-width: 640px) {
-.c-page-footer__container-justified[data-v-5d279c8a] {
+.c-page-footer__container-justified[data-v-613305b7] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c-page-footer__container-justified[data-v-5d279c8a] > :nth-child(2) {
+.c-page-footer__container-justified[data-v-613305b7] > :nth-child(2) {
     margin-bottom: 1rem;
 }
 }
 @container (min-width: 640px) {
-.c-page-footer__container-justified-stack[data-v-5d279c8a] {
+.c-page-footer__container-justified-stack[data-v-613305b7] {
     margin-left: 1rem;
     margin-right: 1rem;
     -webkit-box-pack: justify;
@@ -8220,7 +8262,7 @@ select[data-v-665b8067] {
           justify-content: flex-end;
 }
 
-@-webkit-keyframes slideUp-a4d86e1d {
+@-webkit-keyframes slideUp-e83ec73e {
 from {
     bottom: -100%;
     opacity: 0;
@@ -8229,7 +8271,7 @@ to {
     opacity: 1;
 }
 }
-@keyframes slideUp-a4d86e1d {
+@keyframes slideUp-e83ec73e {
 from {
     bottom: -100%;
     opacity: 0;
@@ -8238,27 +8280,27 @@ to {
     opacity: 1;
 }
 }
-.popup-card[data-v-a4d86e1d] {
-  -webkit-animation: slideUp-a4d86e1d 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-          animation: slideUp-a4d86e1d 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+.popup-card[data-v-e83ec73e] {
+  -webkit-animation: slideUp-e83ec73e 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+          animation: slideUp-e83ec73e 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 @media (max-width: 767px) {
-.popup-card[data-v-a4d86e1d] {
+.popup-card[data-v-e83ec73e] {
     max-width: calc(100% - 2rem);
 }
 }
-.btn-dcom[data-v-a4d86e1d] {
+.btn-dcom[data-v-e83ec73e] {
   --tw-border-opacity: 1;
   --tw-bg-opacity: 1;
   border-color: rgb(63 89 246 / var(--tw-border-opacity));
   background-color: rgb(63 89 246 / var(--tw-bg-opacity));
   font-family: 'Inter', Lato, sans-serif;
 }
-.btn-bc[data-v-a4d86e1d] {
+.btn-bc[data-v-e83ec73e] {
   font-family: Lato, Helvetica, sans-serif;
 }
 
-.brand-page__footer[data-v-056b45a6] {
+.brand-page__footer[data-v-0a7ac3ed] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8266,7 +8308,7 @@ to {
       -ms-flex-pack: center;
           justify-content: center;
 }
-.brand-page__footer-link[data-v-056b45a6] {
+.brand-page__footer-link[data-v-0a7ac3ed] {
   display: block;
   border-radius: 0.25rem;
   padding: 0.75rem;
@@ -8274,25 +8316,25 @@ to {
   -webkit-transition: background 0.2s ease-in-out;
   transition: background 0.2s ease-in-out;
 }
-.brand-page__footer-link[data-v-056b45a6]:hover {
+.brand-page__footer-link[data-v-0a7ac3ed]:hover {
   opacity: 0.9;
 }
-.icon-container[data-v-056b45a6] {
+.icon-container[data-v-0a7ac3ed] {
   width: 20px;
   overflow: hidden;
 }
-.extra-height[data-v-056b45a6] {
+.extra-height[data-v-0a7ac3ed] {
   -webkit-transition: height 0.5s ease-in-out;
   transition: height 0.5s ease-in-out;
   width: 100%;
 }
-.c-button__label[data-v-056b45a6] {
+.c-button__label[data-v-0a7ac3ed] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button[data-v-056b45a6] {
+.c-button[data-v-0a7ac3ed] {
   --icon-h: 1.5rem;
   --icon-m-r: 0.5rem;
   --icon-m-icon: 0.5rem;
@@ -8307,10 +8349,10 @@ to {
       -ms-flex-align: center !important;
           align-items: center !important;
 }
-.button__icon[data-v-056b45a6] {
+.button__icon[data-v-0a7ac3ed] {
   margin-right: var(--icon-m-r);
 }
-.btn-max-width[data-v-056b45a6] {
+.btn-max-width[data-v-0a7ac3ed] {
   max-width: 315px;
   width: 100%;
 }
@@ -9902,7 +9944,16 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
 }
 }
 
-.page-settings-section-style_option-title[data-v-4a885317] {
+.page-settings-section-style_option-title[data-v-443c4ee6] {
+    font-family: Lato, Helvetica, sans-serif;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    font-weight: 700;
+    --tw-text-opacity: 1;
+    color: rgb(36 36 36 / var(--tw-text-opacity))
+}
+
+.header-settings-panel_option-title[data-v-5bed38b5] {
     font-family: Lato, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;
@@ -9919,7 +9970,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   min-height: 1rem;
 }
 
-.dragArea[data-v-155a3295] {
+.dragArea[data-v-6aeb502e] {
   min-height: 0rem;
 }
 
@@ -10080,120 +10131,6 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
     margin-bottom: 1.5rem
 }
 
-.c-preview-modal__device[data-v-62bbbe55] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  height: 2rem;
-  width: 2rem;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  border-radius: 0.25rem;
-  --tw-text-opacity: 1;
-  color: rgb(230 230 230 / var(--tw-text-opacity));
-  -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -webkit-transition-duration: 150ms;
-          transition-duration: 150ms;
-}
-.c-preview-modal__device--active[data-v-62bbbe55] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(43 43 43 / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-
-/* Dark chrome buttons in the header — must not compete with the Publish CTA.
-   Padding/size mirror fe-shared-lib's `small-medium`; the transparent border
-   matches its `tw-border-2` so these line up with Publish at 36px. `border-solid`
-   is required — preflight is off for these themes, so a width-only border
-   computes to zero (same reason every fe-shared-lib variant spells it out). */
-.c-preview-modal__close[data-v-62bbbe55],
-.c-preview-modal__chrome-btn[data-v-62bbbe55] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  border-radius: 0.25rem;
-  border-width: 2px;
-  border-style: solid;
-  border-color: transparent;
-  --tw-bg-opacity: 1;
-  background-color: rgb(43 43 43 / var(--tw-bg-opacity));
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 700;
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-  -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -webkit-transition-duration: 150ms;
-          transition-duration: 150ms;
-}
-@media (hover: hover) and (pointer: fine) {
-.c-preview-modal__close[data-v-62bbbe55]:hover,
-.c-preview-modal__chrome-btn[data-v-62bbbe55]:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(94 94 94 / var(--tw-bg-opacity));
-}
-}
-.c-preview-modal__publishing[data-v-62bbbe55] {
-  position: absolute;
-  inset: 0px;
-  z-index: 10;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
-  --tw-bg-opacity: 0.6;
-}
-.c-preview-modal__frame[data-v-62bbbe55] {
-  -webkit-transition-property: all;
-  transition-property: all;
-  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -webkit-transition-duration: 300ms;
-          transition-duration: 300ms;
-  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.c-preview-modal__frame--desktop[data-v-62bbbe55] {
-  height: 100%;
-  width: 100%;
-}
-
-/* Phone-frame the mobile preview, reusing the editor Device.vue geometry. */
-.c-preview-modal__frame--mobile[data-v-62bbbe55] {
-  width: 358px;
-  height: 734px;
-  max-height: calc(100% - 4rem);
-  border-radius: 3rem;
-  -webkit-box-shadow: 0 0 0 0.625rem #3a3a3a;
-          box-shadow: 0 0 0 0.625rem #3a3a3a;
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
 /* The upgrade glyph (`upgrade-alt`) is a hairline faceted gem that barely reads
    at button size. Give it a stroke in the current text colour so the icon is
    distinguishable from afar. Scoped to the CTA button via the `ai-cta-button`
@@ -10413,7 +10350,7 @@ to {
     overflow: hidden
 }
 
-.c-brand-page-maker[data-v-520de182] {
+.c-brand-page-maker[data-v-c43b7b63] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -10423,10 +10360,10 @@ to {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-520de182] {
+.c-brand-page-maker__inner[data-v-c43b7b63] {
   height: 100%;
 }
-.c-save-bar[data-v-520de182] {
+.c-save-bar[data-v-c43b7b63] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -10448,7 +10385,7 @@ to {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-520de182] {
+.c-save-bar--visible[data-v-c43b7b63] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -10458,11 +10395,11 @@ to {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-520de182] {
+.c-brand-page-maker[data-v-c43b7b63] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-520de182] {
+.c-brand-page-maker__inner[data-v-c43b7b63] {
     height: 100%;
 }
 }