/* PCDoktor Mannheim — Premium Light HOME v5.1
   Large-desktop proportion pass. Keeps the v5 design and scales it to match
   the approved reference much more closely on 2K/4K displays. */

/* Wide desktop: the old fixed 1180/1240 px caps made the whole homepage look tiny. */
@media (min-width: 1201px){
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .calm-site-header{
    width:min(1820px,calc(100% - 150px))!important;
    max-width:1820px!important;
    min-height:72px!important;
    border-radius:22px!important;
  }

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .calm-site-header .header-inner{
    min-height:70px!important;
    padding:8px 18px!important;
  }

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .calm-site-header .brand-mark{
    width:48px!important;
    height:48px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .calm-site-header .brand strong{font-size:18px!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:42px!important;
    padding:0 15px!important;
    font-size:13px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .calm-phone-pill{
    min-height:48px!important;
    padding:6px 16px!important;
  }

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-container{
    width:min(2200px,calc(100% - 120px))!important;
    max-width:2200px!important;
  }

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

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-city-art{
    left:max(-12px,calc((100vw - 2220px)/2 - 22px))!important;
    top:-22px!important;
    width:clamp(360px,19vw,500px)!important;
    height:650px!important;
    opacity:1!important;
    filter:contrast(1.08) saturate(.88)!important;
  }

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-workshop-art{
    width:min(52vw,1260px)!important;
    height:555px!important;
    object-position:left center!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.38) 8%,#000 20%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.38) 8%,#000 20%,#000 100%)!important;
  }

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-hero::after{
    background:linear-gradient(90deg,rgba(250,250,248,.97) 0%,rgba(250,250,248,.91) 34%,rgba(250,250,248,.28) 52%,rgba(250,250,248,0) 67%)!important;
  }

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

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy{
    width:min(780px,48%)!important;
    margin-left:clamp(190px,12vw,300px)!important;
    padding-top:8px!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-kicker::after{width:54px!important}

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy h1{
    max-width:800px!important;
    margin:18px 0 14px!important;
    font-size:clamp(66px,4.25vw,94px)!important;
    line-height:.95!important;
  }

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy>p{
    max-width:690px!important;
    font-size:19px!important;
    line-height:1.42!important;
  }

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-actions{
    gap:18px!important;
    margin-top:24px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-btn{
    min-height:62px!important;
    padding:0 29px!important;
    font-size:17px!important;
    border-radius:20px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-primary{min-width:270px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-secondary{min-width:220px!important}

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust{
    max-width:790px!important;
    gap:24px!important;
    margin-top:26px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust>div{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:11px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-trust>div>i{
    width:52px!important;
    height:52px!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}

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process-wrap{
    padding:2px 0 26px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process{
    gap:22px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process article{
    grid-template-columns:70px minmax(0,1fr)!important;
    gap:16px!important;
    min-height:142px!important;
    padding:22px 24px!important;
    border-radius:19px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process article>i{
    width:70px!important;
    height:70px!important;
    font-size:32px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process strong{font-size:20px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-process p{
    margin-top:7px!important;
    font-size:13px!important;
    line-height:1.38!important;
  }

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-wrap{padding-bottom:50px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-panel{
    grid-template-columns:minmax(350px,.95fr) minmax(650px,1.55fr) minmax(350px,.95fr)!important;
    gap:24px!important;
    padding:22px 24px!important;
    border-radius:20px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-intro{padding:12px 16px 10px 10px!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{
    margin:12px 0!important;
    font-size:38px!important;
    line-height:1.02!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-intro p{max-width:340px!important;font-size:14px!important}

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:12px!important;
    min-height:47px!important;
    padding:7px 15px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row>i{font-size:21px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row strong{font-size:14px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row small{font-size:10px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-row b{
    min-width:82px!important;
    padding:6px 10px!important;
    font-size:12px!important;
  }

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-card{
    padding:22px 24px!important;
    border-radius:16px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-title{grid-template-columns:54px minmax(0,1fr)!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-title>i{font-size:44px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-title strong{font-size:21px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-card ul{gap:11px!important;margin-top:19px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-value-card li{font-size:13px!important}

  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-audience-strip{
    margin-top:18px!important;
    padding:0 20px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-audience-strip>div{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:70px!important;
    padding:0 24px!important;
  }
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-audience-strip>div>i{font-size:36px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-audience-strip strong{font-size:14px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-audience-strip small{font-size:10px!important}

  /* Keep the next section below the first viewport, like in the reference. */
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .premium-services-section{
    margin-top:14px!important;
  }
}

/* 1200–1500 px desktops: still larger than v5, but avoid crowding. */
@media (min-width:1201px) and (max-width:1500px){
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-container{width:calc(100% - 70px)!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy{margin-left:145px!important;width:min(690px,49%)!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-city-art{width:340px!important;height:600px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-workshop-art{width:51vw!important;max-width:850px!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-copy h1{font-size:clamp(58px,4.6vw,72px)!important}
  html[data-site-zone="public"][data-site-style="pcdoktor-glass"][data-route="/"] .pl5-price-panel{grid-template-columns:.9fr 1.45fr .9fr!important}
}