/* Verant Studio — shared Mini product system
   Mini rozbor = diagnostic entry. Mini směr = decision entry. */

.mini-product-page {
  --mini-ink:#4b2f21;
  --mini-muted:#76645a;
  --mini-accent:#f17735;
  --mini-surface:#fffaf7;
  --mini-soft:#f5ece7;
  --mini-line:rgba(117,73,34,.12);
  --mini-shadow:0 22px 56px rgba(63,35,11,.07);
  background:#ede5e3;
}

.mini-product-page main {
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:clip;
}

/* ---------- Shared hero language ---------- */
.mini-product-page .mini-review-hero-hero,
.mini-product-page .mini-direction-hero-hero {
  width:min(1440px,100%);
  max-width:none;
  margin:0 auto;
  padding:clamp(112px,11vw,150px) 24px clamp(42px,6vw,68px);
  border:1px solid var(--mini-line);
  border-top:0;
  border-radius:0 0 clamp(40px,6vw,76px) clamp(40px,6vw,76px);
  box-shadow:0 30px 76px rgba(63,35,11,.08);
}

.mini-product-page--review .mini-review-hero-hero {
  background:
    radial-gradient(circle at 88% 14%,rgba(241,119,53,.14),transparent 29%),
    radial-gradient(circle at 8% 90%,rgba(117,73,34,.07),transparent 28%),
    linear-gradient(145deg,#eaded8 0%,#f5ece8 52%,#e3d7d1 100%);
}

.mini-product-page--direction .mini-direction-hero-hero {
  background:
    radial-gradient(circle at 88% 13%,rgba(241,119,53,.16),transparent 31%),
    radial-gradient(circle at 12% 90%,rgba(203,120,74,.08),transparent 30%),
    linear-gradient(145deg,#f2dfd4 0%,#fbf2ed 52%,#eaded9 100%);
}

.mini-product-page .mini-review-hero,
.mini-product-page .mini-direction-hero {
  width:min(1180px,100%);
  max-width:none;
  margin:0 auto;
  gap:clamp(30px,5vw,72px);
}

.mini-product-page .mini-review-hero__copy,
.mini-product-page .mini-review-hero__visual,
.mini-product-page .mini-direction-hero__copy,
.mini-product-page .mini-direction-hero__visual {
  min-width:0;
}

.mini-product-page .mini-review-hero__copy h1,
.mini-product-page .mini-direction-hero__copy h1 {
  max-width:880px;
  margin:12px 0 24px;
  color:var(--mini-ink);
  font-family:"DM Serif Display",serif;
  font-weight:400;
  font-size:clamp(2.65rem,5.5vw,5.35rem);
  line-height:.99;
  letter-spacing:-.035em;
}

.mini-product-page .mini-review-lead,
.mini-product-page .mini-direction-lead {
  max-width:760px;
  color:#69584e;
  font-size:clamp(1.08rem,1.8vw,1.32rem);
  line-height:1.62;
}

.mini-product-page .mini-review-eyebrow,
.mini-product-page .mini-direction-eyebrow {
  border-color:rgba(117,73,34,.12);
  background:rgba(255,250,247,.72);
  color:#8d4d2d;
  box-shadow:0 10px 26px rgba(63,35,11,.035);
}

.mini-product-page .mini-review-hero__chips span,
.mini-product-page .mini-direction-hero__chips span {
  border-color:rgba(117,73,34,.12);
  background:rgba(255,250,247,.72);
  color:#675349;
  box-shadow:0 8px 18px rgba(63,35,11,.03);
}

.mini-product-page .mini-review-hero__actions,
.mini-product-page .mini-direction-hero__actions {
  margin-top:32px;
  margin-left:0;
}

.mini-product-page .vyvoj-kontakt-tlacitko {
  border-radius:18px;
  box-shadow:0 14px 30px rgba(241,119,53,.18);
}

.mini-product-page .mini-review-text-link,
.mini-product-page .mini-direction-text-link {
  color:#654738;
  border-color:rgba(117,73,34,.22);
}

/* ---------- Shared browser mockups ---------- */
.mini-product-page .mini-browser {
  width:100%;
  max-width:100%;
  border-color:rgba(117,73,34,.11);
  background:rgba(255,250,247,.63);
  box-shadow:0 28px 64px rgba(63,35,11,.10);
}

.mini-product-page .mini-browser__canvas {
  border-color:rgba(117,73,34,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}

/* ---------- Shared section widths ---------- */
.mini-product-page .mini-review-proof,
.mini-product-page .mini-review-section,
.mini-product-page .mini-review-contact,
.mini-product-page .mini-review-faq,
.mini-product-page .mini-direction-intro,
.mini-product-page .mini-direction-points,
.mini-product-page .mini-direction-benefits,
.mini-product-page .mini-direction-bridge,
.mini-product-page .mini-direction-wizard-section,
.mini-product-page .mini-direction-faq {
  width:min(1120px,calc(100% - 40px));
  max-width:none;
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
  min-width:0;
}

.mini-product-page .mini-review-section,
.mini-product-page .mini-direction-points,
.mini-product-page .mini-direction-benefits,
.mini-product-page .mini-direction-bridge,
.mini-product-page .mini-direction-wizard-section,
.mini-product-page .mini-review-contact,
.mini-product-page .mini-review-faq,
.mini-product-page .mini-direction-faq {
  margin-top:clamp(64px,8vw,96px);
}

.mini-product-page .mini-review-proof,
.mini-product-page .mini-direction-intro {
  margin-top:clamp(38px,6vw,64px);
}

/* ---------- Typography and cards ---------- */
.mini-product-page .mini-review-section__head,
.mini-product-page .mini-direction-section-head {
  max-width:860px;
}

.mini-product-page .mini-review-section__head h2,
.mini-product-page .mini-direction-section-head h2,
.mini-product-page .mini-direction-benefits__copy h2,
.mini-product-page .mini-direction-bridge__inner h2,
.mini-product-page .mini-review-contact__head h2 {
  color:var(--mini-ink);
  font-weight:400;
  line-height:1.03;
  letter-spacing:-.025em;
}

.mini-product-page .mini-review-card h3,
.mini-product-page .mini-review-list-card h3,
.mini-product-page .mini-review-step h3,
.mini-product-page .mini-direction-card h3 {
  margin:0 0 14px;
  padding:0;
  color:var(--mini-ink);
  font-weight:400;
  line-height:1.12;
}

.mini-product-page .mini-review-proof__grid article,
.mini-product-page .mini-review-card,
.mini-product-page .mini-review-list-card,
.mini-product-page .mini-review-step,
.mini-product-page .mini-direction-intro__inner,
.mini-product-page .mini-direction-card,
.mini-product-page .direction-wizard,
.mini-product-page .mini-review-contact__box,
.mini-product-page .mini-review-contact__label,
.mini-product-page .faq-item {
  border-color:var(--mini-line);
  background:rgba(255,250,247,.80);
  box-shadow:var(--mini-shadow);
}

.mini-product-page .mini-review-proof__grid article,
.mini-product-page .mini-review-card,
.mini-product-page .mini-review-list-card,
.mini-product-page .mini-review-step,
.mini-product-page .mini-direction-card {
  border-radius:24px;
}

.mini-product-page .mini-review-card p,
.mini-product-page .mini-review-list-card ul,
.mini-product-page .mini-review-step p,
.mini-product-page .mini-direction-card p,
.mini-product-page .mini-direction-intro__inner p,
.mini-product-page .mini-direction-benefits__copy p,
.mini-product-page .mini-direction-benefits__copy li,
.mini-product-page .mini-review-section__head p,
.mini-product-page .mini-review-contact__head p {
  color:#706057;
}

.mini-product-page .mini-review-list-card ul,
.mini-product-page .mini-direction-benefits__copy ul {
  border-left:0!important;
}

/* ---------- Diagnostic Mini rozbor identity ---------- */
.mini-product-page--review .mini-review-proof__grid article:first-child,
.mini-product-page--review .mini-review-card:nth-child(2) {
  background:linear-gradient(145deg,rgba(255,250,247,.92),rgba(246,236,230,.88));
}

.mini-product-page--review .mini-review-bridge {
  border:1px solid rgba(255,244,236,.10);
  background:
    radial-gradient(circle at 88% 12%,rgba(241,119,53,.14),transparent 32%),
    linear-gradient(145deg,#735244 0%,#614438 55%,#4b342c 100%);
  box-shadow:0 26px 66px rgba(63,35,11,.13);
}

/* ---------- Mini směr identity ---------- */
.mini-product-page--direction .mini-direction-benefits__panel {
  background:
    radial-gradient(circle at 88% 12%,rgba(241,119,53,.13),transparent 34%),
    linear-gradient(145deg,#735244 0%,#614438 55%,#4b342c 100%);
  border:1px solid rgba(255,244,236,.10);
  box-shadow:0 26px 62px rgba(63,35,11,.12);
}

.mini-product-page--direction .mini-callout {
  background:linear-gradient(145deg,#735244 0%,#5d4137 100%);
  border:1px solid rgba(255,244,236,.08);
}

.mini-product-page--direction .mini-direction-bridge__inner {
  border-color:var(--mini-line);
  background:linear-gradient(145deg,rgba(255,250,247,.94),rgba(247,235,228,.90));
  box-shadow:var(--mini-shadow);
}

/* ---------- Forms ---------- */
.mini-product-page .direction-wizard,
.mini-product-page .modern-form-shell {
  border-radius:28px;
}

.mini-product-page .direction-choice-grid label > span,
.mini-product-page .modern-form__field input,
.mini-product-page .modern-form__field textarea {
  border-color:rgba(117,73,34,.14);
}

.mini-product-page .direction-choice-grid label:hover > span,
.mini-product-page .direction-choice-grid input:checked + span,
.mini-product-page .modern-form__field input:focus,
.mini-product-page .modern-form__field textarea:focus {
  border-color:rgba(241,119,53,.48);
  box-shadow:0 0 0 4px rgba(241,119,53,.08);
}

/* ---------- Footer ---------- */
.mini-product-page footer {
  margin-top:72px;
  padding:28px 20px 34px;
  border-top:1px solid rgba(117,73,34,.08);
  color:#7b695f;
  text-align:center;
}

/* ---------- Desktop hover polish ---------- */
@media (hover:hover) and (pointer:fine) {
  .mini-product-page .mini-review-proof__grid article,
  .mini-product-page .mini-review-card,
  .mini-product-page .mini-review-list-card,
  .mini-product-page .mini-review-step,
  .mini-product-page .mini-direction-card {
    transition:transform 220ms ease,box-shadow 220ms ease,border-color 220ms ease;
  }
  .mini-product-page .mini-review-proof__grid article:hover,
  .mini-product-page .mini-review-card:hover,
  .mini-product-page .mini-review-list-card:hover,
  .mini-product-page .mini-review-step:hover,
  .mini-product-page .mini-direction-card:hover {
    transform:translateY(-3px);
    border-color:rgba(241,119,53,.18);
    box-shadow:0 26px 58px rgba(63,35,11,.08);
  }
}

/* ---------- Tablet ---------- */
@media (max-width:900px) {
  .mini-product-page .mini-review-hero,
  .mini-product-page .mini-direction-hero,
  .mini-product-page .mini-direction-benefits__inner {
    grid-template-columns:minmax(0,1fr);
  }

  .mini-product-page .mini-review-hero__visual,
  .mini-product-page .mini-direction-hero__visual {
    width:100%;
    max-width:760px;
  }

  .mini-product-page .mini-review-proof__grid,
  .mini-product-page .mini-review-cards--3,
  .mini-product-page .mini-review-steps,
  .mini-product-page .mini-direction-grid {
    grid-template-columns:minmax(0,1fr);
  }

  .mini-product-page .mini-review-cards--2 {
    grid-template-columns:minmax(0,1fr);
  }
}

/* ---------- Mobile ---------- */
@media (max-width:700px) {
  .mini-product-page .mini-review-hero-hero,
  .mini-product-page .mini-direction-hero-hero {
    width:100%;
    max-width:100%;
    margin:0;
    padding:94px 14px 34px;
    border-radius:0 0 34px 34px;
  }

  .mini-product-page .mini-review-hero,
  .mini-product-page .mini-direction-hero {
    width:100%;
    max-width:100%;
    margin:0;
    gap:28px;
  }

  .mini-product-page .mini-review-hero__copy h1,
  .mini-product-page .mini-direction-hero__copy h1 {
    width:100%;
    max-width:none;
    font-size:clamp(2.15rem,10.8vw,3rem);
    line-height:1;
  }

  .mini-product-page .mini-review-lead,
  .mini-product-page .mini-direction-lead {
    width:100%;
    max-width:none;
    font-size:1.02rem;
    line-height:1.57;
  }

  .mini-product-page .mini-review-hero__chips,
  .mini-product-page .mini-direction-hero__chips {
    gap:8px;
    margin-top:22px;
  }

  .mini-product-page .mini-review-hero__chips span,
  .mini-product-page .mini-direction-hero__chips span {
    padding:9px 11px;
    font-size:.86rem;
  }

  .mini-product-page .mini-review-hero__actions,
  .mini-product-page .mini-direction-hero__actions {
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:13px;
    margin-top:26px;
  }

  .mini-product-page .mini-review-hero__actions .vyvoj-kontakt-tlacitko,
  .mini-product-page .mini-direction-hero__actions .vyvoj-kontakt-tlacitko {
    width:100%;
    text-align:center;
    font-size:1rem;
    padding:14px 16px;
  }

  .mini-product-page .mini-review-text-link,
  .mini-product-page .mini-direction-text-link {
    width:max-content;
    max-width:100%;
    font-size:.98rem;
  }

  .mini-product-page .mini-browser {
    padding:10px;
    border-radius:23px;
  }

  /* Mini rozbor: turn floating diagnostic labels into a readable mobile stack. */
  .mini-product-page--review .mini-browser__canvas {
    min-height:0;
    padding:16px;
    display:grid;
    gap:11px;
  }
  .mini-product-page--review .mini-browser__hero-block {
    position:relative;
    inset:auto;
    width:100%;
    height:132px;
    margin:0;
  }
  .mini-product-page--review .mini-browser__nav-line,
  .mini-product-page--review .mini-browser__text-line,
  .mini-product-page--review .mini-browser__cta,
  .mini-product-page--review .mini-browser__section,
  .mini-product-page--review .mini-browser__form,
  .mini-product-page--review .mini-browser__path {
    display:none;
  }
  .mini-product-page--review .mini-hotspot,
  .mini-product-page--review .mini-hotspot--hero,
  .mini-product-page--review .mini-hotspot--cta,
  .mini-product-page--review .mini-hotspot--form {
    position:static;
    width:100%;
    display:grid;
    grid-template-columns:32px minmax(0,1fr);
    gap:9px;
    align-items:center;
    font-size:.9rem;
  }
  .mini-product-page--review .mini-hotspot__dot {
    width:11px;
    height:11px;
    margin-left:8px;
  }
  .mini-product-page--review .mini-hotspot__label {
    width:100%;
    min-width:0;
    padding:11px 13px;
    border-radius:14px;
  }

  /* Mini směr: shared final mobile hardening; supersedes legacy widths. */
  .mini-product-page--direction .mini-browser__canvas--direction {
    min-height:0;
    padding:15px;
    display:grid;
    gap:11px;
  }
  .mini-product-page--direction .mini-browser__block { display:none; }
  .mini-product-page--direction .mini-callout,
  .mini-product-page--direction .mini-callout--one,
  .mini-product-page--direction .mini-callout--two,
  .mini-product-page--direction .mini-callout--three {
    position:static;
    width:100%;
    max-width:100%;
    margin:0;
    grid-template-columns:40px minmax(0,1fr);
    gap:10px;
    padding:12px 13px;
    border-radius:16px;
  }

  .mini-product-page .mini-review-proof,
  .mini-product-page .mini-review-section,
  .mini-product-page .mini-review-contact,
  .mini-product-page .mini-review-faq,
  .mini-product-page .mini-direction-intro,
  .mini-product-page .mini-direction-points,
  .mini-product-page .mini-direction-benefits,
  .mini-product-page .mini-direction-bridge,
  .mini-product-page .mini-direction-wizard-section,
  .mini-product-page .mini-direction-faq {
    width:calc(100% - 24px);
    max-width:none;
    padding-left:0;
    padding-right:0;
  }

  .mini-product-page .mini-review-proof__grid article,
  .mini-product-page .mini-review-card,
  .mini-product-page .mini-review-list-card,
  .mini-product-page .mini-review-step,
  .mini-product-page .mini-direction-intro__inner,
  .mini-product-page .mini-direction-card {
    padding:22px 19px;
    border-radius:21px;
  }

  .mini-product-page .mini-review-section__head,
  .mini-product-page .mini-direction-section-head,
  .mini-product-page .mini-direction-benefits__copy {
    width:100%;
    max-width:100%;
  }

  .mini-product-page .mini-review-section__head h2,
  .mini-product-page .mini-direction-section-head h2,
  .mini-product-page .mini-direction-benefits__copy h2,
  .mini-product-page .mini-review-contact__head h2 {
    font-size:clamp(2rem,9.2vw,2.7rem);
    line-height:1.02;
  }

  .mini-product-page .mini-review-section__head p,
  .mini-product-page .mini-direction-section-head p,
  .mini-product-page .mini-direction-benefits__copy p,
  .mini-product-page .mini-review-contact__head p {
    font-size:1rem;
    line-height:1.62;
  }

  .mini-product-page .direction-wizard {
    width:100%;
    max-width:100%;
    padding:15px;
    border-radius:22px;
    overflow:hidden;
  }

  .mini-product-page .direction-choice-grid,
  .mini-product-page .direction-wizard__contact-grid,
  .mini-product-page .mini-review-contact__grid,
  .mini-product-page .mini-review-form__split {
    grid-template-columns:minmax(0,1fr);
    width:100%;
    max-width:100%;
  }

  .mini-product-page .direction-wizard__step,
  .mini-product-page .direction-wizard__step legend,
  .mini-product-page .modern-form__field,
  .mini-product-page .modern-form__field input,
  .mini-product-page .modern-form__field textarea {
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .mini-product-page .mini-review-bridge {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:20px;
    padding:24px 20px;
    border-radius:24px;
  }

  .mini-product-page .mini-review-bridge .vyvoj-kontakt-tlacitko {
    width:100%;
    text-align:center;
    font-size:1rem;
  }

  .mini-product-page .mini-direction-benefits__panel,
  .mini-product-page .mini-direction-bridge__inner {
    padding:24px 20px;
    border-radius:23px;
  }

  .mini-product-page footer {
    margin-top:56px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .mini-product-page *,
  .mini-product-page *::before,
  .mini-product-page *::after {
    scroll-behavior:auto!important;
  }
}