/** Shopify CDN: Minification failed

Line 908:18 Unexpected "{"
Line 908:27 Expected ":"
Line 2177:43 Expected identifier but found whitespace

**/
/* ------------------------------------------
                GLOBAL
------------------------------------------ */

/*Font to Jost */
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,500;1,500&display=swap');

:root {
  --color-black: #303030;
  --color-white: #fff;
  --color-blue: #cfdef1;

  --border: 1px solid;
}

/* UTILITY */
.hide--section {
  display: none;
  visibility: hidden;
  opacity: 0;
}

/* ------------------------------------------
                NAVIGATION
------------------------------------------ */

header {
    z-index: 99 !important;
}

.shopify-section--announcement-bar .heading,
.h3 {
  letter-spacing: 0.05em;
}

.header__primary-nav-item {
    cursor: pointer;
}

.footer__image img.constrained-image {
  margin: auto;
}

.nav-awning {
  background: linear-gradient(
    to bottom,
    var(--color-white) 60%,
    transparent 40%
  );
  margin-bottom: -20px;
  position: relative;
  z-index: 9;
}

.nav-awning .awning-image {
  width: 100%;
}

.header__dropdown-menu:before {
    background: transparent;
}

.header__primary-nav-item:before {
    background: transparent !important;
}

.header__primary-nav-item:hover {
    color: #D04745;
}

.header__dropdown-menu {
    z-index: 99;
}

@media screen and (min-width: 1200px) {
    header-search {
      position: fixed !important;
      top: var(--header-height) !important;
      left: 0 !important;
      right: 0 !important;
      bottom: auto !important;
      transform: none !important;
      margin: 0 !important;
      width: 100% !important;
      z-index: 2 !important;
      background: #fff;
      padding: 2rem 0 !important;
      box-shadow: 0 8px 24px rgba(0,0,0,0.12);
      border-bottom: 1px solid #eee;
    }
  }

@media screen and (min-width: 700px) {
  .awning-image.mobile {
    display: none;
  }
}

@media screen and (max-width: 700px) {
  .awning-image.desktop {
    display: none;
  }
}

/* ------------------------------------------
                BUTTON
------------------------------------------ */

a.button:not(#contact-us-cta .button, #custom-pdp-contact-us .button) {
    padding: unset;
    background: transparent;
    border: unset;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    padding-bottom: 0.2rem;
}

a.button:not(#contact-us-cta .button,#custom-pdp-contact-us .button):before {
    content: '';
    position: absolute;
    bottom: 0;
    background: url(/cdn/shop/files/button-border.svg?v=1776216937);
    background-size: 100% 120%;
    width: 100%;
    height: 6px;
    transition: 0.4s ease;
    left: 0;
    opacity: 100%;
}

a.button:not(#contact-us-cta .button,#custom-pdp-contact-us .button):hover {
  color: black !important;
}

a.button:not(#contact-us-cta .button,#custom-pdp-contact-us .button):hover:before {
  opacity: 100%;
}

a.blog-post-card__read-more.link {
    background: unset;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 0.3rem;
}

a.blog-post-card__read-more.link:before {
    content: '';
    position: absolute;
    bottom: 0;
    background: url(/cdn/shop/files/button-border.svg?v=1776216937);
    background-size: 100% 120%;
    width: 100%;
    height: 6px;
    transition: 0.4s ease;
    left: 0;
    opacity: 100%;
}

a.blog-post-card__read-more.link:hover:before {
  opacity: 100%;
}

.shopify-section--blog-posts a.button {
    background: #EDF3F8;
    padding: 0.8rem 2rem;
    border-radius: 40rem;
}

.shopify-section--blog-posts a.button:hover {
    background: black;
    color: white !important;
}

.shopify-section--blog-posts a.button:before {
    background: unset;
}

.shopify-section--content-slider {
    padding-bottom: 3rem;
}

.shopify-section--newsletter .newsletter .form {
    width: 100%;
}

.shopify-section--newsletter .newsletter .form input {
    border-radius: 0;
    background: white;
    color: black;
}

.shopify-section--newsletter .newsletter .form input::placeholder {
    color: black;
}

.shopify-section--newsletter .newsletter .form-row {
    gap: 0.6rem;
}

.shopify-section--newsletter .newsletter .button {
    width: 0;
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 16px;
    border-radius: 40px;
}

.shopify-section--slideshow a.button:before {
    filter: brightness(0) invert(1);
}

/* Homepage hero CTA keeps the red underline. Match the id suffix; the template-- prefix changes between theme copies. */
[id$="__slideshow_n7YEhD"] a.button:before {
  filter: unset;
}

#shopify-section-template--21060619174023__slideshow_n7YEhD a.button:hover {
  color: black !important;
}

.shopify-section--slideshow a.button:hover {
    color: white !important;
}

.custom-slideshow-text .slideshow__content {
    margin-top: 0.5rem;
}

#shopify-section-template--21060619174023__slideshow_n7YEhD .h1.slideshow__heading {
    font-size: 1rem;
}

#shopify-section-template--21060619174023__slideshow_n7YEhD .button-group {
    margin-top: 1rem !important;
}

#shopify-section-template--21060619174023__slideshow_n7YEhD .custom-card-description .slideshow-prev, #shopify-section-template--21060619174023__slideshow_n7YEhD .custom-card-description .slideshow-next {
    opacity: 0;
    transition: 0.4s ease;
}

#shopify-section-template--21060619174023__slideshow_n7YEhD:hover .custom-card-description .slideshow-prev, #shopify-section-template--21060619174023__slideshow_n7YEhD:hover .custom-card-description .slideshow-next {
    opacity: 1;
}

/* ------------------------------------------
                HOME PAGE
------------------------------------------ */

#section-hero image-with-text-overlay {
    overflow: visible;
    padding-bottom: 5rem;
}

