/* Shop catalogue: compact 3-column mobile grid + professional photo wells */

/* Product card base */
.gridProd{
  align-items:stretch!important;
  gap:10px!important;
}
.shopProductCard{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid rgba(225,184,66,.20)!important;
  background:linear-gradient(180deg,#17140e 0%,#0d0c0a 100%)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,235,171,.035)!important;
}
.shopProductOpen{display:flex!important;flex-direction:column!important;min-height:0!important;flex:1!important}

/* Image well: warm bronze rather than a white pasted rectangle */
.shopProductImage{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid rgba(237,198,88,.22)!important;
  background:
    radial-gradient(circle at 50% 28%,rgba(218,205,164,.98) 0%,rgba(164,143,91,.98) 48%,rgba(54,43,21,.98) 100%)!important;
  box-shadow:inset 0 0 28px rgba(22,16,5,.28),inset 0 1px 0 rgba(255,247,210,.24)!important;
}
.shopProductImage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%),
    radial-gradient(circle at center,transparent 52%,rgba(17,12,4,.28) 100%);
}
.shopProductImage .imgWrap{position:relative!important;z-index:1!important;background:transparent!important}
.shopProductImage .imgReal,
.shopProductImage img{
  width:100%!important;
  height:100%!important;
  padding:4px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  mix-blend-mode:multiply!important;
  filter:contrast(1.08) saturate(.92) brightness(1.02)!important;
  transform:scale(1.04)!important;
}

.shopProductTitle{
  color:#f5efe1!important;
  font-weight:850!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.shopProductMeta{color:#9f9581!important}
.shopProductBottom strong{color:#e7c65c!important}
.shopSaveBtn{
  border:1px solid rgba(225,184,66,.28)!important;
  background:rgba(18,16,11,.88)!important;
  color:#e5d8ba!important;
  box-shadow:0 5px 14px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(10px)!important;
}
.shopSaveBtn.active{background:linear-gradient(180deg,#f4d46b,#c88e16)!important;color:#161008!important}
.shopCartBtn{
  flex:0 0 auto!important;
  background:linear-gradient(180deg,#f1cf62,#c88f17)!important;
  color:#171106!important;
  box-shadow:inset 0 1px 0 rgba(255,248,213,.55),0 6px 14px rgba(0,0,0,.22)!important;
}

@media(max-width:720px){
  /* Three products per row on mobile */
  .gridProd,.shopProductGrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .shopProductCard{
    min-height:0!important;
    padding:5px!important;
    border-radius:14px!important;
  }
  .shopProductImage{
    height:auto!important;
    aspect-ratio:1/1!important;
    border-radius:10px!important;
  }
  .shopProductImage .imgReal,.shopProductImage img{
    padding:3px!important;
    transform:scale(1.07)!important;
  }
  .shopProductTitle{
    min-height:24px!important;
    margin-top:6px!important;
    font-size:9.5px!important;
    line-height:1.22!important;
  }
  .shopProductMeta{display:none!important}
  .shopProductBottom{
    gap:3px!important;
    margin-top:5px!important;
    min-height:29px!important;
  }
  .shopProductBottom strong{
    min-width:0!important;
    font-size:9px!important;
    line-height:1.05!important;
  }
  .shopCartBtn{
    width:30px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    border-radius:9px!important;
  }
  .shopCartBtn span{display:none!important}
  .shopCartBtn svg{width:15px!important;height:15px!important}
  .shopSaveBtn{
    top:8px!important;
    right:8px!important;
    width:25px!important;
    height:25px!important;
    border-radius:8px!important;
  }
  .shopSaveBtn svg{width:13px!important;height:13px!important}
  #viewProducts{padding-bottom:112px!important}
}

@media(max-width:360px){
  .gridProd,.shopProductGrid{gap:5px!important}
  .shopProductCard{padding:4px!important;border-radius:12px!important}
  .shopProductTitle{font-size:8.6px!important;min-height:22px!important}
  .shopProductBottom strong{font-size:8.2px!important}
  .shopCartBtn{width:27px!important;height:27px!important;min-height:27px!important}
  .shopSaveBtn{top:6px!important;right:6px!important;width:23px!important;height:23px!important}
}

@media(min-width:721px) and (max-width:1100px){
  .gridProd,.shopProductGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}