/* Страницы организаций: блок «Подробно» (вкладки и структурированные блоки), 2026-10-17 */
.pt-topline{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:2px 0 14px;color:var(--muted,#8b9bb0);font-size:14px}
.pt-topline .dir-top{margin-left:0}

.ptd{--a:var(--pa,#19baff);--b:var(--pb,#7b6cff);position:relative;margin:0 0 30px;padding:clamp(18px,2.6vw,32px);border-radius:28px;border:1px solid color-mix(in srgb,var(--a) 34%,transparent);background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--b) 18%,transparent),transparent 55%),radial-gradient(ellipse at 0 100%,color-mix(in srgb,var(--a) 14%,transparent),transparent 55%),var(--surface,#101a2b)}
.ptd__head h2{margin:8px 0 18px;font:800 clamp(24px,3.2vw,36px)/1.1 var(--font-display,inherit);letter-spacing:-.03em}
.ptd__tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.ptd--js .ptd__tab{appearance:none;cursor:pointer;flex:none;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:99px;border:1px solid var(--line,#263449);background:transparent;color:var(--ink,#edf3fa);font:700 14px/1 var(--font-display,inherit);transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.ptd__tab span{font-size:17px;line-height:1}
.ptd__tab:hover{transform:translateY(-2px);border-color:var(--a)}
.ptd__tab.is-on{background:linear-gradient(120deg,var(--a),var(--b));border-color:transparent;color:#06101f;box-shadow:0 12px 28px -14px var(--a)}
.ptd__tab:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ptd:not(.ptd--js) .ptd__tabs{display:none}
.ptd__ptitle{margin:6px 0 16px;font:800 20px/1.2 var(--font-display,inherit)}
.ptd:not(.ptd--js) .ptd__panel{margin-bottom:26px}
.ptd--js .ptd__ptitle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ptd--js .ptd__panel{display:none}
.ptd--js .ptd__panel.is-on{display:block}
.ptd__panel.is-anim>*{animation:ptd-in .5s both}
.ptd__panel.is-anim>*:nth-child(2){animation-delay:.06s}.ptd__panel.is-anim>*:nth-child(3){animation-delay:.12s}.ptd__panel.is-anim>*:nth-child(4){animation-delay:.18s}.ptd__panel.is-anim>*:nth-child(5){animation-delay:.24s}

.ptd .ptd-h{margin:22px 0 12px;font:800 17px/1.25 var(--font-display,inherit)}
.ptd .ptd-lead{margin:0 0 18px;max-width:70ch;font-size:16px;line-height:1.65;color:var(--ink,#edf3fa)}
.ptd .ptd-note{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;padding:12px 14px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--a) 45%,transparent);background:color-mix(in srgb,var(--a) 6%,transparent);color:var(--muted,#8b9bb0);font-size:13.5px;line-height:1.55}
.ptd .ptd-note i{font-style:normal}
.ptd-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* фильтры-чипы */
.ptd-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.ptd-chip{appearance:none;cursor:pointer;padding:8px 14px;border-radius:99px;border:1px solid var(--line,#263449);background:transparent;color:var(--ink,#edf3fa);font:700 13px/1 var(--font-display,inherit);transition:border-color .2s,background .2s,transform .2s}
.ptd-chip:hover{border-color:var(--a);transform:translateY(-1px)}
.ptd-chip.is-on{background:var(--a);border-color:var(--a);color:#06101f}
.ptd-tags{display:flex;flex-wrap:wrap;gap:8px}.ptd-tags span{padding:7px 12px;border-radius:99px;background:color-mix(in srgb,var(--ink,#fff) 7%,transparent);font-size:13px}

/* ключ-значение */
.ptd-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin:0}
.ptd-kv>div{padding:14px 16px;border-radius:16px;border:1px solid var(--line,#263449);background:color-mix(in srgb,var(--ink,#fff) 4%,transparent);animation:ptd-in .45s both;animation-delay:calc(var(--i,0)*45ms)}
.ptd-kv dt{margin:0 0 5px;font:600 11px/1.3 var(--font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#8b9bb0)}
.ptd-kv dd{margin:0;font-size:15px;line-height:1.5;font-weight:600}
.ptd .ptd-kv dd a{color:var(--link-ink,#64cfff);text-decoration:none;border-bottom:1px solid currentColor}

/* карточки */
.ptd-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.ptd-card{appearance:none;text-align:left;font:inherit;color:inherit;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:16px;border-radius:18px;border:1px solid var(--line,#263449);background:color-mix(in srgb,var(--ink,#fff) 4%,transparent);animation:ptd-in .45s both;animation-delay:calc(var(--i,0)*40ms);transition:transform .22s,border-color .22s,box-shadow .22s}
.ptd-card[hidden]{display:none}
.ptd-card.is-pop{animation:ptd-pop .35s both;animation-delay:calc(var(--i,0)*35ms)}
.ptd-card:hover{transform:translateY(-4px);border-color:var(--a);box-shadow:0 18px 36px -24px var(--a)}
.ptd-card__ico{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--a) 16%,transparent);font-size:24px}
.ptd-card b{font:800 15px/1.25 var(--font-display,inherit)}
.ptd-card__txt{grid-column:2;margin-top:4px;font-size:13.5px;line-height:1.55;color:var(--muted,#8b9bb0)}
.ptd--js .ptd-cards.is-toggle .ptd-card{cursor:pointer}
.ptd--js .ptd-cards.is-toggle .ptd-card .ptd-card__txt{display:none}
.ptd--js .ptd-cards.is-toggle .ptd-card.is-open .ptd-card__txt{display:block;animation:ptd-in .3s both}
.ptd--js .ptd-cards.is-toggle .ptd-card.is-open{border-color:var(--a);background:color-mix(in srgb,var(--a) 9%,transparent)}
.ptd--js .ptd-cards.is-toggle .ptd-card:not(.is-open):after{content:"нажмите";grid-column:2;margin-top:4px;font:600 11px/1 var(--font-mono,monospace);letter-spacing:.08em;color:var(--a)}

/* прайс */
.ptd-price__bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 14px}
.ptd-search{flex:1;min-width:200px}
.ptd-search input{width:100%;height:44px;padding:0 14px;border-radius:14px;border:1px solid var(--line,#263449);background:color-mix(in srgb,var(--ink,#fff) 4%,transparent);color:var(--ink,#edf3fa);font:inherit}
.ptd-search input:focus{outline:0;border-color:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 25%,transparent)}
.ptd-pgrp{margin:0 0 16px}.ptd-pgrp[hidden]{display:none}
.ptd-pgrp h4{margin:0 0 8px;font:700 13px/1.3 var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--a)}
.ptd-pgrp ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ptd-pgrp li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;border-radius:14px;border:1px solid var(--line,#263449);background:color-mix(in srgb,var(--ink,#fff) 3%,transparent);animation:ptd-in .4s both;animation-delay:calc(var(--i,0)*35ms);transition:border-color .2s,transform .2s}
.ptd-pgrp li[hidden]{display:none}
.ptd-pgrp li:hover{border-color:var(--a);transform:translateX(4px)}
.ptd-pgrp li b{display:block;font-size:15px;font-weight:700}
.ptd-pgrp li small{display:block;margin-top:3px;font-size:12.5px;line-height:1.45;color:var(--muted,#8b9bb0)}
.ptd-price__v{flex:none;font:800 16px/1 var(--font-display,inherit);white-space:nowrap;background:linear-gradient(120deg,var(--a),var(--b));-webkit-background-clip:text;background-clip:text;color:transparent}
.ptd-empty{margin:12px 0;color:var(--muted,#8b9bb0)}

/* шаги */
.ptd-steps{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:14px}
.ptd-steps:before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--a),var(--b));opacity:.45;border-radius:2px}
.ptd-steps li{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;padding:14px 16px 14px 14px;border-radius:18px;border:1px solid var(--line,#263449);background:var(--surface,#101a2b);animation:ptd-in .5s both;animation-delay:calc(var(--i,0)*80ms)}
.ptd-steps__n{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--b));color:#06101f;font:800 16px/1 var(--font-display,inherit);position:relative;z-index:1}
.ptd-steps b{display:block;font:800 16px/1.25 var(--font-display,inherit)}
.ptd-steps p{margin:5px 0 0;font-size:14px;line-height:1.6;color:var(--muted,#8b9bb0)}
.ptd-steps i{font:600 11px/1 var(--font-mono,monospace);font-style:normal;letter-spacing:.06em;color:var(--a);white-space:nowrap;padding-top:6px}

/* люди */
.ptd-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.ptd-person{display:flex;gap:14px;align-items:flex-start;padding:15px;border-radius:18px;border:1px solid var(--line,#263449);background:color-mix(in srgb,var(--ink,#fff) 4%,transparent);animation:ptd-in .45s both;animation-delay:calc(var(--i,0)*40ms);transition:transform .2s,border-color .2s}
.ptd-person[hidden]{display:none}
.ptd-person:hover{transform:translateY(-3px);border-color:var(--a)}
.ptd-person__av{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--b));color:#06101f;font:800 19px/1 var(--font-display,inherit)}
.ptd-person b{display:block;font-size:15px}.ptd-person small{display:block;margin-top:2px;color:var(--a);font-size:12.5px;font-weight:600}
.ptd-person p{margin:7px 0 0;font-size:13.5px;line-height:1.55;color:var(--muted,#8b9bb0)}

/* FAQ */
.ptd-faq{display:grid;gap:8px}.ptd-faq details{border:1px solid var(--line,#263449);border-radius:14px;padding:0 16px}.ptd-faq summary{cursor:pointer;padding:14px 0;font-weight:700}.ptd-faq p{margin:0 0 14px;color:var(--muted,#8b9bb0);line-height:1.6}

/* цифры */
.ptd-stats{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.ptd-stats li{padding:16px 18px;border-radius:18px;border:1px solid var(--line,#263449);background:color-mix(in srgb,var(--ink,#fff) 4%,transparent);animation:ptd-in .5s both;animation-delay:calc(var(--i,0)*70ms)}
.ptd-stats b{display:block;font:800 clamp(26px,3.4vw,36px)/1 var(--font-display,inherit);letter-spacing:-.03em;background:linear-gradient(135deg,var(--a),var(--b));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.ptd-stats span{display:block;margin-top:6px;font-size:13px;color:var(--muted,#8b9bb0)}

/* адреса и часы */
.ptd-points{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.ptd-point{display:grid;gap:7px;padding:16px;border-radius:18px;border:1px solid var(--line,#263449);background:color-mix(in srgb,var(--ink,#fff) 4%,transparent);animation:ptd-in .45s both;animation-delay:calc(var(--i,0)*60ms);transition:transform .2s,border-color .2s}
.ptd-point:hover{transform:translateY(-3px);border-color:var(--a)}
.ptd-point b{font:800 16px/1.25 var(--font-display,inherit)}
.ptd-point small{color:var(--muted,#8b9bb0);font-size:13px;line-height:1.45}
.ptd-point__st{justify-self:start;padding:5px 10px;border-radius:99px;font:700 11.5px/1 var(--font-mono,monospace);letter-spacing:.04em;background:color-mix(in srgb,var(--ink,#fff) 8%,transparent);color:var(--muted,#8b9bb0)}
.ptd-point__st.is-open{background:#19c37d26;color:#4fe3a3}.ptd-point__st.is-closed{background:#ff5d5d1f;color:#ff8f8f}
.ptd-point__acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.ptd .ptd-btn{appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:12px;border:0;background:linear-gradient(120deg,var(--a),var(--b));color:#06101f;font:800 13px/1 var(--font-display,inherit);text-decoration:none;transition:transform .2s,box-shadow .2s}
.ptd .ptd-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -14px var(--a)}
.ptd .ptd-btn--ghost{background:transparent;border:1px solid var(--line,#263449);color:var(--ink,#edf3fa)}
.ptd .ptd-btn--ghost:hover{border-color:var(--a);box-shadow:none}

/* ссылки */
.ptd-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:14px}
.ptd .ptd-links a{position:relative;display:grid;gap:3px;padding:14px 42px 14px 16px;border-radius:16px;border:1px solid var(--line,#263449);background:color-mix(in srgb,var(--ink,#fff) 4%,transparent);color:var(--ink,#edf3fa);text-decoration:none;animation:ptd-in .45s both;animation-delay:calc(var(--i,0)*45ms);transition:transform .2s,border-color .2s}
.ptd .ptd-links a:hover{transform:translateY(-3px);border-color:var(--a)}
.ptd-links b{font-size:14.5px}.ptd-links small{color:var(--muted,#8b9bb0);font-size:12.5px}
.ptd-links i{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;font-size:18px;color:var(--a)}

/* калькулятор */
.ptd-calc{display:grid;gap:18px;padding:20px;border-radius:20px;border:1px solid var(--line,#263449);background:color-mix(in srgb,var(--ink,#fff) 4%,transparent)}
.ptd-calc label{display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center;font-weight:700;font-size:14px}
.ptd-calc input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--a)}
.ptd-calc output{font:800 18px/1 var(--font-display,inherit);color:var(--a)}
.ptd-calc__out{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.ptd-calc__out>div{padding:14px 16px;border-radius:16px;background:color-mix(in srgb,var(--ink,#fff) 5%,transparent)}
.ptd-calc__out small{display:block;color:var(--muted,#8b9bb0);font-size:12px;margin-bottom:4px}
.ptd-calc__out b{font:800 clamp(20px,2.6vw,28px)/1.1 var(--font-display,inherit);font-variant-numeric:tabular-nums}
.ptd-calc__out .is-main{background:linear-gradient(135deg,color-mix(in srgb,var(--a) 28%,transparent),color-mix(in srgb,var(--b) 28%,transparent))}

/* виджет «Выходные» */
.pt-days{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.pt-days>li{padding:14px 16px;border-radius:16px;border:1px solid var(--line,#263449);background:color-mix(in srgb,var(--ink,#fff) 4%,transparent);animation:ptd-in .45s both;animation-delay:calc(var(--i,0)*70ms)}
.pt-days b{display:inline-block;margin-right:10px;font:800 15px/1.2 var(--font-display,inherit)}
.pt-days em{font-style:normal;font-size:13px;color:var(--muted,#8b9bb0)}
.pt-days ul{margin:8px 0 0;padding-left:18px;font-size:14px;line-height:1.6}
.pt-days small{display:block;margin-top:8px;color:var(--muted,#8b9bb0);font-size:12.5px}
.pt-meals{margin:8px 0 0;padding-left:18px;font-size:13.5px;line-height:1.7}
.pt-opts--row{display:flex;flex-wrap:wrap}

@keyframes ptd-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes ptd-pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@media(max-width:640px){
  .ptd{padding:16px;border-radius:22px}
  .ptd-steps li{grid-template-columns:auto 1fr}.ptd-steps i{grid-column:2;padding-top:0}
  .ptd-steps:before{left:17px}
  .ptd-price__v{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .ptd *,.ptd__panel.is-anim>*{animation:none!important;transition:none!important}
}