#section-hero .content {
    background: #E6E2D4;
    padding: 2rem 2.2rem;
    max-width: 26rem;
    background-image: url(/cdn/shop/files/banner-content-border.png?v=1776190745);
    background-size: 96% 96%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -10rem;
}

#section-hero .content .h1 {
    max-width: 15ch;
    margin: 0 auto;
}

#section-hero .content .h2 {
    font-size: 1.15rem;
}

#section-hero .content div:nth-child(2) {
    margin-top: 1rem;
}

#section-hero .content .button {
    margin-top: 1rem;
}

.featured-collections-carousel__item scroll-carousel.product-list--carousel {
    padding-inline: 60px;
}

.featured-collections-carousel__item {
    gap: 0.5rem;
}

.multi-column__item {
    gap: 0.65rem;
}

#collection-boxes img {
    min-height: 17rem;
    object-fit: contain;
    margin-bottom: -1rem;
}

#collection-boxes .text-center {
    font-size: 1rem;
}

p.h6 {
    text-transform: capitalize;
    font-size: 1rem;
    letter-spacing: 0;
}

#event-slideshow .event-subheading {
    font-size: 1.375rem;
    text-transform: uppercase;
    letter-spacing: 4px;
}

#event-slideshow .event-heading {
    font-size: 7.62rem;
    letter-spacing: 0;
}

#event-slideshow {
    padding-bottom: 3rem;
}

.shopify-section--featured-collections .h2 {
    max-width: 34ch;
}

.shopify-section--blog-posts .h2 {
    max-width: 40ch;
    margin-bottom: 2rem !important;
}

#best-seller-banner .slideshow__slide-content {
    height: 100%;
    display: flex;
    align-items: end;
}

#best-seller-banner .slideshow__slide-content .slideshow__subheading {
    position: absolute;
    top: 0;
}

.shopify-section--featured-collections scroll-carousel {
    /* overflow-x: clip;
    overflow-y: visible; */
    padding-top: 2.1rem;
}

footer {
    position: relative;
}
footer:before {
    content: '';
    position: absolute;
    background: url(/cdn/shop/files/footer-icon.png?v=1776214368);
    background-size: 100% 100%;
    width: 10rem;
    height: 10rem;
    right: 0;
    left: 0;
    margin: auto;
    top: -80px;
}

.footer {
    padding-top: 4.5rem;
    padding-bottom: 1rem;
    color: black;
}

.footer__block--newsletter, .footer__block--app {
    max-width: 100%;
}

.footer .h6 {
    color: #D24745;
    font-size: 0.8rem;
    text-transform: capitalize;
    letter-spacing: 0;
}

.footer .footer__block--newsletter .h6 {
    font-size: 2.2rem;
    text-transform: capitalize;
    letter-spacing: 0;
    color: black;
}

.footer .link-faded {
    color: black;
}

.footer .link-faded:hover {
    color: #d24847;
}

.footer__aside p {
    letter-spacing: 0;
    color: black;
}
.footer__aside {
    justify-content: center;
}

.footer__block-list {
    padding-bottom: 2rem;
}

.footer__block.footer__block--text_with_image {
    position: relative;
    top: 6rem;
}

.footer .prose.text-subdued {
    max-width: 70%;
    color: black;
}

.footer .social-media--list {
    gap: 0.5rem;
}

.footer .form {
    display: flex;
    border: 1px solid #D04745;
}

.footer .form-control {
    width: 100%;
}

.footer .form input {
    background: white;
    color: black;
    border-radius: 0;
    border: unset;
}

.footer .form button {
    border-radius: 0;
    border-color: white;
}

.shopify-section--featured-collections .color-scheme--scheme-2 .section-stack .v-stack {
    position: relative;
}

.shopify-section--featured-collections .color-scheme--scheme-2 .section-stack .v-stack:before {
    content: '';
    position: absolute;
    background: url(/cdn/shop/files/LRS_LAURENLOVES_STICKER_fef1e888-9d58-4af0-9b90-0280ed35a089.png?v=1763909135);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 9rem;
    height: 9rem;
    right: -150px;
    bottom: -6rem;
    z-index: 11;
    transform: rotate(15deg);
    pointer-events: none;
}

#shopify-section-template--21919438012551__multi_column_9x8TAC .border-line-divider {
    display: block;
}

.border-line-divider {
    margin-inline: auto;
    display: none;
}

.pop-in.newsletter-popup {
    z-index: 9999999;
}

@media screen and (max-width: 1600px) {

#collection-boxes .prose {
    margin-top: -0.5rem;
}
}

