/* PCDoktor Mannheim — Premium Light HOME v5.2
   Precision pass against the approved homepage reference.
   Keeps v5 structure, fixes hero proportions, Mannheim artwork visibility,
   process width and price-panel readability on large desktops. */

@media (min-width:1201px){
  /* Reference header is broad and visually substantial, not a tiny centered pill. */
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .calm-site-header{
    width:min(2400px,72vw)!important;
    max-width:2400px!important;
    min-height:82px!important;
    margin-top:8px!important;
    border-radius:22px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .calm-site-header .header-inner{
    min-height:80px!important;
    padding:10px 20px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .calm-site-header .brand-mark{
    width:52px!important;height:52px!important;border-radius:14px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .calm-site-header .brand strong{font-size:19px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .calm-site-header .brand small{font-size:9px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .calm-site-header .main-nav>a:not(.calm-phone-pill){
    min-height:44px!important;padding:0 16px!important;font-size:13px!important;
  }

  /* Keep the large pricing canvas, but hero composition gets its own proportions. */
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-container{
    width:min(2200px,86.5vw)!important;
    max-width:2200px!important;
  }

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-hero{
    min-height:505px!important;
    padding:35px 0 10px!important;
  }

  /* Wasserturm must remain a visible local identity element. It used to sit below
     the white hero overlay, which washed it almost completely out. */
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-city-art{
    z-index:1!important;
    left:max(-8px,calc((100vw - 2200px)/2 - 24px))!important;
    top:-28px!important;
    width:clamp(400px,20vw,555px)!important;
    height:610px!important;
    opacity:.90!important;
    filter:contrast(1.07) saturate(.88)!important;
    clip-path:inset(0 22% 0 0)!important;
  }

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-workshop-art{
    z-index:0!important;
    right:0!important;
    top:0!important;
    width:min(56vw,1500px)!important;
    height:505px!important;
    object-position:left center!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.50) 7%,#000 17%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.50) 7%,#000 17%,#000 100%)!important;
  }

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-hero::after{
    z-index:0!important;
    background:linear-gradient(90deg,
      rgba(250,250,248,.93) 0%,
      rgba(250,250,248,.90) 31%,
      rgba(250,250,248,.36) 48%,
      rgba(250,250,248,.05) 61%,
      rgba(250,250,248,0) 72%)!important;
  }

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-hero-content{
    min-height:445px!important;
  }

  /* The approved reference uses a two-line headline. */
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy{
    width:min(1120px,52vw)!important;
    margin-left:clamp(150px,8.7vw,235px)!important;
    padding-top:4px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-kicker{
    font-size:12px!important;
    letter-spacing:.25em!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy h1{
    max-width:1120px!important;
    margin:17px 0 12px!important;
    font-size:clamp(66px,3.55vw,88px)!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy h1 span{
    display:inline!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy h1 span::before{
    content:"\\A";
    white-space:pre;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy>p{
    max-width:770px!important;
    font-size:18px!important;
    line-height:1.42!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-actions{
    margin-top:19px!important;
    gap:18px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-btn{
    min-height:58px!important;
    padding:0 27px!important;
    font-size:16px!important;
    border-radius:19px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-primary{min-width:255px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-secondary{min-width:210px!important}

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust{
    max-width:840px!important;
    gap:27px!important;
    margin-top:20px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust>div{
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:11px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust>div>i{
    width:50px!important;height:50px!important;font-size:23px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust strong{font-size:15px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust small{font-size:11px!important}

  /* Reference process row is narrower than the price panel and centered. */
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process-wrap{
    padding:0 0 22px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process.pl5-container{
    width:min(1980px,76.5vw)!important;
    max-width:1980px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process{
    gap:20px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process article{
    grid-template-columns:66px minmax(0,1fr)!important;
    gap:15px!important;
    min-height:132px!important;
    padding:20px 21px!important;
    border-radius:18px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process article>i{
    width:66px!important;height:66px!important;font-size:31px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process strong{font-size:19px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process p{
    margin-top:6px!important;
    font-size:12.5px!important;
    line-height:1.38!important;
  }

  /* Price panel: preserve the 3-column reference composition and make text readable. */
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-wrap{
    padding-bottom:46px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-panel{
    grid-template-columns:minmax(390px,1.02fr) minmax(710px,1.55fr) minmax(360px,.9fr)!important;
    gap:25px!important;
    padding:23px 25px!important;
    border-radius:20px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-intro{
    padding:13px 20px 10px 9px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-intro>span{font-size:10px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-intro h2{
    max-width:430px!important;
    margin:12px 0 10px!important;
    font-size:40px!important;
    line-height:1.03!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-intro p{
    max-width:390px!important;
    font-size:14px!important;
    line-height:1.4!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:12px!important;
    min-height:50px!important;
    padding:8px 15px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row>i{font-size:22px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row strong{font-size:15px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row small{font-size:10.5px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row b{
    min-width:84px!important;
    padding:6px 11px!important;
    font-size:12px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-card{
    padding:23px 25px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-title{
    grid-template-columns:58px minmax(0,1fr)!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-title>i{font-size:46px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-title strong{font-size:22px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-card li{font-size:13.5px!important}

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-audience-strip{
    margin-top:17px!important;
    padding:0 18px!important;
  }
}

/* Normal laptop/desktop width: same composition, less aggressive scaling. */
@media (min-width:1201px) and (max-width:1600px){
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .calm-site-header{
    width:min(1320px,76vw)!important;
    min-height:70px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .calm-site-header .header-inner{min-height:68px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy{
    width:min(760px,50vw)!important;
    margin-left:clamp(135px,8vw,180px)!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy h1{
    max-width:760px!important;
    font-size:clamp(55px,4vw,68px)!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-city-art{
    width:350px!important;height:575px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-workshop-art{
    width:55vw!important;max-width:900px!important;height:490px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-hero{min-height:490px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process.pl5-container{width:80vw!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-panel{
    grid-template-columns:.95fr 1.45fr .9fr!important;
  }
}