/* ram.cz: doplňky ke stylu kovoveramy.cz / clip-ramy.cz (stejná rodina). Barva webu ram.cz = tmavě zelená. */
:root{--o:#2d5e53;--o-ink:#ffffff}
.hdr nav .dd{position:relative}
.hdr nav .dd .sub{display:none;position:absolute;left:-12px;top:100%;z-index:30;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;flex-direction:column;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.hdr nav .dd .sub a{padding:6px 12px}
.hdr nav .dd:hover .sub,.hdr nav .dd:focus-within .sub{display:flex}
.mnav .panel a.mnsub{padding-left:28px;font-size:.95em}
.ram-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:22px}
.ram-card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--card,#fff)}
.ram-card b{font-size:20px}
.ram-card span{color:var(--muted)}
.ram-card em{font-style:normal;font-weight:600;color:var(--o);margin-top:auto}
.ram-card:hover{border-color:var(--o)}
.rc-home{padding-block:10px 32px}
.rc-home h1{margin:10px 0 16px}

/* sjednocující pruh sekcí (Kovové rámy, Clip rámy, Pasparty) */
.ram-sec{background:#eef3f1;border-top:1px solid #d7e3df;border-bottom:1px solid #d7e3df;margin-bottom:8px}
.ram-sec .in{display:flex;align-items:center;gap:16px}
.ram-sec .in:first-child{justify-content:space-between;padding-top:10px}
.ram-bc{flex:1 1 auto;min-width:0;font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ram-bc a{color:var(--o);font-weight:600}.ram-bc span{color:var(--muted)}
.ram-try{flex:none;font-size:14px;font-weight:600;color:#fff;background:var(--o);border-radius:999px;padding:7px 14px}
.ram-tabs{display:flex;flex-wrap:nowrap;width:100%;gap:4px;overflow-x:auto;scrollbar-width:none;padding:8px 0 0;-webkit-overflow-scrolling:touch}
.ram-tabs::-webkit-scrollbar{display:none}
.ram-tabs a{flex:none;padding:9px 14px;font-size:15px;font-weight:500;color:var(--ink);border-bottom:3px solid transparent;white-space:nowrap}
.ram-tabs a:hover{color:var(--o)}
.ram-tabs a[aria-current]{color:var(--o);border-bottom-color:var(--o);font-weight:700}
@media(max-width:600px){.ram-try{padding:6px 11px;font-size:13px}.ram-bc{font-size:13px}.ram-tabs a{padding:8px 10px;font-size:14px}}
.at-hdr .site{font-size:20px;font-weight:700;color:var(--ink);border:0;padding:0;margin:0}
.at-hdr .cart{margin-left:auto}
.at-ftr{display:block;text-align:center;padding:24px 16px}
.at-info{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:18px;margin:0 0 22px}
.at-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.at-steps>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.at-steps b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--o);color:#fff;font-size:15px}
.at-steps h3,.at-note h3{font-size:17px;margin:10px 0 6px}.at-steps p,.at-note p{margin:0 0 8px;color:var(--muted);font-size:15px;line-height:1.5}
.at-note{background:#eef3f1;border:1px solid #d7e3df;border-radius:14px;padding:18px}.at-note h3{margin-top:0;color:var(--o)}
@media(max-width:900px){.at-info,.at-steps{grid-template-columns:1fr}}
.at-info[hidden]{display:none}
.at-lead{font-size:20px;line-height:1.45;max-width:820px;margin:-2px 0 10px;padding:14px 18px;border-left:4px solid var(--o);background:#eef3f1;border-radius:0 12px 12px 0}.at-lead b{color:var(--o)}
body.rc-zak .at-lead,body.rc-zak .rc-home .lead,body.rc-zak .hdr nav,body.rc-zak .ram-sec{display:none}
body.rc-zak .hdr,body.rc-zak .trust,body.rc-zak .ftr{display:none}
.cname .obl{display:inline-block;margin-left:6px;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:99px;background:#dbe8e3;color:#2d5e53;vertical-align:1px}
.cname .obl.top{background:#2d5e53;color:#fff}
.cname{margin-bottom:8px}
/* Clip rámy > Hotové formáty: náhled clip rámu (clipnahled.js) */
#clipnahled{aspect-ratio:3/2;background:#eeece8}
#clipnahled canvas{display:block}
@media (max-width:640px){#clipnahled{aspect-ratio:4/5}}
.cn-info{position:absolute;left:10px;bottom:10px;display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:12px;padding:7px 12px;font-size:12.5px;line-height:1.35;max-width:calc(100% - 20px);z-index:2;text-align:left}
.cn-info div{display:grid}.cn-info span{color:var(--muted)}
.calc-prev.cn canvas{z-index:1}.calc-prev.cn .pv-tools{z-index:3}
/* Výstavní pasparta: komplet a postup (Pavel 2026-10-29) */
.vp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 48px;padding-block:48px 64px;align-items:center}
.vp-intro h2{margin:8px 0 12px;font-size:clamp(26px,3.2vw,38px);line-height:1.15;text-wrap:balance}
.vp-kit{margin:0}.vp-kit svg{width:100%;height:auto;display:block}.vp-kit figcaption{font-size:13px;color:var(--muted);margin-top:6px}
.vp-lab text{fill:#3b3a35}
.vp-parts,.vp-steps,.vp-tip,.vp-for,.vp-h{grid-column:1/-1}
.vp-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vp-parts div,.vp-steps li{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.vp-parts b,.vp-steps b{font-size:17px}.vp-parts span,.vp-steps span{color:var(--muted);font-size:15px;line-height:1.5}
.vp-h{margin:18px 0 -8px;font-size:24px}
.vp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:vp}
.vp-steps li{counter-increment:vp}
.vp-steps li b::before{content:counter(vp) " · ";color:var(--o)}
.vp-steps svg{width:100%;height:auto;border-radius:10px;background:#f4f1ec;margin-bottom:6px}
.vp-tip{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-left:3px solid var(--o);background:#eef3f1;border-radius:0 12px 12px 0}
.vp-tip span{color:var(--muted)}
.vp-for{margin:0;color:var(--muted)}
@media (max-width:860px){.vp{grid-template-columns:1fr}.vp-parts,.vp-steps{grid-template-columns:1fr}}
.vp-parts svg{width:100%;height:auto;border-radius:10px;background:#f4f1ec;margin-bottom:6px}
.vp-parts img{width:100%;height:auto;aspect-ratio:240/170;object-fit:cover;border-radius:10px;margin-bottom:6px;display:block}
.vp-go{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding-top:8px;border-top:1px solid var(--line)}.vp-go b{font-size:20px;flex-basis:100%}.vp-go span{color:var(--muted);flex:1 1 320px}
/* Pavel 2026-10-31: „Co je pasparta?“ pod nadpisem kalkulačky pasparty */
.co-je{margin-top:14px;max-width:62ch}
.co-je summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font-size:14px;font-weight:600;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--white)}
.co-je summary::-webkit-details-marker{display:none}
.co-je summary::before{content:"?";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--o);color:#fff;font-size:12px;font-weight:700}
.co-je[open] summary{border-color:var(--ink)}
.co-je p{margin:10px 0 0;padding:12px 14px;background:var(--white);border:1px solid var(--line);border-radius:10px;font-size:15px;line-height:1.5}