@media screen and (max-width: 1280px) {
  #collection-boxes img {
    min-height: 13rem;
    margin: 0;
  }
  /* #event-slideshow .content-over-media {
      padding-inline: 50px !important;
  } */
  #event-slideshow .event-heading {
      font-size: 5rem;
  }
  #event-slideshow .event-subheading {
      font-size: 1.2rem;
  }
  .shopify-section--content-slider .content-slider-viewport .content-slider__slide {
      padding-inline: 6rem !important;
  }
  .footer .footer__block--newsletter .h6 {
      font-size: 1.5rem;
  }
  .footer .prose.text-subdued {
      max-width: 100%;
  }
  .shopify-section--two-column-banner .static-two-col-banner {
      padding-inline: 1.5rem !important;
  }
  .shopify-section--featured-collections .color-scheme--scheme-2 .section-stack .v-stack:before {
    width: 7rem;
    height: 7rem;
    right: -80px;
    bottom: -5rem;
  }
}
@media screen and (max-width: 768px) {
  .footer .footer__block {
    width: 100% !important;
  }
  .footer__block-list {
      display: flex;
      flex-wrap: wrap;
      gap: unset;
      row-gap: 1.8rem;
      padding-bottom: 1rem;
  }
  .footer__block.footer__block--links {
    width: 50% !important;
  }
  .footer__block.footer__block--text_with_image {
      top: 0;
  }
  .shopify-section--image-with-text-overlay img {
      height: 300px !important;
      object-fit: cover;
  }
  #section-hero image-with-text-overlay {
      padding-bottom: 6.5rem;
  }
  /* #event-slideshow .content-over-media {
      padding-inline: 30px !important;
  } */
  #event-slideshow .event-heading {
      font-size: 2.8rem;
  }
  .shopify-section--slideshow img {
      height: 300px !important;
      object-fit: cover;
  }
  .shopify-section--content-slider .content-slider-viewport {
      margin-inline: 1.5rem !important;
  }
  .shopify-section--content-slider .content-slider-viewport .content-slider__slide {
      padding-inline: 2rem !important;
  }
  .shopify-section--content-slider .content-slider-viewport .content-slider__slide .content-slider__content {
      padding-bottom: 2rem;
  }
  .shopify-section--newsletter .newsletter .form-row {
      flex-direction: column;
  }
  .shopify-section--newsletter .newsletter .button {
      width: 100%;
  }
  .form-row>.form-control {
    flex: auto;
}
.shopify-section--featured-collections .color-scheme--scheme-2 .section-stack .v-stack:before {
    width: 4rem;
    height: 4rem;
    right: -25px;
    bottom: -3rem;
}
#section-hero .content {
    padding: 2rem 2rem;
    max-width: 19rem;
    margin-bottom: -8.5rem;
}
#section-hero .content .h2 {
    font-size: 0.95rem;
}
#section-hero .content div:nth-child(2) {
    margin-top: 0.5rem;
}
#section-hero .content .button {
    margin-top: 0.5rem;
}
#section-hero .content p {
    font-size: 0.8rem;
}
#section-hero .content .h1 {
    font-size: 1.1rem;
}
.static-two-col-banner__item {
    padding-bottom: 2rem;
}
#shopify-section-template--20467501072519__static_two_column_banner_BcAaz6 .static-two-col-banner__heading {
    font-size: 1.1rem !important;
}
.content-slider__content {
    gap: 0.7rem !important;
}
.content-slider__image-col {
    margin-bottom: 0 !important;
}
.shopify-section--content-slider {
    padding-bottom: 0rem;
}
footer:before {
  width: 6rem;
  height: 6rem;
  top: -45px;
}
.featured-collections-carousel__item scroll-carousel.product-list--carousel {
    padding-inline: 30px;
}
}

@media screen and (max-width: 525px) {
  #collection-boxes img {
        min-height: 9rem;
    }
  .footer__block.footer__block--text_with_image img {
    width: 50%;
    margin-left: auto;
    margin-top: -80px;
    margin-right: 1rem;
  }
}

/* =============================================
   CUSTOM MEGA MENU - DESKTOP ONLY
   ============================================= */

@media screen and (min-width: 1000px) {

  /* Main mega menu container */
  .mega-menu--split {
    display: flex !important;
    flex-direction: row !important;
    gap: 0 !important;
    padding: 0 !important;
    max-width: 100%;
    background: #edf3f8;
    min-height: 100vh;
    padding-top: 5rem !important;
    overflow-y: auto;
  }

  /* LEFT COLUMN */
  .mega-menu__left {
    width: 20%;
    flex-shrink: 0;
    padding: 2rem 1.5rem 2rem 2rem;
  }

  .mega-menu__simple-list {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
  }

  .mega-menu__simple-link {
    display: block;
    font-size: 1.125rem;
    padding: 0.25rem 0;
    transition: color 0.2s ease;
    text-decoration: none;
  }

  .mega-menu__simple-link:hover {
    opacity: 0.7;
  }

  /* RIGHT COLUMN */
  .mega-menu__right {
    flex: 1;
    padding: 1.5rem 2rem 2rem 2rem;
    overflow: hidden;
  }

  /* Search bar */
  .mega-menu__search {
    margin-bottom: 1.5rem;
  }

  .mega-menu__search-inner {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: white;
    border-radius: 50px;
    padding: 0.5rem 1.2rem;
  }

  .mega-menu__search-input {
    border: none;
    background: transparent;
    outline: none;
    font-size: 0.9rem;
    width: 100%;
    color: inherit;
  }

  .mega-menu__search-input::placeholder {
    color: #999;
  }

  /* Categories grid */
  .mega-menu__categories {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem 1rem;
  }

  .mega-menu__category {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border-left: 1px solid black;
    padding-left: 1rem;
  }

  .mega-menu__category-heading {
    font-size: 0.8rem;
    text-transform: none;
    letter-spacing: 0;
    color: inherit;
    text-decoration: none;
    margin-bottom: 0.3rem;
    display: block;
    font-style: italic;
  }

  .mega-menu__category-links {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
  }

  .mega-menu__category-link {
    font-size: 0.85rem;
    text-decoration: none;
    display: block;
    line-height: 1.4;
    transition: opacity 0.15s ease;
  }

  .mega-menu__category-link:hover {
    opacity: 1;
  }

  .mega-menu__simple-list li:nth-last-child(-n+3) a {
    font-size: 0.8rem;
    line-height: 1;
  }

  .mega-menu__simple-list li:nth-child(7) a {
    color: #D04745;
    margin-bottom: 2.5rem;
  }

  .mega-menu__simple-list li:nth-child(4) a::before {
    content: " ❤";
    color: #D04745;
    padding-right: 0.2rem;
    margin-top: 0.2rem;
  }

}

/* ------------------------------------------
                PRODUCT PAGE
------------------------------------------ */

.buy-buttons button {
  border: var(--border) rgb(var(--border-color));
}

.image-with-text.with-secondary picture {
  --gap: 8px;
  display: flex;
  align-items: flex-end;
  gap: var(--gap);

  max-width: 100%;
  padding-inline: var(--container-gutter);
}

.image-with-text.with-secondary picture img {
  width: calc((100% - var(--gap)) / 2);
  object-fit: cover;
}

.image-with-text.with-secondary .secondary-img {
  aspect-ratio: 0.65;
}

