/* Numai paginile cu noul director: fotografia începe sub bara fixă. */
body:has(.city-directory) main{position:relative;padding-top:0}
body:has(.city-directory) main>.breadcrumbs{display:none}
body:has(.city-directory) .breadcrumbs [aria-current=page]{color:#fff}
.city-directory{position:relative;padding-top:0;padding-bottom:100px;background:#18355c;min-width:0;isolation:isolate}
.city-hero{position:relative;isolation:auto;overflow:visible;width:100%;height:clamp(620px,88svh,820px);margin:0;border-radius:0;background:transparent;color:#fff}
.city-hero__picture,.city-hero__picture img,.city-hero__shade{position:absolute;inset:0;width:100%;height:100%}
/* Aceeași fotografie rămâne în spatele întregii liste, fără întrerupere. */
.city-hero__picture{position:fixed;z-index:-2}
.city-hero__shade{position:fixed;z-index:-1}
.city-hero__picture img{object-fit:cover;object-position:50% 57%}
/* Fotografia Bușteni este verticală: păstrăm pârtia în cadru. */
.city-hero__picture img[src$="/busteni-hero.webp"]{object-position:50% 80%}
/* Păstrăm munții și telescaunul din fotografia Predeal în cadru. */
.city-hero__picture img[src$="/predeal-hero.webp"]{object-position:50% 25%}
.city-hero__shade{background:linear-gradient(180deg,#071d3d38,#061a3b18 30%,#06162fbd 80%,#06162fe8)}
.city-hero__content{position:absolute;inset:clamp(166px,20svh,210px) max(32px,calc((100% - 1200px)/2)) auto;max-width:950px}
.city-hero__eyebrow{display:none}
.city-hero__name{font-size:clamp(82px,9vw,130px);font-weight:800;line-height:.95;letter-spacing:-.075em;margin-bottom:18px}
.city-hero__name span{color:#44c2e6}
.city-hero h1{font-size:clamp(19px,2.1vw,29px);line-height:1.3;letter-spacing:-.025em;font-weight:550;margin:0;max-width:750px}
.city-hero__scroll{position:absolute;right:max(32px,calc((100% - 1200px)/2));top:clamp(250px,33svh,330px);display:grid;place-items:center;width:52px;height:52px;border:1px solid #ffffff70;border-radius:50%;background:#ffffff12;backdrop-filter:blur(8px);font-size:25px;transition:background .2s}
.city-hero__scroll:hover{background:#ffffff30}
.city-offer{position:relative;z-index:1;margin-top:-300px;padding:26px 28px 36px;border:1px solid transparent;border-radius:28px;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.city-tabs{display:flex;gap:6px;width:fit-content;max-width:100%;padding:6px;border:1px solid #dce6ec;border-radius:999px;background:#f0f5f8}
.city-tab{display:flex;align-items:center;justify-content:center;gap:14px;padding:15px 26px;border-radius:999px;font-size:15px;font-weight:700;line-height:1.4;color:#506677;transition:background .2s,color .2s,box-shadow .2s}
.city-tab:hover{color:var(--ink)}
.city-tab.is-active{background:#fff;color:var(--ink);box-shadow:0 3px 16px #142c3e0e}
.city-tab__count{display:grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:#e8f5fb;color:#15718e;font-size:12px}
.city-section-heading{display:flex;align-items:center;gap:40px;margin:26px 0 24px}
.city-section-heading .eyebrow{margin-bottom:10px;color:#bceeff;text-shadow:0 2px 10px #06162f60}
.city-section-heading h2{font-size:clamp(32px,3.2vw,44px);margin:0;color:#fff;text-shadow:0 2px 14px #06162f60}
.city-section-heading__line{flex:1;height:1px;background:#ffffff66}
.instructor-list{display:grid;gap:26px}
.instructor-card{display:grid;grid-template-columns:260px minmax(0,1fr) 280px;min-height:310px;overflow:hidden;border:1px solid #dce6ec;border-radius:24px;background:#fff;box-shadow:0 12px 35px #15344d06;transition:box-shadow .25s,border-color .25s}
.instructor-card:hover{box-shadow:0 14px 36px #15344d10;border-color:#b5d7e5}
.instructor-card__photo{position:relative;align-self:stretch;min-height:310px;display:flex;align-items:center;justify-content:center;background:#eaf1f6;overflow:hidden}
.instructor-card__photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}
.instructor-card__number{position:absolute;bottom:16px;left:16px;width:35px;height:35px;display:grid;place-items:center;background:#ffffffed;border:1px solid #fff;border-radius:50%;box-shadow:0 4px 16px #142c3e18;font-size:11px;font-weight:750}
.instructor-card__bio{padding:42px 34px;align-self:center;min-width:0}
.instructor-card__bio .eyebrow{font-size:10px;margin-bottom:12px}
.instructor-card__bio h3{font-size:30px;margin-bottom:24px;overflow-wrap:anywhere}
.instructor-card__bio p:not(.eyebrow){font-size:15px;color:var(--muted)}
.instructor-card__bio p:last-child{margin-bottom:0}
.instructor-card__skills{align-self:center;margin-block:35px;padding:10px 30px;border-left:1px solid var(--line);min-width:0}
.instructor-card__skills h4{font-size:13px;letter-spacing:0;font-weight:700;margin-bottom:24px}
.instructor-skills{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:14px}
.instructor-skills li{display:flex;align-items:center;gap:10px}
.instructor-skills li>span{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;border-radius:50%;background:#e9f6fa;color:#167592;font-size:13px}
.directory-placeholder{display:grid;gap:12px;max-width:300px}
.directory-placeholder span{display:block;height:7px;width:100%;border-radius:10px;background:#edf2f5}
.directory-placeholder span:nth-child(2){width:89%}.directory-placeholder span:nth-child(3){width:64%}
.directory-placeholder--skills{gap:17px;max-width:140px}
.directory-placeholder--skills span{height:8px}.directory-placeholder--skills span:nth-child(2){width:72%}.directory-placeholder--skills span:nth-child(4){width:80%}
.city-rental-empty,.city-rental-card{padding:42px;border:1px solid var(--line);border-radius:24px;background:#fff}
.city-rental-empty{min-height:230px;display:flex;align-items:center;gap:30px;color:var(--muted)}
.city-rental-empty p{margin:0;max-width:480px}
.city-rental-empty__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--ice);color:var(--cyan);font-size:32px;flex-shrink:0}
@media(max-width:1000px){.instructor-card{grid-template-columns:200px minmax(0,1fr) 190px}.instructor-card__bio{padding:30px 24px}.instructor-card__skills{padding:10px 22px}.city-hero__content{left:32px;right:85px}.city-offer{padding-inline:22px}}
@media(max-width:800px){.instructor-card{grid-template-columns:200px minmax(0,1fr)}.instructor-card__photo{grid-row:1/3}.instructor-card__bio{padding-bottom:24px}.instructor-card__skills{margin:0 24px 28px;padding:22px 0 0;border-left:0;border-top:1px solid var(--line)}.instructor-card__skills h4{margin-bottom:18px}.directory-placeholder--skills{grid-template-columns:1fr 1fr;max-width:220px}.instructor-skills{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:750px) and (min-width:601px){.city-hero__content{top:155px}.city-hero__name{font-size:88px}.city-hero__eyebrow{margin-bottom:10px}.city-hero h1{font-size:22px}.city-hero__scroll{top:235px}}
@media(max-width:600px){body:has(.city-directory) main>.breadcrumbs{top:99px;width:calc(100% - 40px);font-size:11px}.city-directory{padding-top:0;padding-bottom:60px}.city-hero{width:100%;height:clamp(510px,76svh,640px);border-radius:0}.city-hero__picture img{object-position:50% 52%}.city-hero__content{inset:151px 24px auto}.city-hero__name{font-size:80px;margin-bottom:16px}.city-hero__eyebrow{font-size:10px}.city-hero h1{font-size:19px;max-width:290px}.city-hero__scroll{display:none}.city-offer{width:calc(100% - 24px);margin-top:-180px;padding:16px 16px 24px;border-radius:24px}.city-tabs{width:100%;gap:2px;padding:5px}.city-tab{flex:1;padding:12px 6px;font-size:12px;gap:7px;white-space:nowrap}.city-tab__count{height:21px;min-width:21px;font-size:10px}.city-section-heading{margin-top:24px;gap:20px}.instructor-card{grid-template-columns:1fr;border-radius:20px}.instructor-card__photo{grid-row:auto;min-height:0;height:330px}.instructor-card__bio{padding:28px 26px}.instructor-card__bio h3{font-size:29px}.instructor-card__skills{margin:0 26px 30px;padding-top:24px}.city-rental-empty,.city-rental-card{padding:28px}.city-rental-empty{flex-direction:column;align-items:flex-start;gap:20px}.city-section-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.city-tab,.instructor-card,.city-hero__scroll{transition:none}}