.color-pop .color-choices > *,
#collapse_envelope_color ul li,
#collapse_pocket_color ul li {
  cursor: pointer;
  margin-bottom: 2%;
}
.color-pop .color-choices {
  margin-right: 0.5rem;
}
#collapse_envelope_color,
#collapse_pocket_color {
  margin: 8px 0 18px;
  padding: 6px 8px;
  background: #fff;
  border: 1px solid #e2e3e4;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
#collapse_pocket_color {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  visibility: visible;
  z-index: 20;
}
@media screen and (min-width: 769px) {
  #collapse_envelope_color,
  #collapse_pocket_color {
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}
/* Mobile: render the envelope/pocket named-colour picker as a full-width bottom-sheet
   overlay (above the COLOR/ADDRESS tabs) with a circular top-right X-close — matching the
   loadPicker `.color-pop.bi-mobile` presentation the Back/Front pickers use (the reference).
   Without this the picker sat in-flow (position:static / pocket:relative) and rendered
   behind the mobile colour panel. Gated on `.open-mobile-controls` (only added in mobile)
   AND a max-width query; `!important` + id+class specificity beat the
   `#collapse_pocket_color{position:relative!important}` rule above. Desktop is untouched. */
@media screen and (max-width: 768px) {
  #collapse_envelope_color.open-mobile-controls,
  #collapse_pocket_color.open-mobile-controls {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: unset !important;
    width: 100% !important;
    height: auto;
    max-height: 70vh;
    z-index: 999999999999;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 3.5em;
    box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.12);
  }

  #collapse_envelope_color{
    height: 0;
    margin-bottom: 0;
    transition: all .6s ease;
  }

  #collapse_envelope_color.open-mobile-controls{
    padding-top: 5.5em;
    height: 60vh !important;
    overflow-y: auto;
  }

  #collapse_envelope_color.open-mobile-controls > i.indicator-arrow,
  #collapse_pocket_color.open-mobile-controls > i.indicator-arrow {
    display: none;
  }

  #collapse_pocket_color.open-mobile-controls .close-color-popup {
    position: absolute;
    top: 0.6em;
    right: 1em;
    left: auto;
    width: auto;
    margin: 0;
    padding: 0;
    background: none;
    z-index: 2;
  }
  #collapse_pocket_color.open-mobile-controls .close-color-popup a.btn {
    width: auto;
    min-width: 0;
    padding: 0.9em 0.75em;
    border-radius: 50%;
    border: 1px solid #cbcbcb;
    line-height: 0;
    background: #fff;
  }

  #collapse_envelope_color.open-mobile-controls .close-color-popup{
    position: absolute;
        top: 0;
        right: 0;
        left: auto;
        width: auto;
        margin: 0;
        padding: 0;
        background: none;
        z-index: 2;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        background-color: #f7f8f6;
        padding: .5em;
        z-index: 2;
        width: 100%;
  }


  #collapse_envelope_color.open-mobile-controls .close-color-popup a.btn{
    min-width: 0;
    padding: 14px;
    border-radius: 50%;
    border: 1px solid #cbcbcb;
    line-height: 0;
    background: #fff;
    margin: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
  }

  #collapse_envelope_color.open-mobile-controls .close-color-popup a.btn span,
  #collapse_pocket_color.open-mobile-controls .close-color-popup a.btn span {
    display: none;
  }
  #collapse_envelope_color.open-mobile-controls .close-color-popup a.btn:before,
  #collapse_pocket_color.open-mobile-controls .close-color-popup a.btn:before {
    content: 'x';
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    vertical-align: sub;
  }
}

#collapse_envelope_color.open-mobile-controls .close-color-popup a.btn:before{
  position: relative;
        left: 1px;
        top: 2px;
}

body.checkout-cart-configure .quote-item-product-duplicate-notification {
  border-top: 1px solid #cfc9c1;
  border-bottom: 1px solid #cfc9c1;
}

body.checkout-cart-configure .quote-item-product-duplicate-notification .option-container {
  display: grid;
  min-height: 108px;
  grid-template-columns: 100px minmax(0, 1fr);
}

body.checkout-cart-configure .quote-item-product-duplicate-notification h2 {
  display: flex;
  margin: 0;
  padding: 5px 12px;
  align-items: center;
  border-right: 1px solid #cfc9c1;
  color: #263138;
  font-family: Montserrat-regular, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

body.checkout-cart-configure .quote-item-product-duplicate-notification .option-details {
  padding: 22px 28px 13px;
}

body.checkout-cart-configure .quote-item-product-duplicate-notification .alert-warning {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #9a7d62;
}

body.checkout-cart-configure .quote-item-product-duplicate-notification ul {
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  list-style: none;
}

body.checkout-cart-configure .quote-item-product-duplicate-notification li {
  display: inline-block;
  margin: 0 12px 10px 0;
}

body.checkout-cart-configure .quote-item-product-duplicate-notification li.notification-message {
  display: flex;
  width: 100%;
  margin-bottom: 14px;
  align-items: center;
  font-family: Montserrat-regular, sans-serif;
  font-size: 14.4px;
}

body.checkout-cart-configure .quote-item-product-duplicate-notification li:not(.notification-message) a {
  display: inline-block;
  padding: 9px 16px;
  border: 1px solid #a68b72;
  background: #fff;
  color: #9a7d62;
  font-family: Montserrat-regular, sans-serif;
  font-size: 12px;
  letter-spacing: .05em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
}
#collapse_envelope_color h2,
#collapse_pocket_color h2,
#collapse_envelope_color dl,
#collapse_pocket_color dl,
#collapse_envelope_color dt,
#collapse_pocket_color dt,
#collapse_envelope_color dd,
#collapse_pocket_color dd {
  margin: 0;
}
#collapse_envelope_color h2,
#collapse_pocket_color h2 {
  display: none;
}
#collapse_envelope_color ul.options-list,
#collapse_pocket_color ul.options-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#collapse_envelope_color ul.options-list li,
#collapse_pocket_color ul.options-list li {
  display: block;
  margin: 0;
}
#collapse_envelope_color .radio-checkbox-label,
#collapse_pocket_color .radio-checkbox-label,
#collapse_envelope_color .radio-checkbox-label-1,
#collapse_pocket_color .radio-checkbox-label-1 {
  display: block;
}
#collapse_envelope_color .radio-checkbox-label-1,
#collapse_pocket_color .radio-checkbox-label-1 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 7px 10px;
  background: #fff;
  border: 1px solid transparent;
  cursor: pointer;
}
#collapse_envelope_color ul.options-list li.active .radio-checkbox-label-1,
#collapse_pocket_color ul.options-list li.active .radio-checkbox-label-1,
#collapse_envelope_color ul.options-list li:hover .radio-checkbox-label-1,
#collapse_pocket_color ul.options-list li:hover .radio-checkbox-label-1 {
  border-color: #937C66;
}
#collapse_envelope_color input[type="radio"],
#collapse_pocket_color input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
#collapse_envelope_color .container-swatch-color,
#collapse_pocket_color .container-swatch-color {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  padding: 2px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
}
#collapse_envelope_color .swatch-color,
#collapse_pocket_color .swatch-color {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#collapse_envelope_color .radio-checkbox-text,
#collapse_pocket_color .radio-checkbox-text {
  color: #263138;
  font-size: 12px;
  line-height: 1.1;
}
#collapse_envelope_color .price-notice,
#collapse_pocket_color .price-notice {
  display: block;
  color: #777;
  font-size: 11px;
}
#collapse_envelope_color .price-notice .price,
#collapse_pocket_color .price-notice .price {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.color-pop .color-choices li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
@media screen and (max-width: 769px) {
  #collapse_envelope_color ul li,
  #collapse_pocket_color ul li {
    width: 45%;
    padding-right: 5px;
    padding-left: 4px;
  }
  #collapse_envelope_color ul li{
    width: auto;
  }

}
@-moz-document url-prefix() {
  .color-pop .color-choices > * span {
    border: 1px solid #ddd;
  }
}
.color-boxes .color-box_sel:focus,
.color-boxes .color-box_sel:focus-within,
.color-boxes .color-box_sel:hover,
.color-boxes .color-box_sel:active,
.color-boxes .color-box_sel:focus-visible {
  outline-color: #937C66;
  border-style: solid;
}
.color-boxes .color-box_sel .color-box:hover {
  border-style: solid;
  border-color: #937C66;
}
.color-pop .color-choices .active label,
.color-pop .color-choices > *:hover label,
#collapse_envelope_color ul li:hover .radio-checkbox-text,
#collapse_pocket_color ul li:hover .radio-checkbox-text {
  font-weight: bold;
}
.color-pop .color-choices > *:hover span,
#collapse_envelope_color ul li:hover .swatch-color,
#collapse_pocket_color ul li:hover .swatch-color {
  border: 1px #937C66 solid;
}
.color-pop {
  position: absolute;
  width: auto;
  /* needs to be above contact-us menu*/
  z-index: 999;
}
@media screen and (max-width: 769px) {
  .color-pop {
    position: fixed;
    height: 100vh;
    width: 100%;
    left: 0;
    z-index: 20002;
    top:0;
  }
}
.color-pop.bi-mobile {
  position: fixed;
  height: 0;
  width: 100%;
  left: 0;
  bottom: -100%;
  z-index: 20002;
  top: unset;
  transition: all ease 0.5s;
  z-index: 999999999999;
  background-color: white;
}
.color-pop.bi-mobile.open-mobile-controls {
  height: 70vh;
  bottom: 0;
}
.color-pop.bi-mobile .color-container-sticky {
  display: none;
}
.color-pop .color-pop-container {
  border-top: none;
}
.color-pop .color-popup-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  background-color: #f7f8f6;
  border: 1px solid #e2e3e4;
  padding: 0.5em 1em;
}
.color-pop .color-popup-header .close-color-popup {
  display: inline-block;
}
.color-pop .color-popup-header .close-color-popup a.btn {
  padding: 1em 0.75em;
  border-radius: 50%;
  font-family: Montserrat-Regular, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-weight: 400;
  border: 1px solid #CBCBCB;
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .color-pop .color-popup-header .close-color-popup a.btn {
    padding: 1em 0.75em;
    letter-spacing: 0;
    font-size: 0.8rem;
  }
}
.color-pop .color-popup-header .close-color-popup a.btn:before {
  content: 'x';
  vertical-align: sub;
  text-transform: uppercase;
  font-weight: normal;
  font-family: 'Helvetica', sans-serif;
  top: -1px;
  position: relative;
}
.color-pop .color-popup-header .close-color-popup a.btn span {
  display: none;
}
.color-pop #recent-colors {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: none;
  padding: 1em;
  border: none;
  box-shadow: none;
}
.color-pop .bi-recent-colors {
  display: flex;
  justify-content: flex-start;
  padding: 0;
  flex-wrap: wrap;
  background-color: transparent !important;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .color-pop .bi-recent-colors {
    padding: 1em 0 1em 1.5em;
  }
}
.color-pop .bi-recent-colors h2 {
  padding: 0 !important;
  font-family: FilosofiaAllSmaCap, Didot, Bodoni MT, Palatino, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  letter-spacing: .075em;
  color: #000;
  line-height: 1;
}
.color-pop .bi-recent-colors #recent-colors {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 0;
}
.color-pop .bi-recent-colors #recent-colors li.color-box_sel {
  aspect-ratio: 1/1;
  padding: 1.25em !important;
  margin: 0;
  border-radius: 50%;
}
.color-pop .bi-recent-colors #recent-colors li.color-box_sel:not(:last-of-type) {
  margin-right: 0.5em;
}
.color-pop .color-container {
  padding-top: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 0 0 1px 0;
  height: 285px;
}
@media screen and (max-width: 768px) {
  .color-pop .color-container .color-choices li .foil-price {
    display: none;
  }
}
.color-pop .color-container-sticky {
  padding-top: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 0 0 1px 0;
  border-bottom: 1px solid #eeeeee;
}
@media only screen and (max-width: 736px) {
  .color-pop .color-container-sticky {
    margin: 0 4px 1px 0;
  }
}
.color-pop .color-container-sticky .color-choices li {
  width: auto;
  padding: 0.25em 0.5em;
  margin-bottom: 1%;
  margin-top: 1%;
}
@media screen and (max-width: 768px) {
  .color-pop .color-container-sticky .color-choices li {
    width: 33.333%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.color-pop .color-container-sticky .color-choices li.notice {
  display: flex;
  justify-content: center;
  align-items: center;
}
.color-pop .color-container-sticky .color-choices li.notice.show-foil-popup {
  font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
  font-weight: normal;
  font-style: normal;
}
.color-pop .color-container-sticky .color-choices li.notice.show-foil-popup a.how-to-link {
  margin-left: 0.5em;
}
.color-pop .color-container-sticky .color-choices li.notice.show-foil-popup a.how-to-link span.question-mark-icon {
  border: none;
}
@media screen and (max-width: 768px) {
  .color-pop .color-container-sticky .color-choices li .foil-price {
    display: none;
  }
}
.color-pop .color-message {
  padding: 10px;
  font-size: 11px;
  clear: both;
}
.color-pop .color-scroll {
  font-size: 0.85em;
  text-align: center;
  clear: both;
  width: 100%;
  padding: 1px 0;
  background: #f7f8f9;
  border: 1px solid #CACACA;
}
.color-pop .color-choices {
  margin-left: 1em;
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 736px) {
  .color-pop .color-choices {
    margin: 0;
    padding: 0.5em;
  }
}
.color-pop .color-choices:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  clear: both;
}
.color-pop .color-choices > * {
  flex: none !important;
  border-color: white;
  box-shadow: none;
  text-shadow: none;
  border-style: none;
  background-color: white;
  width: 25%;
  border-radius: 0.25em;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .color-pop .color-choices > * {
    width: 33.3333%;
    padding: 0.5em;
    text-align: center;
    margin: 0;
  }
}
.color-pop .color-choices > *:hover,
.color-pop .color-choices > *:focus {
  border: none;
  outline: none;
}
.color-pop .color-choices > * span {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #e2e3e4;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 1px;
  aspect-ratio: 1/1;
  outline: 1px solid transparent;
  outline-offset: 1px;
}
.color-pop .color-choices > * span.foil-price {
  display: inline;
  border: none;
  width: auto;
  height: auto;
  vertical-align: middle;
  padding: 0;
  outline: none;
  aspect-ratio: unset;
  padding-left: 0.25em;
  font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
  font-weight: normal;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .color-pop .color-choices > * span {
    width: 25px;
    height: 25px;
  }
}
.color-pop .color-choices > * label {
  font-weight: normal;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
  display: block;
  margin: 0 0 0 4px;
  width: auto;
  text-transform: capitalize;
  font-size: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.color-pop .color-choices > *.active {
  border-radius: 0.25rem;
  border: none;
  overflow: visible;
}
.color-pop .color-choices > *.active:focus {
  outline: none;
}
.color-pop .color-choices > *.active span {
  border-color: #eeeeee;
  outline-color: #937C66;
}
.color-pop .color-pop-container {
  height: 100%;
  border: 1px solid #e2e3e4;
  -moz-box-shadow: 0px 3px 5px #DDD;
  -webkit-box-shadow: 0px 3px 5px #DDD;
  box-shadow: 0px 3px 5px #DDD;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}
.color-pop .color-pop-container .color-container-sticky {
  flex-shrink: 0;
  display: none;
}
.color-pop .color-pop-container .color-container {
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
@media screen and (max-width: 769px) {
  .color-pop .color-pop-container .color-container {
    padding-bottom: 25vh;
  }
}
.color-pop .color-pop-container .bi-recent-colors {
  background-color: #F7F8F6;
  flex-shrink: 0;
  text-align: center;
  padding: 12px 12px 8px 12px;
  box-sizing: border-box;
  border-bottom: 1px solid #e2e3e4;
  width: 100%;
  margin-bottom: 1px;
}
.color-pop .color-pop-container .bi-recent-colors ul {
  padding: 0;
  margin: 3px 3px 0 3px;
  justify-content: space-around;
}
.color-pop .color-pop-container .bi-recent-colors ul li {
  flex: none !important;
  overflow: hidden;
  width: auto;
  height: auto;
  border: 1px solid #e2e3e4;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  padding: 3%;
  margin: 0 1%;
}
@media screen and (max-width: 769px) {
  .color-pop .color-pop-container .bi-recent-colors ul li {
    padding: 4.5%;
  }
}
.stext-container .color-picker-container {
  clear: both;
  position: relative;
}
.stext-container .color-picker-container:after {
  content: "";
  display: block;
  clear: both;
}
.stext-container .color-picker-container .color-pop {
  margin-bottom: 0;
  width: 100%;
}
.stext-container .color-picker-container .color-pop:after {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  font-size: 0.85em;
}
.stext-container .color-picker-container .color-pop .color-pop-container {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media only screen and (max-width: 736px) {
  .color-container-sticky .color-choices {
    justify-content: center;
  }
}
.active-panel-colors {
  display: flex;
  justify-content: flex-start;
  margin-top: 1em;
  margin-bottom: 1em;
  flex-wrap: wrap;
  border-bottom: 1px solid #eeeeee;
}
.active-panel-colors .swatch-toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
  flex-basis: calc(25% - 2em - 10px);
  padding: 5px;
}
.active-panel-colors .swatch-toggle i {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #E2E3E4;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 1px;
  aspect-ratio: 1;
  outline: 1px solid transparent;
  outline-offset: 1px;
}
.active-panel-colors .swatch-toggle label {
  font-weight: 400;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
  display: block;
  margin: 0 0 0 4px;
  width: auto;
  text-transform: capitalize;
  font-size: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.active-panel-colors .swatch-toggle.active {
  background-color: #F7F8F6;
}
.active-panel-colors .swatch-toggle.active i {
  border-color: #937C66;
}
.active-panel-colors .swatch-toggle.active label {
  font-weight: bold;
}
.flex-nav {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  box-sizing: border-box;
}
.font-pop {
  z-index: 3;
  border-radius: 0;
  border-top: 1px solid;
  border-color: #eeeeee;
  position: relative;
  clear: both;
  margin: 0;
  width: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  .font-pop {
    display: flex;
    flex-direction: column;
    height: calc(100%);
    position: fixed;
    top: 0;
    left: 0;
    min-width: 186px;
    margin: 0;
    padding: 0;
  }
}
.font-pop .font-list {
  margin: 0;
  background-color: #FFFFFF;
  position: relative;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px 0;
}
.font-pop .font-list:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  width: 0;
}
.font-pop .font-list ul {
  height: 270px;
  overflow-x: hidden;
  overflow-y: scroll;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #eeeeee;
  background-color: #ffffff;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .font-pop .font-list ul {
    box-sizing: border-box;
    height: initial;
    border: none;
  }
  .font-pop .font-list ul:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25px;
    background: linear-gradient(#ffffff, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    z-index: 1;
  }
  .font-pop .font-list ul:after {
    content: '';
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), #ffffff);
    z-index: 1;
  }
}
.font-select {
  width: 33.333%;
  float: left;
}
.font-select.active,
.font-select:focus {
  background-color: #937C66;
}
.font-select.active a,
.font-select:focus a,
.font-select.active span,
.font-select:focus span {
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .font-select:hover,
  .font-select:focus {
    background-color: #937C66;
  }
  .font-select:hover a,
  .font-select:focus a,
  .font-select:hover span,
  .font-select:focus span {
    color: #ffffff;
  }
}
@media screen and (max-width: 768px) {
  .font-select {
    width: 50%;
  }
}
.font-select a span {
  height: 30px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 4px 0 4px;
}
.font-img {
  background-size: cover;
  background-repeat: no-repeat;
  height: 30px;
  width: 130px;
  /* size of the background image */
  max-width: 130px;
  min-width: 130px;
  display: table-cell;
}
.font-scroll {
  font-size: 0.85em;
  position: absolute;
  bottom: 0;
  text-align: center;
  color: #fff;
  width: 100%;
  padding: 2px 0px 2px 0px;
  background: #aaa;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
}
@media only screen and (max-width: 768px) {
  .font-scroll {
    display: none;
  }
}
.font-selection span {
  display: inline-block;
  float: left;
  margin: 9px 0 0 0;
}
.font-selection div {
  display: inline-block;
}
@media only screen and (max-width: 365px) {
  .font-selection div {
    display: none;
  }
}
.invitation-order-proof #mobile_section_top {
  display: none;
}
.crop-tool {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}
.crop-tool .crop-tool-container .crop-tool-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}
.movingBorder {
  border: 1px solid;
  border-color: #007aff;
  outline: 1px solid;
  outline-color: #E2E3E4;
}
.clicktextbox,
.clickToEditTextbox,
.movable_element_container,
.photo_overlay {
  display: none !important;
}
.clicktextbox.ui-draggable-dragging,
.clickToEditTextbox.ui-draggable-dragging,
.movable_element_container.ui-draggable-dragging,
.photo_overlay.ui-draggable-dragging,
.clicktextbox:hover,
.clickToEditTextbox:hover,
.movable_element_container:hover,
.photo_overlay:hover,
.clicktextbox:focus,
.clickToEditTextbox:focus,
.movable_element_container:focus,
.photo_overlay:focus {
  background: none;
  border: 1px solid;
  border-color: #007aff;
  outline: 1px solid;
  outline-color: #E2E3E4;
  cursor: grab;
}
.clicktextbox.ui-draggable-dragging:before,
.clickToEditTextbox.ui-draggable-dragging:before,
.movable_element_container.ui-draggable-dragging:before,
.photo_overlay.ui-draggable-dragging:before,
.clicktextbox:hover:before,
.clickToEditTextbox:hover:before,
.movable_element_container:hover:before,
.photo_overlay:hover:before,
.clicktextbox:focus:before,
.clickToEditTextbox:focus:before,
.movable_element_container:focus:before,
.photo_overlay:focus:before {
  display: none;
}
.clicktextbox:active:hover,
.clickToEditTextbox:active:hover,
.movable_element_container:active:hover,
.photo_overlay:active:hover {
  cursor: grabbing;
}
.clicktextbox:focus:before,
.clickToEditTextbox:focus:before,
.movable_element_container:focus:before,
.photo_overlay:focus:before {
  display: none;
}
.clicktextbox.highlight,
.clickToEditTextbox.highlight,
.movable_element_container.highlight,
.photo_overlay.highlight {
  border-color: #263138;
  outline-color: #E2E3E4;
}
.photo_overlay:hover:before {
  background-color: #ffffff;
  opacity: 0.2;
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: ' ';
}
.overlay-start-move,
.ui-draggable-dragging {
  border-color: #336f7f !important;
}
.smart-guide-match {
  border: 1px dotted;
  border-color: #c6c6c6;
  outline: 1px dotted;
  outline-color: #ffffff;
}
.font-btn a.font-selection {
  background: none;
  border: 1px solid transparent;
  width: initial;
  cursor: pointer;
  opacity: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0 13px 0 5px;
  box-sizing: border-box;
  height: 26px;
}
@media only screen and (min-width: 769px) {
  .font-btn a.font-selection {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23888888'><polygon points='0,15 50,65 100,15 85,0 50,37 15,0' /></svg>");
    background-size: 10px;
    background-position: calc(93%) 8px;
    background-repeat: no-repeat;
    padding-top: 0;
  }

 .catalog-product-view .product-info-main.design-editor-open .wishlist-product-duplicate-notification{
    display:none !important; 
}
/* Keep the step navigation visible on Suite while hiding its editing tools.
   M1 parity (basicinvite-m1 js/basicinvite/library/src/ui/catalog/product/product-controls.ts:1702-1796) */
.catalog-product-view .product-info-main.design-editor-open#suite-panel .canvas-toolbar-mirror:not(.s7-editor-header){display: none !important;}

}
.font-btn a.font-selection:after {
  display: none;
  background: none;
}
.font-btn a.font-selection:before {
  border-color: #c6c6c6;
}
.font-btn a.font-selection:hover,
.font-btn a.font-selection.active {
  border-color: transparent;
  color: #333;
  outline: none;
  opacity: 1;
}
.font-btn a.font-selection:hover:after,
.font-btn a.font-selection.active:after {
  border-color: #263138;
  opacity: 1;
}
.stext-container {
  background-color: white;
  left: 0 !important;
  border-color: #c6c6c6;
  /*
   * The Lada text editor popup is mounted with `position:absolute; top:0;
   * width:100%` (text-editor.ts:1568-1578). The containing block is supplied
   * by its parent surface div, which is `position:relative` for every panel
   * type — emitted inline on `.color-controls` by panel-controls.phtml:463
   * for non-Pattern-B panels, by option-driven-surface.phtml:250 for Pattern
   * B envelope/sticker/pocket/liner, and by panel.ts:563 for dynamic rebuilds.
   * The Back panel is the lone exception: text-editor.ts:1560-1561 mounts
   * into the OUTER #back_controls wrapper (not the inner .color-controls),
   * so the containment guarantee is provided by the rule below.
   *
   * z-index:99999 is kept as a defensive belt-and-braces over the mobile
   * `position:fixed bottom:0` branch (text-editor.ts:1550) so the popup
   * sits above any reasonable Tailwind utility (z-50 max in defaults).
   */
  z-index: 99999;
}
body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope) .stext-container {
  z-index: 100002 !important;
}

/*
 * Envelope panel parity: the return-address text-editor popup must NOT overlay
 * the "Select Colors" envelope-colour swatch. text-editor.ts mounts the popup
 * `position:absolute; top:0` inside `.color-controls`, so it paints over its
 * sibling Select Colors widget (`.color-header` + `.color-boxes`) that the
 * envelope surface renders in that same container. M1 shows the popup in normal
 * flow with Select Colors stacked below it (both visible on "Return Address
 * Only" / "Guest and Return"). Flow the popup inline on the envelope surface to
 * restore that. Desktop only — the mobile popup mounts to <body>
 * (text-editor.ts:1568), so this selector never matches there.
 * ponytail: scoped to envelope (the reported, parity-verified case); sticker /
 * pocket / envelope-liner share the Pattern-B .color-controls structure and can
 * take the same override if they ever combine a text popup with Select Colors.
 */
body.catalog-product-view:not(.mobile-view) #panel_controls_envelope .color-controls .stext-container {
  position: relative !important;
  top: auto !important;
}

.stext-container textarea {
  font-size: 12px;
  line-height: 15px;
  padding: 9px;
}

/* Back panel: text-editor.ts mounts the popup directly into #back_controls
   rather than into the inner .color-controls (which all other surfaces use
   via getColorControlContainer). Without a containing block here, the
   popup's `top:0` resolves against the initial containing block and lands
   at viewport top — overlapping the sticky header (BIMP-320, 2026-05-12).
   Containment matches the Design panel behavior. */
#back_controls {
  position: relative;
}

/* M1 parity: product-authored Back Layout messages render when
   card_back_size_msg1/card_back_size_msg2 are present. The legacy fallback
   message is shown on desktop only when Blank/None is selected. */
#panel_controls_back .back-layout-message,
#panel_controls_back .back-layout-blank-message {
  margin: 28px 0 24px;
  padding: 0;
  color: #263138;
}

#panel_controls_back .back-layout-blank-message {
  display: none !important;
  margin: 0 0 24px;
}

#panel_controls_back:has(#back_layout li[title*="blank" i] input[type="radio"]:checked) .back-layout-blank-message,
#panel_controls_back:has(#back_layout li[title*="none" i] input[type="radio"]:checked) .back-layout-blank-message,
#panel_controls_back:has(#back_layout li[aria-checked="true"][title*="blank" i]) .back-layout-blank-message,
#panel_controls_back:has(#back_layout li[aria-checked="true"][title*="none" i]) .back-layout-blank-message {
  display: block !important;
}

body.catalog-product-view.mobile-view #panel_controls_back .back-layout-blank-message,
body.catalog-product-view.mobile-view #panel_controls_back:has(#back_layout li[title*="blank" i] input[type="radio"]:checked) .back-layout-blank-message,
body.catalog-product-view.mobile-view #panel_controls_back:has(#back_layout li[title*="none" i] input[type="radio"]:checked) .back-layout-blank-message,
body.catalog-product-view.mobile-view #panel_controls_back:has(#back_layout li[aria-checked="true"][title*="blank" i]) .back-layout-blank-message,
body.catalog-product-view.mobile-view #panel_controls_back:has(#back_layout li[aria-checked="true"][title*="none" i]) .back-layout-blank-message {
  display: none !important;
}

body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="back"]):has(#panel_controls_back #back_layout li[title*="blank" i] input[type="radio"]:checked) #canvas-toolbar-add,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="back"]):has(#panel_controls_back #back_layout li[title*="none" i] input[type="radio"]:checked) #canvas-toolbar-add,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="back"]):has(#panel_controls_back #back_layout li[aria-checked="true"][title*="blank" i]) #canvas-toolbar-add,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="back"]):has(#panel_controls_back #back_layout li[aria-checked="true"][title*="none" i]) #canvas-toolbar-add {
  display: none !important;
}

/* M1 parity: Sticker panel hides Add Elements while "No Sticker" is selected
   (toggleAddItemToolbar() in M1's sticker-panel.ts) and shows it again for any
   customizable sticker option. Same title/aria-checked hook as Back above. */
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="sticker"]):has(#panel_controls_sticker #sticker_layout li[title*="no sticker" i] input[type="radio"]:checked) #canvas-toolbar-add,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="sticker"]):has(#panel_controls_sticker #sticker_layout li[aria-checked="true"][title*="no sticker" i]) #canvas-toolbar-add {
  display: none !important;
}

#panel_controls_back .back-layout-message-block + .back-layout-message-block {
  margin-top: 22px;
}

#panel_controls_back .back-layout-message h2,
#panel_controls_back .back-layout-message h3,
#panel_controls_back .back-layout-message h4,
#panel_controls_back .back-layout-blank-message h2,
#panel_controls_back .back-layout-blank-message h3,
#panel_controls_back .back-layout-blank-message h4 {
  color: #263138;
  font-family: Filosofia, FilosofiaAllSmaCap, Didot, "Bodoni MT", Palatino, serif;
  font-size: 21px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin: 0 0 12px;
  text-transform: none;
}

#panel_controls_back .back-layout-message p,
#panel_controls_back .back-layout-message li,
#panel_controls_back .back-layout-message span,
#panel_controls_back .back-layout-message div,
#panel_controls_back .back-layout-blank-message p,
#panel_controls_back .back-layout-blank-message li,
#panel_controls_back .back-layout-blank-message span,
#panel_controls_back .back-layout-blank-message div {
  color: #263138;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.6;
}

#panel_controls_back .back-layout-message p,
#panel_controls_back .back-layout-blank-message p {
  margin: 0;
}
.stext-container .stext-controls.hide-labels .btn-toolbar .stext-labels {
  display: none;
}
.stext-container .stext-controls.hide-labels .btn-toolbar.move .stext-labels {
  display: block;
}
.stext-container .stext-controls .trackingright span:first-of-type {
  flex-grow: 1;
  font-size: 0.8rem;
}
@media screen and (max-width: 768px) {
  .stext-container .stext-controls {
    display: flex;
    flex-direction: column;
  }
}
.stext-container span {
  color: #263138;
}
.stext-container span.stext-labels {
  margin: 0;
}
.stext-container .stext-header {
  background-color: #F7F8F6;
  margin-bottom: 1em;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  padding: 1em;
}