@media screen and (min-width: 700px) {
  .image-with-text.with-secondary {
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1fr);
  }

  .image-with-text.with-secondary picture {
    padding-left: 0;
  }
}

/* ------------------------------------------
                IG FEED
------------------------------------------ */

.Vtl-InstagramFeedWidget {
  margin: 0 !important;
  max-width: none !important;
}

.Vtl-InstagramFeedWidget__Header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Vtl-InstagramFeedWidget__Subtitle {
  order: -1;
}

.Vtl-InstagramFeedWidget__Subtitle p {
  font-size: 0.75rem;
  letter-spacing: 0.15em;
}

.Vtl-InstagramFeedWidget__Title h2 {
  font-weight: 500;
  letter-spacing: 0.13em;
}


/* ------------------------------------------
          PDP Badges Styling
------------------------------------------ */
.pdp-badges-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 0.5rem;
  align-items: center;
}

.pdp-final-sale-badge,
.pdp-exclusive-badge,
.pdp-bundle-discount-badge,
.pdp-pre-sale-badge,
.pdp-free-shipping-badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  font-size: 0.65rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffffff;
}

.pdp-final-sale-badge, .pdp-exclusive-badge, .pdp-bundle-discount-badge, .pdp-pre-sale-badge,.pdp-free-shipping-badge   {
  background-color: #cfdef1;
  color: #303030;
}

.pdp-lauren-loves-badge{
   display: inline-flex;
  align-items: center;
}

.pdp-lauren-loves-badge .pdp-lauren-loves-image {
  display: block;
  max-height: 50px;
  width: auto;
}


/* ------------------------------------------
            Disable First Nav
------------------------------------------ */


nav.header__primary-nav > ul > li:nth-child(1) > mega-menu-disclosure > details > summary {
  pointer-events: none;
  cursor: default;
  }


/* ------------------------------------------
           PDP Brand Section
------------------------------------------ */
#shopify-section-{{ section.id }} .image-with-text--brand > :is(svg, img) {
    object-fit: cover;
    object-position: center;
    height: 300px;
    width: 100%;
    display: block;
  }



/* ------------------------------------------
           Product Card Lauren Love Badge
------------------------------------------ */

  .product-card__figure {
  position: relative;
}

/* .product-card__special-icon {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 2;
} */

.product-card__special-icon {
    display: none;
}

.product-card__special-icon {
    position: absolute;
    top: -2rem;
    right: -2rem;
    z-index: 2;
    transform: rotate(10deg);
}

/* .product-card__special-icon-image {
  display: block;
  max-height: 50px; 
  width: auto;
} */

.product-card__special-icon-ll {
    position: absolute;
    top: calc(var(--badge-list-height, 0px) + 14px);
    z-index: 2;
    left: 10px;
}

.product-card__special-icon-image {
  display: block;
  max-height: 45px; 
  width: auto;
}

.shopify-section.shopify-section--featured-collections .product-card__special-icon-image {
  display: none;
}

@media (max-width: 749px) {
.product-card__special-icon-ll{
    left: 8px;
    z-index: 13;
}

.product-card__special-icon-image {
  max-height: 2.8rem; 
}
}
/* ------------------------------------------
      Lead Time Note
------------------------------------------ */

.pdp-lead-time-note {
  padding: 12px;
  background: #e5e2d3;
  border-radius: 8px;
  /* border-left: 3px solid #f59e0b; */
  margin: 16px 0;
}

/* ------------------------------------------
      Video Styling
------------------------------------------ */
@media (max-width: 749px) {
  .shopify-section--video {
    padding: 0 16px;
  }
  
  .shopify-section--video video-media,
  .shopify-section--video video {
    border-radius: 12px;
    overflow: hidden;
  }
  
}

/* Small centered video */
.shopify-section--video .content-over-media {
  max-width: 600px;
  margin: 0 auto;
  padding-block-end: var(--section-vertical-spacing-override, var(--section-vertical-spacing));
}

.shopify-section--video video-media > video {
  object-fit: contain;
}

.shopify-section--video video-media > video::-webkit-media-controls {
  display: none !important;
}

/* Zepto Personalized Fields*/
.pplr-font,
.pplr-thread-style,
.pplr-thread-color,
.pplr-monogram-placement{
  display: none !important;
}

/* Lauren's Notes*/
.laurens-note {
  margin-top: 16px;
  padding: 14px 16px;
  background-color: #faf9f7;
  border-left: 3px solid #c9b99a;
  border-radius: 4px;
}
.laurens-note__label {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #888;
  margin: 0 0 6px;
}
.laurens-note__text {
  font-size: 0.95rem;
  font-style: italic;
  color: #444;
  margin: 0;
  line-height: 1.6;
}



/*
 * variant-picker-require-selection.css
 * -------------------------------------
 * Styles for the require-selection UX additions.
 * Add this to your theme's base.css / custom.css, or paste into
 * Online Store > Themes > Edit Code > Assets > base.css (at the bottom).
 */

/* ─── Placeholder dropdown trigger ─────────────────────────────────────────── */

/*
 * .select--unselected is applied to the dropdown trigger button when no real
 * option has been chosen yet. Renders the "Choose [Option]" label in a muted,
 * italicized style so customers can distinguish it from a real selection.
 */
