/*
 * Život v regionu – společná úprava veřejných PODSTRÁNEK na počítači.
 * Na mobilu/tabletu se soubor nenačítá (media attribute), uvnitř držíme
 * druhou pojistku >= 1024px. Úvodní stránka má vlastní desktopový design.
 */
@media screen and (min-width:1024px){
  body.zvr-subpage{
    --desktop-ink:#142b47;
    --desktop-muted:#687d90;
    --desktop-line:#dde7ef;
    --desktop-accent:#078dac;
    background:#eef3f8;
    color:var(--desktop-ink);
  }
  body.zvr-subpage .app{
    width:min(100%,1540px);
    max-width:100%;
    overflow:visible;
    background:linear-gradient(180deg,#fafcfe,#f6f9fc 50%,#f8fbfe);
    box-shadow:0 14px 50px rgba(17,45,72,.07);
  }
  body.zvr-subpage .app-header{
    position:relative;
    z-index:15;
    padding:16px clamp(24px,3.5vw,52px);
    border-bottom:1px solid #e6edf3;
    background:rgba(255,255,255,.98);
  }
  body.zvr-subpage .header-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:clamp(14px,2vw,30px);
    min-height:52px;
  }
  body.zvr-subpage .brand-logo{width:clamp(230px,22vw,340px);max-width:340px;flex:none}
  body.zvr-subpage .header-row>a{flex:0 0 auto}
  body.zvr-subpage .header-side{flex:0 0 auto}
  body.zvr-subpage .header-actions{gap:9px}
  body.zvr-subpage .circle-action{height:44px;width:44px;border-color:#e1eaf2;box-shadow:none}
  body.zvr-subpage .circle-action:hover{background:#ecf8fb;border-color:#9adbe6}
  body.zvr-subpage .tagline{display:none}
  body.zvr-subpage .zvr-desktop-links{
    display:flex;
    flex:1 1 auto;
    min-width:0;
    align-items:center;
    justify-content:center;
    gap:clamp(5px,.7vw,14px);
    flex-wrap:wrap;
  }
  body.zvr-subpage .zvr-desktop-links a{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    min-height:42px;
    padding:9px clamp(9px,.75vw,15px);
    border:1px solid transparent;
    border-radius:12px;
    color:#345069;
    text-decoration:none;
    font-size:clamp(12px,.84vw,14px);
    font-weight:750;
    line-height:1.25;
    white-space:nowrap;
    transition:background .16s,border-color .16s,color .16s;
  }
  body.zvr-subpage .zvr-desktop-links a:hover,
  body.zvr-subpage .zvr-desktop-links a.active{
    background:#edf8fb;
    border-color:#c5e6ee;
    color:#087c9a;
  }
  body.zvr-subpage .zvr-desktop-links a.zvr-desktop-create{
    background:linear-gradient(130deg,#0ba9c3,#077f9f);
    color:#fff;
    border:0;
    border-radius:999px;
    box-shadow:0 6px 18px rgba(6,151,181,.14);
    padding:10px 16px;
  }
  body.zvr-subpage .zvr-desktop-links a.zvr-desktop-create:hover{
    background:linear-gradient(130deg,#0789a5,#066c88);
    color:#fff;
  }
  body.zvr-subpage>.app>.content{
    width:100%;
    max-width:none;
    padding:clamp(19px,2.3vw,32px) clamp(24px,3.5vw,52px) 58px;
    min-height:calc(100vh - 95px);
  }
  body.zvr-subpage>.app>.bottom{display:none!important}
  body.zvr-subpage :is(.ad-page,.edit-wrap,.pay,.article-create,.poster-wrap,.review-wrap,.plan-wrap,.notify-wrap,.earn-page,.rw,.my-events,.public-profile-page,.os-page){
    width:100%;
    max-width:1280px;
    min-width:0;
    margin-left:auto;
    margin-right:auto;
  }
  body.zvr-subpage :is(.profile-dashboard,.stats-page,.stat-dashboard){max-width:1420px}
  body.zvr-subpage :is(.ad-page,.poster-wrap,.review-wrap,.plan-wrap,.notify-wrap,.article-create,.rw,.earn-page,.edit-wrap,.pay){margin-top:0}
  body.zvr-subpage :is(.ad-hero,.poster-hero,.review-head,.plan-hero,.earn-hero,.notify-hero,.pay>.head){
    border:1px solid #dfe9f1;
    border-radius:22px;
    box-shadow:0 9px 30px rgba(22,50,78,.045);
  }
  body.zvr-subpage :is(.ad-page,.poster-wrap,.review-wrap,.plan-wrap,.earn-page,.notify-wrap) h1{
    letter-spacing:-.025em;
    line-height:1.13;
  }
  body.zvr-subpage :is(.order,.edit-card,.article-box,.poster-card,.review-card,.plan-card,.pd-card,.stat-card,.stats-card,.stats-hero,.me-panel,.auth-card,.qr,.rw-card,.earn-card,.notify-card){
    border-color:#e0e9f1;
    box-shadow:0 9px 27px rgba(22,48,76,.045);
  }
  body.zvr-subpage :is(.section-head,.event-header,.article-page-head) h1{font-size:clamp(30px,3vw,40px);letter-spacing:-.025em}
  body.zvr-subpage :is(input,textarea,select):focus-visible{
    outline:2px solid rgba(11,155,189,.44);
    outline-offset:2px;
  }
  body.zvr-subpage :is(button,a):focus-visible{
    outline:3px solid #21b2d0;
    outline-offset:3px;
  }
  body.zvr-subpage :is(.offer-card,.mode-card,.source-card,.creative-option,.card,.dh-story){
    transition:border-color .18s,box-shadow .18s,transform .18s;
  }
  body.zvr-subpage :is(.offer-card,.mode-card,.source-card,.creative-option):hover{
    border-color:#a5dce7;
    box-shadow:0 10px 25px rgba(16,112,147,.085);
  }

  /* Inzerce: nahoře přehled dvou typů, pod nimi formulář a postranní souhrn. */
  body.zvr-subpage .ad-page{max-width:1330px}
  body.zvr-subpage .ad-hero{
    position:relative;
    overflow:hidden;
    background:linear-gradient(108deg,#fff 25%,#edf7ff 67%,#e9faf5);
    padding:29px clamp(26px,3vw,40px);
    color:#102c49;
  }
  body.zvr-subpage .ad-hero small{color:#11849e}
  body.zvr-subpage .ad-hero h1{font-size:clamp(31px,3.3vw,46px);line-height:1.13;margin:7px 0 11px}
  body.zvr-subpage .ad-hero p{color:#5b7185;font-size:16px;line-height:1.52;max-width:840px}
  body.zvr-subpage .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
  body.zvr-subpage .offer-card{
    border:1px solid #dfe8f0;
    border-radius:19px;
    padding:21px 23px;
    box-shadow:0 5px 19px rgba(26,52,78,.035);
  }
  body.zvr-subpage .offer-card.active{
    background:linear-gradient(122deg,#fff 65%,#effafd);
    border:2px solid #42b5cb;
    padding:20px 22px;
    box-shadow:0 9px 28px rgba(12,143,177,.09);
  }
  body.zvr-subpage .offer-price{color:#0c758f;font-size:27px}
  body.zvr-subpage .offer-card h2{font-size:21px;margin:9px 0 5px}
  body.zvr-subpage .offer-card p{font-size:14px;line-height:1.45}
  body.zvr-subpage .order{padding:26px 30px;margin-top:16px;border-radius:21px}
  body.zvr-subpage .order #adForm{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(260px,315px);
    gap:0 clamp(18px,2vw,30px);
    align-items:start;
  }
  body.zvr-subpage .order #adForm>.ad-form-primary{display:block;grid-column:1;grid-row:1;min-width:0}
  body.zvr-subpage .order #adForm>.ad-form-aside{
    display:block;grid-column:2;grid-row:1;min-width:0;position:sticky;top:20px;
    border:1px solid #dbe9f0;border-radius:17px;
    padding:17px;background:linear-gradient(155deg,#f7fcfd,#fff 55%,#f0f8fb);
    box-shadow:0 10px 24px rgba(22,57,77,.06);
  }
  body.zvr-subpage .ad-summary-intro{display:block}
  body.zvr-subpage .ad-summary-eyebrow{
    display:block;margin:2px 0 7px;font-size:11px;line-height:1.3;
    font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#16839c;
  }
  body.zvr-subpage .ad-summary-title{margin:0;color:#13324e;font-size:21px;line-height:1.25}
  body.zvr-subpage .ad-summary-note{margin:6px 0 13px;font-size:12px;line-height:1.45;color:#6d8191}
  body.zvr-subpage .ad-form-aside .summary{
    margin-top:8px;padding:13px;background:#fff;border:1px solid #e5edf2;border-radius:13px;
  }
  body.zvr-subpage .ad-form-aside .row{gap:7px;line-height:1.45;font-size:14px}
  body.zvr-subpage .ad-form-aside .total strong{font-size:27px}
  body.zvr-subpage .ad-form-aside .submit{
    min-height:51px;margin-top:14px;border-radius:12px;
    background:linear-gradient(125deg,#0a8fad,#096f95);
    box-shadow:0 5px 15px rgba(9,120,157,.13);font-size:14px;
  }
  body.zvr-subpage .step-head h3{font-size:20px;color:#153650}
  body.zvr-subpage .step-head p{font-size:13px;line-height:1.45}
  body.zvr-subpage .step-no{background:#107e9f}
  body.zvr-subpage .step{margin-top:23px;padding-top:21px}
  body.zvr-subpage .step:first-child{margin-top:0;padding-top:0}
  body.zvr-subpage .fields{gap:14px}
  body.zvr-subpage .field label{font-size:12px;font-weight:750;letter-spacing:.015em;text-transform:none}
  body.zvr-subpage .field input,
  body.zvr-subpage .field select,
  body.zvr-subpage .field textarea{background:#fcfdff;border-radius:12px}
  body.zvr-subpage .mode-grid{gap:11px}
  body.zvr-subpage .source-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
  body.zvr-subpage .source-card{padding:14px 10px;border-radius:13px}
  body.zvr-subpage .source-card strong{font-size:13px}
  body.zvr-subpage .creative-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px;
    align-items:start;
    justify-items:stretch;
  }
  body.zvr-subpage .creative-option{width:100%;border-radius:13px}
  body.zvr-subpage .creative-preview{width:100%}
  body.zvr-subpage .event-banner-preview{width:min(100%,820px)}

  /* Editace a platební krok */
  body.zvr-subpage .edit-wrap{max-width:1090px}
  body.zvr-subpage .edit-card{padding:30px 36px;border-radius:21px}
  body.zvr-subpage .edit-head{margin-bottom:24px}
  body.zvr-subpage .edit-head h1{font-size:32px}
  body.zvr-subpage .edit-grid{gap:17px 21px}
  body.zvr-subpage .edit-card .field input,
  body.zvr-subpage .edit-card .field select,
  body.zvr-subpage .edit-card .field textarea{min-height:48px;border-radius:12px;background:#fbfdff}
  body.zvr-subpage .edit-card .preview{grid-column:1/-1;max-width:100%}
  body.zvr-subpage .edit-card .preview img{max-height:340px}
  body.zvr-subpage .pay{max-width:1050px}
  body.zvr-subpage .pay>.head{padding:25px 31px;background:linear-gradient(115deg,#fff,#edf7ff 66%,#eafaf3);color:#102a46}
  body.zvr-subpage .pay>.head h1{font-size:34px;color:#102a46}
  body.zvr-subpage .pay>.head p{color:#60788c;font-size:15px}
  body.zvr-subpage .pay>.card{
    padding:28px;border-radius:20px;display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);
    align-items:start;gap:17px 28px;
  }
  body.zvr-subpage .pay .banner-preview{grid-column:1;grid-row:1}
  body.zvr-subpage .pay .rows{grid-column:1;grid-row:2;align-self:start}
  body.zvr-subpage .pay .qr{grid-column:2;grid-row:1/span 2;margin-top:0;min-height:300px}
  body.zvr-subpage .pay .buttons{grid-column:1/-1;margin-top:7px}
  body.zvr-subpage .pay .row{font-size:15px}

  /* Přehledy akcí a článků – více obsahu na šířku */
  body.zvr-subpage .article-page-head,
  body.zvr-subpage .event-header{margin-top:2px;margin-bottom:20px}
  body.zvr-subpage .article-search,
  body.zvr-subpage .section-search{min-height:52px;border-radius:14px;box-shadow:0 5px 15px rgba(20,52,76,.035)}
  body.zvr-subpage .article-create{max-width:1250px;grid-template-columns:minmax(0,1fr)}
  body.zvr-subpage .article-box{padding:27px 31px;border-radius:20px}
  body.zvr-subpage .article-box h1{font-size:34px}
  body.zvr-subpage .poster-wrap{max-width:1260px}
  body.zvr-subpage .poster-hero{padding:27px 35px}
  body.zvr-subpage .poster-hero h1{font-size:36px}
  body.zvr-subpage .review-wrap{max-width:1170px}
  body.zvr-subpage .review-head{padding:28px 34px}
  body.zvr-subpage .review-head h1{font-size:35px}
  body.zvr-subpage .review-card{padding:27px 34px;border-radius:21px}
  body.zvr-subpage .plan-wrap{max-width:1180px}
  body.zvr-subpage .notify-wrap{max-width:1180px}
  body.zvr-subpage .public-profile-page{max-width:1240px}
  body.zvr-subpage .my-events{max-width:1280px}
  body.zvr-subpage .me-panel{padding:25px 28px}
  body.zvr-subpage .me-item{padding:15px;grid-template-columns:76px minmax(0,1fr)}
  body.zvr-subpage .me-cover{width:76px;height:76px}
  body.zvr-subpage .me-actions{gap:8px}

  /* Podrobné informace mají redakční šířku řádku, ale širší plochu na počítači. */
  body.zvr-subpage .detail{
    max-width:1050px;margin:2px auto 35px;padding:clamp(26px,3.4vw,46px);
    border:1px solid #e0e9f0;border-radius:23px;background:#fff;
    box-shadow:0 9px 30px rgba(21,46,77,.045);
  }
  body.zvr-subpage .detail h1{font-size:clamp(35px,3.5vw,51px);letter-spacing:-.028em}
  body.zvr-subpage .detail-body{max-width:860px;font-size:18px;line-height:1.76}
  body.zvr-subpage .detail-cover{max-height:570px}
  body.zvr-subpage .article-gallery{max-width:100%}
  body.zvr-subpage .auth-card{max-width:720px;padding:35px 42px;border-radius:23px}
  body.zvr-subpage .auth-card h1{font-size:36px}
  body.zvr-subpage .rw{max-width:1300px}
  body.zvr-subpage .earn-page{max-width:1210px}
  body.zvr-subpage .earn-hero{padding:30px 38px}
  body.zvr-subpage .stats-page{max-width:1420px}

  @media(max-width:1240px){
    body.zvr-subpage .header-row{flex-wrap:wrap;gap:9px 18px}
    body.zvr-subpage .zvr-desktop-links{order:3;flex-basis:100%;justify-content:flex-start}
    body.zvr-subpage .header-side{margin-left:auto}
    body.zvr-subpage .order #adForm{grid-template-columns:minmax(0,1fr) 258px;gap:18px}
    body.zvr-subpage .creative-grid{grid-template-columns:1fr}
  }
}