.smh2{--smh2-ink:#302333;--smh2-muted:#6b6270;--smh2-line:#e9e3eb;--smh2-plum:#483149;--smh2-teal:#0f766e;color:var(--smh2-ink);}.smh2 section[id]{scroll-margin-top:88px;}.smh2 .smh2-shell{width:100%;max-width:1440px;margin:0 auto;padding:0 24px;}.smh2-hero{background:#f8f6f9;border-bottom:1px solid var(--smh2-line);padding:46px 0 50px;margin-bottom:58px;}.smh2-hero-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:center;gap:clamp(36px,5vw,80px);}.smh2 .smh2-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 22px;color:#735171;font-size:11px;font-weight:700;line-height:1.65;letter-spacing:.1em;}.smh2-eyebrow::before{content:'';display:block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#0f766e;}.smh2 .smh2-hero h1{margin:0 0 24px;max-width:850px;font-size:clamp(36px,3.55vw,53px);line-height:1.12;letter-spacing:-.045em;font-weight:700;color:var(--smh2-ink);text-wrap:balance;overflow-wrap:break-word;}.smh2 .smh2-intro{max-width:680px;margin:0;font-size:17px;line-height:1.8;color:var(--smh2-muted);}.smh2-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}.smh2 .smh2-actions .btn{min-height:50px;border-radius:12px;padding:14px 20px;font-size:15px;line-height:1.4;text-align:center;white-space:normal;}.smh2 .smh2-actions .btn-white{border-color:#dfd6e1;background:transparent;color:#47324c;}.smh2 .smh2-actions .btn-white:hover{background:#fff;}.smh2 .smh2-actions .btn-primary{box-shadow:0 5px 14px #0f766e12;}.smh2-map-art{position:relative;min-width:0;padding:26px 30px 24px;background:#ece6f0;border:1px solid #e4dbe8;border-radius:30px;overflow:hidden;}.smh2-art-title{position:relative;margin:0;font-size:15px;font-weight:600;line-height:1.5;color:#49364d;}.smh2-orbit{position:relative;width:min(100%,320px);height:245px;margin:10px auto 12px;}.smh2-orbit svg{display:block;width:100%;height:100%;}.smh2-orbit-center{position:absolute;left:50%;top:50%;width:88px;height:88px;transform:translate(-50%,-50%);border-radius:50%;background:#fbf9fc;display:flex;align-items:center;justify-content:center;color:#644063;font-size:28px;font-weight:600;line-height:1;letter-spacing:.02em;box-shadow:0 8px 28px #593b6520;}.smh2-art-metrics{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:0;padding-top:20px;border-top:1px solid #d9cfdf;gap:20px;}.smh2-art-metrics>div{display:flex;flex-direction:column-reverse;gap:5px;min-width:0;}.smh2-art-metrics>div + div{border-left:1px solid #d9cfdf;padding-left:24px;}.smh2-art-metrics dt{color:#716077;font-size:12px;line-height:1.5;}.smh2-art-metrics dd{margin:0;color:#49334f;font-size:32px;line-height:1;font-weight:600;letter-spacing:-.04em;}.smh2 .smh2-heading{margin-bottom:28px;}.smh2 .smh2-heading h2{margin:0 0 12px;color:var(--smh2-ink);font-size:clamp(25px,2.4vw,34px);font-weight:650;line-height:1.22;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word;}.smh2 .smh2-heading p{max-width:760px;margin:0;color:var(--smh2-muted);font-size:15px;line-height:1.75;}.smh2-topics{margin-bottom:58px;}.smh2-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--smh2-line);border-left:1px solid var(--smh2-line);border-radius:20px;overflow:hidden;}.smh2-topic{display:flex;gap:14px;align-items:flex-start;position:relative;min-width:0;padding:25px 42px 25px 22px;border-right:1px solid var(--smh2-line);border-bottom:1px solid var(--smh2-line);background:#fff;text-decoration:none;color:var(--smh2-ink);transition:background-color .18s;}.smh2-topic:hover{background:#f8f6fa;}.smh2-topic:last-child{background:#f0f7f5;}.smh2-topic:last-child:hover{background:#e5f1ed;}.smh2-topic-icon{display:flex;align-items:center;justify-content:center;flex:0 0 37px;width:37px;height:37px;border-radius:11px;background:#f3edf5;color:#78537c;}.smh2-topic:last-child .smh2-topic-icon{color:#0f766e;background:#daeee5;}.smh2-topic-icon svg{width:20px;height:20px;}.smh2-topic h3{margin:0 0 7px;font-size:16px;line-height:1.45;font-weight:650;}.smh2-topic p{margin:0;color:var(--smh2-muted);font-size:13px;line-height:1.6;}.smh2-topic-arrow{position:absolute;right:19px;top:29px;font-size:18px;line-height:1;color:#a193a7;transition:color .18s;}.smh2-topic:hover .smh2-topic-arrow{color:#0f766e;}.smh2-topic>div{min-width:0;overflow-wrap:break-word;}.smh2-map{margin-bottom:62px;}.smh2-map-panel{padding:35px 38px 32px;border-radius:26px;background:#3d2a42;color:#fff;}.smh2 .smh2-map-panel .smh2-eyebrow{color:#d6bfdf;font-size:10px;margin-bottom:19px;}.smh2-map-panel .smh2-eyebrow::before{background:#b9dcca;}.smh2 .smh2-map-panel .container{background:transparent;max-width:none;padding:0;}.smh2-map-panel [data-placement="homepage"]{background:transparent!important;border:0!important;padding:0!important;margin:0!important;border-radius:0!important;box-shadow:none!important;}.smh2-map-panel [data-placement="homepage"] h2{color:#fff!important;font-size:29px!important;line-height:1.25!important;letter-spacing:-.02em;}.smh2-map-panel [data-placement="homepage"] p{color:#e0d3e5!important;font-size:16px!important;}.smh2-map-panel [data-placement="homepage"]>div>div:first-child>div{color:#bfe4d7!important;}.smh2-map-panel [data-placement="homepage"]>div>div{min-width:0!important;}.smh2-map-panel [data-placement="homepage"] .btn-primary{background:#d0e8dc!important;border-color:#d0e8dc!important;color:#254137!important;box-shadow:none!important;}.smh2-map-panel [data-placement="homepage"] .btn-primary:hover{background:#e5f3ec!important;}.smh2-map-panel [data-placement="homepage"] a:not(.btn-primary){color:#e3d6e8!important;}.smh2-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:24px 0 0;margin:25px 0 0;border-top:1px solid #ffffff24;list-style:none;}.smh2-benefits li{min-width:0;}.smh2-benefits h3{margin:0 0 6px;font-size:14px;font-weight:600;line-height:1.5;color:#f1eaf4;}.smh2-benefits p{margin:0;color:#c6b9cd;font-size:13px;line-height:1.7;}.smh2 a.smh2-topic:focus-visible,.smh2 .smh2-actions a:focus-visible{outline:3px solid #0f766e;outline-offset:-3px;}.smh2 .smh2-map-panel a:focus-visible{outline:3px solid #fff;outline-offset:4px;}@media(max-width:1100px){.smh2-hero-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px;}.smh2-map-art{padding:22px;}.smh2-topic{padding-left:18px;gap:10px;}.smh2-topic-icon{flex-basis:32px;width:32px;height:32px;border-radius:9px;}}@media(max-width:850px){.smh2-hero-layout{grid-template-columns:minmax(0,1fr);gap:28px;}.smh2-hero{padding:34px 0;margin-bottom:40px;}.smh2-map-art{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;border-radius:20px;}.smh2-orbit{display:none;}.smh2-art-metrics{border:0;padding-top:0;gap:16px;}.smh2-art-metrics>div + div{padding-left:16px;}.smh2-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.smh2-benefits{gap:20px;}.smh2-map-panel{padding:28px;}}@media(max-width:599px){.smh2 .smh2-shell{padding-left:16px;padding-right:16px;}.smh2 .smh2-eyebrow{font-size:10px;margin-bottom:18px;letter-spacing:.07em;}.smh2 .smh2-hero h1{font-size:35px;line-height:1.14;margin-bottom:18px;}.smh2 .smh2-intro{font-size:16px;line-height:1.7;}.smh2-actions{gap:10px;margin-top:24px;}.smh2 .smh2-actions .btn{width:100%;}.smh2-map-art{padding:20px;grid-template-columns:minmax(0,1fr);gap:18px;}.smh2-art-title{font-size:14px;}.smh2-art-metrics{padding-top:16px;border-top:1px solid #d9cfdf;}.smh2-art-metrics dd{font-size:26px;}.smh2 .smh2-heading{margin-bottom:22px;}.smh2 .smh2-heading p{font-size:14px;line-height:1.7;}.smh2-topics{margin-bottom:38px;}.smh2-topic-grid{grid-template-columns:minmax(0,1fr);border-radius:16px;}.smh2-topic{padding:21px 42px 21px 17px;gap:13px;}.smh2-topic h3{font-size:16px;margin-bottom:5px;}.smh2-topic-icon{margin-top:1px;}.smh2-map{margin-bottom:38px;}.smh2-map-panel{padding:24px 20px;border-radius:20px;}.smh2-map-panel [data-placement="homepage"] h2{font-size:25px!important;}.smh2-map-panel [data-placement="homepage"] p{font-size:15px!important;}.smh2-benefits{grid-template-columns:minmax(0,1fr);gap:19px;margin-top:23px;padding-top:22px;}}@media(prefers-reduced-motion:reduce){.smh2-topic,.smh2-topic-arrow,.smh2 .smh2-actions .btn{transition:none;}}

/* Úvodná stránka Mapy osobnosti – obsahové bloky rozcestníka */
.smh2,
.smh2 * { box-sizing: border-box; }
.smh2 .smh2-hero-benefit { max-width: 650px; margin: 15px 0 0; color: #514956; font-size: 16px; line-height: 1.7; }
.smh2 .smh2-map-art { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; }
.smh2 .smh2-map-image { display: block; width: 100%; height: auto; max-height: 445px; object-fit: contain; border-radius: 0; }
.smh2 .smh2-content { max-width: 1200px; }
.smh2 .smh2-heading { margin-bottom: 25px; }
.smh2 .smh2-heading .smh2-eyebrow { margin-bottom: 12px; }
.smh2 .smh2-topic-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.smh2 .smh2-topic { min-height: 150px; }
.smh2 .smh2-topic:last-child { background: #fff; }
.smh2 .smh2-topic:last-child:hover { background: #f8f6fa; }
.smh2 .smh2-topic:last-child .smh2-topic-icon { background: #f3edf5; color: #78537c; }
.smh2 .smh2-topic-title,
.smh2 .smh2-topic-description { display: block; }
.smh2 .smh2-topic-title { color: var(--smh2-ink); font-size: 16px; font-weight: 650; line-height: 1.45; }
.smh2 .smh2-topic-description { margin-top: 7px; color: var(--smh2-muted); font-size: 13px; line-height: 1.6; }
.smh2 .smh2-topic-copy { display: block; min-width: 0; }
.smh2 .smh2-topic-arrow { top: 30px; }
.smh2 .smh2-section { margin-bottom: 68px; }
.smh2 .smh2-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.smh2 .smh2-step { min-width: 0; padding: 24px 23px 25px; border: 1px solid var(--smh2-line); border-radius: 18px; background: #fff; }
.smh2 .smh2-step-number { display: inline-grid; width: 38px; height: 38px; place-items: center; margin-bottom: 18px; border-radius: 12px; background: #f3edf5; color: #78537c; font-size: 13px; font-weight: 700; }
.smh2 .smh2-step h3 { margin: 0 0 9px; color: var(--smh2-ink); font-size: 17px; font-weight: 650; line-height: 1.4; }
.smh2 .smh2-step p { margin: 0; color: var(--smh2-muted); font-size: 14px; line-height: 1.7; }
.smh2 .smh2-time-note { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 20px 0 0; color: var(--smh2-muted); font-size: 13px; line-height: 1.6; }
.smh2 .smh2-time-note span { color: #0f766e; font-size: 18px; }
.smh2 .smh2-example-card { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); overflow: hidden; border: 1px solid #e9e3eb; border-radius: 22px; background: #fbf9fc; }
.smh2 .smh2-example-quote { position: relative; padding: 32px 34px; }
.smh2 .smh2-quote-mark { display: block; height: 35px; color: #9b7fa0; font-family: Georgia, serif; font-size: 54px; line-height: 1; }
.smh2 .smh2-example-quote blockquote { margin: 12px 0 0; color: #463b49; font-size: 17px; font-weight: 500; line-height: 1.75; }
.smh2 .smh2-example-label { margin: 16px 0 0; color: #84788a; font-size: 12px; line-height: 1.5; }
.smh2 .smh2-example-points { display: flex; flex-direction: column; justify-content: center; gap: 20px; padding: 30px; border-left: 1px solid #e9e3eb; background: #fff; }
.smh2 .smh2-example-points > div { position: relative; padding-left: 38px; }
.smh2 .smh2-point-icon { position: absolute; top: 0; left: 0; display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; font-size: 14px; font-weight: 700; }
.smh2 .smh2-point-good { background: #e3f1eb; color: #237657; }
.smh2 .smh2-point-watch { background: #f8efe0; color: #9a6a22; }
.smh2 .smh2-point-try { background: #eee7f1; color: #78537c; }
.smh2 .smh2-example-points h3 { margin: 1px 0 4px; color: var(--smh2-ink); font-size: 14px; font-weight: 650; line-height: 1.5; }
.smh2 .smh2-example-points p { margin: 0; color: var(--smh2-muted); font-size: 13px; line-height: 1.6; }
.smh2 .smh2-method { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr); align-items: center; gap: 48px; padding: 34px 36px; border-radius: 22px; background: #f8f6f9; }
.smh2 .smh2-method .smh2-heading { margin-bottom: 17px; }
.smh2 .smh2-method-copy > p { max-width: 730px; margin: 0 0 12px; color: var(--smh2-muted); font-size: 14px; line-height: 1.8; }
.smh2 .smh2-not-diagnosis { display: flex; align-items: flex-start; gap: 14px; padding: 21px; border: 1px solid #e3d9e7; border-radius: 16px; background: #fff; }
.smh2 .smh2-not-diagnosis-icon { display: grid; flex: 0 0 28px; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #eee7f1; color: #78537c; font-family: Georgia, serif; font-size: 17px; font-weight: 700; }
.smh2 .smh2-not-diagnosis h3 { margin: 0 0 6px; color: var(--smh2-ink); font-size: 14px; line-height: 1.5; }
.smh2 .smh2-not-diagnosis p { margin: 0; color: var(--smh2-muted); font-size: 13px; line-height: 1.7; }
.smh2 .smh2-faq-list { border-top: 1px solid var(--smh2-line); }
.smh2 .smh2-faq-item { border-bottom: 1px solid var(--smh2-line); }
.smh2 .smh2-faq-item summary { position: relative; display: block; padding: 19px 45px 19px 0; color: var(--smh2-ink); cursor: pointer; font-size: 15px; font-weight: 620; line-height: 1.55; list-style: none; }
.smh2 .smh2-faq-item summary::-webkit-details-marker { display: none; }
.smh2 .smh2-faq-item summary::after { content: '+'; position: absolute; top: 50%; right: 5px; color: #78537c; font-size: 24px; font-weight: 400; line-height: 1; transform: translateY(-50%); }
.smh2 .smh2-faq-item[open] summary::after { content: '−'; }
.smh2 .smh2-faq-item summary:focus-visible { outline: 3px solid #0f766e; outline-offset: 2px; }
.smh2 .smh2-faq-answer { max-width: 880px; padding: 0 36px 18px 0; color: var(--smh2-muted); font-size: 14px; line-height: 1.75; }
.smh2 .smh2-faq-answer p { margin: 0 0 9px; }
.smh2 .smh2-faq-answer p:last-child { margin-bottom: 0; }
.smh2 .smh2-faq-answer a { color: #0f766e; text-underline-offset: 3px; }
.smh2 .smh2-cta { padding: 0 0 70px; }
.smh2 .smh2-cta-panel { padding: 36px 38px 28px; border-radius: 26px; background: #3d2a42; color: #fff; }
.smh2 .smh2-cta-panel > .smh2-eyebrow { margin-bottom: 17px; color: #d6bfdf; font-size: 10px; }
.smh2 .smh2-cta-panel > .smh2-eyebrow::before { background: #b9dcca; }
.smh2 .smh2-cta-main { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.smh2 .smh2-cta-copy { max-width: 770px; }
.smh2 .smh2-cta-copy h2 { margin: 0 0 12px; color: #fff; font-size: clamp(26px, 2.8vw, 36px); font-weight: 650; letter-spacing: -.035em; line-height: 1.2; text-wrap: balance; }
.smh2 .smh2-cta-copy p { margin: 0; color: #e0d3e5; font-size: 15px; line-height: 1.75; }
.smh2 .smh2-cta-button { display: inline-flex; flex: 0 0 auto; min-width: 150px; min-height: 52px; align-items: center; justify-content: center; gap: 12px; padding: 13px 21px; border: 0; border-radius: 12px; background: #d0e8dc; color: #254137; cursor: pointer; font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1.35; text-decoration: none; transition: background-color .18s, transform .18s; }
.smh2 .smh2-cta-button:hover { background: #e5f3ec; transform: translateY(-1px); }
.smh2 .smh2-benefits { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 28px 0 0; padding: 24px 0 0; border-top: 1px solid #ffffff24; list-style: none; }
.smh2 .smh2-benefits li { position: relative; min-width: 0; padding-left: 32px; }
.smh2 .smh2-benefit-symbol { position: absolute; top: 0; left: 0; color: #bfe4d7; font-size: 19px; line-height: 1.2; }
.smh2 .smh2-benefits h3 { margin: 0 0 6px; color: #f1eaf4; font-size: 14px; font-weight: 600; line-height: 1.5; }
.smh2 .smh2-benefits p { margin: 0; color: #c6b9cd; font-size: 13px; line-height: 1.7; }
.smh2 .smh2-cta-note { margin: 22px 0 0; color: #d5c9d9; font-size: 12px; line-height: 1.6; text-align: center; }
.smh2 .smh2-cta-note span { padding: 0 6px; color: #b9dcca; }
.smh2 .smh2-cta-button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.smh2 .smh2-actions a:focus-visible { outline-offset: 3px; }
@media(max-width:850px) {
  .smh2 .smh2-steps { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .smh2 .smh2-step { display: grid; grid-template-columns: 42px minmax(0, 1fr); column-gap: 13px; padding: 18px; }
  .smh2 .smh2-step-number { grid-row: span 2; margin: 1px 0 0; }
  .smh2 .smh2-step h3 { align-self: center; margin-bottom: 5px; }
  .smh2 .smh2-step p { grid-column: 2; }
  .smh2 .smh2-example-card { grid-template-columns: minmax(0, 1fr); }
  .smh2 .smh2-example-points { border-top: 1px solid #e9e3eb; border-left: 0; }
  .smh2 .smh2-method { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .smh2 .smh2-cta-main { align-items: flex-start; flex-direction: column; gap: 22px; }
}
@media(max-width:599px) {
  .smh2 .smh2-hero-benefit { font-size: 15px; line-height: 1.65; }
  .smh2 .smh2-map-image { border-radius: 14px; }
  .smh2 .smh2-topic-grid { grid-template-columns: minmax(0, 1fr); }
  .smh2 .smh2-topic { min-height: 0; }
  .smh2 .smh2-section { margin-bottom: 46px; }
  .smh2 .smh2-heading { margin-bottom: 20px; }
  .smh2 .smh2-time-note { justify-content: flex-start; font-size: 12px; }
  .smh2 .smh2-example-quote { padding: 24px 21px; }
  .smh2 .smh2-example-quote blockquote { font-size: 15px; }
  .smh2 .smh2-example-points { gap: 18px; padding: 23px 20px; }
  .smh2 .smh2-method { padding: 24px 20px; border-radius: 19px; }
  .smh2 .smh2-faq-item summary { padding-top: 17px; padding-bottom: 17px; font-size: 14px; }
  .smh2 .smh2-faq-answer { padding-right: 12px; font-size: 13px; }
  .smh2 .smh2-cta { padding-bottom: 45px; }
  .smh2 .smh2-cta-panel { padding: 25px 20px 23px; border-radius: 20px; }
  .smh2 .smh2-cta-button { width: 100%; }
  .smh2 .smh2-benefits { grid-template-columns: minmax(0, 1fr); gap: 19px; margin-top: 23px; padding-top: 22px; }
  .smh2 .smh2-cta-note { text-align: left; }
}
@media(prefers-reduced-motion:reduce) {
  .smh2 .smh2-topic, .smh2 .smh2-topic-arrow, .smh2 .smh2-cta-button { transition: none; }
}

.smh2-dialog { --smh2-ink: #302333; --smh2-muted: #6b6270; width: min(780px, calc(100% - 28px)); max-width: 780px; max-height: min(90vh, 820px); padding: 0; overflow: hidden; border: 1px solid #e7dfe9; border-radius: 24px; background: #fff; color: var(--smh2-ink); font-family: inherit; box-shadow: 0 24px 90px #21132640; }
.smh2-dialog[open] { display: flex; flex-direction: column; }
.smh2-dialog::backdrop { background: #241d2c99; backdrop-filter: blur(3px); }
.smh2-dialog-header { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 16px; min-height: 72px; padding: 15px clamp(22px, 4vw, 38px); border-bottom: 1px solid #e4ece9; background: #f4f8f7; }
.smh2-dialog-kicker { margin: 0; color: #31685f; font-size: 15px; font-weight: 700; line-height: 1.45; }
.smh2-dialog-frame { position: relative; flex: 1 1 auto; min-height: 0; max-height: calc(90vh - 72px); padding: 30px clamp(22px, 5vw, 42px) 34px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
.smh2-dialog-frame::-webkit-scrollbar { display: none; width: 0; height: 0; }
.smh2-dialog-close { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; padding: 0; border: 0; border-radius: 7px; background: transparent; color: #667976; cursor: pointer; font-size: 27px; line-height: 1; }
.smh2-dialog-close:hover { background: #e7efed; color: #264e47; }
.smh2-modal-step[hidden] { display: none !important; }
.smh2-modal-step h2 { max-width: none; margin: 0; color: var(--smh2-ink); font-size: clamp(25px, 4vw, 34px); font-weight: 650; letter-spacing: -.035em; line-height: 1.2; }
#smh2-modal-step-3 > h2 { margin-bottom: 20px; }
.smh2-modal-lead { margin: 13px 0 20px; color: var(--smh2-muted); font-size: 14px; line-height: 1.75; }
.smh2-modal-lead-last { margin-top: 0; margin-bottom: 0; }
.smh2-modal-areas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.smh2-modal-area { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 11px; align-items: start; min-height: 88px; padding: 14px 15px; border: 1px solid #e0ebe6; border-radius: 14px; background: #f7faf8; color: #244a42; }
.smh2-modal-area-check { display: grid; width: 21px; height: 21px; place-items: center; margin-top: 1px; border-radius: 50%; background: #e3f1eb; color: #237657; font-size: 12px; font-weight: 700; }
.smh2-modal-area-copy { display: grid; gap: 5px; }
.smh2-modal-area-copy strong { color: #254c43; font-size: 14px; font-weight: 700; line-height: 1.35; }
.smh2-modal-area-copy > span { color: #586d72; font-size: 12px; line-height: 1.5; }
.smh2-modal-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 25px; }
.smh2-modal-actions-column { align-items: stretch; flex-direction: column; gap: 15px; }
.smh2-modal-actions-end { justify-content: flex-end; }
.smh2-modal-actions-between { align-items: center; }
.smh2-modal-text-button { color: #0f766e; font: inherit; font-size: 13px; line-height: 1.5; text-align: left; text-decoration: underline; text-underline-offset: 3px; }
.smh2-modal-text-button { padding: 0; border: 0; background: transparent; cursor: pointer; }
.smh2-modal-actions-column > .smh2-modal-text-button { align-self: flex-start; }
.smh2-modal-primary { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 9px; padding: 12px 20px; border: 0; border-radius: 12px; background: #0f766e; color: #fff; cursor: pointer; font: inherit; font-size: 14px; font-weight: 700; line-height: 1.35; text-decoration: none; transition: background-color .16s ease, transform .16s ease; }
.smh2-modal-primary-wide { width: 100%; min-height: 60px; border-radius: 12px; font-size: 17px; }
.smh2-modal-primary:hover { background: #0b625b; transform: translateY(-1px); }
.smh2-modal-primary:focus-visible, .smh2-dialog-close:focus-visible, .smh2-modal-text-button:focus-visible, .smh2 .smh2-actions .btn:focus-visible { outline: 3px solid #0f766e; outline-offset: 3px; }
.smh2-payment-info { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 12px; align-items: start; margin: 0; padding: 15px 16px; border: 1px solid #d9e9e6; border-radius: 13px; background: #eff7f6; }
.smh2-payment-info-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: #dcefed; font-size: 18px; }
.smh2-payment-info strong { display: block; margin: 0 0 3px; color: #483149; font-size: 14px; line-height: 1.4; }
.smh2-payment-info p { margin: 0; color: var(--smh2-muted); font-size: 12px; line-height: 1.55; }
.smh2-order-form { display: grid; gap: 10px; }
.smh2-order-form > label:not(.smh2-terms-check) { color: var(--smh2-ink); font-size: 13px; font-weight: 650; }
.smh2-order-form > input[type="email"], .smh2-order-form > input[type="text"] { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid #dcd3df; border-radius: 10px; background: #fff; color: var(--smh2-ink); font: inherit; font-size: 15px; }
.smh2-order-form > input[type="email"]:focus, .smh2-order-form > input[type="text"]:focus { border-color: #0f766e; outline: 3px solid #0f766e28; }
.smh2-email-note { margin: -5px 0 0; color: var(--smh2-muted); font-size: 11px; line-height: 1.5; }
.smh2-privacy-note { margin: 0; color: var(--smh2-muted); font-size: 11px; line-height: 1.6; }
.smh2-privacy-note a { color: #0f766e; text-underline-offset: 2px; }
.smh2-terms-check { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 10px; align-items: start; margin: 7px 0 5px; color: var(--smh2-muted); font-size: 12px; line-height: 1.6; }
.smh2-terms-check input { width: 17px; height: 17px; margin: 2px 0 0; accent-color: #0f766e; }
.smh2-terms-check a { color: #0f766e; text-underline-offset: 2px; }
.smh2-modal-primary.smh2-submit { width: 100%; min-height: 52px; }
.smh2-result-note { margin: 0; color: var(--smh2-muted); font-size: 11px; line-height: 1.5; text-align: center; }
.smh2-payment-options-label { margin: 0; color: #655a69; font-size: 11px; line-height: 1.4; text-align: center; }
.smh2-payment-logos { display: block; width: min(100%, 300px); height: auto; margin: 0 auto; object-fit: contain; }
.smh2-checkout-status { min-height: 0; margin: 0; color: #a43a32; font-size: 13px; line-height: 1.5; }
.smh2-checkout-status:not(:empty) { padding: 10px 12px; border-radius: 9px; background: #fff2f0; }
.smh2-honeypot { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.smh2-modal-actions-back { justify-content: flex-start; margin-top: 16px; }
@media(max-width:599px) {
  .smh2-dialog { width: calc(100% - 20px); max-height: 92vh; border-radius: 19px; }
  .smh2-dialog-header { min-height: 62px; gap: 10px; padding: 11px 17px; }
  .smh2-dialog-kicker { font-size: 13px; }
  .smh2-dialog-frame { max-height: calc(92vh - 62px); padding: 24px 20px 24px; }
  .smh2-modal-step h2 { font-size: 25px; }
  .smh2-modal-areas { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .smh2-modal-area { min-height: 0; padding: 12px 13px; }
  .smh2-modal-actions { align-items: stretch; flex-direction: column-reverse; }
  .smh2-modal-actions-column { flex-direction: column; }
  .smh2-modal-actions-between { flex-direction: column-reverse; }
  .smh2-modal-primary { width: 100%; }
  .smh2-modal-actions-back { align-items: flex-start; flex-direction: row; }
  .smh2-modal-text-button { text-align: left; }
  .smh2-payment-info { padding: 13px; }
}
@media(prefers-reduced-motion:reduce) {
  .smh2-modal-primary { transition: none; }
}