.select--unselected {
  color: var(--color-foreground-muted, #9ca3af);
  font-style: italic;
}

/* ─── Placeholder option inside the popover list ────────────────────────────── */

/*
 * The placeholder radio row inside the popover.
 * Shown until a real value is selected, then hidden via JS.
 */
.popover__value-option--placeholder {
  color: var(--color-foreground-muted, #9ca3af);
  font-style: italic;
  cursor: default;
  pointer-events: none; /* The placeholder isn't a real choice — just a prompt */
}

/* ─── Locked Add to Cart button ─────────────────────────────────────────────── */

/*
 * [data-selection-locked] is added to the ATC button while selections are
 * incomplete. Prestige's own [disabled] styles should handle most of this,
 * but this rule adds a cursor hint for clarity.
 */
[data-selection-locked] {
  cursor: not-allowed;
  opacity: 0.5;
}


@media screen and (min-width: 990px) {
  body:has(.product.password-gated-package) {
  .shopify-section--faq,
  .shopify-section--apps {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }

  .shopify-section--faq {
    padding-right: 2rem;
  }

  .shopify-section--apps {
    padding-left: 2rem;
  }
}
}



/* ─── LITTLE DESIGN STUDIO PASSWORD GATED ─────────────────────────────────────────────── */
.password-gated-package__image {
  width: 100%;
  display: block;
}

.password-gated-package .product-info__block-item {
 display: flex;
 gap: 1rem;
  align-items: end;
}

.password-gated-package .form-control {
width: 100%;
}

.password-gated-package .product-info__block-item button {
height: fit-content;
}

.password-gated-package__button.is-disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.password-gated-package .form-control:has(.select):before {
display: none;
}

.product-order-note{
  display: flex;
    flex-direction: column;
}

.product-order-note textarea{
  border: 1px solid rgb(var(--border-color));
}

/*Multicolumn section*/
.custom-multi-column .multicolumn .section-header {
  max-width: 850px !important;
  width: 100% !important;
}

.custom-multi-column .multicolumn .section-header .prose {
  max-width: none !important;
  width: 100% !important;
}

.custom-multi-column .section-header {
  max-width: 100% !important;
  width: 59% !important;
}

.custom-multi-column .multicolumn .section-header .prose p {
  text-align: center;
}

/* .custom-multi-column multi-column .multi-column__item {
  display: grid;
  align-items: center;
  column-gap: 12px;
} */

.custom-multi-column multi-column .multi-column__item {
  display: flex;
  align-items: center;
  column-gap: 1.5rem;
}

.custom-multi-column multi-column .multi-column__item .overflow-hidden {
  grid-column: 1;
  grid-row: 1;
}

.custom-multi-column multi-column .multi-column__item .prose {
  grid-column: 2;
  grid-row: 1;
  text-align: left;
}

.custom-multi-column multi-column .multi-column__item img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  object-fit: cover;
}

.custom-multi-column multi-column .multi-column__item .prose p.h3 {
  color: #d71920;
}

.custom-multi-column multi-column a.link {
  text-decoration: none !important;
  background: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.custom-multi-column .multi-column__item .prose a.link {
  font-weight: 500 !important;
  -webkit-font-smoothing: auto !important;
}

.custom-multi-column multi-column a.link::before,
.custom-multi-column multi-column a.link::after {
  display: none !important;
  content: none !important;
}

@media screen and (max-width: 749px) {
  .custom-multi-column multi-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 40px !important;
  }
  image-with-text {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    overflow: visible !important;
  }

  image-with-text .prose {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  image-with-text picture {
    width: 100% !important;
  }
  image-with-text picture img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }

  image-with-text picture {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

  .custom-multi-column .multi-column__item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px;
    text-align: left !important;
  }

  .custom-multi-column .multi-column__item .overflow-hidden {
    flex-shrink: 0;
  }

  .custom-multi-column .multi-column__item .prose {
    order: 2 !important;
    text-align: left !important;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    gap: .3rem;
  }

  .custom-multi-column .multi-column__item img {
    width: 140px !important;
    height: 140px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin-bottom: 16px !important;
  }

  .custom-multi-column .multi-column__item img {
    margin-bottom: 8px !important;
  }

  .custom-multi-column .multicolumn .button-group {
    margin-top: 10px !important;
  }
}
.custom-multi-column .scroll-dots,
.custom-multi-column .scroll-dot,
.custom-multi-column button.scroll-dot {
  display: none !important;
}

  .custom-multi-column .multi-column__item .prose h3,
.custom-multi-column .multi-column__item .prose p.h3,
.custom-multi-column .multi-column__item .prose a.link {
  margin-block: 0 !important;
  line-height: 1.5 !important;
}
.custom-multi-column .multicolumn .section-header .prose * + * {
  margin-top: 0.75rem !important;
}

/* image with text section */
.image-with-text {
  max-width: 1400px;
  margin: 0 auto;
  background: #d8e9fa;
  padding: 25px 0; /* add vertical padding */
}

/* .image-with-text img {
  max-width: 680px;
} */

.image-with-text img {
  max-width: 100%;
}

.image-with-text__content {
  padding-right: 0 !important;
}

.image-with-text__content h2 {
  font-size: 22px;
}

.image-with-text__content p {
  font-size: 13px;
  line-height: 1.5;
}

.image-with-text .prose hr {
  margin-top: 8px !important;
  margin-bottom: 4px !important;
}

.image-with-text .h6:first-of-type {
  color: #e53935 !important;
}

.image-with-text .prose > p {
  margin-block: 4px !important;
}
.image-with-text .prose > div {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media screen and (max-width: 749px) {
  .image-with-text .prose > div,
  .image-with-text .prose > p,
  .image-with-text .prose ul {
    max-width: 100% !important;
    text-align: left;
  }
  .image-with-text {
    padding-bottom: 40px;
    max-width: 90vw;
  }
}
.iwt-tabs {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 16px;
  border-bottom: none;
  width: auto !important;
}

.iwt-tab-btn {
  display: inline-block !important;
  white-space: nowrap;
  background: none;
  border: none;
  padding: 4px 0 6px 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  cursor: pointer;
  color: #aaa;
  transition: color 0.2s;
}

.iwt-tab-btn.active {
  color: #111; /* active = black */
}
.image-with-text .prose ul li::marker {
  font-size: 7px;
}

.custom-multi-column .multi-column__item .prose p.h3 {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 16px !important;
}

.custom-multi-column .multi-column__item .prose a.link {
  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
}
.image-with-text .prose p.h6:first-of-type {
  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}
/*How to Book section*/
.how-to-book{
  padding-left: 126px !important;
}
@media screen and (max-width: 749px) {
  .how-to-book {
    padding-left: 0 !important;
  }
}
.how-to-book .h5 {
  text-transform: none !important;
}

.how-to-book h2 {
  font-size: 2.15rem !important;
  line-height: 0.8 !important;
}

.how-to-book .section-header .h2 {
  font-size: 1rem !important; 
}

.how-to-book .multi-column__item {
  background: #e7e4d6;
  padding: 32px 12px;
  max-width: 500px !important;
  height: 200px !important;
  display: flex !important;
  align-items: flex-start !important;
  padding-left: 2.25rem !important;
}

.how-to-book multi-column {
  display: flex;
  flex-direction: column;
  gap: 24px !important;
}

/* Put How to Book and form side by side */
.shopify-section:has(.custom-form),
.shopify-section:has(.how-to-book) {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

@media screen and (max-width: 749px) {
  .shopify-section:has(.custom-form),
  .shopify-section:has(.how-to-book) {
    display: block;
    width: 100%;
  }
}

/* Stack the how-to-book cards vertically */
.how-to-book multi-column {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._gridItem_1q1d2_172._gridItemContent_1q1d2_257 section._formHeader_jnbzb_24 {
    text-align: left !important;
}

._gridItem_1q1d2_172._gridItemContent_1q1d2_257 h2._textHeading_2aowh_35 {
    text-align: left !important;
}

@media screen and (min-width: 750px) {
  .shopify-section:has(.custom-form) {
    /* padding-top: 80px; */
    padding-top: 35px;
    padding-right: 30px;
  }
}

.how-to-book multi-column {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media screen and (max-width: 749px) {
  .how-to-book .multi-column__item h2 {
    font-size: 22px !important;
    line-height: 0.8 !important;
    letter-spacing: 1px !important;
  }
.how-to-book .scroll-dots {
    display: none !important;
  }
}

@media screen and (max-width: 749px) {
  .shopify-section:has(.custom-form) {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

.slideshow {
  position: relative;
}

.slideshow-prev,
.slideshow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
}

.slideshow-prev {
  left: 20px;
}

.slideshow-next {
  right: 20px;
}
.custom-slideshow-text {
  background-image: url('/cdn/shop/files/border-line-img.png?v=1783015195');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: rgb(229 226 211);
  display: inline-block;
  padding: 32px 30px;
  text-align: center;
  color: #222 !important;
  font-size: 0.875rem;
  line-height: 1.6;
  /* max-width: 320px; */
  text-transform: none !important;
}
.custom-slideshow-text p {
  text-transform: initial;
}

#collection-boxes {
    padding-top: 1rem;
}
#shopify-section-template--21060619174023__featured_collections_7cDC6G .section-spacing {
    padding-top: 0;
}
.content-slider__content .button {
    color: black;
}
.custom-multi-column multi-column .multi-column__item .prose {
    width: 220px;
}
.multi-column {
    max-width: 80%;
    margin-inline: auto;
}
@media screen and (max-width: 1600px) {
  .multi-column {
    max-width: 100%;
    margin-inline: auto;
}
}
@media screen and (max-width: 1200px) {
  .custom-multi-column multi-column .multi-column__item .prose {
    width: 150px;
  }
  #collection-boxes .container{
    margin: 0;
  }
}
@media screen and (max-width: 749px) {
  .custom-slideshow-text {
    padding: 20px 24px !important;
    font-size: 0.8rem !important;
    /* max-width: 300px !important; */
  }
  #shopify-section-template--21060619174023__slideshow_n7YEhD .h1.slideshow__heading {
    font-size: 1rem;
}
}
/* Hide slideshow dots */
.custom-card-description .page-dots {
  display: none !important;
}

/* Position arrows */
.custom-card-description .slideshow-prev,
.custom-card-description .slideshow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
}

.custom-card-description .slideshow-prev {
  left: 24px;
}

.custom-card-description .slideshow-next {
  right: 24px;
}

@media screen and (max-width: 749px) {
.custom-card-description .slideshow-prev {
  left: 5px;
}
.custom-card-description .slideshow-next {
  right: 5px;
}
}
/* Hide slideshow dots */
.custom-card-description .page-dots {
  display: none !important;
}

/* FAQs */
.custom-faq {
  padding-top: 40px;
}

.custom-faq .section-header {
  text-align: left !important;
  justify-self: start !important;
}

.custom-faq .faq__category.h4 {
  text-transform: none !important;
  letter-spacing: normal !important;
}

.custom-faq .section-header .h2,
.custom-faq .section-header h2 {
  font-size: 2.5rem !important;
  line-height: 1 !important;
}

.custom-faq .container--md {
  max-width: 1600px !important;
}

.custom-faq .faq__content {
  flex-basis: 100% !important;
  max-width: 1400px !important;
}

/*Chevron icon for FAQ - rotates when opened*/
.custom-faq .animated-plus {
  width: auto !important;
  height: auto !important;
}

.custom-faq .animated-plus::before,
.custom-faq .animated-plus::after {
  display: none !important;
}

.custom-faq .animated-plus {
  width: 20px !important;
  height: 20px !important;
  background-image: url('/cdn/shop/files/keyboard_arrow_up.svg?v=1780598483');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.custom-faq .animated-plus {
  transform: rotate(180deg);
}

.custom-faq details[open] .animated-plus {
  transform: rotate(0deg);
}

/*Still have questions - after FAQ section*/
#contact-us-cta .prose {
  width: fit-content !important;
  margin-left: auto !important;
  margin-right: 10% !important;
  text-align: right !important;
  gap: 10px !important;
}

#contact-us-cta .container {
  max-width: 100% !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

#contact-us-cta .container--xs {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

#contact-us-cta .h2,
#contact-us-cta .prose .h2 {
  text-transform: none !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
}

