/* Hide Woo's selected-variation summary (price/availability).
   Remove if you want stock/availability text to appear. */
.woocommerce-variation.single_variation {
  display: none !important;
}

/* ===== Amazon-style tiles layout ===== */
.amazon-tiles{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
  gap:12px;
  margin:8px 0 16px;
}
.amazon-tiles-wrap{ margin-bottom:8px; }
.amazon-tiles-heading{ margin:6px 0 6px; font-size:16px; font-weight:600; }
.amazon-selected-label{ margin-left:.5rem; font-weight:600; color:#111; }

/* ===== Base tile ===== */
.amazon-tiles .amazon-tile{
  all:unset;
  position:relative;
  display:flex; 
  flex-direction:column; 
  align-items:stretch;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:12px;
  cursor:pointer;
  transition: box-shadow .15s, border-color .15s, transform .05s;
}
.amazon-tiles .amazon-tile:hover{ box-shadow:0 4px 12px rgba(0,0,0,.08); }
.amazon-tiles .amazon-tile.is-selected{ border-color:#ff9900; box-shadow:0 0 0 3px rgba(255,153,0,.18); }

/* ===== Image tiles ===== */
.amazon-tiles .amazon-tile img{ 
	width:100%; 
	height:auto; 
	border-radius:10px; 
	display:block; 
	aspect-ratio: 1/1;    /* keeps square thumbs so rows stay even */
  	object-fit: cover;
}

/* Badge visibility:
   - Hide the tiny badge on IMAGE tiles
   - Show the label on NO-IMAGE tiles */
.amazon-tiles .amazon-tile:not(.no-img) .tile-name { display:none !important; }
.amazon-tiles .amazon-tile.no-img .tile-name{ display:block !important; }

.amazon-tiles .tile-name{
  position:absolute; top:8px; left:8px;
  font-size:11px; font-weight:600;
  background:rgba(255,255,255,.92);
  padding:2px 6px; border-radius:6px;
  max-width:calc(100% - 16px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* ===== No-image tiles ===== */
.amazon-tiles .amazon-tile.no-img{
  min-height:auto;
  padding:14px;
  justify-content:flex-start;
}
.amazon-tiles .amazon-tile.no-img .tile-name{
  position:static; background:transparent; padding:0; margin-bottom:8px;
  font-size:13px; font-weight:700; color:#111;
}
.amazon-tiles .amazon-tile.no-img .tile-value{
  flex:1 1 auto;
  display:flex; 
  align-items:center; 
  justify-content:center; 
  text-align:center;
  font-size:18px; 
  font-weight:800; 
  letter-spacing:.2px;
  padding:10px 8px; 
  border-radius:10px; 
  background:#fafafa; 
  border:1px dashed #e5e7eb; 
  min-height:54px;
}

/* ===== Per-tile price (last row populated by JS) ===== */
.amazon-tiles .tile-price,
.amazon-tiles .woocommerce-Price-amount.amount{
  margin-top:auto; 
  display:block;
  margin-top:8px; /* 10px was duplicate; use 8px for consistency with first block */
  font-size:18px !important;
  font-weight:700;
  line-height:1.2;
  color:#111;
}
.amazon-tiles .tile-price.is-muted{ color:#9ca3af; }
.amazon-tiles .tile-price del{ opacity:.45; margin-right:.35rem; }
.amazon-tiles .tile-price ins{ text-decoration:none; }

/* ===== Mobile: horizontal scroller ===== */
@media (max-width:600px){
  .amazon-tiles{
    display:flex !important;
    overflow-x:auto; -webkit-overflow-scrolling:touch;
    gap:8px; scroll-snap-type:x mandatory;
    padding:4px 8px; margin:0 -8px;
  }
  .amazon-tiles .amazon-tile{
    flex:0 0 43vw; max-width:45vw; min-width:42vw;
    scroll-snap-align:start; padding:8px;
  }
  .amazon-tiles::-webkit-scrollbar{ display:none; }
}