/* ==========================================================
   COMPANY / EXHIBITOR STAND PAGE
   Overrides and additions on top of the .stand11e-* rules in
   style.css, per client change requests.
   ========================================================== */

/* Hero stats are now clickable jumps to #catalogues / #products
   instead of static numbers. */
.stand11e-stats{display:grid;grid-template-columns:repeat(2,1fr)}
a.stand11e-stat{
  text-decoration:none;
  cursor:pointer;
  transition:background .15s ease;
}
a.stand11e-stat:hover{background:rgba(255,255,255,.08)}

/* Hero media: straightened front cover (no rotation) with additional
   catalogue covers fanned out behind it, each layer offset a little
   further and slightly dimmed/scaled down. Replaces the single
   rotate(1.5deg) skewed card. */
.stand11e-media-stack{
  position:absolute;
  left:50%;
  top:50%;
  width:255px;
  height:300px;
  transform:translate(-50%,-50%);
}
.stand11e-media-card{
  position:absolute;
  inset:0;
  padding:12px;
  border-radius:15px;
  background:#fff;
  box-shadow:0 28px 70px rgba(0,0,0,.32);
  transform:translate(0,0) rotate(0deg);
}
.stand11e-media-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top;
  border-radius:8px;
}
.stand11e-media-card span{
  position:absolute;
  left:12px;
  right:12px;
  bottom:10px;
  padding:6px 0 0;
  text-align:center;
  color:#0c2a42;
  font-size:11px;
  font-weight:900;
  background:linear-gradient(0deg,#fff 55%,transparent);
}
/* Layer 0 = front (straight, full size). Each layer behind is offset
   down-right, scaled down slightly and dimmed, fanning the stack. */
.stand11e-media-card.layer-0{z-index:4}
.stand11e-media-card.layer-1{z-index:3;transform:translate(16px,14px) scale(.97);filter:brightness(.93)}
.stand11e-media-card.layer-2{z-index:2;transform:translate(30px,26px) scale(.94);filter:brightness(.86)}
.stand11e-media-card.layer-3{z-index:1;transform:translate(42px,36px) scale(.91);filter:brightness(.8)}

/* Buyer enquiry box: now holds up to three actions (Visit Website /
   Email Exporter / Send enquiry) rather than one — these moved down
   from the hero. */
.stand11e-buyer{grid-template-columns:1fr auto}
.stand11e-buyer-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
.stand11e-buyer-actions .primary{background:#f2bc32;color:#061421}
.stand11e-buyer-actions .ghost{color:#fff;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.05)}

/* Larger product pills in the main Products section (credentials tags
   stay at their existing smaller size). */
.stand11e-tags-lg span{
  padding:9px 14px;
  font-size:12.5px;
}

@media(max-width:850px){
  .stand11e-buyer-actions{justify-content:flex-start}
}
@media(max-width:650px){
  .stand11e-stats{grid-template-columns:1fr 1fr}
  .stand11e-buyer-actions{width:100%}
  .stand11e-buyer-actions .button{flex:1 1 auto;justify-content:center}
}