/* dronaprofesionala.ro global mobile hardening — 2026-08-25 */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;margin-left:0;margin-right:0}
html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden;overscroll-behavior-x:none}
img,picture,video,canvas,svg,iframe,embed,object{max-width:100%}
img{height:auto}
picture,video,canvas,iframe{display:block}
iframe,video{width:100%}
main,header,footer,section,article,aside,nav,form,fieldset{max-width:100%}
input,select,textarea,button{max-width:100%;min-width:0}
pre,code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
a,p,h1,h2,h3,h4,h5,h6,li,td,th{overflow-wrap:break-word;word-break:normal}

/* Flex/grid children are a common Safari overflow source. */
.container,.wrap,.inner,.content,.section-inner,.hero-inner,.hero-grid,.grid,
[class$="-grid"],[class*="-grid "],[class$="-row"],[class*="-row "],
[class$="-wrap"],[class*="-wrap "],.card,.panel{min-width:0;max-width:100%}
[class$="-grid"]>*,[class*="-grid "]>*,[class$="-row"]>*,[class*="-row "]>*{min-width:0;max-width:100%}

/* Tables remain usable without widening the page. */
table{max-width:100%}
.table-wrap,.table-scroll,.measure-table,.spec-table,.comparison-table,.technical-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:767px){
  html,body{overflow-x:hidden!important}
  body{position:relative}
  .container,.wrap,.inner,.content,.section-inner{width:auto;max-width:100%;margin-left:auto;margin-right:auto}
  img:not([class*="icon"]):not([class*="logo"]){max-width:100%;height:auto}
  video,iframe,canvas{max-width:100%!important;width:100%!important;height:auto}
  table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  input,select,textarea{width:100%;font-size:16px}
  button,.btn,[class*="button"],[class*="cta"] a{max-width:100%}
  .hero-copy,.section-copy,.visual-copy,.card-body,.system-info,.payload-body,.rental-body{min-width:0;max-width:100%}
  .footer,.footer-row,.footer-links{max-width:100%;min-width:0}
  /* Avoid transformed decorative/card elements enlarging Safari's layout viewport. */
  [data-reveal],.tilt{transform:none!important}
  /* Horizontal product/table scrollers stay local instead of moving the whole page. */
  .payload-grid,.accessory-grid,.accessory-shop-grid,.included-grid,.product-row,.cards-scroll{max-width:100%;overscroll-behavior-x:contain}
}

@media(max-width:480px){
  h1{max-width:100%}
  .brand-logo,.footer-logo,.brand img,.site-logo{max-width:min(100%,260px);height:auto}
  .hero-actions,.cta-row,.combo-actions{max-width:100%;flex-wrap:wrap}
}


