.page-hero{padding-block:44px 64px}
.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:15px;font-weight:700;color:var(--muted);margin-bottom:var(--s3)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--brand-ink);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs-sep{color:var(--accent)}
.page-hero h1{font-size:clamp(32px,4.6vw,52px);font-weight:800;line-height:1.12;max-width:900px;margin-bottom:var(--s3)}
.page-lead{font-size:19px;color:var(--muted);max-width:760px;margin-bottom:var(--s4)}
.kd-howto{list-style:none;max-width:860px;margin-bottom:var(--s4)}
.kd-howto li{position:relative;padding:14px 0 14px 34px;font-size:16.5px;color:var(--muted);line-height:1.6;border-bottom:2px dashed var(--line-soft)}
.kd-howto li:last-child{border-bottom:none}
.kd-howto li::before{content:"";position:absolute;left:4px;top:22px;width:12px;height:12px;border:3px solid var(--brand);border-radius:50%}
.kd-nav{display:flex;flex-wrap:wrap;gap:12px}
.kd-nav a{display:inline-flex;align-items:center;min-height:44px;border:2px solid var(--brand);border-radius:999px;padding:6px 20px;font-weight:700;font-size:16px;color:var(--brand-ink);background:var(--card);text-decoration:none}
.kd-nav a:hover{background:var(--brand);color:#fff}
.kd-note{max-width:860px;background:var(--paper);border:2px dashed var(--accent);border-radius:var(--r-m);padding:16px 22px;font-size:15.5px;color:var(--muted);margin-bottom:var(--s3)}
.kd-note strong{color:var(--brand-ink)}
.kd-table-card{background:var(--paper);border:2px dashed var(--line);border-radius:var(--r-l);padding:8px 26px;box-shadow:var(--shadow);margin-bottom:var(--s3)}
.kd-table{width:100%;border-collapse:collapse}
.kd-table th{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-ink);text-align:left;padding:18px 10px;border-bottom:2px dashed var(--line)}
.kd-table td{padding:14px 10px;border-bottom:2px dashed var(--line-soft);vertical-align:top;font-size:15px;color:var(--muted);line-height:1.5}
.kd-table tbody tr:last-child td{border-bottom:none}
.kd-th-code{width:110px}
.kd-code-stamp{display:inline-block;font-family:'Alegreya',Georgia,serif;font-size:18px;font-weight:800;color:var(--brand-ink);border:2px dashed var(--brand);border-radius:var(--r-s);padding:2px 10px;transform:rotate(-2deg);white-space:nowrap}
.kd-mean{font-weight:700;color:var(--ink)}
.kd-price{display:inline-block;font-weight:800;color:var(--brand-ink);white-space:nowrap}
.kd-brand-links{display:flex;flex-wrap:wrap;gap:10px 26px}
.kd-brand-links a{color:var(--brand-ink);font-weight:700;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.kd-brand-links a:hover{text-decoration:underline}
.kd-photo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--s6);align-items:center}
.kd-photo-txt h2{font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.15;color:#fff;margin-bottom:var(--s3)}
.kd-photo-txt p{font-size:17.5px;color:rgba(238,247,240,.85);max-width:560px;margin-bottom:var(--s2)}
.kd-photo-grid .polaroid img{aspect-ratio:4/3}
.kd-links{display:flex;flex-wrap:wrap;gap:var(--s2)}
.cta-final{max-width:720px;margin-inline:auto;text-align:center}
.cta-final h2{font-size:clamp(30px,4vw,46px);font-weight:800;line-height:1.15;color:#fff;margin-bottom:var(--s2)}
.cta-final p{font-size:18px;color:rgba(238,247,240,.85);margin-bottom:var(--s4)}
.cta-final .cta-tels{align-items:center;margin-bottom:var(--s4)}
@media (max-width:999px){
.kd-photo-grid{grid-template-columns:1fr;gap:var(--s5)}
}
@media (max-width:900px){
.kd-table-card{padding:14px;border:none;background:transparent;box-shadow:none}
.kd-table thead{display:none}
.kd-table,.kd-table tbody,.kd-table tr,.kd-table td{display:block}
.kd-table tr{background:var(--card);border:2px dashed var(--line);border-radius:var(--r-m);padding:16px 18px;margin-bottom:var(--s2)}
.kd-table tbody tr:last-child{margin-bottom:0}
.kd-table td{padding:8px 0;border-bottom:none}
.kd-table td::before{content:attr(data-th);display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-ink);margin-bottom:3px}
.kd-code::before{display:none}
}
@media (max-width:760px){
.page-hero{padding-block:32px 52px}
}