/* BTB Commerce: product-first gallery for actual seller and supplier records.
   Visual presentation only: image, price, stock and readiness remain API-owned. */
.commerce-page #dropshipping .commerce-dropship-results{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch
}
.commerce-page #dropshipping .commerce-dropship-card{
  display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;
  border:1px solid #dce4eb;border-radius:18px;background:#fff;
  box-shadow:0 7px 22px rgba(15,34,52,.06);
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease
}
.commerce-page #dropshipping .commerce-dropship-media{
  display:grid;place-items:center;position:relative;width:100%;height:auto;min-height:0;
  aspect-ratio:1/1;overflow:hidden;background:linear-gradient(155deg,#fafaf8,#f0f3f5)
}
.commerce-page #dropshipping .commerce-dropship-media img{
  display:block;width:100%;height:100%;padding:12px;box-sizing:border-box;
  object-fit:contain;object-position:center
}
.commerce-page #dropshipping .commerce-dropship-copy{
  display:flex;flex-direction:column;flex:1;gap:10px;min-width:0;padding:16px
}
.commerce-page #dropshipping .commerce-dropship-copy h3{
  font-size:1rem;line-height:1.4;font-weight:850;color:#15263b;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden
}
.commerce-page #dropshipping .commerce-dropship-copy .commerce-row-meta{
  display:flex;flex-wrap:wrap;gap:6px 9px;font-size:.75rem;line-height:1.45
}
.commerce-page #dropshipping .commerce-dropship-copy .commerce-pill{
  max-width:100%;white-space:normal;overflow-wrap:anywhere
}
.commerce-page #dropshipping .commerce-dropship-import{
  display:grid;grid-template-columns:1fr;gap:9px;margin-top:auto
}
.commerce-page #dropshipping .commerce-dropship-import label{
  display:grid;gap:5px;font-weight:800;font-size:.8rem;min-width:0
}
.commerce-page #dropshipping .commerce-dropship-import input{
  width:100%;min-height:44px;border-radius:10px;font-size:16px
}
.commerce-page #dropshipping .commerce-dropship-import button{
  width:100%;min-height:44px;border-radius:11px;justify-content:center
}
.commerce-page #dropshipping .commerce-dropship-help{
  font-size:.75rem;line-height:1.5;color:#607084
}
.commerce-page #dropshipping .commerce-image-unavailable,
.commerce-page #products .commerce-image-unavailable{
  display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  padding:16px;box-sizing:border-box;text-align:center;color:#69798a;
  background:linear-gradient(145deg,#f8fafb,#e9eef2);font-weight:700;font-size:.82rem
}
.commerce-page #products .commerce-product-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px
}
.commerce-page #products .commerce-product-card{
  display:grid;grid-template-columns:142px minmax(0,1fr);gap:14px;padding:14px;
  align-content:start;min-width:0;border:1px solid #dce4eb;
  border-radius:18px;background:#fff;box-shadow:0 6px 20px rgba(15,34,52,.045)
}
.commerce-page #products .commerce-product-thumb{
  width:142px;height:142px;min-width:0;aspect-ratio:1/1;
  overflow:hidden;border-radius:13px;background:#f5f6f4
}
.commerce-page #products .commerce-product-thumb img{
  width:100%;height:100%;box-sizing:border-box;padding:8px;object-fit:contain
}
.commerce-page #products .commerce-product-copy{display:grid;gap:10px;min-width:0}
.commerce-page #products .commerce-product-title-row{gap:7px;flex-wrap:wrap}
.commerce-page #products .commerce-product-title-row h3{font-size:.99rem;line-height:1.36}
.commerce-page #products .commerce-product-actions{gap:8px}
.commerce-page #products .commerce-product-actions button,
.commerce-page #products .commerce-product-actions a{min-height:40px}
.commerce-page #products .commerce-draft-editor{grid-column:1/-1}
@media(hover:hover){
  .commerce-page #dropshipping .commerce-dropship-card:hover{
    transform:translateY(-3px);border-color:#b9cddd;box-shadow:0 16px 30px rgba(15,34,52,.11)
  }
}
@media(max-width:1060px){
  .commerce-page #dropshipping .commerce-dropship-results{grid-template-columns:repeat(2,minmax(0,1fr))}
  .commerce-page #products .commerce-product-list{grid-template-columns:1fr}
}
@media(max-width:620px){
  .commerce-page #dropshipping .commerce-dropship-results{grid-template-columns:1fr;gap:14px}
  .commerce-page #dropshipping .commerce-dropship-card{border-radius:16px}
  .commerce-page #dropshipping .commerce-dropship-media{
    aspect-ratio:5/4;max-height:340px
  }
  .commerce-page #dropshipping .commerce-dropship-copy{padding:14px}
  .commerce-page #products .commerce-product-card{
    grid-template-columns:116px minmax(0,1fr);padding:12px;gap:12px;border-radius:16px
  }
  .commerce-page #products .commerce-product-thumb{width:116px;height:116px}
}
@media(max-width:395px){
  .commerce-page #products .commerce-product-card{grid-template-columns:1fr}
  .commerce-page #products .commerce-product-thumb{
    width:100%;height:auto;aspect-ratio:5/3
  }
  .commerce-page #products .commerce-product-thumb img{padding:12px}
}
@media(prefers-reduced-motion:reduce){
  .commerce-page #dropshipping .commerce-dropship-card{transition:none}
  .commerce-page #dropshipping .commerce-dropship-card:hover{transform:none}
}