/* Persistent mobile navigation — 2026-08-25 */
.dp-mobile-header{display:none}
@media(max-width:820px){
  :root{--dp-mobile-header-h:82px}
  html{scroll-padding-top:calc(var(--dp-mobile-header-h) + 12px)}
  body{padding-top:var(--dp-mobile-header-h)!important}
  body>header:not(.dp-mobile-header),header#header,.site-header:not(.dp-mobile-header){display:none!important}
  [id]{scroll-margin-top:calc(var(--dp-mobile-header-h) + 12px)}
  .dp-mobile-header{
    position:fixed!important;inset:0 0 auto 0;z-index:2147483000;
    height:var(--dp-mobile-header-h);display:flex!important;align-items:center;
    background:rgba(9,15,26,.96);border-bottom:1px solid rgba(255,255,255,.12);
    box-shadow:0 8px 28px rgba(0,0,0,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
  }
  .dp-mobile-header__inner{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px}
  .dp-mobile-header__brand{display:flex!important;align-items:center;gap:8px;min-width:0;max-width:calc(100% - 60px);color:#fff!important;text-decoration:none!important}
  .dp-mobile-header__brand img{
    display:block!important;width:clamp(240px,68vw,300px)!important;max-width:100%!important;height:auto!important;
    object-fit:contain!important;filter:none!important
  }
  .dp-mobile-menu-button{
    flex:0 0 48px;width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:13px;
    background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;
    padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent
  }
  .dp-mobile-menu-button:focus-visible{outline:2px solid #7ab7ff;outline-offset:2px}
  .dp-mobile-menu-icon{position:relative;width:22px;height:16px;display:block}
  .dp-mobile-menu-icon::before,.dp-mobile-menu-icon::after,.dp-mobile-menu-icon span{
    content:"";position:absolute;left:0;width:22px;height:2px;border-radius:2px;background:#fff;transition:transform .2s ease,opacity .2s ease,top .2s ease
  }
  .dp-mobile-menu-icon::before{top:0}.dp-mobile-menu-icon span{top:7px}.dp-mobile-menu-icon::after{top:14px}
  .dp-mobile-header.is-open .dp-mobile-menu-icon::before{top:7px;transform:rotate(45deg)}
  .dp-mobile-header.is-open .dp-mobile-menu-icon span{opacity:0}
  .dp-mobile-header.is-open .dp-mobile-menu-icon::after{top:7px;transform:rotate(-45deg)}
  .dp-mobile-nav{
    display:block!important;position:fixed!important;left:0!important;right:0!important;top:var(--dp-mobile-header-h)!important;z-index:2147482999!important;
    max-height:calc(100dvh - var(--dp-mobile-header-h));overflow-y:auto;-webkit-overflow-scrolling:touch;
    background:#0d1625;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 22px 38px rgba(0,0,0,.28);
    transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .2s ease,opacity .2s ease,visibility .2s ease
  }
  .dp-mobile-header.is-open + .dp-mobile-nav,.dp-mobile-nav.is-open{display:block!important;transform:translateY(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .dp-mobile-nav__inner{display:grid!important;padding:12px 14px 22px!important;gap:7px!important;background:#0d1625!important;color:#fff!important}
  .dp-mobile-nav a{
    display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:11px 13px;border-radius:12px;
    color:#f5f7fb!important;text-decoration:none!important;font-size:15px;font-weight:750;line-height:1.25;
    border:1px solid transparent;background:transparent
  }
  .dp-mobile-nav a::after{content:"›";font-size:22px;line-height:1;color:#8dbcf3}
  .dp-mobile-nav a:hover,.dp-mobile-nav a:focus-visible{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1)}
  .dp-mobile-nav a[aria-current="page"]{background:#15345c;border-color:#285b93;color:#fff!important}
  .dp-mobile-nav__home{background:#1f5ca9!important;border-color:#3675ba!important}
  .dp-mobile-nav__divider{height:1px;background:rgba(255,255,255,.12);margin:4px 2px}
  body.dp-mobile-menu-open{overflow:hidden!important;touch-action:none}
  .dp-mobile-menu-backdrop{
    position:fixed;inset:var(--dp-mobile-header-h) 0 0;z-index:2147482998;background:rgba(0,0,0,.42);
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease
  }
  .dp-mobile-menu-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
}
@media(max-width:390px){
  :root{--dp-mobile-header-h:78px}
  .dp-mobile-header__inner{padding-left:11px;padding-right:11px}
  .dp-mobile-header__brand img{width:clamp(225px,67vw,265px)!important}
  .dp-mobile-menu-button{width:46px;height:46px;flex-basis:46px}
}


/* Mobile nav conflict hardening — 2026-08-25 v3 */
@media(max-width:820px){
  body .dp-mobile-nav{display:block!important;position:fixed!important;left:0!important;right:0!important;top:var(--dp-mobile-header-h)!important;width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;background:#0d1625!important;color:#fff!important;overflow-y:auto!important;overflow-x:hidden!important;isolation:isolate!important}
  body .dp-mobile-nav__inner{display:grid!important;width:100%!important;max-width:100%!important}
  body .dp-mobile-nav a{display:flex!important;color:#f5f7fb!important;visibility:visible!important;opacity:1!important;text-indent:0!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
  body .dp-mobile-nav.is-open{transform:translateY(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body .dp-mobile-menu-backdrop{display:block!important}
}


/* Mobile brand v4 — larger and clearer on phones */
@media(max-width:820px){
  .dp-mobile-header__inner{padding:7px 12px!important;gap:10px!important}
  .dp-mobile-header__brand{display:flex!important;align-items:center!important;gap:8px!important;max-width:calc(100% - 58px)!important;overflow:visible!important}
  .dp-mobile-header__brand .dp-mobile-brand-mark{display:block!important;flex:0 0 64px!important;width:64px!important;height:auto!important;max-width:none!important;object-fit:contain!important}
  .dp-mobile-brand-word{display:block!important;color:#fff!important;font-size:clamp(21px,5.5vw,25px)!important;font-weight:850!important;letter-spacing:-.045em!important;line-height:1!important;white-space:nowrap!important;text-transform:none!important}
  .dp-mobile-menu-button{flex:0 0 50px!important;width:50px!important;height:50px!important}
}
@media(max-width:390px){
  :root{--dp-mobile-header-h:78px}
  .dp-mobile-header__inner{padding-left:10px!important;padding-right:10px!important}
  .dp-mobile-header__brand{gap:6px!important;max-width:calc(100% - 54px)!important}
  .dp-mobile-header__brand .dp-mobile-brand-mark{flex-basis:54px!important;width:54px!important}
  .dp-mobile-brand-word{font-size:19px!important;letter-spacing:-.05em!important}
  .dp-mobile-menu-button{flex-basis:46px!important;width:46px!important;height:46px!important}
}


/* Subpage nav display override v4 — page CSS often hides all nav elements on mobile */
@media(max-width:820px){
  html body nav.dp-mobile-nav{display:block!important;position:fixed!important;left:0!important;right:0!important;top:var(--dp-mobile-header-h)!important;z-index:2147482999!important}
  html body nav.dp-mobile-nav .dp-mobile-nav__inner{display:grid!important}
  html body nav.dp-mobile-nav a{display:flex!important;visibility:visible!important;opacity:1!important;color:#f5f7fb!important}
  html body nav.dp-mobile-nav.is-open{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}
}

/* v5 takeover: old v4 generated menu classes are disabled */
@media(max-width:820px){.dp-mobile-header,.dp-mobile-nav,.dp-mobile-menu-backdrop{display:none!important}}