.stext-container .stext-header .bi-close-button-container {
  border-radius: 50%;
  font-family: Montserrat-Regular, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  border: 1px solid #cbcbcb;
  line-height: 0;
  padding: 11px 8px;
  margin-right: 1em;
}
@media screen and (max-width: 768px) {
  .stext-container .stext-header .bi-close-button-container {
    order: 2;
  }
}
.stext-container .stext-header .bi-close-button-container a {
  padding: 0;
}
.stext-container .stext-header .bi-close-button-container a:before {
  content: 'x';
  vertical-align: sub;
  text-transform: uppercase;
  font-weight: normal;
  font-family: 'Helvetica', sans-serif;
  top: -2px;
  position: relative;
  font-size: 16px;
}
.stext-container .stext-pad {
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 768px) {
  .stext-container .stext-pad {
    display: flex;
    padding: 8px;
    justify-content: space-around;
    flex-basis: 100%;
    flex-grow: 1;
    order: 3;
    padding: 1em !important;
    margin: 0;
  }
  .stext-container .stext-pad.top {
    margin-top: 1em;
  }
}
@media screen and (max-width: 768px) {
  .stext-container .stext-pad.bottom {
    height: 2em;
    margin-left: 1em;
    margin-right: 1em;
    justify-content: flex-start;
    margin-top: 1em;
    flex-wrap: wrap;
  }
  .stext-container .stext-pad.bottom .button-toolbar {
    flex-basis: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .stext-container .stext-pad div.bi-close-button-container {
    text-align: right;
    order: 2;
  }
}
.stext-container .stext-pad div.bi-close-button-container .textPopClose {
  margin: -2px 5px 0 0;
  padding: 0 0 0 20px;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .stext-container .stext-pad div.bi-close-button-container .textPopClose {
    margin: 0;
    font-size: 2rem;
    padding: 0.5rem 0.3rem;
  }
}
.stext-container .stext-pad .stext-labels {
  font-family: 'Montserrat-regular';
  font-weight: normal;
  font-style: normal;
  font-size: 0.8rem;
}
@media screen and (max-width: 768px) {
  .stext-container .stext-pad .stext-labels {
    display: none;
  }
}
.stext-container .stext-pad .btn-toolbar {
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .stext-container .stext-pad .btn-toolbar {
    padding: 0;
  }
}
.stext-container .stext-pad .btn-toolbar.move {
  width: 50%;
  justify-content: center;
  margin-top: 2em;
  margin-bottom: 2em;
}
.stext-container .stext-pad .btn-toolbar.move .btn-group {
  width: auto;
}
.stext-container .stext-pad .btn-toolbar.text-style {
  width: 50%;
  border: none;
}
@media screen and (max-width: 768px) {
  .stext-container .stext-pad .btn-toolbar.text-style {
    width: auto;
  }
}
.stext-container .stext-pad .btn-toolbar.text-style .style-btn {
  padding: 0px 8px;
  min-width: 28px;
  font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1rem;
  appearance: unset;
  -moz-appearance: unset;
  -webkit-appearance: unset;
  outline: 1px solid transparent;
  border: 1px solid grey;
  background-color: transparent;
  color: #263138;
  font-size: 18px;
}
.stext-container .stext-pad .btn-toolbar.text-style .style-btn:not(:last-of-type) {
  margin-right: 0.5em;
}
.stext-container .stext-pad .btn-toolbar.text-style .style-btn.bold {
  font-weight: bold;
}
.stext-container .stext-pad .btn-toolbar.text-style .style-btn.italic {
  font-style: italic;
}
.stext-container .stext-pad .btn-toolbar.text-style .style-btn.underline {
  text-decoration: underline;
}
.stext-container .stext-pad .btn-toolbar.text-style .style-btn.active,
.stext-container .stext-pad .btn-toolbar.text-style .style-btn[aria-pressed="true"] {
  background-color: #937C66;
  color: #ffffff;
}
.stext-container .stext-pad .btn-toolbar .btn-group {
  padding: 0.5em 1em;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  height: 30px;
  color: #263138;
  font-family: 'Montserrat-regular';
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  color: #263138;
  text-transform: lowercase;
}
.stext-container .stext-pad .btn-toolbar .btn-group span {
  color: #263138;
  font-family: 'Montserrat-regular';
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
}
.stext-container .stext-pad .btn-toolbar .btn-group:hover {
  cursor: pointer;
}
.stext-container .stext-pad .btn-toolbar .btn-group select {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  background: unset;
  max-width: unset !important;
  height: 30px;
  width: 100%;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .stext-container .stext-pad .btn-toolbar.typographicCase,
  .stext-container .stext-pad .btn-toolbar.lineheight,
  .stext-container .stext-pad .btn-toolbar.trackingright {
    display: none;
  }
}
.stext-container .stext-pad .btn-toolbar .font-btn {
  width: 100%;
  height: 100%;
}
.stext-container .stext-pad .btn-toolbar.font:after,
.stext-container .stext-pad .btn-toolbar.size:after,
.stext-container .stext-pad .btn-toolbar.alignment:after,
.stext-container .stext-pad .btn-toolbar.lineheight:after,
.stext-container .stext-pad .btn-toolbar.typographicCase:after {
  content: '';
  height: 5px;
  width: 5px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  display: block;
  transform: rotate(135deg);
  position: absolute;
  right: 1em;
  top: 10px;
}


.stext-container .stext-pad .btn-toolbar.alignment:after{
  right: 7px;
  top: 11px;
}
.stext-container .stext-pad .btn-toolbar.typographicCase {
  border: 1px solid black;
}
.stext-container .stext-pad .btn-toolbar select,
.stext-container .stext-pad .btn-toolbar.font .btn-group a,
.stext-container .stext-pad .btn-toolbar.typographicCase .btn-group a,
.stext-container .stext-pad .btn-toolbar.alignment .btn-group a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  background: unset;
  max-width: unset;
  height: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  margin: 0;
}
.stext-container .stext-pad .btn-toolbar select span,
.stext-container .stext-pad .btn-toolbar.font .btn-group a span,
.stext-container .stext-pad .btn-toolbar.typographicCase .btn-group a span,
.stext-container .stext-pad .btn-toolbar.alignment .btn-group a span {
  padding-left: 0.5em;
}
.stext-container .stext-pad .btn-toolbar .text-editor-control {
  max-width: 100%;
  padding: 4px 0 0 8px;
}
.stext-container .stext-pad .btn-toolbar .text-editor-minimize a {
  font-size: 1.3rem;
  padding: 1px 0.3rem 0 0.6rem;
}
.stext-container .ui-draggable-handle {
  cursor: move;
}
.stext-container .font-selection span {
  padding-right: 0.5em;
  margin: 4px 0 0 0;
}
.stext-container .textPopClose {
  font-size: 1.8em;
  color: #888888;
  margin: 0;
  padding: 2px 3px 2px 20px;
}
@media only screen and (max-width: 768px) {
  .stext-container .textPopClose {
    margin: 0;
    padding: 9px 12px 0 20px;
  }
}
.stext-container .bi-recent-fonts {
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  background-color: #ffffff;
  border-color: #eeeeee;
  padding-right: 16px;
  display: none;
}
.stext-container .bi-recent-fonts:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  width: 0;
}
.stext-container .font-scroll {
  background-color: #F7F8F6;
  color: #263138;
}
.stext-container .font-img {
  mix-blend-mode: multiply;
}
.stext-container .font-select {
  cursor: pointer;
}
.stext-container .font-select a {
  cursor: pointer;
  color: #888888;
}
.stext-container .font-select a div {
  cursor: pointer;
}
.stext-container .font-select a:hover {
  opacity: 1;
  color: #263138;
}
.stext-container .font-search .font-search-input {
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 2px 6px;
  box-sizing: border-box;
  font-size: 10px;
}
.stext-container input.input-text {
  padding: 1px;
  text-align: center;
  border:none;
}
.stext-container input.input-text.disabled {
  color: #ccc;
}
.stext-container input.input-text.disabled:hover {
  background-color: transparent;
}
.stext-container select {
  border: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 26px;
  cursor: pointer;
  box-sizing: border-box;
  padding: 6px 11px 6px 4px;
  background-color: transparent;
  color: transparent;
}
@media screen and (min-width: 769px) {
  .stext-container select {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23888888'><polygon points='0,15 50,65 100,15 85,0 50,37 15,0' /></svg>");
    background-size: 10px;
    background-position: calc(93%) 8px;
    background-repeat: no-repeat;
    padding-top: 0;
  }
}
.stext-container select:hover {
  color: transparent;
}
@media screen and (min-width: 769px) {
  .stext-container select:hover {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23263138'><polygon points='0,15 50,65 100,15 85,0 50,37 15,0' /></svg>") no-repeat;
    background-size: 10px;
    background-position: calc(93%) 8px;
  }
}
.stext-container select:focus {
  color: #263138;
}
.stext-container .btn-toolbar {
  border: 1px solid grey;
  margin: 0;
  padding: 0;
  background-color: white;
  flex-basis: 27%;
}
/* @media screen and (max-width: 768px) {
  .stext-container .btn-toolbar {
    flex-basis: calc(29% - 1em);
  }
} */
.stext-container .btn-toolbar.color,
.stext-container .btn-toolbar.move,
.stext-container .btn-toolbar.alignment-pop,
.stext-container .btn-toolbar.typographicCase {
  border: none;
  background-color: transparent;
}
.stext-container .btn-toolbar .size-selector-group,
.stext-container .btn-toolbar .height-selector-group {
  font-size: 1.3em;
  margin-left: 7px;
}
.stext-container .btn-toolbar .size-selector-group select,
.stext-container .btn-toolbar .height-selector-group select {
  margin-left: -15px;
}
.stext-container .btn-toolbar.color {
  order: 1;
  flex-basis: unset;
  flex-shrink: 1;
}
.stext-container .btn-toolbar.color .btn-group {
  margin-top: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .stext-container .btn-toolbar.color {
    margin: 0;
  }
}
.stext-container .btn-toolbar.font {
  order: 2;
}
.stext-container .btn-toolbar.size {
  order: 3;
}
.stext-container .btn-toolbar.move {
  flex-grow: 1;
  display: flex;
  flex-basis: unset;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .stext-container .btn-toolbar.move {
    margin-right: 2rem;
  }
}
.stext-container .btn-toolbar.move .btn-group {
  display: flex;
  flex-direction: row;
  font-size: 0.8rem;
  margin-top: 2px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .stext-container .btn-toolbar.move .btn-group {
    font-size: 1.2rem;
    padding-top: 3px;
  }
}
.stext-container .btn-toolbar.move .btn-group div {
  margin: 0 4px;
  padding: 0 2px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .stext-container .btn-toolbar.move .btn-group div {
    margin: 0 5px;
    padding: 0 3px;
  }
}
.stext-container .btn-toolbar.move .btn-group div.direction-right {
  padding-top: 2px;
}
.stext-container .btn-toolbar.alignment {
  order: 4;
  margin-right: 5px;
}
.stext-container .btn-toolbar.alignment .btn-group {
  margin-top: 1px;
}
.stext-container .btn-toolbar.alignment-pop,
.stext-container .btn-toolbar.typographicCase-pop {
  width: 100%;
  margin: 0 0 4px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.stext-container .btn-toolbar.alignment-pop .alignment-list,
.stext-container .btn-toolbar.typographicCase-pop .alignment-list,
.stext-container .btn-toolbar.alignment-pop .typographicCase-list,
.stext-container .btn-toolbar.typographicCase-pop .typographicCase-list {
  margin: auto;
  width: 100%;
}
.stext-container .btn-toolbar.typographicCase {
  margin-left: 5px;
}
.stext-container .btn-toolbar.typographicCase a {
  color: #888;
  cursor: pointer;
  font-size: 1.4em;
  padding: 6px 0 0 2px;
  float: none;
  display: block;
}
.stext-container .btn-toolbar.typographicCase .typographicCase-list a {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.stext-container .btn-toolbar.typographicCase .typographicCase-list a.active {
  background-color: #ffffff;
}
.stext-container .btn-toolbar .glyphicon,
.stext-container .btn-toolbar .text-edit-color-swatch {
  cursor: pointer;
}
.stext-container .btn-toolbar .text-edit-color-swatch {
  cursor: pointer;
  width: 1em;
  height: 1em;
  padding: 1em;
}
@media screen and (max-width: 768px) {
  .stext-container .btn-toolbar .glyphicon {
    font-size: 1.4rem;
  }
  .stext-container .btn-toolbar .glyphicon.glyphicon-text-size {
    margin-top: 5px;
  }
}
.stext-container .btn-toolbar .glyphicon:before,
.stext-container .btn-toolbar .fa:before {
  color: white;
  background-color: transparent;
  padding: 0;
  border-radius: 50%;
  line-height: 0;
  font-size: 1.15rem;
  font-weight: bold;
  width: 36px;
  height: 36px;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  bottom: 0;
}
.stext-container .btn-toolbar .glyphicon:hover:before,
.stext-container .btn-toolbar .fa:hover:before {
  color: #263138;
}
.stext-container .btn-toolbar.reverse .btn {
  border: 0;
  color: #888;
}
.stext-container .btn-toolbar.reverse .btn:hover {
  background-color: #ffffff;
  color: #263138;
}
.stext-container .alignment.btn-toolbar .btn-group-xs a {
  display: inline-block;
  font-size: 12px;
  line-height: 1.5;
  padding: 3px 5px;
  color: #263138;
}
.stext-container .alignment.btn-toolbar .btn-group-xs a.active {
  background-color: #ffffff;
}
.stext-container textarea {
  min-height: 6rem !important;
}
@media only screen and (max-width: 768px) {
  .stext-container textarea {
    font-family: Montserrat-Regular, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1rem;
    line-height: 1rem;
    min-height: 100px;
    padding: 0.6rem 1rem;
  }
}
.stext-container textarea.disabled {
  color: #263138;
}
.stext-container #lineHeight_selector {
  max-width: 75px;
}
@media only screen and (max-width: 768px) {
  .stext-container {
    border-bottom: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 99999;
  }
  .stext-container .stext-header {
    display: block;
    width: 100%;
  }
}
.bi-close-button-container {
  float: right;
}
.text-editor-control {
  display: inline-block;
  max-width: 73%;
}
.text-editor-control-picker-select {
  margin: 8px 8px;
}
.text-editor-control-picker-select select {
  max-width: 100%;
  color: #263138;
  font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
  font-weight: normal;
  font-style: normal;
}
.text-editor-control-picker-select select:active,
.text-editor-control-picker-select select:focus {
  color: #263138;
}
.text-editor-control-arrow-list {
  font-size: 1em;
  order: 1;
}
.text-editor-control-arrow-list a {
  padding: 0 10px 0 0;
  color: #888888;
  font-size: 1.55em;
  cursor: pointer;
}
.text-editor-control-arrow-list a:hover {
  color: #888888;
}
.nav-edit-text.active {
  background-color: #EBEAEB;
}
.image-display-error {
  position: absolute;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  z-index: 1;
  min-width: 200px;
  max-height: 150px;
  overflow: auto;
  white-space: normal;
}
.foursixty {
  margin-top: 16px;
}
@media only screen and (max-width: 768px) {
  .product-view .grid12-6 {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 769px) {
  .s7-controls .s7-control-section.layout h2 {
    display: none;
  }
}
.s7-controls .s7-control-section .mobile-edit-text {
  text-align: center;
  background-color: #ffffff;
  padding: 8px 24px;
  border: 1px solid;
  border-color: #eeeeee;
  color: #263138;
  font-family: Montserrat-Regular;
  font-weight: normal;
  font-style: italic;
}
.s7-controls .s7-control-section .mobile-edit-text a {
  color: #263138;
  padding: 0;
  border: none;
}
.s7-controls .s7-control-section .mobile-edit-text.active {
  background-color: #263138;
}
.s7-controls .s7-control-section .mobile-edit-text.active a {
  color: #ffffff;
}
.mobile-lada-lock {
  text-align: center;
}
.mobile-text-editor-pop {
  position: fixed;
  width: 100%;
  height: calc(100%);
  top: 0;
  left: 0;
  z-index: 20003;
  background-color: #ffffff;
  box-sizing: border-box;
}
body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope) #mobile-text-editor {
  z-index: 100002;
}
.mobile-text-editor-pop ul {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1.2rem 0;
  box-sizing: border-box;
}
.mobile-text-editor-pop ul li {
  padding: 0 10px;
  box-sizing: border-box;
}
.mobile-text-editor-pop ul li div.mobile-text-input {
  font-size: 1rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: transparent;
  padding: 8px 10px;
  min-height: 25px;
  box-sizing: border-box;
}
.mobile-text-editor-pop ul li div.mobile-text-input:focus {
  border-color: #c6c6c6;
}
.mobile-text-editor-pop .btn-save-text-edits {
  position: absolute;
  bottom: 0;
  color: #263138;
}
@media screen and (max-width: 769px) {
  #root-wrapper {
    min-height: 80vh;
  }
}
.nav-section-top {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
  font-weight: normal;
  font-style: italic;
  font-size: 0.9rem;
  margin: 0.6rem 1rem 0 1rem;
  position: initial;
}
.nav-section-top > div:first-child,
.nav-section-top > div:last-child {
  min-width: 67px;
}
.nav-section-top > div:first-child {
  border-right: 1px solid;
  border-color: #eeeeee;
}
.nav-section-top > div:nth-child(2) {
  flex-grow: 1;
  text-align: center;
  font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}
.nav-section-top > div:nth-child(2) a {
  padding: 0.2rem 1rem;
}
.nav-section-top > div:last-child {
  flex-grow: 0;
  text-align: right;
  border-left: 1px solid;
  border-color: #eeeeee;
}
.nav-section-top > div:only-child {
  text-align: center;
  border: none;
  font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}
.nav-section-top a {
  color: #263138;
}
.nav-section-top a:hover,
.nav-section-top a:active,
.nav-section-top a:focus {
  opacity: 1;
  background-color: transparent;
  color: #263138;
}
.nav-section-top .bi-card {
  font-size: 3em;
  line-height: 0;
  padding-top: 7px;
  margin-left: -10px;
}
.nav-section-top .fa-comment-o {
  line-height: 0;
  padding-top: 2px;
}

.stext-container .stext-area textarea {
  border: 1px solid grey;
  width: 100%;
  box-sizing: border-box;
  font-family: 'Montserrat-semibold';
  font-weight: 600;
  text-transform: initial;
  color: #575757;
  line-height: 1.2;
}

/* The LVD theme does not expose its generic breakpoint utilities on every PDP.
   Keep the server-rendered desktop label as the default without affecting BI. */
body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-addtocart-button .lvd-addtocart-mobile-label {
  display: none;
}

body.checkout-cart-configure.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-addtocart-button .lvd-cart-desktop-prefix {
  margin-right: .25em;
}

@media screen and (max-width: 768px) {
  .mobile-section-bottom {
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 0.8rem 0;
    background-color: #ffffff;
  }


  .mobile-section-bottom a.btn.btn-block.btn-mobile {
    padding: 12px 10px;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .16em;
    background-color: #f7f8f6;
    box-sizing: border-box;
    border: none;
    text-transform: uppercase;
    color: #263138;
    text-align: center;
    width: 100%;
    border-radius: 0;
    box-shadow: navajowhite;
    position: relative;
    font-family: 'Montserrat-regular';
    font-style: normal;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    font-weight: 400;
  }
  .mobile-section-bottom a:focus,
  .mobile-section-bottom a:hover,
  .mobile-section-bottom a:active {
    background-color: transparent;
  }
  .mobile-section-bottom .nav-control-list li.nav-control-text a.btn-edit-text {
    padding-top: 0;
    font-family: Times New Roman, Times;
    font-size: 1.5rem !important;
  }
  .mobile-section-bottom .mobile-section-edit-controls {
    position: fixed;
    bottom: 10.5%;
    z-index: 20001;
  }
  .mobile-section-bottom .mobile-section-checkout {
    text-align: center;
  }
  .mobile-section-bottom .mobile-section-checkout section {
    padding: 2rem 0;
  }
  .mobile-section-bottom .mobile-section-checkout section:first-child {
    border-bottom: 1px solid;
    border-color: #c6c6c6;
    padding-top: 1.2rem;
  }
  .mobile-section-bottom .mobile-section-checkout section i.bi-stamp {
    font-size: 6rem;
    color: #336f7f;
  }
  .mobile-section-bottom .mobile-section-checkout section h2 {
    font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    padding-bottom: 10px;
    font-size: 2rem;
    padding-top: 0;
    margin-top: 0;
    letter-spacing: 0.015em;
    line-height: 2.4rem;
    background-color: transparent;
  }
  .mobile-section-bottom .mobile-section-checkout section p {
    max-width: 72%;
    margin: auto;
    padding: 0 0 1rem 0;
  }
  .mobile-section-bottom .mobile-section-checkout section a.btn {
    font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
    font-weight: normal;
    font-style: italic;
    border: 1px solid;
    border-color: #c6c6c6;
    background-color: transparent;
    color: #263138;
    text-transform: lowercase;
    padding: 0.7rem 1.5rem;
    font-size: 0.8rem;
  }
  .mobile-section-bottom .mobile-section-checkout section a:focus,
  .mobile-section-bottom .mobile-section-checkout section a:hover,
  .mobile-section-bottom .mobile-section-checkout section a:active {
    background-color: transparent;
  }

  .stext-container .stext-area textarea {
    border: 1px solid grey;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Montserrat-regular';
    font-weight: 400;
    text-transform: initial;
    color: #575757;
    line-height: 1;
  }
}
.mobile-view .placecard-editor {
  padding-bottom: 1em;
}
.mobile-view .placecard-editor .option-container {
  padding: 0;
  margin: 0;
}
.mobile-view .placecard-editor .option-container h2 {
  padding-top: 0;
}
.mobile-view .placecard-editor .option-container .option-details {
  width: 100%;
  border-left: none;
  box-sizing: border-box;
  padding-top: 0;
}
.mobile-view .address-book-picker {
  padding-bottom: 80px;
}
.mobile-view #shopping-cart-table tr.cart-item-container {
  display: flex;
  flex-direction: column;
}
.mobile-view #shopping-cart-table tr.cart-item-container td {
  display: block;
  width: 100%;
  padding: 0 10px;
}
.mobile-view #shopping-cart-table tr.cart-item-container td h2 {
  border-bottom: none;
}
.mobile-view #shopping-cart-table tr.cart-item-container td .cart-envelope-img-container {
  display: none;
}
.proof-save a {
  font-size: 1rem;
  padding: 0 0.5rem;
}
.stext-container .stext-pad,
.stext-container .stext-area {
  /* M1 parity: 4em desktop padding made the textarea visibly narrow
     (~128px stolen). 1em gives the text area room to breathe while
     the responsive overrides at line 874 / 905 / 916 keep mobile rules. */
  padding: 0 2em;
}

#bi-alignment-pop,
#bi-typographicCase-pop {
  height: auto;
  position: absolute;
  bottom: unset;
  background-color: white;
  top: 100%;
  border: 1px solid black;
  left: -1px;
  right: 0;
  width: calc(100% + 2px);
  margin: 0;
}
#bi-alignment-pop:after,
#bi-typographicCase-pop:after {
  content: unset;
}
#bi-alignment-pop .alignment-list,
#bi-typographicCase-pop .alignment-list,
#bi-alignment-pop .typographicCase-list,
#bi-typographicCase-pop .typographicCase-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
}
#bi-alignment-pop .alignment-list a,
#bi-typographicCase-pop .alignment-list a,
#bi-alignment-pop .typographicCase-list a,
#bi-typographicCase-pop .typographicCase-list a {
  position: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
#bi-alignment-pop .alignment-list a.active,
#bi-typographicCase-pop .alignment-list a.active,
#bi-alignment-pop .typographicCase-list a.active,
#bi-typographicCase-pop .typographicCase-list a.active {
  background-color: #937C66;
}
#bi-alignment-pop .alignment-list a.active span,
#bi-typographicCase-pop .alignment-list a.active span,
#bi-alignment-pop .typographicCase-list a.active span,
#bi-typographicCase-pop .typographicCase-list a.active span {
  color: white;
}
#bi-alignment-pop .alignment-list a:not(:last-of-type),
#bi-typographicCase-pop .alignment-list a:not(:last-of-type),
#bi-alignment-pop .typographicCase-list a:not(:last-of-type),
#bi-typographicCase-pop .typographicCase-list a:not(:last-of-type) {
  border-bottom: 1px solid grey;
}
.stext-controls span.text-button {
  color: #263138;
  font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  font-style: italic;
}
.stext-controls span.text-button.prev {
  border-right: 1px solid black;
  padding-right: 0.5em;
}
.stext-controls span.text-button.prev:before {
  content: '';
  height: 5px;
  width: 5px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  display: inline-block;
  transform: rotate(-135deg);
  margin-right: 0.25em;
}
.stext-controls span.text-button.next:after {
  content: '';
  height: 5px;
  width: 5px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  display: inline-block;
  transform: rotate(45deg);
  margin-left: 0.25em;
}
.stext-controls .controls-popup-container .bi-recent-colors {
  display: none;
}
@media screen and (max-width: 768px) {
  .stext-container .stext-controls .stext-header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .stext-container .stext-pad.bottom {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .stext-container .stext-pad.bottom .btn-toolbar {
    flex-basis: auto;
    box-sizing: border-box;
    margin: 5px;
  }
}
@media screen and (max-width: 768px) {
  #section-main {
    padding-bottom: 130px;
  }
}
@media screen and (max-width: 768px) {
  .product-actions-bar-custom.product-name {
    display: none;
  }
}

/* =========================================================================
   M2 PDP layout overrides for Aurigma-template products
   -------------------------------------------------------------------------
   M1 layout: iframe left, title + product info right; editor overlays the
   right column when active. M2 default Hyva grid auto-places product info
   to col-1 row-3 (below the iframe), leaving col-2 mostly empty. These
   rules re-place product info into col-2 and stack the panel-controls root
   on top, so when an editor mounts (.stext-container) it visually overlays
   the form area like M1 did.

   Scoped via :has(#lada-panel-controls-root) so non-Aurigma PDPs are
   untouched. Selector for product-info uses Hyva utility classes
   (.w-full.mb-6) — fragile if the theme template is upgraded; if so,
   this rule needs updating in lockstep.
   ========================================================================= */
@media (min-width: 768px) {
  .product-info-main:has(#lada-panel-controls-root) > section > .flex > .grid > .w-full.mb-6 {
    grid-column: 2;
    grid-row: 2 / -1;
    align-self: start;
    min-height: 0;
  }
  .product-info-main:has(#lada-panel-controls-root) > section > .flex > .grid > #lada-panel-controls-root {
    grid-column: 2;
    grid-row: 2 / -1;
    align-self: start;
    z-index: 5;
    pointer-events: none;
  }
  /* Re-enable pointer events only on visible editor surfaces */
  .product-info-main #lada-panel-controls-root .stext-container,
  .product-info-main #lada-panel-controls-root .text-controls:not(.hidden) {
    pointer-events: auto;
  }
}

/* =========================================================================
   .stext-container visual frame — the M1-derived rule at line 804 sets
   `border-color: #c6c6c6` but no border-width/border-style, so the box
   renders without a visible edge. Add a proper frame matching M1 reference
   (rounded border, padding, soft shadow) so the editor reads as a distinct
   panel — see screenshot #15 in the BIMP-320 thread.
   ========================================================================= */
.stext-container {
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  padding: 16px 20px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* The editor's color swatch on the top-left of the bar (M1 image #15 has a
   filled circle next to the font dropdown). Make it visible if the markup
   includes one — won't render if the swatch element isn't there. */
.stext-container .color-swatch.active,
.stext-container .stext-header .color-swatch {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #c6c6c6;
  display: inline-block;
}

/* =========================================================================
   Color swatch button (top-left of the editor bar, opens color picker)
   The bundle's _buildColorSelect() builds <a class="text-edit-color-swatch">
   with inline `background-color: #<hex>`, but renders no width/height —
   without these dimensions, the <a> is a 0x0 invisible click target.
   M1 reference image #18 shows a filled dark circle ~28px diameter.
   ========================================================================= */
.stext-container .color.btn-toolbar {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
}
.stext-container .color.btn-toolbar .stext-labels {
  display: none; /* M1 image #18 hides the "Color" label, just shows the swatch */
}
.stext-container .color.btn-toolbar .text-edit-color-swatch {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #c6c6c6;
  cursor: pointer;
  vertical-align: middle;
  box-sizing: border-box;
}
.stext-container .color.btn-toolbar .text-edit-color-swatch.active {
  outline: 1px solid #000;
  outline-offset: 0;
}

/* =========================================================================
   Nudge arrow icons — the bundle generates <i class="fa fa-arrow-{dir}">
   but Font Awesome isn't loaded on Hyva. Bundle the FA4 webfont locally and
   render the proper FA arrow glyphs via :before so the four nudge buttons
   match the original Font Awesome icons.
   M1 image #18 shows white arrows on round dark circles; the existing
   `.btn-toolbar.move .btn-group div` rules above already provide the
   circle backgrounds via the parent <div>.
   ========================================================================= */
@font-face {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/FontAwesome/fontawesome-webfont.woff2") format("woff2"),
       url("../fonts/FontAwesome/fontawesome-webfont.woff") format("woff"),
       url("../fonts/FontAwesome/fontawesome-webfont.ttf") format("truetype");
}
.stext-container .btn-toolbar.move {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.stext-container .btn-toolbar.move .stext-labels {
  margin-right: 12px;
  font-size: .8rem;
  color: #263138;
  text-transform: lowercase;
}
.stext-container .btn-toolbar.move .btn-group div {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #888;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1rem;
  transition: background-color 0.15s ease;
}
.stext-container .btn-toolbar.move .btn-group div:hover {
  background-color: #888;
}
.stext-container .btn-toolbar.move .btn-group div i.fa {
  font-style: normal;
  font-family: "FontAwesome";
  line-height: 1;
}
/* The bundle adds rotate-90/180/270 helper classes that are used when
   FA renders a single arrow glyph rotated. We set each direction's glyph
   explicitly via :before, so neutralize the rotation helpers to avoid
   double-transforming the icons. */
.stext-container .btn-toolbar.move .btn-group div i.fa.rotate-90,
.stext-container .btn-toolbar.move .btn-group div i.fa.rotate-180,
.stext-container .btn-toolbar.move .btn-group div i.fa.rotate-270 {
  transform: none;
}
.stext-container .btn-toolbar.move .btn-group div i.fa.fa-arrow-down:before  { content: '\f063'; }
.stext-container .btn-toolbar.move .btn-group div i.fa.fa-arrow-up:before    { content: '\f062'; }
.stext-container .btn-toolbar.move .btn-group div i.fa.fa-arrow-left:before  { content: '\f060'; }
.stext-container .btn-toolbar.move .btn-group div i.fa.fa-arrow-right:before { content: '\f061'; }

.stext-container{
  box-shadow: 0 3px 5px #ddd;
  border-radius: 0;
    padding: 0;
    z-index: 9;
}

/* -------------------------------------------------------------------------
   Legacy M1 responsive helpers used by panel-controls.phtml. Hyva/Tailwind
   has no equivalent class, so without these rules BOTH the desktop H2 and
   the mobile H4 render at the same time, producing the duplicate
   "Select Colors" / "SELECT COLORS" headers seen in the first pass.
   M1 breakpoint was 769px — preserve it exactly so a template upgrade
   across the two themes still behaves identically.
   ------------------------------------------------------------------------- */
@media (min-width: 769px) {
    .hide-above-768 { display: none !important; }
}
@media (max-width: 768px) {
    .hide-below-769 { display: none !important; }
}

/* -------------------------------------------------------------------------
   "Select Colors" section — header + swatch grid rendered by
   panel-controls.phtml inside .color-controls. Brand tokens come from
   CLAUDE.md (primary #263138, brown #937c66).
   ------------------------------------------------------------------------- */
.color-controls {
    padding: 0.5rem 0 1rem 0;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 1rem;
}
.color-controls .color-header h2,
.color-controls .color-header h4 {
    color: #263138;
    font-family: Filosofia, Didot, "Bodoni MT", Palatino, serif;
    font-weight: normal;
    font-size: 1.25rem;
    margin: 0 0 0.75rem 0;
    padding: 0;
    display: inline-block;
}
.color-controls .color-header .color-header-hint {
  font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  font-style: italic;
  display: inline;
  line-height: 1;
  text-transform: lowercase;
  color: #000;
}

/* The .color-boxes list lays out the visible per-panel color fields (one
   circle per Background / Florals / Foliage / Text etc). Flex-row so
   swatches sit side-by-side like image #2; wraps on narrow viewports. */
.color-controls .color-boxes {
    --bi-selected-swatch-ring-color: #937c66;
    --bi-selected-swatch-ring-gap: #fff;
    display: flex;
    flex-flow: row wrap;
    gap: 1.25rem;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Each swatch: a labeled circle. The <a> gets the inline background-color
   (hex from the color_fields ViewModel). Without explicit width/height the
   anchor is a 0×0 element and the paint is invisible — that's the core
   "swatches not visible" bug from image #1.

   Selector covers BOTH `.color-box` (idle) and `.color-box_sel` (currently
   selected). The bundled color-select-controller.ts (~line 172) swaps these
   two class names on click to mark which swatch the open picker dispatches
   to — so a rule keyed on only `.color-box` collapses the *selected* swatch
   to 0×0 while the picker is open (visible bug: clicked swatch disappears). */
.color-controls .color-boxes .color-swatch {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 44px;
}


.invitation-order-proof .color-controls .color-boxes .color-swatch a.color-box, .invitation-order-proof .color-controls .color-boxes .color-swatch a.color-box_sel{
  width: 62px;
  height: 62px;
}


.color-controls .color-boxes .color-swatch a.color-box,
.color-controls .color-boxes .color-swatch a.color-box_sel {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    outline-offset: 2px;
    transition: outline-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.color-controls .color-boxes .color-swatch a.color-box:hover,
.color-controls .color-boxes .color-swatch a.color-box:focus-visible,
.color-controls .color-boxes .color-swatch a.color-box_sel:hover,
.color-controls .color-boxes .color-swatch a.color-box_sel:focus-visible {
    outline-color: #937c66;
    border-color: #937c66;
}
/* Selected-state: bundle marks the active swatch by swapping `.color-box`
   → `.color-box_sel` on the <a> (NOT a class on the parent div), so target
   the anchor directly. Use box-shadow for the selected ring so the swatch
   dimensions and surrounding layout do not change. */
.color-controls .color-boxes .color-swatch.active > a.color-select,
.color-controls .color-boxes .color-swatch a.color-box_sel,
.color-controls .color-boxes .color-swatch.color-box_sel a.color-box {
    border-color: var(--bi-selected-swatch-ring-color);
    box-shadow: 0 0 0 2px var(--bi-selected-swatch-ring-gap), 0 0 0 4px var(--bi-selected-swatch-ring-color);
}
/* M1 parity: PDP swatches render the editable element label plus the currently
   selected color name beneath each circle when website layout visibility leaves
   the labels enabled. */
.color-controls .color-boxes .color-swatch .color-element-label,
.color-controls .color-boxes .color-swatch .color-name-label {
    display: block;
    width: 90px;
    max-width: 90px;
    margin-top: 6px;
    font-size: 10px;
    line-height: 1.15;
    text-align: center;
    color: #263138;
    cursor: pointer;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'Lato';
    font-size: .7rem;
}

.lada-panel-controls-root .color-controls .color-boxes .color-swatch .color-element-label,
.lada-panel-controls-root .color-controls .color-boxes .color-swatch .color-name-label{
  overflow-y: visible;
  text-overflow: initial;
   white-space: normal;
}

.color-controls .color-boxes .color-swatch .color-element-label {
    text-transform: uppercase;
    letter-spacing: .75px;
}
.color-controls .color-boxes .color-swatch .color-name-label {
    margin-top: 1px;
    text-transform: lowercase;
}
.color-controls .color-boxes .color-swatch .color-element-label.hidden,
.color-controls .color-boxes .color-swatch .color-name-label.hidden {
    display: none !important;
}
.color-controls .color-boxes .color-swatch.hidden,
.color-controls .color-boxes.hidden,
.color-controls .color-header h2.hidden,
.color-controls .color-header h4.hidden {
    display: none !important;
}

/* M1 parity: Raised Foil is part of the Select Colors row, not a custom-option
   row. This scoped rule wins over the generic color-swatch sizing above. */
.color-controls .color-boxes .color-swatch.show-foil {
    align-items: flex-start;
    border-left: 1px solid #c6c6c6;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    font-family: 'FilosofiaAllSmaCap', Didot, "Bodoni MT", Palatino, serif;
    font-size: 1.75rem;
    min-width: 0;
    padding: 26px 0 26px 26px;
    text-align: left;
    text-transform: uppercase !important;
    width: auto;
    line-height: 0.75rem;
}

/* M1 pattern picker parity. The shared showPatternPicker() JS only positions and
   opens this popup; M1 relies on CSS to turn the list into a scrollable tile
   grid. Without these rules, M2 renders one full-width text row per pattern. */
.color-controls .pattern-boxes.color-boxes {
    border-left: none;
    display: block;
    gap: 0;
    margin: 0;
    max-width: 100%;
    position: relative;
    width: 525px;
}

.color-controls .pattern-boxes .color-swatch {
    display: inline-block;
    min-width: 0;
    position: relative;
    text-align: center;
    vertical-align: top;
}

.color-controls .pattern-boxes .color-swatch label {
    cursor: pointer;
    display: inline-block;
    font-size: 0.8em;
    line-height: 1.2em;
    margin: 8px 0 0;
    overflow-x: hidden;
    width: 65px;
}

.color-controls .pattern-boxes .pattern-select.color-box,
.color-controls .pattern-boxes .pattern-select.color-box_sel {
    border: 1px solid #c7c7c7;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 62px;
    margin: 0 auto 6px;
    overflow: hidden;
    padding: 0;
    width: 62px;
}

.color-controls .pattern-boxes .pattern-select.color-box:hover,
.color-controls .pattern-boxes .pattern-select.color-box_sel:hover,
.color-controls .pattern-boxes .pattern-select.color-box:focus-visible,
.color-controls .pattern-boxes .pattern-select.color-box_sel:focus-visible {
    border: 1px dashed #000;
}

.color-controls .pattern-pop {
    background-color: #fff;
    border: 1px solid #c7c7c7;
    box-shadow: 1px 1px 5px #ddd;
    padding-top: 5px;
    position: absolute;
    z-index: 999999999;
}

.color-controls .pattern-pop::after {
    background-color: #fff;
    border: 1px solid #cacaca;
    content: "Scroll for more patterns \2195";
    display: block;
    padding: 5px;
    text-align: center;
}

.color-controls .pattern-swatches {
    box-sizing: content-box;
    clear: both;
    max-height: 305px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 5px;
}

.color-controls .pattern-swatches li {
    background: #fff;
    border: 1px solid #ddd;
    float: left;
    font-size: 0.9em;
    margin: 3px;
    text-align: center;
}

.color-controls .pattern-swatches li:hover,
.color-controls .pattern-swatches li.active {
    border-color: rgb(245, 150, 130);
    border-style: dashed;
    border-width: 2px;
    margin: 2px;
}

.color-controls .pattern-swatches i {
    background: #fff;
    display: block;
    height: 70px;
    margin-top: 3px;
    overflow: hidden;
    width: 70px;
}

@media screen and (max-width: 768px) {
    .color-controls .pattern-pop::after {
        display: none;
    }

    .color-controls .pattern-swatches {
        max-height: 85%;
    }
}

#lada-panel-controls-root .color-swatch-pdp-summary {
    display: none;
}

body.catalog-product-view:not(:has(#canvas-toolbar:not(.hidden))) #lada-panel-controls-root .color-swatch-pdp-summary {
    display: flex;
}

body.catalog-product-view:not(:has(#canvas-toolbar:not(.hidden))):not(:has(.s7-panel-nav-controls.is-options-panel)) #lada-panel-controls-root .color-boxes:not(.m1-color-grouping) .color-swatch-editor-group,
body.catalog-product-view:has(#canvas-toolbar:not(.hidden)) #lada-panel-controls-root .color-swatch-pdp-summary {
    display: none !important;
}

body.catalog-product-view:has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]))
    #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"])
    .color-swatch-pdp-summary {
    display: none !important;
}

/* Resting-state parity (M1): the first text click makes JS permanently strip
   the inline `display:none` off the active front panel, which arms the rule
   above forever and hides the `.color-swatch-pdp-summary` "Select Colors"
   swatch. While the editor popup is open that is fine (the popup carries its
   own `text-edit-color-swatch` dot), but after the popup closes the color
   swatch never returns until page reload — an M2-only regression; M1 keeps the
   swatch always accessible. Re-show the summary swatch in PDP *browse* mode
   (canvas toolbar hidden) whenever no text editor popup (`.stext-container`) is
   open. The two extra :not(:has()) guards give this higher specificity than the
   rule above, and source order favours it; it deliberately stays inert during
   active inline editing so the popup's own dot is not duplicated. Verified live
   A/B vs M1 on timeless-script-elopement-announcements. */
body.catalog-product-view:not(:has(#canvas-toolbar:not(.hidden))):not(:has(.stext-container)):has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]))
    #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"])
    .color-swatch-pdp-summary {
    display: flex !important;
}

/* Active non-grouped panels expose their individual non-text controls. Grouped
   panels are governed exclusively by the M1 grouping state machine below. */
body.catalog-product-view:has(.s7-panel-nav-controls:not(.is-options-panel)):has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]))
    #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"])
    .color-boxes:not(.m1-color-grouping) .color-swatch-editor-group {
    display: none !important;
}

body.catalog-product-view:has(.s7-panel-nav-controls:not(.is-options-panel)):has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]))
    #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"])
    .color-boxes:not(.m1-color-grouping) .color-swatch-editor-item:not(.hidden) {
    display: flex !important;
}

