/* DroneX v75 — single product: show the actual dynamic manufacturer.
   The legacy theme moves the brand anchor out of its wrapper on page load;
   display:contents and ordering below make either DOM state behave correctly.
   This is deliberately limited to the single-product page. */
.dx-theme.dx-product-page { --dx-brand-fix-version: 75; }
.dx-theme.dx-product-page .product-page__details > .block__header {
  display:flex!important; flex-direction:column!important; align-items:stretch!important;
  justify-content:flex-start!important; flex-wrap:nowrap!important;
  position:relative!important; overflow:visible!important;
}
/* The legacy wrapper must never become an extra horizontal column or draw cyan. */
.dx-theme.dx-product-page .product-page__details > .block__header .dx-product-heading-brand {
  display:contents!important; position:static!important; width:auto!important;
  height:auto!important; min-height:0!important; float:none!important;
  margin:0!important; padding:0!important; transform:none!important;
}
.dx-theme.dx-product-page .product-page__details > .block__header .dx-product-heading-brand::before,
.dx-theme.dx-product-page .product-page__details > .block__header .dx-product-heading-brand::after,
.dx-theme.dx-product-page .product-page__details > .block__header .dx-ref-brand-row__accent {
  content:none!important; display:none!important;
}
/* Legacy markup: this matches BOTH its original position inside the wrapper
   and the direct-child link moved by dronex-reference.js in v60/v65. */
.dx-theme.dx-product-page .product-page__details > .block__header a.details_boxed__brand,
.dx-theme.dx-product-page .product-page__details > .block__header .details_boxed__no_brand {
  display:inline-flex!important; position:static!important; inset:auto!important;
  flex:0 0 auto!important; flex-direction:row!important; align-items:center!important;
  justify-content:flex-start!important; flex-wrap:wrap!important;
  gap:8px 12px!important; order:-10!important;
  min-height:38px!important; height:auto!important; width:100%!important;
  max-width:100%!important; min-width:0!important; float:none!important;
  margin:0 0 13px!important; padding:0!important;
  overflow:visible!important; clip:auto!important; clip-path:none!important;
  opacity:1!important; visibility:visible!important; transform:none!important;
  background:transparent!important; box-shadow:none!important; border:0!important;
  text-align:left!important; text-decoration:none!important; color:#151a1c!important;
}
.dx-theme.dx-product-page .product-page__details > .block__header a.details_boxed__brand img.brand_img {
  display:block!important; position:static!important; float:none!important;
  width:auto!important; height:auto!important; max-width:120px!important;
  max-height:38px!important; min-width:0!important; min-height:0!important;
  margin:0!important; padding:0!important; flex:0 1 auto!important;
  opacity:1!important; visibility:visible!important; transform:none!important;
  object-fit:contain!important; object-position:left center!important;
}
/* Override the global .hidden utility: the manufacturer text is real data
   already present in the HTML, but previously visually clipped. */
