@designcrowd/library.brand-page 5.18.4 → 5.18.6-ast-padding-1

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

@@ -5447,7 +5447,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.bp .c-button[data-v-dff82fb8] {
+.bp .c-button[data-v-1cc1be4f] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -5458,70 +5458,61 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   text-align: center;
   text-decoration: none;
 }
-
-/* 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 .bp-button[data-v-dff82fb8] .c-button__icon-img img {
+.bp .bp-button[data-v-1cc1be4f] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
-  width: var(--icon-w);
-  height: var(--icon-h);
-}
-
-/* Raster image thumbnails (FallbackImage renders <img class="c-image">):
-   render larger/prominent and centered over the icon slot. */
-.bp .bp-button[data-v-dff82fb8] .c-button__icon-img img.c-image {
   --icon-img-size: 2.3rem;
+  --icon-img-offset-x: calc((var(--button-p-x) - var(--button-p-y)) * 2);
   position: absolute;
   top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
-  left: calc(var(--icon-img-size) / -2 + var(--icon-w) / 2);
+  left: calc(var(--icon-img-size) / -2 + var(--icon-img-offset-x));
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.bp .c-button--disabled[data-v-dff82fb8] {
+.bp .c-button--disabled[data-v-1cc1be4f] {
   pointer-events: none;
 }
-.bp .c-button[data-v-dff82fb8]:hover .c-button__label p {
+.bp .c-button[data-v-1cc1be4f]:hover .c-button__label p {
   text-decoration: underline;
 }
-.bp .c-button__icon[data-v-dff82fb8] {
+.bp .c-button__icon[data-v-1cc1be4f] {
   margin-right: var(--icon-m-r);
 }
-.bp .bp-button[data-v-dff82fb8] .c-button__icon-img {
+.bp .bp-button[data-v-1cc1be4f] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.bp .c-button__label[data-v-dff82fb8] {
+.bp .c-button__label[data-v-1cc1be4f] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.bp .c-button__label--offset-sm[data-v-dff82fb8] {
+.bp .c-button__label--offset-sm[data-v-1cc1be4f] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.bp .c-button__label--offset-md[data-v-dff82fb8] {
+.bp .c-button__label--offset-md[data-v-1cc1be4f] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.bp .c-button__label--offset-lg[data-v-dff82fb8] {
+.bp .c-button__label--offset-lg[data-v-1cc1be4f] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.bp .c-button__no-icon[data-v-dff82fb8] {
+.bp .c-button__no-icon[data-v-1cc1be4f] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.bp .device-wrapper--mobile .c-button__icon[data-v-dff82fb8] {
+.bp .device-wrapper--mobile .c-button__icon[data-v-1cc1be4f] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.bp .c-button__icon[data-v-dff82fb8] {
+.bp .c-button__icon[data-v-1cc1be4f] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -5543,7 +5534,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   --logo-spacing: 0.75rem;
 }
 
-.bp .form-error[data-v-62c5e44b] {
+.bp .form-error[data-v-fc0a55a9] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f
@@ -5554,14 +5545,14 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 100%;
 }
 
-.bp .c-map[data-v-1bb10416] {
+.bp .c-map[data-v-9f1160e6] {
   margin-bottom: 2.5rem;
   max-width: 100%;
 }
-.bp .c-map--brandsite[data-v-1bb10416] {
+.bp .c-map--brandsite[data-v-9f1160e6] {
   margin-top: 2.5rem;
 }
-.bp .c-map__googlemap[data-v-1bb10416] {
+.bp .c-map__googlemap[data-v-9f1160e6] {
   aspect-ratio: 16 / 9;
 }
 
@@ -5614,13 +5605,13 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   overflow-wrap: break-word;
 }
 
-.bp .c-text-container[data-v-f9a4ffd8] {
+.bp .c-text-container[data-v-41340eb9] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.bp .device--mobile .grid-container[data-v-f9a4ffd8] {
+.bp .device--mobile .grid-container[data-v-41340eb9] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5630,7 +5621,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
           flex-direction: column;
 }
 @media (max-width: 767px) {
-.bp .grid-container[data-v-f9a4ffd8] {
+.bp .grid-container[data-v-41340eb9] {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -5641,7 +5632,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 @media (min-width: 767px) {
-.bp .grid-container[data-v-f9a4ffd8] {
+.bp .grid-container[data-v-41340eb9] {
     display: grid;
 }
 }
@@ -5774,15 +5765,15 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-height: 90vh
 }
 
-.bp .c-image-gallery[data-v-5ed761de] {
+.bp .c-image-gallery[data-v-449be7b3] {
   --image-size: 8rem;
   --image-spacing: 0.75rem;
 }
 @media (max-width: 1500px) {
-.bp .device-wrapper--desktop .c-carousel-width[data-v-5ed761de] {
+.bp .device-wrapper--desktop .c-carousel-width[data-v-449be7b3] {
     max-width: calc(59rem - (var(--page-padding) * 2));
 }
-.bp .device-wrapper--desktop .c-carousel-full-width[data-v-5ed761de] {
+.bp .device-wrapper--desktop .c-carousel-full-width[data-v-449be7b3] {
     max-width: 59rem;
 }
 }
@@ -5846,7 +5837,7 @@ select[data-v-14e7c7c7] {
   padding: 4px;
 }
 
-.bp .payment-option-prices[data-v-74073561] {
+.bp .payment-option-prices[data-v-88c49b68] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5857,7 +5848,7 @@ select[data-v-14e7c7c7] {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap
 }
-.bp .payment-option-prices-thumbnail[data-v-74073561] {
+.bp .payment-option-prices-thumbnail[data-v-88c49b68] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5868,15 +5859,15 @@ select[data-v-14e7c7c7] {
   gap: 0.5rem
 }
 @media (min-width: 768px) {
-.bp .device--mobile .payment-options[data-v-74073561] {
+.bp .device--mobile .payment-options[data-v-88c49b68] {
     display: block
 }
 }
-.bp .device--mobile .payment-option[data-v-74073561] {
+.bp .device--mobile .payment-option[data-v-88c49b68] {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem
 }
-.bp .payment-width[data-v-74073561] {
+.bp .payment-width[data-v-88c49b68] {
   margin: 0.375rem;
   -ms-flex-negative: 1;
       flex-shrink: 1;
@@ -5888,12 +5879,12 @@ select[data-v-14e7c7c7] {
   min-width: calc(16.666667% - 0.5rem)
 }
 
-.bp .c-video[data-v-373a5743] {
+.bp .c-video[data-v-3dac5093] {
   --video-size: 8rem;
   --video-spacing: 0.75rem;
   margin-bottom: 1rem;
 }
-.bp .c-video__frame[data-v-373a5743] {
+.bp .c-video__frame[data-v-3dac5093] {
   aspect-ratio: 16 / 9;
   border-radius: calc(var(--video-size) / 16);
   display: block;
@@ -5901,57 +5892,53 @@ select[data-v-14e7c7c7] {
   width: 100%;
 }
 
-.bp .form-error[data-v-e408a650] {
+.bp .form-error[data-v-cf475228] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f;
 }
-.bp .contact-container[data-v-e408a650] {
+.bp .contact-container[data-v-cf475228] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.bp .c-text-padding[data-v-e408a650] {
+.bp .c-text-padding[data-v-cf475228] {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.bp .device-wrapper--mobile .c-divided-container[data-v-e408a650] {
+.bp .device-wrapper--mobile .c-divided-container[data-v-cf475228] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.bp .device-wrapper--mobile .c-divided-container-reverse[data-v-e408a650] {
+.bp .device-wrapper--mobile .c-divided-container-reverse[data-v-cf475228] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
 @media (max-width: 767px) {
-.bp .c-button-full[data-v-e408a650] {
+.bp .c-button-full[data-v-cf475228] {
     width: 100%;
 }
-.bp .c-col-span-2[data-v-e408a650] {
+.bp .c-col-span-2[data-v-cf475228] {
     grid-column: span 2 / span 2;
 }
-.bp .c-mobile-padding[data-v-e408a650] {
+.bp .c-mobile-padding[data-v-cf475228] {
     padding: 1rem;
 }
-.bp .c-text-padding[data-v-e408a650] {
+.bp .c-text-padding[data-v-cf475228] {
     grid-column: span 2 / span 2;
     padding-left: 0px;
     padding-right: 0px;
 }
-.bp .c-py-6[data-v-e408a650] {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-}
-.bp .c-divided-container[data-v-e408a650] {
+.bp .c-divided-container[data-v-cf475228] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.bp .c-divided-container-reverse[data-v-e408a650] {
+.bp .c-divided-container-reverse[data-v-cf475228] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -5959,16 +5946,16 @@ select[data-v-14e7c7c7] {
 }
 }
 @media (min-width: 767px) {
-.bp .c-aspect-square[data-v-e408a650] {
+.bp .c-aspect-square[data-v-cf475228] {
     aspect-ratio: 1 / 1;
 }
-.bp .c-divided-container[data-v-e408a650] {
+.bp .c-divided-container[data-v-cf475228] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.bp .c-divided-container-reverse[data-v-e408a650] {
+.bp .c-divided-container-reverse[data-v-cf475228] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
@@ -6021,10 +6008,10 @@ select[data-v-14e7c7c7] {
     text-align: center
 }
 
-.bp .c_banner--with-image-overlay[data-v-3875c37b] {
+.bp .c_banner--with-image-overlay[data-v-805cbaae] {
   min-height: 24rem;
 }
-.bp .c_banner--divided-container[data-v-3875c37b] {
+.bp .c_banner--divided-container[data-v-805cbaae] {
   min-height: 30rem;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
@@ -6032,13 +6019,13 @@ select[data-v-14e7c7c7] {
           flex-direction: row;
   gap: 1rem;
 }
-.bp .device-wrapper--mobile .c_banner--divided-container[data-v-3875c37b] {
+.bp .device-wrapper--mobile .c_banner--divided-container[data-v-805cbaae] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
-.bp .c_banner-container[data-v-3875c37b] {
+.bp .c_banner-container[data-v-805cbaae] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
@@ -6051,61 +6038,61 @@ select[data-v-14e7c7c7] {
  * widen to the full banner and shift left so the image spans edge to edge
  * (1.5rem = tw-px-6). Text blocks stay constrained to the max-width.
  */
-.bp .c_banner-stacked-image--full[data-v-3875c37b] {
+.bp .c_banner-stacked-image--full[data-v-805cbaae] {
   width: calc(100cqw + 3rem);
   margin-inline: calc(50% - 50cqw - 1.5rem);
 }
-.bp .c_banner--with-image-flip[data-v-3875c37b] {
+.bp .c_banner--with-image-flip[data-v-805cbaae] {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
       -ms-flex-direction: row-reverse;
           flex-direction: row-reverse;
 }
-.bp .c_banner--divided-container[data-v-3875c37b] .full-square-image {
+.bp .c_banner--divided-container[data-v-805cbaae] .full-square-image {
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
 }
 @container (min-width: 640px) {
-.bp .c_banner-container--left-aligned-stacking[data-v-3875c37b] {
+.bp .c_banner-container--left-aligned-stacking[data-v-805cbaae] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.bp .c_banner-container--right-aligned-stacking[data-v-3875c37b] {
+.bp .c_banner-container--right-aligned-stacking[data-v-805cbaae] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
             flex-direction: row-reverse;
 }
-.bp .c_banner-button--stacking[data-v-3875c37b] {
+.bp .c_banner-button--stacking[data-v-805cbaae] {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
 }
 }
 @container (max-width: 640px) {
-.bp .c_banner-container--left-aligned-stacking[data-v-3875c37b] {
+.bp .c_banner-container--left-aligned-stacking[data-v-805cbaae] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.bp .c_banner-container--right-aligned-stacking[data-v-3875c37b] {
+.bp .c_banner-container--right-aligned-stacking[data-v-805cbaae] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.bp .c_banner-item--stacking[data-v-3875c37b] {
+.bp .c_banner-item--stacking[data-v-805cbaae] {
     width: 100%;
 }
-.bp .c_banner-button--stacking[data-v-3875c37b] {
+.bp .c_banner-button--stacking[data-v-805cbaae] {
     width: 100%;
 }
-.bp .c_banner--divided-container[data-v-3875c37b] {
+.bp .c_banner--divided-container[data-v-805cbaae] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -6118,29 +6105,29 @@ select[data-v-14e7c7c7] {
 /* mob_img--left - image for display left (should only show on mobile)  */
 /* mob_img--right - image for display right (should only show on mobile)  */
 /* top-img--center - image for display centered*/
-.bp .about-container[data-v-4edadbcf] {
+.bp .about-container[data-v-55697d86] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.bp .about-container--padding[data-v-4edadbcf] {
+.bp .about-container--padding[data-v-55697d86] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.bp .device-wrapper--mobile .about-container[data-v-4edadbcf] .mob_img--left {
+.bp .device-wrapper--mobile .about-container[data-v-55697d86] .mob_img--left {
   display: grid;
   width: 100%;
 }
-.bp .device-wrapper--mobile .about-container[data-v-4edadbcf] .mob_img--right {
+.bp .device-wrapper--mobile .about-container[data-v-55697d86] .mob_img--right {
   display: grid;
   width: 100%;
 }
-.bp .device-wrapper--mobile .about-body-text[data-v-4edadbcf] {
+.bp .device-wrapper--mobile .about-body-text[data-v-55697d86] {
   display: block;
 }
-.bp .device-wrapper--mobile .about-container[data-v-4edadbcf] .img--left-right {
+.bp .device-wrapper--mobile .about-container[data-v-55697d86] .img--left-right {
   display: none;
 }
-.bp .device-wrapper--mobile .about-container[data-v-4edadbcf] .container-image {
+.bp .device-wrapper--mobile .about-container[data-v-55697d86] .container-image {
   -o-object-fit: cover;
      object-fit: cover;
   aspect-ratio: 1/1;
@@ -6148,24 +6135,22 @@ select[data-v-14e7c7c7] {
   max-width: -moz-max-content;
   max-width: max-content;
 }
-.bp .device-wrapper--mobile .mobile-about-container--padding[data-v-4edadbcf] {
+.bp .device-wrapper--mobile .mobile-about-container--padding[data-v-55697d86] {
   padding-left: var(--page-padding);
-  padding-right: var(--page-padding);
-  padding-top: 2.5rem;
-  padding-bottom: 2.5rem;
+  padding-right: var(--page-padding);
 }
-.bp .device-wrapper--mobile .text-grid-column[data-v-4edadbcf] {
+.bp .device-wrapper--mobile .text-grid-column[data-v-55697d86] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-template-columns: 1fr;
 }
-.bp .device-wrapper--mobile .full-square-image[data-v-4edadbcf] {
+.bp .device-wrapper--mobile .full-square-image[data-v-55697d86] {
   margin-bottom: 1rem;
 }
-.bp .device-wrapper--mobile .about-container[data-v-4edadbcf] .about-placeholder {
+.bp .device-wrapper--mobile .about-container[data-v-55697d86] .about-placeholder {
   width: 100%;
 }
-.bp .about-container[data-v-4edadbcf] .top-img--center {
+.bp .about-container[data-v-55697d86] .top-img--center {
   display: grid;
   aspect-ratio: 3/1;
   width: 100%;
@@ -6174,8 +6159,8 @@ select[data-v-14e7c7c7] {
   -o-object-position: center;
      object-position: center;
 }
-.bp .about-container[data-v-4edadbcf] .mob_img--left,
-.bp .about-container[data-v-4edadbcf] .mob_img--right {
+.bp .about-container[data-v-55697d86] .mob_img--left,
+.bp .about-container[data-v-55697d86] .mob_img--right {
   padding-top: 1rem;
   padding-bottom: 1rem;
   aspect-ratio: 1/1;
@@ -6185,23 +6170,23 @@ select[data-v-14e7c7c7] {
      object-position: center;
   width: 100%;
 }
-.bp .container-grid-columns[data-v-4edadbcf] {
+.bp .container-grid-columns[data-v-55697d86] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
 }
-.bp .about-container[data-v-4edadbcf] .full-square-image {
+.bp .about-container[data-v-55697d86] .full-square-image {
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
 }
-.bp .grid-reverse-direction[data-v-4edadbcf] {
+.bp .grid-reverse-direction[data-v-55697d86] {
   direction: rtl;
 }
-.bp .grid-direction-ltr[data-v-4edadbcf] {
+.bp .grid-direction-ltr[data-v-55697d86] {
   direction: ltr;
 }
-.bp .about-container[data-v-4edadbcf] .container-image {
+.bp .about-container[data-v-55697d86] .container-image {
   margin-bottom: 1rem;
   display: grid;
   max-width: 20rem;
@@ -6211,34 +6196,32 @@ select[data-v-14e7c7c7] {
   height: fit-content;
 }
 @media (max-width: 767px) {
-.bp .about-container[data-v-4edadbcf] .mob_img--left {
+.bp .about-container[data-v-55697d86] .mob_img--left {
     display: block;
     width: 100%;
 }
-.bp .about-container[data-v-4edadbcf] .mob_img--right {
+.bp .about-container[data-v-55697d86] .mob_img--right {
     display: grid;
 }
-.bp .about-container[data-v-4edadbcf] .img--left-right {
+.bp .about-container[data-v-55697d86] .img--left-right {
     display: none;
 }
-.bp .about-body-text[data-v-4edadbcf] {
+.bp .about-body-text[data-v-55697d86] {
     display: block;
 }
-.bp .about-container[data-v-4edadbcf] .about-placeholder {
+.bp .about-container[data-v-55697d86] .about-placeholder {
     width: 100%;
 }
-.bp .text-grid-column[data-v-4edadbcf] {
+.bp .text-grid-column[data-v-55697d86] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
     grid-template-columns: 1fr;
 }
-.bp .mobile-about-container--padding[data-v-4edadbcf] {
+.bp .mobile-about-container--padding[data-v-55697d86] {
     padding-left: var(--page-padding);
-    padding-right: var(--page-padding);
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
+    padding-right: var(--page-padding);
 }
-.bp .about-container[data-v-4edadbcf] .container-image {
+.bp .about-container[data-v-55697d86] .container-image {
     aspect-ratio: 1/1;
     -o-object-fit: cover;
        object-fit: cover;
@@ -6246,61 +6229,61 @@ select[data-v-14e7c7c7] {
     max-width: -moz-max-content;
     max-width: max-content;
 }
-.bp .about-container[data-v-4edadbcf] .full-square-image {
+.bp .about-container[data-v-55697d86] .full-square-image {
     margin-bottom: 1rem;
 }
 }
 @media (min-width: 767px) {
-.bp .about-container[data-v-4edadbcf] .mob_img--right,
-  .bp .about-container[data-v-4edadbcf] .mob_img--left {
+.bp .about-container[data-v-55697d86] .mob_img--right,
+  .bp .about-container[data-v-55697d86] .mob_img--left {
     display: none;
 }
-.bp .about-container[data-v-4edadbcf] .img--left-right {
+.bp .about-container[data-v-55697d86] .img--left-right {
     display: grid;
 }
-.bp .text-grid-column[data-v-4edadbcf] {
+.bp .text-grid-column[data-v-55697d86] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
 }
-.bp .about-container[data-v-4edadbcf] .container-image {
+.bp .about-container[data-v-55697d86] .container-image {
     aspect-ratio: auto;
 }
 }
 
-.bp .c_text-media--items[data-v-6e40b489] {
+.bp .c_text-media--items[data-v-be828f7c] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 2.5rem;
 }
-.bp .c_text-media--item[data-v-6e40b489] {
+.bp .c_text-media--item[data-v-be828f7c] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 1.5rem;
 }
-.bp .c_text-media-container[data-v-6e40b489] {
+.bp .c_text-media-container[data-v-be828f7c] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.bp .c_text-media-padding[data-v-6e40b489] {
+.bp .c_text-media-padding[data-v-be828f7c] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.bp .c_text-media--shape[data-v-6e40b489] {
+.bp .c_text-media--shape[data-v-be828f7c] {
   width: 25%;
 }
-.bp .device--mobile .c_text-media--items[data-v-6e40b489] {
+.bp .device--mobile .c_text-media--items[data-v-be828f7c] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.bp .device--mobile .c_text-media--alternate[data-v-6e40b489],
-.bp .device--mobile .c_text-media--shape[data-v-6e40b489] {
+.bp .device--mobile .c_text-media--alternate[data-v-be828f7c],
+.bp .device--mobile .c_text-media--shape[data-v-be828f7c] {
   width: 100%;
 }
-.bp .device--mobile .c_text-media--alternate-container[data-v-6e40b489] {
+.bp .device--mobile .c_text-media--alternate-container[data-v-be828f7c] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
@@ -6308,18 +6291,18 @@ select[data-v-14e7c7c7] {
 }
 .bp .device--mobile
   .c_text-media--items_direction
-  .c_text-media--item[data-v-6e40b489]:nth-child(even) {
+  .c_text-media--item[data-v-be828f7c]:nth-child(even) {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
 @media (max-width: 767px) {
-.bp .c_text-media--alternate[data-v-6e40b489],
-  .bp .c_text-media--shape[data-v-6e40b489] {
+.bp .c_text-media--alternate[data-v-be828f7c],
+  .bp .c_text-media--shape[data-v-be828f7c] {
     width: 100%;
 }
-.bp .c_text-media--alternate-container[data-v-6e40b489] {
+.bp .c_text-media--alternate-container[data-v-be828f7c] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
@@ -6328,7 +6311,7 @@ select[data-v-14e7c7c7] {
 }
 @media (min-width: 767px) {
 @media (min-width: 768px) {
-.bp .c_text-media--items_direction .c_text-media--item[data-v-6e40b489]:nth-child(even) {
+.bp .c_text-media--items_direction .c_text-media--item[data-v-be828f7c]:nth-child(even) {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: reverse;
           -ms-flex-direction: row-reverse;
@@ -6603,49 +6586,49 @@ select[data-v-14e7c7c7] {
   color: #f21b3f;
 }
 
-.bp .inner-container[data-v-15d14fc1] {
+.bp .inner-container[data-v-da4b533c] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.bp .outer-container[data-v-15d14fc1] {
+.bp .outer-container[data-v-da4b533c] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.bp .modal-cart[data-v-15d14fc1] .cart-image {
+.bp .modal-cart[data-v-da4b533c] .cart-image {
   width: 3rem;
 }
-.bp .modal-cart[data-v-15d14fc1] .cart-option {
+.bp .modal-cart[data-v-da4b533c] .cart-option {
   width: 100%;
 }
-.bp .success-bar-container[data-v-15d14fc1] .tw-bg-success-500 {
+.bp .success-bar-container[data-v-da4b533c] .tw-bg-success-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(36 168 16 / var(--tw-bg-opacity));
 }
 @media (min-width: 640px) {
-.bp .modal-product-detail[data-v-15d14fc1] .modal {
+.bp .modal-product-detail[data-v-da4b533c] .modal {
     min-width: 100vh;
 }
-.bp .modal-cart[data-v-15d14fc1] .modal {
+.bp .modal-cart[data-v-da4b533c] .modal {
     min-width: 90vh;
     max-height: 90vh;
 }
-.bp .modal-cart[data-v-15d14fc1] .cart-image {
+.bp .modal-cart[data-v-da4b533c] .cart-image {
     width: 8rem;
 }
-.bp .modal-cart[data-v-15d14fc1] .cart-option {
+.bp .modal-cart[data-v-da4b533c] .cart-option {
     width: 75%;
 }
-.bp .success-bar[data-v-15d14fc1] {
+.bp .success-bar[data-v-da4b533c] {
     width: 50%;
 }
 }
 @media (max-width: 640px) {
-.bp .success-bar[data-v-15d14fc1] {
+.bp .success-bar[data-v-da4b533c] {
     width: 91.666667%;
 }
 }
 
-.bp .c_banner-container[data-v-bcef9bd4] {
+.bp .c_banner-container[data-v-ac0ea8f4] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
@@ -7144,7 +7127,7 @@ select[data-v-14e7c7c7] {
 }
 }
 
-.bp .c-overlay[data-v-2bbe6b3e] {
+.bp .c-overlay[data-v-a8c3857a] {
   position: fixed;
   inset: 0px;
   z-index: 40;
@@ -7162,22 +7145,23 @@ select[data-v-14e7c7c7] {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.bp .c-overlay--open[data-v-2bbe6b3e] {
+.bp .c-overlay--open[data-v-a8c3857a] {
   opacity: 0.7;
 }
-.bp .c-overlay--closed[data-v-2bbe6b3e] {
+.bp .c-overlay--closed[data-v-a8c3857a] {
   pointer-events: none;
   display: none;
   opacity: 0;
 }
-.bp .c-sidebar[data-v-2bbe6b3e] {
+.bp .c-sidebar[data-v-a8c3857a] {
+  /* No hardcoded background: the panel background comes from the hamburger
+     defaultButtonStyle (bound via :style), so a transparent/unset default bg
+     renders transparent instead of being forced white  */
   position: fixed;
   inset: 0px;
   z-index: 50;
   height: 100%;
   width: 20rem;
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
   -webkit-transition-property: all;
   transition-property: all;
   -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -7189,26 +7173,26 @@ select[data-v-14e7c7c7] {
   max-width: 66%;
 }
 @media (min-width: 768px) {
-.bp .device--mobile .c-sidebar[data-v-2bbe6b3e] {
+.bp .device--mobile .c-sidebar[data-v-a8c3857a] {
     width: 66.666667%;
 }
 }
-.bp .c-sidebar--closed[data-v-2bbe6b3e] {
+.bp .c-sidebar--closed[data-v-a8c3857a] {
   -webkit-transform: translateX(-100%);
           transform: translateX(-100%);
   visibility: hidden;
 }
-.bp .c-sidebar--open[data-v-2bbe6b3e] {
+.bp .c-sidebar--open[data-v-a8c3857a] {
   -webkit-transform: translateX(0%);
           transform: translateX(0%);
 }
-.bp .c-chevron-transform[data-v-2bbe6b3e] {
+.bp .c-chevron-transform[data-v-a8c3857a] {
   -webkit-transition: -webkit-transform 0.3s ease;
   transition: -webkit-transform 0.3s ease;
   transition: transform 0.3s ease;
   transition: transform 0.3s ease, -webkit-transform 0.3s ease;
 }
-.bp .c-chevron-expanded[data-v-2bbe6b3e] {
+.bp .c-chevron-expanded[data-v-a8c3857a] {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
@@ -7788,27 +7772,25 @@ to {
           transform: scale(1.025);
 }
 
-.bp .c-color[data-v-4dd5f95d] {
+.bp .c-color[data-v-9af09d53] {
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
 }
-.bp .c-color[data-v-4dd5f95d]:hover {
+.bp .c-color[data-v-9af09d53]:hover {
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
   -webkit-transform: scale(1.025);
           transform: scale(1.025);
 }
-.bp .c-color[data-v-4dd5f95d] {
-  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
-          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
-}
-.bp .c-color[data-v-4dd5f95d]:hover {
-  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
-          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
-  -webkit-transform: scale(1.025);
-          transform: scale(1.025);
+.bp .c-transparent[data-v-9af09d53] {
+  background: linear-gradient(
+    135deg,
+    transparent calc(50% - 1.5px),
+    red 50%,
+    transparent calc(50% + 1.5px)
+  );
 }
-.bp .maker-color-palette__popup[data-v-4dd5f95d] {
+.bp .maker-color-palette__popup[data-v-9af09d53] {
   position: absolute;
   padding: 0.625rem;
   background: white;
@@ -7822,13 +7804,13 @@ to {
   height: fit-content;
   max-width: 100%;
 }
-.bp .maker-color-palette__widget-body[data-v-4dd5f95d] {
+.bp .maker-color-palette__widget-body[data-v-9af09d53] {
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 0.625rem;
 }
-.bp .picker-button[data-v-4dd5f95d] {
+.bp .picker-button[data-v-9af09d53] {
   width: 100%;
   border: 1px solid #878787;
   text-transform: uppercase;
@@ -7837,14 +7819,14 @@ to {
   cursor: pointer;
 }
 @media print, screen and (min-width: 40em) {
-.bp .maker-color-palette__popup[data-v-4dd5f95d] {
+.bp .maker-color-palette__popup[data-v-9af09d53] {
     bottom: initial;
     height: auto;
     top: 1.25rem;
     width: calc(100% - 36px);
 }
 }
-.bp .maker-text-color__icon[data-v-4dd5f95d] {
+.bp .maker-text-color__icon[data-v-9af09d53] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7858,7 +7840,7 @@ to {
   height: 32px;
   margin-top: 15px;
 }
-.bp .maker-text-color__icon .active[data-v-4dd5f95d] {
+.bp .maker-text-color__icon .active[data-v-9af09d53] {
   font-weight: bold;
   background: #e3e3e3;
 }