#contact-us-cta .h6,
#contact-us-cta .prose .h6 {
  font-size: 12px !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* Spacing between elements */
#contact-us-cta .prose > * {
  margin-block: 8px !important;
}

/* Contact us button */
#contact-us-cta .button {
  text-transform: none !important;
  border-radius: 999px !important;
  width: auto !important;
  min-width: unset !important;
  padding: 8px 22px !important;
  font-size: 12px !important;
  letter-spacing: 0;
}
#contact-us-cta .button::before{
  display: none;
}
#contact-us-cta .button:hover{
  color: #000;
  border-color: #000;
}

/* Book Consultation button */
#book-a-consultation .button {
  background: transparent !important;
  border: none !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: fit-content !important;
  color: #000 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: 1rem !important;
}

#book-a-consultation .button::after {
  content: "";
  width: 80px;
  height: 12px;
  margin-top: 6px;
  background-image: url("/cdn/shop/files/Layer_1.svg?v=1780602775");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#book-a-consultation .button::after {
  display: none;
}
.image-with-text .prose > div:nth-of-type(2) > p {
  border-bottom: 1px solid #000;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.image-with-text .prose p:has(em) {
  margin-top: 1rem !important;
  margin-bottom: .5rem !important;
}

.image-with-text li {
  list-style-position: outside;
  padding-left: 0.5rem;
}

