html,
body {
    max-width: 100%;
    overflow-x: clip;
}
.pkm-map{--pkm-orange:#ff8200;position:relative;width:100%;max-width:1100px;margin:0 auto;font-family:inherit;color:#202020;isolation:isolate}
.pkm-map *,.pkm-city *{box-sizing:border-box;letter-spacing:normal}
.pkm-map__canvas{max-width:100%;overflow:visible;outline:0}
.pkm-map__canvas svg{width:100%;height:auto;display:block;overflow:visible}
.pkm-map #points,.pkm-map #label_points{display:none}
.pkm-map #features path{stroke:#fff;stroke-width:.85;stroke-linejoin:round;stroke-linecap:round;transition:fill .22s ease,stroke .22s ease;outline:none}
.pkm-map #features .pkm-map__active{fill:#ff8200;cursor:pointer}
.pkm-map #features .pkm-map__inactive{fill:#fecb8b;cursor:default}
.pkm-map #features .pkm-map__active:hover,.pkm-map #features .pkm-map__active:focus-visible,.pkm-map #features .pkm-map__selected{fill:#e85e00;stroke:#fff;stroke-width:1.2}
.pkm-map__label{pointer-events:none;fill:#24201c!important;stroke:none!important;paint-order:normal!important;text-anchor:middle;font-family:inherit;font-weight:500;font-size:11.2px;line-height:1.15;user-select:none}
.pkm-map__label--small{font-size:9.8px}
.pkm-map__popup{position:absolute;z-index:12;width:270px;max-width:calc(100% - 20px);padding:18px 14px 14px;background:#f8f8f8;border:0;border-radius:17px;color:#191919;opacity:0;transform:translateY(7px) scale(.985);transition:opacity .21s ease,transform .24s cubic-bezier(.2,.82,.25,1);pointer-events:none}
.pkm-map__popup.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.pkm-map__popup[hidden]{display:none!important}
.pkm-map__popup::after{content:"";position:absolute;left:var(--pkm-tail-x,12px);width:34px;height:29px;background:#f8f8f8;clip-path:polygon(0 0,100% 0,0 100%);z-index:-1}
.pkm-map__popup[data-placement="above"]::after{bottom:-22px}
.pkm-map__popup[data-placement="below"]::after{top:-22px;clip-path:polygon(0 100%,100% 100%,0 0)}
.pkm-map__close{position:absolute;left:-8px;top:-9px;width:22px;height:22px;z-index:2;border:0;border-radius:50%;background:#f8f8f8;color:#505050;display:grid;place-items:center;cursor:pointer;padding:5px;opacity:0;transition:opacity .18s ease,background .18s ease}
.pkm-map__popup:hover .pkm-map__close,.pkm-map__close:focus-visible{opacity:1}
.pkm-map__close:hover{background:#e7e7e7}
.pkm-map__close svg{height:13px;width:13px}
.pkm-map__badge{position:absolute;right:14px;top:-12px;max-width:calc(100% - 35px);background:#ff8200;border:2px solid #fff;border-radius:8px;color:#fff;font-size:11px;font-weight:500;line-height:1.2;padding:3px 8px;text-transform:uppercase;overflow-wrap:break-word;text-align:center}
.pkm-map__headline{display:flex;align-items:center;gap:11px;min-width:0;margin:0}
.pkm-map__avatar{flex:0 0 64px;width:64px;height:64px;border-radius:50%;overflow:hidden;background:#ececec;display:grid;place-items:center;border:2px solid #fff}
.pkm-map__avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.pkm-map__avatar--logo{background:#fff}
.pkm-map__avatar--logo img{object-fit:contain;object-position:center center;padding:3px;box-sizing:border-box}
.pkm-map__details{min-width:0;flex:1;padding:1px 8px 0 0}
.pkm-map__candidate-name{display:block;font-size:13px;line-height:1.25;font-weight:500;color:#212121;overflow-wrap:anywhere}
.pkm-map__candidate-role{display:block;margin-top:4px;font-size:11px;color:#5e6265;line-height:1.25}
.pkm-map__link{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:5px 10px;margin-top:7px;background:#ff8200;color:#fff!important;border-radius:5px;text-decoration:none!important;font-family:inherit;font-weight:500;font-size:11px;line-height:1!important;white-space:nowrap;transition:background .18s ease,transform .18s ease}
.pkm-map__link:hover{background:#e85e00;transform:translateY(-1px);color:#fff!important}
.pkm-map__link:focus-visible{outline:2px solid #212121;outline-offset:2px}
.pkm-map__popup--no-photo .pkm-map__details{padding-left:1px}
.pkm-map__popup--no-mayor{width:270px;padding:22px 14px 14px}
.pkm-map__actions{display:flex;justify-content:center;align-items:center;min-width:0;flex:1}
.pkm-map__actions .pkm-map__link{margin-top:1px}
.pkm-map__mobile-hint{display:none!important}
.pkm-map__zoom{display:none}


@media(max-width:640px){
 .pkm-map__canvas{position:relative;overflow:hidden;width:100%;touch-action:pan-y;overscroll-behavior-x:contain;user-select:none;-webkit-user-select:none;cursor:default}
 .pkm-map__canvas.is-zoomed{touch-action:none;cursor:grab}
 .pkm-map__canvas.is-panning{cursor:grabbing}
 .pkm-map__canvas svg{width:100%!important;max-width:100%!important;height:auto;display:block;overflow:visible;transform-origin:0 0;will-change:transform}
 .pkm-map__zoom{display:flex;flex-direction:row;position:relative;width:max-content;margin:7px 0 0 auto;z-index:6;gap:3px;background:rgba(255,255,255,.96);border:1px solid #e5e5e5;border-radius:10px;padding:3px;box-shadow:0 2px 9px rgba(0,0,0,.12)}
 .pkm-map__zoom button{display:grid;place-items:center;width:30px;height:30px;min-height:30px;padding:0;border:0;border-radius:7px;background:transparent;color:#262626;cursor:pointer;line-height:1!important}
 .pkm-map__zoom button:hover:not(:disabled),.pkm-map__zoom button:focus-visible{background:#f2f2f2}
 .pkm-map__zoom button:focus-visible{outline:2px solid #ff8200;outline-offset:-2px}
 .pkm-map__zoom button:disabled{opacity:.3;cursor:default}
 .pkm-map__zoom svg{display:block;width:17px;height:17px;transform:none!important}
 .pkm-map__popup{position:absolute;left:0;right:auto;bottom:auto;top:0;width:270px;max-width:calc(100% - 16px);z-index:10;border-radius:17px;padding:18px 14px 14px;box-shadow:0 8px 25px rgba(0,0,0,.16);transform:translateY(7px) scale(.985)}
 .pkm-map__popup.is-open{transform:translateY(0) scale(1)}
 .pkm-map__popup--no-mayor{width:270px;padding:22px 14px 14px}
 .pkm-map__close{opacity:1}
 .pkm-map__popup::after{display:block}
 .pkm-map__link{white-space:normal;text-align:center}
}
@media(prefers-reduced-motion:reduce){.pkm-map *{transition-duration:0s!important}}

.pkm-city,
.pkm-city * { box-sizing:border-box; letter-spacing:normal; }
.pkm-city { --pkm-city-orange:#ff8200; background:#fff; color:#191919; font-family:inherit; overflow:hidden; }
.pkm-city .pkm-city__inner { width:calc(100% - 48px); max-width:1100px; margin:0 auto; padding:0; }

.pkm-city .pkm-city-hero {
 position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center;
 min-height:420px; padding:150px 0 86px; background:#ff8200; color:#fff;
}
.pkm-city .pkm-city-hero::before,
.pkm-city .pkm-city-hero::after { content:""; position:absolute; border-radius:50%; background:rgba(255,255,255,.15); z-index:-1; pointer-events:none; }
.pkm-city .pkm-city-hero::before { width:430px; height:430px; left:-115px; top:-235px; }
.pkm-city .pkm-city-hero::after { width:390px; height:390px; right:13%; top:-240px; }
.pkm-city .pkm-city-hero__content { position:relative; max-width:900px; }
.pkm-city .pkm-city-hero__content::before {
 content:""; position:absolute; z-index:-1; background:rgba(255,255,255,.13);
 border-radius:50%; width:570px; height:570px; left:20%; top:110%;
}
.pkm-city .pkm-city-hero h1 {
 font-size:clamp(48px,5.2vw,78px)!important; line-height:1.09!important;
 font-weight:300!important; font-style:italic; margin:0 0 23px!important;
 max-width:890px; color:#fff!important; text-transform:none;
}
.pkm-city .pkm-city-hero p {
 font-size:clamp(20px,1.8vw,26px)!important; line-height:1.42!important;
 font-weight:500!important; margin:0!important; color:#fff!important; max-width:860px;
}

.pkm-city .pkm-city-main { background:#fff; padding:48px 0 80px; }
.pkm-city .pkm-city-intro { padding:0; margin:0 0 40px; }
.pkm-city .pkm-city-intro .pkm-city-section__title { margin-bottom:0!important; }
.pkm-city .pkm-city-intro__text { font-size:22px!important; line-height:1.5!important; color:#ff8200!important; text-transform:none!important; font-weight:400!important; }
.pkm-city .pkm-city-intro__text p,
.pkm-city .pkm-city-intro__text h2,
.pkm-city .pkm-city-intro__text h3,
.pkm-city .pkm-city-intro__text h4,
.pkm-city .pkm-city-intro__text span,
.pkm-city .pkm-city-intro__text strong { color:#ff8200!important; text-transform:none!important; }
.pkm-city .pkm-city-intro__text a { color:#ff8200!important; text-transform:none!important; text-decoration:underline; }
.pkm-city .pkm-city-intro__text > :first-child { margin-top:0; }
.pkm-city .pkm-city-intro__text > :last-child { margin-bottom:0; }
.pkm-city .pkm-city-section { padding:0; margin:0; }
.pkm-city .pkm-city-section__title {
 font-size:clamp(22px,1.9vw,27px)!important; line-height:1.3!important;
 font-weight:500!important; text-decoration:none!important; color:#ff8200!important;
 margin:0 0 32px!important; text-transform:none;
}

.pkm-city .pkm-mayor-card {
 display:grid; grid-template-columns:216px minmax(0,1fr) 224px;
 align-items:center; column-gap:34px; width:100%; min-height:272px;
}
.pkm-city .pkm-mayor-card__media { width:216px; align-self:start; }
.pkm-city .pkm-city-photo { position:relative; overflow:hidden; background:#e6eff7; border-radius:17px; flex-shrink:0; }
.pkm-city .pkm-city-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.pkm-city .pkm-city-photo--placeholder { background:#def1fa url('person-placeholder.svg') center/cover no-repeat; }
.pkm-city .pkm-mayor-card__photo { height:272px; width:216px; }
.pkm-city .pkm-mayor-card__content { min-width:0; align-self:end; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; padding-bottom:4px; }
.pkm-city .pkm-city-number {
 display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px;
 padding:0 9px; border-radius:99px; background:#ff8200; color:#fff;
 font-size:17px!important; font-weight:500!important; line-height:1!important; flex-shrink:0;
}
.pkm-city .pkm-mayor-card__content .pkm-city-number { min-width:45px; height:45px; padding:2px 0 0; font-size:20px!important; }
.pkm-city .pkm-mayor-card__name {
 font-size:clamp(24px,2.1vw,29px)!important; line-height:1.13!important;
 font-weight:600!important; text-transform:uppercase;
 margin:14px 0 8px!important; color:#191919!important; max-width:600px;
}
.pkm-city .pkm-mayor-card__role { font-size:16px!important; line-height:1.4!important; font-weight:400!important; margin:0!important; color:#191919!important; }
.pkm-city .pkm-mayor-card__actions { align-self:end; justify-self:end; width:100%; padding:0 0 4px; }
.pkm-city .pkm-city-actions { display:flex; flex-direction:column; gap:11px; width:100%; align-items:stretch; }
.pkm-city .pkm-city-button {
 display:flex; align-items:center; justify-content:center; min-height:47px;
 padding:13px 22px!important; background:#ff8200; color:#fff!important; text-decoration:none!important;
 border-radius:0px 25px!important; font-size:16px!important; line-height:1!important;
 font-weight:500!important; transition:background .18s ease,transform .18s ease; text-align:center;
}
.pkm-city .pkm-city-button:hover { background:#eb7600; color:#fff!important; transform:translateY(-1px); }
.pkm-city .pkm-city-button:focus-visible { outline:2px solid #222; outline-offset:2px; }
.pkm-city .pkm-city-section--mayor { margin-bottom:72px; }

/* Trijų stulpelių kandidatai: nuotrauka horizontaliai šalia numerio, vardo ir pozicijos. */
.pkm-city.pkm-city--has-mayor .pkm-city-section--members .pkm-city-section__title {
 position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important;
 clip-path:inset(50%); white-space:nowrap; margin:-1px!important; padding:0!important; border:0;
}
.pkm-city .pkm-members-grid {
 display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;
 column-gap:32px; row-gap:40px; align-items:start; max-width:1100px;
}
.pkm-city .pkm-member-card {
 display:grid!important; grid-template-columns:144px minmax(0,1fr);
 align-items:flex-end; column-gap:18px; min-width:0; margin:0; padding:0;
 background:transparent; border:0; border-radius:0; box-shadow:none;
}
.pkm-city .pkm-member-card__media { margin:0; position:static; align-self:center; min-width:0; }
.pkm-city .pkm-member-card__photo { height:172px; width:144px; border-radius:16px; }
.pkm-city .pkm-member-card__body { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-width:0; padding:0; }
.pkm-city .pkm-member-card__body .pkm-city-number { font-size:15px!important; height:30px; min-width:30px; padding:2px 0 0; margin:0 0 10px; }
.pkm-city .pkm-member-card__name {
 font-size:clamp(16px,1.25vw,18px)!important; line-height:1.19!important;
 font-weight:600!important; text-transform:uppercase; overflow-wrap:break-word;
 hyphens:auto; color:#191919!important; margin:0 0 8px!important;
}
.pkm-city .pkm-member-card__position { font-size:12px!important; line-height:1.4!important; color:#191919!important; font-weight:400!important; margin:0!important; overflow-wrap:break-word; }
.pkm-city .pkm-city-empty { padding:25px 0 35px; font-size:16px; color:#333; }
.pkm-city .pkm-person-link { display:block; text-decoration:none!important; color:inherit!important; }
.pkm-city .pkm-person-link--name { display:inline; color:inherit!important; transition:color .18s ease; }
.pkm-city .pkm-person-link--name:hover { color:#ff8200!important; }
.pkm-city .pkm-person-link--photo { width:max-content; max-width:100%; border-radius:17px; }
.pkm-city .pkm-person-link--photo:focus-visible,
.pkm-city .pkm-person-link--name:focus-visible { outline:2px solid #ff8200; outline-offset:3px; }

@media(max-width:1100px){
 .pkm-city .pkm-members-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; column-gap:30px; row-gap:38px; }
 .pkm-city .pkm-member-card { grid-template-columns:132px minmax(0,1fr); column-gap:18px; }
 .pkm-city .pkm-member-card__photo { width:132px; height:166px; }
 .pkm-city .pkm-mayor-card { grid-template-columns:154px minmax(0,1fr) 212px; column-gap:26px; min-height:0; }
 .pkm-city .pkm-mayor-card__media { width:154px; }
 .pkm-city .pkm-mayor-card__photo { width:154px; height:196px; }
}
@media(max-width:780px){
 .pkm-city .pkm-city__inner { width:calc(100% - 40px); }
 .pkm-city .pkm-city-hero { min-height:360px; padding:130px 0 66px; }
 .pkm-city .pkm-city-hero h1 { font-size:clamp(43px,6.8vw,60px)!important; }
 .pkm-city .pkm-city-hero p { font-size:clamp(19px,2.6vw,23px)!important; }
 .pkm-city .pkm-city-main { padding:38px 0 60px; }
 .pkm-city .pkm-mayor-card { grid-template-columns:146px minmax(0,1fr); column-gap:24px; row-gap:18px; }
 .pkm-city .pkm-mayor-card__media { width:146px; }
 .pkm-city .pkm-mayor-card__photo { width:146px; height:188px; }
 .pkm-city .pkm-mayor-card__name { font-size:25px!important; }
 .pkm-city .pkm-mayor-card__content { align-self:center; justify-content:center; padding-bottom:0; }
 .pkm-city .pkm-mayor-card__actions { grid-column:2; justify-self:start; align-self:center; width:min(260px,100%); padding-bottom:0; }
 .pkm-city .pkm-city-section--mayor { margin-bottom:62px; }
 .pkm-city .pkm-member-card { grid-template-columns:118px minmax(0,1fr); column-gap:15px; }
 .pkm-city .pkm-member-card__photo { width:118px; height:152px; }
 .pkm-city .pkm-member-card__name { font-size:16px!important; }
 .pkm-city .pkm-member-card__position { font-size:12px!important; }
}
@media(max-width:630px){
 .pkm-city .pkm-city__inner { width:calc(100% - 36px); }
 .pkm-city .pkm-city-hero { min-height:330px; padding:115px 0 57px; }
 .pkm-city .pkm-city-hero h1 { font-size:clamp(39px,8.7vw,52px)!important; margin-bottom:18px!important; }
 .pkm-city .pkm-city-hero p { font-size:19px!important; }
 .pkm-city .pkm-city-hero::before { width:280px; height:280px; left:-130px; top:-150px; }
 .pkm-city .pkm-city-hero::after { width:280px; height:280px; right:-140px; top:-170px; }
 .pkm-city .pkm-city-main { padding:32px 0 48px; }
 .pkm-city .pkm-city-intro { margin-bottom:32px; }
 .pkm-city .pkm-city-intro__text { font-size:16px!important; }
 .pkm-city .pkm-mayor-card { grid-template-columns:132px minmax(0,1fr); column-gap:18px; row-gap:18px; }
 .pkm-city .pkm-mayor-card__media { width:132px; }
 .pkm-city .pkm-mayor-card__photo { width:132px; height:172px; }
 .pkm-city .pkm-mayor-card__name { font-size:clamp(19px,5vw,25px)!important; }
 .pkm-city .pkm-mayor-card__role { font-size:14px!important; }
 .pkm-city .pkm-city-number { height:31px; min-width:31px; font-size:15px!important; }
 .pkm-city .pkm-mayor-card__content .pkm-city-number { height:39px; min-width:39px; font-size:18px!important; }
 .pkm-city .pkm-mayor-card__actions { grid-column:1/-1; width:100%; }
 .pkm-city .pkm-city-actions { flex-direction:row; gap:10px; }
 .pkm-city .pkm-city-button { flex:1; min-width:0; min-height:46px; font-size:15px!important; padding:12px 14px!important; }
 .pkm-city .pkm-city-section--mayor { margin-bottom:52px; }
 .pkm-city .pkm-members-grid { grid-template-columns:1fr!important; row-gap:24px; }
 .pkm-city .pkm-member-card { grid-template-columns:124px minmax(0,1fr); gap:20px; }
 .pkm-city .pkm-member-card__photo { width:124px; height:158px; }
 .pkm-city .pkm-member-card__name { font-size:18px!important; }
 .pkm-city .pkm-member-card__position { font-size:13px!important; }
}
@media(max-width:390px){
 .pkm-city .pkm-city__inner { width:calc(100% - 28px); }
 .pkm-city .pkm-city-hero { min-height:318px; padding:106px 0 47px; }
 .pkm-city .pkm-city-hero h1 { font-size:37px!important; }
 .pkm-city .pkm-mayor-card { grid-template-columns:112px minmax(0,1fr); column-gap:14px; }
 .pkm-city .pkm-mayor-card__media { width:112px; }
 .pkm-city .pkm-mayor-card__photo { width:112px; height:148px; }
 .pkm-city .pkm-mayor-card__name { font-size:18px!important; }
 .pkm-city .pkm-member-card { grid-template-columns:104px minmax(0,1fr); column-gap:16px; }
 .pkm-city .pkm-member-card__photo { width:104px; height:134px; }
 .pkm-city .pkm-member-card__name { font-size:16px!important; }
}
@media(prefers-reduced-motion:reduce){.pkm-city *{transition-duration:0s!important}}


.pkm-city .pkm-city-section--donation { margin-top:76px; }
.pkm-city .pkm-city-section--donation > .pk-public { margin-top:0; margin-bottom:0; }
@media(max-width:780px) { .pkm-city .pkm-city-section--donation { margin-top:56px; } }
@media(max-width:630px) { .pkm-city .pkm-city-section--donation { margin-top:44px; } }

.pkm-city .pkm-city-section--program { margin-top:76px; }
@media(max-width:780px) { .pkm-city .pkm-city-section--program { margin-top:56px; } }
@media(max-width:630px) { .pkm-city .pkm-city-section--program { margin-top:44px; } }

@media (max-width: 640px) {
  .pkm-map { margin-bottom: 32px; }
}

.pkm-city .pkm-members-extra{
    height:0;overflow:hidden;opacity:0;visibility:hidden;
    transition:height .48s cubic-bezier(.22,.8,.25,1),opacity .3s ease,visibility 0s linear .48s;
}
.pkm-city .pkm-members-extra.is-expanded{
    opacity:1;visibility:visible;
    transition:height .48s cubic-bezier(.22,.8,.25,1),opacity .3s ease,visibility 0s;
}
.pkm-city .pkm-members-extra .pkm-members-extra__grid{padding-top:40px;}
@media(max-width:1100px){.pkm-city .pkm-members-extra .pkm-members-extra__grid{padding-top:38px;}}
@media(max-width:630px){.pkm-city .pkm-members-extra .pkm-members-extra__grid{padding-top:24px;}}
@media(prefers-reduced-motion:reduce){.pkm-city .pkm-members-extra{transition:none!important;}}
.pkm-city .pkm-members-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;margin:35px auto 0;padding:11px 22px;border:1px solid #ff8200;border-radius:10px;background:#fff;color:#db7000;font-family:inherit;font-weight:500;font-size:16px;line-height:1 !important;cursor:pointer;transition:background .2s ease,color .2s ease}
.pkm-city .pkm-members-toggle:hover{background:#ff8200;color:#fff}
.pkm-city .pkm-members-toggle:focus-visible{outline:2px solid #ff8200;outline-offset:3px}
.pkm-city .pkm-members-toggle svg{transition:transform .2s ease;flex-shrink:0}
.pkm-city .pkm-members-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
@media(max-width:640px){.pkm-city .pkm-members-toggle{width:100%;max-width:300px;margin-top:28px}}

.pkm-city .pkm-bubble-program { width:100%; max-width:1147px; margin:0 auto; }
.pkm-city .pkm-bubble-program__heading { margin:0 0 24px!important; color:#ff8200!important; font-size:clamp(26px,3.5vw,40px)!important; line-height:1.1!important; font-weight:500!important; text-transform:uppercase!important; }
.pkm-city .pkm-bubble-program__diagram { position:relative; overflow:visible; isolation:isolate; }
.pkm-city .pkm-bubble-program__diagram--desktop { display:block; }
.pkm-city .pkm-bubble-program__diagram--mobile { display:none; }
.pkm-city .pkm-bubble-program__svg { display:block; width:100%; height:auto; }
.pkm-city .pkm-bubble-program__hotspots { position:absolute; inset:0; pointer-events:none; }
.pkm-city .pkm-bubble-program__hotspot { position:absolute; width:19.27%; aspect-ratio:1; transform:translate(-50%,-50%); border:0!important; border-radius:50%; background:transparent!important; box-shadow:none; padding:0; cursor:pointer; pointer-events:auto; transition:box-shadow .16s ease; }
.pkm-city .pkm-bubble-program__hotspot:hover, .pkm-city .pkm-bubble-program__hotspot.is-active { box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(255,130,0,.34); }
.pkm-city .pkm-bubble-program__hotspot:focus-visible { outline:2px solid #ff8200; outline-offset:6px; }

.pkm-city .pkm-bubble-program__popup { position:absolute; z-index:30; width:360px; max-width:calc(100% - 16px); box-sizing:border-box; color:#fff; opacity:0; transform:translateY(4px); transition:opacity .17s ease,transform .17s ease; pointer-events:none; }
.pkm-city .pkm-bubble-program__popup[hidden] { display:none!important; }
.pkm-city .pkm-bubble-program__popup.is-open { opacity:1; transform:translateY(0); }
.pkm-city .pkm-bubble-program__popup-inner { position:relative; background:#ff8200; border-radius:19px; padding:15px 19px 17px; box-sizing:border-box; }
.pkm-city .pkm-bubble-program__popup-title { margin:0 0 7px!important; color:#fff!important; font-size:18px!important; font-weight:600!important; text-transform:uppercase!important;}
.pkm-city .pkm-bubble-program__popup-text { margin:0!important; color:#fff!important; font-size:15px!important; line-height:1.43!important; white-space:pre-line; overflow-wrap:break-word; }
.pkm-city .pkm-bubble-program__popup-tail { position:absolute; left:24px; right:auto; top:calc(100% - 1px); bottom:auto; width:24px; height:18px; background:#ff8200; transform:none; border-radius:0; clip-path:polygon(0 0,100% 0,0 100%); pointer-events:none; }
.pkm-city .pkm-bubble-program__popup[data-side="left"] .pkm-bubble-program__popup-tail { left:auto; right:24px; clip-path:polygon(0 0,100% 0,100% 100%); }
.pkm-city .pkm-bubble-program__popup[data-vertical="below"] .pkm-bubble-program__popup-tail { top:auto; bottom:calc(100% - 1px); clip-path:polygon(0 100%,100% 100%,0 0); }
.pkm-city .pkm-bubble-program__popup[data-side="left"][data-vertical="below"] .pkm-bubble-program__popup-tail { clip-path:polygon(0 100%,100% 100%,100% 0); }
@media(max-width:780px) {
  .pkm-city .pkm-bubble-program__diagram--desktop { display:none; }
  .pkm-city .pkm-bubble-program__diagram--mobile { display:block; }
  .pkm-city .pkm-bubble-program__heading { margin-bottom:15px!important; font-size:clamp(23px,6vw,34px)!important; }
  .pkm-city .pkm-bubble-program__hotspot { width:24.44%; }
  .pkm-city .pkm-bubble-program__popup { width:290px; }
  .pkm-city .pkm-bubble-program__popup-inner { border-radius:15px; padding:12px 15px 13px; }
  .pkm-city .pkm-bubble-program__popup-title { font-size:16px!important; }
  .pkm-city .pkm-bubble-program__popup-text { font-size:13px!important; line-height:1.38!important; }
  .pkm-city .pkm-bubble-program__popup-tail { width:18px; height:14px; left:20px; }
  .pkm-city .pkm-bubble-program__popup[data-side="left"] .pkm-bubble-program__popup-tail { left:auto; right:20px; }
}
@media(max-width:390px) { .pkm-city .pkm-bubble-program__popup { width:248px; } }
@media(prefers-reduced-motion:reduce) { .pkm-city .pkm-bubble-program__popup, .pkm-city .pkm-bubble-program__hotspot { transition:none!important; } }
