/* PDP - Bedding */
.pdp-bedding .be-read-more-wrap { --defaultHeight: 12rem; }
.pdp-bedding .bedroom-type-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  grid-gap: 1rem;
}
.pdp-bedding .bedroom-type-item { padding: 1.5rem; border: 0.0625rem hsla(var(--black), 10%) solid; }
.pdp-bedding .bedroom-type-item p:last-child { margin-bottom: 0; }
.pdp-bedding .bedroom-type-icon { color: hsl(var(--siteColor1)); margin-bottom: 0.75rem; }
.pdp-bedding .bedroom-type-bedroom-name { font-size: 1.175rem; font-weight: var(--wBold); margin-bottom: 0.25rem; }
.pdp-bedding .bedroom-type-image img { width: 100%; }

/* PDP - Bedding Swiper Group */
.pdp-bedding-swiper { overflow: hidden; width: 100%; position: relative; padding: 2rem; background: hsl(var(--white)); box-shadow: 0 0 hsla(0, 0%, 0%, 0), 0 0 hsla(0, 0%, 0%, 0), 0 0 hsla(0, 0%, 0%, 0), 0 0 hsla(0, 0%, 0%, 0), 0 1.25rem 1.5625rem -0.3125rem hsla(0, 0%, 0%, 0.1), 0 0.5rem 0.625rem -0.375rem hsla(0, 0%, 0%, 0.1); }
.pdp-bedding-swiper .swiper-slide { visibility: hidden; opacity: 0 !important; }
.pdp-bedding-swiper .swiper-slide-active { visibility: visible; opacity: 1 !important; }
.pdp-bedding-swiper-info-wrap { display: flex; flex-direction: column; gap: 2rem; background: hsl(var(--white)); }
.pdp-bedding-img-swiper-group { width: 100%; }
.pdp-bedding-img-swiper { overflow: hidden; margin-bottom: 1rem; position: relative; }
.pdp-bedding-img-swiper .pdp-bedding-img { aspect-ratio: 1 / 1; object-fit: cover; width: 100%; height: auto; max-height: 18.75rem; }
.pdp-bedding-img-swiper .pdp-bedding-img-caption { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 3; padding: 1rem; background-image: linear-gradient(to top, hsla(0, 0%, 0%, 0.7), transparent); font-size: 0.875rem; color: hsl(var(--white)); line-height: 1.5; text-align: center; }
.pdp-bedding-img-swiper-controls { opacity: 0; visibility: hidden; display: flex; justify-content: space-between; width: 100%; padding: 1rem; position: absolute; top: 50%; right: 0; left: 0; z-index: 3; transform: translate(0, -50%); }
.pdp-bedding-img-swiper:hover .pdp-bedding-img-swiper-controls { opacity: 1; visibility: visible; }
.pdp-bedding-img-swiper-controls .pdp-bedding-img-swiper-btn-prev,
.pdp-bedding-img-swiper-controls .pdp-bedding-img-swiper-btn-next { width: 2.5rem; height: 2.5rem; position: relative; inset: auto; margin: 0; padding: 0.5rem; background: hsl(var(--black), 0.5); color: hsl(var(--white)); }
.pdp-bedding-img-swiper-controls .pdp-bedding-img-swiper-btn-prev:hover,
.pdp-bedding-img-swiper-controls .pdp-bedding-img-swiper-btn-next:hover { background: hsla(var(--black), 0.7); }
.pdp-bedding-img-swiper-controls .pdp-bedding-img-swiper-btn-prev:after,
.pdp-bedding-img-swiper-controls .pdp-bedding-img-swiper-btn-next:after { display: none; }
.pdp-bedding-img-swiper-controls .pdp-bedding-img-swiper-btn-prev .icon,
.pdp-bedding-img-swiper-controls .pdp-bedding-img-swiper-btn-next .icon { color: inherit; }
@media(min-width: 1025px) {
  .pdp-bedding-img-swiper-group { width: 50%; }
  .pdp-bedding-swiper-info-wrap { flex-direction: row; }
}