/* Magento 1 color grouping has one state machine on every grouped panel:
   show one control per color/ink bucket until Refine Colors is active, then
   swap to the individual non-text controls retained for editor updates. */
body.catalog-product-view:has(#lada-panel-controls-root)
    #lada-panel-controls-root .color-controls .color-boxes.m1-color-grouping .color-swatch-editor-group {
    display: flex !important;
}

body.catalog-product-view:has(#lada-panel-controls-root)
    #lada-panel-controls-root .color-controls .color-boxes.m1-color-grouping .color-swatch-editor-item {
    display: none !important;
}

body.catalog-product-view:has(#lada-panel-controls-root)
    #lada-panel-controls-root .color-controls .color-boxes.m1-color-grouping.m1-color-refining .color-swatch-editor-group {
    display: none !important;
}

body.catalog-product-view:has(#lada-panel-controls-root)
    #lada-panel-controls-root .color-controls .color-boxes.m1-color-grouping.m1-color-refining .color-swatch-editor-item:not(.hidden) {
    display: flex !important;
}

/* M1 desktop navigation shows collapsed color groups only on the first/PDP
   panel. Entering the Design Editor hides those groups and exposes the
   individual non-text controls that remain in the DOM. Keep mobile on its
   existing popup-driven grouping flow. */
body.catalog-product-view:not(.mobile-view):has(#lada-panel-controls-root):has(.s7-panel-nav-controls:not(.is-first-panel))
    #lada-panel-controls-root .color-controls .color-boxes.m1-color-grouping .color-swatch-editor-group {
    display: none !important;
}

body.catalog-product-view:not(.mobile-view):has(#lada-panel-controls-root):has(.s7-panel-nav-controls:not(.is-first-panel))
    #lada-panel-controls-root .color-controls .color-boxes.m1-color-grouping .color-swatch-editor-item:not(.hidden) {
    display: flex !important;
}

/* A Back layout whose colour elements are ALL text (e.g. "Designer's Choice"
   on warm-glow-wedding-arch-invitations, whose three texts share one Pearl fill)
   collapses into a single grouped chip: the grouping state machine marks every
   `.color-swatch-editor-item` `.hidden` and the `#panel_controls_back:has(...)`
   rules below display the `.color-swatch-editor-group` instead. The emptiness
   test here counted only items and legacy pickers, so it read that panel as
   having nothing to show and collapsed a container that does hold one visible
   chip — and it outranks the `display: block` those rules declare (specificity
   7,13,1 vs 7,6,1), so the chip was in the DOM but never painted. Exempt exactly
   the state those rules open. Scoped to `#panel_controls_back` on purpose: on a
   Pattern A design panel the desktop-editor rule above HIDES the group and shows
   the individual items, so a photo card with no visible item (e.g.
   timeless-script-elopement-announcements) must keep collapsing or it renders a
   "Select Colors" header with zero swatches.
   M1 parity (basicinvite-m1 app/design/frontend/basicinvite/default/template/catalog/product/view/controls/color_fields.phtml:94-119)
   — M1 renders the grouped swatch visible and has no equivalent collapse rule;
   its live yscene7/index/selBackPanel response for option 2089674 shows the one
   `apply-to-all_...F2ECE5` chip labelled "&JAMES / Pearl". */
body.catalog-product-view:has(#canvas-toolbar:not(.hidden)):has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]))
    #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]):not(#panel_controls_back:has(.color-swatch-editor-group:not(.hidden))):not(:has(.color-swatch-editor-item:not(.hidden))):not(:has(.color-swatch:not(.hidden) .show-color-picker)) .color-controls:not(:has(.stext-container)) {
    display: none !important;
}

/* Photo cards (text directly on the image) have no editable background, so the
   front panel renders no always-visible color swatch to hold `.color-controls`
   open. The text editor popup (`.stext-container`, created on click by
   text-editor.ts and mounted inside `.color-controls`) would then be trapped in
   a collapsed container and never appear — clicking text on the PDP did nothing
   and the lone color swatch vanished (e.g. timeless-script-elopement-announcements).
   The `:not(:has(.stext-container))` above exempts a `.color-controls` while it
   holds an active editor; the popup is `.remove()`d on close, so the container
   collapses again afterward. No-op for cards with a background swatch (their
   `.color-controls` is already held open). Verified live A/B vs M1. */

body.catalog-product-view:has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]))
    #lada-panel-controls-root #panel_controls_back:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]):has(.color-swatch-editor-group)
    .color-controls {
    display: block !important;
}

body.catalog-product-view:has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]))
    #lada-panel-controls-root #panel_controls_back:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]):has(.color-swatch-editor-group)
    .color-swatch-editor-group {
    display: flex !important;
}

body.catalog-product-view:has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]))
    #lada-panel-controls-root #panel_controls_back:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]):has(.color-swatch-editor-group)
    .color-swatch-editor-item {
    display: none !important;
}

body.bi-lvd-pdp-scope.catalog-product-view:has(.s7-panel-nav-controls.options-panel-is-purchase-step.is-mural-options-flow.is-options-panel):has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]))
    #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"])
    .color-swatch-editor-item:not(.hidden) {
    display: none !important;
}

body.bi-lvd-pdp-scope.catalog-product-view:has(.s7-panel-nav-controls.options-panel-is-purchase-step.is-mural-options-flow.is-options-panel):has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]))
    #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"])
    .color-swatch-editor-group {
    display: flex !important;
}

/* -------------------------------------------------------------------------
   "Select Card Shape" swatch list — one <li> per shape (Square, Rounded,
   Bracket, Ticket). Tailwind utilities handle most of the layout on the
   wrapper; these rules cover the selected-state + hover affordance that
   trim-type.ts toggles via .swatch-selected.
   ------------------------------------------------------------------------- */
.trim_option .shape-swatches .shape-swatch > a {
    transition: border-color 0.15s ease-in-out;
}
.trim_option .shape-swatches .shape-swatch.swatch-selected > a {
    border-color: #263138;
    box-shadow: 0 0 0 1px #263138 inset;
}
.trim_option .shape-swatches .shape-swatch .price-notice {
    color: #937c66; /* brand brown */
    font-style: italic;
}

/* =========================================================================
   Editor UI — single state owner (`#canvas-toolbar.hidden`)
   (consolidation plan: .claude/plans/we-have-implemented-the-valiant-cake.md)

   One signal flips PDP↔editor: the LADA bundle toggles `.hidden` on
   `#canvas-toolbar` (panel.ts:901 / product-navigation.ts:295 /
   product-controls.ts:825). Every visibility rule below keys off that
   single class via `body:has(#canvas-toolbar:not(.hidden))`.

   `body:has(...)` is used (not `.wrapper-product-detail:has(...)` per the
   plan) because the `lvd_default` theme renders a different outer section
   (`<section class="text-gray-700 body-font">` — no unique ancestor class)
   so a body-scoped rule covers both themes without theme-template edits.
   `#canvas-toolbar` is unique per page so the body match is unambiguous.

   Browser support: Chrome 105+ / Safari 15.4+ / Firefox 121+ (Dec 2023).
   ========================================================================= */

/* Default state = PDP mode: editor chrome hidden, buy-box visible. */
.s7-editor-header,
.canvas-toolbar-mirror {
    display: none;
}
#pdp_form_wrapper {
    display: block;
}

body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block select.product-custom-option {
  min-height: 34px;
  border-radius: 0;
  font-weight: 400;
  font-size: 12px;
  width: 100%;
}

body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block select.product-custom-option {
  min-height: 34px;
  border-radius: 0;
  font-weight: 400;
  font-size: 12px;
  width: 100%;
}

body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-hide{display:block}




