/* Sekce „Kam s námi můžete vyrazit“ — vzhled převzatý z nové verze (vyvoj …/25zmn5xvwj2nkeOF0/01/).
   Všechny třídy mají prefix t2-, aby se nepletly se zbytkem webu. */
@import url('fonts/trips-fonts.css');

.t2{
  --t2-primary:#3E5641;--t2-secondary:#E18A22;--t2-bg:#FBF9F5;--t2-bg-alt:#F1ECE3;--t2-text:#2A2E2A;--t2-muted:#6E7268;
  --t2-line:rgba(42,46,42,.10);--t2-head:'Cormorant Garamond',Georgia,serif;--t2-body:'Outfit',system-ui,sans-serif;
  --t2-radius:14px;--t2-radius-lg:26px;--t2-shadow:0 6px 30px rgba(46,62,48,.08);--t2-shadow-lg:0 22px 60px rgba(46,62,48,.16);
  --t2-tr:.35s cubic-bezier(.4,0,.2,1);
  padding:6.5rem 0;background:var(--t2-bg);color:var(--t2-text);font-family:var(--t2-body);line-height:1.7;position:relative
}
.t2 h2,.t2 h3{font-family:var(--t2-head);font-weight:600;line-height:1.12;letter-spacing:-.01em;color:var(--t2-text)}
.t2 h2{font-size:clamp(2rem,4.6vw,3.4rem)}
.t2 h3{font-size:clamp(1.35rem,2.6vw,1.85rem)}
.t2 p{font-weight:300;color:inherit}
.t2 ul{list-style:none;margin:0;padding:0}
.t2 svg{flex-shrink:0}
.t2 a{text-decoration:none;color:inherit}

.t2-label{display:inline-block;font-family:var(--t2-body);font-size:.72rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--t2-secondary);margin-bottom:1.1rem}
.t2-head{max-width:680px;margin-bottom:3.5rem}
.t2-head h2{margin-bottom:1rem}
.t2-intro{color:var(--t2-muted)!important;font-size:1.08rem;line-height:1.7}

.t2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.t2-card{background:#fff;border-radius:var(--t2-radius-lg);overflow:hidden;box-shadow:var(--t2-shadow);display:flex;flex-direction:column;transition:transform var(--t2-tr),box-shadow var(--t2-tr)}
.t2-card:hover{transform:translateY(-8px);box-shadow:var(--t2-shadow-lg)}
.t2-img{position:relative;aspect-ratio:16/11;overflow:hidden;display:block}
.t2-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.t2-card:hover .t2-img img{transform:scale(1.07)}
.t2-badge{position:absolute;top:1rem;left:1rem;background:rgba(62,86,65,.92);color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .9rem;border-radius:100px;backdrop-filter:blur(4px);line-height:1.7}
.t2-badge.alt{background:rgba(225,138,34,.94)}
.t2-flag{position:absolute;top:1rem;right:1rem;background:#fff;color:var(--t2-text);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .9rem;border-radius:100px;line-height:1.7}
.t2-flag.few{background:var(--t2-secondary);color:#fff}
.t2-body{padding:1.6rem 1.6rem 1.8rem;display:flex;flex-direction:column;flex:1}
.t2-body h3{margin-bottom:1rem;line-height:1.2}
.t2-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem!important}
.t2-meta li{display:flex;align-items:center;gap:.55rem;font-size:.9rem;color:var(--t2-muted)}
.t2-price{font-size:.92rem;color:var(--t2-muted)!important;margin-bottom:1.3rem;padding-top:1rem;border-top:1px solid var(--t2-line)}
.t2-price strong{font-family:var(--t2-head);font-size:1.5rem;color:var(--t2-text);font-weight:600;display:block;margin-top:.15rem;line-height:1.35}
.t2-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:1rem}
.t2-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--t2-primary)!important;transition:gap var(--t2-tr),color var(--t2-tr)}
.t2-link:hover{color:var(--t2-secondary)!important;gap:.65rem}
.t2-mini{padding:.5rem 1.15rem;background:var(--t2-secondary);color:#fff!important;border-radius:100px;font-size:.78rem;font-weight:600;letter-spacing:.04em;transition:all var(--t2-tr);line-height:1.7}
.t2-mini:hover{background:var(--t2-primary);transform:translateY(-2px)}
.t2-card.is-full .t2-mini{background:#c9ccc6;pointer-events:none}
.t2-note{display:flex;align-items:flex-start;gap:.7rem;margin-top:2.6rem;font-size:.92rem;color:var(--t2-muted)!important;background:var(--t2-bg-alt);padding:1.1rem 1.4rem;border-radius:var(--t2-radius);border-left:3px solid var(--t2-secondary)}
.t2-note a{color:var(--t2-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* Postupné objevení při scrollu (jen když běží JS) */
.js .t2-anim{opacity:0;transform:translateY(35px);transition:opacity .7s ease,transform .7s ease}
.js .t2-anim.visible{opacity:1;transform:translateY(0)}
.t2-stagger>*:nth-child(1){transition-delay:0s}.t2-stagger>*:nth-child(2){transition-delay:.08s}.t2-stagger>*:nth-child(3){transition-delay:.16s}
.t2-stagger>*:nth-child(4){transition-delay:.24s}.t2-stagger>*:nth-child(5){transition-delay:.32s}.t2-stagger>*:nth-child(6){transition-delay:.4s}
@media(prefers-reduced-motion:reduce){.js .t2-anim{opacity:1;transform:none;transition:none}.t2-card,.t2-img img{transition:none}}

.inner-page .t2{padding:4.5rem 0}
@media(max-width:1024px){.t2-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.t2-grid{grid-template-columns:1fr}.t2{padding:4.5rem 0}}

/* Malá PDF příloha, poznámka k ceně, proběhlé cesty, tlačítko Starší cesty */
.t2-links{display:inline-flex;align-items:center;gap:.7rem}
.t2-pdf{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem .2rem .35rem;border:1px solid var(--t2-line);border-radius:6px;font-size:.66rem;font-weight:700;letter-spacing:.06em;color:#b4441f!important;line-height:1.4;transition:background var(--t2-tr),border-color var(--t2-tr)}
.t2-pdf svg{width:15px;height:15px}
.t2-pdf:hover{background:#fdf1ea;border-color:#e9b9a2}
.t2-price-note{display:block;font-size:.78rem;margin-top:.1rem;color:var(--t2-muted)}
.t2-card.is-past .t2-img img{filter:saturate(.75)}
.t2-card.is-past .t2-badge{background:rgba(42,46,42,.72)}
.t2-mini.ghost{background:transparent;color:var(--t2-primary)!important;border:1px solid rgba(62,86,65,.35)}
.t2-mini.ghost:hover{background:var(--t2-primary);color:#fff!important}
.t2-more{display:flex;justify-content:center;margin-top:2.4rem}
.t2-more-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.8rem;border:1px solid rgba(62,86,65,.35);border-radius:100px;background:#fff;color:var(--t2-primary);font-family:var(--t2-body);font-size:.9rem;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:all var(--t2-tr)}
.t2-more-btn:hover{background:var(--t2-primary);color:#fff;border-color:var(--t2-primary)}
.t2-more-btn svg{width:18px;height:18px}