.image-with-text ul {
  padding-left: 2rem;
}
.image-with-text .prose {
  max-width: 520px !important;
}

.prose.text-center div ul:last-child {
    margin-top: 0;
}

.prose.text-center div ul br {
    display: none;
}

@media screen and (max-width: 749px) {
  #contact-us-cta .container {
    padding-left: 120px !important;
    padding-right: 0px !important;
    max-width: 100% !important;
  }
}

/*PDP*/

/* FAQs same styling as design page*/
.custom-pdp-faq .section-header {
  text-align: left !important;
  justify-self: start !important;
}

.custom-pdp-faq .faq__category.h4 {
  text-transform: none !important;
  letter-spacing: normal !important;
}

.custom-pdp-faq .section-header .h2,
.custom-pdp-faq .section-header h2 {
  font-size: 2.5rem !important;
  line-height: 1 !important;
}

.custom-pdp-faq .container--md {
  max-width: 1600px !important;
}

.custom-pdp-faq .faq__content {
  flex-basis: 100% !important;
  max-width: 1400px !important;
}

.custom-pdp-faq .animated-plus::before,
.custom-pdp-faq .animated-plus::after {
  display: none !important;
}

.custom-pdp-faq .animated-plus {
  width: 20px !important;
  height: 20px !important;
  background-image: url('/cdn/shop/files/keyboard_arrow_up.svg?v=1780598483');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(180deg);
}

.custom-pdp-faq details[open] .animated-plus {
  transform: rotate(0deg);
}


/* Still have questions - after FAQ section */
#custom-pdp-contact-us .prose {
  width: fit-content !important;
  margin-left: 8% !important;
  margin-right: auto !important;
  text-align: left !important;
  gap: 10px !important;
}

#custom-pdp-contact-us .container {
  max-width: 100% !important;
  padding-left: 0px !important;
  padding-right: 40px !important;
}

#custom-pdp-contact-us .container--xs {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

#custom-pdp-contact-us .h2,
#custom-pdp-contact-us .prose .h2 {
  text-transform: none !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
}

#custom-pdp-contact-us .h6,
#custom-pdp-contact-us .prose .h6 {
  font-size: 12px !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/*Button spacing*/
#custom-pdp-contact-us .prose > * {
  margin-block: 8px !important;
}
/*Contact us button*/
#custom-pdp-contact-us .button {
  text-transform: none !important;
  border-radius: 999px !important;
  width: auto !important;
  min-width: unset !important;
  padding: 8px 22px !important;
  font-size: 12px !important;
  letter-spacing: 0;
}
#custom-pdp-contact-us .button::before{
  display: none;
}
#custom-pdp-contact-us .button:hover{
  color: #000;
  border-color: #000;
}

.package-pill:hover {
    background: #d9e6f7 !important;
    border-color: #d9e6f7 !important;
}

.custom-pdp-faq .container--md {
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 126px !important;
  padding-right: 126px !important;
}

.custom-pdp-faq .faq__content {
  max-width: 100% !important;
  margin: 0 !important;
}

.custom-pdp-faq .section-header {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.prose.text-center button[style*="font-size: 13px"][style*="text-transform: uppercase"] {
  color: rgb(17, 17, 17) !important;
  font-weight: 400 !important;
  border-bottom: 2px solid transparent !important;
  padding-bottom: 4px;
  text-transform: capitalize !important;
}

.prose.text-center button[style*="font-size: 13px"][style*="font-weight: 500"] {
  text-decoration: underline;
}

#shopify-section-template--21060618649735__main .badge--tag-image {
  display: none !important;
}

.badge-list--vertical {
    flex-direction: column-reverse;
}

/* Tag Image Badges */
.badge--tag-image {
  display: block;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  line-height: 0;
  /* position: absolute; */
  /* top: 5px; */
}

.badge--tag-image img {
  width: 55px;
  height: auto;
  display: block;
}

/* .badge-list .final-sale {
    display: none;
}

body.sale .badge-list .final-sale {
    display: block;
} */

.image-with-text .accordion .h6:first-of-type {
    color: black !important;
}
.image-with-text .accordion {
    border-color: black;
    display: none;
    margin-top: 0rem;
}
.image-with-text .accordion__content.prose {
    margin-bottom: 1rem !important;
    margin-top: 0rem;
}

#multi-column-template--21060619436167__multi_column_9x8TAC {
    display: none;
}

#tier-1, #tier-2, #tier-3, #tier-4 {
    padding-bottom: 3rem;
}

#tier-1 .image-with-text picture, #tier-2 .image-with-text picture, #tier-3 .image-with-text picture, #tier-4 .image-with-text picture {
    padding-inline: 0.5rem;
}

