/* Portable radio catalogue: adds a new page only; inherits approved PoC radio card styling. */
.tport-page .tport-hero-art .tpr-art-radios img:nth-child(3){transform:none}
.tport-page .tport-hero-art .tpr-art-radios img:nth-child(1){height:89%;width:26%}
.tport-page .tport-hero-art .tpr-art-radios img:nth-child(2){height:93%;width:29%}
.tport-page .tport-hero-art .tpr-art-radios img:nth-child(3){height:98%;width:30%}
.tport-page .tport-navigation{background:#fff}
.tport-page .tport-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:27px}
.tport-page .tport-tiers a{min-height:122px;border:1px solid #d9e6ef;border-radius:16px;background:#f1f6fa;padding:23px 17px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;color:#0c193a;transition:box-shadow .2s,transform .2s}
.tport-page .tport-tiers a:hover{box-shadow:0 12px 24px #0a203519;transform:translateY(-2px)}
.tport-page .tport-tiers strong{font-size:16px;line-height:1.35}
.tport-page .tport-tiers span{font-size:12px;color:#177d9e;font-weight:800}
.tport-page .tport-category{scroll-margin-top:110px}
.tport-page .tport-category:nth-of-type(even){background:#eaf1f7}
.tport-page .tport-group-head{display:flex;justify-content:space-between;align-items:start;gap:22px}
.tport-page .tport-group-head>a{font-size:12px;color:#126a89;font-weight:800;white-space:nowrap;padding-top:8px}
.tport-page .tport-group-head .tpr-intro{max-width:740px}
.tport-page .tpr-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tport-page .tpr-product-grid .tpr-image img{max-height:100%;width:auto;max-width:100%;height:100%;object-fit:contain;transform:none;mix-blend-mode:multiply}
.tport-page .tpr-product-grid .tpr-image{overflow:hidden}
.tport-page .tpr-product-grid .tpr-image img[src*="S1-Mini"]{max-height:88%}
.tport-page .tport-guidance{background:#fff}
.tport-page .tport-support{background:#ecf3f8}
.tport-page .tport-related{display:flex;flex-direction:column;gap:10px;margin-top:21px}
.tport-page .tport-related a{font-weight:750;font-size:13px;color:#117ba0;border-bottom:1px solid #c9dce9;padding-bottom:8px}
@media(max-width:940px){.tport-page .tport-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.tport-page .tpr-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.tport-page .tport-tiers,.tport-page .tpr-product-grid{grid-template-columns:1fr}.tport-page .tport-tiers a{min-height:90px}.tport-page .tport-group-head{display:block}.tport-page .tport-group-head>a{display:inline-block;margin:0 0 15px}.tport-page .tport-hero-art .tpr-art-radios img:nth-child(1){height:84%}.tport-page .tport-hero-art .tpr-art-radios img:nth-child(2){height:91%}.tport-page .tport-hero-art .tpr-art-radios img:nth-child(3){height:95%}}


/* v1.17.9 — portable radios page visual fixes */
.tport-page .tport-hero-art .tpr-art-radios{height:338px;gap:24px;overflow:visible}
.tport-page .tport-hero-art .tpr-art-radios img{object-fit:contain;transform-origin:center bottom}
.tport-page .tport-hero-art .tpr-art-radios img:nth-child(1){height:96%;width:25%;transform:scale(1.42) translateY(6px)}
.tport-page .tport-hero-art .tpr-art-radios img:nth-child(2){height:99%;width:27%;transform:scale(1.34) translateY(5px)}
.tport-page .tport-hero-art .tpr-art-radios img:nth-child(3){height:97%;width:24%;transform:scale(1.58) translateY(6px)}
@media(max-width:767px){.tport-page .tport-hero-art .tpr-art-radios{height:250px;gap:14px}.tport-page .tport-hero-art .tpr-art-radios img:nth-child(1){transform:scale(1.22) translateY(3px)}.tport-page .tport-hero-art .tpr-art-radios img:nth-child(2){transform:scale(1.17) translateY(3px)}.tport-page .tport-hero-art .tpr-art-radios img:nth-child(3){transform:scale(1.32) translateY(4px)}}

/* v1.18.0 larger, balanced portable radio hero. Scoped to portable page only. */
@media(min-width:768px){
.tport-page .tport-hero-art{min-height:405px;padding:22px 20px 18px}
.tport-page .tport-hero-art .tpr-art-radios{height:290px;width:100%;gap:0;align-items:center;overflow:visible}
.tport-page .tport-hero-art .tpr-art-radios img{width:33.333%;max-width:33.333%;height:100%;flex:0 0 33.333%;object-fit:contain;transform-origin:center}
.tport-page .tport-hero-art .tpr-art-radios img:nth-child(1){transform:scale(1.95)}
.tport-page .tport-hero-art .tpr-art-radios img:nth-child(2){transform:scale(1.75)}
.tport-page .tport-hero-art .tpr-art-radios img:nth-child(3){transform:scale(2.05)}
.tport-page .tport-hero-art .tpr-art-tags{position:relative;z-index:2}
}
@media(max-width:767px){
.tport-page .tport-hero-art .tpr-art-radios{height:210px;width:100%;gap:0}
.tport-page .tport-hero-art .tpr-art-radios img{width:33.333%;max-width:33.333%;height:100%;flex:0 0 33.333%}
.tport-page .tport-hero-art .tpr-art-radios img:nth-child(1){transform:scale(1.66)}
.tport-page .tport-hero-art .tpr-art-radios img:nth-child(2){transform:scale(1.48)}
.tport-page .tport-hero-art .tpr-art-radios img:nth-child(3){transform:scale(1.76)}
}


/* v1.18.1: subtle hazard-certified highlight — only HP702/HP782 UL913. */
.tport-page .tpr-product.tport-ul913-card {
  border: 1.5px solid #d5ab51;
  box-shadow: 0 10px 28px rgba(151,105,21,.09);
}
.tport-page .tpr-product.tport-ul913-card .tpr-image {
  position:relative;
  background:linear-gradient(145deg,#faf7ed 0%,#f1ede2 100%);
}
.tport-page .tpr-product.tport-ul913-card .tport-ul913-label {
  position:absolute;top:12px;left:12px;z-index:2;
  display:inline-block;padding:6px 9px;border-radius:20px;
  background:#f5e7be;color:#71500a;border:1px solid #d7bc79;
  font-size:10px;font-weight:850;letter-spacing:.05em;line-height:1.25;
}
.tport-page .tpr-product.tport-ul913-card .tpr-type {color:#98620e;}
.tport-page .tpr-product.tport-ul913-card .tpr-spec {color:#795512;background:#fbefd0;}
@media(max-width:767px){
  .tport-page .tpr-product.tport-ul913-card .tport-ul913-label {font-size:9px;top:10px;left:10px;}
}

/* v1.18.5 — blue-progressive tier cards, approved across both product catalogues. */
.tport-page .tport-tiers a{position:relative;overflow:hidden;background:#f0f5f9;border:1px solid #d5e3ef;box-shadow:0 6px 14px rgba(10,30,50,.055);padding-top:27px;transition:transform .2s,box-shadow .2s}
.tport-page .tport-tiers a:before{content:'';height:6px;position:absolute;inset:0 0 auto;background:#50bfe5}
.tport-page .tport-tiers a:nth-child(2):before{background:#2e9ec9}
.tport-page .tport-tiers a:nth-child(3):before{background:#246a9b}
.tport-page .tport-tiers a:nth-child(4):before{background:#0d477a}
.tport-page .tport-tiers a:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(12,38,60,.16)}

/* v1.18.17: show only the centre/front product view from Hytera's official three-view PD-series artwork. */
.tport-page .tpr-image .tport-pd-front {
  display:block; flex:0 0 auto;
  width:96px; height:235px;
  max-height:100%; max-width:100%;
  margin:0 auto;
  background-color:transparent;
  background-repeat:no-repeat;
  background-size:auto 100%;
  background-position:center center;
  mix-blend-mode:multiply;
}

/* v1.18.18: the BP562 source has more transparent margin than the BP512. */
.tport-page #radios-mid .tpr-image img[src*="BP566-HYTERA"] {
  transform:scale(1.19);
  transform-origin:center;
}

/* v1.18.25: increase PDC680 product photo only to match neighbouring HP782 visual scale. */
.tport-page #radios-advanced .tpr-product.tport-pdc680-card .tpr-image img {transform:scale(1.30);transform-origin:center center;}

/* v1.18.31 — mobile-only portable catalogue hero refinement.
   Reduce excessive vertical height and balance the controls and three radios; desktop untouched. */
@media (max-width:767px) {
  .tport-page .tpr-hero {padding-top:26px;padding-bottom:34px;}
  .tport-page .tpr-hero .tp-hero-grid {gap:20px;}
  .tport-page .tpr-hero h1 {font-size:clamp(31px,8.2vw,40px);line-height:1.12;margin-bottom:13px;}
  .tport-page .tpr-hero .tp-hero-lead {font-size:17px;line-height:1.4;margin-bottom:10px;}
  .tport-page .tpr-hero .tp-hero-description {font-size:14px;line-height:1.55;margin-bottom:18px;}
  .tport-page .tpr-hero .tp-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  .tport-page .tpr-hero .tp-actions .tp-btn {min-width:0;min-height:48px;padding:11px 9px;font-size:13px;text-align:center;gap:5px;line-height:1.25;}
  .tport-page .tpr-hero .tp-note {margin-top:13px;font-size:11px;line-height:1.5;}
  .tport-page .tport-hero-art {min-height:0;height:auto;padding:15px 12px 16px;border-radius:17px;gap:10px;justify-content:initial;}
  .tport-page .tport-hero-art .tpr-art-label {font-size:9px;letter-spacing:.13em;line-height:1.3;}
  .tport-page .tport-hero-art .tpr-art-radios {height:190px;width:100%;min-height:0;gap:0;overflow:hidden;align-items:center;}
  .tport-page .tport-hero-art .tpr-art-radios img {width:33.333%;max-width:33.333%;height:100%;flex:0 0 33.333%;object-fit:contain;transform-origin:center;}
  .tport-page .tport-hero-art .tpr-art-radios img:nth-child(1) {transform:scale(1.54);}
  .tport-page .tport-hero-art .tpr-art-radios img:nth-child(2) {transform:scale(1.42);}
  .tport-page .tport-hero-art .tpr-art-radios img:nth-child(3) {transform:scale(1.59);}
  .tport-page .tport-hero-art .tpr-art-tags {gap:5px;}
  .tport-page .tport-hero-art .tpr-art-tags span {padding:5px 8px;font-size:9px;line-height:1.3;white-space:nowrap;}
}
@media (max-width:360px) {
  .tport-page .tpr-hero .tp-actions .tp-btn {font-size:12px;}
  .tport-page .tport-hero-art .tpr-art-radios {height:166px;}
  .tport-page .tport-hero-art .tpr-art-tags span {font-size:8px;padding:5px 6px;}
}