/* ==========================================================================
   Pits — tours.css (μόνο σελίδα Our Tours). Χάρτης Leaflet + λίστα (Οκτ 2026).
   ========================================================================== */
.tm-wrap{width:calc(100% - 2*var(--edge));margin-inline:auto}

/* Head */
.tm-head{padding:clamp(28px,4vw,48px) 0 clamp(20px,3vw,32px)}
.tm-head .breadcrumbs{margin:0 0 14px;font-size:14px;color:#5f6b76}
.tm-head .breadcrumbs a{color:#5f6b76;text-decoration:underline;text-underline-offset:3px}
.tm-head__row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 48px}
.tm-head h1{margin:0;font:800 clamp(40px,5.4vw,76px)/1.02 var(--f-head);letter-spacing:-.04em;color:var(--c-primary);text-wrap:balance}
.tm-head__row p{margin:0;max-width:46ch;font-size:17px}

/* Split */
.tm-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,3vw,48px);align-items:start;padding-bottom:clamp(64px,8vw,110px)}
@media (max-width:1000px){.tm-split{grid-template-columns:1fr}}

/* Map */
.tm-map{position:sticky;top:calc(var(--adm,0px) + var(--header-h) + 20px);padding:10px;border-radius:28px;background:#fff;box-shadow:0 30px 60px -40px rgb(17 61 72 / .5)}
@media (max-width:1000px){.tm-map{position:relative;top:auto}}
.tm-map__canvas{height:min(calc(100svh - var(--adm,0px) - var(--header-h) - 120px),640px);min-height:340px;border-radius:20px;overflow:hidden;background:#dbeef6;z-index:0}
@media (max-width:1000px){.tm-map__canvas{height:360px}}
.tm-map__cap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;margin:0;padding:14px 10px 6px}
.tm-map__cap b{font:800 19px/1.25 var(--f-head);color:var(--c-primary)}
.tm-map__cap span{font-size:14px;color:#5f6b76}

/* List */
.tm-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.tm-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--pill);border:1px solid #d6e2e8;background:#fff;color:var(--c-primary);font:500 14px/1 var(--f-body);transition:background .25s,color .25s,border-color .25s}
.tm-chip__ic{width:34px;height:14px;flex:none;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.tm-chip:hover{border-color:var(--c-accent)}
.tm-chip[aria-pressed="true"]{background:var(--c-primary);border-color:var(--c-primary);color:#fff}
.tm-rows{display:grid;gap:12px}
.tm-row{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:18px;align-items:center;padding:12px;border-radius:22px;background:#fff;border:1px solid #d6e2e8;color:inherit;transition:border-color .3s,box-shadow .4s}
.tm-row__img{transition:transform .6s cubic-bezier(.16,1,.3,1)}
.tm-row:hover .tm-row__img,.tm-row.is-on .tm-row__img{transform:scale(1.04)}
.tm-row.is-hidden{display:none}
.tm-row:hover,.tm-row:focus-visible,.tm-row.is-on{color:inherit;border-color:var(--c-accent);box-shadow:0 18px 36px -26px rgb(0 148 217 / .7)}
.tm-row__img{width:120px;height:96px;border-radius:14px;object-fit:cover;background:var(--c-tint)}
.tm-row__body{display:grid;gap:4px;min-width:0}
.tm-row__body small{color:#5f6b76;font-size:13px}
.tm-row__title{margin:0;font:800 19px/1.25 var(--f-head);color:var(--c-primary)}
.tm-row__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.tm-row__tags span{padding:5px 10px;border-radius:50px;background:var(--c-tint);color:var(--c-primary);font:500 12px/1 var(--f-body)}
.tm-row__price{display:grid;justify-items:end;padding-right:8px;text-align:right}
.tm-row__price b{font:800 22px/1 var(--f-head);color:var(--c-primary)}
.tm-row__price small{font-size:12px;color:#5f6b76}
@media (max-width:560px){.tm-row{grid-template-columns:84px minmax(0,1fr)}.tm-row__img{width:84px;height:84px}.tm-row__price{grid-column:2;justify-items:start;text-align:left}}

/* About */
.tm-about{padding:clamp(56px,7vw,96px) 0;border-top:1px solid #d6e2e8}
.tm-about__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px 64px}
@media (max-width:900px){.tm-about__grid{grid-template-columns:1fr}}
.tm-about .script{margin:0 0 10px}
.tm-about h2{margin:0;font:800 clamp(30px,3.4vw,46px)/1.1 var(--f-head);letter-spacing:-.02em;color:var(--c-primary)}
.tm-about__text{display:grid;gap:16px;font-size:18px;line-height:1.75}
.tm-about__text p{margin:0}
@media (prefers-reduced-motion:reduce){.tm-route,.tm-row{transition:none}}