.dx-theme.dx-product-page .product-page__details > .block__header a.details_boxed__brand > span[itemprop="brand"],
.dx-theme.dx-product-page .product-page__details > .block__header a.details_boxed__brand > span.hidden[itemprop="brand"] {
  display:inline-block!important; position:static!important; float:none!important;
  width:auto!important; height:auto!important; max-width:100%!important;
  max-height:none!important; min-width:0!important; min-height:0!important;
  margin:0!important; padding:0!important; flex:0 1 auto!important;
  border:0!important; opacity:1!important; visibility:visible!important;
  color:#171b1d!important; font-size:18px!important; font-weight:800!important;
  line-height:1.25!important; text-transform:none!important; letter-spacing:0!important;
  white-space:normal!important; overflow:visible!important; text-overflow:clip!important;
  clip:auto!important; clip-path:none!important; transform:none!important;
}
.dx-theme.dx-product-page .product-page__details > .block__header .details_boxed__no_brand .details_boxed__title {display:none!important;}
.dx-theme.dx-product-page .product-page__details > .block__header .details_boxed__no_brand a {
  color:#171b1d!important;font-size:18px!important;font-weight:800!important;text-decoration:none!important;
}
/* Brand from the corrected v75 template: no legacy classes, no JS relocation. */
.dx-theme.dx-product-page .product-page__details > .block__header .dx-product-heading-stack {
  display:flex!important; flex:0 1 auto!important; flex-direction:column!important;
  align-items:stretch!important; order:0!important; min-width:0!important;
  width:100%!important; max-width:100%!important; position:static!important;
}
.dx-theme.dx-product-page .product-page__details .dx-brand-slot-v75 {
  display:flex!important; flex:0 0 auto!important; flex-direction:row!important;
  justify-content:flex-start!important; align-items:center!important;
  position:static!important; min-height:38px!important; max-width:100%!important;
  width:100%!important; height:auto!important; margin:0 0 13px!important;
  padding:0!important; overflow:visible!important; transform:none!important;
}
.dx-theme.dx-product-page .product-page__details .dx-brand-slot-v75__link {
  display:inline-flex!important; gap:9px 12px!important; align-items:center!important;
  justify-content:flex-start!important; flex-wrap:wrap!important;
  width:auto!important; max-width:100%!important; min-height:38px!important;
  position:static!important; float:none!important; margin:0!important; padding:0!important;
  color:#171b1d!important; text-decoration:none!important;
  opacity:1!important; visibility:visible!important;
}
.dx-theme.dx-product-page .product-page__details .dx-brand-slot-v75__logo {
  display:block!important; position:static!important; float:none!important;
  max-width:120px!important; max-height:38px!important; width:auto!important;
  height:auto!important; object-fit:contain!important; object-position:left center!important;
  margin:0!important; opacity:1!important; visibility:visible!important;
}
.dx-theme.dx-product-page .product-page__details .dx-brand-slot-v75__name {
  display:inline!important; position:static!important; width:auto!important; height:auto!important;
  max-width:100%!important; font-size:18px!important; font-weight:800!important;
  line-height:1.25!important; color:#171b1d!important; white-space:normal!important;
  overflow:visible!important; opacity:1!important; visibility:visible!important;
}
/* Support older v71-v74 brand markup when cached Smarty HTML is served. */
.dx-theme.dx-product-page .product-page__details .dx-ref-brand-row {
  display:flex!important; position:static!important; flex-direction:row!important;
  width:100%!important; max-width:100%!important; gap:0!important;
  min-height:38px!important; margin:0 0 13px!important; padding:0!important;
}
.dx-theme.dx-product-page .product-page__details .dx-ref-brand-row__link {
  display:inline-flex!important; align-items:center!important; flex-wrap:wrap!important;
  gap:9px 12px!important; position:static!important; max-width:100%!important;
}
.dx-theme.dx-product-page .product-page__details .dx-ref-brand-row__logo {
  display:block!important; width:auto!important; height:auto!important;
  max-width:120px!important; max-height:38px!important; object-fit:contain!important;
}
.dx-theme.dx-product-page .product-page__details .dx-ref-brand-row__name {
  display:inline!important; font-size:18px!important; font-weight:800!important;
  line-height:1.25!important; color:#171b1d!important;
}
/* Brand logos in OkayCMS are usually complete wordmarks (e.g. BETAFPV).
   Keep the accompanying CMS name in semantic HTML but don't print it a second
   time beside the same wordmark. If there is no image, the name is visible. */
.dx-theme.dx-product-page .product-page__details > .block__header a.details_boxed__brand > img.brand_img + span[itemprop="brand"],
.dx-theme.dx-product-page .product-page__details .dx-brand-slot-v75__logo + .dx-brand-slot-v75__name,
.dx-theme.dx-product-page .product-page__details .dx-ref-brand-row__logo + .dx-ref-brand-row__name {
  display:block!important; position:absolute!important; width:1px!important;
  height:1px!important; max-width:1px!important; max-height:1px!important;
  min-width:0!important; min-height:0!important; padding:0!important;
  margin:-1px!important; border:0!important; overflow:hidden!important;
  white-space:nowrap!important; clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
}
/* The title always begins on a NEW line, aligned with the brand. */
.dx-theme.dx-product-page .product-page__details > .block__header h1.block__heading,
.dx-theme.dx-product-page .product-page__details > .block__header h1.dx-ref-product-title {
  display:block!important; order:1!important; clear:both!important;
  position:static!important; float:none!important; width:100%!important;
  max-width:100%!important; min-width:0!important; margin:0 0 5px!important;
  padding:0!important; transform:none!important; overflow-wrap:anywhere!important;
}
.dx-theme.dx-product-page .product-page__details > .block__header .product-page__sku {
  display:block!important; order:2!important; position:static!important; clear:both!important;
}
.dx-theme.dx-product-page .product-page__details > .block__header a.details_boxed__brand:hover > span[itemprop="brand"],
.dx-theme.dx-product-page .product-page__details .dx-brand-slot-v75__link:hover .dx-brand-slot-v75__name,
.dx-theme.dx-product-page .product-page__details .dx-ref-brand-row__link:hover .dx-ref-brand-row__name {color:#17add2!important;}
@media(max-width:560px) {
  .dx-theme.dx-product-page .product-page__details > .block__header a.details_boxed__brand,
  .dx-theme.dx-product-page .product-page__details .dx-brand-slot-v75,
  .dx-theme.dx-product-page .product-page__details .dx-ref-brand-row {
    min-height:34px!important;margin-bottom:11px!important;
  }
  .dx-theme.dx-product-page .product-page__details > .block__header a.details_boxed__brand img.brand_img,
  .dx-theme.dx-product-page .product-page__details .dx-brand-slot-v75__logo,
  .dx-theme.dx-product-page .product-page__details .dx-ref-brand-row__logo {
    max-width:95px!important; max-height:32px!important;
  }
  .dx-theme.dx-product-page .product-page__details > .block__header a.details_boxed__brand > span[itemprop="brand"],
  .dx-theme.dx-product-page .product-page__details .dx-brand-slot-v75__name,
  .dx-theme.dx-product-page .product-page__details .dx-ref-brand-row__name {font-size:16px!important;}
}
