/* Qubal v177 — targeted corrections on uploaded v175 only. */

/* 1) Ceramic plate: use a safe-margin asset and never crop it on home cards. */
.qubal-home .hubCategoryImage.ceramicHomeImage,
.qubal-home .featuredImage.ceramicFeatured{
  background:#e3d9cb!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  padding:0!important;
}
.qubal-home .hubCategoryImage.ceramicHomeImage img,
.qubal-home .featuredImage.ceramicFeatured img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  background:#e3d9cb!important;
}

/* 2) Wall-art cards: remove the secondary image-stage tone. Images run full width
   at their natural aspect ratio, so no beige letterbox/padding can appear. */
.qubal-home .wallArtSection{background:#f0e9dc!important;}
.qubal-home .wallArtCard{
  background:#f0e9dc!important;
  border-color:#d8c7a8!important;
  box-shadow:none!important;
}
.qubal-home .wallArtImage{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  overflow:hidden!important;
  cursor:zoom-in;
}
.qubal-home .wallArtImage img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
}

/* 5) Wall-art expansion — viewer only; does not alter card layout. */
.wallArtLightbox{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:28px}
.wallArtLightbox.isOpen{display:flex}
.wallArtLightboxPanel{width:min(1180px,96vw);height:min(860px,92vh);background:#f3ede2;color:#1b1813;display:grid;grid-template-columns:minmax(0,1fr) 320px;position:relative;box-shadow:0 28px 80px rgba(0,0,0,.5);overflow:hidden}
.wallArtLightboxMedia{min-width:0;min-height:0;background:#16130f;display:grid;place-items:center;position:relative;overflow:hidden}
.wallArtLightboxMedia img{width:100%;height:100%;object-fit:contain;display:block;background:#16130f}
.wallArtLightboxInfo{padding:34px 30px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #d2c4ae}
.wallArtLightboxInfo .eyebrow{color:#8b6331;margin-bottom:9px}
.wallArtLightboxInfo h2{font:38px/1.05 Georgia,serif;margin:0 0 14px;color:#201b14}
.wallArtLightboxInfo p{color:#62594d;font-size:14px;margin:0 0 22px}
.wallArtLightboxPrice{font:30px Georgia,serif;color:#2b2218}
.wallArtLightboxClose,.wallArtLightboxPrev,.wallArtLightboxNext{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.55);background:rgba(10,10,10,.72);color:#fff;width:44px;height:44px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center}
.wallArtLightboxClose{right:16px;top:16px}.wallArtLightboxPrev{left:16px;top:50%;transform:translateY(-50%)}.wallArtLightboxNext{right:336px;top:50%;transform:translateY(-50%)}
.wallArtLightboxCounter{margin-top:18px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7a7062}body.wallArtLightboxOpen{overflow:hidden}
@media(max-width:820px){.wallArtLightbox{padding:12px}.wallArtLightboxPanel{height:min(900px,95vh);grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.wallArtLightboxInfo{padding:20px 20px 22px;border-left:0;border-top:1px solid #d2c4ae}.wallArtLightboxInfo h2{font-size:28px}.wallArtLightboxNext{right:16px}.wallArtLightboxMedia img{max-height:66vh}}