/* HallowixStudios V34 — cinematic cleanup, solid Store selector, cart spacing, adaptive product gallery */

/* HOME / Meet Hallowix
   Keep the real media layer introduced in V33, but remove the legacy overlay
   rectangles completely. The image itself is rendered at 70% opacity over Bark. */
.studio-section{
  background:var(--bark,#2E241E)!important;
}
.studio-section>.hx-site-media-backdrop{
  z-index:0!important;
  background:var(--bark,#2E241E)!important;
}
.studio-section>.hx-site-media-backdrop .hx-site-media-backdrop-image{
  opacity:.70!important;
  transform:none!important;
  filter:none!important;
}
.studio-section::before,
.studio-section::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}
.studio-section .studio-grid{
  position:relative!important;
  z-index:2!important;
}

/* STORE / discipline hero
   Remove V28/V33 ambient pseudo-layers that could read as a floating translucent
   panel over the selected Admin hero. The hero image remains dynamic and uses 70%. */
.store-v27-stage{
  background:var(--bark,#2E241E)!important;
}
.store-v27-stage>.hx-site-media-backdrop{
  z-index:0!important;
  background:var(--bark,#2E241E)!important;
}
.store-v27-stage>.hx-site-media-backdrop .hx-site-media-backdrop-image{
  opacity:.70!important;
  transform:none!important;
  filter:none!important;
}
.store-v27-stage::before,
.store-v27-stage::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}
.store-v27-stage .store-v27-shell{
  position:relative!important;
  z-index:2!important;
}

/* The Store chooser is a brown board, not a glass panel. Keep the requested
   80% Bark fill while removing the grid/gradient and backdrop-filter. */
.market-console{
  background:rgba(46,36,30,.80)!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  opacity:1!important;
}

/* CART — another small move toward the left from V33. */
.hx-cart-art{right:90px!important}
@media(max-width:760px){.hx-cart-art{right:82px!important}}
@media(max-width:520px){.hx-cart-art{right:80px!important}}

/* PRODUCT — the gallery column must size to its selected image instead of
   stretching to the commercial card / grid row height. This keeps thumbnails
   attached to the lower edge of the adaptive main frame while it animates. */
.product-detail-page .pd-gallery{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
  justify-self:stretch!important;
  gap:12px!important;
}
.product-detail-page .pd-gallery-main{
  flex:0 0 auto!important;
  min-height:0!important;
  margin:0!important;
}
.product-detail-page .pd-gallery-thumbs{
  flex:0 0 auto!important;
  margin:0!important;
  align-self:stretch!important;
}