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

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

@@ -836,6 +836,9 @@ a:not(.tw-lowercase) {
 .tw-h-\[2\.6rem\] {
     height: 2.6rem
 }
+.tw-h-\[734px\] {
+    height: 734px
+}
 .tw-h-auto {
     height: auto
 }
@@ -884,6 +887,9 @@ a:not(.tw-lowercase) {
 .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%
 }
@@ -1088,6 +1094,9 @@ a:not(.tw-lowercase) {
 .tw-w-\[300px\] {
     width: 300px
 }
+.tw-w-\[358px\] {
+    width: 358px
+}
 .tw-w-auto {
     width: auto
 }
@@ -2154,6 +2163,9 @@ a:not(.tw-lowercase) {
 .tw-rounded-2xl {
     border-radius: 1.5rem
 }
+.tw-rounded-\[3rem\] {
+    border-radius: 3rem
+}
 .tw-rounded-full {
     border-radius: 9999px
 }
@@ -2494,6 +2506,10 @@ a:not(.tw-lowercase) {
     --tw-bg-opacity: 1;
     background-color: rgb(63 89 246 / var(--tw-bg-opacity))
 }
+.tw-bg-success-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(50 71 197 / var(--tw-bg-opacity))
+}
 .tw-bg-transparent {
     background-color: transparent
 }
@@ -2526,6 +2542,9 @@ a:not(.tw-lowercase) {
 .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
 }
@@ -3213,6 +3232,12 @@ a:not(.tw-lowercase) {
     -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);
@@ -5789,7 +5814,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;
@@ -5803,7 +5828,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;
@@ -5813,7 +5838,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);
@@ -5821,49 +5846,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);
 }
 }
@@ -6195,7 +6220,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;
@@ -6206,7 +6231,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;
@@ -6217,15 +6242,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;
@@ -6237,12 +6262,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;
@@ -6327,7 +6352,7 @@ select[data-v-665b8067] {
 }
 }
 
-.c-social-links__links-container[data-v-a26f1145] {
+.c-social-links__links-container[data-v-62606e3c] {
 
     display: -webkit-box;
 
@@ -6341,7 +6366,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;
 
@@ -6688,11 +6713,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;
@@ -6709,16 +6734,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;
@@ -6728,17 +6753,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;
@@ -6746,18 +6771,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;
@@ -6765,7 +6790,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;
@@ -6776,77 +6801,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;
@@ -6860,7 +6885,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%;
@@ -6902,7 +6927,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;
@@ -6913,14 +6938,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] {
@@ -6939,56 +6981,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%;
 }
 }
@@ -7448,21 +7490,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: #b2bdfb;
   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;
@@ -7471,25 +7513,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;
@@ -7635,7 +7677,7 @@ select[data-v-665b8067] {
           justify-content: flex-end;
 }
 
-@-webkit-keyframes slideUp-a4d86e1d {
+@-webkit-keyframes slideUp-e83ec73e {
 from {
     bottom: -100%;
     opacity: 0;
@@ -7644,7 +7686,7 @@ to {
     opacity: 1;
 }
 }
-@keyframes slideUp-a4d86e1d {
+@keyframes slideUp-e83ec73e {
 from {
     bottom: -100%;
     opacity: 0;
@@ -7653,27 +7695,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;
@@ -7681,7 +7723,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.5rem;
   padding: 0.75rem;
@@ -7689,25 +7731,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;
@@ -7722,10 +7764,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%;
 }
@@ -9317,7 +9359,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: Inter, Helvetica, sans-serif;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    font-weight: 700;
+    --tw-text-opacity: 1;
+    color: rgb(24 24 24 / var(--tw-text-opacity))
+}
+
+.header-settings-panel_option-title[data-v-5bed38b5] {
     font-family: Inter, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;
@@ -9334,7 +9385,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   min-height: 1rem;
 }
 
-.dragArea[data-v-155a3295] {
+.dragArea[data-v-6aeb502e] {
   min-height: 0rem;
 }
 
@@ -9495,120 +9546,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.5rem;
-  --tw-text-opacity: 1;
-  color: rgb(227 227 227 / 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(38 38 38 / 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.5rem;
-  border-width: 2px;
-  border-style: solid;
-  border-color: transparent;
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / 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(96 96 96 / 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`
@@ -9828,7 +9765,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;
@@ -9838,10 +9775,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;
@@ -9863,7 +9800,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;
@@ -9873,11 +9810,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%;
 }
 }