/* PEK Tortopretvornik UI v2
   Application UI only. Typography aligned with PEK Visual System 3.0. */
body.pek-calculator-page .article-header{margin-bottom:18px!important}
body.pek-calculator-page .article-hero{margin-top:38px!important}
.pek-tool-stage{width:min(1240px,calc(100% - 80px));margin:8px auto 56px;color:var(--pek-ink);font-family:var(--pek-sans)}
.pek-tool-intro{display:grid;grid-template-columns:170px minmax(0,760px);gap:22px;align-items:start;margin:0 0 15px;padding:0 0 15px;border-bottom:1px solid var(--pek-line)}
.pek-tool-kicker{color:var(--pek-orange-dark);font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.pek-tool-intro p{margin:0;color:var(--pek-ink-soft);font-size:14px;line-height:1.55}

body.pek-calculator-page #pekis-cake-converter{width:100%!important;max-width:none!important;margin:0!important;padding:28px!important;background:var(--pek-surface)!important;border:1px solid var(--pek-line)!important;border-radius:4px!important;box-shadow:none!important}
#pekis-cake-converter *{box-sizing:border-box}
#pekis-cake-converter .cc-head{margin-bottom:22px}
#pekis-cake-converter h2{max-width:820px;margin:0 0 8px;font-family:var(--pek-serif);font-size:clamp(28px,2.5vw,36px);font-weight:700;line-height:1.04;letter-spacing:-.035em}
#pekis-cake-converter .cc-lead{max-width:850px;margin:0 0 19px;color:var(--pek-muted);font-size:14px;line-height:1.55}
#pekis-cake-converter h3{margin:0;font-family:var(--pek-serif);font-size:20px;font-weight:700;line-height:1.18;letter-spacing:0}
#pekis-cake-converter h3 small{color:var(--pek-muted);font-family:var(--pek-sans);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
#pekis-cake-converter h4{margin:0 0 10px;font-family:var(--pek-serif);font-size:17px;font-weight:700;line-height:1.24}

#pekis-cake-converter .pek-calc-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid var(--pek-line);border-bottom:1px solid var(--pek-line)}
#pekis-cake-converter .pek-calc-flow-step{display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 14px;color:var(--pek-muted);font-size:11px;line-height:1.25}
#pekis-cake-converter .pek-calc-flow-step+.pek-calc-flow-step{border-left:1px solid var(--pek-line)}
#pekis-cake-converter .pek-calc-flow-step b{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border-radius:50%;background:var(--pek-orange);color:#fff;font-size:10px}

body.pek-calculator-page #pekis-cake-converter .cc-grid{display:grid!important;grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr)!important;gap:28px!important;align-items:start!important}
#pekis-cake-converter .pek-calc-inputs{display:grid;gap:16px;min-width:0}
#pekis-cake-converter .cc-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.pek-calculator-page #pekis-cake-converter .cc-card{padding:20px!important;border:1px solid var(--pek-line)!important;border-radius:4px!important;background:#fff!important;box-shadow:none!important}
#pekis-cake-converter .cc-card-soft{background:#fbf8f3!important}
#pekis-cake-converter .cc-card-title{display:flex;align-items:center;gap:10px;margin:0 0 16px}
#pekis-cake-converter .cc-card-title>span{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border:1px solid #d5b4a2;border-radius:50%;color:var(--pek-orange-dark);font-size:10px;font-weight:850}

#pekis-cake-converter .cc-row-2,#pekis-cake-converter .cc-row-3{display:grid;gap:12px}
#pekis-cake-converter .cc-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#pekis-cake-converter .cc-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#pekis-cake-converter .cc-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
#pekis-cake-converter .cc-field{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--pek-ink-soft);font-size:11px;font-weight:760;line-height:1.25}
#pekis-cake-converter .cc-field>span{display:block}
#pekis-cake-converter .cc-field small,#pekis-cake-converter .cc-field em{color:var(--pek-muted);font-size:10px;font-style:normal;font-weight:600}
body.pek-calculator-page #pekis-cake-converter :where(input,select){width:100%;min-height:46px!important;padding:9px 11px!important;border:1px solid var(--pek-line-strong)!important;border-radius:4px!important;background:#fff!important;color:var(--pek-ink)!important;font:500 15px/1.25 var(--pek-sans)!important;box-shadow:none!important}
body.pek-calculator-page #pekis-cake-converter :where(input,select):focus{outline:0!important;border-color:#b77f64!important;box-shadow:var(--pek-focus)!important}
#pekis-cake-converter input::placeholder{color:#a69b92}

#pekis-cake-converter .cc-optional{margin-top:14px;border-top:1px solid var(--pek-line)}
#pekis-cake-converter .cc-optional summary{padding:12px 0 2px;cursor:pointer;color:var(--pek-orange-dark);font-size:11px;font-weight:800}
#pekis-cake-converter .cc-optional[open] summary{margin-bottom:10px}
#pekis-cake-converter .cc-help{margin:9px 0 14px;color:var(--pek-muted);font-size:11.5px;line-height:1.5}
#pekis-cake-converter .cc-ingredients{display:grid;gap:10px;margin-bottom:12px}
#pekis-cake-converter .cc-ing-row{display:grid;grid-template-columns:minmax(150px,1.35fr) minmax(90px,.7fr) minmax(68px,.45fr) 34px;gap:9px;align-items:end}
#pekis-cake-converter .cc-btn-remove{display:grid;place-items:center;width:34px;height:46px;border:1px solid var(--pek-line);border-radius:5px;background:#fff;color:var(--pek-muted);font-size:20px;line-height:1;cursor:pointer}
#pekis-cake-converter .cc-btn-remove:hover{border-color:#d3a08c;color:var(--pek-danger)}

#pekis-cake-converter .cc-actions{display:flex;gap:9px;align-items:center}
body.pek-calculator-page #pekis-cake-converter .cc-btn,body.pek-calculator-page #pekis-cake-converter .cc-btn-secondary{min-height:46px;padding:0 18px;border-radius:4px!important;font-family:var(--pek-sans);font-size:12px;font-weight:750;cursor:pointer}
body.pek-calculator-page #pekis-cake-converter .cc-btn{border:1px solid var(--pek-orange);background:var(--pek-orange);color:#fff}
body.pek-calculator-page #pekis-cake-converter .cc-btn:hover{background:#c74418;border-color:#c74418}
body.pek-calculator-page #pekis-cake-converter .cc-btn-secondary{border:1px solid var(--pek-line-strong);background:#fff;color:var(--pek-ink)}
body.pek-calculator-page #pekis-cake-converter .cc-btn-secondary:hover{border-color:#a99384;background:#fcfaf7}
#pekis-cake-converter .cc-warning{padding:12px 14px;border-left:3px solid var(--pek-danger);background:#fbefeb;color:#6e2b20;font-size:12px;font-weight:700;line-height:1.45}
#pekis-cake-converter .cc-warning[hidden]{display:none!important}

body.pek-calculator-page .pek-calc-results{position:sticky!important;top:94px;min-width:0}
#pekis-cake-converter .cc-result-empty{min-height:310px;display:flex;flex-direction:column;justify-content:center;background:#f6f1ea!important}
#pekis-cake-converter .cc-result-label{margin:0 0 5px;color:var(--pek-orange-dark);font-size:9.5px;font-weight:900;letter-spacing:.15em}
#pekis-cake-converter .cc-result-empty p,#pekis-cake-converter .cc-result-card>p{color:var(--pek-muted);font-size:12px;line-height:1.55}
#pekis-cake-converter .cc-result-card{border-top:3px solid var(--pek-orange)!important}
#pekis-cake-converter .cc-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:17px 0;border-top:1px solid var(--pek-line);border-bottom:1px solid var(--pek-line)}
#pekis-cake-converter .cc-kpi{padding:13px 10px 13px 0}
#pekis-cake-converter .cc-kpi+.cc-kpi{padding-left:10px;border-left:1px solid var(--pek-line)}
#pekis-cake-converter .cc-kpi strong{display:block;color:var(--pek-muted);font-size:9px;letter-spacing:.05em;text-transform:uppercase}
#pekis-cake-converter .cc-kpi span{display:block;margin-top:4px;font-family:var(--pek-serif);font-size:24px;font-weight:700;line-height:1.05}
#pekis-cake-converter .cc-note{margin:0 0 16px}
#pekis-cake-converter .cc-result-section{padding:16px 0;border-top:1px solid var(--pek-line)}
#pekis-cake-converter .cc-result-section p{margin:7px 0;color:var(--pek-ink-soft);font-size:11.5px;line-height:1.5}
#pekis-cake-converter .cc-result-dl{margin:0}
#pekis-cake-converter .cc-result-dl>div{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:7px 0;border-top:1px solid #eee7df}
#pekis-cake-converter .cc-result-dl>div:first-child{border-top:0}
#pekis-cake-converter dt{color:var(--pek-muted);font-size:10px;font-weight:800;text-transform:uppercase}
#pekis-cake-converter dd{margin:0;font-size:11.5px;font-weight:700}
#pekis-cake-converter .cc-table-wrap{overflow:auto}
#pekis-cake-converter .cc-table{width:100%;border-collapse:collapse;font-size:11px}
#pekis-cake-converter .cc-table th,#pekis-cake-converter .cc-table td{padding:9px 7px;text-align:left;vertical-align:top;border-bottom:1px solid var(--pek-line)}
#pekis-cake-converter .cc-table th{color:var(--pek-muted);font-size:9px;text-transform:uppercase}
#pekis-cake-converter .cc-table td small{display:block;margin-top:4px;color:var(--pek-muted);font-size:9.5px;line-height:1.35}
#pekis-cake-converter .cc-practical{display:grid;gap:4px;margin-top:15px;padding:13px 14px;background:var(--pek-orange-soft);border-left:3px solid var(--pek-orange)}
#pekis-cake-converter .cc-practical strong{font-size:10px;color:var(--pek-orange-dark);text-transform:uppercase;letter-spacing:.08em}
#pekis-cake-converter .cc-practical span{font-size:11px;line-height:1.45}

body.pek-calculator-page .pek-more-tools{width:100%;margin:18px 0 0!important;padding:18px 0 0!important;border-top:1px solid var(--pek-line);display:flex;align-items:center;justify-content:space-between;gap:20px}
body.pek-calculator-page .pek-more-tools-copy strong{display:block;font-family:var(--pek-serif);font-size:18px;font-weight:700}
body.pek-calculator-page .pek-more-tools-copy span{display:block;margin-top:2px;color:var(--pek-muted);font-size:11px}

.pek-calculator-binding-panel code{display:inline-block;padding:2px 6px;border:1px solid #d9d3cb;border-radius:4px;background:#f7f5f2;font-size:12px}

@media(max-width:1000px){
  .pek-tool-stage{width:min(100% - 40px,900px)}
  body.pek-calculator-page #pekis-cake-converter .cc-grid{grid-template-columns:1fr!important}
  body.pek-calculator-page .pek-calc-results{position:static!important}
  #pekis-cake-converter .cc-result-empty{min-height:0}
}
@media(max-width:720px){
  .pek-tool-stage{width:calc(100% - 28px);margin-bottom:38px}
  .pek-tool-intro{grid-template-columns:1fr;gap:4px}
  body.pek-calculator-page #pekis-cake-converter{padding:16px!important}
  #pekis-cake-converter h2{font-size:29px}
  #pekis-cake-converter .pek-calc-flow{grid-template-columns:1fr;border-bottom:0}
  #pekis-cake-converter .pek-calc-flow-step{min-height:40px;padding:7px 4px;border-bottom:1px solid var(--pek-line)}
  #pekis-cake-converter .pek-calc-flow-step+.pek-calc-flow-step{border-left:0}
  #pekis-cake-converter .cc-model-grid,#pekis-cake-converter .cc-row-2,#pekis-cake-converter .cc-row-3,#pekis-cake-converter .cc-dimensions{grid-template-columns:1fr}
  body.pek-calculator-page #pekis-cake-converter .cc-card{padding:15px!important}
  #pekis-cake-converter .cc-ing-row{grid-template-columns:1fr 1fr 72px 34px}
  #pekis-cake-converter .cc-ing-name{grid-column:1/-1}
  #pekis-cake-converter .cc-actions{display:grid;grid-template-columns:1fr}
  body.pek-calculator-page #pekis-cake-converter .cc-btn,body.pek-calculator-page #pekis-cake-converter .cc-btn-secondary{width:100%}
  #pekis-cake-converter .cc-kpis{grid-template-columns:1fr}
  #pekis-cake-converter .cc-kpi{padding:10px 0}
  #pekis-cake-converter .cc-kpi+.cc-kpi{padding-left:0;border-left:0;border-top:1px solid var(--pek-line)}
  body.pek-calculator-page .pek-more-tools{align-items:flex-start;flex-direction:column}
}

/* v2.2 · localized standalone SEO/editorial layer for non-SL PEKI routes */
.cc-standalone-shell{width:min(1240px,calc(100% - 80px));margin:0 auto 22px}
.cc-standalone-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:44px;align-items:center;padding:48px 0 34px}
.cc-standalone-hero-copy>span{display:block;margin-bottom:12px;color:var(--pek-orange-dark);font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.cc-standalone-hero h1{max-width:760px;margin:0;font-family:var(--pek-serif);font-size:clamp(38px,5vw,66px);font-weight:700;line-height:1.01;letter-spacing:-.045em;color:var(--pek-ink)}
.cc-standalone-hero-copy>p{max-width:760px;margin:20px 0 0;color:var(--pek-ink-soft);font-size:16px;line-height:1.7}
.cc-standalone-hero-media{margin:0;overflow:hidden;border:1px solid var(--pek-line);border-radius:14px;background:#f7f2eb}
.cc-standalone-hero-media picture,.cc-standalone-hero-media img{display:block;width:100%;height:auto}
.cc-standalone-authority{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:28px;align-items:start;margin:0;padding:24px 26px;border:1px solid var(--pek-line);border-radius:14px;background:#fff}
.cc-standalone-authority span{display:block;color:var(--pek-orange-dark);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.cc-standalone-authority strong{display:block;margin-top:7px;font-family:var(--pek-serif);font-size:20px;line-height:1.2;color:var(--pek-ink)}
.cc-standalone-authority p{margin:0;color:var(--pek-ink-soft);font-size:14px;line-height:1.65}
.cc-editorial-layer{width:min(1120px,calc(100% - 80px));margin:4px auto 64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);gap:48px;align-items:start}
.cc-editorial-main{display:grid;gap:30px}
.cc-editorial-main section{padding-top:28px;border-top:1px solid var(--pek-line)}
.cc-editorial-main h2,.cc-editorial-checklist h2{margin:0 0 12px;font-family:var(--pek-serif);font-size:clamp(24px,2.4vw,32px);line-height:1.12;letter-spacing:-.02em;color:var(--pek-ink)}
.cc-editorial-main p{margin:0;color:var(--pek-ink-soft);font-size:15px;line-height:1.78}
.cc-editorial-main p+p{margin-top:13px}
.cc-editorial-checklist{position:sticky;top:96px;padding:24px;border:1px solid var(--pek-line);border-radius:12px;background:#fbf8f3}
.cc-editorial-checklist h2{font-size:22px}
.cc-editorial-checklist ul{margin:0;padding:0;list-style:none}
.cc-editorial-checklist li{position:relative;margin:0;padding:11px 0 11px 22px;border-top:1px solid #e8ded4;color:var(--pek-ink-soft);font-size:13px;line-height:1.5}
.cc-editorial-checklist li:first-child{border-top:0}
.cc-editorial-checklist li:before{content:'✓';position:absolute;left:0;top:11px;color:var(--pek-orange-dark);font-weight:900}
@media(max-width:1000px){
  .cc-standalone-shell{width:min(100% - 40px,900px)}
  .cc-standalone-hero{grid-template-columns:1fr;gap:26px;padding-top:34px}
  .cc-standalone-hero-media{max-width:760px}
  .cc-editorial-layer{width:min(100% - 40px,900px);grid-template-columns:1fr;gap:28px}
  .cc-editorial-checklist{position:static}
}
@media(max-width:720px){
  .cc-standalone-shell,.cc-editorial-layer{width:calc(100% - 28px)}
  .cc-standalone-hero{padding:28px 0 24px}
  .cc-standalone-hero h1{font-size:38px}
  .cc-standalone-authority{grid-template-columns:1fr;gap:12px;padding:20px}
  .cc-editorial-layer{margin-bottom:44px}
}