/* Build 202 — preserve original brand art and add compact hover-inspection gallery. */
.marketingBrandMark{
  position:absolute;
  z-index:14;
  top:4%;
  right:3.5%;
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:var(--mk-logo-width)!important;
  max-height:var(--mk-logo-height)!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:translateY(var(--mk-logo-y))!important;
  transform-origin:center!important;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,var(--mk-shadow-opacity)));
  font-style:normal!important;
}
.marketingPreview.style-bold .marketingBrandMark{top:16%;right:3.5%}
.marketingPreview.style-modern .marketingBrandMark,
.marketingPreview.style-coastal .marketingBrandMark,
.marketingPreview.style-clean .marketingBrandMark{top:4.5%;right:4.5%}
.marketingPreview.style-classy .marketingBrandMark,
.marketingPreview.style-luxury .marketingBrandMark{top:5.5%;right:5.5%}

.marketingGallery.marketingGalleryAll{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  max-height:350px;
  overflow:auto;
  padding:3px;
}
.marketingGalleryAll .marketingThumb{
  min-height:0;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#e8eef2;
  transform:none;
}
.marketingGalleryAll .marketingThumb img{width:100%;height:100%;object-fit:cover}
.marketingGalleryAll .marketingThumb i{width:23px;height:23px;font-size:15px}
.marketingPhotoHover{
  position:fixed;
  z-index:100001;
  box-sizing:border-box;
  overflow:hidden;
  pointer-events:none;
  border:5px solid #fff;
  border-radius:12px;
  background:#e8eef2;
  box-shadow:0 22px 70px rgba(0,20,45,.42);
  animation:marketingHoverIn .12s ease-out both;
}
.marketingPhotoHover img{display:block;width:100%;height:100%;object-fit:contain;background:#eef3f6}
.marketingPhotoHover b{position:absolute;left:10px;bottom:10px;padding:6px 8px;border-radius:6px;background:rgba(4,25,54,.82);color:#fff;font:900 10px/1 Arial,sans-serif;letter-spacing:.08em}
@keyframes marketingHoverIn{from{opacity:0;transform:translateY(5px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:650px){.marketingGallery.marketingGalleryAll{grid-template-columns:repeat(3,minmax(0,1fr))}.marketingPhotoHover{display:none}}
