/* Redesign 7 – právní sekce + cílené mobilní doladění */
html,body{max-width:100%;overflow-x:hidden}
.legalHeaderSection{padding-left:28px!important;padding-right:28px!important}
.vopSection{padding:0 28px 18px!important;border-top:0!important;background:linear-gradient(180deg,#050914,#07101c)!important}
.vopSection .vopWrap,.legalHeaderSection .vopWrap{max-width:1500px!important;margin-left:auto!important;margin-right:auto!important}
.vopAccordion{margin:0!important;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.vopContent{margin-top:0!important;max-width:none!important;border:0!important;border-radius:0!important;background:rgba(8,17,30,.42)!important;padding-top:24px!important}
.vopContent>p:first-child{font-size:18px!important;font-weight:900!important;color:#fff!important;margin-bottom:22px!important}
.vopContent h3{padding-top:3px}

@media(max-width:1100px){
  header .nav{padding-left:20px!important;padding-right:20px!important}
  .brandLogo{min-width:0!important;max-width:68vw!important}
  .brandLogo img{width:min(300px,62vw)!important;max-height:56px!important}
  #do-ham{margin-left:auto!important}
  #do-mobile-panel{padding:12px 18px 20px!important;box-shadow:0 16px 36px rgba(0,0,0,.32)}
}

@media(max-width:768px){
  body{font-size:15px}
  .wrap{padding-left:18px!important;padding-right:18px!important}
  header .nav{min-height:62px!important;padding:10px 16px!important;flex-wrap:nowrap!important}
  .brandLogo{max-width:74vw!important}
  .brandLogo img{width:min(255px,68vw)!important;max-height:48px!important}
  #do-ham{padding:7px!important;flex-shrink:0!important}
  #do-mobile-panel{top:100%!important;padding:10px 14px 16px!important}
  #do-mobile-panel a{padding:13px 14px!important;font-size:14px!important}

  .heroV3{padding-left:18px!important;padding-right:18px!important}
  .heroV3Title{font-size:clamp(34px,10vw,42px)!important;line-height:1.04!important;letter-spacing:-1.35px!important}
  .heroV3Lead{font-size:15.5px!important;line-height:1.62!important}
  .heroV3Eyebrow,.dsNewEyebrow{font-size:10px!important;line-height:1.2!important;padding:8px 12px!important}
  .heroV3Buttons{align-items:stretch!important}
  .heroV3Primary,.heroV3Secondary{justify-content:center!important;text-align:center!important}

  .dsNewBlock{padding:28px 18px!important;margin:28px 0!important;border-radius:22px!important}
  .dsNewTitle{font-size:clamp(29px,8.6vw,38px)!important;line-height:1.08!important;letter-spacing:-1.1px!important}
  .dsNewText{font-size:15px!important;line-height:1.65!important}
  .dsAcademyGrid,.dsFamilyGrid{grid-template-columns:1fr!important;gap:12px!important}
  .dsAcademyCard,.dsFamilyCard{min-height:0!important;padding:17px!important;border-radius:16px!important}

  .legalHeaderSection{padding:50px 18px 20px!important}
  .legalHeaderTitle{font-size:clamp(30px,9vw,40px)!important;line-height:1.08!important}
  .legalHeaderText{font-size:15px!important;line-height:1.6!important;margin-bottom:0!important}
  .vopSection{padding:0 18px 14px!important}
  .vopAccordion{border-radius:16px!important}
  .vopAccordion summary{font-size:16px!important;line-height:1.35!important;padding:18px 48px 18px 18px!important;position:relative!important}
  .vopAccordion summary:after{position:absolute!important;right:18px!important;top:50%!important;transform:translateY(-50%)!important;float:none!important}
  .vopContent{padding:20px 18px 24px!important;line-height:1.7!important}
  .vopContent>p:first-child{font-size:16px!important;margin-bottom:18px!important}
  .vopContent h3{font-size:18px!important;line-height:1.3!important;margin:25px 0 9px!important}
  .vopContent p,.vopContent li{font-size:14px!important;line-height:1.7!important}
  .vopContent ul{padding-left:20px!important}

  .orderConsents .check{padding:14px!important;border-radius:12px!important}
  .orderConsents span{font-size:13.5px!important;line-height:1.55!important}
  #poptavka button.btn{width:100%!important;min-width:0!important;white-space:normal!important;padding-left:16px!important;padding-right:16px!important}
}

@media(max-width:480px){
  .brandLogo img{width:min(235px,66vw)!important}
  .heroV3Title{font-size:clamp(31px,9.8vw,38px)!important}
  .heroV3Benefits{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .heroV3Benefits>div{font-size:11px!important;gap:7px!important}
  .heroV3Benefits>div>span{font-size:21px!important}
  .dsNewBlock{padding:24px 15px!important;margin:22px 0!important}
  .dsNewTitle{font-size:clamp(27px,8.8vw,34px)!important}
  .legalHeaderSection{padding-left:15px!important;padding-right:15px!important}
  .vopSection{padding-left:15px!important;padding-right:15px!important}
  .vopAccordion summary{font-size:15px!important;padding-left:16px!important;padding-right:44px!important}
  .vopContent{padding-left:16px!important;padding-right:16px!important}
}