.lbs-frame-list{
	width: 100%;
	margin: 0;
}
/* Prevent the "vertical stack" flash before Slick initializes */
.lbs-frame-list:not(.slick-initialized){
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.lbs-options{
	display: flex;
	gap: 4px; /* tighter gap so the 3 cards can be wider */
	align-items: stretch;
	margin-bottom: 10px;
}
.lbs-option-item{
	flex: 1;
	min-width: 0;
	width: auto;
	margin-right: 0;
	cursor: pointer;
	padding: 1px;
	border: 1px solid #d7d7d7;
	text-align: center;
	display: flex;
	flex-direction: column;
}
.product-main form.variations_form.cart{
	display: block;
}
.lbs-frame-inner{
	padding: 4px;
	border: 1px solid #ccc;
}
.lbs-option-item.active{
	border-color: #ff7a00;
	/* Keep border width stable to avoid layout jump, make highlight stronger */
	border-width: 1px;
	/* thinner selected outline (0.5x) */
	box-shadow: 0 0 0 2px rgba(255,122,0,.55);
}


.lbs-frame-item{
	width: 140px;
	flex: 0 0 140px;
	text-align: center;
	cursor: pointer;
	padding: 2px;
}
.lbs-frame-item img{
	height: 64px;
	margin: 0 auto;
}
.lbs-frame-item.active .lbs-frame-inner{
	border-color: #ef9223;
}

button.slick-prev:before, button.slick-next:before{
	color: #000;
}
.lbs-frame-box{
	height: auto;
	overflow: visible;
}
.lbs-frame-box.active{
	height: auto;
}
.layui-tab-title.lbs-size-tab-title{
	margin-left: 0 !important;
	margin-top: 0 !important;
}
.lbs-size-btn{
	border: 1px solid #ccc;
	text-align: center;
	cursor: pointer;
	margin-right: 2%;
	float: left;
	width: 30%;
	margin-bottom: 10px;
	position: relative;
}
.lbs-size-icon{
	border: 2px solid #aaa;
	position: absolute;
}
.lbs-size-icon.size1{
	width: 20px;
	height: 15px;
	top: 30%;
	left: 0;
	right: 0;
	margin: auto;
}
.lbs-size-icon.size2{
	width: 25px;
	height: 20px;
	top: 24%;
	left: 0;
	right: 0;
	margin: auto;
}
.lbs-size-icon.size3{
	width: 30px;
	height: 25px;
	top: 24%;
	left: 0;
	right: 0;
	margin: auto;
}
.lbs-size-icon.size4{
	width: 45px;
	height: 30px;
	top: 24%;
	left: 0;
	right: 0;
	margin: auto;
}
.lbs-size-icon.size5{
	width: 50px;
	height: 32px;
	top: 24%;
	left: 0;
	right: 0;
	margin: auto;
}
.lbs-size-icon.size6{
	width: 60px;
	height: 45px;
	top: 22%;
	left: 0;
	right: 0;
	margin: auto;
}
.lbs-size-btn.active{
	border-color: #ef9223;
}
.lbs-custom-size{
	display: flex;
}
.size-slider{
	width: 100%;
	margin-bottom: 20px;
}
.custom-size{
	width: 40%;
	height: 148px;
	position: relative;
}
.lbs-size-custom{
	width: 60%;
	margin-left: 2%;
}
.lbs-size-txt.custom1{
	position: absolute;
	bottom: 20px;
	text-align: center;
	width: 100%;
}
.lbs-size-icon.custom-size-icon{
	top: 10%;
}
.lbs-size-txt.custom2{
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
}
.slider-tips{
	position:relative;
	left: 30px;
	top: -20px;
}
.custom-size-icon{
	width: 12.5px;
	height: 12.5px;
	top: 16%;
	left: 0;
	right: 0;
	margin: auto;
}
.lbs-price-box{
	clear: both;
	margin-bottom: 10px;
}
.jrange-width-box{
	margin-bottom: 50px;
}
.lbs-main-img-box{
	display: inline-block;
	width: 50%;
}
body.theme-flatsome .lbs-main-img-box{
	width: 100%;
}
.lbs-price{
	color: #111;
	font-weight: bold;
	font-size: 1.5em;
}
.lbs-size-txt{
	font-size: 12px;
}
.lbs-saveoff-box{
	color: #666;
	margin-top: 8px;
	margin-bottom: 6px;
	display: none;
}
.lbs-saveoff-box.active{
	display: block;
}
.lbs-saveoff-box label{
	cursor: pointer;
}
.lbs-size-ipt{
	margin-bottom: 18px;
}
form .lbs-size-ipt input[type="number"]{
	width: 80px;
	min-height: 30px;
    line-height: 1;
}
.lbs-size-ipt.lbs-size-ipt-height{
	margin-top: 18px;
}
.lbs-main-img-box.active{
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	background-image: url("../image/loading.gif");
	width: unset;
	border: 1px solid #ddd;
}
.lbs-main-img.active{
	visibility: hidden;
}
@media screen and (min-width: 850px){
	body.theme-flatsome .product .large-8{
		max-width: 50%;
	}
	body.theme-flatsome .large-3{
		max-width: 20%;
		flex-basis: 20%;
	}
	body.theme-flatsome .large-9{
		max-width: 80%;
		flex-basis: 80%;
	}
}

@media screen and (max-width: 768px){
	.lbs-main-img-box{
		width: 100%;
	}
	div.lbs-frame-list{
		width: 85%;
	}
}

/* =========================
   LBS UI v2 (summary + sticky CTA)
   ========================= */
.lbs-ui-v2{max-width: 100%;}
.lbs-ui-v2 .lbs-price-box{display:none;}

/* Price row placed right before the native WooCommerce Add to cart button.
   (Sticky CTA removed; keep only one CTA while retaining a clear price cue.) */
.lbs-ui-v2 .lbs-atc-price-row{display:none; margin: 12px 0 10px; padding: 10px 12px; border: 1px solid #eee; border-radius: 14px; background: #fff; align-items:baseline; justify-content:space-between; gap:12px;}
.lbs-ui-v2 .lbs-atc-price-label{font-size: 14px; font-weight: 800; color:#111;}
.lbs-ui-v2 .lbs-atc-price-value{font-size: 22px; font-weight: 900; color:#d40000;}
.lbs-card{border: 1px solid #e7e7e7; border-radius: 14px; padding: 14px; background:#fff;}
.lbs-summary-card{margin-bottom: 14px;}

/* Summary (v3) — matches the new reference screenshot */
.lbs-summary-top-wrap{margin-bottom: 14px;}
.lbs-summary-card-v3{max-width: 560px; margin: 0 auto;}

/* Make layout robust against theme CSS overrides (force flex + compact spacing) */
.lbs-summary-card-v3{padding: 14px !important;}
.lbs-summary-card-v3 .lbs-price-row{display:flex !important; align-items:flex-end !important; justify-content:flex-start !important; gap:12px !important;}
.lbs-summary-card-v3 .lbs-price-sale{font-size: 44px; font-weight: 900; line-height: 1; color:#d40000;}
.lbs-summary-card-v3 .lbs-price-regular{display:flex !important; align-items:flex-end !important;}
.lbs-summary-card-v3 .lbs-price-regular s{font-size: 28px; font-weight: 800; color:#8b8b8b;}
.lbs-summary-card-v3 .lbs-save-pill{display:inline-block !important; margin-top: 8px !important; padding: 6px 12px; border-radius: 999px; background:#2e7d32; color:#fff; font-weight: 900; font-size: 14px;}
.lbs-summary-card-v3 .lbs-price-for{margin-top: 6px !important; font-size: 14px; color:#666;}

.lbs-summary-card-v3 .lbs-approval-card{margin-top: 12px; border: 2px solid #f2c46d; border-radius: 12px; padding: 12px; background:#fff9ea;}
.lbs-summary-card-v3 .lbs-approval-head{display:flex; align-items:center; gap:8px; margin-bottom: 6px;}
.lbs-summary-card-v3 .lbs-approval-title{font-weight: 900; font-size: 16px; color:#111;}
.lbs-summary-card-v3 .lbs-approval-text{font-size: 13px; color:#222; margin-bottom: 8px; line-height: 1.25;}
.lbs-summary-card-v3 .lbs-approval-steps{display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; flex-wrap:nowrap !important;}
.lbs-summary-card-v3 .lbs-step{display:flex !important; flex-direction:column !important; align-items:center !important; gap:4px !important; text-align:center !important; min-width: 86px;}
.lbs-summary-card-v3 .lbs-step-ico{font-size: 20px;}
.lbs-summary-card-v3 .lbs-step-txt{font-size: 12px; color:#222; line-height: 1.15;}
.lbs-summary-card-v3 .lbs-step-txt small{font-size: 11px; color:#555;}

.lbs-summary-card-v3 .lbs-step-arrow{color:#777; font-weight: 800; font-size: 18px;}

.lbs-summary-card-v3 .lbs-eta-row{margin-top: 10px; font-size: 14px; color:#111; font-weight: 700;}
.lbs-summary-card-v3 .lbs-eta-row strong{font-weight: 900;}
.lbs-summary-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom: 10px;}
.lbs-summary-title{font-weight: 700; font-size: 16px; color:#111;}
.lbs-price-details-toggle{font-size: 12px; color:#666; text-decoration:none;}
.lbs-price-details-toggle:hover{color:#111;}
.lbs-summary-lines{display:flex; flex-direction:column; gap:6px; margin-bottom: 10px;}
.lbs-summary-line{font-size: 13px; color:#222;}
.lbs-label{color:#666; margin-right:6px;}
.lbs-muted{color:#777;}
.lbs-summary-price{display:flex; align-items:baseline; justify-content:space-between; gap:12px; border-top: 1px dashed #eee; padding-top: 10px;}
.lbs-summary-total-label{font-size: 12px; color:#666;}
.lbs-summary-total{font-size: 22px; font-weight: 800; color:#111;}
.lbs-breakdown{margin-top: 10px; padding-top: 10px; border-top: 1px dashed #eee;}
.lbs-break-row{display:flex; justify-content:space-between; gap:12px; font-size: 12px; color:#444; margin: 6px 0;}

/* Summary (v4) — compact text layout requested by latest feedback */
.lbs-summary-card-v4{max-width: 720px; margin: 0 auto; padding: 14px 16px !important;}
.lbs-summary-card-v4 .lbs-emoji{margin-right: 4px;}
.lbs-summary-card-v4 .lbs-summary-line1{display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; color:#111;}
.lbs-summary-card-v4 .lbs-summary-line1 .lbs-label{font-weight: 800; color:#111; margin-right: 0;}
.lbs-summary-card-v4 .lbs-sale{font-size: 14px !important; font-weight: 900 !important; line-height: 1; color:#d40000 !important;}
.lbs-summary-card-v4 .lbs-paren{font-size: 16px; color:#333;}
.lbs-summary-card-v4 .lbs-paren s{color:#8b8b8b; font-weight: 800;}
.lbs-summary-card-v4 .lbs-summary-line2{margin-top: 8px; font-size: 14px; color:#222; line-height: 1.35;}
.lbs-summary-card-v4 .lbs-summary-line3{margin-top: 8px; font-size: 14px; color:#111; font-weight: 700;}
.lbs-summary-card-v4 .lbs-summary-line3 strong{font-weight: 900;}

@media (max-width: 768px){
  .lbs-summary-card-v4 .lbs-sale{font-size: 13px !important;}
}

/* Legacy banner styles (kept for backward compatibility) */
.lbs-price-banner{display:flex; align-items:flex-end; justify-content:space-between; gap:14px; flex-wrap:wrap; border-top: 1px dashed #eee; padding-top: 12px;}
.lbs-price-left{display:flex; align-items:baseline; gap:10px; min-width: 220px;}
.lbs-price-big{font-size: 40px; font-weight: 800; line-height: 1; color:#d85a00;}
.lbs-price-right{margin-left:auto; text-align:right; font-size: 14px; color:#666; white-space:nowrap;}
.lbs-price-right .lbs-regular s{color:#9a9a9a;}
.lbs-price-right .lbs-save{margin-top: 4px;}

/* Size title line (final size) */
.lbs-size-title{display:flex; align-items:baseline; flex-wrap:wrap; gap:8px;}
.lbs-size-title-label{font-weight: 700;}
.lbs-size-title-value{font-weight: 600; color:#111;}
.lbs-size-title-sep{color:#999;}

.lbs-frame-meta{margin-top: 6px; line-height: 1.2;}
.lbs-frame-label{font-size: 12px; font-weight: 600; color:#111;}


/* v1.0.6 finish thumbs */

.lbs-option-item .lbs-img{
  width: 100%;
  overflow: hidden;
}
.lbs-option-item .lbs-img:not(.lbs-finish-thumb){
  aspect-ratio: 4 / 3;
}
.lbs-option-item .lbs-img.lbs-finish-thumb{
	aspect-ratio: 4 / 4.4; /* shorter/tighter so cards don't feel overly tall */
}
.lbs-option-item .lbs-img:not(.lbs-finish-thumb) img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

/* v1.0.9 finish thumbs (simple + reliable)
   - Unframed: use the "rolled canvas" PNG and place current art into the blank area.
   - Stretched/Framed: show the current art smaller with a soft shadow (no fixed demo art).
*/
.lbs-finish-thumb{
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Reset any theme-added borders/padding on images inside finish thumbs */
.lbs-finish-thumb img{
  border: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Unframed: center the roll scene inside the taller thumb */
.lbs-finish-thumb-origin{
  display: flex;
  align-items: center;
  justify-content: center;
}
.lbs-finish-thumb-origin .lbs-roll-scene{
	overflow: hidden !important;
  width: 80%;
  max-width: 240px;
  aspect-ratio: 4 / 3;
  position: relative;
  /* Avoid a "see-through" look under the roll template */
  background: #f2f3f2;
}

/* Unframed: large background image behind the roll scene (keeps the card looking more realistic) */
.lbs-finish-thumb-origin .lbs-roll-bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.08;
  filter: saturate(1.02) blur(10px);
  z-index: 0;
}

/* generic overlay image (used for Unframed roll + Framed border) */
.lbs-finish-thumb .lbs-finish-overlay{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  z-index: 3;
}

/* Unframed roll template has a heavy baked shadow; slightly reduce its visual weight */
.lbs-finish-overlay-roll{
  opacity: 1;
  /* hide 1px seams from the baked PNG */
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
.lbs-finish-thumb .lbs-finish-art-wrap{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
.lbs-finish-thumb .lbs-finish-art{
  position:absolute;
  display:block;
  /* Default: fill the thumb. More specific rules (wall stage) override. */
  width:100%;
  height:100%;
  object-fit:cover;
}


/* Unframed: make the 'window' feel like real canvas/paper (prevents see-through look) */
.lbs-finish-thumb-origin .lbs-finish-art-wrap{
  background: #f8f8f8;
}
/* Unframed: rolled canvas template (PNG with a blank/black window)
   We simply place the art over that blank window so the black area disappears. */
.lbs-finish-thumb-origin{
  background-color: #ebedeb;
  background-image: none;
}

/* Unframed: place art into the blank "window" of the roll template.
   Use a PNG mask so the art ONLY appears inside the black window (most reliable). */
.lbs-finish-thumb-origin .lbs-finish-art-wrap{
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: none;
  clip-path: none;

  /* Key fix: prevent the art from showing through the semi-transparent roll sheet.
     Mask keeps the art ONLY inside the black window area. */
  -webkit-mask-image: url('../image/finish_unframed_roll_mask.png');
  mask-image: url('../image/finish_unframed_roll_mask.png');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;

  /* Make the roll "window" read like paper, so landscape art can be scaled down without looking cut off */
  background: #ffffff;
  z-index: 1;
}
.lbs-finish-thumb-origin .lbs-finish-art{
  position:absolute;
  left:50%;
  top:50%;
  /* User request: show the painting smaller inside the roll window (not full-bleed) */
  width: 88% !important;
  height: 88% !important;
  transform: translate(-50%, -50%);
  object-fit: contain;
  border-radius: 0;
  box-shadow: none;
  z-index: 1;
}

/* Legacy orientation hooks (no longer rotating/cropping). Keep for compatibility. */
.lbs-finish-thumb-origin.lbs-art-portrait .lbs-finish-art,
.lbs-finish-thumb-origin.lbs-art-landscape .lbs-finish-art{
  transform: translate(-50%, -50%);
  object-fit: contain;
}

/* Stretched: simple "on wall" look (no fixed wall photo, so it always matches the current art) */
.lbs-finish-thumb-inner{
  background: #f2f2f2;
  /* user uploaded wall background (v2) */
  background-image: url('../image/wall_stretched_v2.png');
  background-repeat: no-repeat;
  /* make the wall feel taller: fill the tall card and bias to top */
  background-position: center top;
  background-size: cover;
}

.lbs-finish-thumb-framed{
  background: #f2f2f2;
  /* user uploaded wall background (v2) */
  background-image: url('../image/wall_framed_v2.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

/* Wall previews use the same portrait thumb ratio as other finish thumbs (4/5) */

/* Wall stage: show the art smaller on the uploaded wall photos.
   - No white matte/background (so no white border)
   - Slightly higher placement to "hang" above furniture
   - Portrait-friendly sizing so tall paintings are fully visible
*/
.lbs-finish-thumb-inner .lbs-wall-stage,
.lbs-finish-thumb-framed .lbs-wall-stage{
  position: absolute;
  left: 50%;
  top: 45%;
  width: 70%;
  height: 50%;
  /* Stretched + Framed: enlarge art to 1.1x as requested */
  transform: translate(-50%, -50%) scale(1.1);
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Portrait paintings: a bit taller but still smaller than before */
.lbs-finish-thumb-inner.lbs-art-portrait .lbs-wall-stage,
.lbs-finish-thumb-framed.lbs-art-portrait .lbs-wall-stage{
  width: 46%;
  height: 60%;
}

/* Landscape paintings */
.lbs-finish-thumb-inner.lbs-art-landscape .lbs-wall-stage,
.lbs-finish-thumb-framed.lbs-art-landscape .lbs-wall-stage{
  width: 68%;
  height: 38%;
}

/* The art itself: no white background, just a realistic shadow */
.lbs-finish-thumb-inner .lbs-wall-stage .lbs-finish-art,
.lbs-finish-thumb-framed .lbs-wall-stage .lbs-finish-art{
  position: relative;
  left: auto;
  top: auto;
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 2px;
  background: transparent;
  padding: 0;
  box-shadow: none;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,.22));
}

/* remove any matte/halo outlines */
.lbs-wall-stage .lbs-finish-art{outline: none !important;}


/* Framed: same idea—smaller art + shadow (keep it clean and consistent) */

/* If the wall stage isn't present for any reason, fall back to a safe contain layout */
.lbs-finish-thumb-inner > .lbs-finish-art,
.lbs-finish-thumb-framed > .lbs-finish-art{
  left: 10%;
  top: 10%;
  width: 80% !important;
  height: 80% !important;
  object-fit: contain;
}



.lbs-finish-thumb-origin{background:#ebedeb !important; background-image:none !important;}


/* Framed thumb overlay removed (Framed preview uses /frame-img which already includes the real frame).
   Keep this hidden to avoid a duplicate yellow frame. */
.lbs-finish-overlay-frame{display:none !important;}


/* Only show the Painting + Frame Size line for Framed; JS toggles this. */


/* Frame carousel: equal-height cards + tidy label */
.lbs-frame-label{
  font-size: 12px;
  line-height: 1.15;
  max-height: 2.3em;
  min-height: 2.3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.lbs-frame-item{display:flex; align-items:stretch;}
.lbs-frame-inner{display:flex; flex-direction:column; height: auto !important; width:100%;}
/* Make the 4 grey boxes square and uniform */
.lbs-frame-img{width: 100%; aspect-ratio: 1 / 1; height: auto; display:flex; align-items:center; justify-content:center; background:#f2f2f2; border-radius: 8px; overflow:hidden; padding: 6px;}
.lbs-frame-img img{max-width: 100%; max-height: 100%; width:auto; height:auto; object-fit:contain;}
.lbs-frame-meta{flex:1; display:flex; align-items:center; justify-content:center; padding: 0 6px; min-height: 44px;}

/* Only show the Painting + Frame Size line for Framed; JS toggles this class. */
.lbs-size-title.is-hidden{display:none !important;}
/* Extra safety: only show this line when Framed is active */
.lbs-ui-v2:not([data-finish="origin_frame"]) .lbs-size-title{display:none !important;}

/* Avoid any fade/transition while swapping preview images (reduces "loading" flicker) */
.lbs-finish-thumb img,
.lbs-main-img,
.wp-post-image{
  transition: none !important;
  animation: none !important;
}


/* Dynamic size icon box (JS sets width/height); keep centered and consistent */
.lbs-size-btn .lbs-size-icon{
  left: 50% !important;
  right: auto !important;
  margin: 0 !important;
  top: 28% !important;
  transform: translate(-50%, -50%) !important;
  box-sizing: border-box;
}

/* Framed: slightly larger than Stretched (requested) */
.lbs-finish-thumb-framed .lbs-wall-stage{
  transform: translate(-50%, -50%) scale(1.15) !important;
}

/* Finish thumb loading overlay (Framed composition) */
.lbs-finish-thumb .lbs-thumb-loading{
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.55);
  z-index: 12;
}
.lbs-finish-thumb.is-loading .lbs-thumb-loading{display:flex;}
.lbs-finish-thumb .lbs-thumb-loading img{
  width: 28px;
  height: 28px;
}


/* Dotted spinner (matches the “dots circle” loading icon in the screenshot) */
.lbs-spinner-dots{
  width: 34px;
  height: 34px;
  position: relative;
  display: inline-block;
  animation: lbsSpinOnly 1s linear infinite;
}
.lbs-spinner-dots:before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #6f6f6f;
  transform: translate(-50%, -50%);
  box-shadow:
    0 -14px 0 0 #6f6f6f,
    10px -10px 0 0 rgba(111,111,111,.9),
    14px 0 0 0 rgba(111,111,111,.8),
    10px 10px 0 0 rgba(111,111,111,.7),
    0 14px 0 0 rgba(111,111,111,.6),
    -10px 10px 0 0 rgba(111,111,111,.5),
    -14px 0 0 0 rgba(111,111,111,.4),
    -10px -10px 0 0 rgba(111,111,111,.3);
}
/* Frame carousel: make image boxes square + uniform height */
.lbs-frame-inner{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lbs-frame-img{
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #f3f3f3;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.lbs-frame-img img{
  width: auto;
  height: auto;
  max-width: 92%;
  max-height: 92%;
  margin: 0 auto;
  display:block;
}