.pdp-bedding-thumbs { overflow: hidden; display: flex; gap: 0.5rem; }
.pdp-bedding-thumbs .pdp-bedding-thumb { flex-basis: calc(25% - 0.25rem); position: relative; }
/* .pdp-bedding-thumbs .pdp-bedding-thumb:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 50%; z-index: -1; transform: translateX(-50%); border: 0.125rem solid hsl(var(--siteColor1)); transition: all 0.2s ease-in-out; } */
.pdp-bedding-thumbs .pdp-bedding-thumb-active:before { width: calc(100% + 0.25rem); }
.pdp-bedding-thumbs .pdp-bedding-thumb-img { aspect-ratio: 1 / 1; object-fit: cover; width: 100%; height: auto; }

.pdp-bedding-info-swiper-group { width: 100%; padding-top: calc(var(--pdpBeddingSwiperControlsGroupHeight) + 1.75rem); }
.pdp-bedding-info-desc { margin-bottom: 1rem; color: hsl(215, 13.79%, 34.12%); line-height: 1.5; }
.pdp-bedding-info-list { list-style: none; padding: 0; }
.pdp-bedding-info-list li { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.5rem; }
.pdp-bedding-info-list .icon { width: 1rem; height: 1rem; color: hsl(var(--siteColor1)); }
@media(min-width: 1025px) {
  .pdp-bedding-info-swiper-group { width: 50%; padding-top: calc(var(--pdpBeddingSwiperControlsGroupHeight) + 1.75rem); }
}
.pdp-bedding-swiper-controls { display: flex; flex-wrap: wrap; justify-content: center; width: calc(100% - 4rem); position: absolute; top: calc(var(--pdpBeddingImgSwiperGroupHeight) + 4rem); right: 2rem; z-index: 2; padding: 1rem; background: hsla(var(--siteColor1), 0.1); font-size: 1.5rem; line-height: 2rem; color: hsl(220.91, 39.29%, 10.98%); text-align: center; }
.pdp-bedding-swiper-nav-controls { flex-grow: 1; display: flex; justify-content: space-between; align-items: center; }
.pdp-bedding-swiper-nav-controls .swiper-control-room-name { font-family: var(--siteFont2), serif; font-size: 1.5rem; line-height: 2rem; font-weight: var(--wMedium); }
.pdp-bedding-swiper-nav-controls .pdp-bedding-swiper-btn-prev,
.pdp-bedding-swiper-nav-controls .pdp-bedding-swiper-btn-next { width: 2.25rem; height: 2.25rem; position: relative; inset: auto; margin: 0; padding: 0.5rem; background: transparent; color: hsl(215, 13.79%, 34.12%); }
.pdp-bedding-swiper-nav-controls .pdp-bedding-swiper-btn-prev:hover,
.pdp-bedding-swiper-nav-controls .pdp-bedding-swiper-btn-next:hover { background: hsla(var(--siteColor1), 0.1); }
.pdp-bedding-swiper-nav-controls .pdp-bedding-swiper-btn-prev:after,
.pdp-bedding-swiper-nav-controls .pdp-bedding-swiper-btn-next:after { display: none; }
.pdp-bedding-swiper-nav-controls .pdp-bedding-swiper-btn-prev .icon,
.pdp-bedding-swiper-nav-controls .pdp-bedding-swiper-btn-next .icon { color: inherit; }
.pdp-bedding-swiper-controls .pdp-bedding-swiper-pagination { display: flex; gap: 0.5rem; justify-content: center; align-items: center; margin-top: 0.75rem; position: relative; bottom: auto; }
.pdp-bedding-swiper-controls .pdp-bedding-swiper-pagination .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; margin: 0; box-shadow: none; border-radius: 0; }
@media(min-width: 1025px) {
  .pdp-bedding-swiper-controls { width: calc(50% - 4rem); top: 2rem; }
}
/*
@media(min-width: 1025px) {

}
@media(min-width: 1200px) {

}
*/

/* .pdp-bedding-swiper-controls .pdp-bedding-swiper-navigation { flex-basis: 100%; margin-top: 0.75rem; position: relative; } */