/* =====================================================================
   Svět interiérů – Cenová stránka (price guide)
   DELTA CSS. Append after /css/styles-custom.css.
   Everything is scoped under .price-guide (add class to the page content wrapper).
   Uses only values already present in styles.css / styles-custom.css:
   Montserrat (inherited), #1FA7B1, #178791, #E8F6F7, #D3EDED, #B8DFE2,
   #F5F5F5, #E8E8E8, #F28C38, #DFAF3A, #2B2B2B, #2B2D2D, #666,
   radius 12px / 6px / 999px, no shadows. Breakpoints 768 / 992.
   Editable numbers are passed from HTML via custom properties
   (--from, --to, --share); no CSS change needed when numbers change.
   ===================================================================== */

/* ---------- shared ---------- */
.price-guide .pg-sub{color:#2B2B2B;font-size:14px;line-height:1.5;margin:-14px 0 24px;max-width:760px}
.price-guide .pg-note{color:#2B2B2B;font-size:14px;line-height:1.5;margin:20px 0 0}
.price-guide .pg-vat{color:#666;font-size:13px;margin:6px 0 0}
.price-guide a:focus-visible{outline:2px solid #1FA7B1;outline-offset:3px}

/* ↑ / ↓ rows: meaning carried by text ("Spíš níž/výš") + arrow icon, colour is secondary */
.price-guide .pg-updown{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid #E8F6F7;display:flex;flex-direction:column;gap:8px}
.price-guide .pg-updown li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:#2B2B2B}
.price-guide .pg-updown__ico{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-top:-1px}
.price-guide .pg-updown__ico svg{width:13px;height:13px}
.price-guide .pg-updown__ico--down{background:#1FA7B1}
.price-guide .pg-updown__ico--up{background:#F28C38}

/* check list (same look as personQuote list) */
.price-guide .pg-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.price-guide .pg-checks li{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;color:#2B2D2D;line-height:1.4}
.price-guide .pg-checks li::before{content:'';flex:0 0 22px;height:22px;border-radius:50%;margin-top:-2px;background:#1FA7B1 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><polyline points='1.5,6 5,9.5 10.5,2.5' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/11px no-repeat}

/* ---------- HERO (adapted hpMain) ---------- */
.price-guide .pg-heroPrice{margin:0 0 22px}
.price-guide .pg-heroPrice__num{display:block;color:#1FA7B1;font-size:40px;font-weight:700;line-height:1.1}
.price-guide .pg-heroPrice__label{display:block;color:#2B2B2B;font-size:14px;line-height:1.5;margin-top:6px}
.price-guide .hpMain .hpMain__left p.pg-heroContext{font-size:16px;line-height:26px;color:#2B2B2B}

/* ---------- NEW: fit-out scope (pg-scope) ---------- */
.price-guide .pg-scope__grid{display:grid;grid-template-columns:1fr;gap:20px}
.price-guide .pg-scope__card{min-width:0;background:#fff;border:1px solid #D3EDED;border-radius:12px;padding:24px 28px}
.price-guide .pg-scope__title{color:#2B2B2B;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 12px}
.price-guide .pg-scope__price{color:#1FA7B1;font-size:30px;white-space:nowrap;font-weight:700;line-height:1;margin:0}
.price-guide .pg-scope__text{color:#2B2B2B;font-size:14px;line-height:1.5;margin:14px 0 12px}
.price-guide .pg-scale{background:#fff;border:1px solid #D3EDED;border-radius:12px;padding:20px 28px 16px;margin:20px 0 0}
.price-guide .pg-scale__row{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:10px}
.price-guide .pg-scale__name{font-size:13px;font-weight:600;color:#2B2B2B;line-height:1.3}
.price-guide .pg-scale__track{position:relative;height:30px;background:#F5F5F5;border-radius:999px}
.price-guide .pg-scale__bar{position:absolute;top:0;bottom:0;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;white-space:nowrap;
  --min:0.8;--max:2.0;left:calc((var(--from) - var(--min)) / (var(--max) - var(--min)) * 100%);width:calc((var(--to) - var(--from)) / (var(--max) - var(--min)) * 100%)}
.price-guide .pg-scale__bar--1{background:#B8DFE2;color:#2B2B2B}
.price-guide .pg-scale__bar--2{background:#1FA7B1;color:#fff}
.price-guide .pg-scale__axis{display:flex;justify-content:space-between;font-size:12px;color:#666}
@media (min-width:768px){
  .price-guide .pg-scope__grid{grid-template-columns:1fr 1fr}
  .price-guide .pg-scope__price{font-size:24px}
  .price-guide .pg-compare__price{font-size:40px}
  .price-guide .pg-scale__row{grid-template-columns:230px 1fr;gap:16px;align-items:center}
  .price-guide .pg-scale__axis{margin-left:246px}
}

/* ---------- NEW-ish: disposition cards (adapted hodnoty card, A1) ---------- */
.price-guide .pg-disp__nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px;padding:0;list-style:none}
.price-guide .pg-disp__nav .recenze__btn{background:#fff}
.price-guide .pg-disp__nav .recenze__btn:hover{background:#1FA7B1}
.price-guide .pg-disp__grid{display:grid;grid-template-columns:1fr;gap:20px}
.price-guide .pg-disp__card{min-width:0;background:#fff;border:1px solid #D3EDED;border-radius:12px;padding:20px;display:flex;flex-direction:column;scroll-margin-top:24px}
.price-guide .pg-disp__title{color:#2B2B2B;font-size:17px;font-weight:700;line-height:1.3;margin:0 0 10px}
.price-guide .pg-disp__price{color:#1FA7B1;font-size:28px;font-weight:700;line-height:1;letter-spacing:-.01em;margin:0;white-space:nowrap}
.price-guide .pg-disp__context{color:#2B2B2B;font-size:14px;line-height:1.5;margin:12px 0 14px}
.price-guide .pg-disp__card .pg-updown{margin-top:auto}
.price-guide .pg-disp__cta{display:inline-block;margin-top:14px;font-size:13px;font-weight:700;color:#2B2B2B;text-decoration:none}
.price-guide .pg-disp__cta:hover{color:#1FA7B1}
@media (min-width:768px){
  .price-guide .pg-disp__grid{grid-template-columns:1fr 1fr}
  .price-guide .pg-disp__card{padding:24px 28px}
  .price-guide .pg-disp__title{font-size:18px;margin-bottom:14px}
  .price-guide .pg-disp__context{min-height:42px}
}
@media (min-width:992px){.price-guide .pg-disp__price{font-size:38px}.price-guide .pg-scope__price{font-size:40px}}
@media (min-width:1200px){.price-guide .pg-disp__price{font-size:48px}}

/* ---------- NEW: real-case compare (pg-compare) ---------- */
.price-guide .pg-compare{padding:40px 0}
.price-guide .pg-compare__wrap{background:#F5F5F5;border-radius:12px;padding:28px}
.price-guide .pg-compare__eyebrow{color:#1FA7B1;font-size:13px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}
.price-guide .pg-compare__title{color:#2B2B2B;font-size:24px;line-height:1.2;font-weight:700;margin:0 0 10px}
.price-guide .pg-compare__sub{color:#2B2B2B;font-size:14px;line-height:1.5;margin:0 0 24px;max-width:760px}
.price-guide .pg-compare__grid{display:grid;grid-template-columns:1fr;background:#E8F6F7;border:1px solid #B8DFE2;border-radius:12px}
.price-guide .pg-compare__flat{padding:24px 28px}
.price-guide .pg-compare__flat + .pg-compare__flat{border-top:1px solid #B8DFE2}
.price-guide .pg-compare__name{color:#1FA7B1;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 0 6px}
.price-guide .pg-compare__price{color:#1FA7B1;font-size:32px;white-space:nowrap;font-weight:700;line-height:1;margin:0}
.price-guide .pg-compare__text{color:#2B2B2B;font-size:14px;line-height:1.5;margin:14px 0 0}
.price-guide .pg-compare__bars{background:#fff;border-radius:12px;padding:22px 28px;margin-top:20px}
.price-guide .pg-compare__barsTitle{color:#2B2B2B;font-size:18px;font-weight:700;margin:0 0 16px}
.price-guide .pg-compare__row{display:grid;grid-template-columns:50px 1fr 80px;align-items:center;gap:8px;margin-bottom:10px}
.price-guide .pg-compare__rowName,.price-guide .pg-compare__rowTotal{font-size:13px;font-weight:700;color:#2B2B2B}
.price-guide .pg-compare__rowTotal{text-align:right}
.price-guide .pg-compare__bar{display:flex;height:34px;border-radius:999px;overflow:hidden;background:#F5F5F5}
.price-guide .pg-compare__seg{height:100%;width:calc(var(--share) * 1%)}
.price-guide .pg-compare__legend{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid #E8E8E8;display:grid;grid-template-columns:1fr;gap:14px}
.price-guide .pg-compare__legend li{display:flex;gap:10px;align-items:flex-start}
.price-guide .pg-compare__legendTitle{display:block;font-size:14px;font-weight:700;color:#2B2B2B;line-height:1.35}
.price-guide .pg-compare__legendText{display:block;font-size:13px;color:#666;line-height:1.45;margin-top:2px}
.price-guide .pg-compare__conclusion{color:#2B2B2B;font-size:16px;font-weight:700;line-height:1.4;margin:20px 0 0}
.price-guide .pg-dot{flex:0 0 14px;width:14px;height:14px;border-radius:50%;margin-top:3px}
.price-guide .pg-c-base{background:#B8DFE2}.price-guide .pg-c-fit{background:#F28C38}.price-guide .pg-c-tech{background:#DFAF3A}
@media (min-width:768px){
  .price-guide .pg-compare__title{font-size:30px}
  .price-guide .pg-compare__grid{grid-template-columns:1fr 1fr}
  .price-guide .pg-compare__flat + .pg-compare__flat{border-top:0;border-left:1px solid #B8DFE2}
  .price-guide .pg-compare__row{grid-template-columns:70px 1fr 110px;gap:14px}
  .price-guide .pg-compare__legend{grid-template-columns:repeat(3,1fr)}
}

/* ---------- NEW: money allocation (pg-alloc) ---------- */
.price-guide .pg-alloc__box{background:#fff;border-radius:12px;padding:20px}
.price-guide .pg-alloc__bar{display:flex;height:44px;border-radius:12px;overflow:hidden;margin:0 0 20px}
.price-guide .pg-alloc__seg{width:calc(var(--share) * 1%);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;color:#2B2B2B}
.price-guide .pg-alloc__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:14px 24px}
.price-guide .pg-alloc__item{display:flex;gap:10px;align-items:flex-start}
.price-guide .pg-alloc__name{display:block;font-size:14px;font-weight:700;color:#2B2B2B;line-height:1.35}
.price-guide .pg-alloc__share{color:#178791}
.price-guide .pg-alloc__text{display:block;font-size:13px;color:#666;line-height:1.45;margin-top:2px}
.price-guide .pg-alloc__flag{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:#2B2B2B;border:1.5px solid #F28C38;border-radius:999px;padding:1px 10px}
.price-guide .pg-alloc__notes{margin:20px 0 0;display:grid;grid-template-columns:1fr;gap:12px}
.price-guide .pg-alloc__notesTitle{font-size:16px;font-weight:700;color:#2B2B2B;margin:0}
.price-guide .pg-alloc__notes p{margin:0;font-size:14px;line-height:1.5;color:#2B2B2B}
.price-guide .pg-a-surf{background:#1FA7B1;color:#fff}.price-guide .pg-a-tech{background:#178791;color:#fff}
.price-guide .pg-a-fit{background:#F28C38}.price-guide .pg-a-bath{background:#DFAF3A}
.price-guide .pg-a-site{background:#B8DFE2}.price-guide .pg-a-demo{background:#E8E8E8}.price-guide .pg-a-other{background:#D3EDED}
@media (min-width:768px){
  .price-guide .pg-alloc__box{padding:24px 28px}
  .price-guide .pg-alloc__bar{height:56px}
  .price-guide .pg-alloc__list{grid-template-columns:1fr 1fr}
}
@media (min-width:992px){.price-guide .pg-alloc__list{grid-template-columns:repeat(4,1fr)}}
@media (max-width:767.98px){.price-guide .pg-alloc__seg{font-size:0}}

/* ---------- ADAPTED: personQuote with two lists ---------- */
.price-guide .personQuote__left h3.pg-pq__sub{color:#2B2D2D;font-size:16px;font-weight:700;margin:18px 0 0}

/* ---------- ADAPTED: spoluprace grid with 4 purpose cards ---------- */
.price-guide .pg-purpose .spoluprace__grid{grid-template-columns:1fr}
.price-guide .pg-purpose .spoluprace__card{background:#E8E8E8}
.price-guide .pg-purpose .pg-checks{margin-top:12px}
.price-guide .pg-purpose .pg-checks li{font-weight:400}
@media (min-width:768px){.price-guide .pg-purpose .spoluprace__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:992px){.price-guide .pg-purpose .spoluprace__grid{grid-template-columns:repeat(4,1fr)}}

/* ---------- ADAPTED: rady with three columns (budget states) ---------- */
.price-guide .pg-budget .rady__grid{grid-template-columns:1fr}
.price-guide .rady__col--estimate{background:#DFAF3A}
.price-guide .rady__col--estimate,.price-guide .rady__col--estimate .rady__colTitle,.price-guide .rady__col--estimate .rady__colSubtitle,.price-guide .rady__col--estimate li{color:#2B2D2D}
.price-guide .rady__col--estimate .rady__icon{color:#2B2D2D;background:rgba(255,255,255,.35)}
.price-guide .rady__col--estimate .rady__list li::before{background:#2B2D2D}
.price-guide .pg-budget .rady__colTitle{font-size:18px;margin:0}
@media (min-width:992px){.price-guide .pg-budget .rady__grid{grid-template-columns:repeat(3,1fr)}}

/* ---------- ADAPTED: form (optional select) ---------- */
.price-guide .contactForm select{width:100%;border:1px #1FA7B1 solid;border-radius:6px;height:54px;padding:0 18px;margin-bottom:17px;background:#fff;font:inherit;color:#2B2B2B;outline-color:#1FA7B1}

/* =====================================================================
   Doplnky po kontrole na mobilu (17. 9. 2026) - nad ramec handoffu
   ===================================================================== */

/* 1) Fotky: atributy width/height bez height:auto deformovaly obrazky (hero 171x400 na mobilu, Zdenek roztazeny) */
.price-guide .hpMain__right img,
.price-guide .personQuote__image img{width:100%;height:auto}

/* 2) Ceny na uzkych displejich: nowrap zustava, velikost pisma se plynule zmensuje, aby nepretekla kartu */
@media (max-width:767.98px){
  .price-guide .pg-heroPrice__num{font-size:min(40px, 9.6vw)}
  .price-guide .pg-scope__price{font-size:min(30px, 6.4vw)}
  .price-guide .pg-disp__price{font-size:min(28px, 6.8vw)}
  .price-guide .pg-compare__price{font-size:min(32px, 7.5vw)}
}

/* 3) Zdenek: na mobilu mezera mezi zlutym boxem a fotkou */
@media (max-width:767.98px){
  .price-guide .personQuote .personQuote__right{margin-top:16px}
}

/* 4) Jednotny vertikalni rytmus bloku: sekce nemaji vlastni svisly padding,
      mezeru mezi bloky dela jen margin-top obalu (56 px mobil / 80 px od 768 px).
      Bloky CTA a statistiky (jine pluginy) maji tridu price-guide na <article> pres content.css. */
.price-guide section.hodnoty,
.price-guide section.pg-compare,
.price-guide section.statistiky,
.price-guide section.spoluprace,
.price-guide section.rady,
.price-guide section.faq,
.price-guide section.cta{padding-top:0;padding-bottom:0}
.price-guide .personQuote.personQuote--marginTop{margin-top:0}
article + article > .price-guide,
article + article.price-guide{margin-top:56px}
@media (min-width:768px){
  article + article > .price-guide,
  article + article.price-guide{margin-top:80px}
}