/* Olive Vintage Gallery — v26 full hero artwork fix
   Desktop: keep the luxury three-card hero composition while showing
   each artwork in full instead of cropping/zooming the source image. */

.hero-brand-seal,
.hero-brand-seal-centered{
  display:none !important;
}

@media (min-width: 701px){

  .hero-collection-art .hero-object-image{
    position:relative;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 50% 35%, #f9fafb 0%, #edf0f2 60%, #d7dde0 100%);
  }

  .hero-collection-art .hero-object-image > img{
    display:block;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    margin:0 !important;
    padding:1.5% !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
    scale:1 !important;
  }

  /* Main artwork gets slightly less inset so it still feels dominant
     without losing the top, bottom, or sides of the piece. */
  .hero-object-main .hero-object-image > img{
    padding:0.75% !important;
    object-position:50% 50% !important;
    scale:1 !important;
  }

  .hero-object-top .hero-object-image > img{
    padding:1.5% !important;
    object-position:50% 50% !important;
    scale:1 !important;
  }

  .hero-object-bottom .hero-object-image > img{
    padding:1.5% !important;
    object-position:50% 50% !important;
    scale:1 !important;
  }
}
/* Homepage category additions */

.category-grid .category-card:nth-child(2) .category-photo{
  background:
    radial-gradient(circle at 50% 42%,rgba(147,119,72,.16),transparent 55%),
    url("./assets/products/iridescent-ambe-handle-vase.webp") center/contain no-repeat,
    #0b0e0a !important;
}

.category-grid .category-card:nth-child(2) .category-photo > img{
  opacity:0 !important;
}

.category-grid::after{
  content:"05 · MARBLES & PAPERWEIGHTS";
  box-sizing:border-box;
  grid-column:1 / -1;
  min-height:560px;
  display:flex;
  align-items:flex-end;
  padding:30px;
  border:1px solid rgba(216,20.we3,168,.16);
  background:
    linear-gradient(180deg,transparent 35%,rgba(7,9,7,.92) 100%),
    url("https://images.whatnot.com/fit-in/3840x0/listings%2F0-4b67ad0e-1626-4715-83a6-3a07bc483ba2-c5b73cab-d571-4cca-b0bc-673689cd5f34.jpeg")
    center/cover no-repeat;
  color:#f1eadc;
  font-family:"Playfair Display",serif;
  font-size:clamp(30px,4vw,54px);
  text-shadow:0 3px 20px rgba(0,0,0,.72);
}

@media(max-width:620px){
  .category-grid::after{
    grid-column:auto;
    min-height:520px;
    padding:24px 20px;
  }
}
/* Fix Vintage & Antique Glass image */

.category-grid .category-card:nth-child(2) .category-photo{
  background-color:#0b0e0a !important;

  background-image:
    url("https://raw.githubusercontent.com/birdseyeview312-beep/olive-vintage-gallery/main/assets/products/iridescent-handled-vase.webp"),
    url("./assets/products/iridescent-amber-handled-vase.webp"),
    radial-gradient(circle at 50% 42%,rgba(147,119,72,.18),transparent 58%) !important;

  background-size:
    contain,
    contain,
    cover !important;

  background-position:
    center,
    center,
    center !important;

  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat !important;
}
/* American Art Glass image replacement */

.category-grid .category-card:nth-child(3) .category-photo{
  background:
    url("./assets/products/american-art-glass-purple-vase.jpg")
    center/cover no-repeat !important;
}

.category-grid .category-card:nth-child(3) .category-photo > img{
  opacity:0 !important;
}
/* American Art Glass image replacement */

.category-grid .category-card:nth-child(3) .category-photo{
  background:
    url("./assets/products/american-art-glass-purple-vase-1.jpg")
    center/cover no-repeat !important;
}

.category-grid .category-card:nth-child(3) .category-photo > img{
  opacity:0 !important;
}
/* Final American Art Glass image fix */

.category-grid .category-card:nth-child(3) .category-photo{
  background:
    url("./assets/products/american-art-glass-purple-vase.jpg")
    center/cover no-repeat !important;
}