.stext-container .stext-pad .btn-toolbar select{
  font-weight: 600;
  color: #000;
  font-family: 'Montserrat-regular';
  line-height: 15px;
}
.stext-container .stext-pad .btn-toolbar select option{
  color: #000;
  font-family: 'Montserrat-regular';
  font-weight: 600;
}
@media (min-width: 769px) {

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #pdp_form_wrapper,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #pdp_form_wrapper > .w-full.mb-6,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > .w-full.mb-6 {
        display: contents;
    }




    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > *,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #pdp_form_wrapper > .w-full.mb-6 > * {
        order: 100;
        width: 100%;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > .fixed-controls,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > .s7-panel-container,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > #mobile_section_top {
        order: 0;
        width: auto;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > .main-title-container {
        order: 10;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > .main-title-container .page-title {
        padding: 0 !important;
        text-align: left;
        width: 100%;
        font-family: CanelaThin, serif !important;
        font-size: 48px;
        line-height: 60px;
        text-transform: lowercase;
        white-space: normal;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > .main-title-container .page-title > .base {
        display: inline !important;
        flex-direction: row !important;
        /* font-family: inherit !important; */
        font-size: inherit;
        line-height: inherit;
        text-transform: inherit;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > .main-title-container .page-title .product-subtitle {
        display: inline !important;
        width: auto;
        margin: 0;
        font-family: CanelaThin, serif;
        font-size: inherit;
        line-height: inherit;
        text-transform: inherit;
    }
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root)  #product-designer-wrapper {
      min-height: 500px;
      position: relative;
    }


    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #designer-loader {
    position: absolute;
      top: 0;
      z-index: -1;
    } 

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > .main-title-container .page-title .product-subtitle::before {
        content: ' ';
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row {
        order: 20 !important;
        padding: 0 0 18px;
        border-top: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .my-2.flex {
        width: 100%;
        margin: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .rating-summary {
        width: 100%;
        align-items: center;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .rating-summary svg {
        width: 22px;
        height: 22px;
        color: #937c66 !important;
    }

    

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .rating-summary span:not(.hidden) {
      color: #937c66;
      font-size: 15px;
      margin-left: 1em;
      line-height: 1.2;
      vertical-align: middle;
      font-family: 'Lato';
      margin-left: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .rating-summary span:not(.hidden):hover {
     opacity: 0.8;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .lvd-rating-copy,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .lvd-rating-copy a {
      color: #937c66;
      text-decoration: none;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #lada-panel-controls-root {
        border-top: 1px solid #d2d2d2;
        order: 30 !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #pdp_form_wrapper form {
        order: 35 !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block {
        order: 40 !important;
        margin: 0 !important;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #panel_controls_options {
        order: 40 !important;
        width: 100%;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #panel_controls_options > .w-full.mb-6:has(#mw-apo-block) {
        margin-bottom: 0 !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block > button.btn.btn-primary.my-4,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block > button.btn.btn-primary.md\:my-4.my-0 {
        display: none !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) [data-bi-pdp-action-anchor] {
        order: 50 !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .canvas-toolbar-add {
        order: 55 !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls {
        order: 60 !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .yunk-processing-info {
        order: 70 !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .product-additional-info {
        order: 80 !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls {
        padding: 15px 0 50px;
        margin: 0 0 10px;
        border-bottom: 1px solid #d2d2d2;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls:has(> .color-boxes[data-bi-empty-color-options="1"]:empty) {
        padding: 0;
        margin: 0;
        border-bottom: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #lada-panel-controls-root #panel_controls_back .color-controls {
        border-bottom: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .color-header h2 {
        margin-bottom: 18px;
        line-height: 1.2;
        width: auto;
        font-family: CanelaThin, serif;
        font-weight: 400;
        font-style: normal;
        font-size: 2rem;
        text-transform: initial;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .color-boxes {
        gap: 14px;
        justify-content: flex-start;
        padding: 0 15px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .color-boxes .color-swatch,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .color-boxes .color-swatch-group {
        min-width: 78px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .color-boxes .color-swatch a.color-box,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .color-boxes .color-swatch a.color-box_sel,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .color-boxes .color-swatch-group a.color-box,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .color-boxes .color-swatch-group a.color-box_sel {
        width: 78px;
        height: 78px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .color-boxes .color-swatch-group .color-element-label,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .color-boxes .color-swatch-group .color-name-label {
        width: 78px;
        max-width: 78px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .color-boxes .color-swatch-group .color-name-label {
        display: block;
        max-width: 78px;
        font-size: 11px;
        line-height: 1.15;
        text-align: center;
        color: #263138;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .border-t:has(.trim_option) {
        padding: 0;
        border-top: 0;
        border-bottom: 1px solid #d2d2d2;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .trim_option {
        display: flex;
        align-items:center;
        justify-content: space-between;
        gap: 24px;
        padding: 15px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .trim_option .select-card-shape-heading {
        flex: 1 1 auto;
        margin: 0;
        padding: 0;
        font-size: 22px;
        line-height: 1.2;
        letter-spacing: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .trim_option .shape-swatches {
        flex: 0 0 auto;
        justify-content: flex-end;
        gap: 24px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .trim_option .shape-swatch > a {
        min-width: 70px;
        padding: 10px;
        border-color: transparent;
        border-radius: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .trim_option .shape-swatch.swatch-selected > a {
        background-color: #f1f1f1;
        border-color: transparent;
        box-shadow: none;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .border-t:has(select.product-custom-option) {
        align-items: flex-start;
        padding: 15px 0 0;
        border-top: 0;
        /* border-bottom: 1px solid #d2d2d2; */
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .border-t:has(select.product-custom-option) > div:has(label.label) {
        flex: 0 0 32%;
        width: 32%;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .border-t:has(select.product-custom-option) > .mw-apo-control {
        flex: 1 1 auto;
        width: auto;
        margin-left: 0;
        padding-right: 0;
        text-align: right;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block select.product-custom-option {
        width: 300px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .custom-option-description {
        max-width: 100%;
        margin-top: 8px;
        font-size: 13px;
        line-height: 1.35;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block > div:has(.wall_width) {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block > div:has(.wall_width) > div:has(> .wall_width),
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block > div:has(.wall_width) > div:has(> .wall_height) {
        flex: 0 0 50%;
        width: 50%;
        box-sizing: border-box;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block > div:has(.wall_width) > div:has(> .paper_choice) {
        flex: 0 0 100%;
        width: 100%;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height {
        flex: 0 0 50%;
        width: 100% !important;
        align-items: stretch;
        box-sizing: border-box;
        flex-direction: column !important;
        padding: 12px 0 18px;
        border-top: 0;
        border-bottom: 1px solid #d2d2d2;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width {
        padding-right: 6px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height {
        padding-left: 6px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width > div:has(label.label),
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height > div:has(label.label),
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width > .mw-apo-control,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height > .mw-apo-control {
        flex: 0 0 auto;
        width: 100% !important;
        margin-left: 0;
        padding-right: 0;
        text-align: left;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width label.label,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height label.label {
        width: 100%;
        margin: 0 0 10px;
        color: #10243e;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width label.label > .flex,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height label.label > .flex {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width label.label .w-\[387px\],
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height label.label .w-\[387px\] {
        width: auto !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width label.label .font-title,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height label.label .font-title {
        font-family: Lato, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.2;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width select,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height select {
        width: 100% !important;
        height: 37px;
        min-height: 37px;
        color: #888888;
        border-color:#888888;
        font-size: 12px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .paper_choice {
        flex: 0 0 100%;
        width: 100% !important;
        display: block;
        padding: 14px 0 15px;

        border-bottom: 1px solid #d2d2d2;
        border-top: none;
        margin-top: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .paper_choice > div:has(label.label) {
        width: 100% !important;
        margin: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .paper_choice label.label {
        width: 100%;
        margin: 0 0 16px;
        color: #10243e;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .paper_choice label.label .font-title {
        font-family: Filosofia, Didot, "Bodoni MT", Palatino, serif;
        font-size: 20px;
        line-height: 1.2;
        color: #10243e;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-selected-material-summary {
        color: #937c66;
        font-family: Lato, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.2;
        margin-left: 8px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-choice-control {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-choice-list {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
        list-style: none;
        margin-top: 15px;
        padding: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-choice {
        margin: 0;
        padding: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-choice-button {
        min-height: 70px;
        border: 1px solid #c6c6c6;
        color: #10243e;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px 8px;
        text-align: center;
        text-decoration: none;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-choice-button:hover,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-choice-button:focus {
        border-color: #937c66;
        box-shadow: 0 0 0 1px #937c66 inset;
        outline: none;

    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-choice.swatch-selected .lvd-material-choice-button {
        border-color: #937c66;
        box-shadow: 0 0 0 1px #937c66 inset;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-choice-button:hover span,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-choice-button:focus span {
        opacity: 0.8;

    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-title {
        font-family: Lato, Arial, sans-serif;
        font-size: 15px;
        letter-spacing: .16em;
        line-height: 1;
        color: #444;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-subtitle {

      margin-top: 0;
      font-size: .95rem;
      display: block;
      font-family: CanelaLightItalic, serif;
      font-weight: 400;
      font-style: normal;
      text-transform: lowercase;
      letter-spacing: .00833rem;
      color: #444;
      line-height: 1;

    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-description-list {
        color: #263138;
        font-family: Lato, Arial, sans-serif;
        font-size: 13px;
        line-height: 1.35;
        list-style: none;
        margin: 12px 0 0;
        padding: 0;
        text-align: left;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-description-list .custom-option-description {
        margin: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-description-list .material-type {
        display: none;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-favorite-prefix{
        color: #937c66;
    }


    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-learn-link {
        color: #786b4f;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-learn-link {
        margin-left: 4px;
        text-decoration: underline;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) [data-bi-pdp-action-anchor] {
        align-items: center !important;
        margin: 0 !important;
        padding: 24px 10px;
        border-bottom: 1px solid #d2d2d2;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #quantity_container.bi-pdp-quantity-panel[data-bi-pdp-action-anchor] {
        align-items: flex-start !important;
        padding: 25px 15px;
        border-bottom: 1px solid #c6c6c6;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) [data-bi-pdp-action-anchor] > .flex {
        margin-top: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls {
        margin: 16px 0 20px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list {
        flex-wrap: nowrap;
        gap: 5px;
        justify-content: flex-start;
        margin: 0;
        align-items: stretch;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.is-first-panel .nav-control-back {
        display: none !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li {
        flex: 0 0 auto;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li.nav-control-back,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li.nav-control-save,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li.nav-control-addtocart,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li.nav-control-next {
      
        min-width: 142px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.options-panel-is-purchase-step.is-options-panel .nav-control-addtocart,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.is-single-panel-purchase-step .nav-control-addtocart {
        display: flex !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.options-panel-is-purchase-step.is-options-panel .nav-control-next,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.is-single-panel-purchase-step .nav-control-next {
        display: none !important;
    }


    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li.nav-control-sample{
        width: 152px;
        min-width: 152px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls > a,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li > a {
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0;
      text-transform: uppercase;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-width: 0;
      height: 48px;
      border: 1px solid #333333;
      border-radius: 0;
      padding: 15px;
      font-family: Lato, Arial, serif;
      font-size: 13.6px;
      line-height: normal;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .bi-btn-wishlist-save,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .bi-btn-quote-save,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .s7-sample-button,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .s7-back-button {
        background-color: #ffffff;
        color: #4f5658;
        border-color: #333333;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .bi-btn-wishlist-save:hover,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .bi-btn-quote-save:hover,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .s7-sample-button:hover,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .s7-back-button:hover {
        background-color: #efefef;
        color: #4f5658;
        border-color: #efefef;
    }


    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .s7-next-button {
        background-color: #a4655c;
        color: #ffffff;
        border-color: #a4655c;
        font-family: Lato, Arial, sans-serif;
        font-weight: 700 !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li > a.s7-next-button {
        background-color: #a4655c;
        color: #ffffff;
        border-color: #a4655c;
        font-family: Lato, Arial, sans-serif;
        font-weight: 700 !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.options-panel-is-purchase-step.is-options-panel .s7-addtocart-button,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.is-single-panel-purchase-step .s7-addtocart-button {
        display: inline-flex !important;
        background-color: #a4655c;
        color: #ffffff;
        border-color: #a4655c;
        font-family: Lato, Arial, sans-serif;
        font-weight: 700 !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.is-lvd-large-swatch-purchase-step .nav-control-addtocart {
        display: flex !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.is-lvd-large-swatch-purchase-step .nav-control-next,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.is-lvd-large-swatch-purchase-step .nav-control-back,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.is-lvd-large-swatch-purchase-step .nav-control-sample {
        display: none !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.is-lvd-large-swatch-purchase-step .s7-addtocart-button {
        display: inline-flex !important;
        background-color: #a4655c;
        color: #ffffff;
        border-color: #a4655c;
        font-family: Lato, Arial, sans-serif;
        font-weight: 700 !important;
        opacity: 1;
        pointer-events: auto;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .s7-sample-button,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .s7-sample-button span {
        white-space: nowrap;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .s7-sample-button span + span {
        margin-left: 0.25em;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.is-mural-options-flow .nav-control-sample {
        display: none !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .yunk-processing-info {
        margin-top: 0 !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .art_print_type {
        width: 100%;
        flex: 0 0 100%;
        align-items: flex-start;
        border-top: 0;
        border-bottom: 1px solid #c6c6c6;
        margin-bottom: 16px;
        padding-top: 0;
        padding-bottom: 18px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .art_print_type > div:first-child {
        width: 100%;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .art_print_type .label {
        width: 100%;
        max-width: none;
        margin-bottom: 18px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .art_print_type .label .font-title {
        font-family: Lato, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.25;
        color: #263138;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .art_print_type .text-red-500 {
        display: none;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #collapse_art_print_type {
        width: 100%;
    }

 

    body.bi-lvd-pdp-scope.catalog-product-view #collapse_art_print_type .custom-option-description .list {
        display: block;
        margin: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #collapse_art_print_type .custom-option-description .list-item {
        display: list-item;
        list-style-position: inside;
        list-style-type: circle;
        margin: 0;
        padding: 4px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .lvd-art-print-type-list {
        display: flex;
        flex-wrap: nowrap;
        gap: 18px;
        justify-content: flex-start;
        align-items: flex-start;
        list-style: none;
        margin: 15px 0 0 0;
        padding: 0;
        width: 100%;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .lvd-art-print-type-card {
        flex: 0 0 96px;
        margin: 0;
        padding: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .lvd-art-print-type-card-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        min-height: 142px;
        padding: 10px 8px;
        border: 1px solid transparent;
        border-radius: 8px;
        color: #263138;
        text-align: center;
        text-decoration: none;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .lvd-art-print-type-card.swatch-selected .lvd-art-print-type-card-link {
        border-color: #9a7357;
        color: #9a7357;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .lvd-art-print-type-image-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 88px;
        height: 88px;
        margin-bottom: 8px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .lvd-art-print-type-image {
        display: block;
        width: auto;
        height: 88px;
        max-width: 88px;
        border: 0;
        object-fit: contain;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .lvd-art-print-type-title {
        display: block;
        font-family: Lato, Arial, sans-serif;
        font-size: 12px;
        line-height: 1.2;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .lvd-art-print-type-price {
        display: block;
        margin-top: 4px;
        color: #9a7357;
        font-family: Lato, Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.075em;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .lvd-art-print-type-price.invisible {
        opacity: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .art_print_material,
    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .art_print_dimensions,
    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .framed_print_dimensions,
    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .canvas_dimensions,
    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .framed_canvas_dimensions,
    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .repositionable_dimensions,
    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .frame_finish {
        display: flex;
        align-items: center;
        border-top: 0;
        padding-top: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .art_print_material.hidden,
    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .art_print_dimensions.hidden,
    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .framed_print_dimensions.hidden,
    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .canvas_dimensions.hidden,
    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .framed_canvas_dimensions.hidden,
    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .repositionable_dimensions.hidden,
    body.bi-lvd-pdp-scope.catalog-product-view #pdp_form_wrapper .frame_finish.hidden {
        display: none !important;
    }

    /*
     * Art Print option layout is driven entirely by the runtime-toggled
     * .lvd-art-print-* classes (lvdSyncArtPrintFieldLayout), which pair Paper
     * Type + Print Size and drop Frame Finish full-width to match M1. Default
     * every field to full-width here; the paired/hidden wrapper rules below
     * override to 50% / none. (Replaces the old duplicate :has() layout block
     * that hard-paired dimension+frame and fought the JS classes.)
     */
    body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .lvd-art-print-options-layout > div {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .lvd-art-print-options-layout {
        display: flex;
        flex-wrap: wrap;
        /* 12px gutter between the two 50% columns (M1: 2x299 + 12 = 610). Inert
           for a lone/full-width item, so single-field + Frame Finish rows are
           unaffected. */
        column-gap: 12px;
        width: 100%;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .lvd-art-print-options-layout > .lvd-art-print-hidden-wrapper {
        display: none;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .lvd-art-print-options-layout > .lvd-art-print-paired-wrapper {
        /* 50% minus half the 12px column-gap so two columns + gutter = 100%.
           A lone half-width field (Canvas/Repositionable Print Size) stays at
           this width and left-aligns via flex-start — matching M1, which never
           stretches a single dropdown full-width. */
        flex: 0 0 calc(50% - 6px);
        max-width: calc(50% - 6px);
        width: calc(50% - 6px);
    }

    body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .lvd-art-print-paired-field {
        align-items: flex-start;
        border-bottom: 0;
        flex-direction: column;
        margin-bottom: 0;
        /* No horizontal padding: the container's column-gap owns the gutter now.
           Keep 20px bottom so the paired row clears a full-width Frame Finish. */
        padding: 0 0 20px 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .lvd-art-print-paired-field > div:first-of-type {
        flex: 0 0 auto !important;
        max-width: none !important;
        width: 100% !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .lvd-art-print-paired-field .label {
        flex: 0 0 auto;
        margin: 0 0 12px;
        max-width: none;
        width: 100%;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .lvd-art-print-paired-field .mw-apo-control {
        margin-left: 0;
        padding-right: 0;
        text-align: left;
        /* !important beats the .border-t:has(select) > .mw-apo-control { width:auto }
           rule (higher specificity via :has(#lada-panel-controls-root)), so the
           full-width Frame Finish select fills its row like M1. */
        width: 100% !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .lvd-art-print-paired-field select.product-custom-option {
        width: 100% !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .product-additional-info {
        margin: 0;
        padding: 0;
        border-bottom: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .product-additional-info.lvd-product-repeat-details {
        margin:0;
        color: #10243e;
        padding: 2rem;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .lvd-details-heading {
        color: #9a7a60;
        font-family: CanelaThin, Filosofia, Didot, "Bodoni MT", Palatino, serif;
        font-size: 48px;
        font-weight: 400;
        line-height: 1;
        margin: 0 0 18px;
        text-transform: lowercase;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .product-description {
        border-bottom: 1px solid #d2d2d2;
        color: #263138;
        font-family: Lato, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.45;
        margin: 0;
        padding: 0 0 22px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .roll-details-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #d2d2d2;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .roll-details {
        min-height: 128px;
        padding: 24px 16px 18px;
        text-align: center;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .roll-details + .roll-details {
        border-left: 1px solid #d2d2d2;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .flex-row {
        align-items: center;
        display: inline-flex;
        gap: 6px;
        justify-content: center;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .repeat-label {
        color: #10243e;
        font-family: Lato, Arial, sans-serif;
        font-size: 15px;
        line-height: 1.2;
        margin: 0;
        text-transform: uppercase;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .repeat-value {
        color: #10243e;
        font-family: CanelaThin, Filosofia, Didot, "Bodoni MT", Palatino, serif;
        font-size: 42px;
        font-weight: 400;
        line-height: 1;
        margin: 18px 0 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .detail-tooltip {
        border: 1px solid #937c66;
        border-radius: 50%;
        color: #937c66;
        cursor: help;
        display: inline-block;
        font-family: Lato, Arial, sans-serif;
        font-size: 11px;
        height: 18px;
        line-height: 16px;
        position: relative;
        text-align: center;
        width: 18px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .detail-tooltip::before {
        content: 'i';
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .detail-tooltip p {
        background: #ffffff;
        border: 1px solid #d2d2d2;
        box-shadow: 0 3px 8px rgba(0, 0, 0, .12);
        color: #263138;
        display: none;
        font-size: 12px;
        left: 50%;
        line-height: 1.35;
        margin: 0;
        padding: 10px;
        position: absolute;
        text-align: left;
        top: 24px;
        transform: translateX(-50%);
        width: 260px;
        z-index: 20;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .detail-tooltip:hover p,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .detail-tooltip:focus-within p {
        display: block;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .easy-to-install {
        align-items: center;
        color: #937c66;
        display: flex;
        font-family: Lato, Arial, sans-serif;
        font-size: 15px;
        font-weight: 700;
        justify-content: center;
        letter-spacing: .14em;
        line-height: 1.2;
        margin: 0;
        padding: 32px 0 0;
        text-align: center;
        text-transform: uppercase;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .easy-to-install p {
        margin: 0;
        padding: 0 20px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .easy-to-install p + p {
        border-left: 1px solid #937c66;
    }
}

@media (max-width: 768px) {
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block {
        display: flex;
        flex-wrap: wrap;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .paper_choice {
        flex: 0 0 100%;
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width .option select,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height .option select,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .paper_choice .option select {
        width: 100%;
    }



    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-choice-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .roll-details-container {
        display: block;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .roll-details + .roll-details {
        border-left: 0;
        border-top: 1px solid #d2d2d2;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .easy-to-install {
        display: block;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .easy-to-install p {
        padding: 8px 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .easy-to-install p + p {
        border-left: 0;
        /* border-top: 1px solid #937c66; */
    }
}

@media (min-width: 769px) {
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #pdp_form_wrapper,
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #pdp_form_wrapper > .w-full.mb-6,
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > .w-full.mb-6 {
        display: contents;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > *,
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #pdp_form_wrapper > .w-full.mb-6 > * {
        order: 100;
        width: 100%;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > .fixed-controls,
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > .s7-panel-container,
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > #mobile_section_top {
        order: 0;
        width: auto;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > .main-title-container {
        order: 10;
        margin: 0 !important;
        padding: 0 0 16px !important;
        text-align: left;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > .main-title-container .page-title {
        padding: 0 !important;
        text-align: left;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .bi-lada-desktop-review-row {
        order: 20 !important;
        padding: 22px 0;
        border-top: 1px solid #d2d2d2;
        border-bottom: 1px solid #d2d2d2;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .bi-lada-desktop-review-row .my-2.flex {
        width: 100%;
        margin: 0;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .bi-lada-desktop-review-row .rating-summary {
        width: 100%;
        align-items: center;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .bi-lada-desktop-review-row .rating-summary .svg {
        width: 22px;
        height: 22px;
        color: #e8b75a !important;
    }


    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .bi-lada-desktop-review-row .rating-summary .google-review-static .google_b svg {
      width: 107px;
      height: 20px;
  }



    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .bi-lada-desktop-review-row .rating-summary span:not(.hidden) {
      color: #937c66;
      font-size: .6875rem;
      margin-left: 1em;
      line-height: 1.2;
      vertical-align: middle;
      font-family: Montserrat-Light, Arial, sans-serif;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #lada-panel-controls-root {
        order: 30 !important;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #pdp_form_wrapper form {
        order: 35 !important;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block {
        order: 40 !important;
        margin: 0 !important;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block > button.btn.btn-primary.my-4 {
        display: none !important;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) [data-bi-pdp-action-anchor] {
        order: 50 !important;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .canvas-toolbar-add {
        order: 55 !important;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-panel-nav-controls {
        order: 60 !important;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .yunk-processing-info {
        order: 70 !important;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .product-additional-info {
        order: 80 !important;
    }

    /* Content hardening for the action bar's slot (M1 parity guard).

       `order` only applies to FLEX ITEMS. An unclosed formatting tag in a
       merchant-authored description — 13 migrated products shipped an
       unterminated <strong>, repaired by Yunk\YProduct\Setup\Patch\Data\
       CloseUnterminatedDescriptionStrongTags — makes the HTML parser
       reconstruct that element around the following siblings. The two blocks
       emitted after the description (`.canvas-toolbar-add` and
       `.s7-panel-nav-controls`) then become GRANDchildren of this column,
       their `order: 55` / `order: 60` above go inert, and the reconstructed
       wrapper falls through to the `order: 100` catch-all — so the action bar
       sinks below `.product-additional-info` (order: 80).

       M1 needed no guard because it never reordered: view.phtml:415 emits the
       action bar BEFORE the description at view.phtml:465, so document order
       alone is correct and no amount of malformed content can move it. Until
       M2 restores that emission order, order the WRAPPER instead of the row.

       ponytail: one selector, not two. A reconstruction that swallows the nav
       row always swallows `.canvas-toolbar-add` with it — they are the only
       two blocks emitted after the description, so the whole wrapper lands in
       slot 60 with its internal DOM order (add mirror, then buttons) intact.
       Add a `:has(.canvas-toolbar-add)` twin only if a malformed tag is ever
       found BETWEEN them. */
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .md\:col-start-2.flex.flex-col > *:has(.s7-panel-nav-controls) {
        order: 60 !important;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls {
        padding: 12px 0 30px;
        margin: 0;
        border-bottom: 1px solid #d2d2d2;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #lada-panel-controls-root #panel_controls_back .color-controls {
        border-bottom: 0;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .color-header h2 {
        margin-bottom: 18px;
        font-size: 22px;
        line-height: 1.2;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .color-boxes {
        gap: 20px;
        padding: 0 15px;
        width: 90%;
    }



    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .pattern-boxes {
      border-left: 1px solid #c6c6c6 !important;
      display: block;
      padding: 10px 15px;
      margin-top: 5px;
  }

  
  body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #lada-panel-controls-root h2.pattern-header {
    font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
    font-weight: 400;
    font-style: normal;
    text-transform: capitalize;
    font-size: 1.2875rem;
    line-height: 2rem;
    padding: 0;
    width: auto;
    line-height: 1;
    letter-spacing: normal;
    color: #263138;
    margin-top: 15px;
}

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .color-boxes .color-swatch-group {
        min-width: 72px;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .color-boxes .color-swatch-group a.color-box,
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .color-boxes .color-swatch-group a.color-box_sel {
        width: 64px;
        height: 64px;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .border-t:has(.trim_option) {
        padding: 0;
        border-top: 0;
        border-bottom: 1px solid #d2d2d2;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .trim_option {
        display: flex;
        align-items:flex-start;
        justify-content: space-between;
        gap: 24px;
        padding: 15px;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .trim_option .select-card-shape-heading {
        flex: 1 1 auto;
        margin: 0;
        padding: 0;
        font-size: 22px;
        line-height: 1.2;
        letter-spacing: 0;
        padding-top: 15px;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .trim_option .shape-swatches {
        flex: 0 0 auto;
        justify-content: flex-end;
        gap: 10px;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .trim_option .shape-swatch > a {
        min-width: 70px;
        padding: 10px;
        border-color: transparent;
        border-radius: 0;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .trim_option .shape-swatch.swatch-selected > a {
        background-color: #f5f3f1;
        border-color: transparent;
        box-shadow: none;
    }


    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .trim_option .shape-swatch.swatch-selected > a label span {
      font-weight: normal !important;
  }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .border-t:has(select.product-custom-option) {
        align-items: flex-start;
        padding: 15px;
        border-top: 0;
        border-bottom: 1px solid #d2d2d2;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .border-t:has(select.product-custom-option) > div:has(label.label) {
        flex: 0 0 32%;
        width: 32%;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .border-t:has(select.product-custom-option) > .mw-apo-control {
        flex: 1 1 auto;
        width: auto;
        margin-left: 0;
        padding-right: 0;
        text-align: right;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .format_option:has(select.product-custom-option) > div:has(label.label) {
        flex: 0 0 16%;
        width: 16%;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .format_option:has(select.product-custom-option) > .mw-apo-control {
        flex: 1 1 0;
        min-width: 0;
        justify-content: flex-start;
        padding-left: 8px;
        padding-right: 8px;
        text-align: left;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .format_option:has(select.product-custom-option) > .mw-apo-control > div:has(select.product-custom-option) {
        width: 100%;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .format_option:has(select.product-custom-option) .custom-option-description {
        text-align: left;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .format_option:has(select.product-custom-option) select.product-custom-option {
        width: 100%;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block select.product-custom-option {
        width: 300px
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .custom-option-description {
        max-width: 100%;
        margin-top: 8px;
        font-size: 13px;
        line-height: 1.35;
        font-family: 'Montserrat-regular';
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) [data-bi-pdp-action-anchor] {
        align-items: center !important;
        margin: 0 !important;
        padding: 24px 10px;
        border-bottom: 1px solid #d2d2d2;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #quantity_container.bi-pdp-quantity-panel[data-bi-pdp-action-anchor] {
        align-items: flex-start !important;
        padding: 25px 15px !important;
        border-bottom: 1px solid #c6c6c6;
    }

    body.catalog-product-view #quantity_container.bi-pdp-quantity-panel.bi-placecard-quantity-hidden {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) [data-bi-pdp-action-anchor] > .flex {
        margin-top: 0;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-panel-nav-controls {
        margin: 24px 0 20px;
    }

    /* M1 parity (basicinvite-m1 skin/frontend/basicinvite/default/css/custom.css
       `.nav-control-list` + skin/frontend/basicinvite/year-2018/css/product.css
       `.nav-control-list`): the action row spans the full options column rather
       than shrink-wrapping its buttons, so Prev has leftover width to absorb. */
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list {
        flex-wrap: nowrap;
        gap: 7px;
        justify-content: center;
        width: 100%;
        margin: 0;
    }


    /* M1 parity (basicinvite-m1 skin/frontend/basicinvite/year-2018/css/product.css
       `.nav-control-list li.nav-control-next`): grows at twice Prev's rate but
       caps at 12.5rem, so the surplus lands on Prev, not on Next. Overrides the
       shared `flex-basis: 100%` further down this file. */
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li.nav-control-next {
        flex: 2 1 auto;
        min-width: 0;
        max-width: 200px;
    }

    /* M1 parity (basicinvite-m1 skin/frontend/basicinvite/year-2018/css/product.css
       `.nav-control-list li.nav-control-back`): the only uncapped grower in the
       row — it takes whatever Next and Save leave behind. */
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li.nav-control-back {
        display: flex !important;
        flex: 1 1 auto;
    }

    /* M1 parity: M1 collapses the whole `li.nav-control-back` on the options
       panel. M2 hides only the anchor (`.s7-back-button.disabled`, see the rule
       near the end of this file), so without this the empty li would still grow
       and shove Save/Next off-centre on the pre-editor PDP.
       `!important` on both this and the `display: flex` above is load-bearing:
       the compiled bundle writes an inline `display: list-item` on this li when
       it shows/hides Prev, which otherwise wins over any stylesheet rule and
       drops the li out of flex layout (the anchor then ignores `flex: 1 1 0`
       and parks on its 120px min-width). The `.disabled` discriminator is the
       same one the `.s7-back-button.disabled` rule already relies on, so
       show/hide still follows the bundle. */
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li.nav-control-back:has(> .s7-back-button.disabled) {
        display: none !important;
    }

    /* M1 parity (basicinvite-m1 skin/frontend/basicinvite/year-2018/css/product.css
       `.nav-control-list li.nav-control-save`): Save never grows and sits at its
       content width — the shared 120px `min-width` on the anchor is M2-only. */
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li.nav-control-save {
        flex: 0 0 auto;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li.nav-control-save > a {
        min-width: 0;
    }

    /* M1 parity (basicinvite-m1 skin/frontend/basicinvite/year-2018/css/product.css
       `#section_main.design-mode .s7-panel-nav-controls .nav-control-list`):
       editor mode left-aligns the row; the PDP keeps the centred default above.
       `#canvas-toolbar:not(.hidden)` is this file's established M2 stand-in for
       M1's `design-mode` body class. */
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root):has(#canvas-toolbar:not(.hidden)) .s7-panel-nav-controls .nav-control-list {
        justify-content: flex-start;
    }


    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li.nav-control-sample{
        min-width: 192px;
    }
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li.nav-control-sample a{
      border-color: #937c66;
    }
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-panel-nav-controls > a,
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li > a {
      font-style: normal;
      font-weight: 400;
      letter-spacing: .05em;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #e2e3e4;
      padding: 19px 21px;
      font-family: 'Montserrat';
      border-radius: 9999px;
      text-transform: capitalize;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-panel-nav-controls .s7-sample-button,
    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-panel-nav-controls .s7-sample-button span {
        white-space: nowrap;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-panel-nav-controls .s7-sample-button span + span {
        margin-left: 0.25em;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .yunk-processing-info {
        margin-top: 0 !important;
    }

    body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .product-additional-info {
        margin: 0;
        padding: 0;
        border-bottom: 0;
    }
}

/* Editor mode = canvas-toolbar's `.hidden` removed by the bundle.
   `:has()` lets a parent reach forward AND backward through siblings —
   the legacy `~` combinator could only flip later siblings, so it left
   the PDP review row, buy-box (#pdp_form_wrapper), and the editor header
   (no sibling relationship) unaddressed. */

body.catalog-product-view:has(#lada-panel-controls-root):has(#canvas-toolbar:not(.hidden)) .bi-lada-desktop-review-row,
body.catalog-product-view:has(#lada-panel-controls-root):has(#canvas-toolbar:not(.hidden)) .s7-panel-container,
body.catalog-product-view:has(#lada-panel-controls-root):has(#canvas-toolbar:not(.hidden)) #pdp_form_wrapper,
body.catalog-product-view:has(#lada-panel-controls-root):has(#canvas-toolbar:not(.hidden)) [data-bi-lada-pdp-below-content] {
    display: none;
}



/* `:not(.hidden)` on the right side keeps this rule from overriding the
   `.hidden` utility added by ReviewPanel.hideAddElementsToolbar() (and any
   other panel-driven hide on a mirror). Without it, body:has's (1,2,1)
   specificity trounces Tailwind's `.hidden` (0,1,0) and silently leaks the
   mirror onto Review. Pattern parallels the slider-toolbar override below. */
body:has(#canvas-toolbar:not(.hidden)) .s7-editor-header:not(.hidden),
body:has(#canvas-toolbar:not(.hidden)) .canvas-toolbar-mirror:not(.hidden) {
    display: flex;
}

.bi-editor-canvas-area {
    position: relative;
}

.bi-editor-instructions {
    display: none;
    pointer-events: none;
    position: static;
    width: 100%;
    z-index: 20;
}

.bi-editor-desktop-instruction-wrap {
    display: block;
}

.bi-editor-desktop-instruction {
    color: #263138;
    display: none;
    font-family: 'Montserrat-regular';
    font-size: 12px;
    line-height: 20px;
    margin: 0 auto;
    max-width: calc(100% - 48px);
    padding: 7px 16px;
    position: static;
    text-align: center;
    white-space: nowrap;
    width: max-content;
}

.tutorial-container.bi-editor-tap-notice {
    display: none;
    inset: 0;
    pointer-events: auto;
    position: absolute;
    z-index: 25;
}

.tutorial-container.bi-editor-tap-notice:not(.hidden) {
    display: flex;
}

.tutorial-container.bi-editor-tap-notice.hidden {
    display: none !important;
}

.tutorial-container.bi-editor-tap-notice .tutorial-notice {
    align-items: center;
    aspect-ratio: 1;
    background-color: #263138;
    border-radius: 2px;
    box-sizing: border-box;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
    color: #ffffff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-family: Montserrat-Regular, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    left: 50%;
    line-height: 16px;
    min-width: 150px;
    padding: 16px 14px;
    position: absolute;
    text-align: center;
    top: 18%;
    transform: translateX(-50%);
    width: 150px;
}

.tutorial-container.bi-editor-tap-notice .tutorial-notice::after {
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 22px solid #263138;
    bottom: -22px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
}

.tutorial-container.bi-editor-tap-notice .bi-stars {
    color: #a18770;
    font-size: 42px;
    line-height: 1;
    margin-bottom: 8px;
}

.tutorial-container.bi-editor-tap-notice p {
    margin: 0;
    max-width: 105px;
}

.tutorial-container-envelope {
    display: flex;
    left: 2%;
    pointer-events: auto;
    position: absolute;
    top: 101px;
    z-index: 25;
}

.tutorial-container-envelope.hidden {
    display: none !important;
}

.tutorial-container-envelope.center {
  left: calc(52% - 75px);
  top: 232px;
}

@font-face {
    font-family: "handdrawn_iconsregular3";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/HanddrawnIcons/HanddrawnIcons3-Regular.woff2") format("woff2"),
        url("../../fonts/HanddrawnIcons/handdrawnicons-regular-webfont.woff2") format("woff2");
}

.tutorial-container-envelope .tutorial-notice {
    align-items: center;
    aspect-ratio: 1;
    background-color: #263138;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-family: Filosofia, Georgia, serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 17px;
    height: 150px;
    min-width: 150px;
    padding: 16px 14px;
    position: relative;
    text-align: center;
    width: 150px;
}

.tutorial-container-envelope .tutorial-notice::after {
    border-bottom: 2em solid #263138;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    content: "";
    height: 0;
    left: calc(50% - 1em);
    position: absolute;
    top: -2em;
    width: 0;
}

.tutorial-container-envelope .bi-hello {
    color: #937c66;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    left: -5px;
    line-height: 1;
    margin:0 0 0.5em;
    position: relative;
}

.tutorial-container-envelope .bi-hello::before {
    content: "K";
    display: inline-block;
    font-family: "handdrawn_iconsregular3", Filosofia, Georgia, serif;
    font-size: 4.1em;
    line-height: 0.75;
    transform: rotate(-11deg);
    vertical-align: top;
}

.tutorial-container-envelope p {
    margin: 0;
    max-width: 100px;
    text-align: center;
}

@media (max-width: 768px) {
    .tutorial-container-envelope {
        left: calc(25% - 75px);
        top: 58px;
    }

    .tutorial-container-envelope.center {
        left: calc(50% - 75px);
        top: 160px;
    }

    .tutorial-container-envelope .tutorial-notice::after {
        left: calc(25% - 1em);
    }

    .tutorial-container-envelope.center .tutorial-notice::after {
        left: calc(50% - 1em);
    }

   lvd-selected-material-summary {
      font-family: 'Lato';
      font-weight: 400;
      font-style: normal;
      letter-spacing: 0;
      padding: .015em;
      color: #937c66;
      text-align: left;
      line-height: normal;
      display: inline;
      font-size: 1rem;
      vertical-align: baseline;
  }
}

body.catalog-product-view:has(#canvas-toolbar:not(.hidden)) .bi-editor-instructions,
body.catalog-product-view:has(#canvas-toolbar:not(.hidden)) .bi-editor-desktop-instruction,
body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="back"]) .bi-editor-instructions,
body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="back"]) .bi-editor-desktop-instruction,
body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="envelope"]) .bi-editor-instructions,
body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="envelope"]) .bi-editor-desktop-instruction,
body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="envelopeLiner"]) .bi-editor-instructions,
body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="envelopeLiner"]) .bi-editor-desktop-instruction {
    display: block;
}

body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="related_attributes"]) .bi-editor-instructions,
body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="review"]) .bi-editor-instructions {
    display: none !important;
}

body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="review"]) .s7-left-editor-actions {
    display: none !important;
}

/* Panels that deliberately hide #canvas-toolbar but still need editor chrome.
   The canvas-toolbar gate above only fires when an editing surface is open,
   so panels that present swatch-only selection (no canvas to edit) fall
   through to the default `display: none` and lose the step pill + Exit chip.
   Reveal them via the active-tab marker that panel-tab-strip-init.phtml
   maintains (.is-active on .s7-step-pill__tab[data-panel-id]).

   - related_attributes / review: synthetic Suite + Review panels (no canvas).
   - envelope / envelopeLiner / back: Pattern B option-driven swatch-only
     surfaces; panel.ts:1179 toggleCanvasToolbar() hides #canvas-toolbar when
     "No Envelope" / "Blank" / "None" is the current selection (the postcard
     back default, AND the explicit "Blank + $0.00/ea" back-layout swatch on
     STD products) — so those tabs would otherwise land without chrome.

   `:not(.hidden)` preserves the same panel-driven hide-override pattern
   used by the canvas-toolbar gate. */
body:has(.s7-step-pill__tab.is-active[data-panel-id="related_attributes"]) .s7-editor-header:not(.hidden),
body:has(.s7-step-pill__tab.is-active[data-panel-id="review"]) .s7-editor-header:not(.hidden),
body:has(.s7-step-pill__tab.is-active[data-panel-id="envelope"]) .s7-editor-header:not(.hidden),
body:has(.s7-step-pill__tab.is-active[data-panel-id="envelopeLiner"]) .s7-editor-header:not(.hidden),
body:has(.s7-step-pill__tab.is-active[data-panel-id="back"]) .s7-editor-header:not(.hidden) {
    display: flex;
}

/* The same active-tab fallback is needed for the Reset/Undo mirror on
   desktop. Advancing with the editor Next button lets Pattern B panels hide
   the source #canvas-toolbar, so the normal body:has(#canvas-toolbar) mirror
   gate above no longer fires even though the panel is still in editor mode.

   NOTE: `envelope` is deliberately omitted from this allow-list — the Reset/
   Undo mirror is hidden on the Envelope panel by product decision (see the
   dedicated suppression rule directly below). It is kept for back /
   envelopeLiner / related_attributes, which still surface Reset/Undo. */
@media (min-width: 769px) {
    body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="related_attributes"]) #canvas-toolbar-actions:not(.hidden),
    body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="envelopeLiner"]) #canvas-toolbar-actions:not(.hidden),
    body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="back"]) #canvas-toolbar-actions:not(.hidden) {
        display: flex;
    }
}

/* Hide the Reset/Undo mirror on the Envelope panel ONLY.
   Scoped to the active Envelope step-pill tab so every other panel (Design/
   Front, Back, envelopeLiner, Suite/related_attributes, Review) is untouched;
   the `[data-panel-id="envelope"]` exact match does not hit `envelopeLiner`.
   `!important` is required because Envelope addressing sub-states other than
   "Blank" (Guest+Return / Return Only) leave #canvas-toolbar visible, which
   fires the general mirror gate above (body:has(#canvas-toolbar:not(.hidden))
   .canvas-toolbar-mirror → display:flex, no !important) and would otherwise
   re-show Reset/Undo. No !important show-rule targets this element, so this
   hide wins cleanly. LVD already hides the whole mirror (bi-lvd-pdp-scope). */
body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="envelope"]) #canvas-toolbar-actions {
    display: none !important;
}

/* PDP-only suppression for those same panels.
   Gate-A above keys form-wrapper visibility off `#canvas-toolbar` because
   "editor open" implies "canvas-toolbar visible" — true for Pattern A,
   false for Pattern B (back/envelope/envelopeLiner suppress the toolbar
   when the active option resolves to "No Envelope" / "Blank") and for the
   synthetic related_attributes + review panels (no canvas at all). On those
   panels the desktop review row and APO `#pdp_form_wrapper` (Card Shape /
   Paper / Quantity) would otherwise leak through, mixing PDP selectors with
   the editor canvas.

   The `.s7-step-pill__tab.is-active[data-panel-id="…"]` qualifier is
   load-bearing — bare `[data-panel-id]` would match server-rendered panel
   divs in #lada-panel-controls-root regardless of active panel and
   permanently hide the form on every Pattern B PDP.

   The `body.catalog-product-view:has(#lada-panel-controls-root)` scope keeps
   this selector as strong as the desktop `display: contents` form layout
   rules above, so the hide wins when Pattern B panels hide #canvas-toolbar.

   Allow-list scope mirrors Gate-B above for form/below-content suppression
   (5 panels: back, envelope, envelopeLiner, related_attributes, review).
   The synthetic Options panel is deliberately excluded because that is also
   the normal PDP options state, where M1 shows PDP ratings and the
   first-panel color summary swatch.

   The desktop review row (.bi-lada-desktop-review-row) IS suppressed on these
   five step panels. M1 hides the "see reviews / Google rating" ratings row once
   you step into Back / Envelope / Envelope Liner / Suite / Review — those are
   layout & proofing steps, not the normal PDP options state (user-reported: the
   row bled through on the Back panel; M1's Back shows no ratings row). It is
   keyed on the *active step pill* (`.s7-step-pill__tab.is-active[data-panel-id=…]`),
   NOT on the broad `[id^="panel_controls_"]:not([style*="none"])` armed-front
   scope. That broad scope is deliberately omitted: a front panel stays
   permanently "armed" after the first text click (JS strips its inline
   display:none for good), so suppressing the review row there would also hide it
   during front inline text/colour editing on the Design step — where M1 keeps it
   visible — and would reintroduce the iframe-text-click regression. The
   #canvas-toolbar gate at the top of this file still hides the row in full
   editor mode; these rules add the step-panel cases the toolbar gate misses
   (Pattern B panels like Back hide #canvas-toolbar, so that gate cannot fire).

   Mobile limitation: `panel.ts:toggleCanvasToolbar()` uses `.hidden` on
   desktop but `.disabled` on a different element for mobile, so neither
   this rule nor Gate-A fires on mobile viewports. Mobile APO bleed-through
   remains a separate ticket. */
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="related_attributes"]) .bi-lada-desktop-review-row,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="review"]) .bi-lada-desktop-review-row,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="envelope"]) .bi-lada-desktop-review-row,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="envelopeLiner"]) .bi-lada-desktop-review-row,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="back"]) .bi-lada-desktop-review-row,
body.catalog-product-view:has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"])) .s7-panel-container,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="related_attributes"]) .s7-panel-container,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="review"]) .s7-panel-container,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="envelope"]) .s7-panel-container,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="envelopeLiner"]) .s7-panel-container,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="back"]) .s7-panel-container,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="related_attributes"]) #pdp_form_wrapper,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="review"]) #pdp_form_wrapper,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="envelope"]) #pdp_form_wrapper,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="envelopeLiner"]) #pdp_form_wrapper,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="back"]) #pdp_form_wrapper,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="related_attributes"]) [data-bi-lada-pdp-below-content],
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="review"]) [data-bi-lada-pdp-below-content],
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="envelope"]) [data-bi-lada-pdp-below-content],
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="envelopeLiner"]) [data-bi-lada-pdp-below-content],
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="back"]) [data-bi-lada-pdp-below-content] {
    display: none;
}

@media (min-width: 769px) {



  .catalog-product-view:has(#lada-panel-controls-root) #back_layout {
    margin-bottom: 25px;
}

    /* M1 parity: notification.phtml:40 prepends the notification into
       `.s7-panel-container`, which M1 renders ABOVE the panels
       (catalog/product/view.phtml:236) and never panel-gates — so it is
       visible from page load on the FIRST panel and stays visible through
       every step. The step-panel gate above hides that container, so this
       override must be unscoped by panel; `[data-bi-has-versions="true"]`
       keeps it invisible when the customer has nothing saved. */
    body.catalog-product-view:has(#lada-panel-controls-root) .s7-panel-container:has(.product-duplicate-notification[data-bi-wishlist-pdp-versions][data-bi-has-versions="true"]) {
        display: block !important;
    }

    /* M1 LVD keeps the product review link visible across color and options panels. */
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row {
        display: block !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .lvd-review-summary-row {
        align-items: center;
        color: #937c66;
        display: flex;
        font-family: 'Lato', Montserrat-Light, Arial, sans-serif;
        font-size: 15px;
        min-height: 22px;
        width: 100%;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .lvd-review-summary-row .link-to-review {
        color: inherit;
        display: block;
        flex: 0 0 auto;
        line-height: 1;
        text-decoration: none;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .lvd-review-summary-row .rating-box,
    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .lvd-review-summary-row .rating-stars {
        display: block;
        height: 22px;
        position: relative;
        width: 22px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .lvd-review-summary-row .star {
        color: #937c66;
        display: block;
        height: 22px;
        left: 0;
        line-height: 1;
        margin: 0;
        position: absolute;
        top: 0;
        width: 22px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .lvd-review-summary-row .star svg {
        display: block;
        fill: currentColor;
        height: 22px;
        width: 22px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .lvd-review-summary-row .rating-links {
        color: #937c66;
        font: inherit;
        margin: 0 0 0 8px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .lvd-review-summary-row .rating-links a {
        color: #937c66;
        text-decoration: none;
    }

    body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .lvd-review-summary-row .rating-links a:hover {
        opacity: 0.8;
    }
}

/* M1 parity: non-canvas right-column tabs do not expose the Add Elements
   mirror. Back is excluded because it can still carry editable card content. */
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="related_attributes"]) #canvas-toolbar-add,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="review"]) #canvas-toolbar-add,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="envelope"]) #canvas-toolbar-add,
body.catalog-product-view:has(#lada-panel-controls-root):has(.s7-step-pill__tab.is-active[data-panel-id="envelopeLiner"]) #canvas-toolbar-add {
    display: none;
}

/* `#canvas-toolbar` itself is always visually hidden — it's the
   bundle's source-of-truth for handler binding ($('#canvas-toolbar').find()
   in product-controls.ts). The visible UI lives in two mirror divs:
   `.canvas-toolbar-actions` (Reset/Undo, under iframe in LEFT col)
   `.canvas-toolbar-add`     (Edit Text / Box / Photo / QR, RIGHT col)
   Click delegation forwards mirror taps to originals via dispatchEvent.

   We use the screen-reader visually-hidden pattern (clip + 1px size)
   instead of `display: none` so dispatchEvent reliably fires handlers
   on the source elements regardless of bundle-internal jQuery checks. */
#canvas-toolbar {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Single mode-spanning action row. M1 ships ONE bar; per-button visibility
   is bundle-driven (Prev hides via `.s7-back-button.inactive`, Next label
   swaps to "Add to Cart" on Review panel). */
.s7-panel-nav-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
}

.s7-panel-nav-controls .nav-control-list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.s7-panel-nav-controls .nav-control-list > li {
    display: flex;
    /* flex: 1 1 0; */
    /* min-width: 120px; */
}

.s7-panel-nav-controls .nav-control-list > li.hidden {
    display: none !important;
}

body.bi-lvd-pdp-scope.wishlist-index-configure.catalog-product-view:has(#lada-panel-controls-root)
    .s7-panel-nav-controls.options-panel-is-purchase-step.is-options-panel .nav-control-list > li.hidden.nav-control-back {
    display: flex !important;
}

body.bi-lvd-pdp-scope.wishlist-index-configure.catalog-product-view:has(#lada-panel-controls-root)
    .s7-panel-nav-controls.options-panel-is-purchase-step .nav-control-list > li.hidden.nav-control-addtocart .s7-addtocart-button {
    display: inline-flex !important;
    background-color: #a4655c;
    color: #ffffff;
    border-color: #a4655c;
    font-family: Lato, Arial, sans-serif;
    font-weight: 700 !important;
}

@media (min-width: 768px) {
    .s7-panel-nav-controls .nav-control-list > li.md\:hidden {
        display: none !important;
    }

    .s7-panel-nav-controls .nav-control-list > li.hidden.md\:block {
        display: flex !important;
    }
}

.s7-panel-nav-controls .nav-control-list > li.nav-control-next {
    flex-basis: 100%;
}

.s7-panel-nav-controls > a,
.s7-panel-nav-controls .nav-control-list > li > a {
    flex: 1 1 0;
    min-width: 120px;
    padding: 12px 24px;
    border-radius: 9999px;
    font-family: inherit;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

/* Outlined pills — Save / Sample / Prev. M1's `.btn-six` treatment. */
.s7-panel-nav-controls .bi-btn-wishlist-save,
.s7-panel-nav-controls .bi-btn-quote-save,
.s7-panel-nav-controls .s7-sample-button,
.s7-panel-nav-controls .s7-back-button {
    background-color: transparent;
    color: #263138;
    border: 1px solid #937c66;
}

/* M1 cart configure keeps the Saved pill white with a light-gray outline.
   The `.wishlist` class fills only the heart; it must not fill the button. */
body.checkout-cart-configure:not(.bi-lvd-pdp-scope) .s7-panel-nav-controls .bi-btn-quote-save {
    background-color: transparent;
    color: #263138;
    border-color: #e2e3e4;
}

.s7-panel-nav-controls .bi-btn-wishlist-save:hover,
.s7-panel-nav-controls .bi-btn-quote-save:hover,
.s7-panel-nav-controls .s7-sample-button:hover,
.s7-panel-nav-controls .s7-back-button:hover {
    background-color: #efefef;
    border-color: #263138;
}

/* Filled pill — Next. M1's `.btn-one` treatment. */
.s7-panel-nav-controls .s7-next-button {
    background-color: #937c66;
    color: #ffffff;
    border: 1px solid #937c66;
    font-weight: 400 !important;
}
.s7-panel-nav-controls .s7-next-button:hover {
  opacity: 0.7;
}

/* M1 parity: hide Prev on initial PDP only.
   The compiled LADA bundle (panel-list.ts) tags `.s7-back-button` with
   BOTH `.inactive` AND `.disabled` while the user is on panel 0
   (the options panel, before entering the editor). When the user
   clicks Next and panel-index advances, the bundle removes `.disabled`
   but keeps `.inactive` on every editor panel as a *visual* greyed
   marker. So `.disabled` is the precise "still on initial PDP"
   discriminator — using `.inactive` would (re-)hide Prev throughout
   editor mode, which is what we got burned by on 04-28→05-01. */
.s7-back-button.disabled {
    display: none !important;
}

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


  .stext-container .font-btn a.font-selection,.stext-container .stext-pad .btn-toolbar .btn-group span {
    text-transform: capitalize;
  }

  .stext-container .stext-pad .btn-toolbar.size:after{
    right: 6px;
    top: 11px;
  }
    body.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .wrapper-product-detail h1.page-title {
        display: none;
    }

    body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .wrapper-product-detail > .flex > .grid > div:first-child {
        order: 20;
    }

    body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .wrapper-product-detail > .flex > .grid > div:nth-child(2) {
        display: contents;
    }

    body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .wrapper-product-detail > .flex > .grid > div:nth-child(2) > * {
        order: 30;
        width: 100%;
    }

    body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .wrapper-product-detail > .flex > .grid > div:nth-child(2) > .main-title-container {
        order: 5 !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 0 4px !important;
    }

    body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .wrapper-product-detail h1.page-title {
        display: block !important;
        padding: 0 !important;
        text-align: left;
        font-family: CanelaThin, serif !important;
        font-size: 21.6px;
        line-height: 27px;
        text-transform: lowercase;
        color: #4b4b4b;
    }

    body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .wrapper-product-detail .page-title > .base,
    body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .wrapper-product-detail .page-title .product-subtitle {
        display: inline !important;
        font: inherit !important;
        text-transform: inherit;
    }

    body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row {
        order: 6 !important;
        display: block !important;
        padding: 0 0 8px !important;
        border: 0 !important;
    }
    body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-wizart .w-entry-point div:after {
      display: none;
    }

    body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-control-section{
      padding: 0 20px;
      border-bottom: none;
      margin-bottom: 0;
    }

    body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .color-controls .color-boxes .color-swatch a.color-box{
      width: 64px;
      height: 64px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root)  .color-controls .color-header h4{
      font-family: CanelaThin, serif;
      font-size: 24px;
    }

    body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root)  .color-controls .color-header h4 span{
      font-style: italic;
      text-transform: lowercase;
      padding-left: .5em;
      font-size: 85%;
    }

    #pdp_form_wrapper.panel-options.container {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: none;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
    }

    #pdp_form_wrapper .mobile-btn-panel {

        width: 100%;
        box-sizing: border-box;
        background: #ffffff;
    }

    #pdp_form_wrapper .mobile-btn-panel.floating-button {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0 8px 4px;
        z-index: 20001;
    }

    #pdp_form_wrapper .mobile-btn-panel.inline-button {
        position: relative;
        margin: 6px 0 0;
        padding: 18px;
    }

    #pdp_form_wrapper .mobile-btn-panel > .s7-personalize-button,
    #pdp_form_wrapper .mobile-btn-panel > .s7-order-sample-button,
    #pdp_form_wrapper .mobile-btn-panel.website-demo-only > .s7-demo-website-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 64px;
        margin: 8px 0 0;
        border-radius: 0;
        box-shadow: none;
        font-family: Montserrat, Arial, sans-serif;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 2.4px;
        line-height: 1.2;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }

    #pdp_form_wrapper .mobile-btn-panel > .s7-personalize-button {
        color: #ffffff;
        background-color: #937c66;
        border: 1px solid #937c66;
    }

    #pdp_form_wrapper .mobile-btn-panel > .s7-order-sample-button,
    #pdp_form_wrapper .mobile-btn-panel.website-demo-only > .s7-demo-website-button {
        color: #937c66;
        background-color: #ffffff;
        border: 1px solid #937c66;
    }

    body.catalog-product-view.mobile-view:not(:has(#canvas-toolbar:not(.hidden))) #lada-panel-controls-root {
        display: block;
    }

    body.catalog-product-view.mobile-view:not(:has(#canvas-toolbar:not(.hidden))) #lada-panel-controls-root .color-controls {
        padding: 1rem;
        margin: 0;
        border-bottom: 0;
    }

    body.catalog-product-view.mobile-view:not(:has(#canvas-toolbar:not(.hidden))) #lada-panel-controls-root .color-header h4 {
      display: block;
      margin-bottom: 14px;
      font-size: 20px;
      line-height: 1.2;
      text-transform: inherit;
      letter-spacing: 0.2px;
    }

    body.catalog-product-view.mobile-view:not(:has(#canvas-toolbar:not(.hidden))) #lada-panel-controls-root .color-boxes {
        gap: 14px;
    }

    body.catalog-product-view.mobile-view:not(:has(#canvas-toolbar:not(.hidden))) #lada-panel-controls-root .color-boxes .color-swatch {
        min-width: 44px;
    }

    body.catalog-product-view.mobile-view:not(:has(#canvas-toolbar:not(.hidden))) #lada-panel-controls-root .color-boxes .color-swatch a.color-box,
    body.catalog-product-view.mobile-view:not(:has(#canvas-toolbar:not(.hidden))) #lada-panel-controls-root .color-boxes .color-swatch a.color-box_sel {
        width: 48px;
        height: 48px;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope).bi-mobile-pdp-action-panel-active #product-designer-wrapper {
        margin-top: 21px;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) header.page-header,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) .s7-editor-header,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar-actions,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar-add,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) .product-info-main > :not(.wrapper-product-detail) {
        display: none !important;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active header.page-header,
    body.catalog-product-view.mobile-view.s7-review-panel-active .s7-editor-header,
    body.catalog-product-view.mobile-view.s7-review-panel-active #canvas-toolbar-actions,
    body.catalog-product-view.mobile-view.s7-review-panel-active #canvas-toolbar-add,
    body.catalog-product-view.mobile-view.s7-review-panel-active .product-info-main > :not(.wrapper-product-detail),
    body.catalog-product-view.mobile-view.s7-review-panel-active footer.page-footer {
        display: none !important;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) .product-below-fold,
    body.catalog-product-view.mobile-view.s7-review-panel-active .product-below-fold {
        display: block !important;
    }


    body.catalog-product-view.mobile-view.mst-nav__theme-basicinvite-default:has(#canvas-toolbar:not(.hidden)) .product-info-main.design-editor-open + .product-below-fold {
        display: none !important;
    }

    body.catalog-product-view.mst-nav__theme-basicinvite-default.mobile-view.s7-review-panel-active .product-below-fold{display: none !important;}


 

    body.catalog-product-view.mobile-view.mst-nav__theme-basicinvite-default:has(#canvas-toolbar:not(.hidden)) .page-footer{display: none;}

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) .bi-lada-desktop-review-row,
    body.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row,
    body.catalog-product-view.mobile-view.s7-review-panel-active .bi-lada-desktop-review-row {
        display: none !important;
    }

    body.catalog-product-view.wishlist-index-configure.mobile-view:not(.bi-lvd-pdp-scope).s7-review-panel-active .s7-panel-container .wishlist-product-duplicate-notification {
        display: none !important;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .bi-editor-desktop-instruction-wrap,
    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-left-editor-actions,
    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) .s7-share-design-trigger {
        display: none !important;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #maincontent {
        padding-top: 0;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #maincontent {
        padding-top: 0;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #pdp_form_wrapper {
        display: none !important;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) .wrapper-product-detail {
        padding-bottom: 128px;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active .wrapper-product-detail {
        padding-bottom: 164px;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) .wrapper-product-detail > .flex {
        display: flex;
        flex-direction: column;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active .wrapper-product-detail > .flex {
        display: flex;
        flex-direction: column;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #lada-editor-mode {
        order: -1;
        width: 100%;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #lada-editor-mode {
        order: -1;
        width: 100%;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #product-designer-wrapper {
        margin-top: 0;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope):has(#canvas-toolbar.open-mobile-controls) .bi-editor-canvas-area {
        align-items: flex-end;
        display: flex;
        min-height: calc(100vh - 452px);
        min-height: calc(100dvh - 452px);
        padding-bottom: 48px;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope):has(#canvas-toolbar.open-mobile-controls) #product-designer-wrapper {
        flex: 0 0 auto;
        margin-top: 0;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #product-designer-wrapper {
        margin-top: 0;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar {
        position: static !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        padding: 12px 20px 10px !important;
        margin: 0 0 18px !important;
        overflow: visible !important;
        clip: auto !important;
        clip-path: none !important;
        white-space: normal !important;
        border: 0 !important;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar .toggle-canvas-lock {
        display: none !important;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar .left-column {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 14px;
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar .left-column a[role="button"] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        min-width: 0;
        padding: 4px 0;
        color: #263138;
        font-family: 'Montserrat-regular';
        font-size: 12px;
        line-height: 1.2;
        text-decoration: none;
        white-space: nowrap;
        flex-wrap: nowrap;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar .left-column .text {
        display: inline-block;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar .chat-button {
        margin-left: auto;
    }
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar .reset-icon svg{
      width: 18px;
        height: 18px;
        position: relative;
        bottom: 1px;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar .undo-icon svg {
        width: 14px;
        height: 14px;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar .save-button .save-icon{
      width:14px;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar .chat-button::after {
      content: 'J';
      color: #937c66;
      font-family: clean_iconsregular, Montserrat-Regular, "Arial Black", sans-serif;
      font-size: 1.25rem;
      font-style: normal;
      position: relative;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar .right-column {
      height: 0;
      max-height: 10vh;
      width: 100%;
      position: fixed;
      bottom: -100%;
      top: unset;
      left: 0;
      background-color: #fff;
      padding: 2em;
      border-top: none;
      z-index: 20000;
      flex-wrap: wrap;
      transition: all .6s ease;
    }

    /* body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #mobile-color-toolbar:not(.open-mobile-controls) {
      background-color: #fff;
      position: fixed;
      width: 100%;
      bottom: -100%;
      height: 0;
      padding: 2em;
      box-sizing: border-box;
      transition: all .6s ease;
    } */

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review) .color-controls > .color-header,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review) .color-controls > .color-boxes,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review) .color-controls > .pattern-header,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review) .color-controls > .pattern-boxes,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #pdp_form_wrapper .trim_option:not(.open-mobile-controls),
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #pdp_form_wrapper .border-t:has(.trim_option):not(:has(.trim_option.open-mobile-controls)) {
        display: none !important;
    }



    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden))  #envelope_layout.open-mobile-controls{
      position: fixed;
      opacity: 1;
      padding: 2em 1em;
      background: #fff;
      z-index: 99;
      height: 40vh;
      transition: all .6s ease;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }



    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #back_layout.open-mobile-controls {
      position: fixed;
      opacity: 1;
      padding: 2em 1em;
      background: #fff;
      z-index: 99;
      height: 45vh;
      overflow: auto;
      transition: all .6s ease;
    }


    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) .trim_option{
      padding: 1rem;
      background-color: #fff;
      position: fixed;
      width: 100%;
      bottom: -100%;
      height: 0;
      box-sizing: border-box;
      transition: all .6s ease;
      z-index: 99;
    }
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) .open-mobile-controls,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) .trim_option.open-mobile-controls {
        border-top: 1px solid #dcdad8;
        height: 20vh;
        bottom: 20vh;
        box-sizing: border-box;
        max-height: 50vh;
        height: fit-content;
        
        
    }

 body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #mobile-color-toolbar.open-mobile-controls{
  padding: 1.5rem 1.5rem 2rem 1.5rem;
  height: auto;
  bottom: 23vh;
 }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden))  .layout-controls{
        z-index: 999;
        position: fixed;
        width: 100%;
        background: #ffff;
        padding: 1em 1px;
        transition: all .6s ease;
        height: calc(100% - 200px);
        overflow: auto;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar.open-mobile-controls .right-column {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: center;
        justify-content: stretch;
        column-gap: 16px;
        row-gap: 20px;

        border-top: 1px solid #dcdad8;
        height: 20vh;
        bottom: 20vh;
        box-sizing: border-box;
        max-height: unset;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar.open-mobile-controls .right-column .mobile-panel-title,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #mobile-color-toolbar.open-mobile-controls .mobile-panel-title,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) .trim_option.open-mobile-controls .mobile-panel-title {
        margin: 0;
        padding-right: 32px;
        color: #263138;
        font-family: Filosofia, Georgia, serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.2;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #mobile-color-toolbar.open-mobile-controls .mobile-panel-title span{
      font-size: 16px;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar.open-mobile-controls .right-column .mobile-panel-title {
        grid-column: 1 / -1;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #mobile-color-toolbar.open-mobile-controls .scrollable {
        display: flex;
        flex-flow: row wrap;
        gap: 14px;
        align-items: flex-start;
        margin-top: 3px;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #mobile-color-toolbar.open-mobile-controls .color-dot[data-color-element-id] {
      display: flex;
      flex-direction: column;
      align-items: center;
      min-width: 67px;
      color: #263138;
      font-family: 'Montserrat-regular';
      font-size: .6rem;
      line-height: 1.25;
      text-align: center;
      max-width: 67px
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #mobile-color-toolbar.open-mobile-controls .color-dot[data-color-element-id] > i {
        display: block;
        width: 62px;
        height: 62px;
        margin: 0 0 8px;
        box-sizing: border-box;
        border: 1px solid #c6c6c6;
        border-radius: 50%;
        flex: 0 0 auto;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #mobile-color-toolbar.open-mobile-controls .color-dot[data-color-element-id] label,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #mobile-color-toolbar.open-mobile-controls .color-dot[data-color-element-id] p,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #mobile-color-toolbar.open-mobile-controls .color-dot[data-color-element-id] span {
        margin: 0;
        color: inherit;
        line-height: inherit;
        text-align: center;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar.open-mobile-controls .right-column .add-divider-button {
        display: none !important;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar.open-mobile-controls .right-column a[role="button"] {
        align-self: flex-start;
        justify-self: center;
        min-width: 56px;
        padding: 6px 10px;
        color: #263138;
        font-family: 'Montserrat-regular';
        font-size: 13px;
        line-height: 1.2;
        text-decoration: none;
        border: 1px solid #c9c9c9;
        border-radius: 0;
        background: #ffffff;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar.open-mobile-controls .right-column a[role="button"]::before {
        content: "+ ";
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #canvas-toolbar.open-mobile-controls .right-column .add-icon {
        display: none;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #mobile-control-close {
        margin: 0;
        padding: 0;
        color: #263138;
        font-family: 'Montserrat-regular';
        font-size: 11px;
        line-height: 1.2;
        background: transparent;
        border: 0;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) .open-mobile-controls #mobile-control-close {
      position: absolute;
      top: 1em;
      right: 3%;
      z-index: 1;
      width: 27px;
      height: 27px;
      border: 1px solid #ccc;
      border-radius: 35px;
      display: flex;
      margin-left: auto;
  }


  body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) .open-mobile-controls #mobile-control-close span.icon {
    height: 30px;
  }
  

  body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) .open-mobile-controls #mobile-control-close .icon{
    height: 30px;
  }
  body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) .open-mobile-controls #mobile-control-close span.label {
    position: absolute;
    left: 8.5px;
    top: 5px;
    font-size: 13px;
}

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #pdp_form_wrapper:has(.trim_option.open-mobile-controls) {
        display: block !important;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #pdp_form_wrapper:has(.trim_option.open-mobile-controls) *:has(.trim_option.open-mobile-controls) {
        display: block !important;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #pdp_form_wrapper:has(.trim_option.open-mobile-controls) *:has(.trim_option.open-mobile-controls) > :not(:has(.trim_option.open-mobile-controls)):not(.trim_option.open-mobile-controls) {
        display: none !important;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #pdp_form_wrapper:has(.trim_option.open-mobile-controls) > :not(:has(.trim_option.open-mobile-controls)) {
        display: none !important;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel.hidden {
        display: none !important;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope):not(.s7-review-panel-active):has(#canvas-toolbar.hidden) #bi-mobile-controls-panel:not(.open-mobile-controls) {
        display: none !important;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope):has(#canvas-toolbar:not(.hidden)) #lada-panel-controls-root #panel_controls_envelope .mailing_service {
        display: none !important;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #bi-mobile-controls-panel:not(.hidden) {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100000;
        display: flex !important;
        flex-direction: column;
        width: 100%;
        background: #ffffff;
        border-top: 1px solid #d9d9d9;
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
    }

    body.catalog-product-view.mobile-view.bi-mobile-controls-static:has(#canvas-toolbar:not(.hidden)) #bi-mobile-controls-panel:not(.hidden),
    body.catalog-product-view.mobile-view.bi-mobile-controls-static.s7-review-panel-active #bi-mobile-controls-panel:not(.hidden) {
        position: static;
        z-index: auto;
        box-shadow: none;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel:not(.hidden) {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100000;
        display: flex !important;
        flex-direction: column;
        width: 100%;
        background: #ffffff;
        border-top: 1px solid #d9d9d9;
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope).s7-review-panel-active #mobile-color-toolbar {
        display: none !important;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel .button-panel {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
        min-height: 68px;
        border-bottom: 1px solid #d9d9d9;
        background: #f5f3f1;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel .button-panel:not(:has(.control-trigger:not(.hidden))) {
        display: none !important;
        min-height: 0;
        border-bottom: 0;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel .button-panel.active {background: #937c66; color: #ffffff;}

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel .button-panel.active .icon{
      color: #ffffff;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope).s7-review-panel-active #bi-mobile-controls-panel > .button-panel {
        display: none !important;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope).s7-review-panel-active #bi-mobile-controls-panel:not(.hidden) {
        position: fixed !important;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100000;
        display: flex !important;
        flex-direction: column;
        width: 100%;
        background: #ffffff;
        box-shadow: none;
        border:none;
        /* border-top: 1px solid #d9d9d9;
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04); */
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope).s7-review-panel-active #panel_controls_review {
        min-height: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope).s7-review-panel-active .wrapper-product-detail {
        padding-bottom: 0;
    }


    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope).s7-review-panel-active #review-product-slider,
    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope).s7-review-panel-active #review-product-slider .swiper-wrapper,
    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope).s7-review-panel-active #review-product-slider .swiper-slide {
        /* height: auto !important; */
        min-height: 0 !important;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope).s7-review-panel-active .review-product-slider-container{
      height: calc(100vh - 40vh);
         display: flex;
        align-items: center;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope).s7-review-panel-active #review-product-slider {
        overflow: visible !important;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope).s7-review-panel-active #review-product-slider .swiper-slide {
        align-items: center;
        justify-content: center;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope).s7-review-panel-active #review-product-slider img {
        max-height: none !important;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel {
        min-height: 56px;
        background: #ffffff;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel.hidden,
    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel.closed {
        display: none !important;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel .toggle-canvas-lock {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        min-height: 56px;
        padding: 0 18px;
        color: #263138;
        font-family: 'Montserrat-regular';
        font-size: 12px;
        line-height: 1.2;
        letter-spacing: 0;
        text-align: center;
        background: #ffffff;
        border: 0;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel .toggle-canvas-lock.hidden {
        display: none !important;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel .toggle-canvas-lock .lock-icon,
    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel .toggle-canvas-lock .unlock-icon {
        position: relative;
        display: inline-block;
        width: 16px;
        height: 16px;
        flex: 0 0 16px;
    }

    /* body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel .toggle-canvas-lock .lock-icon::before,
    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel .toggle-canvas-lock .unlock-icon::before {
        position: absolute;
        right: 3px;
        bottom: 1px;
        width: 8px;
        height: 8px;
        content: "";
        border: 1px solid #937c66;
        border-radius: 1px;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel .toggle-canvas-lock .lock-icon::after,
    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel .toggle-canvas-lock .unlock-icon::after {
        position: absolute;
        right: 5px;
        top: 2px;
        width: 6px;
        height: 7px;
        content: "";
        border: 1px solid #937c66;
        border-bottom: 0;
        border-radius: 8px 8px 0 0;
    } */

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel .toggle-canvas-lock .unlock-icon::after {
        right: 8px;
        transform: rotate(-25deg);
        transform-origin: bottom right;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel .toggle-canvas-lock .text.lock,
    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel .toggle-canvas-lock .lock-icon {
        display: none;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel .toggle-canvas-lock.locked .text.unlock,
    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel .toggle-canvas-lock.locked .unlock-icon {
        display: none;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel .toggle-canvas-lock.locked .text.lock,
    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #lock-panel .toggle-canvas-lock.locked .lock-icon {
        display: inline-block;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel > .nav-control-list.hidden {
        display: none !important;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel .review-product-slider-toolbar {
        position: static;
        z-index: auto;
        order: 1;
        display: flex;
        flex: 0 0 auto;
        width: 100%;
        min-height: 48px;
        padding: 0 20px;
        border-top:none;
        border-bottom: 1px solid #d9d9d9;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel > .nav-control-list {
        order: 2;
        display: grid !important;
        /* grid-template-columns: repeat(3, minmax(0, 1fr)); */
        gap: 0;
        width: 100%;
        min-height: 68px;
        padding: 0;
        margin: 0;
        list-style: none;
        background: #ffffff;
        border-bottom: 1px solid #d9d9d9;
        grid-template-columns: repeat(auto-fit, minmax(33.3%, 1fr));
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel > .nav-control-list > li {
        display: flex;
        border-right: 1px solid #d9d9d9;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel > .nav-control-list > li:last-child {
        border-right: 0;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel > .nav-control-list > .nav-control-back,
    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel > .nav-control-list > .nav-control-addtocart {
        display: none !important;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel > .nav-control-list > .nav-control-save {
        grid-column: 1;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel > .nav-control-list > .nav-control-sample {
        grid-column: 2;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel > .nav-control-list > .nav-control-next {
        grid-column: 3;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel > .nav-control-list > li > a {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-width: 0;
        min-height: 68px;
        padding: 0 8px;
        margin: 0;
        border-radius: 0 !important;
        box-shadow: none;
        font-family: 'Montserrat-regular';
        font-size: 12px;
        font-weight: 400;
        line-height: 1.2;
        letter-spacing: 1.6px;
        text-align: center;
        text-decoration: none;
        text-transform: capitalize;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel > .nav-control-list .s7-sample-button {
        flex-wrap: nowrap;
        column-gap: 0.25em;
        letter-spacing: 0;
        white-space: nowrap;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel > .nav-control-list .s7-sample-button span {
        display: inline;
        white-space: nowrap;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel > .nav-control-list .bi-btn-wishlist-save,
    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel > .nav-control-list .bi-btn-quote-save,
    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel > .nav-control-list .s7-sample-button {
        color: #263138;
        background: #ffffff;
        border: 0;
    }

    /* body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel > .nav-control-list .bi-btn-wishlist-save::before {
        margin-right: 4px;
        color: #937c66;
        font-size: 14px;
        line-height: 1;
        content: "\2661";
    } */

    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel > .nav-control-list .s7-next-button {
        color: #ffffff;
        background: #937c66;
        border: 0;
        text-transform: uppercase;
    }

    body.catalog-product-view.mobile-view.s7-review-panel-active #bi-mobile-controls-panel #controls-navigation-bottom {
        order: 3;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel .control-trigger {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        min-height: 84px;
        color: #263138;
         font-family: 'Montserrat-regular';
        font-size: 12px;
        line-height: 1.2;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        border-right: 1px solid #d9d9d9;
        letter-spacing: .175em;
        margin-left: 0;
        margin-right: 0;
        justify-content: center;
        align-items: center;
        width: unset;
        box-sizing: border-box;
        padding: 1em;
        position: relative;
        transition: color .5s ease;
        margin: 0;
        opacity: 1;
        border-right: 1px solid #dcdad8;
        flex-grow: 1;
        flex: 1;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel .control-trigger:after{
      content: '';
    background-color: #937c66;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    z-index: -1;
    bottom: 0;
    transition: height .7s ease;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel .control-trigger.active:after{
      height: 100%;
    }

    #bi-mobile-controls-panel .control-trigger {
      text-align: center;
      display: flex;
      flex-direction: column;
      margin-left: .5em;
      margin-right: .5em;
      width: 33.333%;
      box-sizing: border-box;
      overflow: hidden;
      position: relative;
      z-index: 3;
  }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel .control-trigger.active {
        /* background: #937c66; */
        color: #fff;
    }


    body.catalog-product-view.mobile-view #bi-mobile-controls-panel .control-trigger:last-child {
        border-right: 0;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel .control-trigger.hidden {
        display: none !important;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel .control-trigger.disabled {
        color: #8d8d8d;
        cursor: default;
        opacity: 0.45;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel .control-trigger.disabled .icon {
        color: #8d8d8d;
    }

    body.catalog-product-view.mobile-view #mobile-instructions-tooltip {
        position: fixed;
        bottom: 22vh;
        left: 5%;
        z-index: 1000;
        box-sizing: border-box;
        width: 90%;
        padding: 2em;
        color: #263138;
        text-align: center;
        background-color: #f9f8f6;
        border: 1px solid #dcdad8;
        transition: all 0.2s ease;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel .control-trigger .icon {
        position: relative;
        display: block;
        width: 22px;
        height: 22px;
        color: #937c66;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-edit .icon::after {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 22px;
        height: 22px;
        content: "";
        background: url(../images/edit.svg) no-repeat center center;
        background-size: 100%;
        filter: brightness(0) saturate(100%) invert(54%) sepia(13%)
        saturate(794%) hue-rotate(346deg) brightness(91%)
        contrast(85%);
        transform: translate(-50%, -50%);
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-edit.active .icon::after {
        filter: brightness(0) invert(1);
    }


    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-add-item .icon::after {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        content: "";
        background: url(../images/plus.svg) no-repeat center center;
        transform: translate(-50%, -50%);
        width: 22px;
        height: 22px;
        background-size: 100%;
        }
        body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-add-item.active .icon::after {
          filter: brightness(0) invert(1);
        }




        body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-colors .icon::after {
          position: absolute;
          top: 50%;
          left: 50%;
          display: block;
          width: 25px;
          height: 25px;
          content: "";
          background: url(../images/color.svg) no-repeat center center;
          transform: translate(-50%, -50%);
          background-size: 100%;
          filter: brightness(0) saturate(100%) invert(54%) sepia(13%)
          saturate(794%) hue-rotate(346deg) brightness(91%)
          contrast(85%);
          }
          body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-colors.active .icon::after {
            filter: brightness(0) invert(1);
          }



          body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-sticker .icon::after {
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            width: 24px;
            height: 25px;
            content: "";
            background: url(../images/sticker.svg) no-repeat center center;
            transform: translate(-50%, -50%);
            background-size: 100%;
            filter: brightness(0) saturate(100%) invert(54%) sepia(13%)
            saturate(794%) hue-rotate(346deg) brightness(91%)
            contrast(85%);
            }
            body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-sticker.active .icon::after {
              filter: brightness(0) invert(1);
            }


            body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-layout .icon::after {
              position: absolute;
              top: 50%;
              left: 50%;
              display: block;
              width: 22px;
              height: 25px;
              content: "";
              background: url(../images/layout.svg) no-repeat center center;
              transform: translate(-50%, -50%);
              background-size: 100%;
              filter: brightness(0) saturate(100%) invert(54%) sepia(13%)
              saturate(794%) hue-rotate(346deg) brightness(91%)
              contrast(85%);
              }
              body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-layout.active .icon::after {
                filter: brightness(0) invert(1);
              }

            

            #panel_controls_related_attributes .related-attribute-products .suite-item label{
              padding: 0 25px;
            }


            body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-shape .icon::after {
              position: absolute;
              top: 50%;
              left: 50%;
              display: block;
              width: 23px;
              height: 22px;
              content: "";
              background: url(../images/shape.svg) no-repeat center center;
              transform: translate(-50%, -50%);
              background-size: 100%;
              filter: brightness(0) saturate(100%) invert(54%) sepia(13%)
              saturate(794%) hue-rotate(346deg) brightness(91%)
              contrast(85%);
              }
              body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-shape.active .icon::after {
                filter: brightness(0) invert(1);
              }

              body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-envelope-style .icon::after {
                position: absolute;
                top: 50%;
                left: 50%;
                display: block;
                width: 20px;
                height: 25px;
                content: "";
                background: url(../images/address.svg) no-repeat center center;
                transform: translate(-50%, -50%);
                background-size: 100%;
                filter: brightness(0) saturate(100%) invert(54%) sepia(13%)
                saturate(794%) hue-rotate(346deg) brightness(91%)
                contrast(85%);
                }
                body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-envelope-style.active .icon::after {
                  filter: brightness(0) invert(1);
                }

              



        

    /* body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-add-item .icon::after {
        width: 1px;
        height: 18px;
    } */

    /* body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-colors .icon {
        border: 2px solid currentColor;
        border-radius: 50%;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-colors .icon::before,
    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-colors .icon::after {
        position: absolute;
        display: block;
        width: 20px;
        height: 21px;
        content: "";
        background: url(../images/plus.svg) no-repeat center center;
        background-size: 100%;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-colors .icon::before {
        top: 5px;
        left: 5px;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #control-colors .icon::after {
        right: 5px;
        bottom: 5px;
    } */



    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_back .layout-controls:not(.open-mobile-controls),
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_envelope .layout-controls:not(.open-mobile-controls),
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_sticker .layout-controls:not(.open-mobile-controls) {
      padding: 1rem;
      background-color: #fff;
      position: fixed;
      width: 100%;
      bottom: -100%;
      height: 0;
      box-sizing: border-box;
      transition: all .6s ease;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_back .color-controls.hidden,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_envelope .color-controls.hidden {
        display: none !important;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_back .option-driven-surface-header,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_envelope .option-driven-surface-header,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_sticker .option-driven-surface-header {
        display: none !important;
    }

    /* body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_back .layout-controls.open-mobile-controls,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_envelope .layout-controls.open-mobile-controls,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_sticker .layout-controls.open-mobile-controls {
        position: fixed;
        right: 0;
        bottom: 179px;
        left: 0;
        z-index: 100001;
        display: block !important;
        width: 100%;
        max-height: 55vh;
        padding: 18px 0 20px;
        overflow-y: auto;
        background: #ffffff;
        border-top: 1px solid #d9d9d9;
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
    } */

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_back .layout-controls.open-mobile-controls .mobile-panel-title,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_envelope .layout-controls.open-mobile-controls .mobile-panel-title,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_sticker .layout-controls.open-mobile-controls .mobile-panel-title {
        display: block !important;
        margin: 0 48px 14px 20px;
        color: #263138;
        font-family: Filosofia, Georgia, serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.15;
        text-transform: capitalize;
    }


    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_sticker .layout-controls.open-mobile-controls .mobile-panel-title{
      margin: 0 48px 14px 6px;
    }

    #mobile-color-toolbar{
      padding: 1rem;
      background-color: #fff;
      position: fixed;
      width: 100%;
      bottom: -100%;
      height: 0;
      box-sizing: border-box;
      transition: all .6s ease;
      z-index: -1;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_back .layout-controls.open-mobile-controls .swiper-button-next,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_back .layout-controls.open-mobile-controls .swiper-button-prev {
        display: none !important;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_back .layout-controls.open-mobile-controls ul.options-list,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_envelope .layout-controls.open-mobile-controls ul.options-list {
        display: flex !important;
        flex-wrap: wrap;
        align-items: flex-start;
        width: 100% !important;
        height: auto !important;
        padding: 0 12px;
        margin: 0;
        box-sizing: border-box;
        overflow: visible;
        transform: none !important;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_back .layout-controls.open-mobile-controls ul.options-list > li,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_envelope .layout-controls.open-mobile-controls ul.options-list > li {
        display: flex !important;
        flex: 0 0 33.3333% !important;
        flex-direction: column;
        align-items: center;
        width: 33.3333% !important;
        height: auto !important;
        min-height: 136px;
        padding: 13px;
        margin: 0;
        box-sizing: border-box;
        color: #263138;
        font-family: 'Montserrat-regular';
        font-size: 11px;
        font-weight: 400;
        line-height: 1.25;
        text-align: center;
        text-transform: lowercase;
        transform: none !important;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_back .layout-controls.open-mobile-controls ul.options-list > li.hidden,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_envelope .layout-controls.open-mobile-controls ul.options-list > li.hidden {
        display: none !important;
    }

    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_back .layout-controls.open-mobile-controls ul.options-list > li img,
    body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_envelope .layout-controls.open-mobile-controls ul.options-list > li img {
        display: block;
        width: 100%;
        max-width: 104px;
        height: auto;
        max-height: 86px;
        margin: 0 auto 4px;
        object-fit: contain;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #controls-navigation-bottom {
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr) 52px;
        align-items: center;
        min-height: 89px;
        background: #ffffff;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #controls-navigation-bottom .prev,
    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #controls-navigation-bottom .next {
        position: relative;
        width: 100%;
        height: 89px;
        cursor: pointer;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #controls-navigation-bottom .prev::before,
    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #controls-navigation-bottom .next::before {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 12px;
        height: 12px;
        content: "";
        border-top: 1px solid #263138;
        border-left: 1px solid #263138;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #controls-navigation-bottom .prev::before {
        transform: translate(-35%, -50%) rotate(-45deg);
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #controls-navigation-bottom .next::before {
        transform: translate(-65%, -50%) rotate(135deg);
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #controls-navigation-bottom .prev.invisible,
    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #controls-navigation-bottom .next.invisible {
        visibility: hidden;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #controls-navigation-bottom .navigation {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        color: #263138;
        font-family: 'Montserrat-regular';
        font-size: 12px;
        line-height: 1;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: .0725em;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #controls-navigation-bottom .navigation .nav-control-list {
        display: none !important;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #controls-navigation-bottom .navigation > ul {

      transition: ease-out height .5s;
      background-color: #f5f3f1;
      text-align: center;
      position: fixed;
      width: 100%;
      padding-top: 0;
      padding-bottom: 0;
      opacity: 0;
      left: 0;
      bottom: -100%;
      z-index: 91;
      height: 0;
      max-height: fit-content;
      border-top: 1px solid #dcdad8;
      padding-top: 5vh;
      transition: bottom .6s ease;
  
    }


    
    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #controls-navigation-bottom .navigation > ul:after {
        content: '';
        position: absolute;
        top: calc(5vh + 2px);
        bottom: 0;
        background-color: #fff;
        display: block;
        left: 0;
        right: 0;
        z-index: -1;
    
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #controls-navigation-bottom .navigation .count,
    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #controls-navigation-bottom .navigation .current {
        display: inline-flex;
        align-items: center;
        min-height: 48px;
    }

    body.catalog-product-view.mobile-view #bi-mobile-controls-panel #controls-navigation-bottom .navigation .current::after {
        display: inline-block;
        width: 6px;
        height: 6px;
        margin-left: 7px;
        content: "";
        border-right: 1px solid #263138;
        border-bottom: 1px solid #263138;
        transform: translateY(-2px) rotate(45deg);
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope) #bi-mobile-controls-panel.open-panel-list {
        z-index: 100002;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope) #bi-mobile-controls-panel.open-panel-list #controls-navigation-bottom .navigation .current::after {
        transform: translateY(2px) rotate(225deg);
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope) #bi-mobile-controls-panel.open-panel-list #controls-navigation-bottom .navigation > ul {
        opacity: 1;
        bottom: 0;
        min-height: 26vh;
        height: 100%;
        transition: bottom .6s ease;

    }

  



    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope) #bi-mobile-controls-panel.open-panel-list #controls-navigation-bottom .navigation > ul > li {
        display: block;
        width: 100%;
        min-height: 38px;
        padding: 0;
        margin: 0;
        pointer-events: all;
        background: #ffffff;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope) #bi-mobile-controls-panel.open-panel-list #controls-navigation-bottom .navigation > ul > li.hidden {
        display: none !important;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope) #bi-mobile-controls-panel.open-panel-list #controls-navigation-bottom .navigation > ul > li:not(#navigation-panel-close) {
        border-top: 1px solid #d9d9d9;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope) #bi-mobile-controls-panel.open-panel-list #controls-navigation-bottom .navigation > ul > li > a {
        display: block;
        box-sizing: border-box;
        width: 100%;
        min-height: 38px;
        padding: 13px 56px;
        color: #263138;
        font-family: 'Montserrat-regular';
        font-size: 10px;
        font-weight: 400;
        line-height: 1.2;
        letter-spacing: 1.4px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        opacity: 1;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope) #bi-mobile-controls-panel.open-panel-list #controls-navigation-bottom .navigation > ul > #navigation-panel-close {
        position: absolute;
        top: 8px;
        right: 14px;
        z-index: 1;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 25px;
        min-height: 0;
        height: 25px;
        padding: 0;
        border: 1px solid #d9d9d9;
        border-radius: 50%;
        cursor: pointer;
    }

    body.catalog-product-view.mobile-view:not(.bi-lvd-pdp-scope) #bi-mobile-controls-panel.open-panel-list #controls-navigation-bottom .navigation > ul > #navigation-panel-close::before {
        content: "x";
        color: #263138;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 1;
        text-transform: uppercase;
    }
}

/* Editor header (Exit Editing chip + step pill) — the new top row in
   editor mode. `display: flex` is set by the body:has() rule above; the
   default `display: none` leaves it invisible on PDP. */
   .s7-editor-header {
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 16px 28px 16px;
    margin-bottom: 0;
    border-bottom: 1px solid #e5e7eb;
}
.s7-editor-header.canvas-toolbar-mirror{
  justify-content: center;
  gap: 10%;
}
.s7-editor-header.canvas-toolbar-mirror .exit-button {
  text-align: center;
  gap: 6px;
  font-family: 'Montserrat';
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  padding: 0.8em 2em;
  border: 1px solid #937c66;
  border-radius: 4.25rem;
  color: #333;
  text-decoration: none;
  transition: background-color 0.15s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center ;
}
.s7-editor-header .exit-button:hover {
    background-color: #f5f3f1;
}
.s7-step-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    background-color: #f5f3f1;
    border-radius: 9999px;
    font-family: 'Montserrat-regular';
}
.s7-step-pill__tab {
    padding: 16px 37px;
    border-radius: 9999px;
    color: #4f5658;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
.s7-step-pill__tab:hover {
    color: #263138;
}
.s7-step-pill__tab.is-active {
    background-color: #937c66;
    color: #fff;
    font-weight: 400;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

/* Canvas toolbar — left column = Reset / Undo, right column = Add Text /
   Photo / QR / Divider. `display: flex` is set by the body:has() rule
   above; default `display: none` keeps it invisible on PDP. */
#canvas-toolbar {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e5e7eb;
}
#canvas-toolbar .left-column,
#canvas-toolbar .right-column {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
#canvas-toolbar a[role="button"] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    color: #263138;
    cursor: pointer;
    border-radius: 6px;
    transition: background-color 0.15s ease-in-out;
}
#canvas-toolbar a[role="button"]:hover {
    background-color: #f5f3f1;
}
#canvas-toolbar .add-icon {

  display: flex;
    justify-content: center;
    margin: 0 auto;
    right: -.4rem;
    position: relative;

}

/* Canvas-toolbar mirrors — visible UI in M1 lvd_default layout positions.
   The `display: flex` flip is set by the body:has() rule earlier in this
   file; default `display: none` keeps mirrors invisible on PDP. Mirror DOM
   reuses the original button class names (.reset-button, .add-text-button,
   etc.) so accessibility tooling and visual styling stay coherent — handler
   binding is forwarded to the source `#canvas-toolbar` via dispatchEvent. */
.canvas-toolbar-mirror {
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.canvas-toolbar-mirror a[role="button"] {
  color: #263138;
  cursor: pointer;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.15s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .5em;
  text-align: center;
  gap: 6px;
}

.canvas-toolbar-mirror.canvas-toolbar-actions{
   gap: 10px;
}

.canvas-toolbar-mirror.canvas-toolbar-actions a[role="button"]{
  flex-direction: row-reverse;
}

.canvas-toolbar-mirror a[role="button"]:hover {
    opacity: 0.8;
}

.canvas-toolbar-mirror a[role="button"] span.text {
  font-size: .56rem;
  line-height: .8rem;
  margin-top: 1.75em;
  font-family: 'Montserrat-regular';
}

.canvas-toolbar-mirror.canvas-toolbar-actions a[role="button"] span.text{
  margin-top: 4px;
  font-size: 12px;
}
.canvas-toolbar-mirror .add-icon {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  right: -.4rem;
  position: relative;
}


/* .canvas-toolbar-mirror .add-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
    background-size: 100% 2px, 2px 100%;
    background-position: center;
    background-repeat: no-repeat;
} */
.canvas-toolbar-mirror .reset-icon svg,
.canvas-toolbar-mirror .undo-icon svg {
    display: block;
}

/* Share + Reset/Undo mirror row under the iframe, matching M1. */
.s7-left-editor-actions {
    align-items: center;
    display: flex;
    gap: 32px;
    justify-content: center;
    margin: 6px 0 18px;
    /* min-height: 48px; */
}

.s7-left-editor-actions .s7-share-design-trigger {
    margin: 0;
    min-height: 0;
}

.s7-left-editor-actions .canvas-toolbar-actions {
    margin: 0;
    padding: 0;
}

/* Reset/Undo mirror — sits under the iframe in LEFT col, centered. */
.canvas-toolbar-actions {
    justify-content: center;
    gap: 32px;
    padding: 12px 0;
    margin-top: 8px;
}

/* Add Elements mirror — sits in RIGHT col above panel.buttons.
   Layout: section label on its own line, then horizontal button row. */
.canvas-toolbar-add {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin: 30px 0;
}
.canvas-toolbar-add__label {
  font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
  font-weight: 400;
  font-style: normal;
  text-transform: capitalize;
  font-size: 1.2875rem;
  letter-spacing: normal;
  line-height: 2rem;
    color: #263138;

}
.canvas-toolbar-add__buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

/* `#section_header` stub stays invisible regardless of bundle toggling —
   the bundle's classList.remove('hidden') is a side-effect we accept but
   the stub has no visible content, so this rule pins it out of layout
   flow even when the `hidden` attribute is dropped. */
#section_header.single-line {
    display: none;
}

body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#canvas-toolbar:not(.hidden)) .etsy-foursixty-grid,
body.catalog-product-view:not(.bi-lvd-pdp-scope):has(.s7-step-pill__tab.is-active) .etsy-foursixty-grid {
    display: none !important;
}
/* 24aug */
@media (min-width: 769px) {
    body.catalog-product-view:has(#canvas-toolbar:not(.hidden)) .wrapper-product-detail > .flex > .grid {
        position: relative;
        /* padding-top: 16px; */
    }


    body.catalog-product-view:has(#canvas-toolbar:not(.hidden)) .wrapper-product-detail > .flex > .grid::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: calc(42% + 0.625rem);
        width: 1px;
        background: #ccc;
        pointer-events: none;
        z-index: 1;
    }
    body.bi-lvd-pdp-scope.catalog-product-view:has(#canvas-toolbar:not(.hidden)) .wrapper-product-detail > .flex > .grid::before {
      background: transparent;
    }

   

}

@media (min-width: 1024px) {
    body.catalog-product-view:has(#canvas-toolbar:not(.hidden)) .wrapper-product-detail > .flex > .grid::before {
        left: 50%;
    }
}

/* Pattern B / synthetic panels can hide #canvas-toolbar while the active
   step-pill fallback still shows editor chrome. Keep the M1 divider visible
   in those same active editor states. */
@media (min-width: 769px) {
    body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="related_attributes"]) .wrapper-product-detail > .flex > .grid,
    body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="review"]) .wrapper-product-detail > .flex > .grid,
    body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="envelope"]) .wrapper-product-detail > .flex > .grid,
    body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="envelopeLiner"]) .wrapper-product-detail > .flex > .grid,
    body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="back"]) .wrapper-product-detail > .flex > .grid {
        position: relative;
        padding-top: 16px;
    }

    body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="related_attributes"]) .wrapper-product-detail > .flex > .grid::before,
    body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="review"]) .wrapper-product-detail > .flex > .grid::before,
    body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="envelope"]) .wrapper-product-detail > .flex > .grid::before,
    body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="envelopeLiner"]) .wrapper-product-detail > .flex > .grid::before,
    body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="back"]) .wrapper-product-detail > .flex > .grid::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: calc(42% + 0.625rem);
        width: 1px;
        background: #d1d5db;
        pointer-events: none;
        z-index: 1;
    }
}

@media (min-width: 1024px) {
    body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="related_attributes"]) .wrapper-product-detail > .flex > .grid::before,
    body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="review"]) .wrapper-product-detail > .flex > .grid::before,
    body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="envelope"]) .wrapper-product-detail > .flex > .grid::before,
    body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="envelopeLiner"]) .wrapper-product-detail > .flex > .grid::before,
    body.catalog-product-view:has(.s7-step-pill__tab.is-active[data-panel-id="back"]) .wrapper-product-detail > .flex > .grid::before {
        left: 50%;
    }
}


/* ============================================================
 * Review-step carousel — Customers Canvas (ReviewPanel)
 *
 * Ported from M1 year-2018/css/product.less:3126-3238 with two
 * deliberate divergences for M2 / Hyvä:
 *
 *   1. All rules are scoped to #review-product-slider and
 *      .review-product-slider-* selectors. The LADA bundle has
 *      four other Swiper instances (slider/slider.ts,
 *      widget/slider.ts, preview-service.ts,
 *      enlarged-previews-render.ts); an unscoped `.swiper`
 *      rule would bleed into them.
 *
 *   2. Toolbar uses position:relative (inline below the
 *      carousel) instead of M1's `position:fixed; bottom: …`.
 *      Hyvä already owns the bottom-of-viewport surface (sticky
 *      cart bar, footer); a fixed strip would collide with the
 *      host theme on every minor bump and would not match the
 *      visual the M1 staging desktop actually renders.
 *
 * LESS mixins resolved to literals:
 *   .biBodyFont()           -> font-family: Avenir
 *   .filosAllSmaCap()       -> font-family: Filosofia, all-small-caps
 *   @biMobileControlsBottom -> dropped (toolbar no longer fixed)
 * ============================================================ */

#review-product-slider {
    overflow: hidden;
    position: relative;
    height: 100%;
    box-sizing: border-box;
}

#review-product-slider .swiper-wrapper {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    width: 100%;
    height: 100%;
}

#review-product-slider .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: relative;
    padding:0;
}

#review-product-slider .review-preview-loading {
    flex-direction: column;
    min-height: 500px;
}

#review-product-slider img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 90%;
    margin: 0;
    padding-top:5%;
    display: block;
}


.product-designer-wrapper #review-product-slider .swiper-slide {
  padding:0;
}
.product-designer-wrapper #review-product-slider img {
  width: auto;
  height: auto;
  max-height: 90%;
  max-width: 90%;
  margin: 0;
  padding-top: 0;
  display: block;
}


#review-product-slider .review-preview-loader-image {
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: contain;
    padding-top: 0;
}

#review-product-slider .review-preview-envelope img {
    background-color: transparent;
    border: 1px solid #d9d9d9;
    box-shadow: none;
    box-sizing: border-box;
}

#review-product-slider img.seal-and-send {
    max-height: unset;
    width: auto;
    height: 100%;
}

#review-product-slider .title {
    /* Slide title is mirrored to the toolbar's .review-title;
       the per-slide caption stays hidden to avoid duplicate text. */
    display: none;
    font-family: 'Filosofia', serif;
    font-variant: all-small-caps;
    font-size: 1.25rem;
    line-height: 1.2rem;
    letter-spacing: 0.075em;
    margin-bottom: 0.5em;
}

.review-product-slider-container {
    position: relative;
    height: calc(100vh - 40vh);
    box-sizing: border-box;
}

.review-product-slider-toolbar {
    position: relative;
    background-color: #ffffff;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em 2em;
    z-index: 5;
}

/*
 * Precedence override for Tailwind's `.hidden` utility.
 *
 * The slider is constructed once at page-load (ReviewPanel.createSlider) and
 * toggled via add/remove of the `.hidden` class on the container + toolbar.
 * Tailwind's `.hidden { display: none }` and our component-level
 * `.review-product-slider-toolbar { display: flex }` are both single-class
 * selectors → equal specificity → source order decides. lada-editor.css
 * loads after Tailwind, so without these compound rules our `display: flex`
 * silently wins and `.hidden` never takes effect — leaking the toolbar onto
 * Design / Back panes. The compound `.X.hidden` selector raises specificity
 * to 0,2,0 and reliably restores the hide.
 */
.review-product-slider-toolbar.hidden,
.review-product-slider-container.hidden {
    display: none;
}

.review-product-slider-toolbar .swiper-button-next,
.review-product-slider-toolbar .swiper-button-prev {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 8%;
    height: 1em;
    margin-top: 0;
    cursor: pointer;
}

.review-product-slider-toolbar .swiper-button-next::after,
.review-product-slider-toolbar .swiper-button-next::before,
.review-product-slider-toolbar .swiper-button-prev::after,
.review-product-slider-toolbar .swiper-button-prev::before {
    content: unset !important;
}

.review-product-slider-toolbar .swiper-button-prev {
    position: relative;
    bottom: inherit;
    top: 6px !important;
    left: unset;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='12' viewBox='0 0 32 12' fill='none'%3E%3Cpath d='M0.732363 5.46967C0.43947 5.76256 0.43947 6.23743 0.732363 6.53033L5.50533 11.3033C5.79823 11.5962 6.2731 11.5962 6.56599 11.3033C6.85889 11.0104 6.85889 10.5355 6.56599 10.2426L2.32335 6L6.56599 1.75736C6.85889 1.46446 6.85889 0.98959 6.56599 0.696697C6.2731 0.403804 5.79823 0.403804 5.50534 0.696697L0.732363 5.46967ZM31.2627 5.25L1.26269 5.25L1.26269 6.75L31.2627 6.75L31.2627 5.25Z' fill='%23937C66'%3E%3C/path%3E%3C/svg%3E");
}


.product-designer-wrapper .review-product-slider-toolbar .swiper-button-next, .product-designer-wrapper .review-product-slider-toolbar .swiper-button-prev {
  bottom: inherit;
  top: 0px !important;

}

.review-product-slider-toolbar .swiper-button-prev.disabled {
    opacity: 0.5;
    cursor: default;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='12' viewBox='0 0 32 12' fill='none'%3E%3Cpath d='M0.732363 5.46967C0.43947 5.76256 0.43947 6.23743 0.732363 6.53033L5.50533 11.3033C5.79823 11.5962 6.2731 11.5962 6.56599 11.3033C6.85889 11.0104 6.85889 10.5355 6.56599 10.2426L2.32335 6L6.56599 1.75736C6.85889 1.46446 6.85889 0.98959 6.56599 0.696697C6.2731 0.403804 5.79823 0.403804 5.50534 0.696697L0.732363 5.46967ZM31.2627 5.25L1.26269 5.25L1.26269 6.75L31.2627 6.75L31.2627 5.25Z' fill='%23767676'%3E%3C/path%3E%3C/svg%3E");
}

.review-product-slider-toolbar .swiper-button-next {
    position: relative;
    bottom: inherit;
    top: 6px !important;
    right: unset;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='12' viewBox='0 0 32 12' fill='none'%3E%3Cpath d='M30.793 6.53033C31.0859 6.23743 31.0859 5.76256 30.793 5.46967L26.0201 0.696697C25.7272 0.403804 25.2523 0.403804 24.9594 0.696697C24.6665 0.98959 24.6665 1.46446 24.9594 1.75736L29.202 6L24.9594 10.2426C24.6665 10.5355 24.6665 11.0104 24.9594 11.3033C25.2523 11.5962 25.7272 11.5962 26.0201 11.3033L30.793 6.53033ZM0.262695 6.75L30.2627 6.75L30.2627 5.25L0.262695 5.25L0.262695 6.75Z' fill='%23937C66'%3E%3C/path%3E%3C/svg%3E");
}

.review-product-slider-toolbar .swiper-button-next.disabled {
    opacity: 0.5;
    cursor: default;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='12' viewBox='0 0 32 12' fill='none'%3E%3Cpath d='M30.793 6.53033C31.0859 6.23743 31.0859 5.76256 30.793 5.46967L26.0201 0.696697C25.7272 0.403804 25.2523 0.403804 24.9594 0.696697C24.6665 0.98959 24.6665 1.46446 24.9594 1.75736L29.202 6L24.9594 10.2426C24.6665 10.5355 24.6665 11.0104 24.9594 11.3033C25.2523 11.5962 25.7272 11.5962 26.0201 11.3033L30.793 6.53033ZM0.262695 6.75L30.2627 6.75L30.2627 5.25L0.262695 5.25L0.262695 6.75Z' fill='%23767676'%3E%3C/path%3E%3C/svg%3E");
}

.review-product-slider-toolbar .review-title {
    font-family: 'Avenir', sans-serif;
    font-size: 0.7rem;
    line-height: 2;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    text-align: center;
    width: calc(100% - 16%);
    height: auto;
    flex-grow: 1;
    margin: 0;
}

/*
 * Legacy progress bar (#sub_progress_bar / .nav-options-progress) — HIDDEN in M2.
 *
 * The compiled LADA bundle's updateProgressBar() (product-controls.ts:1885)
 * still emits <nav id="sub_progress_bar"> into .fixed-controls at runtime, and
 * we deliberately keep the DOM contract intact: panel.ts:1305 reads
 * `.column-controls.fixed-controls`, and other bundle code paths query
 * `#sub_progress_bar` as a state proxy. Removing the markup would cascade
 * silent failures elsewhere.
 *
 * Visually, however, this nav is superseded by `.s7-step-pill`
 * (editor-header.phtml — Design / Back / Envelope / Suite / Review pill row),
 * which is the M2 progress UI. M1 hid `#sub_progress_bar` on PDP via the
 * wrapper `<section id="desktop_section_top" class="nav-section-top hidden">`
 * and toggled it visible only in editor mode; M2 has no equivalent wrapper
 * because the role is taken by `.s7-step-pill`. Without this rule, the
 * legacy italic-slash breadcrumb shows above the title on every panel,
 * duplicating the step pill in editor mode and leaking onto the Options
 * page (where M1 showed nothing).
 */
.nav-options-progress {
    display: none !important;
}
.nav-options-progress ul {
    margin-bottom: 20px;
    padding: 0;
    list-style: none;
}
.nav-options-progress ul li {
    display: inline-block;
    font-family: 'Filosofia', serif;
    font-style: italic;
    font-size: 1.25rem;
    line-height: 1.1em;
}
.nav-options-progress ul li a {
    position: relative;
    padding: 4px 0 8px 8px;
    color: #336f7f;
    opacity: 0.35;
    text-decoration: none;
    cursor: pointer;
}
.nav-options-progress ul li a:hover {
    opacity: 1;
}
.nav-options-progress ul li.active a {
    color: #263138;
    opacity: 1;
}
.nav-options-progress ul li:not(:last-child)::after {
    content: '/';
    display: inline-block;
    padding: 0 0 0 8px;
    opacity: 0.35;
}
.nav-options-progress ul::after {
    content: ' ';
    display: table;
    clear: both;
}

.layout-controls .options-list:not(.swiper-wrapper) {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 384px;
}
.layout-controls .options-list:not(.swiper-wrapper) li {
    box-sizing: border-box;
    padding:8px 15px;
    display: inline-block;
    vertical-align: top;
    max-width: 160px;
}
/* M1 parity (basicinvite-m1 app/design/frontend/basicinvite/default/template/catalog/product/view/panel_controls_envelope.phtml:34-54,110-130)
   Hidden machine options such as No Envelope must survive jQuery .show(). */
.layout-controls .options-list:not(.swiper-wrapper) li.hidden {
    display: none !important;
}
.layout-controls .options-list:not(.swiper-wrapper) li.active{
  background: #f5f3f1;
}

.layout-controls .options-list:not(.swiper-wrapper) li.active:hover .option-img img {
  border: 2px solid #e2e3e4;
}
.layout-controls .options-list:not(.swiper-wrapper) li:hover img {
    padding: 0;
    border: 2px solid #336f7f;
}
.layout-controls .options-list:not(.swiper-wrapper) .layout-options {
    display: block;
}
.layout-controls .options-list:not(.swiper-wrapper) .option-img {
    display: block;
    vertical-align: middle;
    padding: 0 5px 0 0;
}
.layout-controls .options-list:not(.swiper-wrapper) .option-img img {
    max-height: 150px;
    border: 2px solid #e2e3e4;
}

/* Back Layout uses Swiper, so the non-swiper layout rules above do not apply.
   White-on-white thumbnails such as Solid Color / Blank need their own frame
   and active-state background to remain visible like M1. */
.layout-controls .options-list.swiper-wrapper li {
    box-sizing: border-box;
    height: auto;
    padding: 12px 10px 10px;
    text-align: center;
}
.layout-controls .options-list.swiper-wrapper li.active {
    background: #f5f3f1;
}
.layout-controls .options-list.swiper-wrapper .layout-options {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.layout-controls .options-list.swiper-wrapper .option-img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 112px;
    margin-bottom: 8px;
}
.layout-controls .options-list.swiper-wrapper .option-img img {
    display: block;
    width: auto;
    max-width: 100px;
    max-height: 100px;
    background: #ffffff;
    border: 1px solid #e2e3e4;
}
.layout-controls .options-list.swiper-wrapper li:hover .option-img img {
    border-color: #336f7f;
}

#panel_controls_back .layout-controls .options-list.swiper-wrapper .option-img {
    min-height: 150px;
}

#panel_controls_back .layout-controls .options-list.swiper-wrapper .option-img img {
    max-width: 120px;
    max-height: 150px;
}

/* MageWorx APO color-chip swatches (Envelope Color: 40 paper colors,
   Pocket Color, etc.) — emitted in place of <img> when the option value's
   `media_type='color'`. Inline background-color carries the hex; this rule
   provides shape and border so all swatches share visual weight regardless
   of source (image vs. chip). Border darkens on hover via the parent
   :hover img rule's chip-aware sibling below. */
.layout-controls .options-list:not(.swiper-wrapper) .option-img .swatch-color-chip {
    display: block;
    width: 60px;
    height: 60px;
    border: 1px solid #cccccc;
    border-radius: 4px;
}
.layout-controls .options-list:not(.swiper-wrapper) li:hover .swatch-color-chip {
    border: 2px solid #336f7f;
}
.layout-controls .options-list:not(.swiper-wrapper) label {
    display: block;
    vertical-align: middle;
    text-align: left;
    padding: 8px 0 0 2px;
    font-size: 10px;
    line-height: 14px;
    font-family: Montserrat;
}
.layout-controls .options-list:not(.swiper-wrapper) label .option-price {
    display: block;
}

#sticker_layout .options-list:not(.swiper-wrapper) {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-height: none;
    overflow: visible;
}

#sticker_layout .options-list:not(.swiper-wrapper) li.sticker-option-row {
    width: 240px;
    max-width: 240px;
    min-height: 56px;
    padding: 0;
    border: 1px solid #e2e3e4;
    background: #ffffff;
    cursor: pointer;
}

#sticker_layout .options-list:not(.swiper-wrapper) li.sticker-option-row.active,
#sticker_layout .options-list:not(.swiper-wrapper) li.sticker-option-row:hover {
    border-color: #937c66;
    background: #ffffff;
}

#sticker_layout .options-list:not(.swiper-wrapper) li.sticker-option-row .option-img:empty {
    display: none;
}

#sticker_layout .options-list:not(.swiper-wrapper) li.sticker-option-row label {
    min-height: 54px;
    padding: 18px 20px 14px;
    text-align: center;
    font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
    font-size: 16px !important;
    line-height: 18px;
    color: #263138;
    font-style: italic;
}

#sticker_layout .options-list:not(.swiper-wrapper) li.sticker-option-row label .option-price {
    display: inline;
    padding-left: 4px;
    font-family: FilosofiaRegularLining, Didot, Bodoni MT, Palatino, serif;
    font-size: 16px;
    font-style: normal;
    color: #937c66;
}

body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_sticker .layout-controls.open-mobile-controls ul.options-list {
    display: block !important;
    width: 100% !important;
    padding: 0 6px;
    margin: 10% 0 0;
}

body.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)) #panel_controls_sticker .layout-controls.open-mobile-controls ul.options-list li.sticker-option-row {
    width: 100%;
    max-width: none;
    margin: 0 0 18px;
}
@media only screen and (min-width: 1280px) and (max-width: 1307px) {
    .layout-controls .options-list:not(.swiper-wrapper) {
        max-height: 415px;
    }
    .layout-controls .options-list:not(.swiper-wrapper) li {
        max-width: 74px;
        padding: 0 4px 8px 4px;
    }
}
@media only screen and (max-width: 768px) {
    .layout-controls .options-list:not(.swiper-wrapper) {
        max-height: initial;
        width: 100%;
    }
    .layout-controls .options-list:not(.swiper-wrapper) li {
        max-width: 141px;
    }
}



h2.option-driven-surface-header {
  font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
  font-weight: 400;
  font-style: normal;
  text-transform: capitalize;
  font-size: 1.2875rem;
  line-height: 2rem;
  padding: 0;
  width: auto;
  line-height: 1;
  letter-spacing: normal;
  margin: 10px 0 15px;
}



.suite-header h2{
  font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
    font-weight: 400;
    font-style: normal;
    text-transform: capitalize;
    font-size: 1.2875rem;
    line-height: 2rem;
    padding: 0;
    width: auto;
    line-height: 1;
    letter-spacing: normal;
    margin: 10px 0 15px;
}
.suite-header .suite-header-hint{
  font-size: 13px;
  margin-bottom: 20px;
  display: block;
}

#panel_controls_related_attributes .related-attribute-products .suite-item .img img {
  display: inline-block;
  width: auto;
  max-width: 120px;
  max-height: 150px;
}

#panel_controls_related_attributes .related-attribute-products .suite-item .img {
  flex: 0 0 115px;
  max-width: 115px;
  text-align: center;
}

#panel_controls_related_attributes .related-attribute-products .suite-item .details h4 {
  padding-left: .5em;
  display: inline-block;
  font-family: 'Filosofia';
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
  letter-spacing: normal;
  text-transform: capitalize;
}

#panel_controls_related_attributes .y_rel_qty_text,
#panel_controls_related_attributes .y_rel_reg_label,
#panel_controls_related_attributes .y_rel_reg_amount,
#panel_controls_related_attributes .y_rel_spec_text,
#panel_controls_related_attributes .y_rel_added_text {
  color: #263138;
  font-size: 12.8px;
  line-height: 22.4px;
}

#panel_controls_related_attributes .y_rel_qty_num {
  color: #937c66;
  font-size: 16px;
  line-height: 28px;
  font-style: italic;
  font-family: Filosofia, Didot, Bodoni MT, Palatino, serif;
}

#panel_controls_related_attributes .y_rel_reg_amount {
  color: #767676;
  text-decoration-line: line-through;
  margin-top: 10px;
  display: inline-block;
}

#panel_controls_related_attributes .y_rel_spec_text {
  color: #cf4425;
}

/* #panel_controls_related_attributes input[type=checkbox]:after {
  color: #937c66;
  content: "";
  width: 2em;
  height: 2em;
  background-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: .35em;
  bottom: 0;
  box-sizing: border-box;
  display: block;
  padding: 0;
  left: .35em;
  font-size: .75rem;
  margin: 0;
} */

/* #panel_controls_related_attributes input[type=checkbox]:before {
  content: " ";
  display: inline-block;
  background-color: #fff;
  width: 2em;
  height: 2em;
  border: 1px solid #c6c6c6;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  vertical-align: middle;
  left: -9px;
    bottom: 9px;
} */

#collapse_samplepapertypes_hidden  input[type=checkbox]:before {
  background-image: none;
}

#panel_controls_related_attributes input[type=checkbox]:before {
  border-radius: 50%;
  font-size: 1rem;
}


#panel_controls_related_attributes input[type=checkbox]:checked:after {
  background-color: #937c66;
}
#panel_controls_related_attributes .related-attribute-products .suite-item input[type=checkbox] {
  flex: 0 0 auto;
  margin: 0 8px 0 0 !important;
}

#panel_controls_review {
  min-height: 5em;
  font-family: 'Montserrat-regular';
}

body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #panel_controls_options #calc-price-container {
  border-top: 0;
  border-bottom: 1px solid #d4d4d4;
  margin: 0;
  padding: 16px 0;
}

body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #panel_controls_options .bi-wallpaper-subtotal {
  align-items: baseline;
  color: #10243e;
  display: flex;
  font-family: Filosofia, Didot, "Bodoni MT", Palatino, serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
}

body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #panel_controls_options .bi-wallpaper-subtotal .subtotal-label {
  color: #10243e;
  margin-right: 6px;
}

body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #panel_controls_options .bi-wallpaper-subtotal .price {
  color: #9a7a60;
  font-size: 24px;
  font-family: 'Canela';
}

body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_width,
body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_height {
  align-items: stretch !important;
  box-sizing: border-box;
  flex: 0 0 50%;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  max-width: 50%;
  width: 50%;
}

body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block > div:not([class]) {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block > div:not([class]) > div:not([class]) {
  display: contents;
}

body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_width {
  padding-right: 4px;
}

body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_height {
  padding-left: 4px;
}

body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_width label,
body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_height label,
body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_width .mw-apo-control,
body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_height .mw-apo-control {
  flex: 0 0 auto !important;
  margin-left: 0;
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}

body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_width > div:not(.mw-apo-control),
body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_height > div:not(.mw-apo-control),
body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_width .mw-apo-control,
body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_height .mw-apo-control {
  flex: 0 0 auto !important;
  max-width: 100%;
  min-width: 100%;
  width: 100% !important;
}

body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_width label,
body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_height label {
  display: block;
  margin-bottom: 8px;
  max-width: none;
  width: auto !important;
  white-space: nowrap;
}

body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_width label .flex,
body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_height label .flex {
  flex-wrap: nowrap;
}

body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_width label .font-title,
body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_height label .font-title {
  display: inline-block;
  white-space: nowrap;
  font-family: Lato, Arial, sans-serif;
  font-size: 15px !important;
}

body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_width .how-to-link,
body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_height .how-to-link {
  align-items: center;
  border: 1px solid #937c66;
  border-radius: 50%;
  color: #937c66;
  display: inline-flex;
  flex: 0 0 auto;
  height: 22px;
  justify-content: center;
  margin-left: 8px;
  text-decoration: none;
  width: 22px;
}

body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_width .question-mark-icon,
body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_height .question-mark-icon {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}

body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_width .question-mark-icon::before,
body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_height .question-mark-icon::before {
  content: "?";
  display: block;
  font-family: Lato, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

/* M1 LVD desktop PDPs cap the editor viewport while hiding LADA's taller iframe canvas.
   Heights mirror M1 skin/frontend/basicinvite/lvd_default/css/product.less:187-206:
   600px above 1130px, 488px at 951-1130px, 500px on the narrow-desktop band. */
body.bi-lvd-pdp-scope.catalog-product-view:not(.mobile-view) #product-designer div[id*='lada-container'] {
  height: 500px !important;
  min-height: 400px;
  overflow: hidden;
}

@media (min-width: 951px) {
  body.bi-lvd-pdp-scope.catalog-product-view:not(.mobile-view) #product-designer div[id*='lada-container'] {
    height: 488px !important;
  }
}

@media (min-width: 1131px) {
  body.bi-lvd-pdp-scope.catalog-product-view:not(.mobile-view) #product-designer div[id*='lada-container'] {
    height: 600px !important;
  }
}

/* The load-time placeholder is kept in step with the viewer heights above by the
   --bi-lvd-editor-height ladder further down, not by a second copy of these breakpoints. */

body.bi-lvd-pdp-scope.catalog-product-view:not(.mobile-view) #product-designer iframe.lada {
  height: 100% !important;
  min-height: 400px;
  width: 100% !important;
}

/* M1 LVD wallpaper uses a taller desktop preview than murals/art prints. */
body.bi-lvd-pdp-scope.catalog-product-view.category-wallpaper:not(.mobile-view) #product-designer div[id*='lada-container'] {
  height: 600px !important;
  min-height: 600px;
  overflow: hidden;
}

body.bi-lvd-pdp-scope.catalog-product-view.category-wallpaper:not(.mobile-view) #product-designer iframe.lada {
  height: 100% !important;
  min-height: 720px;
  position: relative;
  top: -60px;
  width: 100% !important;
}

/* M1 LVD wall murals keep the editor at 500px; the generic wallpaper preview is taller. */
body.bi-lvd-pdp-scope.catalog-product-view:not(.mobile-view):has(.s7-panel-nav-controls.is-mural-options-flow) #product-designer div[id*='lada-container'] {
  height: 500px !important;
  min-height: 500px;
}

body.bi-lvd-pdp-scope.catalog-product-view:not(.mobile-view):has(.s7-panel-nav-controls.is-mural-options-flow) #product-designer iframe.lada {
  height: 500px !important;
  min-height: 500px;
  top: 0;
}

/* Height the desktop editor box holds before the Customers Canvas iframe mounts. Mirrors the
   lada-container ladder above one-for-one, flat category-wallpaper and is-mural-options-flow
   overrides included, so the space reserved is the space the editor settles into. Not
   --bi-designer-reserved-height: that is the panel height, and every getMinHeight() branch that
   would reach here is guarded by !Store.isLvd.
   M1 parity (basicinvite-m1 skin/frontend/basicinvite/lvd_default/css/product.less:187-206) */
body.bi-lvd-pdp-scope.catalog-product-view:not(.mobile-view):has(#lada-panel-controls-root) #product-designer-wrapper {
  --bi-lvd-editor-height: 500px;
}

@media (min-width: 951px) {
  body.bi-lvd-pdp-scope.catalog-product-view:not(.mobile-view):has(#lada-panel-controls-root) #product-designer-wrapper {
    --bi-lvd-editor-height: 488px;
  }
}

@media (min-width: 1131px) {
  body.bi-lvd-pdp-scope.catalog-product-view:not(.mobile-view):has(#lada-panel-controls-root) #product-designer-wrapper {
    --bi-lvd-editor-height: 600px;
  }
}

body.bi-lvd-pdp-scope.catalog-product-view.category-wallpaper:not(.mobile-view):has(#lada-panel-controls-root) #product-designer-wrapper {
  --bi-lvd-editor-height: 600px;
}

body.bi-lvd-pdp-scope.catalog-product-view:not(.mobile-view):has(.s7-panel-nav-controls.is-mural-options-flow):has(#lada-panel-controls-root) #product-designer-wrapper {
  --bi-lvd-editor-height: 500px;
}

/* Wrapper and loader must read the same variable. The loader used to carry its own 488/600 copy of
   the breakpoints while the wrapper reserved a flat 500px, so above 1131px it stood 600px tall in a
   500px box and overhung the gallery thumbnails on every family. */
body.bi-lvd-pdp-scope.catalog-product-view:not(.mobile-view):has(#lada-panel-controls-root) #product-designer-wrapper {
  min-height: var(--bi-lvd-editor-height);
}

body.bi-lvd-pdp-scope.catalog-product-view:not(.mobile-view):has(#lada-panel-controls-root) #designer-loader {
  height: var(--bi-lvd-editor-height);
}

body.bi-lvd-pdp-scope.catalog-product-view #product-designer:has(#resize-controls-container) div[id*='lada-container'] {
  height: 556px !important;
  min-height: 556px;
  overflow: hidden;
}

body.bi-lvd-pdp-scope.catalog-product-view #product-designer:has(#resize-controls-container) .lada-design-viewer {
  min-height: 500px;
}

@media screen and (max-width: 768px) {
  body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_width,
  body.bi-lvd-pdp-scope.catalog-product-view #mw-apo-block .print_height {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}

.nav-control-list li.nav-control-save a:before {
  content: '';
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none' stroke-width='2'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.5017 1.13259C16.6489 1.56686 14.6648 3.9187 14.0007 7.04603C13.3723 3.91024 11.4293 1.53302 7.58194 1.05081C3.55341 0.543221 0.493604 3.88486 1.06989 9.00307C2.07153 17.8859 13.8827 27 13.8827 27C13.8827 27 25.8063 18.041 26.915 9.17227C27.5517 4.05688 24.533 0.678578 20.5017 1.13259Z' fill='%23A28F6C' fill-opacity='0.01'/%3E%3Cpath d='M20.5017 1.13259C16.6489 1.56686 14.6648 3.9187 14.0007 7.04603C13.3723 3.91024 11.4293 1.53302 7.58194 1.05081C3.55341 0.543221 0.493604 3.88486 1.06989 9.00307C2.07153 17.8859 13.8827 27 13.8827 27C13.8827 27 25.8063 18.041 26.915 9.17227C27.5517 4.05688 24.533 0.678578 20.5017 1.13259' stroke='%23A3906D'/%3E%3C/svg%3E");
  height: 1em;
  width: 1em;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: .5em;
  margin-bottom: -2px;
  transform: scale(1);
  transition: ease all 1s;
}

/* FILL the heart on the "Saved" pill, M1 parity. Two independent triggers:
   (1) `.wishlist` class on the save button — JS adds it the instant a save
       succeeds (save.phtml:278 / wishlist-save-button-state.ts), matching M1's
       class-keyed `&.wishlist &:before` so the heart fills WITHOUT a page
       reload; (2) `body.wishlist-index-configure` — the configure controller,
       so a direct load / refresh onto an already-saved item is filled even
       before JS runs. The PDP "Save" button (no `.wishlist` class, not on the
       configure route) keeps the outline heart above. Overrides only the SVG
       background-image of the base .nav-control-save heart: same path, solid
       brown fill (#A3906D) instead of the near-invisible fill-opacity:0.01. */
.nav-control-list li.nav-control-save a.wishlist:before,
body.wishlist-index-configure .nav-control-list li.nav-control-save a:before {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none' stroke-width='2'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.5017 1.13259C16.6489 1.56686 14.6648 3.9187 14.0007 7.04603C13.3723 3.91024 11.4293 1.53302 7.58194 1.05081C3.55341 0.543221 0.493604 3.88486 1.06989 9.00307C2.07153 17.8859 13.8827 27 13.8827 27C13.8827 27 25.8063 18.041 26.915 9.17227C27.5517 4.05688 24.533 0.678578 20.5017 1.13259Z' fill='%23A3906D'/%3E%3Cpath d='M20.5017 1.13259C16.6489 1.56686 14.6648 3.9187 14.0007 7.04603C13.3723 3.91024 11.4293 1.53302 7.58194 1.05081C3.55341 0.543221 0.493604 3.88486 1.06989 9.00307C2.07153 17.8859 13.8827 27 13.8827 27C13.8827 27 25.8063 18.041 26.915 9.17227C27.5517 4.05688 24.533 0.678578 20.5017 1.13259' stroke='%23A3906D'/%3E%3C/svg%3E");
}

/* M1 mobile toolbar parity: the inline heart is separate from the navigation
   pseudo-icon above. Fill it for the persisted configure route and as soon as
   a successful save adds `.wishlist`, without changing desktop or unsaved PDPs. */
@media screen and (max-width: 768px) {
  .save-button.wishlist .save-icon svg path,
  body.wishlist-index-configure .save-button .save-icon svg path {
    fill: #937C66;
  }

  body.wishlist-index-configure #loading-mask.wishlist-configure-save-loader {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 1000000;
  }

  body.wishlist-index-configure #loading-mask.wishlist-configure-save-loader.is-visible {
    display: block !important;
  }

  body.wishlist-index-configure #loading-mask.wishlist-configure-save-loader .mobile-loader-container {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .95);
  }

  body.wishlist-index-configure #loading-mask.wishlist-configure-save-loader .mobile-loader {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #263138;
    font-family: Filosofia, Georgia, serif;
    font-size: 1.5rem;
    font-style: italic;
  }

  body.wishlist-index-configure #loading-mask.wishlist-configure-save-loader .mobile-loader .bi-stars {
    margin-bottom: .25rem;
    color: #937C66;
    font-size: 4em;
    line-height: 1;
  }
}

@media screen and (min-width: 769px) {
  body.wishlist-index-configure #loading-mask.wishlist-configure-save-loader {
    display: none !important;
  }
}

.nav-control-list li.nav-control-save a.saving:before,
.save-button.saving .save-icon {
  animation: bi-wishlist-heart-pulse .8s ease-in-out infinite;
  transform-origin: center;
}

@keyframes bi-wishlist-heart-pulse {
  0%, 100% {
    opacity: .55;
    transform: scale(.9);
  }
  50% {
    opacity: 1;
    transform: scale(1.18);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nav-control-list li.nav-control-save a.saving:before,
  .save-button.saving .save-icon {
    animation: none;
  }
}


.swiper {
  width: 90% !important;
}

#y_back_swipe.swiper {
  width: 100% !important;
}


.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 9px !important;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  width: 20px;
  height: 20px;
  background-color: #937c66;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 11;
  border-style: none;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
}

#panel_controls_back .swiper-button-next, #panel_controls_back .swiper-button-prev{
  width: 20px !important;
  height: 20px !important;
  background-color: #937c66;
  border-radius: 50%;
}
#panel_controls_back .swiper-button-next svg, #panel_controls_back .swiper-button-prev svg {
  width: 10px;
  height: 9px;
  display: block;
  position: relative;
  bottom: 0;
}

#panel_controls_back .swiper-button-next:after, #panel_controls_back .swiper-button-prev:after {
 display: none;
}


#panel_controls_back .swiper-button-next, #panel_controls_back .swiper-button-prev {
  top: 115px !important;
 }

 #panel_controls_back .swiper-button-next {
  right: 3px !important;
}

.swiper-button-next, .swiper-button-prev{
  margin-top: -11px !important;
  top: 94px !important;
}

#back_layout .swiper-button-next.swiper-button-disabled,
#back_layout .swiper-button-prev.swiper-button-disabled {
  display: none !important;
}

.swiper-button-prev{
  left: 0 !important;
}

.swiper-button-next{
  right: 0 !important;
}

.swiper-slide{
  padding: 15px;
}


body.catalog-product-view:has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"])) .s7-panel-container{
  display: flex;
}



.bi-lvd-pdp-scope.catalog-product-view .color-ways-app {
  display: flex;
  gap: 10px;
  padding-bottom: 10px;
}


.bi-lvd-pdp-scope.catalog-product-view .color-ways-app select {
border-color: #ccc;
font-size: 14px;
}
.bi-lvd-pdp-scope.catalog-product-view .color-ways-app .btn-color-ways-save{
text-transform: uppercase;
  font-weight: 500;
  font-family: 'Lato';
  font-size: 16px;
}

.bi-lvd-pdp-scope.catalog-product-view .color-ways-app .color-ways-response {

padding-top: 13px;
}

.bi-lvd-pdp-scope.catalog-product-view .color-ways-app .color-ways-response.text-success{
color: #00b385;
}
.bi-lvd-pdp-scope.catalog-product-view .color-ways-app .color-ways-response .color-ways-close{
position: relative;
  left: 5px;
  bottom: 5px;
  cursor: pointer;
}




@media (min-width: 769px) {


  body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-editor-header.canvas-toolbar-mirror,
  body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .canvas-toolbar-add,
  body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .canvas-toolbar-actions,
  body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #canvas-toolbar {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .wrapper-product-detail > .flex {
    padding-top: 0 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .s7-left-editor-actions {
    display: none !important;
    margin: 0 !important;
    min-height: 0 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root):has(#pdp_form_wrapper .lvd-art-print-options-layout) #pdp_form_wrapper,
  body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root):has(#pdp_form_wrapper .lvd-art-print-options-layout) #pdp_form_wrapper > .w-full.mb-6 {
    display: contents !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root):has(#pdp_form_wrapper .lvd-art-print-options-layout) #mw-apo-block {
    display: flex !important;
  }
}

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

  .bi-envelope-contact-picker{
    display: none !important;
  }
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .wrapper-product-detail > .flex > .grid {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .wrapper-product-detail > .flex > .grid > div:first-child,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .wrapper-product-detail > .flex > .grid > div:nth-child(2) > .main-title-container,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #pdp_form_wrapper,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #panel_controls_options {
    box-sizing: border-box;
    padding: 0 24px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(#pdp_form_wrapper .lvd-art-print-options-layout) #pdp_form_wrapper,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(#pdp_form_wrapper .lvd-art-print-options-layout) #pdp_form_wrapper > .w-full.mb-6 {
    display: block !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(#pdp_form_wrapper .lvd-art-print-options-layout) #mw-apo-block {
    display: flex !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #canvas-toolbar {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#pdp_form_wrapper .lvd-art-print-options-layout) header.page-header,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#pdp_form_wrapper .lvd-art-print-options-layout) .product-below-fold,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#pdp_form_wrapper .lvd-art-print-options-layout) footer.page-footer {
    display: block !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #product-designer-wrapper,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #product-designer,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #product-designer iframe,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .etsy-foursixty-grid {
    max-width: 100%;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .etsy-foursixty-grid {
    margin-top: 14px;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .rating-summary svg {
    color: #a28f6c !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block {
    margin: 16px 0 0 !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height {
    padding: 12px 0 16px;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width label.label,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height label.label {
    margin: 0 0 10px;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width label.label .font-title,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height label.label .font-title {
    font-family: Lato, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .paper_choice {
    align-items: stretch;
    border-bottom: 1px solid #d2d2d2;
    padding: 14px 0 16px;
    flex: 0 0 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .paper_choice > div:has(label.label),
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .paper_choice > .mw-apo-control {
    margin-left: 0;
    padding-right: 0;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .paper_choice label.label {
    margin: 0 0 16px;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .paper_choice label.label .font-title {
    font-family: Filosofia, Didot, "Bodoni MT", Palatino, serif;
    font-size: 20px;
    line-height: 1.2;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-choice-list {
    display: grid;
    gap: 10px 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }





  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-choice {
    display: block;
    margin: 0;
    padding: 0;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-choice-button {
    align-items: center;
    border: 1px solid #c6c6c6;
    color: #10243e;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 75px;
    padding: 10px 8px;
    text-align: center;
    text-decoration: none;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-choice.swatch-selected .lvd-material-choice-button {
    border-color: #937c66;
    box-shadow: 0 0 0 1px #937c66 inset;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-title {
    display: block;
    font-family: Lato, Arial, sans-serif;
    font-size: 17px;
    letter-spacing: .16em;
    line-height: 1;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-subtitle {
    display: block;
    font-family: Filosofia, Didot, "Bodoni MT", Palatino, serif;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 0;
    line-height: 1;
    margin-top: 4px;
    text-transform: lowercase;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-description-list {
    color: #263138;
    font-family: Lato, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.35;
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
  }


body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-description-list li a.lvd-material-learn-link {
  color: #786b4f;
  font-family: 'Lato';
  text-decoration: underline;
}

body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #mw-apo-block .lvd-material-description-list li a.lvd-material-learn-link:hover {
opacity: 0.8;

}


  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls {
    box-sizing: border-box;
    margin: 16px 0 0 !important;
    padding: 0 24px !important;
    width: 100%;
  }

  /* body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list {
    align-items: stretch;
    display: grid !important;
    gap: 0;
    grid-template-columns: minmax(2, 1fr);
    margin: 0;
    padding: 0;
    width: 100%;
  } */

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list > li {
    margin: 0;
    min-width: 0 !important;
    width: 100% !important;
  }


  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-list{
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-back,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-save,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-next {
    display: none !important;
  }

  /* M1 parity: lvd-product-navigation.ts:17-27 owns ordinary Sample
     visibility so configure mode can hide it until the pricing panel. */
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-sample {
    display: none;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.is-single-panel-purchase-step .nav-control-addtocart,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.options-panel-is-purchase-step.is-options-panel .nav-control-addtocart {
    display: block !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .s7-addtocart-button {
    align-items: center;
    background-color: #a4655c;
    border: 1px solid #a4655c;
    border-radius: 0;
    color: #ffffff;
    display: flex !important;
    font-weight: 700 !important;
    height: 37px;
    justify-content: center;
    padding: 10px;
    text-decoration: none;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .s7-addtocart-button .lvd-addtocart-desktop-label {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .s7-addtocart-button .lvd-addtocart-mobile-label {
    display: inline !important;
  }

  /* Cart configure keeps the M1 desktop label in the markup, but mobile must
     expose only "Update Cart" even when theme visibility utilities are absent. */
  body.checkout-cart-configure.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .s7-addtocart-button .lvd-cart-desktop-prefix {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .wrapper-product-detail > .flex > .grid > div:first-child {
    display: contents;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #product-designer-wrapper {
    box-sizing: border-box;
    order: 20;
    padding: 0 !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view.category-wallpaper:has(#lada-panel-controls-root) #product-designer-wrapper {
    aspect-ratio: 1 / 1;
    height: auto !important;
    min-height: 0 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view.category-wallpaper:has(#lada-panel-controls-root) #product-designer {
    height: 100% !important;
    min-height: 0 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view.category-wallpaper:has(#lada-panel-controls-root) #product-designer iframe {
    aspect-ratio: 1 / 1;
    height: 100% !important;
    min-height: 0 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view.category-wallpaper:has(#lada-panel-controls-root) #product-designer-wrapper:has(#resize-controls-container) {
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view.category-wallpaper:has(#lada-panel-controls-root) #product-designer:has(#resize-controls-container) {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view.category-wallpaper:has(#lada-panel-controls-root) #product-designer:has(#resize-controls-container) [id^=lada-container] {
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view.category-wallpaper:has(#lada-panel-controls-root) #product-designer:has(#resize-controls-container) > div:nth-child(2) {
    height: auto !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) #lada-panel-controls-root {
    order: 30;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls {
    order: 35;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .etsy-foursixty-grid {
    box-sizing: border-box;
    order: 70;
    padding: 0 24px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.lvd-mobile-design-step-actions:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-list {
    display: grid !important;
    gap: 5px;
    grid-template-columns: .68fr 1.35fr 1fr;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.lvd-mobile-design-step-actions:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-save,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.lvd-mobile-design-step-actions:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-next {
    display: block !important;
  }

  /* M1 mobile cart configure renders See Pricing as the sole full-width
     action after LvdProductNavigation hides Sample. */
  body.checkout-cart-configure.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.lvd-mobile-design-step-actions:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-next {
    grid-column: 1 / -1;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.lvd-mobile-design-step-actions:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-addtocart,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.lvd-mobile-design-step-actions:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-back {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.lvd-mobile-design-step-actions:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-list > li > a {
    align-items: center;
    border-radius: 0;
    display: flex !important;
    font-family: Lato, Arial, sans-serif;
    font-size: 12px;
    height: 37px;
    justify-content: center;
    line-height: 1;
    min-width: 0;
    padding: 10px 8px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.lvd-mobile-design-step-actions:not(.is-options-panel):not(.is-single-panel-purchase-step) .s7-sample-button {
    gap: 3px;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.lvd-mobile-design-step-actions:not(.is-options-panel):not(.is-single-panel-purchase-step) .bi-btn-wishlist-save svg,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.lvd-mobile-design-step-actions:not(.is-options-panel):not(.is-single-panel-purchase-step) .bi-btn-wishlist-save .icon-favorite {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.lvd-mobile-design-step-actions:not(.is-options-panel):not(.is-single-panel-purchase-step) .s7-next-button {
    background-color: #a4655c;
    border-color: #a4655c;
    color: #ffffff;
    font-weight: 700 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.lvd-mobile-design-step-actions:not(.is-options-panel):not(.is-single-panel-purchase-step) .s7-next-button .hide-below-768,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.lvd-mobile-design-step-actions:not(.is-options-panel):not(.is-single-panel-purchase-step) .s7-next-button .arrow {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls.lvd-mobile-design-step-actions:not(.is-options-panel):not(.is-single-panel-purchase-step) .s7-next-button .hide-above-768.nextbuttontext {
    display: inline !important;
  }

  /* M1 parity: mobile-only WizArt row below Save / Sample / Next. */
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-wizart {
    display: block !important;
    grid-column: 1 / -1;
    margin: 0;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-wizart .wizart-button,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-wizart .w-entry-point {
    align-items: center !important;
    border: 1px solid #937c66 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #937c66 !important;
    display: flex !important;
    flex-direction: row !important;
    font-family: Lato, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    height: 37px !important;
    justify-content: center !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 10px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-wizart .w-entry-point span,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-wizart .wizart-button span {
    font-family: Lato, Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .s7-panel-nav-controls .nav-control-wizart .w-entry-point div svg {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) header.page-header {
    display: block !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row {
    display: block !important;
    order: 6 !important;
    padding: 0 24px 8px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details {
    box-sizing: border-box;
    color: #263138;
    margin: 24px 0 0 !important;
    padding: 0 14px !important;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .details {
    overflow: hidden;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .lvd-details-heading {
    color: #937c66;
    display: block;
    font-family: CanelaThin, Filosofia, Didot, "Bodoni MT", Palatino, serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 5px !important;
    text-transform: lowercase;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .product-description {
    border-bottom: 0;
    color: #263138;
    font-family: Lato, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.45;
    margin: 0;
    padding: 0;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .roll-details-container {
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 7px 0 28px !important;
    padding: 0 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .roll-details {
    align-items: center;
    border-top: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 68px;
    margin: 14px 0;
    text-align: center;
    padding:0;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .roll-details + .roll-details {
    border-left: 1px solid #d9d9d9;
    border-top: 0 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .flex-row {
    align-items: center;
    display: inline-flex;
    gap: 4px;
    justify-content: center;
    flex-direction: row-reverse;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .repeat-label {
    color: #263138;
    font-family: Lato, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .repeat-value {
    color: #263138;
    font-family: CanelaThin, Filosofia, Didot, "Bodoni MT", Palatino, serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 1;
    margin: 10px 0 0;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .detail-tooltip {
    border: 1px solid #937c66;
    border-radius: 50%;
    box-sizing: border-box;
    color: #937c66;
    display: inline-block;
    font-family: Lato, Arial, sans-serif;
    font-size: 10px;
    height: 14px;
    line-height: 12px;
    margin: 0;
    position: relative;
    text-align: center;
    width: 14px;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .detail-tooltip::before {
    content: 'i';
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .detail-tooltip p {
    display: none;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .easy-to-install {
    align-items: center;
    color: #937c66;
    display: flex !important;
    font-family: Lato, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .14em;
    line-height: 1.2;
    margin: 0;
    padding: 0 0 4px;
    text-align: center;
    text-transform: uppercase;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .easy-to-install p {
    margin: 0;
    padding: 0 7px;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .easy-to-install p + p {
    border-left: 1px solid #937c66;
  }
}


  body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .bi-lada-desktop-review-row .rating-summary svg path {

        fill: #937c66 !important;
    }

body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .yunk-processing-info{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        background-color: #fafaf8;
        padding: 3em 2.8em;
        margin-top: 12px;
}


body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .yunk-processing-info .product-love-it-guarantee .section {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 0;
}


body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .yunk-processing-info .product-love-it-guarantee .section svg:not(.google-logo,.star) {
  width: 2.8rem;
  margin-right: 2em;
}


body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .yunk-processing-info .product-love-it-guarantee .section svg.star {
  width: auto;
  margin-right: .75em;
  margin-left: .75em;
}

body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .yunk-processing-info .product-love-it-guarantee .section p {
  font-size: .9rem;
  width: 80%;
  margin-top: 0;
  font-family: 'Lato';
}

body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .yunk-processing-info .product-love-it-guarantee .section svg:not(.google-logo,.star) {
  width: 2.8rem;
  margin-right: 2em;
}


body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root)  .nav-control-list li.nav-control-save a:before{
  display: none;
}

@media (max-width: 768px) {
  body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .yunk-processing-info{
      padding:1em 1em 1em 1.25em
  }

  body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .yunk-processing-info .product-love-it-guarantee .section {
    padding:0;
  }

  body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .yunk-processing-info .product-love-it-guarantee .section svg:not(.google-logo,.star) {
    margin-right: .25em;
    flex-basis: 45px;
    margin-left: 0;
  }
  body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .yunk-processing-info .product-love-it-guarantee .section svg.star {
    width: auto;
    margin-right: 0;
    margin-left: 0;
    flex-basis: 24px;
}

body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .yunk-processing-info .product-love-it-guarantee .section svg.google-logo {
  flex-basis: 75px;
  margin-right: 6px;
  margin-left: 0;
  height: auto;
}


  body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) .yunk-processing-info .product-love-it-guarantee .section p {
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
    margin-top: 0;
  }

 body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root) .lvd-product-repeat-details .roll-details-container {
  grid-template-columns: repeat(3, auto);
 }

 body.bi-lvd-pdp-scope.catalog-product-view:has(#canvas-toolbar:not(.hidden)) .wrapper-product-detail{
  padding-bottom: 0;
 }


 span.lock-icon svg, span.unlock-icon svg {
  width: 18px;
  height: 18px;
}

#product-designer {
  margin-bottom: 0;
  padding: 0 15px;
}

.lada.lada-design-viewer{
  min-height: 51vh !important;
}
 
}

@media screen and (max-width: 768px) {
  /* M1 LVD mural PDP parity: title/reviews, iframe gallery, color summary, then actions. */
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .bi-editor-canvas-area {
    box-sizing: border-box;
    order: 10 !important;
    padding: 0 !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-mural-options-flow) .etsy-foursixty-grid {
    max-width: 100vw !important;
    padding: 0 !important;
    width: 100vw !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .etsy-foursixty-grid-viewport {
    margin-left: 20px;
    width: calc(100vw - 20px) !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .etsy-foursixty-grid-track {
    grid-auto-columns: 100% !important;
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    width: calc(100vw - 55px) !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .s7-left-editor-actions {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #product-designer-wrapper {
    aspect-ratio: 1 / 1;
    height: auto !important;
    margin: 8px 0 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #product-designer {
    padding: 0 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #product-designer,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #product-designer [id^=lada-container],
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #product-designer iframe {
    height: 100% !important;
    min-height: 100% !important;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #product-designer-wrapper:has(#resize-controls-container) {
    aspect-ratio: auto;
    height: auto !important;
    overflow: visible !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #product-designer:has(#resize-controls-container) {
    height: auto !important;
    overflow: visible !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #product-designer:has(#resize-controls-container) div[id*='lada-container'] {
    aspect-ratio: 1 / 1;
    height: auto !important;
    min-height: 0 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #product-designer:has(#resize-controls-container) > div:has(+ div #resize-controls-container) {
    height: auto !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .bi-lada-desktop-review-row {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 24px 8px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .bi-lada-desktop-review-row .lvd-review-summary-row {
    align-items: center !important;
    color: #937c66 !important;
    display: flex !important;
    font: 14px/20px Lato, Arial, sans-serif !important;
    min-height: 20px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .bi-lada-desktop-review-row .lvd-review-summary-row .link-to-review {
    color: inherit;
    display: block;
    flex: 0 0 auto;
    line-height: 1;
    text-decoration: none;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .bi-lada-desktop-review-row .rating-box,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .bi-lada-desktop-review-row .rating-stars,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .bi-lada-desktop-review-row .star,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .bi-lada-desktop-review-row .star svg {
    height: 16px !important;
    width: 16px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .bi-lada-desktop-review-row .rating-box,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .bi-lada-desktop-review-row .rating-stars {
    display: block;
    position: relative;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .bi-lada-desktop-review-row .star {
    color: #937c66;
    display: block;
    left: 0;
    line-height: 1;
    margin: 0 !important;
    position: absolute !important;
    top: 0;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .bi-lada-desktop-review-row .star svg {
    display: block;
    fill: currentColor;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .bi-lada-desktop-review-row .rating-links {
    color: #937c66 !important;
    font: inherit;
    margin: 0 0 0 7px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .bi-lada-desktop-review-row .rating-links a {
    color: #937c66;
    text-decoration: none;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #lada-panel-controls-root {
    box-sizing: border-box;
    order: 30 !important;
    padding: 0 24px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review) .color-controls {
    border-bottom: 0;
    display: block !important;
    margin: 0;
    padding: 0 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #lada-panel-controls-root .color-header {
    display: block !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #lada-panel-controls-root .color-header h2 {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #lada-panel-controls-root .color-header h4 {
    color: #10243e;
    display: block !important;
    font-family: CanelaThin, Filosofia, Didot, "Bodoni MT", Palatino, serif !important;
    font-size: 24px !important;
    font-weight: 400;
    line-height: 1.1 !important;
    margin: 18px 0 8px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #lada-panel-controls-root .color-header h4 span {
    color: #263138;
    font-family: inherit;
    font-style: italic;
    margin-left: 8px;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #lada-panel-controls-root .color-boxes {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    margin: 0 0 18px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 2px !important;
    padding-top: 4px;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow):has(#canvas-toolbar:not(.hidden)) #lada-panel-controls-root [id^="panel_controls_"].panel_controls.s7-controls:not(#panel_controls_options):not(#panel_controls_review) .color-controls > .color-header {
    display: block !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow):has(#canvas-toolbar:not(.hidden)) #lada-panel-controls-root [id^="panel_controls_"].panel_controls.s7-controls:not(#panel_controls_options):not(#panel_controls_review) .color-controls > .color-boxes {
    display: flex !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #lada-panel-controls-root .color-boxes .color-swatch {
    display: block !important;
    flex: 0 0 76px !important;
    min-width: 0;
    scroll-snap-align: start;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #lada-panel-controls-root .color-boxes .color-swatch-editor-item {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #lada-panel-controls-root [id^="panel_controls_"].panel_controls.s7-controls:not(#panel_controls_options):not(#panel_controls_review) .color-boxes .color-swatch-pdp-summary {
    display: block !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"])):has(.s7-panel-nav-controls.is-mural-options-flow) #lada-panel-controls-root [id^="panel_controls_"].panel_controls.s7-controls:not(#panel_controls_options):not(#panel_controls_review) .color-boxes .color-swatch-pdp-summary {
    display: block !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"])):has(.s7-panel-nav-controls.is-mural-options-flow) #lada-panel-controls-root [id^="panel_controls_"].panel_controls.s7-controls:not(#panel_controls_options):not(#panel_controls_review) .color-boxes .color-swatch-group {
    display: block !important;
  }

  /* Mural color step: show the labeled editor groups, not the unlabeled PDP summary duplicates. */
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"])):has(.s7-panel-nav-controls.is-mural-options-flow:not(.is-options-panel)) #lada-panel-controls-root [id^="panel_controls_"].panel_controls.s7-controls:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]) .color-boxes .color-swatch-pdp-summary {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"])):has(.s7-panel-nav-controls.is-mural-options-flow:not(.is-options-panel)) #lada-panel-controls-root [id^="panel_controls_"].panel_controls.s7-controls:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]) .color-boxes .color-swatch-editor-group {
    display: block !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"])):has(.s7-panel-nav-controls.is-mural-options-flow:not(.is-options-panel)) #lada-panel-controls-root [id^="panel_controls_"].panel_controls.s7-controls:not(#panel_controls_options):not(#panel_controls_review):not([style*="none"]):not(:has(.color-swatch-editor-group)) .color-boxes .color-swatch-editor-item:not(.hidden) {
    display: block !important;
  }

  /* Mural pricing step: the options panel owns this space, so suppress the prior design-panel color strip. */
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-mural-options-flow.is-options-panel) #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review) .color-controls,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-mural-options-flow.is-options-panel) #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review) .color-header,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-mural-options-flow.is-options-panel) #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review) .color-boxes {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #lada-panel-controls-root .color-boxes .color-swatch a.color-box,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #lada-panel-controls-root .color-boxes .color-swatch a.color-select {
    height: 64px !important;
    width: 64px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #lada-panel-controls-root .color-boxes .color-swatch label {
    color: #263138;
    font-family: Lato, Arial, sans-serif;
    font-size: 10px;
    line-height: 1;
    margin-top: 8px;
    text-transform: uppercase;
    width: 84px;
    overflow: hidden;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) #lada-panel-controls-root .color-boxes .color-swatch .color-name-label {
    color: #263138;
    display: block;
    font-family: Lato, Arial, sans-serif;
    font-size: 10px;
    line-height: 1;
    margin-top: 2px;
    text-transform: lowercase;overflow: hidden;

  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .s7-panel-nav-controls {
    margin: 0 0 18px !important;
    order: 31 !important;
    padding: 0 24px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .yunk-processing-info.product-m1-delivery-info {
    order: 40 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .product-additional-info.lvd-product-repeat-details {
    order: 50 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-first-panel
  .is-mural-options-flow) .s7-panel-nav-controls .nav-control-list {
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .s7-panel-nav-controls.lvd-mobile-design-step-actions.is-mural-options-flow:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-list {
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-mural-options-flow) .s7-panel-nav-controls.lvd-mobile-design-step-actions.is-mural-options-flow:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-list {
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .s7-panel-nav-controls .nav-control-sample {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .s7-panel-nav-controls.lvd-mobile-design-step-actions.is-mural-options-flow:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-sample {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-mural-options-flow) .s7-panel-nav-controls.lvd-mobile-design-step-actions.is-mural-options-flow:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-sample {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .s7-panel-nav-controls .nav-control-save,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .s7-panel-nav-controls .nav-control-next {
    display: block !important;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .s7-panel-nav-controls.lvd-mobile-design-step-actions.is-mural-options-flow:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-save,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .s7-panel-nav-controls.lvd-mobile-design-step-actions.is-mural-options-flow:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-next {
    display: block !important;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-mural-options-flow) .s7-panel-nav-controls.lvd-mobile-design-step-actions.is-mural-options-flow:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-save,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-mural-options-flow) .s7-panel-nav-controls.lvd-mobile-design-step-actions.is-mural-options-flow:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-next {
    display: block !important;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .s7-panel-nav-controls .nav-control-list > li > a {
    height: 37px !important;
    border-radius: 0px;
    display: flex;
    justify-content: center;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .s7-panel-nav-controls .nav-control-wizart {
    display: block !important;
    grid-column: 1 / -1;
    margin: 0;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-mural-options-flow) .s7-panel-nav-controls.lvd-mobile-design-step-actions.is-mural-options-flow:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-wizart {
    display: block !important;
    grid-column: 1 / -1;
    margin: 0;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-mural-options-flow) .s7-panel-nav-controls.lvd-mobile-design-step-actions.is-mural-options-flow:not(.is-options-panel):not(.is-single-panel-purchase-step) .nav-control-wizart {
    display: block !important;
    grid-column: 1 / -1;
    margin: 0;
    width: 100% !important;
  }

}

@media screen and (max-width: 768px) {
  /* M1 LVD art print PDP parity: title/reviews, iframe gallery, colors, print options, actions. */
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .main-title-container {
    box-sizing: border-box;
    display: block !important;
    margin: 18px 0 0 !important;
    order: 1 !important;
    padding: 0 24px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .main-title-container #product-name {
    color: #10243e;
    font-family: CanelaThin, Filosofia, Didot, "Bodoni MT", Palatino, serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    text-transform: lowercase;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .bi-lada-desktop-review-row {
    display: block !important;
    height: auto !important;
    margin: 6px 0 0 !important;
    min-height: 0 !important;
    order: 2 !important;
    padding: 0 24px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .bi-lada-desktop-review-row .lvd-review-summary-row {
    align-items: center !important;
    color: #937c66 !important;
    display: flex !important;
    font: 14px/20px Lato, Arial, sans-serif !important;
    height: auto !important;
    min-height: 20px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .bi-lada-desktop-review-row .rating-box,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .bi-lada-desktop-review-row .rating-stars,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .bi-lada-desktop-review-row .star,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .bi-lada-desktop-review-row .star svg {
    height: 16px !important;
    width: 16px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .bi-lada-desktop-review-row .rating-box,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .bi-lada-desktop-review-row .rating-stars {
    display: block;
    position: relative;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .bi-lada-desktop-review-row .star {
    color: #937c66;
    display: block;
    left: 0;
    line-height: 1;
    margin: 0 !important;
    position: absolute !important;
    top: 0;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .bi-lada-desktop-review-row .star svg {
    display: block;
    fill: currentColor;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .bi-lada-desktop-review-row .rating-links {
    color: #937c66 !important;
    font: inherit;
    margin: 0 0 0 7px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .bi-lada-desktop-review-row .rating-links a {
    color: #937c66;
    text-decoration: none;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .bi-editor-canvas-area {
    box-sizing: border-box;
    order: 10 !important;
    padding: 0 10px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .s7-left-editor-actions {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #product-designer-wrapper {
    height: 314px !important;
    margin: 0 0 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #product-designer,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #product-designer [id^=lada-container],
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #product-designer iframe {
    height: 100% !important;
    min-height: 0 !important;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root {
    box-sizing: border-box;
    order: 20 !important;
    padding: 0 24px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review) .color-controls {
    border-bottom: 0;
    display: block !important;
    margin: 0;
    padding: 0 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root .color-header {
    display: block !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root .color-header h2 {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root .color-header h4 {
    color: #10243e;
    display: block !important;
    font-family: CanelaThin, Filosofia, Didot, "Bodoni MT", Palatino, serif !important;
    font-size: 24px !important;
    font-weight: 400;
    line-height: 1.1 !important;
    margin: 18px 0 8px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root .color-header h4 span {
    color: #263138;
    font-family: inherit;
    font-style: italic;
    margin-left: 8px;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root .color-boxes {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 22px !important;
    margin: 0 0 18px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 2px !important;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    padding-top: 5px;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)):has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root [id^="panel_controls_"].panel_controls.s7-controls:not(#panel_controls_options):not(#panel_controls_review) .color-controls > .color-header {
    display: block !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)):has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root [id^="panel_controls_"].panel_controls.s7-controls:not(#panel_controls_options):not(#panel_controls_review) .color-controls > .color-boxes {
    display: flex !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root .color-boxes .color-swatch {
    display: block !important;
    flex: 0 0 72px !important;
    min-width: 0;
    scroll-snap-align: start;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root .color-boxes .color-swatch-editor-item {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root .color-boxes .color-swatch-pdp-summary,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root .color-boxes .color-swatch-group {
    display: block !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root .color-boxes .color-swatch a.color-box,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root .color-boxes .color-swatch a.color-select {
    border-radius: 50%;
    height: 64px !important;
    width: 64px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root .color-boxes .color-swatch label {
    color: #263138;
    display: block;
    font-family: Lato, Arial, sans-serif;
    font-size: 10px;
    line-height: 1;
    margin-top: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 84px;
    overflow: hidden;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #lada-panel-controls-root .color-boxes .color-swatch .color-name-label {
    color: #263138;
    display: block;
    font-family: Lato, Arial, sans-serif;
    font-size: 10px;
    line-height: 1;
    margin-top: 2px;
    text-align: center;
    text-transform: lowercase;
    overflow: hidden;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #pdp_form_wrapper {
    box-sizing: border-box;
    display: block !important;
    order: 30 !important;
    padding: 0 24px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #pdp_form_wrapper > .w-full.mb-6 {
    display: block !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #mw-apo-block {
    display: block !important;
    margin: 0 !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #pdp_form_wrapper .art_print_type {
    border-bottom: 0;
    margin: 0 0 14px !important;
    padding: 0 !important;
    width: 100%;
    border-top:none
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #pdp_form_wrapper .art_print_type .label {
    margin: 0 0 12px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #pdp_form_wrapper .art_print_type .label .font-title {
    color: #10243e;
    font-family: Lato, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #pdp_form_wrapper .art_print_type .text-red-500 {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #pdp_form_wrapper .lvd-art-print-type-list {
    align-items: start;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #pdp_form_wrapper .lvd-art-print-type-card {
    display: block !important;
    margin: 0;
    min-width: 0;
    padding: 0;
    width: 100%;
    width: calc((100% - 40px) / 3);
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #pdp_form_wrapper .lvd-art-print-type-card-link {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #263138;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 144px;
    padding: 9px 5px;
    text-align: center;
    text-decoration: none;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #pdp_form_wrapper .lvd-art-print-type-card.swatch-selected .lvd-art-print-type-card-link {
    border-color: #9a7357;
    color: #9a7357;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #pdp_form_wrapper .lvd-art-print-type-image-wrap {
    align-items: center;
    display: flex !important;
    height: 82px;
    justify-content: center;
    margin-bottom: 8px;
    width: 82px;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #pdp_form_wrapper .lvd-art-print-type-image {
    display: block;
    height: 82px;
    max-width: 82px;
    object-fit: contain;
    width: auto;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #pdp_form_wrapper .lvd-art-print-type-title {
    color: #263138;
    display: block;
    font-family: Lato, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.15;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #pdp_form_wrapper .lvd-art-print-type-price {
    color: #9a7357;
    display: block;
    font-family: Lato, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.075em;
    line-height: 1.1;
    margin-top: 3px;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #pdp_form_wrapper .lvd-art-print-type-description {
    color: #9a7357;
    font-family: Lato, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    margin: 14px 0 12px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #mw-apo-block .lvd-art-print-options-layout {
    display: block !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #mw-apo-block .lvd-art-print-options-layout > .lvd-art-print-hidden-wrapper {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #mw-apo-block .lvd-art-print-options-layout > .lvd-art-print-paired-wrapper {
    display: block !important;
    max-width: 100%;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #mw-apo-block .lvd-art-print-paired-field {
    align-items: stretch;
    border-bottom: 0;
    border-top: 1px solid #d6d6d6;
    display: block !important;
    margin: 0;
    padding: 14px 0 0 !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #mw-apo-block .lvd-art-print-paired-field .label {
    margin: 0 0 10px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #mw-apo-block .lvd-art-print-paired-field .label .font-title {
    color: #10243e;
    font-family: Lato, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #mw-apo-block .lvd-art-print-paired-field .mw-apo-control {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) #mw-apo-block .lvd-art-print-paired-field select.product-custom-option {
    border: 1px solid #c9c9c9;
    border-radius: 0;
    color: #6d767a;
    font-family: Lato, Arial, sans-serif;
    font-size: 12px;
    height: 36px;
    margin: 0 0 12px;
    padding: 0 12px;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .s7-panel-nav-controls {
    box-sizing: border-box;
    margin: 8px 0 18px !important;
    order: 40 !important;
    padding: 0 24px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .s7-panel-nav-controls .nav-control-list {
    display: grid !important;
    gap: 6px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-art-print-options-flow) .s7-panel-nav-controls .nav-control-list {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .s7-panel-nav-controls .nav-control-back,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .s7-panel-nav-controls .nav-control-save,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .s7-panel-nav-controls .nav-control-next {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .s7-panel-nav-controls .nav-control-sample,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .s7-panel-nav-controls .nav-control-addtocart {
    display: block !important;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-art-print-options-flow) .s7-panel-nav-controls .nav-control-sample,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-art-print-options-flow) .s7-panel-nav-controls .nav-control-addtocart {
    display: block !important;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .s7-panel-nav-controls .nav-control-list > li > a {
    align-items: center;
    border-radius: 0;
    display: flex !important;
    font-family: Lato, Arial, sans-serif;
    font-size: 12px;
    height: 37px;
    justify-content: center;
    line-height: 1;
    padding: 10px 8px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .s7-panel-nav-controls .s7-sample-button {
    background-color: #ffffff;
    border-color: #333333;
    color: #263138;
    gap: 3px;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .s7-panel-nav-controls .s7-addtocart-button {
    background-color: #a4655c;
    border-color: #a4655c;
    color: #ffffff;
    font-weight: 700 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .s7-panel-nav-controls .nav-control-wizart {
    display: block !important;
    grid-column: 1 / -1;
    margin: 6px 0 0;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .yunk-processing-info.product-m1-delivery-info {
    order: 50 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-art-print-options-flow) .product-additional-info.lvd-product-repeat-details {
    order: 60 !important;
  }
}

.alert-warning ul li .bi-exclamation:before, .alert-warning ul li .notice-msg ul li:before {
  content: "M";
  font-family: handdrawn_iconsregular3;
  vertical-align: sub;
  font-size: 1em;
}

.alert-warning ul li span {
  font-size: .9rem;
  font-family: 'Montserrat-regular';
  position: relative;
  top: 0px;
}


.alert-warning ul li a {
  font-family: 'Montserrat-regular';
  letter-spacing: .05em !important;
  font-size: 12px !important;
  padding: 9px 9px !important;
}

.alert-warning ul li .bi-4x.bi-exclamation{    margin-top: -40px;
  margin-left: -27px;}


  body.bi-lvd-pdp-scope .alert-warning ul li .bi-exclamation:before{
    content: "M";
    font-family: handdrawn_iconsregular3;
    vertical-align: sub;
    font-size: 47px;
    position: absolute;
    top: 0;
    left: -15px;
  }

  body.bi-lvd-pdp-scope .alert-warning ul li .bi-4x.bi-exclamation {
    margin-top: -82px;
    margin-left: -5px;
    position: relative;
    margin-right: 16px;
}

body.bi-lvd-pdp-scope .option-container h2{
  display: flex;
    align-items: center;
    padding-top: 0 !important;
}


@media screen and (max-width: 768px) {
  /* M1 LVD wallpaper PDP parity: title/reviews, iframe gallery, scrollable colors, then actions. */
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .main-title-container {
    box-sizing: border-box;
    display: block !important;
    margin: 18px 0 0 !important;
    order: 1 !important;
    padding: 0 24px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .main-title-container #product-name {
    color: #10243e;
    font-family: CanelaThin, Filosofia, Didot, "Bodoni MT", Palatino, serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    text-transform: lowercase;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .bi-lada-desktop-review-row {
    display: block !important;
    height: auto !important;
    margin: 6px 0 0 !important;
    min-height: 0 !important;
    order: 2 !important;
    padding: 0 24px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .bi-lada-desktop-review-row .lvd-review-summary-row {
    align-items: center !important;
    color: #937c66 !important;
    display: flex !important;
    font: 14px/20px Lato, Arial, sans-serif !important;
    height: auto !important;
    min-height: 20px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .bi-lada-desktop-review-row .lvd-review-summary-row .link-to-review {
    color: inherit;
    display: block;
    flex: 0 0 auto;
    line-height: 1;
    text-decoration: none;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .bi-lada-desktop-review-row .rating-box,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .bi-lada-desktop-review-row .rating-stars,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .bi-lada-desktop-review-row .star,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .bi-lada-desktop-review-row .star svg {
    height: 16px !important;
    width: 16px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .bi-lada-desktop-review-row .rating-box,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .bi-lada-desktop-review-row .rating-stars {
    display: block;
    position: relative;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .bi-lada-desktop-review-row .star {
    color: #937c66;
    display: block;
    left: 0;
    line-height: 1;
    margin: 0 !important;
    position: absolute !important;
    top: 0;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .bi-lada-desktop-review-row .star svg {
    display: block;
    fill: currentColor;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .bi-lada-desktop-review-row .rating-links {
    color: #937c66 !important;
    font: inherit;
    margin: 0 0 0 7px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .bi-lada-desktop-review-row .rating-links a {
    color: #937c66;
    text-decoration: none;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .bi-editor-canvas-area {
    box-sizing: border-box;
    order: 10 !important;
    padding: 0 0 0 0 !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .s7-left-editor-actions {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #product-designer-wrapper {
    aspect-ratio: 1 / 1;
    height: auto !important;
    margin: 28px 0 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #product-designer,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #product-designer [id^=lada-container],
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #product-designer iframe {
    aspect-ratio: 1 / 1;
    height: 100% !important;
    min-height: 0 !important;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow) .wrapper-product-detail > .flex > .grid > div:nth-child(2) > .main-title-container {
    margin: 8px 0 0 !important;
    order: 1 !important;
    padding: 0 24px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow) .bi-lada-desktop-review-row {
    order: 2 !important;
    padding: 0 24px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow) #product-designer-wrapper {
    padding: 0 !important;
    margin-top: 0 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root {
    box-sizing: border-box;
    order: 20 !important;
    padding: 0 24px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review) .color-controls {
    border-bottom: 0;
    display: block !important;
    margin: 0;
    padding: 0 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review) .color-controls.popup-open {
    position: fixed !important;
    height: 100vh;
    width: 100%;
    left: 0;
    z-index: 20002;
    top: 0;
  }
  

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root .color-header {
    display: block !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root .color-header h2 {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root .color-header h4 {
    color: #10243e;
    display: block !important;
    font-family: CanelaThin, Filosofia, Didot, "Bodoni MT", Palatino, serif !important;
    font-size: 24px !important;
    font-weight: 400;
    line-height: 1.1 !important;
    margin: 12px 0 8px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root .color-header h4 span {
    color: #263138;
    font-family: inherit;
    font-style: italic;
    margin-left: 8px;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root .color-boxes {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 22px !important;
    margin: 0 0 18px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 2px !important;
    padding-top: 4px;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)):has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root [id^="panel_controls_"].panel_controls.s7-controls:not(#panel_controls_options):not(#panel_controls_review) .color-controls > .color-header {
    display: block !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#canvas-toolbar:not(.hidden)):has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root [id^="panel_controls_"].panel_controls.s7-controls:not(#panel_controls_options):not(#panel_controls_review) .color-controls > .color-boxes {
    display: flex !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root .color-boxes .color-swatch {
    display: block !important;
    flex: 0 0 72px !important;
    min-width: 0;
    scroll-snap-align: start;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root .color-boxes .color-swatch-editor-item {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root .color-boxes .color-swatch-pdp-summary,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root .color-boxes .color-swatch-group {
    display: block !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root .color-boxes .color-swatch a.color-box,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root .color-boxes .color-swatch a.color-select {
    border-radius: 50%;
    height: 64px !important;
    width: 64px !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root .color-boxes .color-swatch label {
    color: #263138;
    display: block;
    font-family: Lato, Arial, sans-serif;
    font-size: 10px;
    line-height: 1;
    margin-top: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 72px;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) #lada-panel-controls-root .color-boxes .color-swatch .color-name-label {
    color: #263138;
    display: block;
    font-family: Lato, Arial, sans-serif;
    font-size: 10px;
    line-height: 1;
    margin-top: 2px;
    text-align: center;
    text-transform: lowercase;
    overflow: hidden;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .s7-panel-nav-controls {
    box-sizing: border-box;
    margin: 0 0 18px !important;
    order: 30 !important;
    padding: 0 24px !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .s7-panel-nav-controls .nav-control-list {
    display: grid !important;
    gap: 5px !important;
    grid-template-columns: .68fr 1.35fr 1fr !important;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .s7-panel-nav-controls .nav-control-save,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .s7-panel-nav-controls .nav-control-next {
    display: block !important;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .s7-panel-nav-controls .nav-control-back,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .s7-panel-nav-controls .nav-control-addtocart {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .s7-panel-nav-controls .nav-control-list > li > a {
    align-items: center;
    border-radius: 0;
    display: flex !important;
    font-family: Lato, Arial, sans-serif;
    font-size: 12px;
    height: 37px;
    justify-content: center;
    line-height: 1;
    min-width: 0;
    padding: 10px 8px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .s7-panel-nav-controls .s7-sample-button {
    gap: 3px;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .s7-panel-nav-controls .bi-btn-wishlist-save svg,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .s7-panel-nav-controls .bi-btn-wishlist-save .icon-favorite {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .s7-panel-nav-controls .s7-next-button {
    background-color: #a4655c;
    border-color: #a4655c;
    color: #ffffff;
    font-weight: 700 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .s7-panel-nav-controls .s7-next-button .hide-below-768,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .s7-panel-nav-controls .s7-next-button .arrow {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .s7-panel-nav-controls .s7-next-button .hide-above-768.nextbuttontext {
    display: inline !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .s7-panel-nav-controls .nav-control-wizart {
    display: block !important;
    grid-column: 1 / -1;
    margin: 6px 0 0;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .yunk-processing-info.product-m1-delivery-info {
    order: 40 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(.s7-panel-nav-controls.is-wallpaper-options-flow) .product-additional-info.lvd-product-repeat-details {
    order: 50 !important;
  }

  /* M1 pricing step parity: hide PDP color summary and show sample/order actions. */
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review) .color-controls,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review) .color-header,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) #lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not(#panel_controls_review) .color-boxes {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) #panel_controls_options {
    display: block !important;
    margin-top: 0 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) #mw-apo-block .paper_choice {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) #mw-apo-block .lvd-material-choice-control {
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) #mw-apo-block .lvd-material-choice-list {
    display: grid !important;
    gap: 10px 14px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) #mw-apo-block .lvd-material-choice-button {
    min-height: 75px;
    overflow: hidden;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) #mw-apo-block .lvd-material-title,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) #mw-apo-block .lvd-material-subtitle {
    max-width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) #mw-apo-block .lvd-material-description-list,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-mural-options-flow.is-options-panel) #mw-apo-block .lvd-material-description-list {
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) #mw-apo-block .lvd-material-description-list .material-type,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) #mw-apo-block .lvd-material-description-list .hide-below-768,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-mural-options-flow.is-options-panel) #mw-apo-block .lvd-material-description-list .material-type,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-mural-options-flow.is-options-panel) #mw-apo-block .lvd-material-description-list .hide-below-768 {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) #mw-apo-block .lvd-material-description-list .hide-above-768,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-mural-options-flow.is-options-panel) #mw-apo-block .lvd-material-description-list .hide-above-768 {
    display: inline !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) .s7-panel-nav-controls .nav-control-list {
    display: grid !important;
    gap: 6px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100%;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) .s7-panel-nav-controls .nav-control-back,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) .s7-panel-nav-controls .nav-control-save,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) .s7-panel-nav-controls .nav-control-next {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) .s7-panel-nav-controls .nav-control-sample,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) .s7-panel-nav-controls .nav-control-addtocart {
    display: block !important;
    width: 100% !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) .s7-panel-nav-controls .s7-sample-button {
    background-color: #ffffff;
    border-color: #333333;
    color: #263138;
    gap: 3px;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) .s7-panel-nav-controls .s7-addtocart-button {
    background-color: #a4655c;
    border-color: #a4655c;
    color: #ffffff;
    font-weight: 700 !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-wallpaper-options-flow.is-options-panel) .s7-panel-nav-controls .nav-control-wizart {
    display: block !important;
    grid-column: 1 / -1;
    margin: 6px 0 0;
    width: 100% !important;
  }

  /* Wallpaper color swatches are direct purchase-step products; keep the
     generic mobile wallpaper sample action from overriding that branch. */
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-lvd-large-swatch-purchase-step) .s7-panel-nav-controls.is-lvd-large-swatch-purchase-step .nav-control-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-lvd-large-swatch-purchase-step) .s7-panel-nav-controls.is-lvd-large-swatch-purchase-step .nav-control-back,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-lvd-large-swatch-purchase-step) .s7-panel-nav-controls.is-lvd-large-swatch-purchase-step .nav-control-next,
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-lvd-large-swatch-purchase-step) .s7-panel-nav-controls.is-lvd-large-swatch-purchase-step .nav-control-sample {
    display: none !important;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view:has(#lada-panel-controls-root):has(.s7-panel-nav-controls.is-lvd-large-swatch-purchase-step) .s7-panel-nav-controls.is-lvd-large-swatch-purchase-step .nav-control-addtocart {
    display: block !important;
    grid-column: 1 / -1;
    width: 100% !important;
  }

 body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #panel_controls_options .bi-wallpaper-subtotal {

  justify-content: center;
 }


 body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #lada-panel-controls-root h2.pattern-header {
  display: none;
}


body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #lada-panel-controls-root .color-controls .pattern-boxes {
  display: flex;
  justify-content: center;
  margin-top: 10px;

}

.color-pop .color-popup-header{
  justify-content: flex-start;
}
.color-pop .color-popup-header .close-color-popup{
  margin-left: auto;
}

}


@media screen and (max-width: 768px) {
  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view #product-designer-wrapper:has(#designer-loader:not(.is-hidden)) {
    background: #fff;
    box-sizing: border-box;
    height: clamp(320px, 92vw, 380px) !important;
    margin-top: 10px !important;
    min-height: clamp(320px, 92vw, 380px);
    overflow: hidden !important;
    position: relative;
    width: 100%;
  }

  .tutorial-container.bi-editor-tap-notice .tutorial-notice {top: -10%;}

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view #product-designer-wrapper:has(#designer-loader:not(.is-hidden)) #product-designer {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }

  #panel_controls_back .layout-controls .options-list.swiper-wrapper .option-img {
    min-height: inherit;
    margin-bottom: 0;
}

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view #designer-loader {
    align-items: center;
    background: #fff;
    bottom: 0;
    display: flex;
    height: 100% !important;
    justify-content: center;
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 160ms ease;
    z-index: 20;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view #designer-loader.is-hidden {
    opacity: 0;
  }

  body.bi-lvd-pdp-scope.catalog-product-view.mobile-view #designer-loader .bi-designer-loader-logo {
    height: 64px;
    max-height: 64px;
    max-width: 64px;
    object-fit: contain;
    width: 64px;
  }


  .color-pop.bi-mobile.open-mobile-controls {
    bottom: 0 !important;
    max-height: 70vh !important;
    height: 70vh !important;
}


  body.bi-lvd-pdp-scope.catalog-product-view #collapse_art_print_type .custom-option-description .list-item {
    display: list-item;
    list-style-position: inside;
    list-style-type: circle;
    margin: 0;
    padding: 4px;
}

.layout-controls .options-list.swiper-wrapper .layout-options{
  font-family: 'Montserrat';
}

.layout-controls .options-list.swiper-wrapper .layout-options label {
  font-size: 10.5px !important;
}

.layout-controls .options-list.swiper-wrapper .layout-options label {
  font-size: 10.5px !important;
  color: #263138;
  line-height: 14px;
}

#panel_controls_related_attributes .y_rel_spec_text.red {
  font-weight: 700;
    font-family: 'Montserrat-regular';
}

body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block select.product-custom-option {
  font-family: Montserrat-SemiBold, Arial, sans-serif;
    color: #888;
}

body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root) #mw-apo-block .lvd_select select.product-custom-option {
  font-family: 'Montserrat-regular';
  color: #333;
}

#panel_controls_related_attributes .related-attribute-products .suite-item .img img {

  position: relative;
    right: 13px;
}


span.lvd-selected-material-summary {
  font-family: Lato-Regular, Arial, serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  padding: .015em;
  color: #937c66;
  text-align: left;
  line-height: normal;
  display: inline;
  font-size: 1rem;
  vertical-align: baseline;
}

/* body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #panel_controls_options:not([style*="none"]) > .lvd-hide {
  display: contents;
} */

}


.fa-trash-o:before{
  font-size: 24px;
}


body.bi-lvd-pdp-scope.catalog-product-view #collapse_art_print_type .custom-option-description {
  margin-top: 12px;
  color: #9a7357;
  font-family: Lato, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.55;
}

/* M1 BasicInvite editor panels show the base product title; LVD keeps the full product name. */
body.catalog-product-view:not(.bi-lvd-pdp-scope):has(#lada-panel-controls-root [id^="panel_controls_"]:not(#panel_controls_options):not([style*="none"])) .main-title-container .page-title .product-sub-name {
  display: none !important;
}

/* Ajax loader: replace the Font Awesome spinner (injected by json-service.ts /
   review-preview-slide.ts) with the brand gif on every product. Static asset,
   referenced relative to this file's pub/static path — no media/S3, no bundle rebuild. */
.loading-icon-container > i.fa-spinner {
  display: none;
}
.loading-icon-container::after {
  content: "";
  display: inline-block;
  width: 31px;  /* ponytail: gif's native size; bump here if the panel wants it larger */
  height: 31px;
  background: url("../images/ajax-loader-tr.gif") center / contain no-repeat;
}

/* Envelope variant changes use a client-side template preload in M2, so the
   M1 ajax-container spinner has no response fragment to occupy. Keep the
   choices visible while covering the envelope picker until its request and
   dependent UI updates have settled. */
#envelope_layout.envelope-selection-loading {
  position: relative;
}
#envelope_layout.envelope-selection-loading > ul {
  pointer-events: none;
  user-select: none;
}
#envelope_layout .envelope-selection-loader {
  position: absolute;
  z-index: 20;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  background: rgba(255, 255, 255, 0.82);
  cursor: wait;
}

/* Keep swatch captions available throughout the editor, including option
   panels such as Envelope that hide #canvas-toolbar. True PDP state has
   neither a visible canvas toolbar nor an active editor step. */
body.catalog-product-view:not(:has(#canvas-toolbar:not(.hidden))):not(:has(.s7-step-pill__tab.is-active))
  #lada-panel-controls-root .color-controls .color-boxes .color-element-label,
body.catalog-product-view:not(:has(#canvas-toolbar:not(.hidden))):not(:has(.s7-step-pill__tab.is-active))
  #lada-panel-controls-root .color-controls .color-boxes .color-name-label {
  display: none !important;
}

/* Block Aurigma product actions while the validated personalization is
   persisted and the cart form is submitted. product-controls.ts owns the
   show/hide lifecycle for PDP Add to Cart and cart Update/Sample actions. */
body.catalog-product-view #loading-mask.pdp-addtocart-loader {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 1000000;
  cursor: wait;
}

body.catalog-product-view #loading-mask.pdp-addtocart-loader .pdp-addtocart-loader-desktop {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  width: 75px;
  height: 75px;
  padding: 15px;
  transform: translate(-50%, -50%);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  box-sizing: content-box;
  border: 1px solid #e2e3e4;
  background: #fff;
  text-align: center;
}

body.catalog-product-view #loading-mask.pdp-addtocart-loader .pdp-addtocart-loader-desktop img {
  width: 31px;
  height: 31px;
}

body.catalog-product-view #loading-mask.pdp-addtocart-loader .mobile-loader-container {
  display: none;
}

@media screen and (max-width: 768px) {
  body.catalog-product-view #loading-mask.pdp-addtocart-loader .pdp-addtocart-loader-desktop {
    display: none;
  }

  body.catalog-product-view #loading-mask.pdp-addtocart-loader .mobile-loader-container {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .95);
  }

  body.catalog-product-view #loading-mask.pdp-addtocart-loader .mobile-loader {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #263138;
    font-family: Filosofia, Georgia, serif;
    font-size: 1.5rem;
    font-style: italic;
  }

  body.catalog-product-view #loading-mask.pdp-addtocart-loader .mobile-loader .bi-stars {
    margin-bottom: .25rem;
    color: #937c66;
    font-size: 4em;
    line-height: 1;
  }
}

body.checkout-cart-configure #loading-mask.pdp-addtocart-loader {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 1000000;
  cursor: wait;
}

body.checkout-cart-configure #loading-mask.pdp-addtocart-loader .pdp-addtocart-loader-desktop {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  width: 75px;
  height: 75px;
  padding: 15px;
  transform: translate(-50%, -50%);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  box-sizing: content-box;
  border: 1px solid #e2e3e4;
  background: #fff;
  text-align: center;
}

body.checkout-cart-configure #loading-mask.pdp-addtocart-loader .pdp-addtocart-loader-desktop img {
  width: 31px;
  height: 31px;
}

body.checkout-cart-configure #loading-mask.pdp-addtocart-loader .mobile-loader-container {
  display: none;
}

@media screen and (max-width: 768px) {
  body.checkout-cart-configure #loading-mask.pdp-addtocart-loader .pdp-addtocart-loader-desktop {
    display: none;
  }

  body.checkout-cart-configure #loading-mask.pdp-addtocart-loader .mobile-loader-container {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .95);
  }

  body.checkout-cart-configure #loading-mask.pdp-addtocart-loader .mobile-loader {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #263138;
    font-family: Filosofia, Georgia, serif;
    font-size: 1.5rem;
    font-style: italic;
  }

  body.checkout-cart-configure #loading-mask.pdp-addtocart-loader .mobile-loader .bi-stars {
    margin-bottom: .25rem;
    color: #937c66;
    font-size: 4em;
    line-height: 1;
  }

  body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block select.product-custom-option {
     padding: 5px;
  }

  body:not(.bi-lvd-pdp-scope):has(.product-info-main.design-editor-open){overflow-y: hidden;}


}


.invitation-order-proof .proof-sidebar-locked p{
  font-family: Montserrat-Regular, Arial, sans-serif !important;

}
.stext-container .text-editor-message {
  clear: both;
  font-size: 12px;
  padding: 6px;
  margin-bottom: 0;
  background-color: #f7f8f6;
}
.stext-container .text-editor-message.alert-warning {
  color: #f8af45;
  border-color: transparent;
  background-color: #f7f8f6;
}

/* Wall width/height help icon. These rules were nested in @media (min-width:769px),
   so on mobile the <a class="how-to-link"> rendered as an unstyled, invisible box.
   Nothing else targets these selectors, so hoisting them to top level changes only
   the breakpoint at which they apply. */
body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width .how-to-link,
body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height .how-to-link {
    align-items: center;
    border: 1px solid #937c66;
    border-radius: 50%;
    color: #937c66;
    display: inline-flex;
    flex: 0 0 auto;
    height: 22px;
    justify-content: center;
    margin-left: 8px;
    text-decoration: none;
    width: 22px;
}

body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width .question-mark-icon,
body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height .question-mark-icon {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}

body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_width .question-mark-icon::before,
body.bi-lvd-pdp-scope.catalog-product-view:has(#lada-panel-controls-root) #mw-apo-block .wall_height .question-mark-icon::before {
    content: "?";
    display: block;
    font-family: Lato, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

/* M1 parity (basicinvite-m1 skin/frontend/basicinvite/lvd_default/css/product.less:2343-2360) */
#material-pop.bi-modal-fallback--full {
    left: 0;
    margin: 0 auto;
    right: 0;
    width: 90%;
}

#material-pop.bi-modal-fallback--full .modal-header{
  min-height: 60px !important;
}

#material-pop.bi-modal-fallback.bi-modal-fallback--full  .modal-header .bi-modal-fallback__close{
  cursor: pointer;
  line-height: 0;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  text-shadow: none;
  color: #333;
  opacity: .8;
  padding: 0;
  height: 30px;
  width: 30px;
}

#material-pop .modal-body {
    height: 90%;
    overflow: scroll;
}

#material-pop .modal-body .page-title,
#material-pop .modal-body .m_title {
    text-align: center;
    text-transform: uppercase;
}

#material-pop .modal-footer button {
    display: none !important;
}

/* Deviation: M1's BiModal renders the empty title as-is; the M2 shim substitutes
   'ALERT' (jquery-ui-stubs.js:392) for every caller, so hide it here rather than
   change the shared fallback. */
#material-pop .modal-title {
    display: none;
}

.shop-prev-category-wrapper .btn.btn-link {
  color: #937c66;
  display: flex;
  font-size: .8rem;
  width: auto;
  max-width: fit-content;
  margin-top: 1em;
  text-decoration: none;
  font-family: 'Montserrat-semibold';
  padding: 6px 12px 6px 8px;
  letter-spacing: .015em;
  border:1px solid #fff;
  border-radius: 0;
}
.shop-prev-category-wrapper .btn.btn-link  svg{margin-right:4px}

.shop-prev-category-wrapper .btn.btn-link:hover{
    border-color: #c6c6c6;
    background-color: #fff;
    opacity: .8;
    text-decoration: underline;
    border-color:#c6c6c6 !important;
}

@media screen and (max-width: 768px) {
    #material-pop.bi-modal-fallback--full {
        width: 100%;
    }

    .shop-prev-category-wrapper .btn.btn-link {
      font-family: 'Montserrat';
      padding: 4px;
      font-weight: 400;
      margin-left: 10px;
  }
}