/* Sprint 912 — Reference-aligned gallery + supplier reviews */
.product-page-v2 .product-commerce-grid{
  grid-template-columns:minmax(400px,.92fr) minmax(570px,1.18fr) minmax(310px,.66fr)!important;
  align-items:start!important
}

/* LEFT PRODUCT MEDIA — gallery below image */
.product-page-v2 .product-media-card{
  display:flex!important;flex-direction:column!important;gap:10px!important;
  padding:12px!important
}
.product-page-v2 .product-main-media{
  width:100%!important;height:510px!important;min-height:0!important;
  border-radius:13px!important;background:#f8fafc!important;padding:10px!important
}
.product-page-v2 .product-main-media>img{width:100%!important;height:100%!important;object-fit:contain!important}
.product-page-v2 .product-thumb-rail.tf-reference-gallery{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;width:100%!important;max-height:none!important;overflow:visible!important;
  margin:0!important;padding:0!important
}
.product-page-v2 .tf-reference-gallery .product-thumb{
  position:relative!important;width:100%!important;height:92px!important;min-width:0!important;
  padding:4px!important;border:1px solid #dce5ed!important;border-radius:10px!important;
  background:#fff!important;overflow:hidden!important
}
.product-page-v2 .tf-reference-gallery .product-thumb.is-active{
  border:2px solid #efb223!important;box-shadow:0 0 0 2px rgba(239,178,35,.10)!important
}
.product-page-v2 .tf-reference-gallery .product-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:6px!important}
.tf-gallery-more{
  position:absolute;inset:0;display:grid;place-items:center;background:rgba(16,39,63,.65);
  color:#fff;font-size:18px;font-weight:900;border-radius:7px
}
.tf-gallery-actions{
  display:flex;align-items:center;gap:22px;padding:8px 4px 2px;border-top:1px solid #edf1f4
}
.tf-gallery-actions button{
  display:inline-flex;align-items:center;gap:7px;padding:5px 0;border:0;background:transparent;
  color:#173954;font-size:10px;font-weight:800;cursor:pointer
}
.tf-gallery-actions svg{width:20px;height:20px}

/* RIGHT SIDEBAR */
.tf-supplier-sidebar{display:grid;gap:10px;position:sticky;top:92px}
.tf-supplier-sidebar .supplier-commerce-card{position:static!important;top:auto!important}
.tf-supplier-reference-card{padding:16px!important}
.tf-supplier-reference-card .supplier-card-head{align-items:center!important}
.tf-supplier-reference-card .supplier-card-head img{width:52px!important;height:52px!important;border-radius:10px!important}
.tf-supplier-reference-card .supplier-card-head small{display:block;color:#8795a3;font-size:7px}
.tf-supplier-reference-card .supplier-card-head h2{margin:3px 0;font-size:16px!important;color:#153957}
.tf-gold-supplier{display:inline-flex;padding:4px 7px;border-radius:999px;background:#fff2ca;color:#a46e00;font-size:7px;font-weight:900}
.tf-supplier-reference-card .supplier-trust-signals{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin:12px 0!important;padding-bottom:11px;border-bottom:1px solid #e8edf2}
.tf-supplier-reference-card .supplier-trust-signals span{padding:5px 7px!important;border-radius:999px!important;background:#eaf3ff!important;color:#2261a1!important;font-size:7px!important;font-weight:900!important}
.tf-supplier-reference-card .supplier-trust-signals span.green{background:#e9f7ef!important;color:#20764f!important}
.tf-supplier-facts-reference{margin:0 0 12px!important}
.tf-supplier-facts-reference>div{display:flex!important;justify-content:space-between!important;gap:12px!important;padding:9px 0!important;border-bottom:1px solid #edf1f4!important}
.tf-supplier-facts-reference dt{color:#8997a5!important;font-size:7px!important}
.tf-supplier-facts-reference dd{margin:0!important;text-align:right!important;color:#183a59!important;font-size:7px!important;font-weight:800!important}
.tf-supplier-reference-card .button-blue{width:100%!important;justify-content:center!important;background:#173e64!important;color:#fff!important}

/* Supplier Reviews */
.tf-supplier-review-card,.tf-why-supplier-card{
  padding:16px;border:1px solid #dde6ed;border-radius:16px;background:#fff;
  box-shadow:0 9px 26px rgba(18,55,88,.045)
}
.tf-supplier-review-card header{display:flex;align-items:flex-start;gap:9px;margin-bottom:12px}
.tf-review-star{color:#efb223;font-size:21px;line-height:1}
.tf-supplier-review-card h3,.tf-why-supplier-card h3{margin:0;color:#173957;font-size:14px}
.tf-supplier-review-card header small{display:block;margin-top:3px;color:#8796a5;font-size:6.5px;line-height:1.4}
.tf-review-summary{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.tf-review-summary>strong{font-size:25px;color:#153a5d}
.tf-review-summary>strong small{font-size:10px;color:#8191a0}
.tf-review-stars{color:#efb223;font-size:13px;letter-spacing:1px}
.tf-review-summary div span{display:block;margin-top:3px;color:#8292a1;font-size:7px}
.tf-review-distribution{display:grid;gap:6px}
.tf-review-distribution>div{display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:7px;font-size:6.5px;color:#738597}
.tf-review-distribution i{height:6px;border-radius:999px;background:#edf1f4;overflow:hidden}
.tf-review-distribution i b{display:block;height:100%;border-radius:999px;background:#efb223}
.tf-review-distribution em{font-style:normal;text-align:right;color:#304e68}
.tf-review-empty{padding:13px;border-radius:9px;background:#f8fafc}
.tf-review-empty strong,.tf-review-empty span{display:block}.tf-review-empty strong{font-size:8px}.tf-review-empty span{margin-top:4px;color:#8091a0;font-size:7px}
.tf-review-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #edf1f4}
.tf-review-foot span{color:#788b9c;font-size:7px}.tf-review-foot a{color:#1b5e9d;text-decoration:none;font-size:7px;font-weight:900}

/* Why choose supplier */
.tf-why-supplier-card h3{margin-bottom:12px}
.tf-why-supplier-card ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.tf-why-supplier-card li{display:flex;align-items:center;gap:9px;color:#294966;font-size:8px}
.tf-why-supplier-card li span{
  display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;
  border-radius:50%;background:#fff7dc;color:#d79705;font-size:13px;font-weight:900
}
.tf-why-supplier-card li b{font-weight:800}

/* suppress old duplicate media-action buttons on desktop because actions now sit under gallery */
@media(min-width:761px){
 .product-page-v2 .mobile-gallery-actions,.product-page-v2 .mobile-gallery-count{display:none!important}
}

@media(max-width:1180px) and (min-width:761px){
 .product-page-v2 .product-commerce-grid{grid-template-columns:minmax(380px,.9fr) minmax(500px,1.1fr)!important}
 .tf-supplier-sidebar{grid-column:1/-1;position:static;grid-template-columns:repeat(3,1fr)}
}

@media(max-width:760px){
 .product-page-v2 .product-main-media{height:390px!important}
 .product-page-v2 .product-thumb-rail.tf-reference-gallery{
   display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:8px!important
 }
 .product-page-v2 .tf-reference-gallery .product-thumb{width:76px!important;height:76px!important;flex:0 0 76px!important}
 .tf-gallery-actions{padding:8px 2px!important;gap:20px}
 .tf-supplier-sidebar{position:static!important;display:grid!important;grid-template-columns:1fr!important;margin-top:8px}
 .tf-supplier-reference-card,.tf-supplier-review-card,.tf-why-supplier-card{border-radius:12px!important}
}