#tier-1 .image-with-text, #tier-2 .image-with-text, #tier-3 .image-with-text, #tier-4 .image-with-text {
    background: linear-gradient(to right, #d8e9fa 50%, transparent 50%);
}

#tier-banner .multi-column {
    display: none !important;
}

/* FAQs mobile*/

@media screen and (min-width: 750px) {
  .custom-pdp-faq .container--md {
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 126px !important;
    padding-right: 126px !important;
  }

  .custom-pdp-faq .faq__content {
    flex-basis: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}

@media screen and (max-width: 749px) {
  .custom-pdp-faq .container--md {
    padding-left: 20px !important;
    padding-right: 20px !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .custom-pdp-faq .faq__content {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .custom-pdp-faq .section-stack {
    display: block !important;
    width: 100% !important;
  }
  .custom-multi-column .section-header {
    max-width: 100% !important;
    width: 100% !important;
}
.image-with-text .prose {
    margin-bottom: 0;
}
.how-to-book .multi-column__item {
    height: auto !important;
}
.shopify-section--image-with-text .image-with-text {
    padding-bottom: 25px;
}
#shopify-section-template--21060619436167__slideshow_P89UJf .custom-card-description .slideshow-prev, #shopify-section-template--21060619436167__slideshow_P89UJf .custom-card-description .slideshow-next {
    display: none;
}
.image-with-text .accordion {
    display: block;
}
/* .image-with-text .prose > div:has(> div[style*="flex-flow: row"]) {
    display: none;
} */
  .image-with-text .prose > div:nth-of-type(2) > p {
    border: unset !important;
}
#tier-1 .image-with-text, #tier-2 .image-with-text, #tier-3 .image-with-text, #tier-4 .image-with-text {
    background: #d8e9fa;
}
#multi-column-template--21060619436167__multi_column_9x8TAC {
    display: none !important;
}
}

@media screen and (max-width: 999px) {
/* .section-stack .multi-column {
    display: flex;
    gap: 1rem;
    width: 100%;
} */
.how-to-book {
    padding-left: 0 !important;
}
}

@media screen and (max-width: 840px) {
/* .section-stack .multi-column {
    display: flex;
    flex-direction: column;
    width: 100%;
} */
.custom-multi-column multi-column .multi-column__item .prose {
        width: 50%;
    }
.custom-multi-column multi-column .multi-column__item {
    display: flex;
    gap: 1.5rem;
}
}
/* ===================================================================
   Mobile tap-target + overlay fixes — 2026-09-16 (Eric)
   Evidence: PostHog 5-day dead-click analysis + mobile viewport testing.
   See lrs-mobile-guest-checkout-qa-2026-09-16.md
   Rollback: delete this block. Backup at custom.css.BACKUP-2026-09-16
   =================================================================== */

/* 1. Floating wishlist button overlaps the cart drawer and the quick-add
      modal on mobile. 35 dead clicks in 5 days, the largest single source
      on the site. It covers 34% of Add to Cart at 412x730 and covers the
      "View Cart" link in the drawer at every mobile size.
      html.lock is the theme's own signal that a drawer or modal is open. */
html.lock .st-wishlist-details-button {
  display: none !important;
}

/* 2. Header cart icon is a 22x22 tap target, half the 44x44 platform
      minimum. Pseudo-element enlarges the hit area without moving
      anything visually. */
.header__cart-link > a {
  position: relative;
}

.header__cart-link > a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%);
}

/* 3. Variant picker option rows are 23px tall with a 12px gap on the
      mobile bottom sheet. 30 dead clicks in 5 days on "Choose Rug Size",
      "Choose Color", "Taupe", "9 X 12" and similar. The picker works;
      the rows are just too small to hit. Only applies below the 1000px
      breakpoint where the picker renders as a bottom sheet. */
@media screen and (max-width: 999px) {
  .popover__value-list > * {
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  .popover__value-option {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}

   Header cart dot + wishlist button color. 2026-09-18 (Eric)
   Rollback: delete this block and the <cart-count> inside <cart-dot>
   in sections/header.liquid.
   =================================================================== */

/* Cart dot shows the item count: brand red, white number (Shelby mockup). */
.header__cart-dot {
  width: auto;
  min-width: 1rem;
  height: 1rem;
  padding: 0 .25rem;
  background-color: #d04745;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 1rem;
  text-align: center;
  inset-block-start: -.375rem;
  inset-inline-end: -.5rem;
}

/* Swishlist writes its colors inline and stores them per theme, so every
   new or duplicated theme falls back to its black default. Pinning the
   colors here makes them travel with the theme. Beige button, red heart,
   red count badge (Shelby mockup). */
.st-wishlist-details-button {
  background-color: #e5e2d3 !important;
  color: #1c1c1c !important;
  border-radius: 0 !important;
}

.st-wishlist-details-button .st-wishlist-icon,
.st-wishlist-details-button .st-wishlist-icon use {
  color: #d04745 !important;
  fill: #d04745 !important;
}

.st-wishlist-details-button .st-number {
  --bg-color: #d04745 !important;
  --color: #fff !important;
}

/* ===================================================================
   Design Studio tier spacing. 2026-10-20 (Eric)
   Lauren: too much scrolling on laptop, dead space in the blue sections.
   Prestige's image-with-text has no image size setting, so each tier is
   as tall as its square collage at half the screen width (624px at
   1280px wide) while the text is 360-575px. Cap the image height on
   desktop and tighten the gaps between tiers on mobile.
   Rollback: delete this block.
   =================================================================== */
@media screen and (min-width: 700px) {
  :is(#tier-1, #tier-2, #tier-3, #tier-4) .image-with-text img {
    max-height: min(65vh, 480px);
    object-fit: contain;
  }
}

@media screen and (max-width: 699px) {
  :is(#tier-1, #tier-2, #tier-3, #tier-4) {
    padding-bottom: 1.5rem;
  }
}