/* Sprint 924 — supplier sidebar alignment + responsive mobile ordering */

/* Desktop: make the right card visually balanced with the center panel */
.product-page-v2 .product-commerce-grid{
  align-items:start!important
}
.tf-supplier-sidebar-premium{
  align-self:start!important;
  min-width:0!important
}
.tf-premium-supplier-card{
  width:100%!important;
  max-width:none!important;
  border-radius:13px!important;
  box-shadow:0 8px 22px rgba(16,24,32,.055)!important
}
.tf-premium-supplier-top{
  padding:13px 14px 9px!important
}
.tf-premium-supplier-top>img{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important
}
.tf-premium-supplier-identity h2{
  font-size:14px!important
}
.tf-premium-location{
  font-size:7.5px!important
}
.tf-premium-supplier-badges{
  padding:0 14px 9px!important;
  gap:5px!important
}
.tf-premium-supplier-badges span{
  padding:5px 7px!important;
  font-size:6.5px!important
}
.tf-premium-rating{
  margin:0 14px!important;
  padding:8px 0!important
}
.tf-premium-supplier-facts{
  margin:0 14px!important;
  padding:8px 0!important
}
.tf-premium-supplier-facts>div{
  gap:7px!important
}
.tf-premium-fact-icon{
  width:25px!important;
  height:25px!important;
  flex-basis:25px!important
}
.tf-premium-fact-icon svg{
  width:13px!important;
  height:13px!important
}
.tf-premium-supplier-facts small{
  font-size:6px!important
}
.tf-premium-supplier-facts b{
  font-size:8px!important
}
.tf-premium-profile-btn{
  margin:0 14px 12px!important;
  min-height:34px!important;
  font-size:7.5px!important
}

/* enquiry area visually lighter and shorter */
.tf-premium-inquiry-head{
  padding:10px 14px!important;
  gap:9px!important
}
.tf-premium-rfq-icon{
  width:30px!important;
  height:30px!important;
  flex-basis:30px!important
}
.tf-premium-rfq-icon svg{
  width:16px!important;
  height:16px!important
}
.tf-premium-inquiry-head small{
  font-size:5.8px!important
}
.tf-premium-inquiry-head h3{
  font-size:13px!important
}
.tf-premium-inquiry-head p{
  font-size:6.5px!important
}
.tf-premium-inquiry-form{
  gap:8px!important;
  padding:11px 14px 13px!important
}
.tf-premium-inquiry-form label>span{
  margin-bottom:4px!important;
  font-size:6.5px!important
}
.tf-premium-inquiry-form input,
.tf-premium-inquiry-form select{
  height:35px!important;
  font-size:8px!important
}
.tf-premium-phone b{
  font-size:8px!important
}
.tf-premium-submit{
  min-height:38px!important;
  font-size:8px!important
}

/* Tablet: supplier becomes full width after the main top grid */
@media(max-width:1250px) and (min-width:761px){
  .product-page-v2 .product-commerce-grid{
    grid-template-columns:minmax(330px,.88fr) minmax(480px,1.12fr)!important
  }
  .product-page-v2 .product-media-card{
    grid-column:1!important;
    grid-row:1!important
  }
  .product-page-v2 .product-buy-card{
    grid-column:2!important;
    grid-row:1!important
  }
  .product-page-v2 .tf-supplier-sidebar-premium{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    margin-top:0!important
  }
  .tf-premium-supplier-card{
    display:grid!important;
    grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr)!important
  }
  .tf-premium-supplier-top,
  .tf-premium-supplier-badges,
  .tf-premium-rating,
  .tf-premium-supplier-facts,
  .tf-premium-profile-btn{
    grid-column:1!important
  }
  .tf-premium-inquiry-head,
  .tf-premium-inquiry-form{
    grid-column:2!important
  }
  .tf-premium-inquiry-head{
    grid-row:1/3!important;
    align-self:stretch!important;
    border-left:1px solid #28333D!important
  }
  .tf-premium-inquiry-form{
    grid-row:3/7!important;
    border-left:1px solid #E1E6EB!important
  }
}

/* MOBILE ORDER:
   1) product image/gallery
   2) center product details + price/commerce
   3) supplier card / enquiry
*/
@media(max-width:760px){
  .product-page-v2 .product-commerce-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important
  }
  .product-page-v2 .product-media-card{
    order:1!important;
    width:100%!important
  }
  .product-page-v2 .product-buy-card{
    order:2!important;
    width:100%!important
  }
  .product-page-v2 .tf-supplier-sidebar-premium{
    order:3!important;
    width:100%!important;
    margin-top:0!important
  }

  .tf-premium-supplier-card{
    display:block!important;
    width:100%!important;
    border-radius:12px!important
  }

  /* keep identity horizontal, compact */
  .tf-premium-supplier-top{
    padding:12px 12px 8px!important
  }
  .tf-premium-supplier-top>img{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important
  }
  .tf-premium-supplier-identity h2{
    font-size:13px!important
  }
  .tf-premium-supplier-badges{
    padding:0 12px 9px!important
  }

  /* facts in one clean row where space permits */
  .tf-premium-supplier-facts{
    grid-template-columns:1fr 1fr!important;
    margin:0 12px!important;
    padding:8px 0!important
  }

  .tf-premium-profile-btn{
    margin:0 12px 11px!important;
    min-height:36px!important
  }

  .tf-premium-inquiry-head{
    padding:10px 12px!important
  }
  .tf-premium-inquiry-form{
    padding:11px 12px 13px!important
  }

  .tf-premium-qty-row,
  .tf-premium-phone{
    width:100%!important
  }
  .tf-premium-qty-row input{
    width:55%!important
  }
  .tf-premium-qty-row select{
    width:45%!important
  }
  .tf-premium-submit{
    width:100%!important;
    min-height:40px!important
  }

  /* avoid desktop sticky/right-sidebar behavior leaking into mobile */
  .tf-supplier-sidebar,
  .tf-supplier-sidebar-premium{
    position:static!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important
  }
}

/* narrow phones */
@media(max-width:430px){
  .tf-premium-supplier-facts{
    grid-template-columns:1fr!important;
    gap:7px!important
  }
  .tf-premium-supplier-badges{
    gap:4px!important
  }
  .tf-premium-supplier-badges span{
    font-size:6px!important
  }
  .tf-premium-inquiry-head p{
    display:none!important
  }
}